@storybook/addon-onboarding 2.0.0-next.2 → 8.0.0-rc.0

package/dist/App-N4H25AZH.js

@@ -0,0 +1,512 @@
+import * as React32 from 'react';
+import React32__default, { forwardRef, Children, isValidElement, createElement, cloneElement, useEffect, createContext, useContext, useState, useRef, useCallback, Fragment, Component, useMemo, useLayoutEffect, useReducer, createRef, useInsertionEffect, useId } from 'react';
+import { styled, keyframes, css, convert, ThemeProvider, useTheme, ensure, themes } from '@storybook/theming';
+import { addons } from '@storybook/manager-api';
+import * as ReactDOM from 'react-dom';
+import ReactDOM__default, { flushSync, createPortal } from 'react-dom';
+import { UPDATE_STORY_ARGS, STORY_INDEX_INVALIDATED, STORY_RENDERED } from '@storybook/core-events';
+import { ArrowRightIcon, BookmarkHollowIcon, CrossIcon, CheckIcon } from '@storybook/icons';
+import { SyntaxHighlighter as SyntaxHighlighter$1 } from '@storybook/components';
+
+var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __esm=(fn,res)=>function(){return fn&&(res=(0, fn[__getOwnPropNames(fn)[0]])(fn=0)),res};var __commonJS=(cb,mod)=>function(){return mod||(0, cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var require_scroll=__commonJS({"../../node_modules/scroll/index.js"(exports,module){var E_NOSCROLL=new Error("Element already at target scroll position"),E_CANCELLED=new Error("Scroll cancelled"),min=Math.min,ms=Date.now;module.exports={left:make("scrollLeft"),top:make("scrollTop")};function make(prop){return function(el,to,opts,cb){opts=opts||{},typeof opts=="function"&&(cb=opts,opts={}),typeof cb!="function"&&(cb=noop3);var start=ms(),from=el[prop],ease2=opts.ease||inOutSine,duration=isNaN(opts.duration)?350:+opts.duration,cancelled=!1;return from===to?cb(E_NOSCROLL,el[prop]):requestAnimationFrame(animate),cancel;function cancel(){cancelled=!0;}function animate(timestamp){if(cancelled)return cb(E_CANCELLED,el[prop]);var now2=ms(),time2=min(1,(now2-start)/duration),eased=ease2(time2);el[prop]=eased*(to-from)+from,time2<1?requestAnimationFrame(animate):requestAnimationFrame(function(){cb(null,el[prop]);});}}}function inOutSine(n){return .5*(1-Math.cos(Math.PI*n))}function noop3(){}}});var require_scrollparent=__commonJS({"../../node_modules/scrollparent/scrollparent.js"(exports,module){(function(root,factory){typeof define=="function"&&define.amd?define([],factory):typeof module=="object"&&module.exports?module.exports=factory():root.Scrollparent=factory();})(exports,function(){function isScrolling(node){var overflow=getComputedStyle(node,null).getPropertyValue("overflow");return overflow.indexOf("scroll")>-1||overflow.indexOf("auto")>-1}function scrollParent2(node){if(node instanceof HTMLElement||node instanceof SVGElement){for(var current=node.parentNode;current.parentNode;){if(isScrolling(current))return current;current=current.parentNode;}return document.scrollingElement||document.documentElement}}return scrollParent2});}});var require_cjs=__commonJS({"../../node_modules/deepmerge/dist/cjs.js"(exports,module){var isMergeableObject=function(value){return isNonNullObject(value)&&!isSpecial(value)};function isNonNullObject(value){return !!value&&typeof value=="object"}function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return stringValue==="[object RegExp]"||stringValue==="[object Date]"||isReactElement(value)}var canUseSymbol=typeof Symbol=="function"&&Symbol.for,REACT_ELEMENT_TYPE=canUseSymbol?Symbol.for("react.element"):60103;function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}function emptyTarget(val){return Array.isArray(val)?[]:{}}function cloneUnlessOtherwiseSpecified(value,options){return options.clone!==!1&&options.isMergeableObject(value)?deepmerge4(emptyTarget(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map(function(element){return cloneUnlessOtherwiseSpecified(element,options)})}function getMergeFunction(key,options){if(!options.customMerge)return deepmerge4;var customMerge=options.customMerge(key);return typeof customMerge=="function"?customMerge:deepmerge4}function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter(function(symbol){return Object.propertyIsEnumerable.call(target,symbol)}):[]}function getKeys(target){return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))}function propertyIsOnObject(object,property){try{return property in object}catch{return !1}}function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach(function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options);}),getKeys(source).forEach(function(key){propertyIsUnsafe(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=getMergeFunction(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options));}),destination}function deepmerge4(target,source,options){options=options||{},options.arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source),targetIsArray=Array.isArray(target),sourceAndTargetTypesMatch=sourceIsArray===targetIsArray;return sourceAndTargetTypesMatch?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge4.all=function(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce(function(prev,next){return deepmerge4(prev,next,options)},{})};var deepmerge_1=deepmerge4;module.exports=deepmerge_1;}});var require_react_is_development=__commonJS({"../../node_modules/react-is/cjs/react-is.development.js"(exports){(function(){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,Fragment5=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 isForwardRef(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=Fragment5,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=isForwardRef,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){module.exports=require_react_is_development();}});var require_object_assign=__commonJS({"../../node_modules/object-assign/index.js"(exports,module){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={},i=0;i<10;i++)test2["_"+String.fromCharCode(i)]=i;var order2=Object.getOwnPropertyNames(test2).map(function(n){return test2[n]});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,s=1;s<arguments.length;s++){from=Object(arguments[s]);for(var key in from)hasOwnProperty.call(from,key)&&(to[key]=from[key]);if(getOwnPropertySymbols){symbols=getOwnPropertySymbols(from);for(var i=0;i<symbols.length;i++)propIsEnumerable.call(from,symbols[i])&&(to[symbols[i]]=from[symbols[i]]);}}return to};}});var require_ReactPropTypesSecret=__commonJS({"../../node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports,module){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){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){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(isValidElement2,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 is3(x,y){return x===y?x!==0||1/x===1/y:x!==x&&y!==y}function PropTypeError(message,data3){this.message=message,this.data=data3&&typeof data3=="object"?data3:{},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 i=0;i<propValue.length;i++){var error=typeChecker(propValue,i,componentName,location,propFullName+"["+i+"]",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(!isValidElement2(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],i=0;i<expectedValues.length;i++)if(is3(propValue,expectedValues[i]))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 i=0;i<arrayOfTypeCheckers.length;i++){var checker=arrayOfTypeCheckers[i];if(typeof checker!="function")return printWarning("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+getPostfixForTypeWarning(checker)+" at index "+i+"."),emptyFunctionThatReturnsNull}function validate(props,propName,componentName,location,propFullName){for(var expectedTypes=[],i2=0;i2<arrayOfTypeCheckers.length;i2++){var checker2=arrayOfTypeCheckers[i2],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,"  ")+`
+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||isValidElement2(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_innertext=__commonJS({"../../node_modules/react-innertext/index.js"(exports,module){var hasProps=function(jsx){return Object.prototype.hasOwnProperty.call(jsx,"props")},reduceJsxToString=function(previous,current){return previous+innerText2(current)},innerText2=function(jsx){return jsx===null||typeof jsx=="boolean"||typeof jsx>"u"?"":typeof jsx=="number"?jsx.toString():typeof jsx=="string"?jsx:Array.isArray(jsx)?jsx.reduce(reduceJsxToString,""):hasProps(jsx)&&Object.prototype.hasOwnProperty.call(jsx.props,"children")?innerText2(jsx.props.children):""};innerText2.default=innerText2;module.exports=innerText2;}});var require_tween_functions=__commonJS({"../../node_modules/tween-functions/index.js"(exports,module){var tweenFunctions={linear:function(t,b,_c,d){var c=_c-b;return c*t/d+b},easeInQuad:function(t,b,_c,d){var c=_c-b;return c*(t/=d)*t+b},easeOutQuad:function(t,b,_c,d){var c=_c-b;return -c*(t/=d)*(t-2)+b},easeInOutQuad:function(t,b,_c,d){var c=_c-b;return (t/=d/2)<1?c/2*t*t+b:-c/2*(--t*(t-2)-1)+b},easeInCubic:function(t,b,_c,d){var c=_c-b;return c*(t/=d)*t*t+b},easeOutCubic:function(t,b,_c,d){var c=_c-b;return c*((t=t/d-1)*t*t+1)+b},easeInOutCubic:function(t,b,_c,d){var c=_c-b;return (t/=d/2)<1?c/2*t*t*t+b:c/2*((t-=2)*t*t+2)+b},easeInQuart:function(t,b,_c,d){var c=_c-b;return c*(t/=d)*t*t*t+b},easeOutQuart:function(t,b,_c,d){var c=_c-b;return -c*((t=t/d-1)*t*t*t-1)+b},easeInOutQuart:function(t,b,_c,d){var c=_c-b;return (t/=d/2)<1?c/2*t*t*t*t+b:-c/2*((t-=2)*t*t*t-2)+b},easeInQuint:function(t,b,_c,d){var c=_c-b;return c*(t/=d)*t*t*t*t+b},easeOutQuint:function(t,b,_c,d){var c=_c-b;return c*((t=t/d-1)*t*t*t*t+1)+b},easeInOutQuint:function(t,b,_c,d){var c=_c-b;return (t/=d/2)<1?c/2*t*t*t*t*t+b:c/2*((t-=2)*t*t*t*t+2)+b},easeInSine:function(t,b,_c,d){var c=_c-b;return -c*Math.cos(t/d*(Math.PI/2))+c+b},easeOutSine:function(t,b,_c,d){var c=_c-b;return c*Math.sin(t/d*(Math.PI/2))+b},easeInOutSine:function(t,b,_c,d){var c=_c-b;return -c/2*(Math.cos(Math.PI*t/d)-1)+b},easeInExpo:function(t,b,_c,d){var c=_c-b;return t==0?b:c*Math.pow(2,10*(t/d-1))+b},easeOutExpo:function(t,b,_c,d){var c=_c-b;return t==d?b+c:c*(-Math.pow(2,-10*t/d)+1)+b},easeInOutExpo:function(t,b,_c,d){var c=_c-b;return t===0?b:t===d?b+c:(t/=d/2)<1?c/2*Math.pow(2,10*(t-1))+b:c/2*(-Math.pow(2,-10*--t)+2)+b},easeInCirc:function(t,b,_c,d){var c=_c-b;return -c*(Math.sqrt(1-(t/=d)*t)-1)+b},easeOutCirc:function(t,b,_c,d){var c=_c-b;return c*Math.sqrt(1-(t=t/d-1)*t)+b},easeInOutCirc:function(t,b,_c,d){var c=_c-b;return (t/=d/2)<1?-c/2*(Math.sqrt(1-t*t)-1)+b:c/2*(Math.sqrt(1-(t-=2)*t)+1)+b},easeInElastic:function(t,b,_c,d){var c=_c-b,a,p,s;return s=1.70158,p=0,a=c,t===0?b:(t/=d)===1?b+c:(p||(p=d*.3),a<Math.abs(c)?(a=c,s=p/4):s=p/(2*Math.PI)*Math.asin(c/a),-(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b)},easeOutElastic:function(t,b,_c,d){var c=_c-b,a,p,s;return s=1.70158,p=0,a=c,t===0?b:(t/=d)===1?b+c:(p||(p=d*.3),a<Math.abs(c)?(a=c,s=p/4):s=p/(2*Math.PI)*Math.asin(c/a),a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+c+b)},easeInOutElastic:function(t,b,_c,d){var c=_c-b,a,p,s;return s=1.70158,p=0,a=c,t===0?b:(t/=d/2)===2?b+c:(p||(p=d*.44999999999999996),a<Math.abs(c)?(a=c,s=p/4):s=p/(2*Math.PI)*Math.asin(c/a),t<1?-.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b:a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*.5+c+b)},easeInBack:function(t,b,_c,d,s){var c=_c-b;return s===void 0&&(s=1.70158),c*(t/=d)*t*((s+1)*t-s)+b},easeOutBack:function(t,b,_c,d,s){var c=_c-b;return s===void 0&&(s=1.70158),c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},easeInOutBack:function(t,b,_c,d,s){var c=_c-b;return s===void 0&&(s=1.70158),(t/=d/2)<1?c/2*(t*t*(((s*=1.525)+1)*t-s))+b:c/2*((t-=2)*t*(((s*=1.525)+1)*t+s)+2)+b},easeInBounce:function(t,b,_c,d){var c=_c-b,v;return v=tweenFunctions.easeOutBounce(d-t,0,c,d),c-v+b},easeOutBounce:function(t,b,_c,d){var c=_c-b;return (t/=d)<.36363636363636365?c*(7.5625*t*t)+b:t<.7272727272727273?c*(7.5625*(t-=.5454545454545454)*t+.75)+b:t<.9090909090909091?c*(7.5625*(t-=.8181818181818182)*t+.9375)+b:c*(7.5625*(t-=.9545454545454546)*t+.984375)+b},easeInOutBounce:function(t,b,_c,d){var c=_c-b,v;return t<d/2?(v=tweenFunctions.easeInBounce(t*2,0,c,d),v*.5+b):(v=tweenFunctions.easeOutBounce(t*2-d,0,c,d),v*.5+c*.5+b)}};module.exports=tweenFunctions;}});var require_debounce=__commonJS({"../../node_modules/debounce/index.js"(exports,module){function debounce2(func,wait,immediate){var timeout,args,context,timestamp,result;wait==null&&(wait=100);function later(){var last=Date.now()-timestamp;last<wait&&last>=0?timeout=setTimeout(later,wait-last):(timeout=null,immediate||(result=func.apply(context,args),context=args=null));}var debounced=function(){context=this,args=arguments,timestamp=Date.now();var callNow=immediate&&!timeout;return timeout||(timeout=setTimeout(later,wait)),callNow&&(result=func.apply(context,args),context=args=null),result};return debounced.clear=function(){timeout&&(clearTimeout(timeout),timeout=null);},debounced.flush=function(){timeout&&(result=func.apply(context,args),context=args=null,clearTimeout(timeout),timeout=null);},debounced}debounce2.debounce=debounce2;module.exports=debounce2;}});function memoize(fn){var cache={};return function(arg){return cache[arg]===void 0&&(cache[arg]=fn(arg)),cache[arg]}}var memoize_browser_esm_default,init_memoize_browser_esm=__esm({"../../node_modules/framer-motion/node_modules/@emotion/memoize/dist/memoize.browser.esm.js"(){memoize_browser_esm_default=memoize;}});var is_prop_valid_browser_esm_exports={};__export(is_prop_valid_browser_esm_exports,{default:()=>is_prop_valid_browser_esm_default});var reactPropsRegex,index,is_prop_valid_browser_esm_default,init_is_prop_valid_browser_esm=__esm({"../../node_modules/framer-motion/node_modules/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js"(){init_memoize_browser_esm();reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,index=memoize_browser_esm_default(function(prop){return reactPropsRegex.test(prop)||prop.charCodeAt(0)===111&&prop.charCodeAt(1)===110&&prop.charCodeAt(2)<91}),is_prop_valid_browser_esm_default=index;}});function isOfType(type){return value=>typeof value===type}var isFunction=isOfType("function"),isNull=value=>value===null,isRegex=value=>Object.prototype.toString.call(value).slice(8,-1)==="RegExp",isObject=value=>!isUndefined(value)&&!isNull(value)&&(isFunction(value)||typeof value=="object"),isUndefined=isOfType("undefined");function equalArray(left,right){let{length}=left;if(length!==right.length)return !1;for(let index2=length;index2--!==0;)if(!equal(left[index2],right[index2]))return !1;return !0}function equalArrayBuffer(left,right){if(left.byteLength!==right.byteLength)return !1;let view1=new DataView(left.buffer),view2=new DataView(right.buffer),index2=left.byteLength;for(;index2--;)if(view1.getUint8(index2)!==view2.getUint8(index2))return !1;return !0}function equalMap(left,right){if(left.size!==right.size)return !1;for(let index2 of left.entries())if(!right.has(index2[0]))return !1;for(let index2 of left.entries())if(!equal(index2[1],right.get(index2[0])))return !1;return !0}function equalSet(left,right){if(left.size!==right.size)return !1;for(let index2 of left.entries())if(!right.has(index2[0]))return !1;return !0}function equal(left,right){if(left===right)return !0;if(left&&isObject(left)&&right&&isObject(right)){if(left.constructor!==right.constructor)return !1;if(Array.isArray(left)&&Array.isArray(right))return equalArray(left,right);if(left instanceof Map&&right instanceof Map)return equalMap(left,right);if(left instanceof Set&&right instanceof Set)return equalSet(left,right);if(ArrayBuffer.isView(left)&&ArrayBuffer.isView(right))return equalArrayBuffer(left,right);if(isRegex(left)&&isRegex(right))return left.source===right.source&&left.flags===right.flags;if(left.valueOf!==Object.prototype.valueOf)return left.valueOf()===right.valueOf();if(left.toString!==Object.prototype.toString)return left.toString()===right.toString();let leftKeys=Object.keys(left),rightKeys=Object.keys(right);if(leftKeys.length!==rightKeys.length)return !1;for(let index2=leftKeys.length;index2--!==0;)if(!Object.prototype.hasOwnProperty.call(right,leftKeys[index2]))return !1;for(let index2=leftKeys.length;index2--!==0;){let key=leftKeys[index2];if(!(key==="_owner"&&left.$$typeof)&&!equal(left[key],right[key]))return !1}return !0}return Number.isNaN(left)&&Number.isNaN(right)?!0:left===right}var objectTypes=["Array","ArrayBuffer","AsyncFunction","AsyncGenerator","AsyncGeneratorFunction","Date","Error","Function","Generator","GeneratorFunction","HTMLElement","Map","Object","Promise","RegExp","Set","WeakMap","WeakSet"],primitiveTypes=["bigint","boolean","null","number","string","symbol","undefined"];function getObjectType(value){let objectTypeName=Object.prototype.toString.call(value).slice(8,-1);if(/HTML\w+Element/.test(objectTypeName))return "HTMLElement";if(isObjectType(objectTypeName))return objectTypeName}function isObjectOfType(type){return value=>getObjectType(value)===type}function isObjectType(name){return objectTypes.includes(name)}function isOfType2(type){return value=>typeof value===type}function isPrimitiveType(name){return primitiveTypes.includes(name)}var DOM_PROPERTIES_TO_CHECK=["innerHTML","ownerDocument","style","attributes","nodeValue"];function is(value){if(value===null)return "null";switch(typeof value){case"bigint":return "bigint";case"boolean":return "boolean";case"number":return "number";case"string":return "string";case"symbol":return "symbol";case"undefined":return "undefined";}if(is.array(value))return "Array";if(is.plainFunction(value))return "Function";let tagType=getObjectType(value);return tagType||"Object"}is.array=Array.isArray;is.arrayOf=(target,predicate)=>!is.array(target)&&!is.function(predicate)?!1:target.every(d=>predicate(d));is.asyncGeneratorFunction=value=>getObjectType(value)==="AsyncGeneratorFunction";is.asyncFunction=isObjectOfType("AsyncFunction");is.bigint=isOfType2("bigint");is.boolean=value=>value===!0||value===!1;is.date=isObjectOfType("Date");is.defined=value=>!is.undefined(value);is.domElement=value=>is.object(value)&&!is.plainObject(value)&&value.nodeType===1&&is.string(value.nodeName)&&DOM_PROPERTIES_TO_CHECK.every(property=>property in value);is.empty=value=>is.string(value)&&value.length===0||is.array(value)&&value.length===0||is.object(value)&&!is.map(value)&&!is.set(value)&&Object.keys(value).length===0||is.set(value)&&value.size===0||is.map(value)&&value.size===0;is.error=isObjectOfType("Error");is.function=isOfType2("function");is.generator=value=>is.iterable(value)&&is.function(value.next)&&is.function(value.throw);is.generatorFunction=isObjectOfType("GeneratorFunction");is.instanceOf=(instance,class_)=>!instance||!class_?!1:Object.getPrototypeOf(instance)===class_.prototype;is.iterable=value=>!is.nullOrUndefined(value)&&is.function(value[Symbol.iterator]);is.map=isObjectOfType("Map");is.nan=value=>Number.isNaN(value);is.null=value=>value===null;is.nullOrUndefined=value=>is.null(value)||is.undefined(value);is.number=value=>isOfType2("number")(value)&&!is.nan(value);is.numericString=value=>is.string(value)&&value.length>0&&!Number.isNaN(Number(value));is.object=value=>!is.nullOrUndefined(value)&&(is.function(value)||typeof value=="object");is.oneOf=(target,value)=>is.array(target)?target.indexOf(value)>-1:!1;is.plainFunction=isObjectOfType("Function");is.plainObject=value=>{if(getObjectType(value)!=="Object")return !1;let prototype=Object.getPrototypeOf(value);return prototype===null||prototype===Object.getPrototypeOf({})};is.primitive=value=>is.null(value)||isPrimitiveType(typeof value);is.promise=isObjectOfType("Promise");is.propertyOf=(target,key,predicate)=>{if(!is.object(target)||!key)return !1;let value=target[key];return is.function(predicate)?predicate(value):is.defined(value)};is.regexp=isObjectOfType("RegExp");is.set=isObjectOfType("Set");is.string=isOfType2("string");is.symbol=isOfType2("symbol");is.undefined=isOfType2("undefined");is.weakMap=isObjectOfType("WeakMap");is.weakSet=isObjectOfType("WeakSet");var src_default=is;function canHaveLength(...arguments_){return arguments_.every(d=>src_default.string(d)||src_default.array(d)||src_default.plainObject(d))}function checkEquality(left,right,value){return isSameType(left,right)?[left,right].every(src_default.array)?!left.some(hasValue(value))&&right.some(hasValue(value)):[left,right].every(src_default.plainObject)?!Object.entries(left).some(hasEntry(value))&&Object.entries(right).some(hasEntry(value)):right===value:!1}function compareNumbers(previousData,data3,options){let{actual,key,previous,type}=options,left=nested(previousData,key),right=nested(data3,key),changed=[left,right].every(src_default.number)&&(type==="increased"?left<right:left>right);return src_default.undefined(actual)||(changed=changed&&right===actual),src_default.undefined(previous)||(changed=changed&&left===previous),changed}function compareValues(previousData,data3,options){let{key,type,value}=options,left=nested(previousData,key),right=nested(data3,key),primary=type==="added"?left:right,secondary=type==="added"?right:left;if(!src_default.nullOrUndefined(value)){if(src_default.defined(primary)){if(src_default.array(primary)||src_default.plainObject(primary))return checkEquality(primary,secondary,value)}else return equal(secondary,value);return !1}return [left,right].every(src_default.array)?!secondary.every(isEqualPredicate(primary)):[left,right].every(src_default.plainObject)?hasExtraKeys(Object.keys(primary),Object.keys(secondary)):![left,right].every(d=>src_default.primitive(d)&&src_default.defined(d))&&(type==="added"?!src_default.defined(left)&&src_default.defined(right):src_default.defined(left)&&!src_default.defined(right))}function getIterables(previousData,data3,{key}={}){let left=nested(previousData,key),right=nested(data3,key);if(!isSameType(left,right))throw new TypeError("Inputs have different types");if(!canHaveLength(left,right))throw new TypeError("Inputs don't have length");return [left,right].every(src_default.plainObject)&&(left=Object.keys(left),right=Object.keys(right)),[left,right]}function hasEntry(input){return ([key,value])=>src_default.array(input)?equal(input,value)||input.some(d=>equal(d,value)||src_default.array(value)&&isEqualPredicate(value)(d)):src_default.plainObject(input)&&input[key]?!!input[key]&&equal(input[key],value):equal(input,value)}function hasExtraKeys(left,right){return right.some(d=>!left.includes(d))}function hasValue(input){return value=>src_default.array(input)?input.some(d=>equal(d,value)||src_default.array(value)&&isEqualPredicate(value)(d)):equal(input,value)}function includesOrEqualsTo(previousValue,value){return src_default.array(previousValue)?previousValue.some(d=>equal(d,value)):equal(previousValue,value)}function isEqualPredicate(data3){return value=>data3.some(d=>equal(d,value))}function isSameType(...arguments_){return arguments_.every(src_default.array)||arguments_.every(src_default.number)||arguments_.every(src_default.plainObject)||arguments_.every(src_default.string)}function nested(data3,property){return src_default.plainObject(data3)||src_default.array(data3)?src_default.string(property)?property.split(".").reduce((acc,d)=>acc&&acc[d],data3):src_default.number(property)?data3[property]:data3:data3}function treeChanges(previousData,data3){if([previousData,data3].some(src_default.nullOrUndefined))throw new Error("Missing required parameters");if(![previousData,data3].every(d=>src_default.plainObject(d)||src_default.array(d)))throw new Error("Expected plain objects or array");return {added:(key,value)=>{try{return compareValues(previousData,data3,{key,type:"added",value})}catch{return !1}},changed:(key,actual,previous)=>{try{let left=nested(previousData,key),right=nested(data3,key),hasActual=src_default.defined(actual),hasPrevious=src_default.defined(previous);if(hasActual||hasPrevious){let leftComparator=hasPrevious?includesOrEqualsTo(previous,left):!includesOrEqualsTo(actual,left),rightComparator=includesOrEqualsTo(actual,right);return leftComparator&&rightComparator}return [left,right].every(src_default.array)||[left,right].every(src_default.plainObject)?!equal(left,right):left!==right}catch{return !1}},changedFrom:(key,previous,actual)=>{if(!src_default.defined(key))return !1;try{let left=nested(previousData,key),right=nested(data3,key),hasActual=src_default.defined(actual);return includesOrEqualsTo(previous,left)&&(hasActual?includesOrEqualsTo(actual,right):!hasActual)}catch{return !1}},decreased:(key,actual,previous)=>{if(!src_default.defined(key))return !1;try{return compareNumbers(previousData,data3,{key,actual,previous,type:"decreased"})}catch{return !1}},emptied:key=>{try{let[left,right]=getIterables(previousData,data3,{key});return !!left.length&&!right.length}catch{return !1}},filled:key=>{try{let[left,right]=getIterables(previousData,data3,{key});return !left.length&&!!right.length}catch{return !1}},increased:(key,actual,previous)=>{if(!src_default.defined(key))return !1;try{return compareNumbers(previousData,data3,{key,actual,previous,type:"increased"})}catch{return !1}},removed:(key,value)=>{try{return compareValues(previousData,data3,{key,type:"removed",value})}catch{return !1}}}}var import_scroll=__toESM(require_scroll(),1),import_scrollparent=__toESM(require_scrollparent(),1);function objectKeys(input){return Object.keys(input)}function omit(input,...filter2){if(!src_default.plainObject(input))throw new TypeError("Expected an object");let output={};for(let key in input)({}).hasOwnProperty.call(input,key)&&(filter2.includes(key)||(output[key]=input[key]));return output}function pick(input,...filter2){if(!src_default.plainObject(input))throw new TypeError("Expected an object");if(!filter2.length)return input;let output={};for(let key in input)({}).hasOwnProperty.call(input,key)&&filter2.includes(key)&&(output[key]=input[key]);return output}var import_deepmerge2=__toESM(require_cjs(),1);var import_deepmerge3=__toESM(require_cjs(),1);var import_prop_types=__toESM(require_prop_types());var isBrowser=typeof window<"u"&&typeof document<"u"&&typeof navigator<"u",timeoutDuration=function(){for(var longerTimeoutBrowsers=["Edge","Trident","Firefox"],i=0;i<longerTimeoutBrowsers.length;i+=1)if(isBrowser&&navigator.userAgent.indexOf(longerTimeoutBrowsers[i])>=0)return 1;return 0}();function microtaskDebounce(fn){var called=!1;return function(){called||(called=!0,window.Promise.resolve().then(function(){called=!1,fn();}));}}function taskDebounce(fn){var scheduled=!1;return function(){scheduled||(scheduled=!0,setTimeout(function(){scheduled=!1,fn();},timeoutDuration));}}var supportsMicroTasks=isBrowser&&window.Promise,debounce=supportsMicroTasks?microtaskDebounce:taskDebounce;function isFunction2(functionToCheck){var getType={};return functionToCheck&&getType.toString.call(functionToCheck)==="[object Function]"}function getStyleComputedProperty(element,property){if(element.nodeType!==1)return [];var window2=element.ownerDocument.defaultView,css2=window2.getComputedStyle(element,null);return property?css2[property]:css2}function getParentNode(element){return element.nodeName==="HTML"?element:element.parentNode||element.host}function getScrollParent(element){if(!element)return document.body;switch(element.nodeName){case"HTML":case"BODY":return element.ownerDocument.body;case"#document":return element.body}var _getStyleComputedProp=getStyleComputedProperty(element),overflow=_getStyleComputedProp.overflow,overflowX=_getStyleComputedProp.overflowX,overflowY=_getStyleComputedProp.overflowY;return /(auto|scroll|overlay)/.test(overflow+overflowY+overflowX)?element:getScrollParent(getParentNode(element))}function getReferenceNode(reference){return reference&&reference.referenceNode?reference.referenceNode:reference}var isIE11=isBrowser&&!!(window.MSInputMethodContext&&document.documentMode),isIE10=isBrowser&&/MSIE 10/.test(navigator.userAgent);function isIE(version){return version===11?isIE11:version===10?isIE10:isIE11||isIE10}function getOffsetParent(element){if(!element)return document.documentElement;for(var noOffsetParent=isIE(10)?document.body:null,offsetParent=element.offsetParent||null;offsetParent===noOffsetParent&&element.nextElementSibling;)offsetParent=(element=element.nextElementSibling).offsetParent;var nodeName=offsetParent&&offsetParent.nodeName;return !nodeName||nodeName==="BODY"||nodeName==="HTML"?element?element.ownerDocument.documentElement:document.documentElement:["TH","TD","TABLE"].indexOf(offsetParent.nodeName)!==-1&&getStyleComputedProperty(offsetParent,"position")==="static"?getOffsetParent(offsetParent):offsetParent}function isOffsetContainer(element){var nodeName=element.nodeName;return nodeName==="BODY"?!1:nodeName==="HTML"||getOffsetParent(element.firstElementChild)===element}function getRoot(node){return node.parentNode!==null?getRoot(node.parentNode):node}function findCommonOffsetParent(element1,element2){if(!element1||!element1.nodeType||!element2||!element2.nodeType)return document.documentElement;var order=element1.compareDocumentPosition(element2)&Node.DOCUMENT_POSITION_FOLLOWING,start=order?element1:element2,end=order?element2:element1,range=document.createRange();range.setStart(start,0),range.setEnd(end,0);var commonAncestorContainer=range.commonAncestorContainer;if(element1!==commonAncestorContainer&&element2!==commonAncestorContainer||start.contains(end))return isOffsetContainer(commonAncestorContainer)?commonAncestorContainer:getOffsetParent(commonAncestorContainer);var element1root=getRoot(element1);return element1root.host?findCommonOffsetParent(element1root.host,element2):findCommonOffsetParent(element1,getRoot(element2).host)}function getScroll(element){var side=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"top",upperSide=side==="top"?"scrollTop":"scrollLeft",nodeName=element.nodeName;if(nodeName==="BODY"||nodeName==="HTML"){var html=element.ownerDocument.documentElement,scrollingElement=element.ownerDocument.scrollingElement||html;return scrollingElement[upperSide]}return element[upperSide]}function includeScroll(rect,element){var subtract=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,scrollTop=getScroll(element,"top"),scrollLeft=getScroll(element,"left"),modifier=subtract?-1:1;return rect.top+=scrollTop*modifier,rect.bottom+=scrollTop*modifier,rect.left+=scrollLeft*modifier,rect.right+=scrollLeft*modifier,rect}function getBordersSize(styles,axis){var sideA=axis==="x"?"Left":"Top",sideB=sideA==="Left"?"Right":"Bottom";return parseFloat(styles["border"+sideA+"Width"])+parseFloat(styles["border"+sideB+"Width"])}function getSize(axis,body,html,computedStyle){return Math.max(body["offset"+axis],body["scroll"+axis],html["client"+axis],html["offset"+axis],html["scroll"+axis],isIE(10)?parseInt(html["offset"+axis])+parseInt(computedStyle["margin"+(axis==="Height"?"Top":"Left")])+parseInt(computedStyle["margin"+(axis==="Height"?"Bottom":"Right")]):0)}function getWindowSizes(document2){var body=document2.body,html=document2.documentElement,computedStyle=isIE(10)&&getComputedStyle(html);return {height:getSize("Height",body,html,computedStyle),width:getSize("Width",body,html,computedStyle)}}var classCallCheck=function(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")},createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}(),defineProperty=function(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj},_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);}return target};function getClientRect(offsets){return _extends({},offsets,{right:offsets.left+offsets.width,bottom:offsets.top+offsets.height})}function getBoundingClientRect(element){var rect={};try{if(isIE(10)){rect=element.getBoundingClientRect();var scrollTop=getScroll(element,"top"),scrollLeft=getScroll(element,"left");rect.top+=scrollTop,rect.left+=scrollLeft,rect.bottom+=scrollTop,rect.right+=scrollLeft;}else rect=element.getBoundingClientRect();}catch{}var result={left:rect.left,top:rect.top,width:rect.right-rect.left,height:rect.bottom-rect.top},sizes=element.nodeName==="HTML"?getWindowSizes(element.ownerDocument):{},width=sizes.width||element.clientWidth||result.width,height=sizes.height||element.clientHeight||result.height,horizScrollbar=element.offsetWidth-width,vertScrollbar=element.offsetHeight-height;if(horizScrollbar||vertScrollbar){var styles=getStyleComputedProperty(element);horizScrollbar-=getBordersSize(styles,"x"),vertScrollbar-=getBordersSize(styles,"y"),result.width-=horizScrollbar,result.height-=vertScrollbar;}return getClientRect(result)}function getOffsetRectRelativeToArbitraryNode(children,parent){var fixedPosition=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,isIE102=isIE(10),isHTML=parent.nodeName==="HTML",childrenRect=getBoundingClientRect(children),parentRect=getBoundingClientRect(parent),scrollParent2=getScrollParent(children),styles=getStyleComputedProperty(parent),borderTopWidth=parseFloat(styles.borderTopWidth),borderLeftWidth=parseFloat(styles.borderLeftWidth);fixedPosition&&isHTML&&(parentRect.top=Math.max(parentRect.top,0),parentRect.left=Math.max(parentRect.left,0));var offsets=getClientRect({top:childrenRect.top-parentRect.top-borderTopWidth,left:childrenRect.left-parentRect.left-borderLeftWidth,width:childrenRect.width,height:childrenRect.height});if(offsets.marginTop=0,offsets.marginLeft=0,!isIE102&&isHTML){var marginTop=parseFloat(styles.marginTop),marginLeft=parseFloat(styles.marginLeft);offsets.top-=borderTopWidth-marginTop,offsets.bottom-=borderTopWidth-marginTop,offsets.left-=borderLeftWidth-marginLeft,offsets.right-=borderLeftWidth-marginLeft,offsets.marginTop=marginTop,offsets.marginLeft=marginLeft;}return (isIE102&&!fixedPosition?parent.contains(scrollParent2):parent===scrollParent2&&scrollParent2.nodeName!=="BODY")&&(offsets=includeScroll(offsets,parent)),offsets}function getViewportOffsetRectRelativeToArtbitraryNode(element){var excludeScroll=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1,html=element.ownerDocument.documentElement,relativeOffset=getOffsetRectRelativeToArbitraryNode(element,html),width=Math.max(html.clientWidth,window.innerWidth||0),height=Math.max(html.clientHeight,window.innerHeight||0),scrollTop=excludeScroll?0:getScroll(html),scrollLeft=excludeScroll?0:getScroll(html,"left"),offset2={top:scrollTop-relativeOffset.top+relativeOffset.marginTop,left:scrollLeft-relativeOffset.left+relativeOffset.marginLeft,width,height};return getClientRect(offset2)}function isFixed(element){var nodeName=element.nodeName;if(nodeName==="BODY"||nodeName==="HTML")return !1;if(getStyleComputedProperty(element,"position")==="fixed")return !0;var parentNode=getParentNode(element);return parentNode?isFixed(parentNode):!1}function getFixedPositionOffsetParent(element){if(!element||!element.parentElement||isIE())return document.documentElement;for(var el=element.parentElement;el&&getStyleComputedProperty(el,"transform")==="none";)el=el.parentElement;return el||document.documentElement}function getBoundaries(popper,reference,padding,boundariesElement){var fixedPosition=arguments.length>4&&arguments[4]!==void 0?arguments[4]:!1,boundaries={top:0,left:0},offsetParent=fixedPosition?getFixedPositionOffsetParent(popper):findCommonOffsetParent(popper,getReferenceNode(reference));if(boundariesElement==="viewport")boundaries=getViewportOffsetRectRelativeToArtbitraryNode(offsetParent,fixedPosition);else {var boundariesNode=void 0;boundariesElement==="scrollParent"?(boundariesNode=getScrollParent(getParentNode(reference)),boundariesNode.nodeName==="BODY"&&(boundariesNode=popper.ownerDocument.documentElement)):boundariesElement==="window"?boundariesNode=popper.ownerDocument.documentElement:boundariesNode=boundariesElement;var offsets=getOffsetRectRelativeToArbitraryNode(boundariesNode,offsetParent,fixedPosition);if(boundariesNode.nodeName==="HTML"&&!isFixed(offsetParent)){var _getWindowSizes=getWindowSizes(popper.ownerDocument),height=_getWindowSizes.height,width=_getWindowSizes.width;boundaries.top+=offsets.top-offsets.marginTop,boundaries.bottom=height+offsets.top,boundaries.left+=offsets.left-offsets.marginLeft,boundaries.right=width+offsets.left;}else boundaries=offsets;}padding=padding||0;var isPaddingNumber=typeof padding=="number";return boundaries.left+=isPaddingNumber?padding:padding.left||0,boundaries.top+=isPaddingNumber?padding:padding.top||0,boundaries.right-=isPaddingNumber?padding:padding.right||0,boundaries.bottom-=isPaddingNumber?padding:padding.bottom||0,boundaries}function getArea(_ref){var width=_ref.width,height=_ref.height;return width*height}function computeAutoPlacement(placement,refRect,popper,reference,boundariesElement){var padding=arguments.length>5&&arguments[5]!==void 0?arguments[5]:0;if(placement.indexOf("auto")===-1)return placement;var boundaries=getBoundaries(popper,reference,padding,boundariesElement),rects={top:{width:boundaries.width,height:refRect.top-boundaries.top},right:{width:boundaries.right-refRect.right,height:boundaries.height},bottom:{width:boundaries.width,height:boundaries.bottom-refRect.bottom},left:{width:refRect.left-boundaries.left,height:boundaries.height}},sortedAreas=Object.keys(rects).map(function(key){return _extends({key},rects[key],{area:getArea(rects[key])})}).sort(function(a,b){return b.area-a.area}),filteredAreas=sortedAreas.filter(function(_ref2){var width=_ref2.width,height=_ref2.height;return width>=popper.clientWidth&&height>=popper.clientHeight}),computedPlacement=filteredAreas.length>0?filteredAreas[0].key:sortedAreas[0].key,variation=placement.split("-")[1];return computedPlacement+(variation?"-"+variation:"")}function getReferenceOffsets(state,popper,reference){var fixedPosition=arguments.length>3&&arguments[3]!==void 0?arguments[3]:null,commonOffsetParent=fixedPosition?getFixedPositionOffsetParent(popper):findCommonOffsetParent(popper,getReferenceNode(reference));return getOffsetRectRelativeToArbitraryNode(reference,commonOffsetParent,fixedPosition)}function getOuterSizes(element){var window2=element.ownerDocument.defaultView,styles=window2.getComputedStyle(element),x=parseFloat(styles.marginTop||0)+parseFloat(styles.marginBottom||0),y=parseFloat(styles.marginLeft||0)+parseFloat(styles.marginRight||0),result={width:element.offsetWidth+y,height:element.offsetHeight+x};return result}function getOppositePlacement(placement){var hash={left:"right",right:"left",bottom:"top",top:"bottom"};return placement.replace(/left|right|bottom|top/g,function(matched){return hash[matched]})}function getPopperOffsets(popper,referenceOffsets,placement){placement=placement.split("-")[0];var popperRect=getOuterSizes(popper),popperOffsets={width:popperRect.width,height:popperRect.height},isHoriz=["right","left"].indexOf(placement)!==-1,mainSide=isHoriz?"top":"left",secondarySide=isHoriz?"left":"top",measurement=isHoriz?"height":"width",secondaryMeasurement=isHoriz?"width":"height";return popperOffsets[mainSide]=referenceOffsets[mainSide]+referenceOffsets[measurement]/2-popperRect[measurement]/2,placement===secondarySide?popperOffsets[secondarySide]=referenceOffsets[secondarySide]-popperRect[secondaryMeasurement]:popperOffsets[secondarySide]=referenceOffsets[getOppositePlacement(secondarySide)],popperOffsets}function find(arr,check){return Array.prototype.find?arr.find(check):arr.filter(check)[0]}function findIndex(arr,prop,value){if(Array.prototype.findIndex)return arr.findIndex(function(cur){return cur[prop]===value});var match=find(arr,function(obj){return obj[prop]===value});return arr.indexOf(match)}function runModifiers(modifiers2,data3,ends){var modifiersToRun=ends===void 0?modifiers2:modifiers2.slice(0,findIndex(modifiers2,"name",ends));return modifiersToRun.forEach(function(modifier){modifier.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var fn=modifier.function||modifier.fn;modifier.enabled&&isFunction2(fn)&&(data3.offsets.popper=getClientRect(data3.offsets.popper),data3.offsets.reference=getClientRect(data3.offsets.reference),data3=fn(data3,modifier));}),data3}function update(){if(!this.state.isDestroyed){var data3={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};data3.offsets.reference=getReferenceOffsets(this.state,this.popper,this.reference,this.options.positionFixed),data3.placement=computeAutoPlacement(this.options.placement,data3.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),data3.originalPlacement=data3.placement,data3.positionFixed=this.options.positionFixed,data3.offsets.popper=getPopperOffsets(this.popper,data3.offsets.reference,data3.placement),data3.offsets.popper.position=this.options.positionFixed?"fixed":"absolute",data3=runModifiers(this.modifiers,data3),this.state.isCreated?this.options.onUpdate(data3):(this.state.isCreated=!0,this.options.onCreate(data3));}}function isModifierEnabled(modifiers2,modifierName){return modifiers2.some(function(_ref){var name=_ref.name,enabled=_ref.enabled;return enabled&&name===modifierName})}function getSupportedPropertyName(property){for(var prefixes=[!1,"ms","Webkit","Moz","O"],upperProp=property.charAt(0).toUpperCase()+property.slice(1),i=0;i<prefixes.length;i++){var prefix=prefixes[i],toCheck=prefix?""+prefix+upperProp:property;if(typeof document.body.style[toCheck]<"u")return toCheck}return null}function destroy(){return this.state.isDestroyed=!0,isModifierEnabled(this.modifiers,"applyStyle")&&(this.popper.removeAttribute("x-placement"),this.popper.style.position="",this.popper.style.top="",this.popper.style.left="",this.popper.style.right="",this.popper.style.bottom="",this.popper.style.willChange="",this.popper.style[getSupportedPropertyName("transform")]=""),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}function getWindow(element){var ownerDocument=element.ownerDocument;return ownerDocument?ownerDocument.defaultView:window}function attachToScrollParents(scrollParent2,event,callback,scrollParents){var isBody=scrollParent2.nodeName==="BODY",target=isBody?scrollParent2.ownerDocument.defaultView:scrollParent2;target.addEventListener(event,callback,{passive:!0}),isBody||attachToScrollParents(getScrollParent(target.parentNode),event,callback,scrollParents),scrollParents.push(target);}function setupEventListeners(reference,options,state,updateBound){state.updateBound=updateBound,getWindow(reference).addEventListener("resize",state.updateBound,{passive:!0});var scrollElement=getScrollParent(reference);return attachToScrollParents(scrollElement,"scroll",state.updateBound,state.scrollParents),state.scrollElement=scrollElement,state.eventsEnabled=!0,state}function enableEventListeners(){this.state.eventsEnabled||(this.state=setupEventListeners(this.reference,this.options,this.state,this.scheduleUpdate));}function removeEventListeners(reference,state){return getWindow(reference).removeEventListener("resize",state.updateBound),state.scrollParents.forEach(function(target){target.removeEventListener("scroll",state.updateBound);}),state.updateBound=null,state.scrollParents=[],state.scrollElement=null,state.eventsEnabled=!1,state}function disableEventListeners(){this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=removeEventListeners(this.reference,this.state));}function isNumeric(n){return n!==""&&!isNaN(parseFloat(n))&&isFinite(n)}function setStyles(element,styles){Object.keys(styles).forEach(function(prop){var unit="";["width","height","top","right","bottom","left"].indexOf(prop)!==-1&&isNumeric(styles[prop])&&(unit="px"),element.style[prop]=styles[prop]+unit;});}function setAttributes(element,attributes){Object.keys(attributes).forEach(function(prop){var value=attributes[prop];value!==!1?element.setAttribute(prop,attributes[prop]):element.removeAttribute(prop);});}function applyStyle(data3){return setStyles(data3.instance.popper,data3.styles),setAttributes(data3.instance.popper,data3.attributes),data3.arrowElement&&Object.keys(data3.arrowStyles).length&&setStyles(data3.arrowElement,data3.arrowStyles),data3}function applyStyleOnLoad(reference,popper,options,modifierOptions,state){var referenceOffsets=getReferenceOffsets(state,popper,reference,options.positionFixed),placement=computeAutoPlacement(options.placement,referenceOffsets,popper,reference,options.modifiers.flip.boundariesElement,options.modifiers.flip.padding);return popper.setAttribute("x-placement",placement),setStyles(popper,{position:options.positionFixed?"fixed":"absolute"}),options}function getRoundedOffsets(data3,shouldRound){var _data$offsets=data3.offsets,popper=_data$offsets.popper,reference=_data$offsets.reference,round=Math.round,floor=Math.floor,noRound=function(v){return v},referenceWidth=round(reference.width),popperWidth=round(popper.width),isVertical=["left","right"].indexOf(data3.placement)!==-1,isVariation=data3.placement.indexOf("-")!==-1,sameWidthParity=referenceWidth%2===popperWidth%2,bothOddWidth=referenceWidth%2===1&&popperWidth%2===1,horizontalToInteger=shouldRound?isVertical||isVariation||sameWidthParity?round:floor:noRound,verticalToInteger=shouldRound?round:noRound;return {left:horizontalToInteger(bothOddWidth&&!isVariation&&shouldRound?popper.left-1:popper.left),top:verticalToInteger(popper.top),bottom:verticalToInteger(popper.bottom),right:horizontalToInteger(popper.right)}}var isFirefox=isBrowser&&/Firefox/i.test(navigator.userAgent);function computeStyle(data3,options){var x=options.x,y=options.y,popper=data3.offsets.popper,legacyGpuAccelerationOption=find(data3.instance.modifiers,function(modifier){return modifier.name==="applyStyle"}).gpuAcceleration;legacyGpuAccelerationOption!==void 0&&console.warn("WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!");var gpuAcceleration=legacyGpuAccelerationOption!==void 0?legacyGpuAccelerationOption:options.gpuAcceleration,offsetParent=getOffsetParent(data3.instance.popper),offsetParentRect=getBoundingClientRect(offsetParent),styles={position:popper.position},offsets=getRoundedOffsets(data3,window.devicePixelRatio<2||!isFirefox),sideA=x==="bottom"?"top":"bottom",sideB=y==="right"?"left":"right",prefixedProperty=getSupportedPropertyName("transform"),left=void 0,top=void 0;if(sideA==="bottom"?offsetParent.nodeName==="HTML"?top=-offsetParent.clientHeight+offsets.bottom:top=-offsetParentRect.height+offsets.bottom:top=offsets.top,sideB==="right"?offsetParent.nodeName==="HTML"?left=-offsetParent.clientWidth+offsets.right:left=-offsetParentRect.width+offsets.right:left=offsets.left,gpuAcceleration&&prefixedProperty)styles[prefixedProperty]="translate3d("+left+"px, "+top+"px, 0)",styles[sideA]=0,styles[sideB]=0,styles.willChange="transform";else {var invertTop=sideA==="bottom"?-1:1,invertLeft=sideB==="right"?-1:1;styles[sideA]=top*invertTop,styles[sideB]=left*invertLeft,styles.willChange=sideA+", "+sideB;}var attributes={"x-placement":data3.placement};return data3.attributes=_extends({},attributes,data3.attributes),data3.styles=_extends({},styles,data3.styles),data3.arrowStyles=_extends({},data3.offsets.arrow,data3.arrowStyles),data3}function isModifierRequired(modifiers2,requestingName,requestedName){var requesting=find(modifiers2,function(_ref){var name=_ref.name;return name===requestingName}),isRequired=!!requesting&&modifiers2.some(function(modifier){return modifier.name===requestedName&&modifier.enabled&&modifier.order<requesting.order});if(!isRequired){var _requesting="`"+requestingName+"`",requested="`"+requestedName+"`";console.warn(requested+" modifier is required by "+_requesting+" modifier in order to work, be sure to include it before "+_requesting+"!");}return isRequired}function arrow(data3,options){var _data$offsets$arrow;if(!isModifierRequired(data3.instance.modifiers,"arrow","keepTogether"))return data3;var arrowElement=options.element;if(typeof arrowElement=="string"){if(arrowElement=data3.instance.popper.querySelector(arrowElement),!arrowElement)return data3}else if(!data3.instance.popper.contains(arrowElement))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),data3;var placement=data3.placement.split("-")[0],_data$offsets=data3.offsets,popper=_data$offsets.popper,reference=_data$offsets.reference,isVertical=["left","right"].indexOf(placement)!==-1,len=isVertical?"height":"width",sideCapitalized=isVertical?"Top":"Left",side=sideCapitalized.toLowerCase(),altSide=isVertical?"left":"top",opSide=isVertical?"bottom":"right",arrowElementSize=getOuterSizes(arrowElement)[len];reference[opSide]-arrowElementSize<popper[side]&&(data3.offsets.popper[side]-=popper[side]-(reference[opSide]-arrowElementSize)),reference[side]+arrowElementSize>popper[opSide]&&(data3.offsets.popper[side]+=reference[side]+arrowElementSize-popper[opSide]),data3.offsets.popper=getClientRect(data3.offsets.popper);var center=reference[side]+reference[len]/2-arrowElementSize/2,css2=getStyleComputedProperty(data3.instance.popper),popperMarginSide=parseFloat(css2["margin"+sideCapitalized]),popperBorderSide=parseFloat(css2["border"+sideCapitalized+"Width"]),sideValue=center-data3.offsets.popper[side]-popperMarginSide-popperBorderSide;return sideValue=Math.max(Math.min(popper[len]-arrowElementSize,sideValue),0),data3.arrowElement=arrowElement,data3.offsets.arrow=(_data$offsets$arrow={},defineProperty(_data$offsets$arrow,side,Math.round(sideValue)),defineProperty(_data$offsets$arrow,altSide,""),_data$offsets$arrow),data3}function getOppositeVariation(variation){return variation==="end"?"start":variation==="start"?"end":variation}var placements=["auto-start","auto","auto-end","top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],validPlacements=placements.slice(3);function clockwise(placement){var counter=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1,index2=validPlacements.indexOf(placement),arr=validPlacements.slice(index2+1).concat(validPlacements.slice(0,index2));return counter?arr.reverse():arr}var BEHAVIORS={FLIP:"flip",CLOCKWISE:"clockwise",COUNTERCLOCKWISE:"counterclockwise"};function flip(data3,options){if(isModifierEnabled(data3.instance.modifiers,"inner")||data3.flipped&&data3.placement===data3.originalPlacement)return data3;var boundaries=getBoundaries(data3.instance.popper,data3.instance.reference,options.padding,options.boundariesElement,data3.positionFixed),placement=data3.placement.split("-")[0],placementOpposite=getOppositePlacement(placement),variation=data3.placement.split("-")[1]||"",flipOrder=[];switch(options.behavior){case BEHAVIORS.FLIP:flipOrder=[placement,placementOpposite];break;case BEHAVIORS.CLOCKWISE:flipOrder=clockwise(placement);break;case BEHAVIORS.COUNTERCLOCKWISE:flipOrder=clockwise(placement,!0);break;default:flipOrder=options.behavior;}return flipOrder.forEach(function(step,index2){if(placement!==step||flipOrder.length===index2+1)return data3;placement=data3.placement.split("-")[0],placementOpposite=getOppositePlacement(placement);var popperOffsets=data3.offsets.popper,refOffsets=data3.offsets.reference,floor=Math.floor,overlapsRef=placement==="left"&&floor(popperOffsets.right)>floor(refOffsets.left)||placement==="right"&&floor(popperOffsets.left)<floor(refOffsets.right)||placement==="top"&&floor(popperOffsets.bottom)>floor(refOffsets.top)||placement==="bottom"&&floor(popperOffsets.top)<floor(refOffsets.bottom),overflowsLeft=floor(popperOffsets.left)<floor(boundaries.left),overflowsRight=floor(popperOffsets.right)>floor(boundaries.right),overflowsTop=floor(popperOffsets.top)<floor(boundaries.top),overflowsBottom=floor(popperOffsets.bottom)>floor(boundaries.bottom),overflowsBoundaries=placement==="left"&&overflowsLeft||placement==="right"&&overflowsRight||placement==="top"&&overflowsTop||placement==="bottom"&&overflowsBottom,isVertical=["top","bottom"].indexOf(placement)!==-1,flippedVariationByRef=!!options.flipVariations&&(isVertical&&variation==="start"&&overflowsLeft||isVertical&&variation==="end"&&overflowsRight||!isVertical&&variation==="start"&&overflowsTop||!isVertical&&variation==="end"&&overflowsBottom),flippedVariationByContent=!!options.flipVariationsByContent&&(isVertical&&variation==="start"&&overflowsRight||isVertical&&variation==="end"&&overflowsLeft||!isVertical&&variation==="start"&&overflowsBottom||!isVertical&&variation==="end"&&overflowsTop),flippedVariation=flippedVariationByRef||flippedVariationByContent;(overlapsRef||overflowsBoundaries||flippedVariation)&&(data3.flipped=!0,(overlapsRef||overflowsBoundaries)&&(placement=flipOrder[index2+1]),flippedVariation&&(variation=getOppositeVariation(variation)),data3.placement=placement+(variation?"-"+variation:""),data3.offsets.popper=_extends({},data3.offsets.popper,getPopperOffsets(data3.instance.popper,data3.offsets.reference,data3.placement)),data3=runModifiers(data3.instance.modifiers,data3,"flip"));}),data3}function keepTogether(data3){var _data$offsets=data3.offsets,popper=_data$offsets.popper,reference=_data$offsets.reference,placement=data3.placement.split("-")[0],floor=Math.floor,isVertical=["top","bottom"].indexOf(placement)!==-1,side=isVertical?"right":"bottom",opSide=isVertical?"left":"top",measurement=isVertical?"width":"height";return popper[side]<floor(reference[opSide])&&(data3.offsets.popper[opSide]=floor(reference[opSide])-popper[measurement]),popper[opSide]>floor(reference[side])&&(data3.offsets.popper[opSide]=floor(reference[side])),data3}function toValue(str,measurement,popperOffsets,referenceOffsets){var split=str.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),value=+split[1],unit=split[2];if(!value)return str;if(unit.indexOf("%")===0){var element=void 0;switch(unit){case"%p":element=popperOffsets;break;case"%":case"%r":default:element=referenceOffsets;}var rect=getClientRect(element);return rect[measurement]/100*value}else if(unit==="vh"||unit==="vw"){var size=void 0;return unit==="vh"?size=Math.max(document.documentElement.clientHeight,window.innerHeight||0):size=Math.max(document.documentElement.clientWidth,window.innerWidth||0),size/100*value}else return value}function parseOffset(offset2,popperOffsets,referenceOffsets,basePlacement){var offsets=[0,0],useHeight=["right","left"].indexOf(basePlacement)!==-1,fragments=offset2.split(/(\+|\-)/).map(function(frag){return frag.trim()}),divider=fragments.indexOf(find(fragments,function(frag){return frag.search(/,|\s/)!==-1}));fragments[divider]&&fragments[divider].indexOf(",")===-1&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var splitRegex=/\s*,\s*|\s+/,ops=divider!==-1?[fragments.slice(0,divider).concat([fragments[divider].split(splitRegex)[0]]),[fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider+1))]:[fragments];return ops=ops.map(function(op,index2){var measurement=(index2===1?!useHeight:useHeight)?"height":"width",mergeWithPrevious=!1;return op.reduce(function(a,b){return a[a.length-1]===""&&["+","-"].indexOf(b)!==-1?(a[a.length-1]=b,mergeWithPrevious=!0,a):mergeWithPrevious?(a[a.length-1]+=b,mergeWithPrevious=!1,a):a.concat(b)},[]).map(function(str){return toValue(str,measurement,popperOffsets,referenceOffsets)})}),ops.forEach(function(op,index2){op.forEach(function(frag,index22){isNumeric(frag)&&(offsets[index2]+=frag*(op[index22-1]==="-"?-1:1));});}),offsets}function offset(data3,_ref){var offset2=_ref.offset,placement=data3.placement,_data$offsets=data3.offsets,popper=_data$offsets.popper,reference=_data$offsets.reference,basePlacement=placement.split("-")[0],offsets=void 0;return isNumeric(+offset2)?offsets=[+offset2,0]:offsets=parseOffset(offset2,popper,reference,basePlacement),basePlacement==="left"?(popper.top+=offsets[0],popper.left-=offsets[1]):basePlacement==="right"?(popper.top+=offsets[0],popper.left+=offsets[1]):basePlacement==="top"?(popper.left+=offsets[0],popper.top-=offsets[1]):basePlacement==="bottom"&&(popper.left+=offsets[0],popper.top+=offsets[1]),data3.popper=popper,data3}function preventOverflow(data3,options){var boundariesElement=options.boundariesElement||getOffsetParent(data3.instance.popper);data3.instance.reference===boundariesElement&&(boundariesElement=getOffsetParent(boundariesElement));var transformProp=getSupportedPropertyName("transform"),popperStyles=data3.instance.popper.style,top=popperStyles.top,left=popperStyles.left,transform=popperStyles[transformProp];popperStyles.top="",popperStyles.left="",popperStyles[transformProp]="";var boundaries=getBoundaries(data3.instance.popper,data3.instance.reference,options.padding,boundariesElement,data3.positionFixed);popperStyles.top=top,popperStyles.left=left,popperStyles[transformProp]=transform,options.boundaries=boundaries;var order=options.priority,popper=data3.offsets.popper,check={primary:function(placement){var value=popper[placement];return popper[placement]<boundaries[placement]&&!options.escapeWithReference&&(value=Math.max(popper[placement],boundaries[placement])),defineProperty({},placement,value)},secondary:function(placement){var mainSide=placement==="right"?"left":"top",value=popper[mainSide];return popper[placement]>boundaries[placement]&&!options.escapeWithReference&&(value=Math.min(popper[mainSide],boundaries[placement]-(placement==="right"?popper.width:popper.height))),defineProperty({},mainSide,value)}};return order.forEach(function(placement){var side=["left","top"].indexOf(placement)!==-1?"primary":"secondary";popper=_extends({},popper,check[side](placement));}),data3.offsets.popper=popper,data3}function shift(data3){var placement=data3.placement,basePlacement=placement.split("-")[0],shiftvariation=placement.split("-")[1];if(shiftvariation){var _data$offsets=data3.offsets,reference=_data$offsets.reference,popper=_data$offsets.popper,isVertical=["bottom","top"].indexOf(basePlacement)!==-1,side=isVertical?"left":"top",measurement=isVertical?"width":"height",shiftOffsets={start:defineProperty({},side,reference[side]),end:defineProperty({},side,reference[side]+reference[measurement]-popper[measurement])};data3.offsets.popper=_extends({},popper,shiftOffsets[shiftvariation]);}return data3}function hide(data3){if(!isModifierRequired(data3.instance.modifiers,"hide","preventOverflow"))return data3;var refRect=data3.offsets.reference,bound=find(data3.instance.modifiers,function(modifier){return modifier.name==="preventOverflow"}).boundaries;if(refRect.bottom<bound.top||refRect.left>bound.right||refRect.top>bound.bottom||refRect.right<bound.left){if(data3.hide===!0)return data3;data3.hide=!0,data3.attributes["x-out-of-boundaries"]="";}else {if(data3.hide===!1)return data3;data3.hide=!1,data3.attributes["x-out-of-boundaries"]=!1;}return data3}function inner(data3){var placement=data3.placement,basePlacement=placement.split("-")[0],_data$offsets=data3.offsets,popper=_data$offsets.popper,reference=_data$offsets.reference,isHoriz=["left","right"].indexOf(basePlacement)!==-1,subtractLength=["top","left"].indexOf(basePlacement)===-1;return popper[isHoriz?"left":"top"]=reference[basePlacement]-(subtractLength?popper[isHoriz?"width":"height"]:0),data3.placement=getOppositePlacement(placement),data3.offsets.popper=getClientRect(popper),data3}var modifiers={shift:{order:100,enabled:!0,fn:shift},offset:{order:200,enabled:!0,fn:offset,offset:0},preventOverflow:{order:300,enabled:!0,fn:preventOverflow,priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:keepTogether},arrow:{order:500,enabled:!0,fn:arrow,element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:flip,behavior:"flip",padding:5,boundariesElement:"viewport",flipVariations:!1,flipVariationsByContent:!1},inner:{order:700,enabled:!1,fn:inner},hide:{order:800,enabled:!0,fn:hide},computeStyle:{order:850,enabled:!0,fn:computeStyle,gpuAcceleration:!0,x:"bottom",y:"right"},applyStyle:{order:900,enabled:!0,fn:applyStyle,onLoad:applyStyleOnLoad,gpuAcceleration:void 0}},Defaults={placement:"bottom",positionFixed:!1,eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers},Popper=function(){function Popper2(reference,popper){var _this=this,options=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};classCallCheck(this,Popper2),this.scheduleUpdate=function(){return requestAnimationFrame(_this.update)},this.update=debounce(this.update.bind(this)),this.options=_extends({},Popper2.Defaults,options),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=reference&&reference.jquery?reference[0]:reference,this.popper=popper&&popper.jquery?popper[0]:popper,this.options.modifiers={},Object.keys(_extends({},Popper2.Defaults.modifiers,options.modifiers)).forEach(function(name){_this.options.modifiers[name]=_extends({},Popper2.Defaults.modifiers[name]||{},options.modifiers?options.modifiers[name]:{});}),this.modifiers=Object.keys(this.options.modifiers).map(function(name){return _extends({name},_this.options.modifiers[name])}).sort(function(a,b){return a.order-b.order}),this.modifiers.forEach(function(modifierOptions){modifierOptions.enabled&&isFunction2(modifierOptions.onLoad)&&modifierOptions.onLoad(_this.reference,_this.popper,_this.options,modifierOptions,_this.state);}),this.update();var eventsEnabled=this.options.eventsEnabled;eventsEnabled&&this.enableEventListeners(),this.state.eventsEnabled=eventsEnabled;}return createClass(Popper2,[{key:"update",value:function(){return update.call(this)}},{key:"destroy",value:function(){return destroy.call(this)}},{key:"enableEventListeners",value:function(){return enableEventListeners.call(this)}},{key:"disableEventListeners",value:function(){return disableEventListeners.call(this)}}]),Popper2}();Popper.Utils=(typeof window<"u"?window:global).PopperUtils;Popper.placements=placements;Popper.Defaults=Defaults;var popper_default=Popper;var import_deepmerge=__toESM(require_cjs());var DOM_PROPERTIES_TO_CHECK2=["innerHTML","ownerDocument","style","attributes","nodeValue"],objectTypes2=["Array","ArrayBuffer","AsyncFunction","AsyncGenerator","AsyncGeneratorFunction","Date","Error","Function","Generator","GeneratorFunction","HTMLElement","Map","Object","Promise","RegExp","Set","WeakMap","WeakSet"],primitiveTypes2=["bigint","boolean","null","number","string","symbol","undefined"];function getObjectType2(value){var objectTypeName=Object.prototype.toString.call(value).slice(8,-1);if(/HTML\w+Element/.test(objectTypeName))return "HTMLElement";if(isObjectType2(objectTypeName))return objectTypeName}function isObjectOfType2(type){return function(value){return getObjectType2(value)===type}}function isObjectType2(name){return objectTypes2.includes(name)}function isOfType3(type){return function(value){return typeof value===type}}function isPrimitiveType2(name){return primitiveTypes2.includes(name)}function is2(value){if(value===null)return "null";switch(typeof value){case"bigint":return "bigint";case"boolean":return "boolean";case"number":return "number";case"string":return "string";case"symbol":return "symbol";case"undefined":return "undefined";}if(is2.array(value))return "Array";if(is2.plainFunction(value))return "Function";var tagType=getObjectType2(value);return tagType||"Object"}is2.array=Array.isArray;is2.arrayOf=function(target,predicate){return !is2.array(target)&&!is2.function(predicate)?!1:target.every(function(d){return predicate(d)})};is2.asyncGeneratorFunction=function(value){return getObjectType2(value)==="AsyncGeneratorFunction"};is2.asyncFunction=isObjectOfType2("AsyncFunction");is2.bigint=isOfType3("bigint");is2.boolean=function(value){return value===!0||value===!1};is2.date=isObjectOfType2("Date");is2.defined=function(value){return !is2.undefined(value)};is2.domElement=function(value){return is2.object(value)&&!is2.plainObject(value)&&value.nodeType===1&&is2.string(value.nodeName)&&DOM_PROPERTIES_TO_CHECK2.every(function(property){return property in value})};is2.empty=function(value){return is2.string(value)&&value.length===0||is2.array(value)&&value.length===0||is2.object(value)&&!is2.map(value)&&!is2.set(value)&&Object.keys(value).length===0||is2.set(value)&&value.size===0||is2.map(value)&&value.size===0};is2.error=isObjectOfType2("Error");is2.function=isOfType3("function");is2.generator=function(value){return is2.iterable(value)&&is2.function(value.next)&&is2.function(value.throw)};is2.generatorFunction=isObjectOfType2("GeneratorFunction");is2.instanceOf=function(instance,class_){return !instance||!class_?!1:Object.getPrototypeOf(instance)===class_.prototype};is2.iterable=function(value){return !is2.nullOrUndefined(value)&&is2.function(value[Symbol.iterator])};is2.map=isObjectOfType2("Map");is2.nan=function(value){return Number.isNaN(value)};is2.null=function(value){return value===null};is2.nullOrUndefined=function(value){return is2.null(value)||is2.undefined(value)};is2.number=function(value){return isOfType3("number")(value)&&!is2.nan(value)};is2.numericString=function(value){return is2.string(value)&&value.length>0&&!Number.isNaN(Number(value))};is2.object=function(value){return !is2.nullOrUndefined(value)&&(is2.function(value)||typeof value=="object")};is2.oneOf=function(target,value){return is2.array(target)?target.indexOf(value)>-1:!1};is2.plainFunction=isObjectOfType2("Function");is2.plainObject=function(value){if(getObjectType2(value)!=="Object")return !1;var prototype=Object.getPrototypeOf(value);return prototype===null||prototype===Object.getPrototypeOf({})};is2.primitive=function(value){return is2.null(value)||isPrimitiveType2(typeof value)};is2.promise=isObjectOfType2("Promise");is2.propertyOf=function(target,key,predicate){if(!is2.object(target)||!key)return !1;var value=target[key];return is2.function(predicate)?predicate(value):is2.defined(value)};is2.regexp=isObjectOfType2("RegExp");is2.set=isObjectOfType2("Set");is2.string=isOfType3("string");is2.symbol=isOfType3("symbol");is2.undefined=isOfType3("undefined");is2.weakMap=isObjectOfType2("WeakMap");is2.weakSet=isObjectOfType2("WeakSet");var esm_default=is2;function isOfType4(type){return function(value){return typeof value===type}}var isFunction3=isOfType4("function"),isNull2=function(value){return value===null},isRegex2=function(value){return Object.prototype.toString.call(value).slice(8,-1)==="RegExp"},isObject2=function(value){return !isUndefined2(value)&&!isNull2(value)&&(isFunction3(value)||typeof value=="object")},isUndefined2=isOfType4("undefined");var __values=function(o){var s=typeof Symbol=="function"&&Symbol.iterator,m=s&&o[s],i=0;if(m)return m.call(o);if(o&&typeof o.length=="number")return {next:function(){return o&&i>=o.length&&(o=void 0),{value:o&&o[i++],done:!o}}};throw new TypeError(s?"Object is not iterable.":"Symbol.iterator is not defined.")};function equalArray2(left,right){var length=left.length;if(length!==right.length)return !1;for(var index2=length;index2--!==0;)if(!equal2(left[index2],right[index2]))return !1;return !0}function equalArrayBuffer2(left,right){if(left.byteLength!==right.byteLength)return !1;for(var view1=new DataView(left.buffer),view2=new DataView(right.buffer),index2=left.byteLength;index2--;)if(view1.getUint8(index2)!==view2.getUint8(index2))return !1;return !0}function equalMap2(left,right){var e_1,_a,e_2,_b;if(left.size!==right.size)return !1;try{for(var _c=__values(left.entries()),_d=_c.next();!_d.done;_d=_c.next()){var index2=_d.value;if(!right.has(index2[0]))return !1}}catch(e_1_1){e_1={error:e_1_1};}finally{try{_d&&!_d.done&&(_a=_c.return)&&_a.call(_c);}finally{if(e_1)throw e_1.error}}try{for(var _e=__values(left.entries()),_f=_e.next();!_f.done;_f=_e.next()){var index2=_f.value;if(!equal2(index2[1],right.get(index2[0])))return !1}}catch(e_2_1){e_2={error:e_2_1};}finally{try{_f&&!_f.done&&(_b=_e.return)&&_b.call(_e);}finally{if(e_2)throw e_2.error}}return !0}function equalSet2(left,right){var e_3,_a;if(left.size!==right.size)return !1;try{for(var _b=__values(left.entries()),_c=_b.next();!_c.done;_c=_b.next()){var index2=_c.value;if(!right.has(index2[0]))return !1}}catch(e_3_1){e_3={error:e_3_1};}finally{try{_c&&!_c.done&&(_a=_b.return)&&_a.call(_b);}finally{if(e_3)throw e_3.error}}return !0}function equal2(left,right){if(left===right)return !0;if(left&&isObject2(left)&&right&&isObject2(right)){if(left.constructor!==right.constructor)return !1;if(Array.isArray(left)&&Array.isArray(right))return equalArray2(left,right);if(left instanceof Map&&right instanceof Map)return equalMap2(left,right);if(left instanceof Set&&right instanceof Set)return equalSet2(left,right);if(ArrayBuffer.isView(left)&&ArrayBuffer.isView(right))return equalArrayBuffer2(left,right);if(isRegex2(left)&&isRegex2(right))return left.source===right.source&&left.flags===right.flags;if(left.valueOf!==Object.prototype.valueOf)return left.valueOf()===right.valueOf();if(left.toString!==Object.prototype.toString)return left.toString()===right.toString();var leftKeys=Object.keys(left),rightKeys=Object.keys(right);if(leftKeys.length!==rightKeys.length)return !1;for(var index2=leftKeys.length;index2--!==0;)if(!Object.prototype.hasOwnProperty.call(right,leftKeys[index2]))return !1;for(var index2=leftKeys.length;index2--!==0;){var key=leftKeys[index2];if(!(key==="_owner"&&left.$$typeof)&&!equal2(left[key],right[key]))return !1}return !0}return Number.isNaN(left)&&Number.isNaN(right)?!0:left===right}function canHaveLength2(){for(var arguments_=[],_i=0;_i<arguments.length;_i++)arguments_[_i]=arguments[_i];return arguments_.every(function(d){return esm_default.string(d)||esm_default.array(d)||esm_default.plainObject(d)})}function checkEquality2(left,right,value){return isSameType2(left,right)?[left,right].every(esm_default.array)?!left.some(hasValue2(value))&&right.some(hasValue2(value)):[left,right].every(esm_default.plainObject)?!Object.entries(left).some(hasEntry2(value))&&Object.entries(right).some(hasEntry2(value)):right===value:!1}function compareNumbers2(previousData,data3,options){var actual=options.actual,key=options.key,previous=options.previous,type=options.type,left=nested2(previousData,key),right=nested2(data3,key),changed=[left,right].every(esm_default.number)&&(type==="increased"?left<right:left>right);return esm_default.undefined(actual)||(changed=changed&&right===actual),esm_default.undefined(previous)||(changed=changed&&left===previous),changed}function compareValues2(previousData,data3,options){var key=options.key,type=options.type,value=options.value,left=nested2(previousData,key),right=nested2(data3,key),primary=type==="added"?left:right,secondary=type==="added"?right:left;if(!esm_default.nullOrUndefined(value)){if(esm_default.defined(primary)){if(esm_default.array(primary)||esm_default.plainObject(primary))return checkEquality2(primary,secondary,value)}else return equal2(secondary,value);return !1}return [left,right].every(esm_default.array)?!secondary.every(isEqualPredicate2(primary)):[left,right].every(esm_default.plainObject)?hasExtraKeys2(Object.keys(primary),Object.keys(secondary)):![left,right].every(function(d){return esm_default.primitive(d)&&esm_default.defined(d)})&&(type==="added"?!esm_default.defined(left)&&esm_default.defined(right):esm_default.defined(left)&&!esm_default.defined(right))}function getIterables2(previousData,data3,_a){var _b=_a===void 0?{}:_a,key=_b.key,left=nested2(previousData,key),right=nested2(data3,key);if(!isSameType2(left,right))throw new TypeError("Inputs have different types");if(!canHaveLength2(left,right))throw new TypeError("Inputs don't have length");return [left,right].every(esm_default.plainObject)&&(left=Object.keys(left),right=Object.keys(right)),[left,right]}function hasEntry2(input){return function(_a){var key=_a[0],value=_a[1];return esm_default.array(input)?equal2(input,value)||input.some(function(d){return equal2(d,value)||esm_default.array(value)&&isEqualPredicate2(value)(d)}):esm_default.plainObject(input)&&input[key]?!!input[key]&&equal2(input[key],value):equal2(input,value)}}function hasExtraKeys2(left,right){return right.some(function(d){return !left.includes(d)})}function hasValue2(input){return function(value){return esm_default.array(input)?input.some(function(d){return equal2(d,value)||esm_default.array(value)&&isEqualPredicate2(value)(d)}):equal2(input,value)}}function includesOrEqualsTo2(previousValue,value){return esm_default.array(previousValue)?previousValue.some(function(d){return equal2(d,value)}):equal2(previousValue,value)}function isEqualPredicate2(data3){return function(value){return data3.some(function(d){return equal2(d,value)})}}function isSameType2(){for(var arguments_=[],_i=0;_i<arguments.length;_i++)arguments_[_i]=arguments[_i];return arguments_.every(esm_default.array)||arguments_.every(esm_default.number)||arguments_.every(esm_default.plainObject)||arguments_.every(esm_default.string)}function nested2(data3,property){if(esm_default.plainObject(data3)||esm_default.array(data3)){if(esm_default.string(property)){var props=property.split(".");return props.reduce(function(acc,d){return acc&&acc[d]},data3)}return esm_default.number(property)?data3[property]:data3}return data3}function treeChanges2(previousData,data3){if([previousData,data3].some(esm_default.nullOrUndefined))throw new Error("Missing required parameters");if(![previousData,data3].every(function(d){return esm_default.plainObject(d)||esm_default.array(d)}))throw new Error("Expected plain objects or array");var added=function(key,value){try{return compareValues2(previousData,data3,{key,type:"added",value})}catch{return !1}},changed=function(key,actual,previous){try{var left=nested2(previousData,key),right=nested2(data3,key),hasActual=esm_default.defined(actual),hasPrevious=esm_default.defined(previous);if(hasActual||hasPrevious){var leftComparator=hasPrevious?includesOrEqualsTo2(previous,left):!includesOrEqualsTo2(actual,left),rightComparator=includesOrEqualsTo2(actual,right);return leftComparator&&rightComparator}return [left,right].every(esm_default.array)||[left,right].every(esm_default.plainObject)?!equal2(left,right):left!==right}catch{return !1}},changedFrom=function(key,previous,actual){if(!esm_default.defined(key))return !1;try{var left=nested2(previousData,key),right=nested2(data3,key),hasActual=esm_default.defined(actual);return includesOrEqualsTo2(previous,left)&&(hasActual?includesOrEqualsTo2(actual,right):!hasActual)}catch{return !1}},changedTo=function(key,actual){return esm_default.defined(key)?(console.warn("`changedTo` is deprecated! Replace it with `change`"),changed(key,actual)):!1},decreased=function(key,actual,previous){if(!esm_default.defined(key))return !1;try{return compareNumbers2(previousData,data3,{key,actual,previous,type:"decreased"})}catch{return !1}},emptied=function(key){try{var _a=getIterables2(previousData,data3,{key}),left=_a[0],right=_a[1];return !!left.length&&!right.length}catch{return !1}},filled=function(key){try{var _a=getIterables2(previousData,data3,{key}),left=_a[0],right=_a[1];return !left.length&&!!right.length}catch{return !1}},increased=function(key,actual,previous){if(!esm_default.defined(key))return !1;try{return compareNumbers2(previousData,data3,{key,actual,previous,type:"increased"})}catch{return !1}},removed=function(key,value){try{return compareValues2(previousData,data3,{key,type:"removed",value})}catch{return !1}};return {added,changed,changedFrom,changedTo,decreased,emptied,filled,increased,removed}}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o);}return t}function _objectSpread2(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2));});}return e}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Object.defineProperty(Constructor,"prototype",{writable:!1}),Constructor}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _inherits(subClass,superClass){if(typeof superClass!="function"&&superClass!==null)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),Object.defineProperty(subClass,"prototype",{writable:!1}),superClass&&_setPrototypeOf(subClass,superClass);}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o2){return o2.__proto__||Object.getPrototypeOf(o2)},_getPrototypeOf(o)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o2,p2){return o2.__proto__=p2,o2},_setPrototypeOf(o,p)}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 _objectWithoutPropertiesLoose(source,excluded){if(source==null)return {};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function _objectWithoutProperties(source,excluded){if(source==null)return {};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key]);}return target}function _assertThisInitialized(self){if(self===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _possibleConstructorReturn(self,call){if(call&&(typeof call=="object"||typeof call=="function"))return call;if(call!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(self)}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else result=Super.apply(this,arguments);return _possibleConstructorReturn(this,result)}}function _toPrimitive(input,hint){if(typeof input!="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if(typeof res!="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return (hint==="string"?String:Number)(input)}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key=="symbol"?key:String(key)}var DEFAULTS={flip:{padding:20},preventOverflow:{padding:10}},VALIDATOR_ARG_ERROR_MESSAGE="The typeValidator argument must be a function with the signature function(props, propName, componentName).",MESSAGE_ARG_ERROR_MESSAGE="The error message is optional, but must be a string if provided.";function propIsRequired(condition,props,propName,componentName){return typeof condition=="boolean"?condition:typeof condition=="function"?condition(props,propName,componentName):condition?!!condition:!1}function propExists(props,propName){return Object.hasOwnProperty.call(props,propName)}function missingPropError(props,propName,componentName,message){return message?new Error(message):new Error("Required ".concat(props[propName]," `").concat(propName,"` was not specified in `").concat(componentName,"`."))}function guardAgainstInvalidArgTypes(typeValidator,message){if(typeof typeValidator!="function")throw new TypeError(VALIDATOR_ARG_ERROR_MESSAGE);if(message&&typeof message!="string")throw new TypeError(MESSAGE_ARG_ERROR_MESSAGE)}function isRequiredIf(typeValidator,condition,message){return guardAgainstInvalidArgTypes(typeValidator,message),function(props,propName,componentName){for(var _len=arguments.length,rest=new Array(_len>3?_len-3:0),_key=3;_key<_len;_key++)rest[_key-3]=arguments[_key];return propIsRequired(condition,props,propName,componentName)?propExists(props,propName)?typeValidator.apply(void 0,[props,propName,componentName].concat(rest)):missingPropError(props,propName,componentName,message):typeValidator.apply(void 0,[props,propName,componentName].concat(rest))}}var STATUS={INIT:"init",IDLE:"idle",OPENING:"opening",OPEN:"open",CLOSING:"closing",ERROR:"error"},isReact16=ReactDOM__default.createPortal!==void 0;function canUseDOM(){return !!(typeof window<"u"&&window.document&&window.document.createElement)}function isMobile(){return "ontouchstart"in window&&/Mobi/.test(navigator.userAgent)}function log(_ref){var title=_ref.title,data3=_ref.data,_ref$warn=_ref.warn,warn=_ref$warn===void 0?!1:_ref$warn,_ref$debug=_ref.debug,debug=_ref$debug===void 0?!1:_ref$debug,logFn=warn?console.warn||console.error:console.log;debug&&title&&data3&&(console.groupCollapsed("%creact-floater: ".concat(title),"color: #9b00ff; font-weight: bold; font-size: 12px;"),Array.isArray(data3)?data3.forEach(function(d){esm_default.plainObject(d)&&d.key?logFn.apply(console,[d.key,d.value]):logFn.apply(console,[d]);}):logFn.apply(console,[data3]),console.groupEnd());}function on(element,event,cb){var capture=arguments.length>3&&arguments[3]!==void 0?arguments[3]:!1;element.addEventListener(event,cb,capture);}function off(element,event,cb){var capture=arguments.length>3&&arguments[3]!==void 0?arguments[3]:!1;element.removeEventListener(event,cb,capture);}function once(element,event,cb){var capture=arguments.length>3&&arguments[3]!==void 0?arguments[3]:!1,_nextCB;_nextCB=function(e){cb(e),off(element,event,_nextCB);},on(element,event,_nextCB,capture);}function noop(){}var ReactFloaterPortal=function(_React$Component){_inherits(ReactFloaterPortal2,_React$Component);var _super=_createSuper(ReactFloaterPortal2);function ReactFloaterPortal2(){return _classCallCheck(this,ReactFloaterPortal2),_super.apply(this,arguments)}return _createClass(ReactFloaterPortal2,[{key:"componentDidMount",value:function(){canUseDOM()&&(this.node||this.appendNode(),isReact16||this.renderPortal());}},{key:"componentDidUpdate",value:function(){canUseDOM()&&(isReact16||this.renderPortal());}},{key:"componentWillUnmount",value:function(){!canUseDOM()||!this.node||(isReact16||ReactDOM__default.unmountComponentAtNode(this.node),this.node&&this.node.parentNode===document.body&&(document.body.removeChild(this.node),this.node=void 0));}},{key:"appendNode",value:function(){var _this$props=this.props,id3=_this$props.id,zIndex=_this$props.zIndex;this.node||(this.node=document.createElement("div"),id3&&(this.node.id=id3),zIndex&&(this.node.style.zIndex=zIndex),document.body.appendChild(this.node));}},{key:"renderPortal",value:function(){if(!canUseDOM())return null;var _this$props2=this.props,children=_this$props2.children,setRef=_this$props2.setRef;if(this.node||this.appendNode(),isReact16)return ReactDOM__default.createPortal(children,this.node);var portal=ReactDOM__default.unstable_renderSubtreeIntoContainer(this,children.length>1?React32__default.createElement("div",null,children):children[0],this.node);return setRef(portal),null}},{key:"renderReact16",value:function(){var _this$props3=this.props,hasChildren=_this$props3.hasChildren,placement=_this$props3.placement,target=_this$props3.target;return hasChildren?this.renderPortal():target||placement==="center"?this.renderPortal():null}},{key:"render",value:function(){return isReact16?this.renderReact16():null}}]),ReactFloaterPortal2}(React32__default.Component);_defineProperty(ReactFloaterPortal,"propTypes",{children:import_prop_types.default.oneOfType([import_prop_types.default.element,import_prop_types.default.array]),hasChildren:import_prop_types.default.bool,id:import_prop_types.default.oneOfType([import_prop_types.default.string,import_prop_types.default.number]),placement:import_prop_types.default.string,setRef:import_prop_types.default.func.isRequired,target:import_prop_types.default.oneOfType([import_prop_types.default.object,import_prop_types.default.string]),zIndex:import_prop_types.default.number});var FloaterArrow=function(_React$Component){_inherits(FloaterArrow2,_React$Component);var _super=_createSuper(FloaterArrow2);function FloaterArrow2(){return _classCallCheck(this,FloaterArrow2),_super.apply(this,arguments)}return _createClass(FloaterArrow2,[{key:"parentStyle",get:function(){var _this$props=this.props,placement=_this$props.placement,styles=_this$props.styles,length=styles.arrow.length,arrow2={pointerEvents:"none",position:"absolute",width:"100%"};return placement.startsWith("top")?(arrow2.bottom=0,arrow2.left=0,arrow2.right=0,arrow2.height=length):placement.startsWith("bottom")?(arrow2.left=0,arrow2.right=0,arrow2.top=0,arrow2.height=length):placement.startsWith("left")?(arrow2.right=0,arrow2.top=0,arrow2.bottom=0):placement.startsWith("right")&&(arrow2.left=0,arrow2.top=0),arrow2}},{key:"render",value:function(){var _this$props2=this.props,placement=_this$props2.placement,setArrowRef=_this$props2.setArrowRef,styles=_this$props2.styles,_styles$arrow=styles.arrow,color2=_styles$arrow.color,display=_styles$arrow.display,length=_styles$arrow.length,margin=_styles$arrow.margin,position=_styles$arrow.position,spread=_styles$arrow.spread,arrowStyles={display,position},points,x=spread,y=length;return placement.startsWith("top")?(points="0,0 ".concat(x/2,",").concat(y," ").concat(x,",0"),arrowStyles.bottom=0,arrowStyles.marginLeft=margin,arrowStyles.marginRight=margin):placement.startsWith("bottom")?(points="".concat(x,",").concat(y," ").concat(x/2,",0 0,").concat(y),arrowStyles.top=0,arrowStyles.marginLeft=margin,arrowStyles.marginRight=margin):placement.startsWith("left")?(y=spread,x=length,points="0,0 ".concat(x,",").concat(y/2," 0,").concat(y),arrowStyles.right=0,arrowStyles.marginTop=margin,arrowStyles.marginBottom=margin):placement.startsWith("right")&&(y=spread,x=length,points="".concat(x,",").concat(y," ").concat(x,",0 0,").concat(y/2),arrowStyles.left=0,arrowStyles.marginTop=margin,arrowStyles.marginBottom=margin),React32__default.createElement("div",{className:"__floater__arrow",style:this.parentStyle},React32__default.createElement("span",{ref:setArrowRef,style:arrowStyles},React32__default.createElement("svg",{width:x,height:y,version:"1.1",xmlns:"http://www.w3.org/2000/svg"},React32__default.createElement("polygon",{points,fill:color2}))))}}]),FloaterArrow2}(React32__default.Component);_defineProperty(FloaterArrow,"propTypes",{placement:import_prop_types.default.string.isRequired,setArrowRef:import_prop_types.default.func.isRequired,styles:import_prop_types.default.object.isRequired});var _excluded$1=["color","height","width"];function FloaterCloseBtn(_ref){var handleClick=_ref.handleClick,styles=_ref.styles,color2=styles.color,height=styles.height,width=styles.width,style=_objectWithoutProperties(styles,_excluded$1);return React32__default.createElement("button",{"aria-label":"close",onClick:handleClick,style,type:"button"},React32__default.createElement("svg",{width:"".concat(width,"px"),height:"".concat(height,"px"),viewBox:"0 0 18 18",version:"1.1",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid"},React32__default.createElement("g",null,React32__default.createElement("path",{d:"M8.13911129,9.00268191 L0.171521827,17.0258467 C-0.0498027049,17.248715 -0.0498027049,17.6098394 0.171521827,17.8327545 C0.28204354,17.9443526 0.427188206,17.9998706 0.572051765,17.9998706 C0.71714958,17.9998706 0.862013139,17.9443526 0.972581703,17.8327545 L9.0000937,9.74924618 L17.0276057,17.8327545 C17.1384085,17.9443526 17.2832721,17.9998706 17.4281356,17.9998706 C17.5729992,17.9998706 17.718097,17.9443526 17.8286656,17.8327545 C18.0499901,17.6098862 18.0499901,17.2487618 17.8286656,17.0258467 L9.86135722,9.00268191 L17.8340066,0.973848225 C18.0553311,0.750979934 18.0553311,0.389855532 17.8340066,0.16694039 C17.6126821,-0.0556467968 17.254037,-0.0556467968 17.0329467,0.16694039 L9.00042166,8.25611765 L0.967006424,0.167268345 C0.745681892,-0.0553188426 0.387317931,-0.0553188426 0.165993399,0.167268345 C-0.0553311331,0.390136635 -0.0553311331,0.751261038 0.165993399,0.974176179 L8.13920499,9.00268191 L8.13911129,9.00268191 Z",fill:color2}))))}FloaterCloseBtn.propTypes={handleClick:import_prop_types.default.func.isRequired,styles:import_prop_types.default.object.isRequired};function FloaterContainer(_ref){var content=_ref.content,footer=_ref.footer,handleClick=_ref.handleClick,open=_ref.open,positionWrapper=_ref.positionWrapper,showCloseButton=_ref.showCloseButton,title=_ref.title,styles=_ref.styles,output={content:React32__default.isValidElement(content)?content:React32__default.createElement("div",{className:"__floater__content",style:styles.content},content)};return title&&(output.title=React32__default.isValidElement(title)?title:React32__default.createElement("div",{className:"__floater__title",style:styles.title},title)),footer&&(output.footer=React32__default.isValidElement(footer)?footer:React32__default.createElement("div",{className:"__floater__footer",style:styles.footer},footer)),(showCloseButton||positionWrapper)&&!esm_default.boolean(open)&&(output.close=React32__default.createElement(FloaterCloseBtn,{styles:styles.close,handleClick})),React32__default.createElement("div",{className:"__floater__container",style:styles.container},output.close,output.title,output.content,output.footer)}FloaterContainer.propTypes={content:import_prop_types.default.node.isRequired,footer:import_prop_types.default.node,handleClick:import_prop_types.default.func.isRequired,open:import_prop_types.default.bool,positionWrapper:import_prop_types.default.bool.isRequired,showCloseButton:import_prop_types.default.bool.isRequired,styles:import_prop_types.default.object.isRequired,title:import_prop_types.default.node};var Floater=function(_React$Component){_inherits(Floater2,_React$Component);var _super=_createSuper(Floater2);function Floater2(){return _classCallCheck(this,Floater2),_super.apply(this,arguments)}return _createClass(Floater2,[{key:"style",get:function(){var _this$props=this.props,disableAnimation=_this$props.disableAnimation,component=_this$props.component,placement=_this$props.placement,hideArrow=_this$props.hideArrow,status=_this$props.status,styles=_this$props.styles,length=styles.arrow.length,floater=styles.floater,floaterCentered=styles.floaterCentered,floaterClosing=styles.floaterClosing,floaterOpening=styles.floaterOpening,floaterWithAnimation=styles.floaterWithAnimation,floaterWithComponent=styles.floaterWithComponent,element={};return hideArrow||(placement.startsWith("top")?element.padding="0 0 ".concat(length,"px"):placement.startsWith("bottom")?element.padding="".concat(length,"px 0 0"):placement.startsWith("left")?element.padding="0 ".concat(length,"px 0 0"):placement.startsWith("right")&&(element.padding="0 0 0 ".concat(length,"px"))),[STATUS.OPENING,STATUS.OPEN].indexOf(status)!==-1&&(element=_objectSpread2(_objectSpread2({},element),floaterOpening)),status===STATUS.CLOSING&&(element=_objectSpread2(_objectSpread2({},element),floaterClosing)),status===STATUS.OPEN&&!disableAnimation&&(element=_objectSpread2(_objectSpread2({},element),floaterWithAnimation)),placement==="center"&&(element=_objectSpread2(_objectSpread2({},element),floaterCentered)),component&&(element=_objectSpread2(_objectSpread2({},element),floaterWithComponent)),_objectSpread2(_objectSpread2({},floater),element)}},{key:"render",value:function(){var _this$props2=this.props,component=_this$props2.component,closeFn=_this$props2.handleClick,hideArrow=_this$props2.hideArrow,setFloaterRef=_this$props2.setFloaterRef,status=_this$props2.status,output={},classes=["__floater"];return component?React32__default.isValidElement(component)?output.content=React32__default.cloneElement(component,{closeFn}):output.content=component({closeFn}):output.content=React32__default.createElement(FloaterContainer,this.props),status===STATUS.OPEN&&classes.push("__floater__open"),hideArrow||(output.arrow=React32__default.createElement(FloaterArrow,this.props)),React32__default.createElement("div",{ref:setFloaterRef,className:classes.join(" "),style:this.style},React32__default.createElement("div",{className:"__floater__body"},output.content,output.arrow))}}]),Floater2}(React32__default.Component);_defineProperty(Floater,"propTypes",{component:import_prop_types.default.oneOfType([import_prop_types.default.func,import_prop_types.default.element]),content:import_prop_types.default.node,disableAnimation:import_prop_types.default.bool.isRequired,footer:import_prop_types.default.node,handleClick:import_prop_types.default.func.isRequired,hideArrow:import_prop_types.default.bool.isRequired,open:import_prop_types.default.bool,placement:import_prop_types.default.string.isRequired,positionWrapper:import_prop_types.default.bool.isRequired,setArrowRef:import_prop_types.default.func.isRequired,setFloaterRef:import_prop_types.default.func.isRequired,showCloseButton:import_prop_types.default.bool,status:import_prop_types.default.string.isRequired,styles:import_prop_types.default.object.isRequired,title:import_prop_types.default.node});var ReactFloaterWrapper=function(_React$Component){_inherits(ReactFloaterWrapper2,_React$Component);var _super=_createSuper(ReactFloaterWrapper2);function ReactFloaterWrapper2(){return _classCallCheck(this,ReactFloaterWrapper2),_super.apply(this,arguments)}return _createClass(ReactFloaterWrapper2,[{key:"render",value:function(){var _this$props=this.props,children=_this$props.children,handleClick=_this$props.handleClick,handleMouseEnter=_this$props.handleMouseEnter,handleMouseLeave=_this$props.handleMouseLeave,setChildRef=_this$props.setChildRef,setWrapperRef=_this$props.setWrapperRef,style=_this$props.style,styles=_this$props.styles,element;if(children)if(React32__default.Children.count(children)===1)if(!React32__default.isValidElement(children))element=React32__default.createElement("span",null,children);else {var refProp=esm_default.function(children.type)?"innerRef":"ref";element=React32__default.cloneElement(React32__default.Children.only(children),_defineProperty({},refProp,setChildRef));}else element=children;return element?React32__default.createElement("span",{ref:setWrapperRef,style:_objectSpread2(_objectSpread2({},styles),style),onClick:handleClick,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave},element):null}}]),ReactFloaterWrapper2}(React32__default.Component);_defineProperty(ReactFloaterWrapper,"propTypes",{children:import_prop_types.default.node,handleClick:import_prop_types.default.func.isRequired,handleMouseEnter:import_prop_types.default.func.isRequired,handleMouseLeave:import_prop_types.default.func.isRequired,setChildRef:import_prop_types.default.func.isRequired,setWrapperRef:import_prop_types.default.func.isRequired,style:import_prop_types.default.object,styles:import_prop_types.default.object.isRequired});var defaultOptions={zIndex:100};function getStyles(styles){var options=(0, import_deepmerge.default)(defaultOptions,styles.options||{});return {wrapper:{cursor:"help",display:"inline-flex",flexDirection:"column",zIndex:options.zIndex},wrapperPosition:{left:-1e3,position:"absolute",top:-1e3,visibility:"hidden"},floater:{display:"inline-block",filter:"drop-shadow(0 0 3px rgba(0, 0, 0, 0.3))",maxWidth:300,opacity:0,position:"relative",transition:"opacity 0.3s",visibility:"hidden",zIndex:options.zIndex},floaterOpening:{opacity:1,visibility:"visible"},floaterWithAnimation:{opacity:1,transition:"opacity 0.3s, transform 0.2s",visibility:"visible"},floaterWithComponent:{maxWidth:"100%"},floaterClosing:{opacity:0,visibility:"visible"},floaterCentered:{left:"50%",position:"fixed",top:"50%",transform:"translate(-50%, -50%)"},container:{backgroundColor:"#fff",color:"#666",minHeight:60,minWidth:200,padding:20,position:"relative",zIndex:10},title:{borderBottom:"1px solid #555",color:"#555",fontSize:18,marginBottom:5,paddingBottom:6,paddingRight:18},content:{fontSize:15},close:{backgroundColor:"transparent",border:0,borderRadius:0,color:"#555",fontSize:0,height:15,outline:"none",padding:10,position:"absolute",right:0,top:0,width:15,WebkitAppearance:"none"},footer:{borderTop:"1px solid #ccc",fontSize:13,marginTop:10,paddingTop:5},arrow:{color:"#fff",display:"inline-flex",length:16,margin:8,position:"absolute",spread:32},options}}var _excluded=["arrow","flip","offset"],POSITIONING_PROPS=["position","top","right","bottom","left"],ReactFloater=function(_React$Component){_inherits(ReactFloater2,_React$Component);var _super=_createSuper(ReactFloater2);function ReactFloater2(props){var _this;return _classCallCheck(this,ReactFloater2),_this=_super.call(this,props),_defineProperty(_assertThisInitialized(_this),"setArrowRef",function(ref2){_this.arrowRef=ref2;}),_defineProperty(_assertThisInitialized(_this),"setChildRef",function(ref2){_this.childRef=ref2;}),_defineProperty(_assertThisInitialized(_this),"setFloaterRef",function(ref2){_this.floaterRef=ref2;}),_defineProperty(_assertThisInitialized(_this),"setWrapperRef",function(ref2){_this.wrapperRef=ref2;}),_defineProperty(_assertThisInitialized(_this),"handleTransitionEnd",function(){var status=_this.state.status,callback=_this.props.callback;_this.wrapperPopper&&_this.wrapperPopper.instance.update(),_this.setState({status:status===STATUS.OPENING?STATUS.OPEN:STATUS.IDLE},function(){var newStatus=_this.state.status;callback(newStatus===STATUS.OPEN?"open":"close",_this.props);});}),_defineProperty(_assertThisInitialized(_this),"handleClick",function(){var _this$props=_this.props,event=_this$props.event,open=_this$props.open;if(!esm_default.boolean(open)){var _this$state=_this.state,positionWrapper=_this$state.positionWrapper,status=_this$state.status;(_this.event==="click"||_this.event==="hover"&&positionWrapper)&&(log({title:"click",data:[{event,status:status===STATUS.OPEN?"closing":"opening"}],debug:_this.debug}),_this.toggle());}}),_defineProperty(_assertThisInitialized(_this),"handleMouseEnter",function(){var _this$props2=_this.props,event=_this$props2.event,open=_this$props2.open;if(!(esm_default.boolean(open)||isMobile())){var status=_this.state.status;_this.event==="hover"&&status===STATUS.IDLE&&(log({title:"mouseEnter",data:[{key:"originalEvent",value:event}],debug:_this.debug}),clearTimeout(_this.eventDelayTimeout),_this.toggle());}}),_defineProperty(_assertThisInitialized(_this),"handleMouseLeave",function(){var _this$props3=_this.props,event=_this$props3.event,eventDelay=_this$props3.eventDelay,open=_this$props3.open;if(!(esm_default.boolean(open)||isMobile())){var _this$state2=_this.state,status=_this$state2.status,positionWrapper=_this$state2.positionWrapper;_this.event==="hover"&&(log({title:"mouseLeave",data:[{key:"originalEvent",value:event}],debug:_this.debug}),eventDelay?[STATUS.OPENING,STATUS.OPEN].indexOf(status)!==-1&&!positionWrapper&&!_this.eventDelayTimeout&&(_this.eventDelayTimeout=setTimeout(function(){delete _this.eventDelayTimeout,_this.toggle();},eventDelay*1e3)):_this.toggle(STATUS.IDLE));}}),_this.state={currentPlacement:props.placement,needsUpdate:!1,positionWrapper:props.wrapperOptions.position&&!!props.target,status:STATUS.INIT,statusWrapper:STATUS.INIT},_this._isMounted=!1,_this.hasMounted=!1,canUseDOM()&&window.addEventListener("load",function(){_this.popper&&_this.popper.instance.update(),_this.wrapperPopper&&_this.wrapperPopper.instance.update();}),_this}return _createClass(ReactFloater2,[{key:"componentDidMount",value:function(){if(canUseDOM()){var positionWrapper=this.state.positionWrapper,_this$props5=this.props,children=_this$props5.children,open=_this$props5.open,target=_this$props5.target;this._isMounted=!0,log({title:"init",data:{hasChildren:!!children,hasTarget:!!target,isControlled:esm_default.boolean(open),positionWrapper,target:this.target,floater:this.floaterRef},debug:this.debug}),this.hasMounted||(this.initPopper(),this.hasMounted=!0),!children&&target&&esm_default.boolean(open);}}},{key:"componentDidUpdate",value:function(prevProps,prevState){if(canUseDOM()){var _this$props6=this.props,autoOpen=_this$props6.autoOpen,open=_this$props6.open,target=_this$props6.target,wrapperOptions=_this$props6.wrapperOptions,_treeChanges=treeChanges2(prevState,this.state),changedFrom=_treeChanges.changedFrom,changed=_treeChanges.changed;if(prevProps.open!==open){var forceStatus;esm_default.boolean(open)&&(forceStatus=open?STATUS.OPENING:STATUS.CLOSING),this.toggle(forceStatus);}(prevProps.wrapperOptions.position!==wrapperOptions.position||prevProps.target!==target)&&this.changeWrapperPosition(this.props),changed("status",STATUS.IDLE)&&open?this.toggle(STATUS.OPEN):changedFrom("status",STATUS.INIT,STATUS.IDLE)&&autoOpen&&this.toggle(STATUS.OPEN),this.popper&&changed("status",STATUS.OPENING)&&this.popper.instance.update(),this.floaterRef&&(changed("status",STATUS.OPENING)||changed("status",STATUS.CLOSING))&&once(this.floaterRef,"transitionend",this.handleTransitionEnd),changed("needsUpdate",!0)&&this.rebuildPopper();}}},{key:"componentWillUnmount",value:function(){canUseDOM()&&(this._isMounted=!1,this.popper&&this.popper.instance.destroy(),this.wrapperPopper&&this.wrapperPopper.instance.destroy());}},{key:"initPopper",value:function(){var _this2=this,target=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.target,positionWrapper=this.state.positionWrapper,_this$props7=this.props,disableFlip=_this$props7.disableFlip,getPopper=_this$props7.getPopper,hideArrow=_this$props7.hideArrow,offset2=_this$props7.offset,placement=_this$props7.placement,wrapperOptions=_this$props7.wrapperOptions,flipBehavior=placement==="top"||placement==="bottom"?"flip":["right","bottom-end","top-end","left","top-start","bottom-start"];if(placement==="center")this.setState({status:STATUS.IDLE});else if(target&&this.floaterRef){var _this$options=this.options,arrow2=_this$options.arrow,flip2=_this$options.flip,offsetOptions=_this$options.offset,rest=_objectWithoutProperties(_this$options,_excluded);new popper_default(target,this.floaterRef,{placement,modifiers:_objectSpread2({arrow:_objectSpread2({enabled:!hideArrow,element:this.arrowRef},arrow2),flip:_objectSpread2({enabled:!disableFlip,behavior:flipBehavior},flip2),offset:_objectSpread2({offset:"0, ".concat(offset2,"px")},offsetOptions)},rest),onCreate:function(data3){var _this2$floaterRef;if(_this2.popper=data3,!((_this2$floaterRef=_this2.floaterRef)!==null&&_this2$floaterRef!==void 0&&_this2$floaterRef.isConnected)){_this2.setState({needsUpdate:!0});return}getPopper(data3,"floater"),_this2._isMounted&&_this2.setState({currentPlacement:data3.placement,status:STATUS.IDLE}),placement!==data3.placement&&setTimeout(function(){data3.instance.update();},1);},onUpdate:function(data3){_this2.popper=data3;var currentPlacement=_this2.state.currentPlacement;_this2._isMounted&&data3.placement!==currentPlacement&&_this2.setState({currentPlacement:data3.placement});}});}if(positionWrapper){var wrapperOffset=esm_default.undefined(wrapperOptions.offset)?0:wrapperOptions.offset;new popper_default(this.target,this.wrapperRef,{placement:wrapperOptions.placement||placement,modifiers:{arrow:{enabled:!1},offset:{offset:"0, ".concat(wrapperOffset,"px")},flip:{enabled:!1}},onCreate:function(data3){_this2.wrapperPopper=data3,_this2._isMounted&&_this2.setState({statusWrapper:STATUS.IDLE}),getPopper(data3,"wrapper"),placement!==data3.placement&&setTimeout(function(){data3.instance.update();},1);}});}}},{key:"rebuildPopper",value:function(){var _this3=this;this.floaterRefInterval=setInterval(function(){var _this3$floaterRef;(_this3$floaterRef=_this3.floaterRef)!==null&&_this3$floaterRef!==void 0&&_this3$floaterRef.isConnected&&(clearInterval(_this3.floaterRefInterval),_this3.setState({needsUpdate:!1}),_this3.initPopper());},50);}},{key:"changeWrapperPosition",value:function(_ref){var target=_ref.target,wrapperOptions=_ref.wrapperOptions;this.setState({positionWrapper:wrapperOptions.position&&!!target});}},{key:"toggle",value:function(forceStatus){var status=this.state.status,nextStatus=status===STATUS.OPEN?STATUS.CLOSING:STATUS.OPENING;esm_default.undefined(forceStatus)||(nextStatus=forceStatus),this.setState({status:nextStatus});}},{key:"debug",get:function(){var debug=this.props.debug;return debug||canUseDOM()&&"ReactFloaterDebug"in window&&!!window.ReactFloaterDebug}},{key:"event",get:function(){var _this$props8=this.props,disableHoverToClick=_this$props8.disableHoverToClick,event=_this$props8.event;return event==="hover"&&isMobile()&&!disableHoverToClick?"click":event}},{key:"options",get:function(){var options=this.props.options;return (0, import_deepmerge.default)(DEFAULTS,options||{})}},{key:"styles",get:function(){var _this4=this,_this$state3=this.state,status=_this$state3.status,positionWrapper=_this$state3.positionWrapper,statusWrapper=_this$state3.statusWrapper,styles=this.props.styles,nextStyles=(0, import_deepmerge.default)(getStyles(styles),styles);if(positionWrapper){var wrapperStyles;[STATUS.IDLE].indexOf(status)===-1||[STATUS.IDLE].indexOf(statusWrapper)===-1?wrapperStyles=nextStyles.wrapperPosition:wrapperStyles=this.wrapperPopper.styles,nextStyles.wrapper=_objectSpread2(_objectSpread2({},nextStyles.wrapper),wrapperStyles);}if(this.target){var targetStyles=window.getComputedStyle(this.target);this.wrapperStyles?nextStyles.wrapper=_objectSpread2(_objectSpread2({},nextStyles.wrapper),this.wrapperStyles):["relative","static"].indexOf(targetStyles.position)===-1&&(this.wrapperStyles={},positionWrapper||(POSITIONING_PROPS.forEach(function(d){_this4.wrapperStyles[d]=targetStyles[d];}),nextStyles.wrapper=_objectSpread2(_objectSpread2({},nextStyles.wrapper),this.wrapperStyles),this.target.style.position="relative",this.target.style.top="auto",this.target.style.right="auto",this.target.style.bottom="auto",this.target.style.left="auto"));}return nextStyles}},{key:"target",get:function(){if(!canUseDOM())return null;var target=this.props.target;return target?esm_default.domElement(target)?target:document.querySelector(target):this.childRef||this.wrapperRef}},{key:"render",value:function(){var _this$state4=this.state,currentPlacement=_this$state4.currentPlacement,positionWrapper=_this$state4.positionWrapper,status=_this$state4.status,_this$props9=this.props,children=_this$props9.children,component=_this$props9.component,content=_this$props9.content,disableAnimation=_this$props9.disableAnimation,footer=_this$props9.footer,hideArrow=_this$props9.hideArrow,id3=_this$props9.id,open=_this$props9.open,showCloseButton=_this$props9.showCloseButton,style=_this$props9.style,target=_this$props9.target,title=_this$props9.title,wrapper=React32__default.createElement(ReactFloaterWrapper,{handleClick:this.handleClick,handleMouseEnter:this.handleMouseEnter,handleMouseLeave:this.handleMouseLeave,setChildRef:this.setChildRef,setWrapperRef:this.setWrapperRef,style,styles:this.styles.wrapper},children),output={};return positionWrapper?output.wrapperInPortal=wrapper:output.wrapperAsChildren=wrapper,React32__default.createElement("span",null,React32__default.createElement(ReactFloaterPortal,{hasChildren:!!children,id:id3,placement:currentPlacement,setRef:this.setFloaterRef,target,zIndex:this.styles.options.zIndex},React32__default.createElement(Floater,{component,content,disableAnimation,footer,handleClick:this.handleClick,hideArrow:hideArrow||currentPlacement==="center",open,placement:currentPlacement,positionWrapper,setArrowRef:this.setArrowRef,setFloaterRef:this.setFloaterRef,showCloseButton,status,styles:this.styles,title}),output.wrapperInPortal),output.wrapperAsChildren)}}]),ReactFloater2}(React32__default.Component);_defineProperty(ReactFloater,"propTypes",{autoOpen:import_prop_types.default.bool,callback:import_prop_types.default.func,children:import_prop_types.default.node,component:isRequiredIf(import_prop_types.default.oneOfType([import_prop_types.default.func,import_prop_types.default.element]),function(props){return !props.content}),content:isRequiredIf(import_prop_types.default.node,function(props){return !props.component}),debug:import_prop_types.default.bool,disableAnimation:import_prop_types.default.bool,disableFlip:import_prop_types.default.bool,disableHoverToClick:import_prop_types.default.bool,event:import_prop_types.default.oneOf(["hover","click"]),eventDelay:import_prop_types.default.number,footer:import_prop_types.default.node,getPopper:import_prop_types.default.func,hideArrow:import_prop_types.default.bool,id:import_prop_types.default.oneOfType([import_prop_types.default.string,import_prop_types.default.number]),offset:import_prop_types.default.number,open:import_prop_types.default.bool,options:import_prop_types.default.object,placement:import_prop_types.default.oneOf(["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end","auto","center"]),showCloseButton:import_prop_types.default.bool,style:import_prop_types.default.object,styles:import_prop_types.default.object,target:import_prop_types.default.oneOfType([import_prop_types.default.object,import_prop_types.default.string]),title:import_prop_types.default.node,wrapperOptions:import_prop_types.default.shape({offset:import_prop_types.default.number,placement:import_prop_types.default.oneOf(["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end","auto"]),position:import_prop_types.default.bool})});_defineProperty(ReactFloater,"defaultProps",{autoOpen:!1,callback:noop,debug:!1,disableAnimation:!1,disableFlip:!1,disableHoverToClick:!1,event:"click",eventDelay:.4,getPopper:noop,hideArrow:!1,offset:15,placement:"bottom",showCloseButton:!1,styles:{},target:null,wrapperOptions:{position:!1}});var import_react_innertext=__toESM(require_react_innertext(),1);var __defProp2=Object.defineProperty,__defNormalProp=(obj,key,value)=>key in obj?__defProp2(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__publicField=(obj,key,value)=>(__defNormalProp(obj,typeof key!="symbol"?key+"":key,value),value),ACTIONS={INIT:"init",START:"start",STOP:"stop",RESET:"reset",PREV:"prev",NEXT:"next",GO:"go",CLOSE:"close",SKIP:"skip",UPDATE:"update"},EVENTS={TOUR_START:"tour:start",STEP_BEFORE:"step:before",BEACON:"beacon",TOOLTIP:"tooltip",STEP_AFTER:"step:after",TOUR_END:"tour:end",TOUR_STATUS:"tour:status",TARGET_NOT_FOUND:"error:target_not_found",ERROR:"error"},LIFECYCLE={INIT:"init",READY:"ready",BEACON:"beacon",TOOLTIP:"tooltip",COMPLETE:"complete",ERROR:"error"};var STATUS2={IDLE:"idle",READY:"ready",WAITING:"waiting",RUNNING:"running",PAUSED:"paused",SKIPPED:"skipped",FINISHED:"finished",ERROR:"error"};function canUseDOM2(){return !!(typeof window<"u"&&window.document&&window.document.createElement)}function getClientRect2(element){return element?element.getBoundingClientRect():null}function getDocumentHeight(){let{body,documentElement}=document;return !body||!documentElement?0:Math.max(body.scrollHeight,body.offsetHeight,documentElement.clientHeight,documentElement.scrollHeight,documentElement.offsetHeight)}function getElement(element){return typeof element=="string"?document.querySelector(element):element}function getStyleComputedProperty2(el){return !el||el.nodeType!==1?null:getComputedStyle(el)}function getScrollParent2(element,skipFix,forListener){if(!element)return scrollDocument();let parent=(0, import_scrollparent.default)(element);if(parent){if(parent.isSameNode(scrollDocument()))return forListener?document:scrollDocument();if(!(parent.scrollHeight>parent.offsetHeight)&&!skipFix)return parent.style.overflow="initial",scrollDocument()}return parent}function hasCustomScrollParent(element,skipFix){if(!element)return !1;let parent=getScrollParent2(element,skipFix);return parent?!parent.isSameNode(scrollDocument()):!1}function hasCustomOffsetParent(element){return element.offsetParent!==document.body}function hasPosition(el,type="fixed"){if(!el||!(el instanceof HTMLElement))return !1;let{nodeName}=el,styles=getStyleComputedProperty2(el);return nodeName==="BODY"||nodeName==="HTML"?!1:styles&&styles.position===type?!0:el.parentNode?hasPosition(el.parentNode,type):!1}function isElementVisible(element){var _a;if(!element)return !1;let parentElement=element;for(;parentElement&&parentElement!==document.body;){if(parentElement instanceof HTMLElement){let{display,visibility}=getComputedStyle(parentElement);if(display==="none"||visibility==="hidden")return !1}parentElement=(_a=parentElement.parentElement)!=null?_a:null;}return !0}function getElementPosition(element,offset2,skipFix){var _a;let elementRect=getClientRect2(element),parent=getScrollParent2(element,skipFix),hasScrollParent=hasCustomScrollParent(element,skipFix),parentTop=0,top=(_a=elementRect?.top)!=null?_a:0;return parent instanceof HTMLElement&&(parentTop=parent.scrollTop,!hasScrollParent&&!hasPosition(element)&&(top+=parentTop),parent.isSameNode(scrollDocument())||(top+=scrollDocument().scrollTop)),Math.floor(top-offset2)}function getScrollTo(element,offset2,skipFix){var _a;if(!element)return 0;let{offsetTop=0,scrollTop=0}=(_a=(0, import_scrollparent.default)(element))!=null?_a:{},top=element.getBoundingClientRect().top+scrollTop;offsetTop&&(hasCustomScrollParent(element,skipFix)||hasCustomOffsetParent(element))&&(top-=offsetTop);let output=Math.floor(top-offset2);return output<0?0:output}function scrollDocument(){var _a;return (_a=document.scrollingElement)!=null?_a:document.documentElement}function scrollTo(value,options){let{duration,element}=options;return new Promise((resolve,reject)=>{let{scrollTop}=element,limit=value>scrollTop?value-scrollTop:scrollTop-value;import_scroll.default.top(element,value,{duration:limit<100?50:duration},error=>error&&error.message!=="Element already at target scroll position"?reject(error):resolve());})}var isReact162=createPortal!==void 0;function getBrowser(userAgent=navigator.userAgent){let browser=userAgent;return typeof window>"u"?browser="node":document.documentMode?browser="ie":/Edge/.test(userAgent)?browser="edge":window.opera||userAgent.includes(" OPR/")?browser="opera":typeof window.InstallTrigger<"u"?browser="firefox":window.chrome?browser="chrome":/(Version\/([\d._]+).*Safari|CriOS|FxiOS| Mobile\/)/.test(userAgent)&&(browser="safari"),browser}function getText(root){let content=[],recurse=child=>{if(typeof child=="string"||typeof child=="number")content.push(child);else if(Array.isArray(child))child.forEach(c=>recurse(c));else if(isValidElement(child)){let{children}=child.props;Array.isArray(children)?children.forEach(c=>recurse(c)):recurse(children);}};return recurse(root),content.join(" ").trim()}function hasValidKeys(object,keys2){return !src_default.plainObject(object)||!src_default.array(keys2)?!1:Object.keys(object).every(d=>keys2.includes(d))}function hexToRGB(hex2){let shorthandRegex=/^#?([\da-f])([\da-f])([\da-f])$/i,properHex=hex2.replace(shorthandRegex,(_m,r,g,b)=>r+r+g+g+b+b),result=/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/i.exec(properHex);return result?[parseInt(result[1],16),parseInt(result[2],16),parseInt(result[3],16)]:[]}function hideBeacon(step){return step.disableBeacon||step.placement==="center"}function isLegacy(){return !["chrome","safari","firefox","opera"].includes(getBrowser())}function log2({data:data3,debug=!1,title,warn=!1}){let logFn=warn?console.warn||console.error:console.log;debug&&(title&&data3?(console.groupCollapsed(`%creact-joyride: ${title}`,"color: #ff0044; font-weight: bold; font-size: 12px;"),Array.isArray(data3)?data3.forEach(d=>{src_default.plainObject(d)&&d.key?logFn.apply(console,[d.key,d.value]):logFn.apply(console,[d]);}):logFn.apply(console,[data3]),console.groupEnd()):console.error("Missing title or data props"));}function shouldScroll(options){let{isFirstStep,lifecycle,previousLifecycle,scrollToFirstStep,step,target}=options;return !step.disableScrolling&&(!isFirstStep||scrollToFirstStep||lifecycle===LIFECYCLE.TOOLTIP)&&step.placement!=="center"&&(!step.isFixed||!hasPosition(target))&&previousLifecycle!==lifecycle&&[LIFECYCLE.BEACON,LIFECYCLE.TOOLTIP].includes(lifecycle)}var defaultFloaterProps={options:{preventOverflow:{boundariesElement:"scrollParent"}},wrapperOptions:{offset:-18,position:!0}},defaultLocale={back:"Back",close:"Close",last:"Last",next:"Next",open:"Open the dialog",skip:"Skip"},defaultStep={event:"click",placement:"bottom",offset:10,disableBeacon:!1,disableCloseOnEsc:!1,disableOverlay:!1,disableOverlayClose:!1,disableScrollParentFix:!1,disableScrolling:!1,hideBackButton:!1,hideCloseButton:!1,hideFooter:!1,isFixed:!1,locale:defaultLocale,showProgress:!1,showSkipButton:!1,spotlightClicks:!1,spotlightPadding:10},defaultProps={continuous:!1,debug:!1,disableCloseOnEsc:!1,disableOverlay:!1,disableOverlayClose:!1,disableScrolling:!1,disableScrollParentFix:!1,getHelpers:void 0,hideBackButton:!1,run:!0,scrollOffset:20,scrollDuration:300,scrollToFirstStep:!1,showSkipButton:!1,showProgress:!1,spotlightClicks:!1,spotlightPadding:10,steps:[]},defaultOptions2={arrowColor:"#fff",backgroundColor:"#fff",beaconSize:36,overlayColor:"rgba(0, 0, 0, 0.5)",primaryColor:"#f04",spotlightShadow:"0 0 15px rgba(0, 0, 0, 0.5)",textColor:"#333",width:380,zIndex:100},buttonBase={backgroundColor:"transparent",border:0,borderRadius:0,color:"#555",cursor:"pointer",fontSize:16,lineHeight:1,padding:8,WebkitAppearance:"none"},spotlight={borderRadius:4,position:"absolute"};function getStyles2(props,step){var _a,_b,_c,_d;let{floaterProps,styles}=props,mergedStyles=(0, import_deepmerge3.default)(styles??{},(_a=step?.styles)!=null?_a:{}),options=(0, import_deepmerge3.default)(defaultOptions2,mergedStyles.options||{}),{width}=options;window.innerWidth>480&&(width=380),"width"in options&&(width=typeof options.width=="number"&&window.innerWidth<options.width?window.innerWidth-30:options.width);let overlay={bottom:0,left:0,overflow:"hidden",position:"absolute",right:0,top:0,zIndex:options.zIndex},defaultStyles={beacon:{...buttonBase,display:"inline-block",height:options.beaconSize,position:"relative",width:options.beaconSize,zIndex:options.zIndex},beaconInner:{animation:"joyride-beacon-inner 1.2s infinite ease-in-out",backgroundColor:options.primaryColor,borderRadius:"50%",display:"block",height:"50%",left:"50%",opacity:.7,position:"absolute",top:"50%",transform:"translate(-50%, -50%)",width:"50%"},beaconOuter:{animation:"joyride-beacon-outer 1.2s infinite ease-in-out",backgroundColor:`rgba(${hexToRGB(options.primaryColor).join(",")}, 0.2)`,border:`2px solid ${options.primaryColor}`,borderRadius:"50%",boxSizing:"border-box",display:"block",height:"100%",left:0,opacity:.9,position:"absolute",top:0,transformOrigin:"center",width:"100%"},tooltip:{backgroundColor:options.backgroundColor,borderRadius:5,boxSizing:"border-box",color:options.textColor,fontSize:16,maxWidth:"100%",padding:15,position:"relative",width},tooltipContainer:{lineHeight:1.4,textAlign:"center"},tooltipTitle:{fontSize:18,margin:0},tooltipContent:{padding:"20px 10px"},tooltipFooter:{alignItems:"center",display:"flex",justifyContent:"flex-end",marginTop:15},tooltipFooterSpacer:{flex:1},buttonNext:{...buttonBase,backgroundColor:options.primaryColor,borderRadius:4,color:"#fff"},buttonBack:{...buttonBase,color:options.primaryColor,marginLeft:"auto",marginRight:5},buttonClose:{...buttonBase,color:options.textColor,height:14,padding:15,position:"absolute",right:0,top:0,width:14},buttonSkip:{...buttonBase,color:options.textColor,fontSize:14},overlay:{...overlay,backgroundColor:options.overlayColor,mixBlendMode:"hard-light"},overlayLegacy:{...overlay},overlayLegacyCenter:{...overlay,backgroundColor:options.overlayColor},spotlight:{...spotlight,backgroundColor:"gray"},spotlightLegacy:{...spotlight,boxShadow:`0 0 0 9999px ${options.overlayColor}, ${options.spotlightShadow}`},floaterStyles:{arrow:{color:(_d=(_c=(_b=floaterProps?.styles)==null?void 0:_b.arrow)==null?void 0:_c.color)!=null?_d:options.arrowColor},options:{zIndex:options.zIndex+100}},options};return (0, import_deepmerge3.default)(defaultStyles,mergedStyles)}function getTourProps(props){return pick(props,"beaconComponent","disableCloseOnEsc","disableOverlay","disableOverlayClose","disableScrolling","disableScrollParentFix","floaterProps","hideBackButton","hideCloseButton","locale","showProgress","showSkipButton","spotlightClicks","spotlightPadding","styles","tooltipComponent")}function getMergedStep(currentStep,props){var _a,_b,_c,_d,_e,_f;let step=currentStep??{},mergedStep=import_deepmerge2.default.all([defaultStep,getTourProps(props),step],{isMergeableObject:src_default.plainObject}),mergedStyles=getStyles2(props,mergedStep),scrollParent2=hasCustomScrollParent(getElement(mergedStep.target),mergedStep.disableScrollParentFix),floaterProps=import_deepmerge2.default.all([defaultFloaterProps,(_a=props.floaterProps)!=null?_a:{},(_b=mergedStep.floaterProps)!=null?_b:{}]);return floaterProps.offset=mergedStep.offset,floaterProps.styles=(0, import_deepmerge2.default)((_c=floaterProps.styles)!=null?_c:{},mergedStyles.floaterStyles),floaterProps.offset+=(_e=(_d=props.spotlightPadding)!=null?_d:mergedStep.spotlightPadding)!=null?_e:0,mergedStep.placementBeacon&&floaterProps.wrapperOptions&&(floaterProps.wrapperOptions.placement=mergedStep.placementBeacon),scrollParent2&&floaterProps.options.preventOverflow&&(floaterProps.options.preventOverflow.boundariesElement="window"),{...mergedStep,locale:import_deepmerge2.default.all([defaultLocale,(_f=props.locale)!=null?_f:{},mergedStep.locale||{}]),floaterProps,styles:omit(mergedStyles,"floaterStyles")}}function validateStep(step,debug=!1){return src_default.plainObject(step)?step.target?!0:(log2({title:"validateStep",data:"target is missing from the step",warn:!0,debug}),!1):(log2({title:"validateStep",data:"step must be an object",warn:!0,debug}),!1)}function validateSteps(steps2,debug=!1){return src_default.array(steps2)?steps2.every(d=>validateStep(d,debug)):(log2({title:"validateSteps",data:"steps must be an array",warn:!0,debug}),!1)}var defaultState={action:"init",controlled:!1,index:0,lifecycle:LIFECYCLE.INIT,origin:null,size:0,status:STATUS2.IDLE},validKeys=objectKeys(omit(defaultState,"controlled","size")),Store=class{constructor(options){__publicField(this,"beaconPopper"),__publicField(this,"tooltipPopper"),__publicField(this,"data",new Map),__publicField(this,"listener"),__publicField(this,"store",new Map),__publicField(this,"addListener",listener=>{this.listener=listener;}),__publicField(this,"setSteps",steps3=>{let{size,status}=this.getState(),state={size:steps3.length,status};this.data.set("steps",steps3),status===STATUS2.WAITING&&!size&&steps3.length&&(state.status=STATUS2.RUNNING),this.setState(state);}),__publicField(this,"getPopper",name=>name==="beacon"?this.beaconPopper:this.tooltipPopper),__publicField(this,"setPopper",(name,popper)=>{name==="beacon"?this.beaconPopper=popper:this.tooltipPopper=popper;}),__publicField(this,"cleanupPoppers",()=>{this.beaconPopper=null,this.tooltipPopper=null;}),__publicField(this,"close",(origin=null)=>{let{index:index2,status}=this.getState();status===STATUS2.RUNNING&&this.setState({...this.getNextState({action:ACTIONS.CLOSE,index:index2+1,origin})});}),__publicField(this,"go",nextIndex=>{let{controlled,status}=this.getState();if(controlled||status!==STATUS2.RUNNING)return;let step=this.getSteps()[nextIndex];this.setState({...this.getNextState({action:ACTIONS.GO,index:nextIndex}),status:step?status:STATUS2.FINISHED});}),__publicField(this,"info",()=>this.getState()),__publicField(this,"next",()=>{let{index:index2,status}=this.getState();status===STATUS2.RUNNING&&this.setState(this.getNextState({action:ACTIONS.NEXT,index:index2+1}));}),__publicField(this,"open",()=>{let{status}=this.getState();status===STATUS2.RUNNING&&this.setState({...this.getNextState({action:ACTIONS.UPDATE,lifecycle:LIFECYCLE.TOOLTIP})});}),__publicField(this,"prev",()=>{let{index:index2,status}=this.getState();status===STATUS2.RUNNING&&this.setState({...this.getNextState({action:ACTIONS.PREV,index:index2-1})});}),__publicField(this,"reset",(restart=!1)=>{let{controlled}=this.getState();controlled||this.setState({...this.getNextState({action:ACTIONS.RESET,index:0}),status:restart?STATUS2.RUNNING:STATUS2.READY});}),__publicField(this,"skip",()=>{let{status}=this.getState();status===STATUS2.RUNNING&&this.setState({action:ACTIONS.SKIP,lifecycle:LIFECYCLE.INIT,status:STATUS2.SKIPPED});}),__publicField(this,"start",nextIndex=>{let{index:index2,size}=this.getState();this.setState({...this.getNextState({action:ACTIONS.START,index:src_default.number(nextIndex)?nextIndex:index2},!0),status:size?STATUS2.RUNNING:STATUS2.WAITING});}),__publicField(this,"stop",(advance=!1)=>{let{index:index2,status}=this.getState();[STATUS2.FINISHED,STATUS2.SKIPPED].includes(status)||this.setState({...this.getNextState({action:ACTIONS.STOP,index:index2+(advance?1:0)}),status:STATUS2.PAUSED});}),__publicField(this,"update",state=>{var _a,_b;if(!hasValidKeys(state,validKeys))throw new Error(`State is not valid. Valid keys: ${validKeys.join(", ")}`);this.setState({...this.getNextState({...this.getState(),...state,action:(_a=state.action)!=null?_a:ACTIONS.UPDATE,origin:(_b=state.origin)!=null?_b:null},!0)});});let{continuous=!1,stepIndex,steps:steps2=[]}=options??{};this.setState({action:ACTIONS.INIT,controlled:src_default.number(stepIndex),continuous,index:src_default.number(stepIndex)?stepIndex:0,lifecycle:LIFECYCLE.INIT,origin:null,status:steps2.length?STATUS2.READY:STATUS2.IDLE},!0),this.beaconPopper=null,this.tooltipPopper=null,this.listener=null,this.setSteps(steps2);}getState(){return this.store.size?{action:this.store.get("action")||"",controlled:this.store.get("controlled")||!1,index:parseInt(this.store.get("index"),10),lifecycle:this.store.get("lifecycle")||"",origin:this.store.get("origin")||null,size:this.store.get("size")||0,status:this.store.get("status")||""}:{...defaultState}}getNextState(state,force=!1){var _a,_b,_c,_d,_e;let{action,controlled,index:index2,size,status}=this.getState(),newIndex=src_default.number(state.index)?state.index:index2,nextIndex=controlled&&!force?index2:Math.min(Math.max(newIndex,0),size);return {action:(_a=state.action)!=null?_a:action,controlled,index:nextIndex,lifecycle:(_b=state.lifecycle)!=null?_b:LIFECYCLE.INIT,origin:(_c=state.origin)!=null?_c:null,size:(_d=state.size)!=null?_d:size,status:nextIndex===size?STATUS2.FINISHED:(_e=state.status)!=null?_e:status}}getSteps(){let steps2=this.data.get("steps");return Array.isArray(steps2)?steps2:[]}hasUpdatedState(oldState){let before=JSON.stringify(oldState),after=JSON.stringify(this.getState());return before!==after}setState(nextState,initial=!1){let state=this.getState(),{action,index:index2,lifecycle,origin=null,size,status}={...state,...nextState};this.store.set("action",action),this.store.set("index",index2),this.store.set("lifecycle",lifecycle),this.store.set("origin",origin),this.store.set("size",size),this.store.set("status",status),initial&&(this.store.set("controlled",nextState.controlled),this.store.set("continuous",nextState.continuous)),this.listener&&this.hasUpdatedState(state)&&this.listener(this.getState());}getHelpers(){return {close:this.close,go:this.go,info:this.info,next:this.next,open:this.open,prev:this.prev,reset:this.reset,skip:this.skip}}};function createStore(options){return new Store(options)}var Scope=class{constructor(element,options){if(__publicField(this,"element"),__publicField(this,"options"),__publicField(this,"canBeTabbed",element2=>{let{tabIndex}=element2;return tabIndex===null||tabIndex<0?!1:this.canHaveFocus(element2)}),__publicField(this,"canHaveFocus",element2=>{let validTabNodes=/input|select|textarea|button|object/,nodeName=element2.nodeName.toLowerCase();return (validTabNodes.test(nodeName)&&!element2.getAttribute("disabled")||nodeName==="a"&&!!element2.getAttribute("href"))&&this.isVisible(element2)}),__publicField(this,"findValidTabElements",()=>[].slice.call(this.element.querySelectorAll("*"),0).filter(this.canBeTabbed)),__publicField(this,"handleKeyDown",event=>{let{code="Tab"}=this.options;event.code===code&&this.interceptTab(event);}),__publicField(this,"interceptTab",event=>{event.preventDefault();let elements=this.findValidTabElements(),{shiftKey}=event;if(!elements.length)return;let x=document.activeElement?elements.indexOf(document.activeElement):0;x===-1||!shiftKey&&x+1===elements.length?x=0:shiftKey&&x===0?x=elements.length-1:x+=shiftKey?-1:1,elements[x].focus();}),__publicField(this,"isHidden",element2=>{let noSize=element2.offsetWidth<=0&&element2.offsetHeight<=0,style=window.getComputedStyle(element2);return noSize&&!element2.innerHTML?!0:noSize&&style.getPropertyValue("overflow")!=="visible"||style.getPropertyValue("display")==="none"}),__publicField(this,"isVisible",element2=>{let parentElement=element2;for(;parentElement;)if(parentElement instanceof HTMLElement){if(parentElement===document.body)break;if(this.isHidden(parentElement))return !1;parentElement=parentElement.parentNode;}return !0}),__publicField(this,"removeScope",()=>{window.removeEventListener("keydown",this.handleKeyDown);}),__publicField(this,"checkFocus",target=>{document.activeElement!==target&&(target.focus(),window.requestAnimationFrame(()=>this.checkFocus(target)));}),__publicField(this,"setFocus",()=>{let{selector}=this.options;if(!selector)return;let target=this.element.querySelector(selector);target&&window.requestAnimationFrame(()=>this.checkFocus(target));}),!(element instanceof HTMLElement))throw new TypeError("Invalid parameter: element must be an HTMLElement");this.element=element,this.options=options,window.addEventListener("keydown",this.handleKeyDown,!1),this.setFocus();}},JoyrideBeacon=class extends React32.Component{constructor(props){if(super(props),__publicField(this,"beacon",null),__publicField(this,"setBeaconRef",c=>{this.beacon=c;}),props.beaconComponent)return;let head=document.head||document.getElementsByTagName("head")[0],style=document.createElement("style");style.id="joyride-beacon-animation",props.nonce&&style.setAttribute("nonce",props.nonce);let css2=`
+        @keyframes joyride-beacon-inner {
+          20% {
+            opacity: 0.9;
+          }
+        
+          90% {
+            opacity: 0.7;
+          }
+        }
+        
+        @keyframes joyride-beacon-outer {
+          0% {
+            transform: scale(1);
+          }
+        
+          45% {
+            opacity: 0.7;
+            transform: scale(0.75);
+          }
+        
+          100% {
+            opacity: 0.9;
+            transform: scale(1);
+          }
+        }
+      `;style.appendChild(document.createTextNode(css2)),head.appendChild(style);}componentDidMount(){let{shouldFocus}=this.props;src_default.domElement(this.beacon)||console.warn("beacon is not a valid DOM element"),setTimeout(()=>{src_default.domElement(this.beacon)&&shouldFocus&&this.beacon.focus();},0);}componentWillUnmount(){let style=document.getElementById("joyride-beacon-animation");style?.parentNode&&style.parentNode.removeChild(style);}render(){let{beaconComponent,continuous,index:index2,isLastStep,locale,onClickOrHover,size,step,styles}=this.props,title=src_default.string(locale.open)?locale.open:(0, import_react_innertext.default)(locale.open),sharedProps={"aria-label":title,onClick:onClickOrHover,onMouseEnter:onClickOrHover,ref:this.setBeaconRef,title},component;return beaconComponent?component=React32.createElement(beaconComponent,{continuous,index:index2,isLastStep,size,step,...sharedProps}):component=React32.createElement("button",{key:"JoyrideBeacon",className:"react-joyride__beacon","data-test-id":"button-beacon",style:styles.beacon,type:"button",...sharedProps},React32.createElement("span",{style:styles.beaconInner}),React32.createElement("span",{style:styles.beaconOuter})),component}};function JoyrideSpotlight({styles}){return React32.createElement("div",{key:"JoyrideSpotlight",className:"react-joyride__spotlight","data-test-id":"spotlight",style:styles})}var Spotlight_default=JoyrideSpotlight,JoyrideOverlay=class extends React32.Component{constructor(){super(...arguments),__publicField(this,"isActive",!1),__publicField(this,"resizeTimeout"),__publicField(this,"scrollTimeout"),__publicField(this,"scrollParent"),__publicField(this,"state",{isScrolling:!1,mouseOverSpotlight:!1,showSpotlight:!0}),__publicField(this,"handleMouseMove",event=>{let{mouseOverSpotlight}=this.state,{height,left,position,top,width}=this.spotlightStyles,offsetY=position==="fixed"?event.clientY:event.pageY,offsetX=position==="fixed"?event.clientX:event.pageX,inSpotlightHeight=offsetY>=top&&offsetY<=top+height,inSpotlight=offsetX>=left&&offsetX<=left+width&&inSpotlightHeight;inSpotlight!==mouseOverSpotlight&&this.updateState({mouseOverSpotlight:inSpotlight});}),__publicField(this,"handleScroll",()=>{let{target}=this.props,element=getElement(target);if(this.scrollParent!==document){let{isScrolling}=this.state;isScrolling||this.updateState({isScrolling:!0,showSpotlight:!1}),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout(()=>{this.updateState({isScrolling:!1,showSpotlight:!0});},50);}else hasPosition(element,"sticky")&&this.updateState({});}),__publicField(this,"handleResize",()=>{clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout(()=>{this.isActive&&this.forceUpdate();},100);});}componentDidMount(){let{debug,disableScrolling,disableScrollParentFix=!1,target}=this.props,element=getElement(target);this.scrollParent=getScrollParent2(element??document.body,disableScrollParentFix,!0),this.isActive=!0,!disableScrolling&&hasCustomScrollParent(element,!0)&&log2({title:"step has a custom scroll parent and can cause trouble with scrolling",data:[{key:"parent",value:this.scrollParent}],debug}),window.addEventListener("resize",this.handleResize);}componentDidUpdate(previousProps){var _a;let{lifecycle,spotlightClicks}=this.props,{changed}=treeChanges(previousProps,this.props);changed("lifecycle",LIFECYCLE.TOOLTIP)&&((_a=this.scrollParent)==null||_a.addEventListener("scroll",this.handleScroll,{passive:!0}),setTimeout(()=>{let{isScrolling}=this.state;isScrolling||this.updateState({showSpotlight:!0});},100)),(changed("spotlightClicks")||changed("disableOverlay")||changed("lifecycle"))&&(spotlightClicks&&lifecycle===LIFECYCLE.TOOLTIP?window.addEventListener("mousemove",this.handleMouseMove,!1):lifecycle!==LIFECYCLE.TOOLTIP&&window.removeEventListener("mousemove",this.handleMouseMove));}componentWillUnmount(){var _a;this.isActive=!1,window.removeEventListener("mousemove",this.handleMouseMove),window.removeEventListener("resize",this.handleResize),clearTimeout(this.resizeTimeout),clearTimeout(this.scrollTimeout),(_a=this.scrollParent)==null||_a.removeEventListener("scroll",this.handleScroll);}get spotlightStyles(){var _a,_b,_c;let{showSpotlight}=this.state,{disableScrollParentFix=!1,spotlightClicks,spotlightPadding=0,styles,target}=this.props,element=getElement(target),elementRect=getClientRect2(element),isFixedTarget=hasPosition(element),top=getElementPosition(element,spotlightPadding,disableScrollParentFix);return {...isLegacy()?styles.spotlightLegacy:styles.spotlight,height:Math.round(((_a=elementRect?.height)!=null?_a:0)+spotlightPadding*2),left:Math.round(((_b=elementRect?.left)!=null?_b:0)-spotlightPadding),opacity:showSpotlight?1:0,pointerEvents:spotlightClicks?"none":"auto",position:isFixedTarget?"fixed":"absolute",top,transition:"opacity 0.2s",width:Math.round(((_c=elementRect?.width)!=null?_c:0)+spotlightPadding*2)}}updateState(state){this.isActive&&this.setState(previousState=>({...previousState,...state}));}render(){let{mouseOverSpotlight,showSpotlight}=this.state,{disableOverlay,disableOverlayClose,lifecycle,onClickOverlay,placement,styles}=this.props;if(disableOverlay||lifecycle!==LIFECYCLE.TOOLTIP)return null;let baseStyles=styles.overlay;isLegacy()&&(baseStyles=placement==="center"?styles.overlayLegacyCenter:styles.overlayLegacy);let stylesOverlay={cursor:disableOverlayClose?"default":"pointer",height:getDocumentHeight(),pointerEvents:mouseOverSpotlight?"none":"auto",...baseStyles},spotlight2=placement!=="center"&&showSpotlight&&React32.createElement(Spotlight_default,{styles:this.spotlightStyles});if(getBrowser()==="safari"){let{mixBlendMode,zIndex,...safarOverlay}=stylesOverlay;spotlight2=React32.createElement("div",{style:{...safarOverlay}},spotlight2),delete stylesOverlay.backgroundColor;}return React32.createElement("div",{className:"react-joyride__overlay","data-test-id":"overlay",onClick:onClickOverlay,role:"presentation",style:stylesOverlay},spotlight2)}},JoyridePortal=class extends React32.Component{constructor(){super(...arguments),__publicField(this,"node",null);}componentDidMount(){let{id:id3}=this.props;canUseDOM2()&&(this.node=document.createElement("div"),this.node.id=id3,document.body.appendChild(this.node),isReact162||this.renderReact15());}componentDidUpdate(){canUseDOM2()&&(isReact162||this.renderReact15());}componentWillUnmount(){!canUseDOM2()||!this.node||(isReact162||ReactDOM.unmountComponentAtNode(this.node),this.node.parentNode===document.body&&(document.body.removeChild(this.node),this.node=null));}renderReact15(){if(!canUseDOM2())return;let{children}=this.props;this.node&&ReactDOM.unstable_renderSubtreeIntoContainer(this,children,this.node);}renderReact16(){if(!canUseDOM2()||!isReact162)return null;let{children}=this.props;return this.node?ReactDOM.createPortal(children,this.node):null}render(){return isReact162?this.renderReact16():null}};function JoyrideTooltipCloseButton({styles,...props}){let{color:color2,height,width,...style}=styles;return React32__default.createElement("button",{style,type:"button",...props},React32__default.createElement("svg",{height:typeof height=="number"?`${height}px`:height,preserveAspectRatio:"xMidYMid",version:"1.1",viewBox:"0 0 18 18",width:typeof width=="number"?`${width}px`:width,xmlns:"http://www.w3.org/2000/svg"},React32__default.createElement("g",null,React32__default.createElement("path",{d:"M8.13911129,9.00268191 L0.171521827,17.0258467 C-0.0498027049,17.248715 -0.0498027049,17.6098394 0.171521827,17.8327545 C0.28204354,17.9443526 0.427188206,17.9998706 0.572051765,17.9998706 C0.71714958,17.9998706 0.862013139,17.9443526 0.972581703,17.8327545 L9.0000937,9.74924618 L17.0276057,17.8327545 C17.1384085,17.9443526 17.2832721,17.9998706 17.4281356,17.9998706 C17.5729992,17.9998706 17.718097,17.9443526 17.8286656,17.8327545 C18.0499901,17.6098862 18.0499901,17.2487618 17.8286656,17.0258467 L9.86135722,9.00268191 L17.8340066,0.973848225 C18.0553311,0.750979934 18.0553311,0.389855532 17.8340066,0.16694039 C17.6126821,-0.0556467968 17.254037,-0.0556467968 17.0329467,0.16694039 L9.00042166,8.25611765 L0.967006424,0.167268345 C0.745681892,-0.0553188426 0.387317931,-0.0553188426 0.165993399,0.167268345 C-0.0553311331,0.390136635 -0.0553311331,0.751261038 0.165993399,0.974176179 L8.13920499,9.00268191 L8.13911129,9.00268191 Z",fill:color2}))))}var CloseButton_default=JoyrideTooltipCloseButton;function JoyrideTooltipContainer(props){let{backProps,closeProps,continuous,index:index2,isLastStep,primaryProps,size,skipProps,step,tooltipProps}=props,{content,hideBackButton,hideCloseButton,hideFooter,locale,showProgress,showSkipButton,styles,title}=step,{back,close,last,next,skip}=locale,output={primary:close};return continuous&&(output.primary=isLastStep?last:next,showProgress&&(output.primary=React32.createElement("span",null,output.primary," (",index2+1,"/",size,")"))),showSkipButton&&!isLastStep&&(output.skip=React32.createElement("button",{"aria-live":"off","data-test-id":"button-skip",style:styles.buttonSkip,type:"button",...skipProps},skip)),!hideBackButton&&index2>0&&(output.back=React32.createElement("button",{"data-test-id":"button-back",style:styles.buttonBack,type:"button",...backProps},back)),output.close=!hideCloseButton&&React32.createElement(CloseButton_default,{"data-test-id":"button-close",styles:styles.buttonClose,...closeProps}),React32.createElement("div",{key:"JoyrideTooltip","aria-label":getText(title)||getText(content),className:"react-joyride__tooltip",style:styles.tooltip,...tooltipProps},React32.createElement("div",{style:styles.tooltipContainer},title&&React32.createElement("h1",{"aria-label":getText(title),style:styles.tooltipTitle},title),React32.createElement("div",{style:styles.tooltipContent},content)),!hideFooter&&React32.createElement("div",{style:styles.tooltipFooter},React32.createElement("div",{style:styles.tooltipFooterSpacer},output.skip),output.back,React32.createElement("button",{"data-test-id":"button-primary",style:styles.buttonNext,type:"button",...primaryProps},output.primary)),output.close)}var Container_default=JoyrideTooltipContainer,JoyrideTooltip=class extends React32.Component{constructor(){super(...arguments),__publicField(this,"handleClickBack",event=>{event.preventDefault();let{helpers}=this.props;helpers.prev();}),__publicField(this,"handleClickClose",event=>{event.preventDefault();let{helpers}=this.props;helpers.close("button_close");}),__publicField(this,"handleClickPrimary",event=>{event.preventDefault();let{continuous,helpers}=this.props;if(!continuous){helpers.close("button_primary");return}helpers.next();}),__publicField(this,"handleClickSkip",event=>{event.preventDefault();let{helpers}=this.props;helpers.skip();}),__publicField(this,"getElementsProps",()=>{let{continuous,isLastStep,setTooltipRef,step}=this.props,back=getText(step.locale.back),close=getText(step.locale.close),last=getText(step.locale.last),next=getText(step.locale.next),skip=getText(step.locale.skip),primaryText=continuous?next:close;return isLastStep&&(primaryText=last),{backProps:{"aria-label":back,"data-action":"back",onClick:this.handleClickBack,role:"button",title:back},closeProps:{"aria-label":close,"data-action":"close",onClick:this.handleClickClose,role:"button",title:close},primaryProps:{"aria-label":primaryText,"data-action":"primary",onClick:this.handleClickPrimary,role:"button",title:primaryText},skipProps:{"aria-label":skip,"data-action":"skip",onClick:this.handleClickSkip,role:"button",title:skip},tooltipProps:{"aria-modal":!0,ref:setTooltipRef,role:"alertdialog"}}});}render(){let{continuous,index:index2,isLastStep,setTooltipRef,size,step}=this.props,{beaconComponent,tooltipComponent,...cleanStep}=step,component;if(tooltipComponent){let renderProps={...this.getElementsProps(),continuous,index:index2,isLastStep,size,step:cleanStep,setTooltipRef};component=React32.createElement(tooltipComponent,{...renderProps});}else component=React32.createElement(Container_default,{...this.getElementsProps(),continuous,index:index2,isLastStep,size,step});return component}},JoyrideStep=class extends React32.Component{constructor(){super(...arguments),__publicField(this,"scope",null),__publicField(this,"tooltip",null),__publicField(this,"handleClickHoverBeacon",event=>{let{step,store}=this.props;event.type==="mouseenter"&&step.event!=="hover"||store.update({lifecycle:LIFECYCLE.TOOLTIP});}),__publicField(this,"handleClickOverlay",()=>{let{helpers,step}=this.props;step.disableOverlayClose||helpers.close("overlay");}),__publicField(this,"setTooltipRef",element=>{this.tooltip=element;}),__publicField(this,"setPopper",(popper,type)=>{var _a;let{action,lifecycle,step,store}=this.props;type==="wrapper"?store.setPopper("beacon",popper):store.setPopper("tooltip",popper),store.getPopper("beacon")&&store.getPopper("tooltip")&&lifecycle===LIFECYCLE.INIT&&store.update({action,lifecycle:LIFECYCLE.READY}),(_a=step.floaterProps)!=null&&_a.getPopper&&step.floaterProps.getPopper(popper,type);}),__publicField(this,"renderTooltip",renderProps=>{let{continuous,helpers,index:index2,size,step}=this.props;return React32.createElement(JoyrideTooltip,{continuous,helpers,index:index2,isLastStep:index2+1===size,setTooltipRef:this.setTooltipRef,size,step,...renderProps})});}componentDidMount(){let{debug,index:index2}=this.props;log2({title:`step:${index2}`,data:[{key:"props",value:this.props}],debug});}componentDidUpdate(previousProps){var _a;let{action,callback,continuous,controlled,debug,helpers,index:index2,lifecycle,status,step,store}=this.props,{changed,changedFrom}=treeChanges(previousProps,this.props),state=helpers.info(),skipBeacon=continuous&&action!==ACTIONS.CLOSE&&(index2>0||action===ACTIONS.PREV),hasStoreChanged=changed("action")||changed("index")||changed("lifecycle")||changed("status"),isInitial=changedFrom("lifecycle",[LIFECYCLE.TOOLTIP,LIFECYCLE.INIT],LIFECYCLE.INIT),isAfterAction=changed("action",[ACTIONS.NEXT,ACTIONS.PREV,ACTIONS.SKIP,ACTIONS.CLOSE]),isControlled=controlled&&index2===previousProps.index;if(isAfterAction&&(isInitial||isControlled)&&callback({...state,index:previousProps.index,lifecycle:LIFECYCLE.COMPLETE,step:previousProps.step,type:EVENTS.STEP_AFTER}),step.placement==="center"&&status===STATUS2.RUNNING&&changed("index")&&action!==ACTIONS.START&&lifecycle===LIFECYCLE.INIT&&store.update({lifecycle:LIFECYCLE.READY}),hasStoreChanged){let element=getElement(step.target),elementExists=!!element;elementExists&&isElementVisible(element)?(changedFrom("status",STATUS2.READY,STATUS2.RUNNING)||changedFrom("lifecycle",LIFECYCLE.INIT,LIFECYCLE.READY))&&callback({...state,step,type:EVENTS.STEP_BEFORE}):(console.warn(elementExists?"Target not visible":"Target not mounted",step),callback({...state,type:EVENTS.TARGET_NOT_FOUND,step}),controlled||store.update({index:index2+(action===ACTIONS.PREV?-1:1)}));}changedFrom("lifecycle",LIFECYCLE.INIT,LIFECYCLE.READY)&&store.update({lifecycle:hideBeacon(step)||skipBeacon?LIFECYCLE.TOOLTIP:LIFECYCLE.BEACON}),changed("index")&&log2({title:`step:${lifecycle}`,data:[{key:"props",value:this.props}],debug}),changed("lifecycle",LIFECYCLE.BEACON)&&callback({...state,step,type:EVENTS.BEACON}),changed("lifecycle",LIFECYCLE.TOOLTIP)&&(callback({...state,step,type:EVENTS.TOOLTIP}),this.tooltip&&(this.scope=new Scope(this.tooltip,{selector:"[data-action=primary]"}),this.scope.setFocus())),changedFrom("lifecycle",[LIFECYCLE.TOOLTIP,LIFECYCLE.INIT],LIFECYCLE.INIT)&&((_a=this.scope)==null||_a.removeScope(),store.cleanupPoppers());}componentWillUnmount(){var _a;(_a=this.scope)==null||_a.removeScope();}get open(){let{lifecycle,step}=this.props;return hideBeacon(step)||lifecycle===LIFECYCLE.TOOLTIP}render(){let{continuous,debug,index:index2,lifecycle,nonce,shouldScroll:shouldScroll2,size,step}=this.props,target=getElement(step.target);return !validateStep(step)||!src_default.domElement(target)?null:React32.createElement("div",{key:`JoyrideStep-${index2}`,className:"react-joyride__step"},React32.createElement(JoyridePortal,{id:"react-joyride-portal"},React32.createElement(JoyrideOverlay,{...step,debug,lifecycle,onClickOverlay:this.handleClickOverlay})),React32.createElement(ReactFloater,{...step.floaterProps,component:this.renderTooltip,debug,getPopper:this.setPopper,id:`react-joyride-step-${index2}`,open:this.open,placement:step.placement,target:step.target},React32.createElement(JoyrideBeacon,{beaconComponent:step.beaconComponent,continuous,index:index2,isLastStep:index2+1===size,locale:step.locale,nonce,onClickOrHover:this.handleClickHoverBeacon,shouldFocus:shouldScroll2,size,step,styles:step.styles})))}},Joyride=class extends React32.Component{constructor(props){super(props),__publicField(this,"helpers"),__publicField(this,"store"),__publicField(this,"callback",data3=>{let{callback}=this.props;src_default.function(callback)&&callback(data3);}),__publicField(this,"handleKeyboard",event=>{let{index:index2,lifecycle}=this.state,{steps:steps2}=this.props,step=steps2[index2];lifecycle===LIFECYCLE.TOOLTIP&&event.code==="Escape"&&step&&!step.disableCloseOnEsc&&this.store.close("keyboard");}),__publicField(this,"syncState",state=>{this.setState(state);});let{debug,getHelpers,run,stepIndex}=props;this.store=createStore({...props,controlled:run&&src_default.number(stepIndex)}),this.helpers=this.store.getHelpers();let{addListener}=this.store;log2({title:"init",data:[{key:"props",value:this.props},{key:"state",value:this.state}],debug}),addListener(this.syncState),getHelpers&&getHelpers(this.helpers),this.state=this.store.getState();}componentDidMount(){if(!canUseDOM2())return;let{debug,disableCloseOnEsc,run,steps:steps2}=this.props,{start}=this.store;validateSteps(steps2,debug)&&run&&start(),disableCloseOnEsc||document.body.addEventListener("keydown",this.handleKeyboard,{passive:!0});}componentDidUpdate(previousProps,previousState){if(!canUseDOM2())return;let{action,controlled,index:index2,lifecycle,status}=this.state,{debug,run,stepIndex,steps:steps2}=this.props,{stepIndex:previousStepIndex,steps:previousSteps}=previousProps,{reset,setSteps,start,stop,update:update2}=this.store,{changed:changedProps}=treeChanges(previousProps,this.props),{changed,changedFrom}=treeChanges(previousState,this.state),step=getMergedStep(steps2[index2],this.props),stepsChanged=!equal(previousSteps,steps2),stepIndexChanged=src_default.number(stepIndex)&&changedProps("stepIndex"),target=getElement(step.target);if(stepsChanged&&(validateSteps(steps2,debug)?setSteps(steps2):console.warn("Steps are not valid",steps2)),changedProps("run")&&(run?start(stepIndex):stop()),stepIndexChanged){let nextAction=src_default.number(previousStepIndex)&&previousStepIndex<stepIndex?ACTIONS.NEXT:ACTIONS.PREV;action===ACTIONS.STOP&&(nextAction=ACTIONS.START),[STATUS2.FINISHED,STATUS2.SKIPPED].includes(status)||update2({action:action===ACTIONS.CLOSE?ACTIONS.CLOSE:nextAction,index:stepIndex,lifecycle:LIFECYCLE.INIT});}!controlled&&status===STATUS2.RUNNING&&index2===0&&!target&&(this.store.update({index:index2+1}),this.callback({...this.state,type:EVENTS.TARGET_NOT_FOUND,step}));let callbackData={...this.state,index:index2,step};if(changed("action",[ACTIONS.NEXT,ACTIONS.PREV,ACTIONS.SKIP,ACTIONS.CLOSE])&&changed("status",STATUS2.PAUSED)){let previousStep=getMergedStep(steps2[previousState.index],this.props);this.callback({...callbackData,index:previousState.index,lifecycle:LIFECYCLE.COMPLETE,step:previousStep,type:EVENTS.STEP_AFTER});}if(changed("status",[STATUS2.FINISHED,STATUS2.SKIPPED])){let previousStep=getMergedStep(steps2[previousState.index],this.props);controlled||this.callback({...callbackData,index:previousState.index,lifecycle:LIFECYCLE.COMPLETE,step:previousStep,type:EVENTS.STEP_AFTER}),this.callback({...callbackData,type:EVENTS.TOUR_END,step:previousStep,index:previousState.index}),reset();}else changedFrom("status",[STATUS2.IDLE,STATUS2.READY],STATUS2.RUNNING)?this.callback({...callbackData,type:EVENTS.TOUR_START}):(changed("status")||changed("action",ACTIONS.RESET))&&this.callback({...callbackData,type:EVENTS.TOUR_STATUS});this.scrollToStep(previousState),step.placement==="center"&&status===STATUS2.RUNNING&&lifecycle===LIFECYCLE.INIT&&this.store.update({lifecycle:LIFECYCLE.READY});}componentWillUnmount(){let{disableCloseOnEsc}=this.props;disableCloseOnEsc||document.body.removeEventListener("keydown",this.handleKeyboard);}scrollToStep(previousState){let{index:index2,lifecycle,status}=this.state,{debug,disableScrollParentFix=!1,scrollDuration,scrollOffset=20,scrollToFirstStep=!1,steps:steps2}=this.props,step=getMergedStep(steps2[index2],this.props),target=getElement(step.target),shouldScrollToStep=shouldScroll({isFirstStep:index2===0,lifecycle,previousLifecycle:previousState.lifecycle,scrollToFirstStep,step,target});if(status===STATUS2.RUNNING&&shouldScrollToStep){let hasCustomScroll=hasCustomScrollParent(target,disableScrollParentFix),scrollParent2=getScrollParent2(target,disableScrollParentFix),scrollY=Math.floor(getScrollTo(target,scrollOffset,disableScrollParentFix))||0;log2({title:"scrollToStep",data:[{key:"index",value:index2},{key:"lifecycle",value:lifecycle},{key:"status",value:status}],debug});let beaconPopper=this.store.getPopper("beacon"),tooltipPopper=this.store.getPopper("tooltip");if(lifecycle===LIFECYCLE.BEACON&&beaconPopper){let{offsets,placement}=beaconPopper;!["bottom"].includes(placement)&&!hasCustomScroll&&(scrollY=Math.floor(offsets.popper.top-scrollOffset));}else if(lifecycle===LIFECYCLE.TOOLTIP&&tooltipPopper){let{flipped,offsets,placement}=tooltipPopper;["top","right","left"].includes(placement)&&!flipped&&!hasCustomScroll?scrollY=Math.floor(offsets.popper.top-scrollOffset):scrollY-=step.spotlightPadding;}scrollY=scrollY>=0?scrollY:0,status===STATUS2.RUNNING&&scrollTo(scrollY,{element:scrollParent2,duration:scrollDuration}).then(()=>{setTimeout(()=>{var _a;(_a=this.store.getPopper("tooltip"))==null||_a.instance.update();},10);});}}render(){if(!canUseDOM2())return null;let{index:index2,status}=this.state,{continuous=!1,debug=!1,nonce,scrollToFirstStep=!1,steps:steps2}=this.props,output;if(status===STATUS2.RUNNING&&steps2[index2]){let step=getMergedStep(steps2[index2],this.props);output=React32.createElement(JoyrideStep,{...this.state,callback:this.callback,continuous,debug,helpers:this.helpers,nonce,shouldScroll:!step.disableScrolling&&(index2!==0||scrollToFirstStep),step,store:this.store});}return React32.createElement("div",{className:"react-joyride"},output)}};__publicField(Joyride,"defaultProps",defaultProps);var components_default=Joyride;function PulsatingEffect({targetSelector}){return useEffect(()=>{let element=document.querySelector(targetSelector);if(element){element.style.animation="pulsate 3s infinite",element.style.transformOrigin="center",element.style.animationTimingFunction="ease-in-out";let keyframes4=`
+        @keyframes pulsate {
+          0% {
+            box-shadow: 0 0 0 0 rgba(2, 156, 253, 0.7), 0 0 0 0 rgba(2, 156, 253, 0.4);
+          }
+          50% {
+            box-shadow: 0 0 0 20px rgba(2, 156, 253, 0), 0 0 0 40px rgba(2, 156, 253, 0);
+          }
+          100% {
+            box-shadow: 0 0 0 0 rgba(2, 156, 253, 0), 0 0 0 0 rgba(2, 156, 253, 0);
+          }
+        }
+      `,style=document.createElement("style");style.id="sb-onboarding-pulsating-effect",style.innerHTML=keyframes4,document.head.appendChild(style);}return ()=>{let styleElement=document.querySelector("#sb-onboarding-pulsating-effect");styleElement&&styleElement.remove(),element&&(element.style.animation="auto");}},[targetSelector]),null}var import_tween_functions=__toESM(require_tween_functions());function degreesToRads(degrees2){return degrees2*Math.PI/180}function randomRange(min,max){return min+Math.random()*(max-min)}function randomInt(min,max){return Math.floor(min+Math.random()*(max-min+1))}var Particle=class{constructor(context,getOptions,x,y){this.getOptions=getOptions;let{colors,initialVelocityX,initialVelocityY}=this.getOptions();this.context=context,this.x=x,this.y=y,this.w=randomRange(5,20),this.h=randomRange(5,20),this.radius=randomRange(5,10),this.vx=typeof initialVelocityX=="number"?randomRange(-initialVelocityX,initialVelocityX):randomRange(initialVelocityX.min,initialVelocityX.max),this.vy=typeof initialVelocityY=="number"?randomRange(-initialVelocityY,0):randomRange(initialVelocityY.min,initialVelocityY.max),this.shape=randomInt(0,2),this.angle=degreesToRads(randomRange(0,360)),this.angularSpin=randomRange(-.2,.2),this.color=colors[Math.floor(Math.random()*colors.length)],this.rotateY=randomRange(0,1),this.rotationDirection=randomRange(0,1)?1:-1;}update(){let{gravity,wind,friction,opacity,drawShape}=this.getOptions();this.x+=this.vx,this.y+=this.vy,this.vy+=gravity,this.vx+=wind,this.vx*=friction,this.vy*=friction,this.rotateY>=1&&this.rotationDirection===1?this.rotationDirection=-1:this.rotateY<=-1&&this.rotationDirection===-1&&(this.rotationDirection=1);let rotateDelta=.1*this.rotationDirection;if(this.rotateY+=rotateDelta,this.angle+=this.angularSpin,this.context.save(),this.context.translate(this.x,this.y),this.context.rotate(this.angle),this.context.scale(1,this.rotateY),this.context.rotate(this.angle),this.context.beginPath(),this.context.fillStyle=this.color,this.context.strokeStyle=this.color,this.context.globalAlpha=opacity,this.context.lineCap="round",this.context.lineWidth=2,drawShape&&typeof drawShape=="function")drawShape.call(this,this.context);else switch(this.shape){case 0:{this.context.beginPath(),this.context.arc(0,0,this.radius,0,2*Math.PI),this.context.fill();break}case 1:{this.context.fillRect(-this.w/2,-this.h/2,this.w,this.h);break}case 2:{this.context.fillRect(-this.w/6,-this.h/2,this.w/3,this.h);break}}this.context.closePath(),this.context.restore();}};var ParticleGenerator=class{constructor(canvas,getOptions){this.x=0;this.y=0;this.w=0;this.h=0;this.lastNumberOfPieces=0;this.tweenInitTime=Date.now();this.particles=[];this.particlesGenerated=0;this.removeParticleAt=i=>{this.particles.splice(i,1);};this.getParticle=()=>{let newParticleX=randomRange(this.x,this.w+this.x),newParticleY=randomRange(this.y,this.h+this.y);return new Particle(this.context,this.getOptions,newParticleX,newParticleY)};this.animate=()=>{let{canvas,context,particlesGenerated,lastNumberOfPieces}=this,{run,recycle,numberOfPieces,debug,tweenFunction,tweenDuration}=this.getOptions();if(!run)return !1;let nP=this.particles.length,activeCount=recycle?nP:particlesGenerated,now2=Date.now();if(activeCount<numberOfPieces){lastNumberOfPieces!==numberOfPieces&&(this.tweenInitTime=now2,this.lastNumberOfPieces=numberOfPieces);let{tweenInitTime}=this,progressTime=now2-tweenInitTime>tweenDuration?tweenDuration:Math.max(0,now2-tweenInitTime),tweenedVal=tweenFunction(progressTime,activeCount,numberOfPieces,tweenDuration),numToAdd=Math.round(tweenedVal-activeCount);for(let i=0;i<numToAdd;i++)this.particles.push(this.getParticle());this.particlesGenerated+=numToAdd;}return debug&&(context.font="12px sans-serif",context.fillStyle="#333",context.textAlign="right",context.fillText(`Particles: ${nP}`,canvas.width-10,canvas.height-20)),this.particles.forEach((p,i)=>{p.update(),(p.y>canvas.height||p.y<-100||p.x>canvas.width+100||p.x<-100)&&(recycle&&activeCount<=numberOfPieces?this.particles[i]=this.getParticle():this.removeParticleAt(i));}),nP>0||activeCount<numberOfPieces};this.canvas=canvas;let ctx=this.canvas.getContext("2d");if(!ctx)throw new Error("Could not get canvas context");this.context=ctx,this.getOptions=getOptions;}};var confettiDefaults={width:typeof window<"u"?window.innerWidth:300,height:typeof window<"u"?window.innerHeight:200,numberOfPieces:200,friction:.99,wind:0,gravity:.1,initialVelocityX:4,initialVelocityY:10,colors:["#f44336","#e91e63","#9c27b0","#673ab7","#3f51b5","#2196f3","#03a9f4","#00bcd4","#009688","#4CAF50","#8BC34A","#CDDC39","#FFEB3B","#FFC107","#FF9800","#FF5722","#795548"],opacity:1,debug:!1,tweenFunction:import_tween_functions.default.easeInOutQuad,tweenDuration:5e3,recycle:!0,run:!0},Confetti=class{constructor(canvas,opts){this.setOptionsWithDefaults=opts=>{let computedConfettiDefaults={confettiSource:{x:0,y:0,w:this.canvas.width,h:0}};this._options={...computedConfettiDefaults,...confettiDefaults,...opts},Object.assign(this,opts.confettiSource);};this.update=()=>{let{options:{run,onConfettiComplete},canvas,context}=this;run&&(context.fillStyle="white",context.clearRect(0,0,canvas.width,canvas.height)),this.generator.animate()?this.rafId=requestAnimationFrame(this.update):(onConfettiComplete&&typeof onConfettiComplete=="function"&&this.generator.particlesGenerated>0&&onConfettiComplete.call(this,this),this._options.run=!1);};this.reset=()=>{this.generator&&this.generator.particlesGenerated>0&&(this.generator.particlesGenerated=0,this.generator.particles=[],this.generator.lastNumberOfPieces=0);};this.stop=()=>{this.options={run:!1},this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0);};this.canvas=canvas;let ctx=this.canvas.getContext("2d");if(!ctx)throw new Error("Could not get canvas context");this.context=ctx,this.generator=new ParticleGenerator(this.canvas,()=>this.options),this.options=opts,this.update();}get options(){return this._options}set options(opts){let lastRunState=this._options&&this._options.run,lastRecycleState=this._options&&this._options.recycle;this.setOptionsWithDefaults(opts),this.generator&&(Object.assign(this.generator,this.options.confettiSource),typeof opts.recycle=="boolean"&&opts.recycle&&lastRecycleState===!1&&(this.generator.lastNumberOfPieces=this.generator.particles.length)),typeof opts.run=="boolean"&&opts.run&&lastRunState===!1&&this.update();}},Confetti_default=Confetti;var ref=React32__default.createRef(),ReactConfettiInternal=class extends Component{constructor(props,...rest){super(props,...rest);this.canvas=React32__default.createRef();this.canvas=props.canvasRef||ref;}componentDidMount(){if(this.canvas.current){let opts=extractCanvasProps(this.props)[0];this.confetti=new Confetti_default(this.canvas.current,opts);}}componentDidUpdate(){let confettiOptions=extractCanvasProps(this.props)[0];this.confetti&&(this.confetti.options=confettiOptions);}componentWillUnmount(){this.confetti&&this.confetti.stop(),this.confetti=void 0;}render(){let[confettiOptions,passedProps]=extractCanvasProps(this.props),canvasStyles={zIndex:2,position:"absolute",pointerEvents:"none",top:0,left:0,bottom:0,right:0,...passedProps.style};return React32__default.createElement("canvas",{width:confettiOptions.width,height:confettiOptions.height,ref:this.canvas,...passedProps,style:canvasStyles})}};ReactConfettiInternal.defaultProps={...confettiDefaults},ReactConfettiInternal.displayName="ReactConfetti";function extractCanvasProps(props){let confettiOptions={},refs={},rest={},confettiOptionKeys=[...Object.keys(confettiDefaults),"confettiSource","drawShape","onConfettiComplete"],refProps=["canvasRef"];for(let prop in props){let val=props[prop];confettiOptionKeys.includes(prop)?confettiOptions[prop]=val:refProps.includes(prop)?refProps[prop]=val:rest[prop]=val;}return [confettiOptions,rest,refs]}var ReactConfetti=React32__default.forwardRef((props,ref2)=>React32__default.createElement(ReactConfettiInternal,{canvasRef:ref2,...props}));var Wrapper=styled.div(({width,height,left,top})=>({width:`${width}px`,height:`${height}px`,left:`${left}px`,top:`${top}px`,position:"relative",overflow:"hidden"}));function Confetti2({top=0,left=0,width=window.innerWidth,height=window.innerHeight,colors=["#CA90FF","#FC521F","#66BF3C","#FF4785","#FFAE00","#1EA7FD"],...confettiProps}){let[confettiContainer]=useState(()=>{let container=document.createElement("div");return container.setAttribute("id","confetti-container"),container.setAttribute("style","position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999;"),container});return useEffect(()=>(document.body.appendChild(confettiContainer),()=>{document.body.removeChild(confettiContainer);}),[]),createPortal(React32__default.createElement(Wrapper,{top,left,width,height},React32__default.createElement(ReactConfetti,{colors,drawShape:draw,...confettiProps})),confettiContainer)}function getRandomInt(min,max){return Math.floor(Math.random()*(max-min))+min}function draw(context){switch(this.shape=this.shape||getRandomInt(1,6),this.shape){case 2:{let width=this.w/2,height=this.h/2;context.moveTo(-width+2,-height),context.lineTo(width-2,-height),context.arcTo(width,-height,width,-height+2,2),context.lineTo(width,height-2),context.arcTo(width,height,width-2,height,2),context.lineTo(-width+2,height),context.arcTo(-width,height,-width,height-2,2),context.lineTo(-width,-height+2),context.arcTo(-width,-height,-width+2,-height,2);break}case 3:{context.rect(-4,-4,8,16),context.rect(-12,-4,24,8);break}case 4:{context.rect(-4,-4,8,16),context.rect(-4,-4,24,8);break}case 1:{context.arc(0,0,this.radius,0,2*Math.PI);break}case 5:{context.moveTo(16,4),context.lineTo(4,24),context.lineTo(24,24);break}case 6:{context.arc(4,-4,4,-Math.PI/2,0),context.lineTo(4,0);break}}context.closePath(),context.fill();}var StyledButton=styled.button`
+  all: unset;
+  box-sizing: border-box;
+  border: 0;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 0.75rem;
+  background: ${({theme:theme2,variant})=>variant==="primary"?theme2.color.secondary:variant==="secondary"?theme2.color.lighter:variant==="outline"?"transparent":theme2.color.secondary};
+  color: ${({theme:theme2,variant})=>variant==="primary"?theme2.color.lightest:variant==="secondary"||variant==="outline"?theme2.darkest:theme2.color.lightest};
+  box-shadow: ${({variant})=>variant==="primary"?"none":variant==="secondary"||variant==="outline"?"#D9E8F2 0 0 0 1px inset":"none"};
+  height: 32px;
+  font-size: 0.8125rem;
+  font-weight: 700;
+  font-family: ${({theme:theme2})=>theme2.typography.fonts.base};
+  transition: background-color, box-shadow, opacity;
+  transition-duration: 0.16s;
+  transition-timing-function: ease-in-out;
+  text-decoration: none;
+
+  &:hover {
+    background-color: ${({variant})=>variant==="primary"?"#0b94eb":variant==="secondary"?"#eef4f9":variant==="outline"?"transparent":"#0b94eb"};
+  }
+
+  &:focus {
+    box-shadow: ${({variant})=>variant==="primary"?"inset 0 0 0 1px rgba(0, 0, 0, 0.2)":variant==="secondary"||variant==="outline"?"inset 0 0 0 1px #0b94eb":"inset 0 0 0 2px rgba(0, 0, 0, 0.1)"};
+  }
+`,Button=forwardRef(function({children,onClick,variant="primary",...rest},ref2){return React32__default.createElement(StyledButton,{ref:ref2,onClick,variant,...rest},children)});var TooltipBody=styled.div`
+  background: ${({theme:theme2})=>theme2.base==="dark"?"#292A2C":theme2.color.lightest};
+  width: 260px;
+  padding: 15px;
+  border-radius: 5px;
+`,Wrapper2=styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`,TooltipTitle=styled.div`
+  font-size: 13px;
+  line-height: 18px;
+  font-weight: 700;
+  color: ${({theme:theme2})=>theme2.color.defaultText};
+`,TooltipContent=styled.p`
+  font-size: 13px;
+  line-height: 18px;
+  text-align: start;
+  color: ${({theme:theme2})=>theme2.color.defaultText};
+  margin: 0;
+  margin-top: 5px;
+`,TooltipFooter=styled.div`
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 15px;
+`,Tooltip=({step,primaryProps,tooltipProps})=>React32__default.createElement(TooltipBody,{...tooltipProps},React32__default.createElement(Wrapper2,null,step.title&&React32__default.createElement(TooltipTitle,null,step.title),React32__default.createElement(TooltipContent,null,step.content)),!step.hideNextButton&&React32__default.createElement(TooltipFooter,{id:"buttonNext"},React32__default.createElement(Button,{...primaryProps,...step.onNextButtonClick?{onClick:step.onNextButtonClick}:{}},"Next")));var ModalContent=styled.div`
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  max-height: 85vh;
+
+  &:focus-visible {
+    outline: none;
+  }
+`,Main=styled.div`
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  font-family: ${({theme:theme2})=>theme2.typography.fonts.base};
+`,Header=styled.div`
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 15px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  height: 44px;
+`,ModalTitle=styled.div`
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 13px;
+  line-height: 18px;
+  font-weight: bold;
+  color: ${({theme:theme2})=>theme2.color.darkest};
+`,Content=styled.div`
+  font-size: 13px;
+  line-height: 18px;
+  padding: 15px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: space-between;
+  color: ${({theme:theme2})=>theme2.color.darker};
+
+  h3 {
+    font-size: 13px;
+    line-height: 18px;
+    font-weight: bold;
+    padding: 0;
+    margin: 0;
+  }
+`,SpanHighlight=styled.span`
+  display: inline-flex;
+  border-radius: 3px;
+  padding: 0 5px;
+  margin-bottom: -2px;
+  opacity: 0.8;
+  font-family: ${({theme:theme2})=>theme2.typography.fonts.mono};
+  font-size: 11px;
+  border: 1px solid #ecf4f9;
+  color: ${({theme:theme2})=>theme2.color.darkest};
+  background-color: #f7fafc;
+  box-sizing: border-box;
+  line-height: 17px;
+`,Image=styled.img`
+  max-width: 100%;
+  margin-top: 1em;
+`,Background=styled.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  overflow: hidden;
+`,circle1Anim=keyframes`
+  0% { transform: translate(0px, 0px) }
+  50% { transform: translate(120px, 0px) }
+  100% { transform: translate(0px, 0px) }
+`,Circle1=styled.div`
+  position: absolute;
+  width: 350px;
+  height: 350px;
+  left: -160px;
+  top: -260px;
+  background: radial-gradient(
+    circle at center,
+    rgba(255, 119, 119, 1) 0%,
+    rgba(255, 119, 119, 0) 70%
+  );
+  animation: ${circle1Anim} 8s linear infinite;
+  animation-timing-function: ease-in-out;
+  z-index: 2;
+`,circle2Anim=keyframes`
+  0% { transform: translate(0px, 0px) }
+  33% { transform: translate(-64px, 0px) }
+  66% { transform: translate(120px, 0px) }
+  100% { transform: translate(0px, 0px) }
+`,Circle2=styled.div`
+  position: absolute;
+  width: 350px;
+  height: 350px;
+  left: -54px;
+  top: -250px;
+  background: radial-gradient(
+    circle at center,
+    rgba(253, 255, 147, 1) 0%,
+    rgba(253, 255, 147, 0) 70%
+  );
+  animation: ${circle2Anim} 12s linear infinite;
+  animation-timing-function: ease-in-out;
+  z-index: 3;
+`,circle3Anim=keyframes`
+  0% { transform: translate(0px, 0px) }
+  50% { transform: translate(-120px, 0px) }
+  100% { transform: translate(0px, 0px) }
+`,Circle3=styled.div`
+  position: absolute;
+  width: 350px;
+  height: 350px;
+  left: 150px;
+  top: -220px;
+  background: radial-gradient(
+    circle at center,
+    rgba(119, 255, 247, 0.8) 0%,
+    rgba(119, 255, 247, 0) 70%
+  );
+  animation: ${circle3Anim} 4s linear infinite;
+  animation-timing-function: ease-in-out;
+  z-index: 4;
+`,ButtonsWrapper=styled.div`
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  margin-top: 4px;
+`,Step2Text=styled.div`
+  margin-bottom: 4px;
+`;function GuidedTour({api,isFinalStep,onFirstTourDone,onLastTourDone,codeSnippets}){let[stepIndex,setStepIndex]=useState(),theme2=useTheme();useEffect(()=>{api.once(UPDATE_STORY_ARGS,()=>{setStepIndex(3);});},[]);let storyPlaygroundElement=useMemo(()=>document.querySelector("#root div[role=main]")||document.querySelector("#storybook-panel-root"),[]),steps2=isFinalStep?[{target:"#example-button--warning",title:"Congratulations!",content:React32__default.createElement(React32__default.Fragment,null,"You just created your first story. Continue setting up your project to write stories for your own components."),placement:"right",disableOverlay:!0,disableBeacon:!0,floaterProps:{disableAnimation:!0},onNextButtonClick(){onLastTourDone();}}]:[{target:"#storybook-explorer-tree > div",title:"Storybook is built from stories",content:React32__default.createElement(React32__default.Fragment,null,"Storybook stories represent the key states of each of your components.",React32__default.createElement("br",null),React32__default.createElement("br",null),codeSnippets?.filename&&React32__default.createElement(React32__default.Fragment,null,"We automatically added four stories for this Button component in this example file:",React32__default.createElement("br",null),React32__default.createElement(SpanHighlight,null,codeSnippets.filename))),placement:"right",disableBeacon:!0,styles:{spotlight:{transform:"translateY(30px)"}},floaterProps:{disableAnimation:!0}},{target:"#storybook-preview-iframe",title:"Storybook previews are interactive",content:"Whenever you modify code or stories, Storybook automatically updates how it previews your components.",placement:"bottom",styles:{spotlight:{borderRadius:0}}},{target:storyPlaygroundElement,title:"Interactive story playground",content:React32__default.createElement(React32__default.Fragment,null,"See how a story renders with different data and state without touching code.",React32__default.createElement("br",null),React32__default.createElement("br",null),"Try it out by pressing this button.",React32__default.createElement(PulsatingEffect,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary",options:{preventOverflow:{boundariesElement:"window"}}},hideNextButton:!0},{target:"#control-primary",title:"Congratulations!",content:React32__default.createElement(React32__default.Fragment,null,"You learned how to control your stories interactively. Now let's explore how to write your first story.",React32__default.createElement(Confetti2,{numberOfPieces:800,recycle:!1,tweenDuration:2e4})),placement:"right",floaterProps:{options:{preventOverflow:{boundariesElement:"window"}}},disableOverlay:!0}];return React32__default.createElement(components_default,{steps:steps2,continuous:!0,stepIndex,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,callback:data3=>{!isFinalStep&&data3.status===STATUS2.FINISHED&&onFirstTourDone();},floaterProps:{options:{offset:{offset:"0, 6"}},styles:{floater:{padding:0,paddingLeft:8,paddingTop:8,filter:theme2.base==="light"?"drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))":"drop-shadow(#fff5 0px 0px 0.5px) drop-shadow(#fff5 0px 0px 0.5px)"}}},tooltipComponent:Tooltip,styles:{overlay:{mixBlendMode:"unset",backgroundColor:"none"},spotlight:{backgroundColor:"none",border:`solid 2px ${theme2.color.secondary}`,boxShadow:"0px 0px 0px 9999px rgba(0,0,0,0.4)"},options:{zIndex:1e4,primaryColor:theme2.color.secondary,arrowColor:theme2.base==="dark"?"#292A2C":theme2.color.lightest}}})}function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key]);}return target},_extends2.apply(this,arguments)}function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler,ourEventHandler,{checkForDefaultPrevented=!0}={}){return function(event){if(originalEventHandler?.(event),checkForDefaultPrevented===!1||!event.defaultPrevented)return ourEventHandler?.(event)}}function $6ed0406888f73fc4$var$setRef(ref2,value){typeof ref2=="function"?ref2(value):ref2!=null&&(ref2.current=value);}function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs){return node=>refs.forEach(ref2=>$6ed0406888f73fc4$var$setRef(ref2,node))}function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs){return useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs),refs)}function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName,defaultContext){let Context=createContext(defaultContext);function Provider(props){let{children,...context}=props,value=useMemo(()=>context,Object.values(context));return createElement(Context.Provider,{value},children)}function useContext7(consumerName){let context=useContext(Context);if(context)return context;if(defaultContext!==void 0)return defaultContext;throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``)}return Provider.displayName=rootComponentName+"Provider",[Provider,useContext7]}function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName,createContextScopeDeps=[]){let defaultContexts=[];function $c512c27ab02ef895$export$fd42f52fd3ae11092(rootComponentName,defaultContext){let BaseContext=createContext(defaultContext),index2=defaultContexts.length;defaultContexts=[...defaultContexts,defaultContext];function Provider(props){let{scope,children,...context}=props,Context=scope?.[scopeName][index2]||BaseContext,value=useMemo(()=>context,Object.values(context));return createElement(Context.Provider,{value},children)}function useContext7(consumerName,scope){let Context=scope?.[scopeName][index2]||BaseContext,context=useContext(Context);if(context)return context;if(defaultContext!==void 0)return defaultContext;throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``)}return Provider.displayName=rootComponentName+"Provider",[Provider,useContext7]}let createScope=()=>{let scopeContexts=defaultContexts.map(defaultContext=>createContext(defaultContext));return function(scope){let contexts=scope?.[scopeName]||scopeContexts;return useMemo(()=>({[`__scope${scopeName}`]:{...scope,[scopeName]:contexts}}),[scope,contexts])}};return createScope.scopeName=scopeName,[$c512c27ab02ef895$export$fd42f52fd3ae11092,$c512c27ab02ef895$var$composeContextScopes(createScope,...createContextScopeDeps)]}function $c512c27ab02ef895$var$composeContextScopes(...scopes){let baseScope=scopes[0];if(scopes.length===1)return baseScope;let createScope1=()=>{let scopeHooks=scopes.map(createScope=>({useScope:createScope(),scopeName:createScope.scopeName}));return function(overrideScopes){let nextScopes1=scopeHooks.reduce((nextScopes,{useScope,scopeName})=>{let currentScope=useScope(overrideScopes)[`__scope${scopeName}`];return {...nextScopes,...currentScope}},{});return useMemo(()=>({[`__scope${baseScope.scopeName}`]:nextScopes1}),[nextScopes1])}};return createScope1.scopeName=baseScope.scopeName,createScope1}var $9f79659886946c16$export$e5c5a5f917a5871c=globalThis?.document?useLayoutEffect:()=>{};var $1746a345f3d73bb7$var$useReactId=React32["useId".toString()]||(()=>{}),$1746a345f3d73bb7$var$count=0;function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId){let[id3,setId]=React32.useState($1746a345f3d73bb7$var$useReactId());return $9f79659886946c16$export$e5c5a5f917a5871c(()=>{deterministicId||setId(reactId=>reactId??String($1746a345f3d73bb7$var$count++));},[deterministicId]),deterministicId||(id3?`radix-${id3}`:"")}function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback){let callbackRef=useRef(callback);return useEffect(()=>{callbackRef.current=callback;}),useMemo(()=>(...args)=>{var _callbackRef$current;return (_callbackRef$current=callbackRef.current)===null||_callbackRef$current===void 0?void 0:_callbackRef$current.call(callbackRef,...args)},[])}function $71cd76cc60e0454e$export$6f32135080cb4c3({prop,defaultProp,onChange=()=>{}}){let[uncontrolledProp,setUncontrolledProp]=$71cd76cc60e0454e$var$useUncontrolledState({defaultProp,onChange}),isControlled=prop!==void 0,value1=isControlled?prop:uncontrolledProp,handleChange=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange),setValue=useCallback(nextValue=>{if(isControlled){let value=typeof nextValue=="function"?nextValue(prop):nextValue;value!==prop&&handleChange(value);}else setUncontrolledProp(nextValue);},[isControlled,prop,setUncontrolledProp,handleChange]);return [value1,setValue]}function $71cd76cc60e0454e$var$useUncontrolledState({defaultProp,onChange}){let uncontrolledState=useState(defaultProp),[value]=uncontrolledState,prevValueRef=useRef(value),handleChange=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);return useEffect(()=>{prevValueRef.current!==value&&(handleChange(value),prevValueRef.current=value);},[value,prevValueRef,handleChange]),uncontrolledState}var $5e63c961fc1ce211$export$8c6ed5c666ac1360=forwardRef((props,forwardedRef)=>{let{children,...slotProps}=props,childrenArray=Children.toArray(children),slottable=childrenArray.find($5e63c961fc1ce211$var$isSlottable);if(slottable){let newElement=slottable.props.children,newChildren=childrenArray.map(child=>child===slottable?Children.count(newElement)>1?Children.only(null):isValidElement(newElement)?newElement.props.children:null:child);return createElement($5e63c961fc1ce211$var$SlotClone,_extends2({},slotProps,{ref:forwardedRef}),isValidElement(newElement)?cloneElement(newElement,void 0,newChildren):null)}return createElement($5e63c961fc1ce211$var$SlotClone,_extends2({},slotProps,{ref:forwardedRef}),children)});$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName="Slot";var $5e63c961fc1ce211$var$SlotClone=forwardRef((props,forwardedRef)=>{let{children,...slotProps}=props;return isValidElement(children)?cloneElement(children,{...$5e63c961fc1ce211$var$mergeProps(slotProps,children.props),ref:forwardedRef?$6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef,children.ref):children.ref}):Children.count(children)>1?Children.only(null):null});$5e63c961fc1ce211$var$SlotClone.displayName="SlotClone";var $5e63c961fc1ce211$export$d9f1ccf0bdb05d45=({children})=>createElement(Fragment,null,children);function $5e63c961fc1ce211$var$isSlottable(child){return isValidElement(child)&&child.type===$5e63c961fc1ce211$export$d9f1ccf0bdb05d45}function $5e63c961fc1ce211$var$mergeProps(slotProps,childProps){let overrideProps={...childProps};for(let propName in childProps){let slotPropValue=slotProps[propName],childPropValue=childProps[propName];/^on[A-Z]/.test(propName)?slotPropValue&&childPropValue?overrideProps[propName]=(...args)=>{childPropValue(...args),slotPropValue(...args);}:slotPropValue&&(overrideProps[propName]=slotPropValue):propName==="style"?overrideProps[propName]={...slotPropValue,...childPropValue}:propName==="className"&&(overrideProps[propName]=[slotPropValue,childPropValue].filter(Boolean).join(" "));}return {...slotProps,...overrideProps}}var $8927f6f2acc4f386$var$NODES=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],$8927f6f2acc4f386$export$250ffa63cdc0d034=$8927f6f2acc4f386$var$NODES.reduce((primitive,node)=>{let Node2=forwardRef((props,forwardedRef)=>{let{asChild,...primitiveProps}=props,Comp=asChild?$5e63c961fc1ce211$export$8c6ed5c666ac1360:node;return useEffect(()=>{window[Symbol.for("radix-ui")]=!0;},[]),createElement(Comp,_extends2({},primitiveProps,{ref:forwardedRef}))});return Node2.displayName=`Primitive.${node}`,{...primitive,[node]:Node2}},{});function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target,event){target&&flushSync(()=>target.dispatchEvent(event));}function $addc16e1bbe58fd0$export$3a72a57244d6e765(onEscapeKeyDownProp,ownerDocument=globalThis?.document){let onEscapeKeyDown=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEscapeKeyDownProp);useEffect(()=>{let handleKeyDown=event=>{event.key==="Escape"&&onEscapeKeyDown(event);};return ownerDocument.addEventListener("keydown",handleKeyDown),()=>ownerDocument.removeEventListener("keydown",handleKeyDown)},[onEscapeKeyDown,ownerDocument]);}var $5cb92bef7577960e$var$CONTEXT_UPDATE="dismissableLayer.update",$5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE="dismissableLayer.pointerDownOutside",$5cb92bef7577960e$var$FOCUS_OUTSIDE="dismissableLayer.focusOutside",$5cb92bef7577960e$var$originalBodyPointerEvents,$5cb92bef7577960e$var$DismissableLayerContext=createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),$5cb92bef7577960e$export$177fb62ff3ec1f22=forwardRef((props,forwardedRef)=>{var _node$ownerDocument;let{disableOutsidePointerEvents=!1,onEscapeKeyDown,onPointerDownOutside,onFocusOutside,onInteractOutside,onDismiss,...layerProps}=props,context=useContext($5cb92bef7577960e$var$DismissableLayerContext),[node1,setNode]=useState(null),ownerDocument=(_node$ownerDocument=node1?.ownerDocument)!==null&&_node$ownerDocument!==void 0?_node$ownerDocument:globalThis?.document,[,force]=useState({}),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setNode(node)),layers=Array.from(context.layers),[highestLayerWithOutsidePointerEventsDisabled]=[...context.layersWithOutsidePointerEventsDisabled].slice(-1),highestLayerWithOutsidePointerEventsDisabledIndex=layers.indexOf(highestLayerWithOutsidePointerEventsDisabled),index2=node1?layers.indexOf(node1):-1,isBodyPointerEventsDisabled=context.layersWithOutsidePointerEventsDisabled.size>0,isPointerEventsEnabled=index2>=highestLayerWithOutsidePointerEventsDisabledIndex,pointerDownOutside=$5cb92bef7577960e$var$usePointerDownOutside(event=>{let target=event.target,isPointerDownOnBranch=[...context.branches].some(branch=>branch.contains(target));!isPointerEventsEnabled||isPointerDownOnBranch||(onPointerDownOutside?.(event),onInteractOutside?.(event),event.defaultPrevented||onDismiss?.());},ownerDocument),focusOutside=$5cb92bef7577960e$var$useFocusOutside(event=>{let target=event.target;[...context.branches].some(branch=>branch.contains(target))||(onFocusOutside?.(event),onInteractOutside?.(event),event.defaultPrevented||onDismiss?.());},ownerDocument);return $addc16e1bbe58fd0$export$3a72a57244d6e765(event=>{index2===context.layers.size-1&&(onEscapeKeyDown?.(event),!event.defaultPrevented&&onDismiss&&(event.preventDefault(),onDismiss()));},ownerDocument),useEffect(()=>{if(node1)return disableOutsidePointerEvents&&(context.layersWithOutsidePointerEventsDisabled.size===0&&($5cb92bef7577960e$var$originalBodyPointerEvents=ownerDocument.body.style.pointerEvents,ownerDocument.body.style.pointerEvents="none"),context.layersWithOutsidePointerEventsDisabled.add(node1)),context.layers.add(node1),$5cb92bef7577960e$var$dispatchUpdate(),()=>{disableOutsidePointerEvents&&context.layersWithOutsidePointerEventsDisabled.size===1&&(ownerDocument.body.style.pointerEvents=$5cb92bef7577960e$var$originalBodyPointerEvents);}},[node1,ownerDocument,disableOutsidePointerEvents,context]),useEffect(()=>()=>{node1&&(context.layers.delete(node1),context.layersWithOutsidePointerEventsDisabled.delete(node1),$5cb92bef7577960e$var$dispatchUpdate());},[node1,context]),useEffect(()=>{let handleUpdate=()=>force({});return document.addEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE,handleUpdate),()=>document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE,handleUpdate)},[]),createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends2({},layerProps,{ref:composedRefs,style:{pointerEvents:isBodyPointerEventsDisabled?isPointerEventsEnabled?"auto":"none":void 0,...props.style},onFocusCapture:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusCapture,focusOutside.onFocusCapture),onBlurCapture:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onBlurCapture,focusOutside.onBlurCapture),onPointerDownCapture:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownCapture,pointerDownOutside.onPointerDownCapture)}))});function $5cb92bef7577960e$var$usePointerDownOutside(onPointerDownOutside,ownerDocument=globalThis?.document){let handlePointerDownOutside=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPointerDownOutside),isPointerInsideReactTreeRef=useRef(!1),handleClickRef=useRef(()=>{});return useEffect(()=>{let handlePointerDown=event=>{if(event.target&&!isPointerInsideReactTreeRef.current){let handleAndDispatchPointerDownOutsideEvent2=function(){$5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE,handlePointerDownOutside,eventDetail,{discrete:!0});};let eventDetail={originalEvent:event};event.pointerType==="touch"?(ownerDocument.removeEventListener("click",handleClickRef.current),handleClickRef.current=handleAndDispatchPointerDownOutsideEvent2,ownerDocument.addEventListener("click",handleClickRef.current,{once:!0})):handleAndDispatchPointerDownOutsideEvent2();}else ownerDocument.removeEventListener("click",handleClickRef.current);isPointerInsideReactTreeRef.current=!1;},timerId=window.setTimeout(()=>{ownerDocument.addEventListener("pointerdown",handlePointerDown);},0);return ()=>{window.clearTimeout(timerId),ownerDocument.removeEventListener("pointerdown",handlePointerDown),ownerDocument.removeEventListener("click",handleClickRef.current);}},[ownerDocument,handlePointerDownOutside]),{onPointerDownCapture:()=>isPointerInsideReactTreeRef.current=!0}}function $5cb92bef7577960e$var$useFocusOutside(onFocusOutside,ownerDocument=globalThis?.document){let handleFocusOutside=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onFocusOutside),isFocusInsideReactTreeRef=useRef(!1);return useEffect(()=>{let handleFocus=event=>{event.target&&!isFocusInsideReactTreeRef.current&&$5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$FOCUS_OUTSIDE,handleFocusOutside,{originalEvent:event},{discrete:!1});};return ownerDocument.addEventListener("focusin",handleFocus),()=>ownerDocument.removeEventListener("focusin",handleFocus)},[ownerDocument,handleFocusOutside]),{onFocusCapture:()=>isFocusInsideReactTreeRef.current=!0,onBlurCapture:()=>isFocusInsideReactTreeRef.current=!1}}function $5cb92bef7577960e$var$dispatchUpdate(){let event=new CustomEvent($5cb92bef7577960e$var$CONTEXT_UPDATE);document.dispatchEvent(event);}function $5cb92bef7577960e$var$handleAndDispatchCustomEvent(name,handler,detail,{discrete}){let target=detail.originalEvent.target,event=new CustomEvent(name,{bubbles:!1,cancelable:!0,detail});handler&&target.addEventListener(name,handler,{once:!0}),discrete?$8927f6f2acc4f386$export$6d1a0317bde7de7f(target,event):target.dispatchEvent(event);}var $d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT="focusScope.autoFocusOnMount",$d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT="focusScope.autoFocusOnUnmount",$d3863c46a17e8a28$var$EVENT_OPTIONS={bubbles:!1,cancelable:!0};var $d3863c46a17e8a28$export$20e40289641fbbb6=forwardRef((props,forwardedRef)=>{let{loop=!1,trapped=!1,onMountAutoFocus:onMountAutoFocusProp,onUnmountAutoFocus:onUnmountAutoFocusProp,...scopeProps}=props,[container1,setContainer]=useState(null),onMountAutoFocus=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onMountAutoFocusProp),onUnmountAutoFocus=$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onUnmountAutoFocusProp),lastFocusedElementRef=useRef(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,node=>setContainer(node)),focusScope=useRef({paused:!1,pause(){this.paused=!0;},resume(){this.paused=!1;}}).current;useEffect(()=>{if(trapped){let handleFocusIn2=function(event){if(focusScope.paused||!container1)return;let target=event.target;container1.contains(target)?lastFocusedElementRef.current=target:$d3863c46a17e8a28$var$focus(lastFocusedElementRef.current,{select:!0});},handleFocusOut2=function(event){if(focusScope.paused||!container1)return;let relatedTarget=event.relatedTarget;relatedTarget!==null&&(container1.contains(relatedTarget)||$d3863c46a17e8a28$var$focus(lastFocusedElementRef.current,{select:!0}));},handleMutations2=function(mutations){if(document.activeElement===document.body)for(let mutation of mutations)mutation.removedNodes.length>0&&$d3863c46a17e8a28$var$focus(container1);};document.addEventListener("focusin",handleFocusIn2),document.addEventListener("focusout",handleFocusOut2);let mutationObserver=new MutationObserver(handleMutations2);return container1&&mutationObserver.observe(container1,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",handleFocusIn2),document.removeEventListener("focusout",handleFocusOut2),mutationObserver.disconnect();}}},[trapped,container1,focusScope.paused]),useEffect(()=>{if(container1){$d3863c46a17e8a28$var$focusScopesStack.add(focusScope);let previouslyFocusedElement=document.activeElement;if(!container1.contains(previouslyFocusedElement)){let mountEvent=new CustomEvent($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT,$d3863c46a17e8a28$var$EVENT_OPTIONS);container1.addEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT,onMountAutoFocus),container1.dispatchEvent(mountEvent),mountEvent.defaultPrevented||($d3863c46a17e8a28$var$focusFirst($d3863c46a17e8a28$var$removeLinks($d3863c46a17e8a28$var$getTabbableCandidates(container1)),{select:!0}),document.activeElement===previouslyFocusedElement&&$d3863c46a17e8a28$var$focus(container1));}return ()=>{container1.removeEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT,onMountAutoFocus),setTimeout(()=>{let unmountEvent=new CustomEvent($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT,$d3863c46a17e8a28$var$EVENT_OPTIONS);container1.addEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT,onUnmountAutoFocus),container1.dispatchEvent(unmountEvent),unmountEvent.defaultPrevented||$d3863c46a17e8a28$var$focus(previouslyFocusedElement??document.body,{select:!0}),container1.removeEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT,onUnmountAutoFocus),$d3863c46a17e8a28$var$focusScopesStack.remove(focusScope);},0);}}},[container1,onMountAutoFocus,onUnmountAutoFocus,focusScope]);let handleKeyDown=useCallback(event=>{if(!loop&&!trapped||focusScope.paused)return;let isTabKey=event.key==="Tab"&&!event.altKey&&!event.ctrlKey&&!event.metaKey,focusedElement=document.activeElement;if(isTabKey&&focusedElement){let container=event.currentTarget,[first,last]=$d3863c46a17e8a28$var$getTabbableEdges(container);first&&last?!event.shiftKey&&focusedElement===last?(event.preventDefault(),loop&&$d3863c46a17e8a28$var$focus(first,{select:!0})):event.shiftKey&&focusedElement===first&&(event.preventDefault(),loop&&$d3863c46a17e8a28$var$focus(last,{select:!0})):focusedElement===container&&event.preventDefault();}},[loop,trapped,focusScope.paused]);return createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends2({tabIndex:-1},scopeProps,{ref:composedRefs,onKeyDown:handleKeyDown}))});function $d3863c46a17e8a28$var$focusFirst(candidates,{select=!1}={}){let previouslyFocusedElement=document.activeElement;for(let candidate of candidates)if($d3863c46a17e8a28$var$focus(candidate,{select}),document.activeElement!==previouslyFocusedElement)return}function $d3863c46a17e8a28$var$getTabbableEdges(container){let candidates=$d3863c46a17e8a28$var$getTabbableCandidates(container),first=$d3863c46a17e8a28$var$findVisible(candidates,container),last=$d3863c46a17e8a28$var$findVisible(candidates.reverse(),container);return [first,last]}function $d3863c46a17e8a28$var$getTabbableCandidates(container){let nodes=[],walker=document.createTreeWalker(container,NodeFilter.SHOW_ELEMENT,{acceptNode:node=>{let isHiddenInput=node.tagName==="INPUT"&&node.type==="hidden";return node.disabled||node.hidden||isHiddenInput?NodeFilter.FILTER_SKIP:node.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;walker.nextNode();)nodes.push(walker.currentNode);return nodes}function $d3863c46a17e8a28$var$findVisible(elements,container){for(let element of elements)if(!$d3863c46a17e8a28$var$isHidden(element,{upTo:container}))return element}function $d3863c46a17e8a28$var$isHidden(node,{upTo}){if(getComputedStyle(node).visibility==="hidden")return !0;for(;node;){if(upTo!==void 0&&node===upTo)return !1;if(getComputedStyle(node).display==="none")return !0;node=node.parentElement;}return !1}function $d3863c46a17e8a28$var$isSelectableInput(element){return element instanceof HTMLInputElement&&"select"in element}function $d3863c46a17e8a28$var$focus(element,{select=!1}={}){if(element&&element.focus){let previouslyFocusedElement=document.activeElement;element.focus({preventScroll:!0}),element!==previouslyFocusedElement&&$d3863c46a17e8a28$var$isSelectableInput(element)&&select&&element.select();}}var $d3863c46a17e8a28$var$focusScopesStack=$d3863c46a17e8a28$var$createFocusScopesStack();function $d3863c46a17e8a28$var$createFocusScopesStack(){let stack=[];return {add(focusScope){let activeFocusScope=stack[0];focusScope!==activeFocusScope&&activeFocusScope?.pause(),stack=$d3863c46a17e8a28$var$arrayRemove(stack,focusScope),stack.unshift(focusScope);},remove(focusScope){var _stack$;stack=$d3863c46a17e8a28$var$arrayRemove(stack,focusScope),(_stack$=stack[0])===null||_stack$===void 0||_stack$.resume();}}}function $d3863c46a17e8a28$var$arrayRemove(array,item){let updatedArray=[...array],index2=updatedArray.indexOf(item);return index2!==-1&&updatedArray.splice(index2,1),updatedArray}function $d3863c46a17e8a28$var$removeLinks(items){return items.filter(item=>item.tagName!=="A")}var $f1701beae083dbae$export$602eac185826482c=forwardRef((props,forwardedRef)=>{var _globalThis$document;let{container=globalThis==null||(_globalThis$document=globalThis.document)===null||_globalThis$document===void 0?void 0:_globalThis$document.body,...portalProps}=props;return container?ReactDOM__default.createPortal(createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends2({},portalProps,{ref:forwardedRef})),container):null});function $fe963b355347cc68$export$3e6543de14f8614f(initialState,machine){return useReducer((state,event)=>{let nextState=machine[state][event];return nextState??state},initialState)}var $921a889cee6df7e8$export$99c2b779aa4e8b8b=props=>{let{present,children}=props,presence=$921a889cee6df7e8$var$usePresence(present),child=typeof children=="function"?children({present:presence.isPresent}):Children.only(children),ref2=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(presence.ref,child.ref);return typeof children=="function"||presence.isPresent?cloneElement(child,{ref:ref2}):null};$921a889cee6df7e8$export$99c2b779aa4e8b8b.displayName="Presence";function $921a889cee6df7e8$var$usePresence(present){let[node1,setNode]=useState(),stylesRef=useRef({}),prevPresentRef=useRef(present),prevAnimationNameRef=useRef("none"),initialState=present?"mounted":"unmounted",[state,send]=$fe963b355347cc68$export$3e6543de14f8614f(initialState,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return useEffect(()=>{let currentAnimationName=$921a889cee6df7e8$var$getAnimationName(stylesRef.current);prevAnimationNameRef.current=state==="mounted"?currentAnimationName:"none";},[state]),$9f79659886946c16$export$e5c5a5f917a5871c(()=>{let styles=stylesRef.current,wasPresent=prevPresentRef.current;if(wasPresent!==present){let prevAnimationName=prevAnimationNameRef.current,currentAnimationName=$921a889cee6df7e8$var$getAnimationName(styles);present?send("MOUNT"):currentAnimationName==="none"||styles?.display==="none"?send("UNMOUNT"):send(wasPresent&&prevAnimationName!==currentAnimationName?"ANIMATION_OUT":"UNMOUNT"),prevPresentRef.current=present;}},[present,send]),$9f79659886946c16$export$e5c5a5f917a5871c(()=>{if(node1){let handleAnimationEnd=event=>{let isCurrentAnimation=$921a889cee6df7e8$var$getAnimationName(stylesRef.current).includes(event.animationName);event.target===node1&&isCurrentAnimation&&flushSync(()=>send("ANIMATION_END"));},handleAnimationStart=event=>{event.target===node1&&(prevAnimationNameRef.current=$921a889cee6df7e8$var$getAnimationName(stylesRef.current));};return node1.addEventListener("animationstart",handleAnimationStart),node1.addEventListener("animationcancel",handleAnimationEnd),node1.addEventListener("animationend",handleAnimationEnd),()=>{node1.removeEventListener("animationstart",handleAnimationStart),node1.removeEventListener("animationcancel",handleAnimationEnd),node1.removeEventListener("animationend",handleAnimationEnd);}}else send("ANIMATION_END");},[node1,send]),{isPresent:["mounted","unmountSuspended"].includes(state),ref:useCallback(node=>{node&&(stylesRef.current=getComputedStyle(node)),setNode(node);},[])}}function $921a889cee6df7e8$var$getAnimationName(styles){return styles?.animationName||"none"}var $3db38b7d1fb3fe6a$var$count=0;function $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c(){useEffect(()=>{var _edgeGuards$,_edgeGuards$2;let edgeGuards=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",(_edgeGuards$=edgeGuards[0])!==null&&_edgeGuards$!==void 0?_edgeGuards$:$3db38b7d1fb3fe6a$var$createFocusGuard()),document.body.insertAdjacentElement("beforeend",(_edgeGuards$2=edgeGuards[1])!==null&&_edgeGuards$2!==void 0?_edgeGuards$2:$3db38b7d1fb3fe6a$var$createFocusGuard()),$3db38b7d1fb3fe6a$var$count++,()=>{$3db38b7d1fb3fe6a$var$count===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(node=>node.remove()),$3db38b7d1fb3fe6a$var$count--;}},[]);}function $3db38b7d1fb3fe6a$var$createFocusGuard(){let element=document.createElement("span");return element.setAttribute("data-radix-focus-guard",""),element.tabIndex=0,element.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",element}var __assign=function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);}return t},__assign.apply(this,arguments)};function __rest(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t}function __spreadArray(to,from,pack){if(pack||arguments.length===2)for(var i=0,l=from.length,ar;i<l;i++)(ar||!(i in from))&&(ar||(ar=Array.prototype.slice.call(from,0,i)),ar[i]=from[i]);return to.concat(ar||Array.prototype.slice.call(from))}var zeroRightClassName="right-scroll-bar-position",fullWidthClassName="width-before-scroll-bar",noScrollbarsClassName="with-scroll-bars-hidden",removedBarSizeVariable="--removed-body-scroll-bar-size";function assignRef(ref2,value){return typeof ref2=="function"?ref2(value):ref2&&(ref2.current=value),ref2}function useCallbackRef(initialValue,callback){var ref2=useState(function(){return {value:initialValue,callback,facade:{get current(){return ref2.value},set current(value){var last=ref2.value;last!==value&&(ref2.value=value,ref2.callback(value,last));}}}})[0];return ref2.callback=callback,ref2.facade}var currentValues=new WeakMap;function useMergeRefs(refs,defaultValue){var callbackRef=useCallbackRef(defaultValue||null,function(newValue){return refs.forEach(function(ref2){return assignRef(ref2,newValue)})});return React32.useLayoutEffect(function(){var oldValue=currentValues.get(callbackRef);if(oldValue){var prevRefs_1=new Set(oldValue),nextRefs_1=new Set(refs),current_1=callbackRef.current;prevRefs_1.forEach(function(ref2){nextRefs_1.has(ref2)||assignRef(ref2,null);}),nextRefs_1.forEach(function(ref2){prevRefs_1.has(ref2)||assignRef(ref2,current_1);});}currentValues.set(callbackRef,refs);},[refs]),callbackRef}function ItoI(a){return a}function innerCreateMedium(defaults,middleware){middleware===void 0&&(middleware=ItoI);var buffer=[],assigned=!1,medium={read:function(){if(assigned)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return buffer.length?buffer[buffer.length-1]:defaults},useMedium:function(data3){var item=middleware(data3,assigned);return buffer.push(item),function(){buffer=buffer.filter(function(x){return x!==item});}},assignSyncMedium:function(cb){for(assigned=!0;buffer.length;){var cbs=buffer;buffer=[],cbs.forEach(cb);}buffer={push:function(x){return cb(x)},filter:function(){return buffer}};},assignMedium:function(cb){assigned=!0;var pendingQueue=[];if(buffer.length){var cbs=buffer;buffer=[],cbs.forEach(cb),pendingQueue=buffer;}var executeQueue=function(){var cbs2=pendingQueue;pendingQueue=[],cbs2.forEach(cb);},cycle=function(){return Promise.resolve().then(executeQueue)};cycle(),buffer={push:function(x){pendingQueue.push(x),cycle();},filter:function(filter2){return pendingQueue=pendingQueue.filter(filter2),buffer}};}};return medium}function createSidecarMedium(options){options===void 0&&(options={});var medium=innerCreateMedium(null);return medium.options=__assign({async:!0,ssr:!1},options),medium}var SideCar=function(_a){var sideCar=_a.sideCar,rest=__rest(_a,["sideCar"]);if(!sideCar)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var Target=sideCar.read();if(!Target)throw new Error("Sidecar medium not found");return React32.createElement(Target,__assign({},rest))};SideCar.isSideCarExport=!0;function exportSidecar(medium,exported){return medium.useMedium(exported),SideCar}var effectCar=createSidecarMedium();var nothing=function(){},RemoveScroll=React32.forwardRef(function(props,parentRef){var ref2=React32.useRef(null),_a=React32.useState({onScrollCapture:nothing,onWheelCapture:nothing,onTouchMoveCapture:nothing}),callbacks=_a[0],setCallbacks=_a[1],forwardProps=props.forwardProps,children=props.children,className=props.className,removeScrollBar=props.removeScrollBar,enabled=props.enabled,shards=props.shards,sideCar=props.sideCar,noIsolation=props.noIsolation,inert=props.inert,allowPinchZoom=props.allowPinchZoom,_b=props.as,Container2=_b===void 0?"div":_b,rest=__rest(props,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),SideCar2=sideCar,containerRef=useMergeRefs([ref2,parentRef]),containerProps=__assign(__assign({},rest),callbacks);return React32.createElement(React32.Fragment,null,enabled&&React32.createElement(SideCar2,{sideCar:effectCar,removeScrollBar,shards,noIsolation,inert,setCallbacks,allowPinchZoom:!!allowPinchZoom,lockRef:ref2}),forwardProps?React32.cloneElement(React32.Children.only(children),__assign(__assign({},containerProps),{ref:containerRef})):React32.createElement(Container2,__assign({},containerProps,{className,ref:containerRef}),children))});RemoveScroll.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};RemoveScroll.classNames={fullWidth:fullWidthClassName,zeroRight:zeroRightClassName};var getNonce=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function makeStyleTag(){if(!document)return null;var tag=document.createElement("style");tag.type="text/css";var nonce=getNonce();return nonce&&tag.setAttribute("nonce",nonce),tag}function injectStyles(tag,css2){tag.styleSheet?tag.styleSheet.cssText=css2:tag.appendChild(document.createTextNode(css2));}function insertStyleTag(tag){var head=document.head||document.getElementsByTagName("head")[0];head.appendChild(tag);}var stylesheetSingleton=function(){var counter=0,stylesheet=null;return {add:function(style){counter==0&&(stylesheet=makeStyleTag())&&(injectStyles(stylesheet,style),insertStyleTag(stylesheet)),counter++;},remove:function(){counter--,!counter&&stylesheet&&(stylesheet.parentNode&&stylesheet.parentNode.removeChild(stylesheet),stylesheet=null);}}};var styleHookSingleton=function(){var sheet=stylesheetSingleton();return function(styles,isDynamic){React32.useEffect(function(){return sheet.add(styles),function(){sheet.remove();}},[styles&&isDynamic]);}};var styleSingleton=function(){var useStyle2=styleHookSingleton(),Sheet=function(_a){var styles=_a.styles,dynamic=_a.dynamic;return useStyle2(styles,dynamic),null};return Sheet};var zeroGap={left:0,top:0,right:0,gap:0},parse=function(x){return parseInt(x||"",10)||0},getOffset=function(gapMode){var cs=window.getComputedStyle(document.body),left=cs[gapMode==="padding"?"paddingLeft":"marginLeft"],top=cs[gapMode==="padding"?"paddingTop":"marginTop"],right=cs[gapMode==="padding"?"paddingRight":"marginRight"];return [parse(left),parse(top),parse(right)]},getGapWidth=function(gapMode){if(gapMode===void 0&&(gapMode="margin"),typeof window>"u")return zeroGap;var offsets=getOffset(gapMode),documentWidth=document.documentElement.clientWidth,windowWidth=window.innerWidth;return {left:offsets[0],top:offsets[1],right:offsets[2],gap:Math.max(0,windowWidth-documentWidth+offsets[2]-offsets[0])}};var Style=styleSingleton(),lockAttribute="data-scroll-locked",getStyles3=function(_a,allowRelative,gapMode,important){var left=_a.left,top=_a.top,right=_a.right,gap=_a.gap;return gapMode===void 0&&(gapMode="margin"),`
+  .`.concat(noScrollbarsClassName,` {
+   overflow: hidden `).concat(important,`;
+   padding-right: `).concat(gap,"px ").concat(important,`;
+  }
+  body[`).concat(lockAttribute,`] {
+    overflow: hidden `).concat(important,`;
+    overscroll-behavior: contain;
+    `).concat([allowRelative&&"position: relative ".concat(important,";"),gapMode==="margin"&&`
+    padding-left: `.concat(left,`px;
+    padding-top: `).concat(top,`px;
+    padding-right: `).concat(right,`px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(gap,"px ").concat(important,`;
+    `),gapMode==="padding"&&"padding-right: ".concat(gap,"px ").concat(important,";")].filter(Boolean).join(""),`
+  }
+  
+  .`).concat(zeroRightClassName,` {
+    right: `).concat(gap,"px ").concat(important,`;
+  }
+  
+  .`).concat(fullWidthClassName,` {
+    margin-right: `).concat(gap,"px ").concat(important,`;
+  }
+  
+  .`).concat(zeroRightClassName," .").concat(zeroRightClassName,` {
+    right: 0 `).concat(important,`;
+  }
+  
+  .`).concat(fullWidthClassName," .").concat(fullWidthClassName,` {
+    margin-right: 0 `).concat(important,`;
+  }
+  
+  body[`).concat(lockAttribute,`] {
+    `).concat(removedBarSizeVariable,": ").concat(gap,`px;
+  }
+`)},RemoveScrollBar=function(props){var noRelative=props.noRelative,noImportant=props.noImportant,_a=props.gapMode,gapMode=_a===void 0?"margin":_a,gap=React32.useMemo(function(){return getGapWidth(gapMode)},[gapMode]);return React32.useEffect(function(){return document.body.setAttribute(lockAttribute,""),function(){document.body.removeAttribute(lockAttribute);}},[]),React32.createElement(Style,{styles:getStyles3(gap,!noRelative,gapMode,noImportant?"":"!important")})};var passiveSupported=!1;if(typeof window<"u")try{options=Object.defineProperty({},"passive",{get:function(){return passiveSupported=!0,!0}}),window.addEventListener("test",options,options),window.removeEventListener("test",options,options);}catch{passiveSupported=!1;}var options,nonPassive=passiveSupported?{passive:!1}:!1;var alwaysContainsScroll=function(node){return node.tagName==="TEXTAREA"},elementCanBeScrolled=function(node,overflow){var styles=window.getComputedStyle(node);return styles[overflow]!=="hidden"&&!(styles.overflowY===styles.overflowX&&!alwaysContainsScroll(node)&&styles[overflow]==="visible")},elementCouldBeVScrolled=function(node){return elementCanBeScrolled(node,"overflowY")},elementCouldBeHScrolled=function(node){return elementCanBeScrolled(node,"overflowX")},locationCouldBeScrolled=function(axis,node){var current=node;do{typeof ShadowRoot<"u"&&current instanceof ShadowRoot&&(current=current.host);var isScrollable=elementCouldBeScrolled(axis,current);if(isScrollable){var _a=getScrollVariables(axis,current),s=_a[1],d=_a[2];if(s>d)return !0}current=current.parentNode;}while(current&&current!==document.body);return !1},getVScrollVariables=function(_a){var scrollTop=_a.scrollTop,scrollHeight=_a.scrollHeight,clientHeight=_a.clientHeight;return [scrollTop,scrollHeight,clientHeight]},getHScrollVariables=function(_a){var scrollLeft=_a.scrollLeft,scrollWidth=_a.scrollWidth,clientWidth=_a.clientWidth;return [scrollLeft,scrollWidth,clientWidth]},elementCouldBeScrolled=function(axis,node){return axis==="v"?elementCouldBeVScrolled(node):elementCouldBeHScrolled(node)},getScrollVariables=function(axis,node){return axis==="v"?getVScrollVariables(node):getHScrollVariables(node)},getDirectionFactor=function(axis,direction){return axis==="h"&&direction==="rtl"?-1:1},handleScroll=function(axis,endTarget,event,sourceDelta,noOverscroll){var directionFactor=getDirectionFactor(axis,window.getComputedStyle(endTarget).direction),delta=directionFactor*sourceDelta,target=event.target,targetInLock=endTarget.contains(target),shouldCancelScroll=!1,isDeltaPositive=delta>0,availableScroll=0,availableScrollTop=0;do{var _a=getScrollVariables(axis,target),position=_a[0],scroll_1=_a[1],capacity=_a[2],elementScroll=scroll_1-capacity-directionFactor*position;(position||elementScroll)&&elementCouldBeScrolled(axis,target)&&(availableScroll+=elementScroll,availableScrollTop+=position),target=target.parentNode;}while(!targetInLock&&target!==document.body||targetInLock&&(endTarget.contains(target)||endTarget===target));return (isDeltaPositive&&(noOverscroll&&availableScroll===0||!noOverscroll&&delta>availableScroll)||!isDeltaPositive&&(noOverscroll&&availableScrollTop===0||!noOverscroll&&-delta>availableScrollTop))&&(shouldCancelScroll=!0),shouldCancelScroll};var getTouchXY=function(event){return "changedTouches"in event?[event.changedTouches[0].clientX,event.changedTouches[0].clientY]:[0,0]},getDeltaXY=function(event){return [event.deltaX,event.deltaY]},extractRef=function(ref2){return ref2&&"current"in ref2?ref2.current:ref2},deltaCompare=function(x,y){return x[0]===y[0]&&x[1]===y[1]},generateStyle=function(id3){return `
+  .block-interactivity-`.concat(id3,` {pointer-events: none;}
+  .allow-interactivity-`).concat(id3,` {pointer-events: all;}
+`)},idCounter=0,lockStack=[];function RemoveScrollSideCar(props){var shouldPreventQueue=React32.useRef([]),touchStartRef=React32.useRef([0,0]),activeAxis=React32.useRef(),id3=React32.useState(idCounter++)[0],Style2=React32.useState(function(){return styleSingleton()})[0],lastProps=React32.useRef(props);React32.useEffect(function(){lastProps.current=props;},[props]),React32.useEffect(function(){if(props.inert){document.body.classList.add("block-interactivity-".concat(id3));var allow_1=__spreadArray([props.lockRef.current],(props.shards||[]).map(extractRef),!0).filter(Boolean);return allow_1.forEach(function(el){return el.classList.add("allow-interactivity-".concat(id3))}),function(){document.body.classList.remove("block-interactivity-".concat(id3)),allow_1.forEach(function(el){return el.classList.remove("allow-interactivity-".concat(id3))});}}},[props.inert,props.lockRef.current,props.shards]);var shouldCancelEvent=React32.useCallback(function(event,parent){if("touches"in event&&event.touches.length===2)return !lastProps.current.allowPinchZoom;var touch=getTouchXY(event),touchStart=touchStartRef.current,deltaX="deltaX"in event?event.deltaX:touchStart[0]-touch[0],deltaY="deltaY"in event?event.deltaY:touchStart[1]-touch[1],currentAxis,target=event.target,moveDirection=Math.abs(deltaX)>Math.abs(deltaY)?"h":"v";if("touches"in event&&moveDirection==="h"&&target.type==="range")return !1;var canBeScrolledInMainDirection=locationCouldBeScrolled(moveDirection,target);if(!canBeScrolledInMainDirection)return !0;if(canBeScrolledInMainDirection?currentAxis=moveDirection:(currentAxis=moveDirection==="v"?"h":"v",canBeScrolledInMainDirection=locationCouldBeScrolled(moveDirection,target)),!canBeScrolledInMainDirection)return !1;if(!activeAxis.current&&"changedTouches"in event&&(deltaX||deltaY)&&(activeAxis.current=currentAxis),!currentAxis)return !0;var cancelingAxis=activeAxis.current||currentAxis;return handleScroll(cancelingAxis,parent,event,cancelingAxis==="h"?deltaX:deltaY,!0)},[]),shouldPrevent=React32.useCallback(function(_event){var event=_event;if(!(!lockStack.length||lockStack[lockStack.length-1]!==Style2)){var delta="deltaY"in event?getDeltaXY(event):getTouchXY(event),sourceEvent=shouldPreventQueue.current.filter(function(e){return e.name===event.type&&e.target===event.target&&deltaCompare(e.delta,delta)})[0];if(sourceEvent&&sourceEvent.should){event.cancelable&&event.preventDefault();return}if(!sourceEvent){var shardNodes=(lastProps.current.shards||[]).map(extractRef).filter(Boolean).filter(function(node){return node.contains(event.target)}),shouldStop=shardNodes.length>0?shouldCancelEvent(event,shardNodes[0]):!lastProps.current.noIsolation;shouldStop&&event.cancelable&&event.preventDefault();}}},[]),shouldCancel=React32.useCallback(function(name,delta,target,should){var event={name,delta,target,should};shouldPreventQueue.current.push(event),setTimeout(function(){shouldPreventQueue.current=shouldPreventQueue.current.filter(function(e){return e!==event});},1);},[]),scrollTouchStart=React32.useCallback(function(event){touchStartRef.current=getTouchXY(event),activeAxis.current=void 0;},[]),scrollWheel=React32.useCallback(function(event){shouldCancel(event.type,getDeltaXY(event),event.target,shouldCancelEvent(event,props.lockRef.current));},[]),scrollTouchMove=React32.useCallback(function(event){shouldCancel(event.type,getTouchXY(event),event.target,shouldCancelEvent(event,props.lockRef.current));},[]);React32.useEffect(function(){return lockStack.push(Style2),props.setCallbacks({onScrollCapture:scrollWheel,onWheelCapture:scrollWheel,onTouchMoveCapture:scrollTouchMove}),document.addEventListener("wheel",shouldPrevent,nonPassive),document.addEventListener("touchmove",shouldPrevent,nonPassive),document.addEventListener("touchstart",scrollTouchStart,nonPassive),function(){lockStack=lockStack.filter(function(inst){return inst!==Style2}),document.removeEventListener("wheel",shouldPrevent,nonPassive),document.removeEventListener("touchmove",shouldPrevent,nonPassive),document.removeEventListener("touchstart",scrollTouchStart,nonPassive);}},[]);var removeScrollBar=props.removeScrollBar,inert=props.inert;return React32.createElement(React32.Fragment,null,inert?React32.createElement(Style2,{styles:generateStyle(id3)}):null,removeScrollBar?React32.createElement(RemoveScrollBar,{gapMode:"margin"}):null)}var sidecar_default=exportSidecar(effectCar,RemoveScrollSideCar);var ReactRemoveScroll=React32.forwardRef(function(props,ref2){return React32.createElement(RemoveScroll,__assign({},props,{ref:ref2,sideCar:sidecar_default}))});ReactRemoveScroll.classNames=RemoveScroll.classNames;var Combination_default=ReactRemoveScroll;var getDefaultParent=function(originalTarget){if(typeof document>"u")return null;var sampleTarget=Array.isArray(originalTarget)?originalTarget[0]:originalTarget;return sampleTarget.ownerDocument.body},counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={},lockCount=0,unwrapHost=function(node){return node&&(node.host||unwrapHost(node.parentNode))},correctTargets=function(parent,targets){return targets.map(function(target){if(parent.contains(target))return target;var correctedTarget=unwrapHost(target);return correctedTarget&&parent.contains(correctedTarget)?correctedTarget:(console.error("aria-hidden",target,"in not contained inside",parent,". Doing nothing"),null)}).filter(function(x){return !!x})},applyAttributeToOthers=function(originalTarget,parentNode,markerName,controlAttribute){var targets=correctTargets(parentNode,Array.isArray(originalTarget)?originalTarget:[originalTarget]);markerMap[markerName]||(markerMap[markerName]=new WeakMap);var markerCounter=markerMap[markerName],hiddenNodes=[],elementsToKeep=new Set,elementsToStop=new Set(targets),keep=function(el){!el||elementsToKeep.has(el)||(elementsToKeep.add(el),keep(el.parentNode));};targets.forEach(keep);var deep=function(parent){!parent||elementsToStop.has(parent)||Array.prototype.forEach.call(parent.children,function(node){if(elementsToKeep.has(node))deep(node);else {var attr=node.getAttribute(controlAttribute),alreadyHidden=attr!==null&&attr!=="false",counterValue=(counterMap.get(node)||0)+1,markerValue=(markerCounter.get(node)||0)+1;counterMap.set(node,counterValue),markerCounter.set(node,markerValue),hiddenNodes.push(node),counterValue===1&&alreadyHidden&&uncontrolledNodes.set(node,!0),markerValue===1&&node.setAttribute(markerName,"true"),alreadyHidden||node.setAttribute(controlAttribute,"true");}});};return deep(parentNode),elementsToKeep.clear(),lockCount++,function(){hiddenNodes.forEach(function(node){var counterValue=counterMap.get(node)-1,markerValue=markerCounter.get(node)-1;counterMap.set(node,counterValue),markerCounter.set(node,markerValue),counterValue||(uncontrolledNodes.has(node)||node.removeAttribute(controlAttribute),uncontrolledNodes.delete(node)),markerValue||node.removeAttribute(markerName);}),lockCount--,lockCount||(counterMap=new WeakMap,counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={});}},hideOthers=function(originalTarget,parentNode,markerName){markerName===void 0&&(markerName="data-aria-hidden");var targets=Array.from(Array.isArray(originalTarget)?originalTarget:[originalTarget]),activeParentNode=parentNode||getDefaultParent(originalTarget);return activeParentNode?(targets.push.apply(targets,Array.from(activeParentNode.querySelectorAll("[aria-live]"))),applyAttributeToOthers(targets,activeParentNode,markerName,"aria-hidden")):function(){return null}};var $5d3850c4d0b4e6c7$var$DIALOG_NAME="Dialog",[$5d3850c4d0b4e6c7$var$createDialogContext,$5d3850c4d0b4e6c7$export$cc702773b8ea3e41]=$c512c27ab02ef895$export$50c7b4e9d9f19c1($5d3850c4d0b4e6c7$var$DIALOG_NAME),[$5d3850c4d0b4e6c7$var$DialogProvider,$5d3850c4d0b4e6c7$var$useDialogContext]=$5d3850c4d0b4e6c7$var$createDialogContext($5d3850c4d0b4e6c7$var$DIALOG_NAME),$5d3850c4d0b4e6c7$export$3ddf2d174ce01153=props=>{let{__scopeDialog,children,open:openProp,defaultOpen,onOpenChange,modal=!0}=props,triggerRef=useRef(null),contentRef=useRef(null),[open=!1,setOpen]=$71cd76cc60e0454e$export$6f32135080cb4c3({prop:openProp,defaultProp:defaultOpen,onChange:onOpenChange});return createElement($5d3850c4d0b4e6c7$var$DialogProvider,{scope:__scopeDialog,triggerRef,contentRef,contentId:$1746a345f3d73bb7$export$f680877a34711e37(),titleId:$1746a345f3d73bb7$export$f680877a34711e37(),descriptionId:$1746a345f3d73bb7$export$f680877a34711e37(),open,onOpenChange:setOpen,onOpenToggle:useCallback(()=>setOpen(prevOpen=>!prevOpen),[setOpen]),modal},children)};var $5d3850c4d0b4e6c7$var$PORTAL_NAME="DialogPortal",[$5d3850c4d0b4e6c7$var$PortalProvider,$5d3850c4d0b4e6c7$var$usePortalContext]=$5d3850c4d0b4e6c7$var$createDialogContext($5d3850c4d0b4e6c7$var$PORTAL_NAME,{forceMount:void 0}),$5d3850c4d0b4e6c7$export$dad7c95542bacce0=props=>{let{__scopeDialog,forceMount,children,container}=props,context=$5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$PORTAL_NAME,__scopeDialog);return createElement($5d3850c4d0b4e6c7$var$PortalProvider,{scope:__scopeDialog,forceMount},Children.map(children,child=>createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b,{present:forceMount||context.open},createElement($f1701beae083dbae$export$602eac185826482c,{asChild:!0,container},child))))},$5d3850c4d0b4e6c7$var$OVERLAY_NAME="DialogOverlay",$5d3850c4d0b4e6c7$export$bd1d06c79be19e17=forwardRef((props,forwardedRef)=>{let portalContext=$5d3850c4d0b4e6c7$var$usePortalContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME,props.__scopeDialog),{forceMount=portalContext.forceMount,...overlayProps}=props,context=$5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME,props.__scopeDialog);return context.modal?createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b,{present:forceMount||context.open},createElement($5d3850c4d0b4e6c7$var$DialogOverlayImpl,_extends2({},overlayProps,{ref:forwardedRef}))):null}),$5d3850c4d0b4e6c7$var$DialogOverlayImpl=forwardRef((props,forwardedRef)=>{let{__scopeDialog,...overlayProps}=props,context=$5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME,__scopeDialog);return createElement(Combination_default,{as:$5e63c961fc1ce211$export$8c6ed5c666ac1360,allowPinchZoom:!0,shards:[context.contentRef]},createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div,_extends2({"data-state":$5d3850c4d0b4e6c7$var$getState(context.open)},overlayProps,{ref:forwardedRef,style:{pointerEvents:"auto",...overlayProps.style}})))}),$5d3850c4d0b4e6c7$var$CONTENT_NAME="DialogContent",$5d3850c4d0b4e6c7$export$b6d9565de1e068cf=forwardRef((props,forwardedRef)=>{let portalContext=$5d3850c4d0b4e6c7$var$usePortalContext($5d3850c4d0b4e6c7$var$CONTENT_NAME,props.__scopeDialog),{forceMount=portalContext.forceMount,...contentProps}=props,context=$5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME,props.__scopeDialog);return createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b,{present:forceMount||context.open},context.modal?createElement($5d3850c4d0b4e6c7$var$DialogContentModal,_extends2({},contentProps,{ref:forwardedRef})):createElement($5d3850c4d0b4e6c7$var$DialogContentNonModal,_extends2({},contentProps,{ref:forwardedRef})))}),$5d3850c4d0b4e6c7$var$DialogContentModal=forwardRef((props,forwardedRef)=>{let context=$5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME,props.__scopeDialog),contentRef=useRef(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,context.contentRef,contentRef);return useEffect(()=>{let content=contentRef.current;if(content)return hideOthers(content)},[]),createElement($5d3850c4d0b4e6c7$var$DialogContentImpl,_extends2({},props,{ref:composedRefs,trapFocus:context.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onCloseAutoFocus,event=>{var _context$triggerRef$c;event.preventDefault(),(_context$triggerRef$c=context.triggerRef.current)===null||_context$triggerRef$c===void 0||_context$triggerRef$c.focus();}),onPointerDownOutside:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownOutside,event=>{let originalEvent=event.detail.originalEvent,ctrlLeftClick=originalEvent.button===0&&originalEvent.ctrlKey===!0;(originalEvent.button===2||ctrlLeftClick)&&event.preventDefault();}),onFocusOutside:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusOutside,event=>event.preventDefault())}))}),$5d3850c4d0b4e6c7$var$DialogContentNonModal=forwardRef((props,forwardedRef)=>{let context=$5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME,props.__scopeDialog),hasInteractedOutsideRef=useRef(!1),hasPointerDownOutsideRef=useRef(!1);return createElement($5d3850c4d0b4e6c7$var$DialogContentImpl,_extends2({},props,{ref:forwardedRef,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:event=>{var _props$onCloseAutoFoc;if((_props$onCloseAutoFoc=props.onCloseAutoFocus)===null||_props$onCloseAutoFoc===void 0||_props$onCloseAutoFoc.call(props,event),!event.defaultPrevented){var _context$triggerRef$c2;hasInteractedOutsideRef.current||(_context$triggerRef$c2=context.triggerRef.current)===null||_context$triggerRef$c2===void 0||_context$triggerRef$c2.focus(),event.preventDefault();}hasInteractedOutsideRef.current=!1,hasPointerDownOutsideRef.current=!1;},onInteractOutside:event=>{var _props$onInteractOuts,_context$triggerRef$c3;(_props$onInteractOuts=props.onInteractOutside)===null||_props$onInteractOuts===void 0||_props$onInteractOuts.call(props,event),event.defaultPrevented||(hasInteractedOutsideRef.current=!0,event.detail.originalEvent.type==="pointerdown"&&(hasPointerDownOutsideRef.current=!0));let target=event.target;((_context$triggerRef$c3=context.triggerRef.current)===null||_context$triggerRef$c3===void 0?void 0:_context$triggerRef$c3.contains(target))&&event.preventDefault(),event.detail.originalEvent.type==="focusin"&&hasPointerDownOutsideRef.current&&event.preventDefault();}}))}),$5d3850c4d0b4e6c7$var$DialogContentImpl=forwardRef((props,forwardedRef)=>{let{__scopeDialog,trapFocus,onOpenAutoFocus,onCloseAutoFocus,...contentProps}=props,context=$5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME,__scopeDialog),contentRef=useRef(null),composedRefs=$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef,contentRef);return $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c(),createElement(Fragment,null,createElement($d3863c46a17e8a28$export$20e40289641fbbb6,{asChild:!0,loop:!0,trapped:trapFocus,onMountAutoFocus:onOpenAutoFocus,onUnmountAutoFocus:onCloseAutoFocus},createElement($5cb92bef7577960e$export$177fb62ff3ec1f22,_extends2({role:"dialog",id:context.contentId,"aria-describedby":context.descriptionId,"aria-labelledby":context.titleId,"data-state":$5d3850c4d0b4e6c7$var$getState(context.open)},contentProps,{ref:composedRefs,onDismiss:()=>context.onOpenChange(!1)}))),!1)}),$5d3850c4d0b4e6c7$var$TITLE_NAME="DialogTitle",$5d3850c4d0b4e6c7$export$16f7638e4a34b909=forwardRef((props,forwardedRef)=>{let{__scopeDialog,...titleProps}=props,context=$5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$TITLE_NAME,__scopeDialog);return createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.h2,_extends2({id:context.titleId},titleProps,{ref:forwardedRef}))}),$5d3850c4d0b4e6c7$var$DESCRIPTION_NAME="DialogDescription",$5d3850c4d0b4e6c7$export$94e94c2ec2c954d5=forwardRef((props,forwardedRef)=>{let{__scopeDialog,...descriptionProps}=props,context=$5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$DESCRIPTION_NAME,__scopeDialog);return createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.p,_extends2({id:context.descriptionId},descriptionProps,{ref:forwardedRef}))}),$5d3850c4d0b4e6c7$var$CLOSE_NAME="DialogClose",$5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac=forwardRef((props,forwardedRef)=>{let{__scopeDialog,...closeProps}=props,context=$5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CLOSE_NAME,__scopeDialog);return createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button,_extends2({type:"button"},closeProps,{ref:forwardedRef,onClick:$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick,()=>context.onOpenChange(!1))}))});function $5d3850c4d0b4e6c7$var$getState(open){return open?"open":"closed"}var $5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME="DialogTitleWarning";$c512c27ab02ef895$export$fd42f52fd3ae1109($5d3850c4d0b4e6c7$var$TITLE_WARNING_NAME,{contentName:$5d3850c4d0b4e6c7$var$CONTENT_NAME,titleName:$5d3850c4d0b4e6c7$var$TITLE_NAME,docsSlug:"dialog"});var $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9=$5d3850c4d0b4e6c7$export$3ddf2d174ce01153;var $5d3850c4d0b4e6c7$export$602eac185826482c=$5d3850c4d0b4e6c7$export$dad7c95542bacce0,$5d3850c4d0b4e6c7$export$c6fdb837b070b4ff=$5d3850c4d0b4e6c7$export$bd1d06c79be19e17,$5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2=$5d3850c4d0b4e6c7$export$b6d9565de1e068cf,$5d3850c4d0b4e6c7$export$f99233281efd08a0=$5d3850c4d0b4e6c7$export$16f7638e4a34b909,$5d3850c4d0b4e6c7$export$393edc798c47379d=$5d3850c4d0b4e6c7$export$94e94c2ec2c954d5,$5d3850c4d0b4e6c7$export$f39c2d165cd861fe=$5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac;var StyledOverlay=styled.div`
+  background-color: rgba(27, 28, 29, 0.48);
+  position: fixed;
+  inset: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 10;
+`,StyledContent=styled.div(({width,height})=>css`
+    background-color: white;
+    border-radius: 6px;
+    box-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: ${width??740}px;
+    height: ${height?`${height}px`:"auto"};
+    max-width: calc(100% - 40px);
+    max-height: 85vh;
+    overflow: hidden;
+    z-index: 11;
+
+    &:focus-visible {
+      outline: none;
+    }
+  `),ContentWrapper=React32__default.forwardRef(function({width,height,children,...contentProps},ref2){return React32__default.createElement($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2,{ref:ref2,asChild:!0,...contentProps},React32__default.createElement(StyledContent,{width,height},children))});function Modal({children,width,height,onEscapeKeyDown,onInteractOutside=ev=>ev.preventDefault(),...rootProps}){return React32__default.createElement($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9,{...rootProps},React32__default.createElement($5d3850c4d0b4e6c7$export$602eac185826482c,null,React32__default.createElement($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff,{asChild:!0},React32__default.createElement(StyledOverlay,null)),React32__default.createElement(ContentWrapper,{width,height,onInteractOutside,onEscapeKeyDown},children({Title:$5d3850c4d0b4e6c7$export$f99233281efd08a0,Description:$5d3850c4d0b4e6c7$export$393edc798c47379d,Close:$5d3850c4d0b4e6c7$export$f39c2d165cd861fe}))))}function StorybookLogo(){return React32__default.createElement("svg",{width:"32px",height:"40px",viewBox:"0 0 256 319",preserveAspectRatio:"xMidYMid"},React32__default.createElement("defs",null,React32__default.createElement("path",{d:"M9.87245893,293.324145 L0.0114611411,30.5732167 C-0.314208957,21.8955842 6.33948896,14.5413918 15.0063196,13.9997149 L238.494389,0.0317105427 C247.316188,-0.519651867 254.914637,6.18486163 255.466,15.0066607 C255.486773,15.339032 255.497167,15.6719708 255.497167,16.0049907 L255.497167,302.318596 C255.497167,311.157608 248.331732,318.323043 239.492719,318.323043 C239.253266,318.323043 239.013844,318.317669 238.774632,318.306926 L25.1475605,308.712253 C16.8276309,308.338578 10.1847994,301.646603 9.87245893,293.324145 L9.87245893,293.324145 Z",id:"path-1"})),React32__default.createElement("g",null,React32__default.createElement("mask",{id:"mask-2",fill:"white"},React32__default.createElement("use",{xlinkHref:"#path-1"})),React32__default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#path-1"}),React32__default.createElement("path",{d:"M188.665358,39.126973 L190.191903,2.41148534 L220.883535,0 L222.205755,37.8634126 C222.251771,39.1811466 221.22084,40.2866846 219.903106,40.3327009 C219.338869,40.3524045 218.785907,40.1715096 218.342409,39.8221376 L206.506729,30.4984116 L192.493574,41.1282444 C191.443077,41.9251106 189.945493,41.7195021 189.148627,40.6690048 C188.813185,40.2267976 188.6423,39.6815326 188.665358,39.126973 Z M149.413703,119.980309 C149.413703,126.206975 191.355678,123.222696 196.986019,118.848893 C196.986019,76.4467826 174.234041,54.1651411 132.57133,54.1651411 C90.9086182,54.1651411 67.5656805,76.7934542 67.5656805,110.735941 C67.5656805,169.85244 147.345341,170.983856 147.345341,203.229219 C147.345341,212.280549 142.913138,217.654777 133.162291,217.654777 C120.456641,217.654777 115.433477,211.165914 116.024438,189.103298 C116.024438,184.317101 67.5656805,182.824962 66.0882793,189.103298 C62.3262146,242.56887 95.6363019,257.990394 133.753251,257.990394 C170.688279,257.990394 199.645341,238.303123 199.645341,202.663511 C199.645341,139.304202 118.683759,141.001326 118.683759,109.604526 C118.683759,96.8760922 128.139127,95.178968 133.753251,95.178968 C139.662855,95.178968 150.300143,96.2205679 149.413703,119.980309 Z",fill:"#FFFFFF",fillRule:"nonzero",mask:"url(#mask-2)"})))}var ModalContentWrapper=styled.div`
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+  justify-content: space-between;
+`,TopContent=styled.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,Title=styled.h1`
+  margin: 0;
+  margin-top: 20px;
+  margin-bottom: 5px;
+  color: ${({theme:theme2})=>theme2.color.darkest};
+  font-weight: ${({theme:theme2})=>theme2.typography.weight.bold};
+  font-size: ${({theme:theme2})=>theme2.typography.size.m1}px;
+  line-height: ${({theme:theme2})=>theme2.typography.size.m3}px;
+`,Description=styled.p`
+  margin: 0;
+  margin-bottom: 20px;
+  max-width: 320px;
+  text-align: center;
+  font-size: ${({theme:theme2})=>theme2.typography.size.s2}px;
+  font-weight: ${({theme:theme2})=>theme2.typography.weight.regular};
+  line-height: ${({theme:theme2})=>theme2.typography.size.m1}px;
+  color: ${({theme:theme2})=>theme2.color.darker};
+`,SkipButton=styled.button`
+  all: unset;
+  cursor: pointer;
+  font-size: 13px;
+  color: #798186;
+  padding-bottom: 20px;
+
+  &:focus-visible {
+    outline: auto;
+  }
+`,StyledIcon=styled(ArrowRightIcon)`
+  margin-left: 2px;
+  height: 10px;
+`,Background2=styled.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  overflow: hidden;
+`,circle1Anim2=keyframes`
+  0% { transform: translate(0px, 0px) }
+  50% { transform: translate(-200px, 0px) }
+  100% { transform: translate(0px, 0px) }
+`,Circle12=styled.div`
+  position: absolute;
+  width: 1200px;
+  height: 1200px;
+  left: -200px;
+  top: -900px;
+  background: radial-gradient(
+    circle at center,
+    rgba(253, 255, 147, 1) 0%,
+    rgba(253, 255, 147, 0) 70%
+  );
+  animation: ${circle1Anim2} 4s linear infinite;
+  animation-timing-function: ease-in-out;
+  z-index: 3;
+`,circle2Anim2=keyframes`
+  0% { transform: translate(0px, 0px) }
+  50% { transform: translate(400px, 0px) }
+  100% { transform: translate(0px, 0px) }
+`,Circle22=styled.div`
+  position: absolute;
+  width: 1200px;
+  height: 1200px;
+  left: -600px;
+  top: -840px;
+  background: radial-gradient(
+    circle at center,
+    rgba(255, 119, 119, 1) 0%,
+    rgba(255, 119, 119, 0) 70%
+  );
+  animation: ${circle2Anim2} 6s linear infinite;
+  animation-timing-function: ease-in-out;
+  z-index: 2;
+`,circle3Anim2=keyframes`
+  0% { transform: translate(600px, -40px) }
+  50% { transform: translate(600px, -200px) }
+  100% { transform: translate(600px, -40px) }
+`,Circle32=styled.div`
+  position: absolute;
+  width: 1200px;
+  height: 1200px;
+  left: -600px;
+  top: -840px;
+  background: radial-gradient(
+    circle at center,
+    rgba(119, 255, 247, 0.8) 0%,
+    rgba(119, 255, 247, 0) 70%
+  );
+  animation: ${circle3Anim2} 4s linear infinite;
+  animation-timing-function: ease-in-out;
+  z-index: 4;
+`;styled.h2`
+  color: #000;
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 20px;
+`;styled.p`
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  color: #454e54;
+`;var WelcomeModal=({onProceed,skipOnboarding})=>React32__default.createElement("div",{style:{zIndex:10}},React32__default.createElement(Modal,{width:540,height:430,defaultOpen:!0},({Close})=>React32__default.createElement(ModalContentWrapper,{"data-chromatic":"ignore"},React32__default.createElement(TopContent,null,React32__default.createElement(StorybookLogo,null),React32__default.createElement(Title,null,"Welcome to Storybook"),React32__default.createElement(Description,null,"Storybook helps you develop UI components faster. Learn the basics in a few simple steps."),React32__default.createElement(Button,{style:{marginTop:4},onClick:onProceed},"Start your 3 minute tour")),React32__default.createElement(SkipButton,{onClick:skipOnboarding},"Skip tour",React32__default.createElement(StyledIcon,null)),React32__default.createElement(Background2,null,React32__default.createElement(Circle12,null),React32__default.createElement(Circle22,null),React32__default.createElement(Circle32,null)))));var import_debounce=__toESM(require_debounce());function useMeasure(_temp){let{debounce:debounce2,scroll:scroll2,polyfill,offsetSize}=_temp===void 0?{debounce:0,scroll:!1,offsetSize:!1}:_temp,ResizeObserver2=polyfill||(typeof window>"u"?class{}:window.ResizeObserver);if(!ResizeObserver2)throw new Error("This browser does not support ResizeObserver out of the box. See: https://github.com/react-spring/react-use-measure/#resize-observer-polyfills");let[bounds,set]=useState({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),state=useRef({element:null,scrollContainers:null,resizeObserver:null,lastBounds:bounds}),scrollDebounce=debounce2?typeof debounce2=="number"?debounce2:debounce2.scroll:null,resizeDebounce=debounce2?typeof debounce2=="number"?debounce2:debounce2.resize:null,mounted=useRef(!1);useEffect(()=>(mounted.current=!0,()=>void(mounted.current=!1)));let[forceRefresh,resizeChange,scrollChange]=useMemo(()=>{let callback=()=>{if(!state.current.element)return;let{left,top,width,height,bottom,right,x,y}=state.current.element.getBoundingClientRect(),size={left,top,width,height,bottom,right,x,y};state.current.element instanceof HTMLElement&&offsetSize&&(size.height=state.current.element.offsetHeight,size.width=state.current.element.offsetWidth),Object.freeze(size),mounted.current&&!areBoundsEqual(state.current.lastBounds,size)&&set(state.current.lastBounds=size);};return [callback,resizeDebounce?(0, import_debounce.default)(callback,resizeDebounce):callback,scrollDebounce?(0, import_debounce.default)(callback,scrollDebounce):callback]},[set,offsetSize,scrollDebounce,resizeDebounce]);function removeListeners(){state.current.scrollContainers&&(state.current.scrollContainers.forEach(element=>element.removeEventListener("scroll",scrollChange,!0)),state.current.scrollContainers=null),state.current.resizeObserver&&(state.current.resizeObserver.disconnect(),state.current.resizeObserver=null);}function addListeners(){state.current.element&&(state.current.resizeObserver=new ResizeObserver2(scrollChange),state.current.resizeObserver.observe(state.current.element),scroll2&&state.current.scrollContainers&&state.current.scrollContainers.forEach(scrollContainer=>scrollContainer.addEventListener("scroll",scrollChange,{capture:!0,passive:!0})));}let ref2=node=>{!node||node===state.current.element||(removeListeners(),state.current.element=node,state.current.scrollContainers=findScrollContainers(node),addListeners());};return useOnWindowScroll(scrollChange,!!scroll2),useOnWindowResize(resizeChange),useEffect(()=>{removeListeners(),addListeners();},[scroll2,scrollChange,resizeChange]),useEffect(()=>removeListeners,[]),[ref2,bounds,forceRefresh]}function useOnWindowResize(onWindowResize){useEffect(()=>{let cb=onWindowResize;return window.addEventListener("resize",cb),()=>void window.removeEventListener("resize",cb)},[onWindowResize]);}function useOnWindowScroll(onScroll,enabled){useEffect(()=>{if(enabled){let cb=onScroll;return window.addEventListener("scroll",cb,{capture:!0,passive:!0}),()=>void window.removeEventListener("scroll",cb,!0)}},[onScroll,enabled]);}function findScrollContainers(element){let result=[];if(!element||element===document.body)return result;let{overflow,overflowX,overflowY}=window.getComputedStyle(element);return [overflow,overflowX,overflowY].some(prop=>prop==="auto"||prop==="scroll")&&result.push(element),[...result,...findScrollContainers(element.parentElement)]}var keys=["x","y","top","bottom","left","right","width","height"],areBoundsEqual=(a,b)=>keys.every(key=>a[key]===b[key]);var MotionConfigContext=createContext({transformPagePoint:p=>p,isStatic:!1,reducedMotion:"never"});var MotionContext=createContext({});var PresenceContext=createContext(null);var isBrowser2=typeof document<"u";var useIsomorphicLayoutEffect=isBrowser2?useLayoutEffect:useEffect;var LazyContext=createContext({strict:!1});var camelToDash=str=>str.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();var optimizedAppearDataId="framerAppearId",optimizedAppearDataAttribute="data-"+camelToDash(optimizedAppearDataId);var MotionGlobalConfig={skipAnimations:!1,useManualTiming:!1};var Queue=class{constructor(){this.order=[],this.scheduled=new Set;}add(process2){if(!this.scheduled.has(process2))return this.scheduled.add(process2),this.order.push(process2),!0}remove(process2){let index2=this.order.indexOf(process2);index2!==-1&&(this.order.splice(index2,1),this.scheduled.delete(process2));}clear(){this.order.length=0,this.scheduled.clear();}};function createRenderStep(runNextFrame){let thisFrame=new Queue,nextFrame=new Queue,numToRun=0,isProcessing=!1,flushNextFrame=!1,toKeepAlive=new WeakSet,step={schedule:(callback,keepAlive=!1,immediate=!1)=>{let addToCurrentFrame=immediate&&isProcessing,queue=addToCurrentFrame?thisFrame:nextFrame;return keepAlive&&toKeepAlive.add(callback),queue.add(callback)&&addToCurrentFrame&&isProcessing&&(numToRun=thisFrame.order.length),callback},cancel:callback=>{nextFrame.remove(callback),toKeepAlive.delete(callback);},process:frameData2=>{if(isProcessing){flushNextFrame=!0;return}if(isProcessing=!0,[thisFrame,nextFrame]=[nextFrame,thisFrame],nextFrame.clear(),numToRun=thisFrame.order.length,numToRun)for(let i=0;i<numToRun;i++){let callback=thisFrame.order[i];toKeepAlive.has(callback)&&(step.schedule(callback),runNextFrame()),callback(frameData2);}isProcessing=!1,flushNextFrame&&(flushNextFrame=!1,step.process(frameData2));}};return step}var stepsOrder=["prepare","read","update","preRender","render","postRender"],maxElapsed=40;function createRenderBatcher(scheduleNextBatch,allowKeepAlive){let runNextFrame=!1,useDefaultElapsed=!0,state={delta:0,timestamp:0,isProcessing:!1},steps2=stepsOrder.reduce((acc,key)=>(acc[key]=createRenderStep(()=>runNextFrame=!0),acc),{}),processStep=stepId=>{steps2[stepId].process(state);},processBatch=()=>{let timestamp=performance.now();runNextFrame=!1,state.delta=useDefaultElapsed?1e3/60:Math.max(Math.min(timestamp-state.timestamp,maxElapsed),1),state.timestamp=timestamp,state.isProcessing=!0,stepsOrder.forEach(processStep),state.isProcessing=!1,runNextFrame&&allowKeepAlive&&(useDefaultElapsed=!1,scheduleNextBatch(processBatch));},wake=()=>{runNextFrame=!0,useDefaultElapsed=!0,state.isProcessing||scheduleNextBatch(processBatch);};return {schedule:stepsOrder.reduce((acc,key)=>{let step=steps2[key];return acc[key]=(process2,keepAlive=!1,immediate=!1)=>(runNextFrame||wake(),step.schedule(process2,keepAlive,immediate)),acc},{}),cancel:process2=>stepsOrder.forEach(key=>steps2[key].cancel(process2)),state,steps:steps2}}var{schedule:microtask,cancel:cancelMicrotask}=createRenderBatcher(queueMicrotask,!1);function useVisualElement(Component8,visualState,props,createVisualElement){let{visualElement:parent}=useContext(MotionContext),lazyContext=useContext(LazyContext),presenceContext=useContext(PresenceContext),reducedMotionConfig=useContext(MotionConfigContext).reducedMotion,visualElementRef=useRef();createVisualElement=createVisualElement||lazyContext.renderer,!visualElementRef.current&&createVisualElement&&(visualElementRef.current=createVisualElement(Component8,{visualState,parent,props,presenceContext,blockInitialAnimation:presenceContext?presenceContext.initial===!1:!1,reducedMotionConfig}));let visualElement=visualElementRef.current;useInsertionEffect(()=>{visualElement&&visualElement.update(props,presenceContext);});let wantsHandoff=useRef(!!(props[optimizedAppearDataAttribute]&&!window.HandoffComplete));return useIsomorphicLayoutEffect(()=>{visualElement&&(microtask.postRender(visualElement.render),wantsHandoff.current&&visualElement.animationState&&visualElement.animationState.animateChanges());}),useEffect(()=>{visualElement&&(visualElement.updateFeatures(),!wantsHandoff.current&&visualElement.animationState&&visualElement.animationState.animateChanges(),wantsHandoff.current&&(wantsHandoff.current=!1,window.HandoffComplete=!0));}),visualElement}function isRefObject(ref2){return ref2&&typeof ref2=="object"&&Object.prototype.hasOwnProperty.call(ref2,"current")}function useMotionRef(visualState,visualElement,externalRef){return useCallback(instance=>{instance&&visualState.mount&&visualState.mount(instance),visualElement&&(instance?visualElement.mount(instance):visualElement.unmount()),externalRef&&(typeof externalRef=="function"?externalRef(instance):isRefObject(externalRef)&&(externalRef.current=instance));},[visualElement])}function isVariantLabel(v){return typeof v=="string"||Array.isArray(v)}function isAnimationControls(v){return v!==null&&typeof v=="object"&&typeof v.start=="function"}var variantPriorityOrder=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],variantProps=["initial",...variantPriorityOrder];function isControllingVariants(props){return isAnimationControls(props.animate)||variantProps.some(name=>isVariantLabel(props[name]))}function isVariantNode(props){return !!(isControllingVariants(props)||props.variants)}function getCurrentTreeVariants(props,context){if(isControllingVariants(props)){let{initial,animate}=props;return {initial:initial===!1||isVariantLabel(initial)?initial:void 0,animate:isVariantLabel(animate)?animate:void 0}}return props.inherit!==!1?context:{}}function useCreateMotionContext(props){let{initial,animate}=getCurrentTreeVariants(props,useContext(MotionContext));return useMemo(()=>({initial,animate}),[variantLabelsAsDependency(initial),variantLabelsAsDependency(animate)])}function variantLabelsAsDependency(prop){return Array.isArray(prop)?prop.join(" "):prop}var featureProps={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},featureDefinitions={};for(let key in featureProps)featureDefinitions[key]={isEnabled:props=>featureProps[key].some(name=>!!props[name])};function loadFeatures(features){for(let key in features)featureDefinitions[key]={...featureDefinitions[key],...features[key]};}var LayoutGroupContext=createContext({});var SwitchLayoutGroupContext=createContext({});var motionComponentSymbol=Symbol.for("motionComponentSymbol");function createMotionComponent({preloadedFeatures:preloadedFeatures2,createVisualElement,useRender,useVisualState,Component:Component8}){preloadedFeatures2&&loadFeatures(preloadedFeatures2);function MotionComponent(props,externalRef){let MeasureLayout2,configAndProps={...useContext(MotionConfigContext),...props,layoutId:useLayoutId(props)},{isStatic}=configAndProps,context=useCreateMotionContext(props),visualState=useVisualState(props,isStatic);if(!isStatic&&isBrowser2){context.visualElement=useVisualElement(Component8,visualState,configAndProps,createVisualElement);let initialLayoutGroupConfig=useContext(SwitchLayoutGroupContext),isStrict=useContext(LazyContext).strict;context.visualElement&&(MeasureLayout2=context.visualElement.loadFeatures(configAndProps,isStrict,preloadedFeatures2,initialLayoutGroupConfig));}return React32.createElement(MotionContext.Provider,{value:context},MeasureLayout2&&context.visualElement?React32.createElement(MeasureLayout2,{visualElement:context.visualElement,...configAndProps}):null,useRender(Component8,props,useMotionRef(visualState,context.visualElement,externalRef),visualState,isStatic,context.visualElement))}let ForwardRefComponent=forwardRef(MotionComponent);return ForwardRefComponent[motionComponentSymbol]=Component8,ForwardRefComponent}function useLayoutId({layoutId}){let layoutGroupId=useContext(LayoutGroupContext).id;return layoutGroupId&&layoutId!==void 0?layoutGroupId+"-"+layoutId:layoutId}function createMotionProxy(createConfig){function custom(Component8,customMotionComponentConfig={}){return createMotionComponent(createConfig(Component8,customMotionComponentConfig))}if(typeof Proxy>"u")return custom;let componentCache=new Map;return new Proxy(custom,{get:(_target,key)=>(componentCache.has(key)||componentCache.set(key,custom(key)),componentCache.get(key))})}var lowercaseSVGElements=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function isSVGComponent(Component8){return typeof Component8!="string"||Component8.includes("-")?!1:!!(lowercaseSVGElements.indexOf(Component8)>-1||/[A-Z]/.test(Component8))}var scaleCorrectors={};function addScaleCorrector(correctors){Object.assign(scaleCorrectors,correctors);}var transformPropOrder=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],transformProps=new Set(transformPropOrder);function isForcedMotionValue(key,{layout:layout2,layoutId}){return transformProps.has(key)||key.startsWith("origin")||(layout2||layoutId!==void 0)&&(!!scaleCorrectors[key]||key==="opacity")}var isMotionValue=value=>!!(value&&value.getVelocity);var translateAlias={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},numTransforms=transformPropOrder.length;function buildTransform(transform,{enableHardwareAcceleration=!0,allowTransformNone=!0},transformIsDefault,transformTemplate){let transformString="";for(let i=0;i<numTransforms;i++){let key=transformPropOrder[i];if(transform[key]!==void 0){let transformName=translateAlias[key]||key;transformString+=`${transformName}(${transform[key]}) `;}}return enableHardwareAcceleration&&!transform.z&&(transformString+="translateZ(0)"),transformString=transformString.trim(),transformTemplate?transformString=transformTemplate(transform,transformIsDefault?"":transformString):allowTransformNone&&transformIsDefault&&(transformString="none"),transformString}var checkStringStartsWith=token=>key=>typeof key=="string"&&key.startsWith(token),isCSSVariableName=checkStringStartsWith("--"),startsAsVariableToken=checkStringStartsWith("var(--"),isCSSVariableToken=key=>startsAsVariableToken(key)&&singleCssVariableRegex.test(key),singleCssVariableRegex=/var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)$/i;var getValueAsType=(value,type)=>type&&typeof value=="number"?type.transform(value):value;var clamp=(min,max,v)=>v>max?max:v<min?min:v;var number={test:v=>typeof v=="number",parse:parseFloat,transform:v=>v},alpha={...number,transform:v=>clamp(0,1,v)},scale={...number,default:1};var sanitize=v=>Math.round(v*1e5)/1e5,floatRegex=/(-)?([\d]*\.?[\d])+/g,colorRegex=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,singleColorRegex=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function isString(v){return typeof v=="string"}var createUnitType=unit=>({test:v=>isString(v)&&v.endsWith(unit)&&v.split(" ").length===1,parse:parseFloat,transform:v=>`${v}${unit}`}),degrees=createUnitType("deg"),percent=createUnitType("%"),px=createUnitType("px"),vh=createUnitType("vh"),vw=createUnitType("vw"),progressPercentage={...percent,parse:v=>percent.parse(v)/100,transform:v=>percent.transform(v*100)};var int={...number,transform:Math.round};var numberValueTypes={borderWidth:px,borderTopWidth:px,borderRightWidth:px,borderBottomWidth:px,borderLeftWidth:px,borderRadius:px,radius:px,borderTopLeftRadius:px,borderTopRightRadius:px,borderBottomRightRadius:px,borderBottomLeftRadius:px,width:px,maxWidth:px,height:px,maxHeight:px,size:px,top:px,right:px,bottom:px,left:px,padding:px,paddingTop:px,paddingRight:px,paddingBottom:px,paddingLeft:px,margin:px,marginTop:px,marginRight:px,marginBottom:px,marginLeft:px,rotate:degrees,rotateX:degrees,rotateY:degrees,rotateZ:degrees,scale,scaleX:scale,scaleY:scale,scaleZ:scale,skew:degrees,skewX:degrees,skewY:degrees,distance:px,translateX:px,translateY:px,translateZ:px,x:px,y:px,z:px,perspective:px,transformPerspective:px,opacity:alpha,originX:progressPercentage,originY:progressPercentage,originZ:px,zIndex:int,fillOpacity:alpha,strokeOpacity:alpha,numOctaves:int};function buildHTMLStyles(state,latestValues,options,transformTemplate){let{style,vars,transform,transformOrigin}=state,hasTransform2=!1,hasTransformOrigin=!1,transformIsNone=!0;for(let key in latestValues){let value=latestValues[key];if(isCSSVariableName(key)){vars[key]=value;continue}let valueType=numberValueTypes[key],valueAsType=getValueAsType(value,valueType);if(transformProps.has(key)){if(hasTransform2=!0,transform[key]=valueAsType,!transformIsNone)continue;value!==(valueType.default||0)&&(transformIsNone=!1);}else key.startsWith("origin")?(hasTransformOrigin=!0,transformOrigin[key]=valueAsType):style[key]=valueAsType;}if(latestValues.transform||(hasTransform2||transformTemplate?style.transform=buildTransform(state.transform,options,transformIsNone,transformTemplate):style.transform&&(style.transform="none")),hasTransformOrigin){let{originX="50%",originY="50%",originZ=0}=transformOrigin;style.transformOrigin=`${originX} ${originY} ${originZ}`;}}var createHtmlRenderState=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function copyRawValuesOnly(target,source,props){for(let key in source)!isMotionValue(source[key])&&!isForcedMotionValue(key,props)&&(target[key]=source[key]);}function useInitialMotionValues({transformTemplate},visualState,isStatic){return useMemo(()=>{let state=createHtmlRenderState();return buildHTMLStyles(state,visualState,{enableHardwareAcceleration:!isStatic},transformTemplate),Object.assign({},state.vars,state.style)},[visualState])}function useStyle(props,visualState,isStatic){let styleProp=props.style||{},style={};return copyRawValuesOnly(style,styleProp,props),Object.assign(style,useInitialMotionValues(props,visualState,isStatic)),style}function useHTMLProps(props,visualState,isStatic){let htmlProps={},style=useStyle(props,visualState,isStatic);return props.drag&&props.dragListener!==!1&&(htmlProps.draggable=!1,style.userSelect=style.WebkitUserSelect=style.WebkitTouchCallout="none",style.touchAction=props.drag===!0?"none":`pan-${props.drag==="x"?"y":"x"}`),props.tabIndex===void 0&&(props.onTap||props.onTapStart||props.whileTap)&&(htmlProps.tabIndex=0),htmlProps.style=style,htmlProps}var validMotionProps=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function isValidMotionProp(key){return key.startsWith("while")||key.startsWith("drag")&&key!=="draggable"||key.startsWith("layout")||key.startsWith("onTap")||key.startsWith("onPan")||key.startsWith("onLayout")||validMotionProps.has(key)}var shouldForward=key=>!isValidMotionProp(key);function loadExternalIsValidProp(isValidProp){isValidProp&&(shouldForward=key=>key.startsWith("on")?!isValidMotionProp(key):isValidProp(key));}try{loadExternalIsValidProp((init_is_prop_valid_browser_esm(),__toCommonJS(is_prop_valid_browser_esm_exports)).default);}catch{}function filterProps(props,isDom,forwardMotionProps){let filteredProps={};for(let key in props)key==="values"&&typeof props.values=="object"||(shouldForward(key)||forwardMotionProps===!0&&isValidMotionProp(key)||!isDom&&!isValidMotionProp(key)||props.draggable&&key.startsWith("onDrag"))&&(filteredProps[key]=props[key]);return filteredProps}function calcOrigin(origin,offset2,size){return typeof origin=="string"?origin:px.transform(offset2+size*origin)}function calcSVGTransformOrigin(dimensions,originX,originY){let pxOriginX=calcOrigin(originX,dimensions.x,dimensions.width),pxOriginY=calcOrigin(originY,dimensions.y,dimensions.height);return `${pxOriginX} ${pxOriginY}`}var dashKeys={offset:"stroke-dashoffset",array:"stroke-dasharray"},camelKeys={offset:"strokeDashoffset",array:"strokeDasharray"};function buildSVGPath(attrs,length,spacing=1,offset2=0,useDashCase=!0){attrs.pathLength=1;let keys2=useDashCase?dashKeys:camelKeys;attrs[keys2.offset]=px.transform(-offset2);let pathLength=px.transform(length),pathSpacing=px.transform(spacing);attrs[keys2.array]=`${pathLength} ${pathSpacing}`;}function buildSVGAttrs(state,{attrX,attrY,attrScale,originX,originY,pathLength,pathSpacing=1,pathOffset=0,...latest},options,isSVGTag2,transformTemplate){if(buildHTMLStyles(state,latest,options,transformTemplate),isSVGTag2){state.style.viewBox&&(state.attrs.viewBox=state.style.viewBox);return}state.attrs=state.style,state.style={};let{attrs,style,dimensions}=state;attrs.transform&&(dimensions&&(style.transform=attrs.transform),delete attrs.transform),dimensions&&(originX!==void 0||originY!==void 0||style.transform)&&(style.transformOrigin=calcSVGTransformOrigin(dimensions,originX!==void 0?originX:.5,originY!==void 0?originY:.5)),attrX!==void 0&&(attrs.x=attrX),attrY!==void 0&&(attrs.y=attrY),attrScale!==void 0&&(attrs.scale=attrScale),pathLength!==void 0&&buildSVGPath(attrs,pathLength,pathSpacing,pathOffset,!1);}var createSvgRenderState=()=>({...createHtmlRenderState(),attrs:{}});var isSVGTag=tag=>typeof tag=="string"&&tag.toLowerCase()==="svg";function useSVGProps(props,visualState,_isStatic,Component8){let visualProps=useMemo(()=>{let state=createSvgRenderState();return buildSVGAttrs(state,visualState,{enableHardwareAcceleration:!1},isSVGTag(Component8),props.transformTemplate),{...state.attrs,style:{...state.style}}},[visualState]);if(props.style){let rawStyles={};copyRawValuesOnly(rawStyles,props.style,props),visualProps.style={...rawStyles,...visualProps.style};}return visualProps}function createUseRender(forwardMotionProps=!1){return (Component8,props,ref2,{latestValues},isStatic)=>{let visualProps=(isSVGComponent(Component8)?useSVGProps:useHTMLProps)(props,latestValues,isStatic,Component8),filteredProps=filterProps(props,typeof Component8=="string",forwardMotionProps),elementProps=Component8!==Fragment?{...filteredProps,...visualProps,ref:ref2}:{},{children}=props,renderedChildren=useMemo(()=>isMotionValue(children)?children.get():children,[children]);return createElement(Component8,{...elementProps,children:renderedChildren})}}function renderHTML(element,{style,vars},styleProp,projection){Object.assign(element.style,style,projection&&projection.getProjectionStyles(styleProp));for(let key in vars)element.style.setProperty(key,vars[key]);}var camelCaseAttributes=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function renderSVG(element,renderState,_styleProp,projection){renderHTML(element,renderState,void 0,projection);for(let key in renderState.attrs)element.setAttribute(camelCaseAttributes.has(key)?key:camelToDash(key),renderState.attrs[key]);}function scrapeMotionValuesFromProps(props,prevProps){let{style}=props,newValues={};for(let key in style)(isMotionValue(style[key])||prevProps.style&&isMotionValue(prevProps.style[key])||isForcedMotionValue(key,props))&&(newValues[key]=style[key]);return newValues}function scrapeMotionValuesFromProps2(props,prevProps){let newValues=scrapeMotionValuesFromProps(props,prevProps);for(let key in props)if(isMotionValue(props[key])||isMotionValue(prevProps[key])){let targetKey=transformPropOrder.indexOf(key)!==-1?"attr"+key.charAt(0).toUpperCase()+key.substring(1):key;newValues[targetKey]=props[key];}return newValues}function resolveVariantFromProps(props,definition,custom,currentValues2={},currentVelocity={}){return typeof definition=="function"&&(definition=definition(custom!==void 0?custom:props.custom,currentValues2,currentVelocity)),typeof definition=="string"&&(definition=props.variants&&props.variants[definition]),typeof definition=="function"&&(definition=definition(custom!==void 0?custom:props.custom,currentValues2,currentVelocity)),definition}function useConstant(init){let ref2=useRef(null);return ref2.current===null&&(ref2.current=init()),ref2.current}var isKeyframesTarget=v=>Array.isArray(v);var isCustomValue=v=>!!(v&&typeof v=="object"&&v.mix&&v.toValue),resolveFinalValueInKeyframes=v=>isKeyframesTarget(v)?v[v.length-1]||0:v;function resolveMotionValue(value){let unwrappedValue=isMotionValue(value)?value.get():value;return isCustomValue(unwrappedValue)?unwrappedValue.toValue():unwrappedValue}function makeState({scrapeMotionValuesFromProps:scrapeMotionValuesFromProps3,createRenderState,onMount},props,context,presenceContext){let state={latestValues:makeLatestValues(props,context,presenceContext,scrapeMotionValuesFromProps3),renderState:createRenderState()};return onMount&&(state.mount=instance=>onMount(props,instance,state)),state}var makeUseVisualState=config=>(props,isStatic)=>{let context=useContext(MotionContext),presenceContext=useContext(PresenceContext),make=()=>makeState(config,props,context,presenceContext);return isStatic?make():useConstant(make)};function makeLatestValues(props,context,presenceContext,scrapeMotionValues){let values={},motionValues=scrapeMotionValues(props,{});for(let key in motionValues)values[key]=resolveMotionValue(motionValues[key]);let{initial,animate}=props,isControllingVariants$1=isControllingVariants(props),isVariantNode$1=isVariantNode(props);context&&isVariantNode$1&&!isControllingVariants$1&&props.inherit!==!1&&(initial===void 0&&(initial=context.initial),animate===void 0&&(animate=context.animate));let isInitialAnimationBlocked=presenceContext?presenceContext.initial===!1:!1;isInitialAnimationBlocked=isInitialAnimationBlocked||initial===!1;let variantToSet=isInitialAnimationBlocked?animate:initial;return variantToSet&&typeof variantToSet!="boolean"&&!isAnimationControls(variantToSet)&&(Array.isArray(variantToSet)?variantToSet:[variantToSet]).forEach(definition=>{let resolved=resolveVariantFromProps(props,definition);if(!resolved)return;let{transitionEnd,transition,...target}=resolved;for(let key in target){let valueTarget=target[key];if(Array.isArray(valueTarget)){let index2=isInitialAnimationBlocked?valueTarget.length-1:0;valueTarget=valueTarget[index2];}valueTarget!==null&&(values[key]=valueTarget);}for(let key in transitionEnd)values[key]=transitionEnd[key];}),values}var noop2=any=>any;var{schedule:frame,cancel:cancelFrame,state:frameData,steps}=createRenderBatcher(typeof requestAnimationFrame<"u"?requestAnimationFrame:noop2,!0);var svgMotionConfig={useVisualState:makeUseVisualState({scrapeMotionValuesFromProps:scrapeMotionValuesFromProps2,createRenderState:createSvgRenderState,onMount:(props,instance,{renderState,latestValues})=>{frame.read(()=>{try{renderState.dimensions=typeof instance.getBBox=="function"?instance.getBBox():instance.getBoundingClientRect();}catch{renderState.dimensions={x:0,y:0,width:0,height:0};}}),frame.render(()=>{buildSVGAttrs(renderState,latestValues,{enableHardwareAcceleration:!1},isSVGTag(instance.tagName),props.transformTemplate),renderSVG(instance,renderState);});}})};var htmlMotionConfig={useVisualState:makeUseVisualState({scrapeMotionValuesFromProps,createRenderState:createHtmlRenderState})};function createDomMotionConfig(Component8,{forwardMotionProps=!1},preloadedFeatures2,createVisualElement){return {...isSVGComponent(Component8)?svgMotionConfig:htmlMotionConfig,preloadedFeatures:preloadedFeatures2,useRender:createUseRender(forwardMotionProps),createVisualElement,Component:Component8}}function addDomEvent(target,eventName,handler,options={passive:!0}){return target.addEventListener(eventName,handler,options),()=>target.removeEventListener(eventName,handler)}var isPrimaryPointer=event=>event.pointerType==="mouse"?typeof event.button!="number"||event.button<=0:event.isPrimary!==!1;function extractEventInfo(event,pointType="page"){return {point:{x:event[pointType+"X"],y:event[pointType+"Y"]}}}var addPointerInfo=handler=>event=>isPrimaryPointer(event)&&handler(event,extractEventInfo(event));function addPointerEvent(target,eventName,handler,options){return addDomEvent(target,eventName,addPointerInfo(handler),options)}var combineFunctions=(a,b)=>v=>b(a(v)),pipe=(...transformers)=>transformers.reduce(combineFunctions);function createLock(name){let lock=null;return ()=>{let openLock=()=>{lock=null;};return lock===null?(lock=name,openLock):!1}}var globalHorizontalLock=createLock("dragHorizontal"),globalVerticalLock=createLock("dragVertical");function getGlobalLock(drag2){let lock=!1;if(drag2==="y")lock=globalVerticalLock();else if(drag2==="x")lock=globalHorizontalLock();else {let openHorizontal=globalHorizontalLock(),openVertical=globalVerticalLock();openHorizontal&&openVertical?lock=()=>{openHorizontal(),openVertical();}:(openHorizontal&&openHorizontal(),openVertical&&openVertical());}return lock}function isDragActive(){let openGestureLock=getGlobalLock(!0);return openGestureLock?(openGestureLock(),!1):!0}var Feature=class{constructor(node){this.isMounted=!1,this.node=node;}update(){}};function addHoverEvent(node,isActive){let eventName="pointer"+(isActive?"enter":"leave"),callbackName="onHover"+(isActive?"Start":"End"),handleEvent=(event,info)=>{if(event.pointerType==="touch"||isDragActive())return;let props=node.getProps();node.animationState&&props.whileHover&&node.animationState.setActive("whileHover",isActive),props[callbackName]&&frame.update(()=>props[callbackName](event,info));};return addPointerEvent(node.current,eventName,handleEvent,{passive:!node.getProps()[callbackName]})}var HoverGesture=class extends Feature{mount(){this.unmount=pipe(addHoverEvent(this.node,!0),addHoverEvent(this.node,!1));}unmount(){}};var FocusGesture=class extends Feature{constructor(){super(...arguments),this.isActive=!1;}onFocus(){let isFocusVisible=!1;try{isFocusVisible=this.node.current.matches(":focus-visible");}catch{isFocusVisible=!0;}!isFocusVisible||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0);}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1);}mount(){this.unmount=pipe(addDomEvent(this.node.current,"focus",()=>this.onFocus()),addDomEvent(this.node.current,"blur",()=>this.onBlur()));}unmount(){}};var isNodeOrChild=(parent,child)=>child?parent===child?!0:isNodeOrChild(parent,child.parentElement):!1;function fireSyntheticPointerEvent(name,handler){if(!handler)return;let syntheticPointerEvent=new PointerEvent("pointer"+name);handler(syntheticPointerEvent,extractEventInfo(syntheticPointerEvent));}var PressGesture=class extends Feature{constructor(){super(...arguments),this.removeStartListeners=noop2,this.removeEndListeners=noop2,this.removeAccessibleListeners=noop2,this.startPointerPress=(startEvent,startInfo)=>{if(this.isPressing)return;this.removeEndListeners();let props=this.node.getProps(),removePointerUpListener=addPointerEvent(window,"pointerup",(endEvent,endInfo)=>{if(!this.checkPressEnd())return;let{onTap,onTapCancel,globalTapTarget}=this.node.getProps();frame.update(()=>{!globalTapTarget&&!isNodeOrChild(this.node.current,endEvent.target)?onTapCancel&&onTapCancel(endEvent,endInfo):onTap&&onTap(endEvent,endInfo);});},{passive:!(props.onTap||props.onPointerUp)}),removePointerCancelListener=addPointerEvent(window,"pointercancel",(cancelEvent,cancelInfo)=>this.cancelPress(cancelEvent,cancelInfo),{passive:!(props.onTapCancel||props.onPointerCancel)});this.removeEndListeners=pipe(removePointerUpListener,removePointerCancelListener),this.startPress(startEvent,startInfo);},this.startAccessiblePress=()=>{let handleKeydown=keydownEvent=>{if(keydownEvent.key!=="Enter"||this.isPressing)return;let handleKeyup=keyupEvent=>{keyupEvent.key!=="Enter"||!this.checkPressEnd()||fireSyntheticPointerEvent("up",(event,info)=>{let{onTap}=this.node.getProps();onTap&&frame.update(()=>onTap(event,info));});};this.removeEndListeners(),this.removeEndListeners=addDomEvent(this.node.current,"keyup",handleKeyup),fireSyntheticPointerEvent("down",(event,info)=>{this.startPress(event,info);});},removeKeydownListener=addDomEvent(this.node.current,"keydown",handleKeydown),handleBlur=()=>{this.isPressing&&fireSyntheticPointerEvent("cancel",(cancelEvent,cancelInfo)=>this.cancelPress(cancelEvent,cancelInfo));},removeBlurListener=addDomEvent(this.node.current,"blur",handleBlur);this.removeAccessibleListeners=pipe(removeKeydownListener,removeBlurListener);};}startPress(event,info){this.isPressing=!0;let{onTapStart,whileTap}=this.node.getProps();whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),onTapStart&&frame.update(()=>onTapStart(event,info));}checkPressEnd(){return this.removeEndListeners(),this.isPressing=!1,this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!isDragActive()}cancelPress(event,info){if(!this.checkPressEnd())return;let{onTapCancel}=this.node.getProps();onTapCancel&&frame.update(()=>onTapCancel(event,info));}mount(){let props=this.node.getProps(),removePointerListener=addPointerEvent(props.globalTapTarget?window:this.node.current,"pointerdown",this.startPointerPress,{passive:!(props.onTapStart||props.onPointerStart)}),removeFocusListener=addDomEvent(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=pipe(removePointerListener,removeFocusListener);}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners();}};var observerCallbacks=new WeakMap,observers=new WeakMap,fireObserverCallback=entry=>{let callback=observerCallbacks.get(entry.target);callback&&callback(entry);},fireAllObserverCallbacks=entries=>{entries.forEach(fireObserverCallback);};function initIntersectionObserver({root,...options}){let lookupRoot=root||document;observers.has(lookupRoot)||observers.set(lookupRoot,{});let rootObservers=observers.get(lookupRoot),key=JSON.stringify(options);return rootObservers[key]||(rootObservers[key]=new IntersectionObserver(fireAllObserverCallbacks,{root,...options})),rootObservers[key]}function observeIntersection(element,options,callback){let rootInteresectionObserver=initIntersectionObserver(options);return observerCallbacks.set(element,callback),rootInteresectionObserver.observe(element),()=>{observerCallbacks.delete(element),rootInteresectionObserver.unobserve(element);}}var thresholdNames={some:0,all:1},InViewFeature=class extends Feature{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1;}startObserver(){this.unmount();let{viewport={}}=this.node.getProps(),{root,margin:rootMargin,amount="some",once:once2}=viewport,options={root:root?root.current:void 0,rootMargin,threshold:typeof amount=="number"?amount:thresholdNames[amount]},onIntersectionUpdate=entry=>{let{isIntersecting}=entry;if(this.isInView===isIntersecting||(this.isInView=isIntersecting,once2&&!isIntersecting&&this.hasEnteredView))return;isIntersecting&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",isIntersecting);let{onViewportEnter,onViewportLeave}=this.node.getProps(),callback=isIntersecting?onViewportEnter:onViewportLeave;callback&&callback(entry);};return observeIntersection(this.node.current,options,onIntersectionUpdate)}mount(){this.startObserver();}update(){if(typeof IntersectionObserver>"u")return;let{props,prevProps}=this.node;["amount","margin","root"].some(hasViewportOptionChanged(props,prevProps))&&this.startObserver();}unmount(){}};function hasViewportOptionChanged({viewport={}},{viewport:prevViewport={}}={}){return name=>viewport[name]!==prevViewport[name]}var gestureAnimations={inView:{Feature:InViewFeature},tap:{Feature:PressGesture},focus:{Feature:FocusGesture},hover:{Feature:HoverGesture}};function shallowCompare(next,prev){if(!Array.isArray(prev))return !1;let prevLength=prev.length;if(prevLength!==next.length)return !1;for(let i=0;i<prevLength;i++)if(prev[i]!==next[i])return !1;return !0}function getCurrent(visualElement){let current={};return visualElement.values.forEach((value,key)=>current[key]=value.get()),current}function getVelocity(visualElement){let velocity={};return visualElement.values.forEach((value,key)=>velocity[key]=value.getVelocity()),velocity}function resolveVariant(visualElement,definition,custom){let props=visualElement.getProps();return resolveVariantFromProps(props,definition,custom!==void 0?custom:props.custom,getCurrent(visualElement),getVelocity(visualElement))}var warning=noop2,invariant=noop2;warning=(check,message)=>{!check&&typeof console<"u"&&console.warn(message);},invariant=(check,message)=>{if(!check)throw new Error(message)};var secondsToMilliseconds=seconds=>seconds*1e3,millisecondsToSeconds=milliseconds=>milliseconds/1e3;var instantAnimationState={current:!1};var isBezierDefinition=easing=>Array.isArray(easing)&&typeof easing[0]=="number";function isWaapiSupportedEasing(easing){return !!(!easing||typeof easing=="string"&&supportedWaapiEasing[easing]||isBezierDefinition(easing)||Array.isArray(easing)&&easing.every(isWaapiSupportedEasing))}var cubicBezierAsString=([a,b,c,d])=>`cubic-bezier(${a}, ${b}, ${c}, ${d})`,supportedWaapiEasing={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:cubicBezierAsString([0,.65,.55,1]),circOut:cubicBezierAsString([.55,0,1,.45]),backIn:cubicBezierAsString([.31,.01,.66,-.59]),backOut:cubicBezierAsString([.33,1.53,.69,.99])};function mapEasingToNativeEasing(easing){if(easing)return isBezierDefinition(easing)?cubicBezierAsString(easing):Array.isArray(easing)?easing.map(mapEasingToNativeEasing):supportedWaapiEasing[easing]}function animateStyle(element,valueName,keyframes4,{delay:delay2=0,duration,repeat=0,repeatType="loop",ease:ease2,times}={}){let keyframeOptions={[valueName]:keyframes4};times&&(keyframeOptions.offset=times);let easing=mapEasingToNativeEasing(ease2);return Array.isArray(easing)&&(keyframeOptions.easing=easing),element.animate(keyframeOptions,{delay:delay2,duration,easing:Array.isArray(easing)?"linear":easing,fill:"both",iterations:repeat+1,direction:repeatType==="reverse"?"alternate":"normal"})}function getFinalKeyframe(keyframes4,{repeat,repeatType="loop"}){let index2=repeat&&repeatType!=="loop"&&repeat%2===1?0:keyframes4.length-1;return keyframes4[index2]}var calcBezier=(t,a1,a2)=>(((1-3*a2+3*a1)*t+(3*a2-6*a1))*t+3*a1)*t,subdivisionPrecision=1e-7,subdivisionMaxIterations=12;function binarySubdivide(x,lowerBound,upperBound,mX1,mX2){let currentX,currentT,i=0;do currentT=lowerBound+(upperBound-lowerBound)/2,currentX=calcBezier(currentT,mX1,mX2)-x,currentX>0?upperBound=currentT:lowerBound=currentT;while(Math.abs(currentX)>subdivisionPrecision&&++i<subdivisionMaxIterations);return currentT}function cubicBezier(mX1,mY1,mX2,mY2){if(mX1===mY1&&mX2===mY2)return noop2;let getTForX=aX=>binarySubdivide(aX,0,1,mX1,mX2);return t=>t===0||t===1?t:calcBezier(getTForX(t),mY1,mY2)}var easeIn=cubicBezier(.42,0,1,1),easeOut=cubicBezier(0,0,.58,1),easeInOut=cubicBezier(.42,0,.58,1);var isEasingArray=ease2=>Array.isArray(ease2)&&typeof ease2[0]!="number";var mirrorEasing=easing=>p=>p<=.5?easing(2*p)/2:(2-easing(2*(1-p)))/2;var reverseEasing=easing=>p=>1-easing(1-p);var circIn=p=>1-Math.sin(Math.acos(p)),circOut=reverseEasing(circIn),circInOut=mirrorEasing(circIn);var backOut=cubicBezier(.33,1.53,.69,.99),backIn=reverseEasing(backOut),backInOut=mirrorEasing(backIn);var anticipate=p=>(p*=2)<1?.5*backIn(p):.5*(2-Math.pow(2,-10*(p-1)));var easingLookup={linear:noop2,easeIn,easeInOut,easeOut,circIn,circInOut,circOut,backIn,backInOut,backOut,anticipate},easingDefinitionToFunction=definition=>{if(Array.isArray(definition)){invariant(definition.length===4,"Cubic bezier arrays must contain four numerical values.");let[x1,y1,x2,y2]=definition;return cubicBezier(x1,y1,x2,y2)}else if(typeof definition=="string")return invariant(easingLookup[definition]!==void 0,`Invalid easing type '${definition}'`),easingLookup[definition];return definition};var progress=(from,to,value)=>{let toFromDifference=to-from;return toFromDifference===0?1:(value-from)/toFromDifference};var mixNumber=(from,to,progress2)=>from+(to-from)*progress2;function hueToRgb(p,q,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?p+(q-p)*6*t:t<1/2?q:t<2/3?p+(q-p)*(2/3-t)*6:p}function hslaToRgba({hue,saturation,lightness,alpha:alpha2}){hue/=360,saturation/=100,lightness/=100;let red=0,green=0,blue=0;if(!saturation)red=green=blue=lightness;else {let q=lightness<.5?lightness*(1+saturation):lightness+saturation-lightness*saturation,p=2*lightness-q;red=hueToRgb(p,q,hue+1/3),green=hueToRgb(p,q,hue),blue=hueToRgb(p,q,hue-1/3);}return {red:Math.round(red*255),green:Math.round(green*255),blue:Math.round(blue*255),alpha:alpha2}}var isColorString=(type,testProp)=>v=>!!(isString(v)&&singleColorRegex.test(v)&&v.startsWith(type)||testProp&&Object.prototype.hasOwnProperty.call(v,testProp)),splitColor=(aName,bName,cName)=>v=>{if(!isString(v))return v;let[a,b,c,alpha2]=v.match(floatRegex);return {[aName]:parseFloat(a),[bName]:parseFloat(b),[cName]:parseFloat(c),alpha:alpha2!==void 0?parseFloat(alpha2):1}};var clampRgbUnit=v=>clamp(0,255,v),rgbUnit={...number,transform:v=>Math.round(clampRgbUnit(v))},rgba={test:isColorString("rgb","red"),parse:splitColor("red","green","blue"),transform:({red,green,blue,alpha:alpha$1=1})=>"rgba("+rgbUnit.transform(red)+", "+rgbUnit.transform(green)+", "+rgbUnit.transform(blue)+", "+sanitize(alpha.transform(alpha$1))+")"};function parseHex(v){let r="",g="",b="",a="";return v.length>5?(r=v.substring(1,3),g=v.substring(3,5),b=v.substring(5,7),a=v.substring(7,9)):(r=v.substring(1,2),g=v.substring(2,3),b=v.substring(3,4),a=v.substring(4,5),r+=r,g+=g,b+=b,a+=a),{red:parseInt(r,16),green:parseInt(g,16),blue:parseInt(b,16),alpha:a?parseInt(a,16)/255:1}}var hex={test:isColorString("#"),parse:parseHex,transform:rgba.transform};var hsla={test:isColorString("hsl","hue"),parse:splitColor("hue","saturation","lightness"),transform:({hue,saturation,lightness,alpha:alpha$1=1})=>"hsla("+Math.round(hue)+", "+percent.transform(sanitize(saturation))+", "+percent.transform(sanitize(lightness))+", "+sanitize(alpha.transform(alpha$1))+")"};var mixLinearColor=(from,to,v)=>{let fromExpo=from*from,expo=v*(to*to-fromExpo)+fromExpo;return expo<0?0:Math.sqrt(expo)},colorTypes=[hex,rgba,hsla],getColorType=v=>colorTypes.find(type=>type.test(v));function asRGBA(color2){let type=getColorType(color2);invariant(!!type,`'${color2}' is not an animatable color. Use the equivalent color code instead.`);let model=type.parse(color2);return type===hsla&&(model=hslaToRgba(model)),model}var mixColor=(from,to)=>{let fromRGBA=asRGBA(from),toRGBA=asRGBA(to),blended={...fromRGBA};return v=>(blended.red=mixLinearColor(fromRGBA.red,toRGBA.red,v),blended.green=mixLinearColor(fromRGBA.green,toRGBA.green,v),blended.blue=mixLinearColor(fromRGBA.blue,toRGBA.blue,v),blended.alpha=mixNumber(fromRGBA.alpha,toRGBA.alpha,v),rgba.transform(blended))};var color={test:v=>rgba.test(v)||hex.test(v)||hsla.test(v),parse:v=>rgba.test(v)?rgba.parse(v):hsla.test(v)?hsla.parse(v):hex.parse(v),transform:v=>isString(v)?v:v.hasOwnProperty("red")?rgba.transform(v):hsla.transform(v)};function test(v){var _a,_b;return isNaN(v)&&isString(v)&&(((_a=v.match(floatRegex))===null||_a===void 0?void 0:_a.length)||0)+(((_b=v.match(colorRegex))===null||_b===void 0?void 0:_b.length)||0)>0}var NUMBER_TOKEN="number",COLOR_TOKEN="color",VAR_TOKEN="var",VAR_FUNCTION_TOKEN="var(",SPLIT_TOKEN="${}",complexRegex=/(var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\))|(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))|((-)?([\d]*\.?[\d])+)/gi;function analyseComplexValue(value){let originalValue=value.toString(),matchedValues=originalValue.match(complexRegex)||[],values=[],indexes={color:[],number:[],var:[]},types2=[];for(let i=0;i<matchedValues.length;i++){let parsedValue=matchedValues[i];color.test(parsedValue)?(indexes.color.push(i),types2.push(COLOR_TOKEN),values.push(color.parse(parsedValue))):parsedValue.startsWith(VAR_FUNCTION_TOKEN)?(indexes.var.push(i),types2.push(VAR_TOKEN),values.push(parsedValue)):(indexes.number.push(i),types2.push(NUMBER_TOKEN),values.push(parseFloat(parsedValue)));}let split=originalValue.replace(complexRegex,SPLIT_TOKEN).split(SPLIT_TOKEN);return {values,split,indexes,types:types2}}function parseComplexValue(v){return analyseComplexValue(v).values}function createTransformer(source){let{split,types:types2}=analyseComplexValue(source),numSections=split.length;return v=>{let output="";for(let i=0;i<numSections;i++)if(output+=split[i],v[i]!==void 0){let type=types2[i];type===NUMBER_TOKEN?output+=sanitize(v[i]):type===COLOR_TOKEN?output+=color.transform(v[i]):output+=v[i];}return output}}var convertNumbersToZero=v=>typeof v=="number"?0:v;function getAnimatableNone(v){let parsed=parseComplexValue(v);return createTransformer(v)(parsed.map(convertNumbersToZero))}var complex={test,parse:parseComplexValue,createTransformer,getAnimatableNone};function mixImmediate(a,b){return p=>p>0?b:a}function mixNumber2(a,b){return p=>mixNumber(a,b,p)}function getMixer(a){return typeof a=="number"?mixNumber2:typeof a=="string"?isCSSVariableToken(a)?mixImmediate:color.test(a)?mixColor:mixComplex:Array.isArray(a)?mixArray:typeof a=="object"?color.test(a)?mixColor:mixObject:mixImmediate}function mixArray(a,b){let output=[...a],numValues=output.length,blendValue=a.map((v,i)=>getMixer(v)(v,b[i]));return p=>{for(let i=0;i<numValues;i++)output[i]=blendValue[i](p);return output}}function mixObject(a,b){let output={...a,...b},blendValue={};for(let key in output)a[key]!==void 0&&b[key]!==void 0&&(blendValue[key]=getMixer(a[key])(a[key],b[key]));return v=>{for(let key in blendValue)output[key]=blendValue[key](v);return output}}function matchOrder(origin,target){var _a;let orderedOrigin=[],pointers={color:0,var:0,number:0};for(let i=0;i<target.values.length;i++){let type=target.types[i],originIndex=origin.indexes[type][pointers[type]],originValue=(_a=origin.values[originIndex])!==null&&_a!==void 0?_a:0;orderedOrigin[i]=originValue,pointers[type]++;}return orderedOrigin}var mixComplex=(origin,target)=>{let template=complex.createTransformer(target),originStats=analyseComplexValue(origin),targetStats=analyseComplexValue(target);return originStats.indexes.var.length===targetStats.indexes.var.length&&originStats.indexes.color.length===targetStats.indexes.color.length&&originStats.indexes.number.length>=targetStats.indexes.number.length?pipe(mixArray(matchOrder(originStats,targetStats),targetStats.values),template):(warning(!0,`Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),mixImmediate(origin,target))};function mix(from,to,p){return typeof from=="number"&&typeof to=="number"&&typeof p=="number"?mixNumber(from,to,p):getMixer(from)(from,to)}function createMixers(output,ease2,customMixer){let mixers=[],mixerFactory=customMixer||mix,numMixers=output.length-1;for(let i=0;i<numMixers;i++){let mixer=mixerFactory(output[i],output[i+1]);if(ease2){let easingFunction=Array.isArray(ease2)?ease2[i]||noop2:ease2;mixer=pipe(easingFunction,mixer);}mixers.push(mixer);}return mixers}function interpolate(input,output,{clamp:isClamp=!0,ease:ease2,mixer}={}){let inputLength=input.length;if(invariant(inputLength===output.length,"Both input and output ranges must be the same length"),inputLength===1)return ()=>output[0];input[0]>input[inputLength-1]&&(input=[...input].reverse(),output=[...output].reverse());let mixers=createMixers(output,ease2,mixer),numMixers=mixers.length,interpolator=v=>{let i=0;if(numMixers>1)for(;i<input.length-2&&!(v<input[i+1]);i++);let progressInRange=progress(input[i],input[i+1],v);return mixers[i](progressInRange)};return isClamp?v=>interpolator(clamp(input[0],input[inputLength-1],v)):interpolator}function fillOffset(offset2,remaining){let min=offset2[offset2.length-1];for(let i=1;i<=remaining;i++){let offsetProgress=progress(0,remaining,i);offset2.push(mixNumber(min,1,offsetProgress));}}function defaultOffset(arr){let offset2=[0];return fillOffset(offset2,arr.length-1),offset2}function convertOffsetToTimes(offset2,duration){return offset2.map(o=>o*duration)}function defaultEasing(values,easing){return values.map(()=>easing||easeInOut).splice(0,values.length-1)}function keyframes3({duration=300,keyframes:keyframeValues,times,ease:ease2="easeInOut"}){let easingFunctions=isEasingArray(ease2)?ease2.map(easingDefinitionToFunction):easingDefinitionToFunction(ease2),state={done:!1,value:keyframeValues[0]},absoluteTimes=convertOffsetToTimes(times&&times.length===keyframeValues.length?times:defaultOffset(keyframeValues),duration),mapTimeToKeyframe=interpolate(absoluteTimes,keyframeValues,{ease:Array.isArray(easingFunctions)?easingFunctions:defaultEasing(keyframeValues,easingFunctions)});return {calculatedDuration:duration,next:t=>(state.value=mapTimeToKeyframe(t),state.done=t>=duration,state)}}function velocityPerSecond(velocity,frameDuration){return frameDuration?velocity*(1e3/frameDuration):0}var velocitySampleDuration=5;function calcGeneratorVelocity(resolveValue,t,current){let prevT=Math.max(t-velocitySampleDuration,0);return velocityPerSecond(current-resolveValue(prevT),t-prevT)}var safeMin=.001,minDuration=.01,maxDuration=10,minDamping=.05,maxDamping=1;function findSpring({duration=800,bounce=.25,velocity=0,mass=1}){let envelope,derivative;warning(duration<=secondsToMilliseconds(maxDuration),"Spring duration must be 10 seconds or less");let dampingRatio=1-bounce;dampingRatio=clamp(minDamping,maxDamping,dampingRatio),duration=clamp(minDuration,maxDuration,millisecondsToSeconds(duration)),dampingRatio<1?(envelope=undampedFreq2=>{let exponentialDecay=undampedFreq2*dampingRatio,delta=exponentialDecay*duration,a=exponentialDecay-velocity,b=calcAngularFreq(undampedFreq2,dampingRatio),c=Math.exp(-delta);return safeMin-a/b*c},derivative=undampedFreq2=>{let delta=undampedFreq2*dampingRatio*duration,d=delta*velocity+velocity,e=Math.pow(dampingRatio,2)*Math.pow(undampedFreq2,2)*duration,f=Math.exp(-delta),g=calcAngularFreq(Math.pow(undampedFreq2,2),dampingRatio);return (-envelope(undampedFreq2)+safeMin>0?-1:1)*((d-e)*f)/g}):(envelope=undampedFreq2=>{let a=Math.exp(-undampedFreq2*duration),b=(undampedFreq2-velocity)*duration+1;return -safeMin+a*b},derivative=undampedFreq2=>{let a=Math.exp(-undampedFreq2*duration),b=(velocity-undampedFreq2)*(duration*duration);return a*b});let initialGuess=5/duration,undampedFreq=approximateRoot(envelope,derivative,initialGuess);if(duration=secondsToMilliseconds(duration),isNaN(undampedFreq))return {stiffness:100,damping:10,duration};{let stiffness=Math.pow(undampedFreq,2)*mass;return {stiffness,damping:dampingRatio*2*Math.sqrt(mass*stiffness),duration}}}var rootIterations=12;function approximateRoot(envelope,derivative,initialGuess){let result=initialGuess;for(let i=1;i<rootIterations;i++)result=result-envelope(result)/derivative(result);return result}function calcAngularFreq(undampedFreq,dampingRatio){return undampedFreq*Math.sqrt(1-dampingRatio*dampingRatio)}var durationKeys=["duration","bounce"],physicsKeys=["stiffness","damping","mass"];function isSpringType(options,keys2){return keys2.some(key=>options[key]!==void 0)}function getSpringOptions(options){let springOptions={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...options};if(!isSpringType(options,physicsKeys)&&isSpringType(options,durationKeys)){let derived=findSpring(options);springOptions={...springOptions,...derived,mass:1},springOptions.isResolvedFromDuration=!0;}return springOptions}function spring({keyframes:keyframes4,restDelta,restSpeed,...options}){let origin=keyframes4[0],target=keyframes4[keyframes4.length-1],state={done:!1,value:origin},{stiffness,damping,mass,duration,velocity,isResolvedFromDuration}=getSpringOptions({...options,velocity:-millisecondsToSeconds(options.velocity||0)}),initialVelocity=velocity||0,dampingRatio=damping/(2*Math.sqrt(stiffness*mass)),initialDelta=target-origin,undampedAngularFreq=millisecondsToSeconds(Math.sqrt(stiffness/mass)),isGranularScale=Math.abs(initialDelta)<5;restSpeed||(restSpeed=isGranularScale?.01:2),restDelta||(restDelta=isGranularScale?.005:.5);let resolveSpring;if(dampingRatio<1){let angularFreq=calcAngularFreq(undampedAngularFreq,dampingRatio);resolveSpring=t=>{let envelope=Math.exp(-dampingRatio*undampedAngularFreq*t);return target-envelope*((initialVelocity+dampingRatio*undampedAngularFreq*initialDelta)/angularFreq*Math.sin(angularFreq*t)+initialDelta*Math.cos(angularFreq*t))};}else if(dampingRatio===1)resolveSpring=t=>target-Math.exp(-undampedAngularFreq*t)*(initialDelta+(initialVelocity+undampedAngularFreq*initialDelta)*t);else {let dampedAngularFreq=undampedAngularFreq*Math.sqrt(dampingRatio*dampingRatio-1);resolveSpring=t=>{let envelope=Math.exp(-dampingRatio*undampedAngularFreq*t),freqForT=Math.min(dampedAngularFreq*t,300);return target-envelope*((initialVelocity+dampingRatio*undampedAngularFreq*initialDelta)*Math.sinh(freqForT)+dampedAngularFreq*initialDelta*Math.cosh(freqForT))/dampedAngularFreq};}return {calculatedDuration:isResolvedFromDuration&&duration||null,next:t=>{let current=resolveSpring(t);if(isResolvedFromDuration)state.done=t>=duration;else {let currentVelocity=initialVelocity;t!==0&&(dampingRatio<1?currentVelocity=calcGeneratorVelocity(resolveSpring,t,current):currentVelocity=0);let isBelowVelocityThreshold=Math.abs(currentVelocity)<=restSpeed,isBelowDisplacementThreshold=Math.abs(target-current)<=restDelta;state.done=isBelowVelocityThreshold&&isBelowDisplacementThreshold;}return state.value=state.done?target:current,state}}}function inertia({keyframes:keyframes4,velocity=0,power=.8,timeConstant=325,bounceDamping=10,bounceStiffness=500,modifyTarget,min,max,restDelta=.5,restSpeed}){let origin=keyframes4[0],state={done:!1,value:origin},isOutOfBounds=v=>min!==void 0&&v<min||max!==void 0&&v>max,nearestBoundary=v=>min===void 0?max:max===void 0||Math.abs(min-v)<Math.abs(max-v)?min:max,amplitude=power*velocity,ideal=origin+amplitude,target=modifyTarget===void 0?ideal:modifyTarget(ideal);target!==ideal&&(amplitude=target-origin);let calcDelta=t=>-amplitude*Math.exp(-t/timeConstant),calcLatest=t=>target+calcDelta(t),applyFriction=t=>{let delta=calcDelta(t),latest=calcLatest(t);state.done=Math.abs(delta)<=restDelta,state.value=state.done?target:latest;},timeReachedBoundary,spring$1,checkCatchBoundary=t=>{isOutOfBounds(state.value)&&(timeReachedBoundary=t,spring$1=spring({keyframes:[state.value,nearestBoundary(state.value)],velocity:calcGeneratorVelocity(calcLatest,t,state.value),damping:bounceDamping,stiffness:bounceStiffness,restDelta,restSpeed}));};return checkCatchBoundary(0),{calculatedDuration:null,next:t=>{let hasUpdatedFrame=!1;return !spring$1&&timeReachedBoundary===void 0&&(hasUpdatedFrame=!0,applyFriction(t),checkCatchBoundary(t)),timeReachedBoundary!==void 0&&t>timeReachedBoundary?spring$1.next(t-timeReachedBoundary):(!hasUpdatedFrame&&applyFriction(t),state)}}}var now;function clearTime(){now=void 0;}var time={now:()=>(now===void 0&&time.set(frameData.isProcessing||MotionGlobalConfig.useManualTiming?frameData.timestamp:performance.now()),now),set:newTime=>{now=newTime,queueMicrotask(clearTime);}};var frameloopDriver=update2=>{let passTimestamp=({timestamp})=>update2(timestamp);return {start:()=>frame.update(passTimestamp,!0),stop:()=>cancelFrame(passTimestamp),now:()=>frameData.isProcessing?frameData.timestamp:time.now()}};function calcGeneratorDuration(generator){let duration=0,timeStep=50,state=generator.next(duration);for(;!state.done&&duration<2e4;)duration+=timeStep,state=generator.next(duration);return duration>=2e4?1/0:duration}var types={decay:inertia,inertia,tween:keyframes3,keyframes:keyframes3,spring},percentToProgress=percent2=>percent2/100;function animateValue({autoplay=!0,delay:delay2=0,driver=frameloopDriver,keyframes:keyframes$1,type="keyframes",repeat=0,repeatDelay=0,repeatType="loop",onPlay,onStop,onComplete,onUpdate:onUpdate2,...options}){let speed=1,hasStopped=!1,resolveFinishedPromise,currentFinishedPromise,updateFinishedPromise=()=>{currentFinishedPromise=new Promise(resolve=>{resolveFinishedPromise=resolve;});};updateFinishedPromise();let animationDriver,generatorFactory=types[type]||keyframes3,mapNumbersToKeyframes;generatorFactory!==keyframes3&&typeof keyframes$1[0]!="number"&&(invariant(keyframes$1.length===2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes$1}`),mapNumbersToKeyframes=pipe(percentToProgress,mix(keyframes$1[0],keyframes$1[1])),keyframes$1=[0,100]);let generator=generatorFactory({...options,keyframes:keyframes$1}),mirroredGenerator;repeatType==="mirror"&&(mirroredGenerator=generatorFactory({...options,keyframes:[...keyframes$1].reverse(),velocity:-(options.velocity||0)}));let playState="idle",holdTime=null,startTime=null,cancelTime=null;generator.calculatedDuration===null&&repeat&&(generator.calculatedDuration=calcGeneratorDuration(generator));let{calculatedDuration}=generator,resolvedDuration=1/0,totalDuration=1/0;calculatedDuration!==null&&(resolvedDuration=calculatedDuration+repeatDelay,totalDuration=resolvedDuration*(repeat+1)-repeatDelay);let currentTime=0,tick=timestamp=>{if(startTime===null)return;speed>0&&(startTime=Math.min(startTime,timestamp)),speed<0&&(startTime=Math.min(timestamp-totalDuration/speed,startTime)),holdTime!==null?currentTime=holdTime:currentTime=Math.round(timestamp-startTime)*speed;let timeWithoutDelay=currentTime-delay2*(speed>=0?1:-1),isInDelayPhase=speed>=0?timeWithoutDelay<0:timeWithoutDelay>totalDuration;currentTime=Math.max(timeWithoutDelay,0),playState==="finished"&&holdTime===null&&(currentTime=totalDuration);let elapsed=currentTime,frameGenerator=generator;if(repeat){let progress2=Math.min(currentTime,totalDuration)/resolvedDuration,currentIteration=Math.floor(progress2),iterationProgress=progress2%1;!iterationProgress&&progress2>=1&&(iterationProgress=1),iterationProgress===1&&currentIteration--,currentIteration=Math.min(currentIteration,repeat+1),!!(currentIteration%2)&&(repeatType==="reverse"?(iterationProgress=1-iterationProgress,repeatDelay&&(iterationProgress-=repeatDelay/resolvedDuration)):repeatType==="mirror"&&(frameGenerator=mirroredGenerator)),elapsed=clamp(0,1,iterationProgress)*resolvedDuration;}let state=isInDelayPhase?{done:!1,value:keyframes$1[0]}:frameGenerator.next(elapsed);mapNumbersToKeyframes&&(state.value=mapNumbersToKeyframes(state.value));let{done}=state;!isInDelayPhase&&calculatedDuration!==null&&(done=speed>=0?currentTime>=totalDuration:currentTime<=0);let isAnimationFinished=holdTime===null&&(playState==="finished"||playState==="running"&&done);return onUpdate2&&onUpdate2(state.value),isAnimationFinished&&finish(),state},stopAnimationDriver=()=>{animationDriver&&animationDriver.stop(),animationDriver=void 0;},cancel=()=>{playState="idle",stopAnimationDriver(),resolveFinishedPromise(),updateFinishedPromise(),startTime=cancelTime=null;},finish=()=>{playState="finished",onComplete&&onComplete(),stopAnimationDriver(),resolveFinishedPromise();},play=()=>{if(hasStopped)return;animationDriver||(animationDriver=driver(tick));let now2=animationDriver.now();onPlay&&onPlay(),holdTime!==null?startTime=now2-holdTime:(!startTime||playState==="finished")&&(startTime=now2),playState==="finished"&&updateFinishedPromise(),cancelTime=startTime,holdTime=null,playState="running",animationDriver.start();};autoplay&&play();let controls={then(resolve,reject){return currentFinishedPromise.then(resolve,reject)},get time(){return millisecondsToSeconds(currentTime)},set time(newTime){newTime=secondsToMilliseconds(newTime),currentTime=newTime,holdTime!==null||!animationDriver||speed===0?holdTime=newTime:startTime=animationDriver.now()-newTime/speed;},get duration(){let duration=generator.calculatedDuration===null?calcGeneratorDuration(generator):generator.calculatedDuration;return millisecondsToSeconds(duration)},get speed(){return speed},set speed(newSpeed){newSpeed===speed||!animationDriver||(speed=newSpeed,controls.time=millisecondsToSeconds(currentTime));},get state(){return playState},play,pause:()=>{playState="paused",holdTime=currentTime;},stop:()=>{hasStopped=!0,playState!=="idle"&&(playState="idle",onStop&&onStop(),cancel());},cancel:()=>{cancelTime!==null&&tick(cancelTime),cancel();},complete:()=>{playState="finished";},sample:elapsed=>(startTime=0,tick(elapsed))};return controls}function memo(callback){let result;return ()=>(result===void 0&&(result=callback()),result)}var supportsWaapi=memo(()=>Object.hasOwnProperty.call(Element.prototype,"animate")),acceleratedValues=new Set(["opacity","clipPath","filter","transform"]),sampleDelta=10,maxDuration2=2e4,requiresPregeneratedKeyframes=(valueName,options)=>options.type==="spring"||valueName==="backgroundColor"||!isWaapiSupportedEasing(options.ease);function createAcceleratedAnimation(value,valueName,{onUpdate:onUpdate2,onComplete,...options}){if(!(supportsWaapi()&&acceleratedValues.has(valueName)&&!options.repeatDelay&&options.repeatType!=="mirror"&&options.damping!==0&&options.type!=="inertia"))return !1;let hasStopped=!1,resolveFinishedPromise,currentFinishedPromise,pendingCancel=!1,updateFinishedPromise=()=>{currentFinishedPromise=new Promise(resolve=>{resolveFinishedPromise=resolve;});};updateFinishedPromise();let{keyframes:keyframes4,duration=300,ease:ease2,times}=options;if(requiresPregeneratedKeyframes(valueName,options)){let sampleAnimation=animateValue({...options,repeat:0,delay:0}),state={done:!1,value:keyframes4[0]},pregeneratedKeyframes=[],t=0;for(;!state.done&&t<maxDuration2;)state=sampleAnimation.sample(t),pregeneratedKeyframes.push(state.value),t+=sampleDelta;times=void 0,keyframes4=pregeneratedKeyframes,duration=t-sampleDelta,ease2="linear";}let animation=animateStyle(value.owner.current,valueName,keyframes4,{...options,duration,ease:ease2,times}),cancelAnimation=()=>{pendingCancel=!1,animation.cancel();},safeCancel=()=>{pendingCancel=!0,frame.update(cancelAnimation),resolveFinishedPromise(),updateFinishedPromise();};return animation.onfinish=()=>{pendingCancel||(value.set(getFinalKeyframe(keyframes4,options)),onComplete&&onComplete(),safeCancel());},{then(resolve,reject){return currentFinishedPromise.then(resolve,reject)},attachTimeline(timeline){return animation.timeline=timeline,animation.onfinish=null,noop2},get time(){return millisecondsToSeconds(animation.currentTime||0)},set time(newTime){animation.currentTime=secondsToMilliseconds(newTime);},get speed(){return animation.playbackRate},set speed(newSpeed){animation.playbackRate=newSpeed;},get duration(){return millisecondsToSeconds(duration)},play:()=>{hasStopped||(animation.play(),cancelFrame(cancelAnimation));},pause:()=>animation.pause(),stop:()=>{if(hasStopped=!0,animation.playState==="idle")return;let{currentTime}=animation;if(currentTime){let sampleAnimation=animateValue({...options,autoplay:!1});value.setWithVelocity(sampleAnimation.sample(currentTime-sampleDelta).value,sampleAnimation.sample(currentTime).value,sampleDelta);}safeCancel();},complete:()=>{pendingCancel||animation.finish();},cancel:safeCancel}}function createInstantAnimation({keyframes:keyframes4,delay:delay2,onUpdate:onUpdate2,onComplete}){let setValue=()=>(onUpdate2&&onUpdate2(keyframes4[keyframes4.length-1]),onComplete&&onComplete(),{time:0,speed:1,duration:0,play:noop2,pause:noop2,stop:noop2,then:resolve=>(resolve(),Promise.resolve()),cancel:noop2,complete:noop2});return delay2?animateValue({keyframes:[0,1],duration:0,delay:delay2,onComplete:setValue}):setValue()}var underDampedSpring={type:"spring",stiffness:500,damping:25,restSpeed:10},criticallyDampedSpring=target=>({type:"spring",stiffness:550,damping:target===0?2*Math.sqrt(550):30,restSpeed:10}),keyframesTransition={type:"keyframes",duration:.8},ease={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},getDefaultTransition=(valueKey,{keyframes:keyframes4})=>keyframes4.length>2?keyframesTransition:transformProps.has(valueKey)?valueKey.startsWith("scale")?criticallyDampedSpring(keyframes4[1]):underDampedSpring:ease;var isAnimatable=(key,value)=>key==="zIndex"?!1:!!(typeof value=="number"||Array.isArray(value)||typeof value=="string"&&(complex.test(value)||value==="0")&&!value.startsWith("url("));var maxDefaults=new Set(["brightness","contrast","saturate","opacity"]);function applyDefaultFilter(v){let[name,value]=v.slice(0,-1).split("(");if(name==="drop-shadow")return v;let[number2]=value.match(floatRegex)||[];if(!number2)return v;let unit=value.replace(number2,""),defaultValue=maxDefaults.has(name)?1:0;return number2!==value&&(defaultValue*=100),name+"("+defaultValue+unit+")"}var functionRegex=/([a-z-]*)\(.*?\)/g,filter={...complex,getAnimatableNone:v=>{let functions=v.match(functionRegex);return functions?functions.map(applyDefaultFilter).join(" "):v}};var defaultValueTypes={...numberValueTypes,color,backgroundColor:color,outlineColor:color,fill:color,stroke:color,borderColor:color,borderTopColor:color,borderRightColor:color,borderBottomColor:color,borderLeftColor:color,filter,WebkitFilter:filter},getDefaultValueType=key=>defaultValueTypes[key];function getAnimatableNone2(key,value){let defaultValueType=getDefaultValueType(key);return defaultValueType!==filter&&(defaultValueType=complex),defaultValueType.getAnimatableNone?defaultValueType.getAnimatableNone(value):void 0}var isZeroValueString=v=>/^0[^.\s]+$/.test(v);function isNone(value){if(typeof value=="number")return value===0;if(value!==null)return value==="none"||value==="0"||isZeroValueString(value)}function getKeyframes(value,valueName,target,transition){let isTargetAnimatable=isAnimatable(valueName,target),keyframes4;Array.isArray(target)?keyframes4=[...target]:keyframes4=[null,target];let defaultOrigin=transition.from!==void 0?transition.from:value.get(),animatableTemplateValue,noneKeyframeIndexes=[];for(let i=0;i<keyframes4.length;i++)keyframes4[i]===null&&(keyframes4[i]=i===0?defaultOrigin:keyframes4[i-1]),isNone(keyframes4[i])&&noneKeyframeIndexes.push(i),typeof keyframes4[i]=="string"&&keyframes4[i]!=="none"&&keyframes4[i]!=="0"&&(animatableTemplateValue=keyframes4[i]);if(isTargetAnimatable&&noneKeyframeIndexes.length&&animatableTemplateValue)for(let i=0;i<noneKeyframeIndexes.length;i++){let index2=noneKeyframeIndexes[i];keyframes4[index2]=getAnimatableNone2(valueName,animatableTemplateValue);}return keyframes4}function isTransitionDefined({when,delay:_delay,delayChildren,staggerChildren,staggerDirection,repeat,repeatType,repeatDelay,from,elapsed,...transition}){return !!Object.keys(transition).length}function getValueTransition(transition,key){return transition[key]||transition.default||transition}var animateMotionValue=(valueName,value,target,transition={})=>onComplete=>{let valueTransition=getValueTransition(transition,valueName)||{},delay2=valueTransition.delay||transition.delay||0,{elapsed=0}=transition;elapsed=elapsed-secondsToMilliseconds(delay2);let keyframes4=getKeyframes(value,valueName,target,valueTransition),originKeyframe=keyframes4[0],targetKeyframe=keyframes4[keyframes4.length-1],isOriginAnimatable=isAnimatable(valueName,originKeyframe),isTargetAnimatable=isAnimatable(valueName,targetKeyframe);warning(isOriginAnimatable===isTargetAnimatable,`You are trying to animate ${valueName} from "${originKeyframe}" to "${targetKeyframe}". ${originKeyframe} is not an animatable value - to enable this animation set ${originKeyframe} to a value animatable to ${targetKeyframe} via the \`style\` property.`);let options={keyframes:keyframes4,velocity:value.getVelocity(),ease:"easeOut",...valueTransition,delay:-elapsed,onUpdate:v=>{value.set(v),valueTransition.onUpdate&&valueTransition.onUpdate(v);},onComplete:()=>{onComplete(),valueTransition.onComplete&&valueTransition.onComplete();}};if(isTransitionDefined(valueTransition)||(options={...options,...getDefaultTransition(valueName,options)}),options.duration&&(options.duration=secondsToMilliseconds(options.duration)),options.repeatDelay&&(options.repeatDelay=secondsToMilliseconds(options.repeatDelay)),!isOriginAnimatable||!isTargetAnimatable||instantAnimationState.current||valueTransition.type===!1||MotionGlobalConfig.skipAnimations)return createInstantAnimation(options);if(!transition.isHandoff&&value.owner&&value.owner.current instanceof HTMLElement&&!value.owner.getProps().onUpdate){let acceleratedAnimation=createAcceleratedAnimation(value,valueName,options);if(acceleratedAnimation)return acceleratedAnimation}return animateValue(options)};function isWillChangeMotionValue(value){return !!(isMotionValue(value)&&value.add)}var isNumericalString=v=>/^\-?\d*\.?\d+$/.test(v);function addUniqueItem(arr,item){arr.indexOf(item)===-1&&arr.push(item);}function removeItem(arr,item){let index2=arr.indexOf(item);index2>-1&&arr.splice(index2,1);}var SubscriptionManager=class{constructor(){this.subscriptions=[];}add(handler){return addUniqueItem(this.subscriptions,handler),()=>removeItem(this.subscriptions,handler)}notify(a,b,c){let numSubscriptions=this.subscriptions.length;if(numSubscriptions)if(numSubscriptions===1)this.subscriptions[0](a,b,c);else for(let i=0;i<numSubscriptions;i++){let handler=this.subscriptions[i];handler&&handler(a,b,c);}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0;}};var warned=new Set;function warnOnce(condition,message,element){condition||warned.has(message)||(console.warn(message),element&&console.warn(element),warned.add(message));}var MAX_VELOCITY_DELTA=30,isFloat=value=>!isNaN(parseFloat(value)),MotionValue=class{constructor(init,options={}){this.version="11.0.6",this.canTrackVelocity=!1,this.events={},this.updateAndNotify=(v,render=!0)=>{let currentTime=time.now();this.updatedAt!==currentTime&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(v),this.current!==this.prev&&this.events.change&&this.events.change.notify(this.current),render&&this.events.renderRequest&&this.events.renderRequest.notify(this.current);},this.hasAnimated=!1,this.setCurrent(init),this.canTrackVelocity=isFloat(this.current),this.owner=options.owner;}setCurrent(current){this.current=current,this.updatedAt=time.now();}setPrevFrameValue(prevFrameValue=this.current){this.prevFrameValue=prevFrameValue,this.prevUpdatedAt=this.updatedAt;}onChange(subscription){return warnOnce(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",subscription)}on(eventName,callback){this.events[eventName]||(this.events[eventName]=new SubscriptionManager);let unsubscribe=this.events[eventName].add(callback);return eventName==="change"?()=>{unsubscribe(),frame.read(()=>{this.events.change.getSize()||this.stop();});}:unsubscribe}clearListeners(){for(let eventManagers in this.events)this.events[eventManagers].clear();}attach(passiveEffect,stopPassiveEffect){this.passiveEffect=passiveEffect,this.stopPassiveEffect=stopPassiveEffect;}set(v,render=!0){!render||!this.passiveEffect?this.updateAndNotify(v,render):this.passiveEffect(v,this.updateAndNotify);}setWithVelocity(prev,current,delta){this.set(current),this.prev=void 0,this.prevFrameValue=prev,this.prevUpdatedAt=this.updatedAt-delta;}jump(v){this.updateAndNotify(v),this.prev=v,this.prevUpdatedAt=this.prevFrameValue=void 0,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect();}get(){return this.current}getPrevious(){return this.prev}getVelocity(){let currentTime=time.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||currentTime-this.updatedAt>MAX_VELOCITY_DELTA)return 0;let delta=Math.min(this.updatedAt-this.prevUpdatedAt,MAX_VELOCITY_DELTA);return velocityPerSecond(parseFloat(this.current)-parseFloat(this.prevFrameValue),delta)}start(startAnimation){return this.stop(),new Promise(resolve=>{this.hasAnimated=!0,this.animation=startAnimation(resolve),this.events.animationStart&&this.events.animationStart.notify();}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation();})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation();}isAnimating(){return !!this.animation}clearAnimation(){delete this.animation;}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect();}};function motionValue(init,options){return new MotionValue(init,options)}var testValueType=v=>type=>type.test(v);var auto={test:v=>v==="auto",parse:v=>v};var dimensionValueTypes=[number,px,percent,degrees,vw,vh,auto],findDimensionValueType=v=>dimensionValueTypes.find(testValueType(v));var valueTypes=[...dimensionValueTypes,color,complex],findValueType=v=>valueTypes.find(testValueType(v));function setMotionValue(visualElement,key,value){visualElement.hasValue(key)?visualElement.getValue(key).set(value):visualElement.addValue(key,motionValue(value));}function setTarget(visualElement,definition){let resolved=resolveVariant(visualElement,definition),{transitionEnd={},transition={},...target}=resolved?visualElement.makeTargetAnimatable(resolved,!1):{};target={...target,...transitionEnd};for(let key in target){let value=resolveFinalValueInKeyframes(target[key]);setMotionValue(visualElement,key,value);}}function checkTargetForNewValues(visualElement,target,origin){var _a,_b;let newValueKeys=Object.keys(target).filter(key=>!visualElement.hasValue(key)),numNewValues=newValueKeys.length;if(numNewValues)for(let i=0;i<numNewValues;i++){let key=newValueKeys[i],targetValue=target[key],value=null;Array.isArray(targetValue)&&(value=targetValue[0]),value===null&&(value=(_b=(_a=origin[key])!==null&&_a!==void 0?_a:visualElement.readValue(key))!==null&&_b!==void 0?_b:target[key]),value!=null&&(typeof value=="string"&&(isNumericalString(value)||isZeroValueString(value))?value=parseFloat(value):!findValueType(value)&&complex.test(targetValue)&&(value=getAnimatableNone2(key,targetValue)),visualElement.addValue(key,motionValue(value,{owner:visualElement})),origin[key]===void 0&&(origin[key]=value),value!==null&&visualElement.setBaseTarget(key,value));}}function getOriginFromTransition(key,transition){return transition?(transition[key]||transition.default||transition).from:void 0}function getOrigin(target,transition,visualElement){let origin={};for(let key in target){let transitionOrigin=getOriginFromTransition(key,transition);if(transitionOrigin!==void 0)origin[key]=transitionOrigin;else {let value=visualElement.getValue(key);value&&(origin[key]=value.get());}}return origin}function shouldBlockAnimation({protectedKeys,needsAnimating},key){let shouldBlock=protectedKeys.hasOwnProperty(key)&&needsAnimating[key]!==!0;return needsAnimating[key]=!1,shouldBlock}function hasKeyframesChanged(value,target){let current=value.get();if(Array.isArray(target)){for(let i=0;i<target.length;i++)if(target[i]!==current)return !0}else return current!==target}function animateTarget(visualElement,definition,{delay:delay2=0,transitionOverride,type}={}){let{transition=visualElement.getDefaultTransition(),transitionEnd,...target}=visualElement.makeTargetAnimatable(definition),willChange=visualElement.getValue("willChange");transitionOverride&&(transition=transitionOverride);let animations2=[],animationTypeState=type&&visualElement.animationState&&visualElement.animationState.getState()[type];for(let key in target){let value=visualElement.getValue(key),valueTarget=target[key];if(!value||valueTarget===void 0||animationTypeState&&shouldBlockAnimation(animationTypeState,key))continue;let valueTransition={delay:delay2,elapsed:0,...getValueTransition(transition||{},key)};if(window.HandoffAppearAnimations){let appearId=visualElement.getProps()[optimizedAppearDataAttribute];if(appearId){let elapsed=window.HandoffAppearAnimations(appearId,key,value,frame);elapsed!==null&&(valueTransition.elapsed=elapsed,valueTransition.isHandoff=!0);}}let canSkip=!valueTransition.isHandoff&&!hasKeyframesChanged(value,valueTarget);if(valueTransition.type==="spring"&&(value.getVelocity()||valueTransition.velocity)&&(canSkip=!1),value.animation&&(canSkip=!1),canSkip)continue;value.start(animateMotionValue(key,value,valueTarget,visualElement.shouldReduceMotion&&transformProps.has(key)?{type:!1}:valueTransition));let animation=value.animation;isWillChangeMotionValue(willChange)&&(willChange.add(key),animation.then(()=>willChange.remove(key))),animations2.push(animation);}return transitionEnd&&Promise.all(animations2).then(()=>{transitionEnd&&setTarget(visualElement,transitionEnd);}),animations2}function animateVariant(visualElement,variant,options={}){let resolved=resolveVariant(visualElement,variant,options.custom),{transition=visualElement.getDefaultTransition()||{}}=resolved||{};options.transitionOverride&&(transition=options.transitionOverride);let getAnimation=resolved?()=>Promise.all(animateTarget(visualElement,resolved,options)):()=>Promise.resolve(),getChildAnimations=visualElement.variantChildren&&visualElement.variantChildren.size?(forwardDelay=0)=>{let{delayChildren=0,staggerChildren,staggerDirection}=transition;return animateChildren(visualElement,variant,delayChildren+forwardDelay,staggerChildren,staggerDirection,options)}:()=>Promise.resolve(),{when}=transition;if(when){let[first,last]=when==="beforeChildren"?[getAnimation,getChildAnimations]:[getChildAnimations,getAnimation];return first().then(()=>last())}else return Promise.all([getAnimation(),getChildAnimations(options.delay)])}function animateChildren(visualElement,variant,delayChildren=0,staggerChildren=0,staggerDirection=1,options){let animations2=[],maxStaggerDuration=(visualElement.variantChildren.size-1)*staggerChildren,generateStaggerDuration=staggerDirection===1?(i=0)=>i*staggerChildren:(i=0)=>maxStaggerDuration-i*staggerChildren;return Array.from(visualElement.variantChildren).sort(sortByTreeOrder).forEach((child,i)=>{child.notify("AnimationStart",variant),animations2.push(animateVariant(child,variant,{...options,delay:delayChildren+generateStaggerDuration(i)}).then(()=>child.notify("AnimationComplete",variant)));}),Promise.all(animations2)}function sortByTreeOrder(a,b){return a.sortNodePosition(b)}function animateVisualElement(visualElement,definition,options={}){visualElement.notify("AnimationStart",definition);let animation;if(Array.isArray(definition)){let animations2=definition.map(variant=>animateVariant(visualElement,variant,options));animation=Promise.all(animations2);}else if(typeof definition=="string")animation=animateVariant(visualElement,definition,options);else {let resolvedDefinition=typeof definition=="function"?resolveVariant(visualElement,definition,options.custom):definition;animation=Promise.all(animateTarget(visualElement,resolvedDefinition,options));}return animation.then(()=>visualElement.notify("AnimationComplete",definition))}var reversePriorityOrder=[...variantPriorityOrder].reverse(),numAnimationTypes=variantPriorityOrder.length;function animateList(visualElement){return animations2=>Promise.all(animations2.map(({animation,options})=>animateVisualElement(visualElement,animation,options)))}function createAnimationState(visualElement){let animate=animateList(visualElement),state=createState(),isInitialRender=!0,buildResolvedTypeValues=(acc,definition)=>{let resolved=resolveVariant(visualElement,definition);if(resolved){let{transition,transitionEnd,...target}=resolved;acc={...acc,...target,...transitionEnd};}return acc};function setAnimateFunction(makeAnimator){animate=makeAnimator(visualElement);}function animateChanges(options,changedActiveType){let props=visualElement.getProps(),context=visualElement.getVariantContext(!0)||{},animations2=[],removedKeys=new Set,encounteredKeys={},removedVariantIndex=1/0;for(let i=0;i<numAnimationTypes;i++){let type=reversePriorityOrder[i],typeState=state[type],prop=props[type]!==void 0?props[type]:context[type],propIsVariant=isVariantLabel(prop),activeDelta=type===changedActiveType?typeState.isActive:null;activeDelta===!1&&(removedVariantIndex=i);let isInherited=prop===context[type]&&prop!==props[type]&&propIsVariant;if(isInherited&&isInitialRender&&visualElement.manuallyAnimateOnMount&&(isInherited=!1),typeState.protectedKeys={...encounteredKeys},!typeState.isActive&&activeDelta===null||!prop&&!typeState.prevProp||isAnimationControls(prop)||typeof prop=="boolean")continue;let shouldAnimateType=checkVariantsDidChange(typeState.prevProp,prop)||type===changedActiveType&&typeState.isActive&&!isInherited&&propIsVariant||i>removedVariantIndex&&propIsVariant,handledRemovedValues=!1,definitionList=Array.isArray(prop)?prop:[prop],resolvedValues=definitionList.reduce(buildResolvedTypeValues,{});activeDelta===!1&&(resolvedValues={});let{prevResolvedValues={}}=typeState,allKeys={...prevResolvedValues,...resolvedValues},markToAnimate=key=>{shouldAnimateType=!0,removedKeys.has(key)&&(handledRemovedValues=!0,removedKeys.delete(key)),typeState.needsAnimating[key]=!0;};for(let key in allKeys){let next=resolvedValues[key],prev=prevResolvedValues[key];if(encounteredKeys.hasOwnProperty(key))continue;let valueHasChanged=!1;isKeyframesTarget(next)&&isKeyframesTarget(prev)?valueHasChanged=!shallowCompare(next,prev):valueHasChanged=next!==prev,valueHasChanged?next!==void 0?markToAnimate(key):removedKeys.add(key):next!==void 0&&removedKeys.has(key)?markToAnimate(key):typeState.protectedKeys[key]=!0;}typeState.prevProp=prop,typeState.prevResolvedValues=resolvedValues,typeState.isActive&&(encounteredKeys={...encounteredKeys,...resolvedValues}),isInitialRender&&visualElement.blockInitialAnimation&&(shouldAnimateType=!1),shouldAnimateType&&(!isInherited||handledRemovedValues)&&animations2.push(...definitionList.map(animation=>({animation,options:{type,...options}})));}if(removedKeys.size){let fallbackAnimation={};removedKeys.forEach(key=>{let fallbackTarget=visualElement.getBaseTarget(key);fallbackTarget!==void 0&&(fallbackAnimation[key]=fallbackTarget);}),animations2.push({animation:fallbackAnimation});}let shouldAnimate=!!animations2.length;return isInitialRender&&(props.initial===!1||props.initial===props.animate)&&!visualElement.manuallyAnimateOnMount&&(shouldAnimate=!1),isInitialRender=!1,shouldAnimate?animate(animations2):Promise.resolve()}function setActive(type,isActive,options){var _a;if(state[type].isActive===isActive)return Promise.resolve();(_a=visualElement.variantChildren)===null||_a===void 0||_a.forEach(child=>{var _a2;return (_a2=child.animationState)===null||_a2===void 0?void 0:_a2.setActive(type,isActive)}),state[type].isActive=isActive;let animations2=animateChanges(options,type);for(let key in state)state[key].protectedKeys={};return animations2}return {animateChanges,setActive,setAnimateFunction,getState:()=>state}}function checkVariantsDidChange(prev,next){return typeof next=="string"?next!==prev:Array.isArray(next)?!shallowCompare(next,prev):!1}function createTypeState(isActive=!1){return {isActive,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function createState(){return {animate:createTypeState(!0),whileInView:createTypeState(),whileHover:createTypeState(),whileTap:createTypeState(),whileDrag:createTypeState(),whileFocus:createTypeState(),exit:createTypeState()}}var AnimationFeature=class extends Feature{constructor(node){super(node),node.animationState||(node.animationState=createAnimationState(node));}updateAnimationControlsSubscription(){let{animate}=this.node.getProps();this.unmount(),isAnimationControls(animate)&&(this.unmount=animate.subscribe(this.node));}mount(){this.updateAnimationControlsSubscription();}update(){let{animate}=this.node.getProps(),{animate:prevAnimate}=this.node.prevProps||{};animate!==prevAnimate&&this.updateAnimationControlsSubscription();}unmount(){}};var id=0,ExitAnimationFeature=class extends Feature{constructor(){super(...arguments),this.id=id++;}update(){if(!this.node.presenceContext)return;let{isPresent,onExitComplete,custom}=this.node.presenceContext,{isPresent:prevIsPresent}=this.node.prevPresenceContext||{};if(!this.node.animationState||isPresent===prevIsPresent)return;let exitAnimation=this.node.animationState.setActive("exit",!isPresent,{custom:custom??this.node.getProps().custom});onExitComplete&&!isPresent&&exitAnimation.then(()=>onExitComplete(this.id));}mount(){let{register}=this.node.presenceContext||{};register&&(this.unmount=register(this.id));}unmount(){}};var animations={animation:{Feature:AnimationFeature},exit:{Feature:ExitAnimationFeature}};var distance=(a,b)=>Math.abs(a-b);function distance2D(a,b){let xDelta=distance(a.x,b.x),yDelta=distance(a.y,b.y);return Math.sqrt(xDelta**2+yDelta**2)}var PanSession=class{constructor(event,handlers,{transformPagePoint,contextWindow,dragSnapToOrigin=!1}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;let info2=getPanInfo(this.lastMoveEventInfo,this.history),isPanStarted=this.startEvent!==null,isDistancePastThreshold=distance2D(info2.offset,{x:0,y:0})>=3;if(!isPanStarted&&!isDistancePastThreshold)return;let{point:point2}=info2,{timestamp:timestamp2}=frameData;this.history.push({...point2,timestamp:timestamp2});let{onStart,onMove}=this.handlers;isPanStarted||(onStart&&onStart(this.lastMoveEvent,info2),this.startEvent=this.lastMoveEvent),onMove&&onMove(this.lastMoveEvent,info2);},this.handlePointerMove=(event2,info2)=>{this.lastMoveEvent=event2,this.lastMoveEventInfo=transformPoint(info2,this.transformPagePoint),frame.update(this.updatePoint,!0);},this.handlePointerUp=(event2,info2)=>{this.end();let{onEnd,onSessionEnd,resumeAnimation}=this.handlers;if(this.dragSnapToOrigin&&resumeAnimation&&resumeAnimation(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;let panInfo=getPanInfo(event2.type==="pointercancel"?this.lastMoveEventInfo:transformPoint(info2,this.transformPagePoint),this.history);this.startEvent&&onEnd&&onEnd(event2,panInfo),onSessionEnd&&onSessionEnd(event2,panInfo);},!isPrimaryPointer(event))return;this.dragSnapToOrigin=dragSnapToOrigin,this.handlers=handlers,this.transformPagePoint=transformPagePoint,this.contextWindow=contextWindow||window;let info=extractEventInfo(event),initialInfo=transformPoint(info,this.transformPagePoint),{point}=initialInfo,{timestamp}=frameData;this.history=[{...point,timestamp}];let{onSessionStart}=handlers;onSessionStart&&onSessionStart(event,getPanInfo(initialInfo,this.history)),this.removeListeners=pipe(addPointerEvent(this.contextWindow,"pointermove",this.handlePointerMove),addPointerEvent(this.contextWindow,"pointerup",this.handlePointerUp),addPointerEvent(this.contextWindow,"pointercancel",this.handlePointerUp));}updateHandlers(handlers){this.handlers=handlers;}end(){this.removeListeners&&this.removeListeners(),cancelFrame(this.updatePoint);}};function transformPoint(info,transformPagePoint){return transformPagePoint?{point:transformPagePoint(info.point)}:info}function subtractPoint(a,b){return {x:a.x-b.x,y:a.y-b.y}}function getPanInfo({point},history2){return {point,delta:subtractPoint(point,lastDevicePoint(history2)),offset:subtractPoint(point,startDevicePoint(history2)),velocity:getVelocity2(history2,.1)}}function startDevicePoint(history2){return history2[0]}function lastDevicePoint(history2){return history2[history2.length-1]}function getVelocity2(history2,timeDelta){if(history2.length<2)return {x:0,y:0};let i=history2.length-1,timestampedPoint=null,lastPoint=lastDevicePoint(history2);for(;i>=0&&(timestampedPoint=history2[i],!(lastPoint.timestamp-timestampedPoint.timestamp>secondsToMilliseconds(timeDelta)));)i--;if(!timestampedPoint)return {x:0,y:0};let time2=millisecondsToSeconds(lastPoint.timestamp-timestampedPoint.timestamp);if(time2===0)return {x:0,y:0};let currentVelocity={x:(lastPoint.x-timestampedPoint.x)/time2,y:(lastPoint.y-timestampedPoint.y)/time2};return currentVelocity.x===1/0&&(currentVelocity.x=0),currentVelocity.y===1/0&&(currentVelocity.y=0),currentVelocity}function calcLength(axis){return axis.max-axis.min}function isNear(value,target=0,maxDistance=.01){return Math.abs(value-target)<=maxDistance}function calcAxisDelta(delta,source,target,origin=.5){delta.origin=origin,delta.originPoint=mixNumber(source.min,source.max,delta.origin),delta.scale=calcLength(target)/calcLength(source),(isNear(delta.scale,1,1e-4)||isNaN(delta.scale))&&(delta.scale=1),delta.translate=mixNumber(target.min,target.max,delta.origin)-delta.originPoint,(isNear(delta.translate)||isNaN(delta.translate))&&(delta.translate=0);}function calcBoxDelta(delta,source,target,origin){calcAxisDelta(delta.x,source.x,target.x,origin?origin.originX:void 0),calcAxisDelta(delta.y,source.y,target.y,origin?origin.originY:void 0);}function calcRelativeAxis(target,relative,parent){target.min=parent.min+relative.min,target.max=target.min+calcLength(relative);}function calcRelativeBox(target,relative,parent){calcRelativeAxis(target.x,relative.x,parent.x),calcRelativeAxis(target.y,relative.y,parent.y);}function calcRelativeAxisPosition(target,layout2,parent){target.min=layout2.min-parent.min,target.max=target.min+calcLength(layout2);}function calcRelativePosition(target,layout2,parent){calcRelativeAxisPosition(target.x,layout2.x,parent.x),calcRelativeAxisPosition(target.y,layout2.y,parent.y);}function applyConstraints(point,{min,max},elastic){return min!==void 0&&point<min?point=elastic?mixNumber(min,point,elastic.min):Math.max(point,min):max!==void 0&&point>max&&(point=elastic?mixNumber(max,point,elastic.max):Math.min(point,max)),point}function calcRelativeAxisConstraints(axis,min,max){return {min:min!==void 0?axis.min+min:void 0,max:max!==void 0?axis.max+max-(axis.max-axis.min):void 0}}function calcRelativeConstraints(layoutBox,{top,left,bottom,right}){return {x:calcRelativeAxisConstraints(layoutBox.x,left,right),y:calcRelativeAxisConstraints(layoutBox.y,top,bottom)}}function calcViewportAxisConstraints(layoutAxis,constraintsAxis){let min=constraintsAxis.min-layoutAxis.min,max=constraintsAxis.max-layoutAxis.max;return constraintsAxis.max-constraintsAxis.min<layoutAxis.max-layoutAxis.min&&([min,max]=[max,min]),{min,max}}function calcViewportConstraints(layoutBox,constraintsBox){return {x:calcViewportAxisConstraints(layoutBox.x,constraintsBox.x),y:calcViewportAxisConstraints(layoutBox.y,constraintsBox.y)}}function calcOrigin2(source,target){let origin=.5,sourceLength=calcLength(source),targetLength=calcLength(target);return targetLength>sourceLength?origin=progress(target.min,target.max-sourceLength,source.min):sourceLength>targetLength&&(origin=progress(source.min,source.max-targetLength,target.min)),clamp(0,1,origin)}function rebaseAxisConstraints(layout2,constraints){let relativeConstraints={};return constraints.min!==void 0&&(relativeConstraints.min=constraints.min-layout2.min),constraints.max!==void 0&&(relativeConstraints.max=constraints.max-layout2.min),relativeConstraints}var defaultElastic=.35;function resolveDragElastic(dragElastic=defaultElastic){return dragElastic===!1?dragElastic=0:dragElastic===!0&&(dragElastic=defaultElastic),{x:resolveAxisElastic(dragElastic,"left","right"),y:resolveAxisElastic(dragElastic,"top","bottom")}}function resolveAxisElastic(dragElastic,minLabel,maxLabel){return {min:resolvePointElastic(dragElastic,minLabel),max:resolvePointElastic(dragElastic,maxLabel)}}function resolvePointElastic(dragElastic,label){return typeof dragElastic=="number"?dragElastic:dragElastic[label]||0}var createAxisDelta=()=>({translate:0,scale:1,origin:0,originPoint:0}),createDelta=()=>({x:createAxisDelta(),y:createAxisDelta()}),createAxis=()=>({min:0,max:0}),createBox=()=>({x:createAxis(),y:createAxis()});function eachAxis(callback){return [callback("x"),callback("y")]}function convertBoundingBoxToBox({top,left,right,bottom}){return {x:{min:left,max:right},y:{min:top,max:bottom}}}function convertBoxToBoundingBox({x,y}){return {top:y.min,right:x.max,bottom:y.max,left:x.min}}function transformBoxPoints(point,transformPoint2){if(!transformPoint2)return point;let topLeft=transformPoint2({x:point.left,y:point.top}),bottomRight=transformPoint2({x:point.right,y:point.bottom});return {top:topLeft.y,left:topLeft.x,bottom:bottomRight.y,right:bottomRight.x}}function isIdentityScale(scale2){return scale2===void 0||scale2===1}function hasScale({scale:scale2,scaleX,scaleY}){return !isIdentityScale(scale2)||!isIdentityScale(scaleX)||!isIdentityScale(scaleY)}function hasTransform(values){return hasScale(values)||has2DTranslate(values)||values.z||values.rotate||values.rotateX||values.rotateY}function has2DTranslate(values){return is2DTranslate(values.x)||is2DTranslate(values.y)}function is2DTranslate(value){return value&&value!=="0%"}function scalePoint(point,scale2,originPoint){let distanceFromOrigin=point-originPoint,scaled=scale2*distanceFromOrigin;return originPoint+scaled}function applyPointDelta(point,translate,scale2,originPoint,boxScale){return boxScale!==void 0&&(point=scalePoint(point,boxScale,originPoint)),scalePoint(point,scale2,originPoint)+translate}function applyAxisDelta(axis,translate=0,scale2=1,originPoint,boxScale){axis.min=applyPointDelta(axis.min,translate,scale2,originPoint,boxScale),axis.max=applyPointDelta(axis.max,translate,scale2,originPoint,boxScale);}function applyBoxDelta(box,{x,y}){applyAxisDelta(box.x,x.translate,x.scale,x.originPoint),applyAxisDelta(box.y,y.translate,y.scale,y.originPoint);}function applyTreeDeltas(box,treeScale,treePath,isSharedTransition=!1){let treeLength=treePath.length;if(!treeLength)return;treeScale.x=treeScale.y=1;let node,delta;for(let i=0;i<treeLength;i++){node=treePath[i],delta=node.projectionDelta;let instance=node.instance;instance&&instance.style&&instance.style.display==="contents"||(isSharedTransition&&node.options.layoutScroll&&node.scroll&&node!==node.root&&transformBox(box,{x:-node.scroll.offset.x,y:-node.scroll.offset.y}),delta&&(treeScale.x*=delta.x.scale,treeScale.y*=delta.y.scale,applyBoxDelta(box,delta)),isSharedTransition&&hasTransform(node.latestValues)&&transformBox(box,node.latestValues));}treeScale.x=snapToDefault(treeScale.x),treeScale.y=snapToDefault(treeScale.y);}function snapToDefault(scale2){return Number.isInteger(scale2)||scale2>1.0000000000001||scale2<.999999999999?scale2:1}function translateAxis(axis,distance2){axis.min=axis.min+distance2,axis.max=axis.max+distance2;}function transformAxis(axis,transforms,[key,scaleKey,originKey]){let axisOrigin=transforms[originKey]!==void 0?transforms[originKey]:.5,originPoint=mixNumber(axis.min,axis.max,axisOrigin);applyAxisDelta(axis,transforms[key],transforms[scaleKey],originPoint,transforms.scale);}var xKeys=["x","scaleX","originX"],yKeys=["y","scaleY","originY"];function transformBox(box,transform){transformAxis(box.x,transform,xKeys),transformAxis(box.y,transform,yKeys);}function measureViewportBox(instance,transformPoint2){return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(),transformPoint2))}function measurePageBox(element,rootProjectionNode2,transformPagePoint){let viewportBox=measureViewportBox(element,transformPagePoint),{scroll:scroll2}=rootProjectionNode2;return scroll2&&(translateAxis(viewportBox.x,scroll2.offset.x),translateAxis(viewportBox.y,scroll2.offset.y)),viewportBox}var getContextWindow=({current})=>current?current.ownerDocument.defaultView:null;var elementDragControls=new WeakMap,VisualElementDragControls=class{constructor(visualElement){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=createBox(),this.visualElement=visualElement;}start(originEvent,{snapToCursor=!1}={}){let{presenceContext}=this.visualElement;if(presenceContext&&presenceContext.isPresent===!1)return;let onSessionStart=event=>{let{dragSnapToOrigin:dragSnapToOrigin2}=this.getProps();dragSnapToOrigin2?this.pauseAnimation():this.stopAnimation(),snapToCursor&&this.snapToCursor(extractEventInfo(event,"page").point);},onStart=(event,info)=>{let{drag:drag2,dragPropagation,onDragStart}=this.getProps();if(drag2&&!dragPropagation&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=getGlobalLock(drag2),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),eachAxis(axis=>{let current=this.getAxisMotionValue(axis).get()||0;if(percent.test(current)){let{projection}=this.visualElement;if(projection&&projection.layout){let measuredAxis=projection.layout.layoutBox[axis];measuredAxis&&(current=calcLength(measuredAxis)*(parseFloat(current)/100));}}this.originPoint[axis]=current;}),onDragStart&&frame.update(()=>onDragStart(event,info),!1,!0);let{animationState}=this.visualElement;animationState&&animationState.setActive("whileDrag",!0);},onMove=(event,info)=>{let{dragPropagation,dragDirectionLock,onDirectionLock,onDrag}=this.getProps();if(!dragPropagation&&!this.openGlobalLock)return;let{offset:offset2}=info;if(dragDirectionLock&&this.currentDirection===null){this.currentDirection=getCurrentDirection(offset2),this.currentDirection!==null&&onDirectionLock&&onDirectionLock(this.currentDirection);return}this.updateAxis("x",info.point,offset2),this.updateAxis("y",info.point,offset2),this.visualElement.render(),onDrag&&onDrag(event,info);},onSessionEnd=(event,info)=>this.stop(event,info),resumeAnimation=()=>eachAxis(axis=>{var _a;return this.getAnimationState(axis)==="paused"&&((_a=this.getAxisMotionValue(axis).animation)===null||_a===void 0?void 0:_a.play())}),{dragSnapToOrigin}=this.getProps();this.panSession=new PanSession(originEvent,{onSessionStart,onStart,onMove,onSessionEnd,resumeAnimation},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin,contextWindow:getContextWindow(this.visualElement)});}stop(event,info){let isDragging=this.isDragging;if(this.cancel(),!isDragging)return;let{velocity}=info;this.startAnimation(velocity);let{onDragEnd}=this.getProps();onDragEnd&&frame.update(()=>onDragEnd(event,info));}cancel(){this.isDragging=!1;let{projection,animationState}=this.visualElement;projection&&(projection.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;let{dragPropagation}=this.getProps();!dragPropagation&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),animationState&&animationState.setActive("whileDrag",!1);}updateAxis(axis,_point,offset2){let{drag:drag2}=this.getProps();if(!offset2||!shouldDrag(axis,drag2,this.currentDirection))return;let axisValue=this.getAxisMotionValue(axis),next=this.originPoint[axis]+offset2[axis];this.constraints&&this.constraints[axis]&&(next=applyConstraints(next,this.constraints[axis],this.elastic[axis])),axisValue.set(next);}resolveConstraints(){var _a;let{dragConstraints,dragElastic}=this.getProps(),layout2=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):(_a=this.visualElement.projection)===null||_a===void 0?void 0:_a.layout,prevConstraints=this.constraints;dragConstraints&&isRefObject(dragConstraints)?this.constraints||(this.constraints=this.resolveRefConstraints()):dragConstraints&&layout2?this.constraints=calcRelativeConstraints(layout2.layoutBox,dragConstraints):this.constraints=!1,this.elastic=resolveDragElastic(dragElastic),prevConstraints!==this.constraints&&layout2&&this.constraints&&!this.hasMutatedConstraints&&eachAxis(axis=>{this.getAxisMotionValue(axis)&&(this.constraints[axis]=rebaseAxisConstraints(layout2.layoutBox[axis],this.constraints[axis]));});}resolveRefConstraints(){let{dragConstraints:constraints,onMeasureDragConstraints}=this.getProps();if(!constraints||!isRefObject(constraints))return !1;let constraintsElement=constraints.current;invariant(constraintsElement!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");let{projection}=this.visualElement;if(!projection||!projection.layout)return !1;let constraintsBox=measurePageBox(constraintsElement,projection.root,this.visualElement.getTransformPagePoint()),measuredConstraints=calcViewportConstraints(projection.layout.layoutBox,constraintsBox);if(onMeasureDragConstraints){let userConstraints=onMeasureDragConstraints(convertBoxToBoundingBox(measuredConstraints));this.hasMutatedConstraints=!!userConstraints,userConstraints&&(measuredConstraints=convertBoundingBoxToBox(userConstraints));}return measuredConstraints}startAnimation(velocity){let{drag:drag2,dragMomentum,dragElastic,dragTransition,dragSnapToOrigin,onDragTransitionEnd}=this.getProps(),constraints=this.constraints||{},momentumAnimations=eachAxis(axis=>{if(!shouldDrag(axis,drag2,this.currentDirection))return;let transition=constraints&&constraints[axis]||{};dragSnapToOrigin&&(transition={min:0,max:0});let bounceStiffness=dragElastic?200:1e6,bounceDamping=dragElastic?40:1e7,inertia2={type:"inertia",velocity:dragMomentum?velocity[axis]:0,bounceStiffness,bounceDamping,timeConstant:750,restDelta:1,restSpeed:10,...dragTransition,...transition};return this.startAxisValueAnimation(axis,inertia2)});return Promise.all(momentumAnimations).then(onDragTransitionEnd)}startAxisValueAnimation(axis,transition){let axisValue=this.getAxisMotionValue(axis);return axisValue.start(animateMotionValue(axis,axisValue,0,transition))}stopAnimation(){eachAxis(axis=>this.getAxisMotionValue(axis).stop());}pauseAnimation(){eachAxis(axis=>{var _a;return (_a=this.getAxisMotionValue(axis).animation)===null||_a===void 0?void 0:_a.pause()});}getAnimationState(axis){var _a;return (_a=this.getAxisMotionValue(axis).animation)===null||_a===void 0?void 0:_a.state}getAxisMotionValue(axis){let dragKey="_drag"+axis.toUpperCase(),props=this.visualElement.getProps(),externalMotionValue=props[dragKey];return externalMotionValue||this.visualElement.getValue(axis,(props.initial?props.initial[axis]:void 0)||0)}snapToCursor(point){eachAxis(axis=>{let{drag:drag2}=this.getProps();if(!shouldDrag(axis,drag2,this.currentDirection))return;let{projection}=this.visualElement,axisValue=this.getAxisMotionValue(axis);if(projection&&projection.layout){let{min,max}=projection.layout.layoutBox[axis];axisValue.set(point[axis]-mixNumber(min,max,.5));}});}scalePositionWithinConstraints(){if(!this.visualElement.current)return;let{drag:drag2,dragConstraints}=this.getProps(),{projection}=this.visualElement;if(!isRefObject(dragConstraints)||!projection||!this.constraints)return;this.stopAnimation();let boxProgress={x:0,y:0};eachAxis(axis=>{let axisValue=this.getAxisMotionValue(axis);if(axisValue){let latest=axisValue.get();boxProgress[axis]=calcOrigin2({min:latest,max:latest},this.constraints[axis]);}});let{transformTemplate}=this.visualElement.getProps();this.visualElement.current.style.transform=transformTemplate?transformTemplate({},""):"none",projection.root&&projection.root.updateScroll(),projection.updateLayout(),this.resolveConstraints(),eachAxis(axis=>{if(!shouldDrag(axis,drag2,null))return;let axisValue=this.getAxisMotionValue(axis),{min,max}=this.constraints[axis];axisValue.set(mixNumber(min,max,boxProgress[axis]));});}addListeners(){if(!this.visualElement.current)return;elementDragControls.set(this.visualElement,this);let element=this.visualElement.current,stopPointerListener=addPointerEvent(element,"pointerdown",event=>{let{drag:drag2,dragListener=!0}=this.getProps();drag2&&dragListener&&this.start(event);}),measureDragConstraints=()=>{let{dragConstraints}=this.getProps();isRefObject(dragConstraints)&&(this.constraints=this.resolveRefConstraints());},{projection}=this.visualElement,stopMeasureLayoutListener=projection.addEventListener("measure",measureDragConstraints);projection&&!projection.layout&&(projection.root&&projection.root.updateScroll(),projection.updateLayout()),measureDragConstraints();let stopResizeListener=addDomEvent(window,"resize",()=>this.scalePositionWithinConstraints()),stopLayoutUpdateListener=projection.addEventListener("didUpdate",({delta,hasLayoutChanged})=>{this.isDragging&&hasLayoutChanged&&(eachAxis(axis=>{let motionValue2=this.getAxisMotionValue(axis);motionValue2&&(this.originPoint[axis]+=delta[axis].translate,motionValue2.set(motionValue2.get()+delta[axis].translate));}),this.visualElement.render());});return ()=>{stopResizeListener(),stopPointerListener(),stopMeasureLayoutListener(),stopLayoutUpdateListener&&stopLayoutUpdateListener();}}getProps(){let props=this.visualElement.getProps(),{drag:drag2=!1,dragDirectionLock=!1,dragPropagation=!1,dragConstraints=!1,dragElastic=defaultElastic,dragMomentum=!0}=props;return {...props,drag:drag2,dragDirectionLock,dragPropagation,dragConstraints,dragElastic,dragMomentum}}};function shouldDrag(direction,drag2,currentDirection){return (drag2===!0||drag2===direction)&&(currentDirection===null||currentDirection===direction)}function getCurrentDirection(offset2,lockThreshold=10){let direction=null;return Math.abs(offset2.y)>lockThreshold?direction="y":Math.abs(offset2.x)>lockThreshold&&(direction="x"),direction}var DragGesture=class extends Feature{constructor(node){super(node),this.removeGroupControls=noop2,this.removeListeners=noop2,this.controls=new VisualElementDragControls(node);}mount(){let{dragControls}=this.node.getProps();dragControls&&(this.removeGroupControls=dragControls.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||noop2;}unmount(){this.removeGroupControls(),this.removeListeners();}};var asyncHandler=handler=>(event,info)=>{handler&&frame.update(()=>handler(event,info));},PanGesture=class extends Feature{constructor(){super(...arguments),this.removePointerDownListener=noop2;}onPointerDown(pointerDownEvent){this.session=new PanSession(pointerDownEvent,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:getContextWindow(this.node)});}createPanHandlers(){let{onPanSessionStart,onPanStart,onPan,onPanEnd}=this.node.getProps();return {onSessionStart:asyncHandler(onPanSessionStart),onStart:asyncHandler(onPanStart),onMove:onPan,onEnd:(event,info)=>{delete this.session,onPanEnd&&frame.update(()=>onPanEnd(event,info));}}}mount(){this.removePointerDownListener=addPointerEvent(this.node.current,"pointerdown",event=>this.onPointerDown(event));}update(){this.session&&this.session.updateHandlers(this.createPanHandlers());}unmount(){this.removePointerDownListener(),this.session&&this.session.end();}};function usePresence(){let context=useContext(PresenceContext);if(context===null)return [!0,null];let{isPresent,onExitComplete,register}=context,id3=useId();return useEffect(()=>register(id3),[]),!isPresent&&onExitComplete?[!1,()=>onExitComplete&&onExitComplete(id3)]:[!0]}var globalProjectionState={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function pixelsToPercent(pixels,axis){return axis.max===axis.min?0:pixels/(axis.max-axis.min)*100}var correctBorderRadius={correct:(latest,node)=>{if(!node.target)return latest;if(typeof latest=="string")if(px.test(latest))latest=parseFloat(latest);else return latest;let x=pixelsToPercent(latest,node.target.x),y=pixelsToPercent(latest,node.target.y);return `${x}% ${y}%`}};var correctBoxShadow={correct:(latest,{treeScale,projectionDelta})=>{let original=latest,shadow=complex.parse(latest);if(shadow.length>5)return original;let template=complex.createTransformer(latest),offset2=typeof shadow[0]!="number"?1:0,xScale=projectionDelta.x.scale*treeScale.x,yScale=projectionDelta.y.scale*treeScale.y;shadow[0+offset2]/=xScale,shadow[1+offset2]/=yScale;let averageScale=mixNumber(xScale,yScale,.5);return typeof shadow[2+offset2]=="number"&&(shadow[2+offset2]/=averageScale),typeof shadow[3+offset2]=="number"&&(shadow[3+offset2]/=averageScale),template(shadow)}};var MeasureLayoutWithContext=class extends React32__default.Component{componentDidMount(){let{visualElement,layoutGroup,switchLayoutGroup,layoutId}=this.props,{projection}=visualElement;addScaleCorrector(defaultScaleCorrectors),projection&&(layoutGroup.group&&layoutGroup.group.add(projection),switchLayoutGroup&&switchLayoutGroup.register&&layoutId&&switchLayoutGroup.register(projection),projection.root.didUpdate(),projection.addEventListener("animationComplete",()=>{this.safeToRemove();}),projection.setOptions({...projection.options,onExitComplete:()=>this.safeToRemove()})),globalProjectionState.hasEverUpdated=!0;}getSnapshotBeforeUpdate(prevProps){let{layoutDependency,visualElement,drag:drag2,isPresent}=this.props,projection=visualElement.projection;return projection&&(projection.isPresent=isPresent,drag2||prevProps.layoutDependency!==layoutDependency||layoutDependency===void 0?projection.willUpdate():this.safeToRemove(),prevProps.isPresent!==isPresent&&(isPresent?projection.promote():projection.relegate()||frame.postRender(()=>{let stack=projection.getStack();(!stack||!stack.members.length)&&this.safeToRemove();}))),null}componentDidUpdate(){let{projection}=this.props.visualElement;projection&&(projection.root.didUpdate(),microtask.postRender(()=>{!projection.currentAnimation&&projection.isLead()&&this.safeToRemove();}));}componentWillUnmount(){let{visualElement,layoutGroup,switchLayoutGroup:promoteContext}=this.props,{projection}=visualElement;projection&&(projection.scheduleCheckAfterUnmount(),layoutGroup&&layoutGroup.group&&layoutGroup.group.remove(projection),promoteContext&&promoteContext.deregister&&promoteContext.deregister(projection));}safeToRemove(){let{safeToRemove}=this.props;safeToRemove&&safeToRemove();}render(){return null}};function MeasureLayout(props){let[isPresent,safeToRemove]=usePresence(),layoutGroup=useContext(LayoutGroupContext);return React32__default.createElement(MeasureLayoutWithContext,{...props,layoutGroup,switchLayoutGroup:useContext(SwitchLayoutGroupContext),isPresent,safeToRemove})}var defaultScaleCorrectors={borderRadius:{...correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:correctBorderRadius,borderTopRightRadius:correctBorderRadius,borderBottomLeftRadius:correctBorderRadius,borderBottomRightRadius:correctBorderRadius,boxShadow:correctBoxShadow};var borders=["TopLeft","TopRight","BottomLeft","BottomRight"],numBorders=borders.length,asNumber=value=>typeof value=="string"?parseFloat(value):value,isPx=value=>typeof value=="number"||px.test(value);function mixValues(target,follow,lead,progress2,shouldCrossfadeOpacity,isOnlyMember){shouldCrossfadeOpacity?(target.opacity=mixNumber(0,lead.opacity!==void 0?lead.opacity:1,easeCrossfadeIn(progress2)),target.opacityExit=mixNumber(follow.opacity!==void 0?follow.opacity:1,0,easeCrossfadeOut(progress2))):isOnlyMember&&(target.opacity=mixNumber(follow.opacity!==void 0?follow.opacity:1,lead.opacity!==void 0?lead.opacity:1,progress2));for(let i=0;i<numBorders;i++){let borderLabel=`border${borders[i]}Radius`,followRadius=getRadius(follow,borderLabel),leadRadius=getRadius(lead,borderLabel);if(followRadius===void 0&&leadRadius===void 0)continue;followRadius||(followRadius=0),leadRadius||(leadRadius=0),followRadius===0||leadRadius===0||isPx(followRadius)===isPx(leadRadius)?(target[borderLabel]=Math.max(mixNumber(asNumber(followRadius),asNumber(leadRadius),progress2),0),(percent.test(leadRadius)||percent.test(followRadius))&&(target[borderLabel]+="%")):target[borderLabel]=leadRadius;}(follow.rotate||lead.rotate)&&(target.rotate=mixNumber(follow.rotate||0,lead.rotate||0,progress2));}function getRadius(values,radiusName){return values[radiusName]!==void 0?values[radiusName]:values.borderRadius}var easeCrossfadeIn=compress(0,.5,circOut),easeCrossfadeOut=compress(.5,.95,noop2);function compress(min,max,easing){return p=>p<min?0:p>max?1:easing(progress(min,max,p))}function copyAxisInto(axis,originAxis){axis.min=originAxis.min,axis.max=originAxis.max;}function copyBoxInto(box,originBox){copyAxisInto(box.x,originBox.x),copyAxisInto(box.y,originBox.y);}function removePointDelta(point,translate,scale2,originPoint,boxScale){return point-=translate,point=scalePoint(point,1/scale2,originPoint),boxScale!==void 0&&(point=scalePoint(point,1/boxScale,originPoint)),point}function removeAxisDelta(axis,translate=0,scale2=1,origin=.5,boxScale,originAxis=axis,sourceAxis=axis){if(percent.test(translate)&&(translate=parseFloat(translate),translate=mixNumber(sourceAxis.min,sourceAxis.max,translate/100)-sourceAxis.min),typeof translate!="number")return;let originPoint=mixNumber(originAxis.min,originAxis.max,origin);axis===originAxis&&(originPoint-=translate),axis.min=removePointDelta(axis.min,translate,scale2,originPoint,boxScale),axis.max=removePointDelta(axis.max,translate,scale2,originPoint,boxScale);}function removeAxisTransforms(axis,transforms,[key,scaleKey,originKey],origin,sourceAxis){removeAxisDelta(axis,transforms[key],transforms[scaleKey],transforms[originKey],transforms.scale,origin,sourceAxis);}var xKeys2=["x","scaleX","originX"],yKeys2=["y","scaleY","originY"];function removeBoxTransforms(box,transforms,originBox,sourceBox){removeAxisTransforms(box.x,transforms,xKeys2,originBox?originBox.x:void 0,sourceBox?sourceBox.x:void 0),removeAxisTransforms(box.y,transforms,yKeys2,originBox?originBox.y:void 0,sourceBox?sourceBox.y:void 0);}function isAxisDeltaZero(delta){return delta.translate===0&&delta.scale===1}function isDeltaZero(delta){return isAxisDeltaZero(delta.x)&&isAxisDeltaZero(delta.y)}function boxEquals(a,b){return a.x.min===b.x.min&&a.x.max===b.x.max&&a.y.min===b.y.min&&a.y.max===b.y.max}function boxEqualsRounded(a,b){return Math.round(a.x.min)===Math.round(b.x.min)&&Math.round(a.x.max)===Math.round(b.x.max)&&Math.round(a.y.min)===Math.round(b.y.min)&&Math.round(a.y.max)===Math.round(b.y.max)}function aspectRatio(box){return calcLength(box.x)/calcLength(box.y)}var NodeStack=class{constructor(){this.members=[];}add(node){addUniqueItem(this.members,node),node.scheduleRender();}remove(node){if(removeItem(this.members,node),node===this.prevLead&&(this.prevLead=void 0),node===this.lead){let prevLead=this.members[this.members.length-1];prevLead&&this.promote(prevLead);}}relegate(node){let indexOfNode=this.members.findIndex(member=>node===member);if(indexOfNode===0)return !1;let prevLead;for(let i=indexOfNode;i>=0;i--){let member=this.members[i];if(member.isPresent!==!1){prevLead=member;break}}return prevLead?(this.promote(prevLead),!0):!1}promote(node,preserveFollowOpacity){let prevLead=this.lead;if(node!==prevLead&&(this.prevLead=prevLead,this.lead=node,node.show(),prevLead)){prevLead.instance&&prevLead.scheduleRender(),node.scheduleRender(),node.resumeFrom=prevLead,preserveFollowOpacity&&(node.resumeFrom.preserveOpacity=!0),prevLead.snapshot&&(node.snapshot=prevLead.snapshot,node.snapshot.latestValues=prevLead.animationValues||prevLead.latestValues),node.root&&node.root.isUpdating&&(node.isLayoutDirty=!0);let{crossfade}=node.options;crossfade===!1&&prevLead.hide();}}exitAnimationComplete(){this.members.forEach(node=>{let{options,resumingFrom}=node;options.onExitComplete&&options.onExitComplete(),resumingFrom&&resumingFrom.options.onExitComplete&&resumingFrom.options.onExitComplete();});}scheduleRender(){this.members.forEach(node=>{node.instance&&node.scheduleRender(!1);});}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0);}};function buildProjectionTransform(delta,treeScale,latestTransform){let transform="",xTranslate=delta.x.translate/treeScale.x,yTranslate=delta.y.translate/treeScale.y;if((xTranslate||yTranslate)&&(transform=`translate3d(${xTranslate}px, ${yTranslate}px, 0) `),(treeScale.x!==1||treeScale.y!==1)&&(transform+=`scale(${1/treeScale.x}, ${1/treeScale.y}) `),latestTransform){let{rotate,rotateX,rotateY}=latestTransform;rotate&&(transform+=`rotate(${rotate}deg) `),rotateX&&(transform+=`rotateX(${rotateX}deg) `),rotateY&&(transform+=`rotateY(${rotateY}deg) `);}let elementScaleX=delta.x.scale*treeScale.x,elementScaleY=delta.y.scale*treeScale.y;return (elementScaleX!==1||elementScaleY!==1)&&(transform+=`scale(${elementScaleX}, ${elementScaleY})`),transform||"none"}var compareByDepth=(a,b)=>a.depth-b.depth;var FlatTree=class{constructor(){this.children=[],this.isDirty=!1;}add(child){addUniqueItem(this.children,child),this.isDirty=!0;}remove(child){removeItem(this.children,child),this.isDirty=!0;}forEach(callback){this.isDirty&&this.children.sort(compareByDepth),this.isDirty=!1,this.children.forEach(callback);}};function delay(callback,timeout){let start=time.now(),checkElapsed=({timestamp})=>{let elapsed=timestamp-start;elapsed>=timeout&&(cancelFrame(checkElapsed),callback(elapsed-timeout));};return frame.read(checkElapsed,!0),()=>cancelFrame(checkElapsed)}function record(data3){window.MotionDebug&&window.MotionDebug.record(data3);}function isSVGElement(element){return element instanceof SVGElement&&element.tagName!=="svg"}function animateSingleValue(value,keyframes4,options){let motionValue$1=isMotionValue(value)?value:motionValue(value);return motionValue$1.start(animateMotionValue("",motionValue$1,keyframes4,options)),motionValue$1.animation}var transformAxes=["","X","Y","Z"],hiddenVisibility={visibility:"hidden"},animationTarget=1e3,id2=0,projectionFrameData={type:"projectionFrame",totalNodes:0,resolvedTargetDeltas:0,recalculatedProjection:0};function createProjectionNode({attachResizeListener,defaultParent,measureScroll,checkIsScrollRoot,resetTransform}){return class{constructor(latestValues={},parent=defaultParent?.()){this.id=id2++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots());},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,projectionFrameData.totalNodes=projectionFrameData.resolvedTargetDeltas=projectionFrameData.recalculatedProjection=0,this.nodes.forEach(propagateDirtyNodes),this.nodes.forEach(resolveTargetDelta),this.nodes.forEach(calcProjection),this.nodes.forEach(cleanDirtyNodes),record(projectionFrameData);},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=latestValues,this.root=parent?parent.root||parent:this,this.path=parent?[...parent.path,parent]:[],this.parent=parent,this.depth=parent?parent.depth+1:0;for(let i=0;i<this.path.length;i++)this.path[i].shouldResetTransform=!0;this.root===this&&(this.nodes=new FlatTree);}addEventListener(name,handler){return this.eventHandlers.has(name)||this.eventHandlers.set(name,new SubscriptionManager),this.eventHandlers.get(name).add(handler)}notifyListeners(name,...args){let subscriptionManager=this.eventHandlers.get(name);subscriptionManager&&subscriptionManager.notify(...args);}hasListeners(name){return this.eventHandlers.has(name)}mount(instance,isLayoutDirty=this.root.hasTreeAnimated){if(this.instance)return;this.isSVG=isSVGElement(instance),this.instance=instance;let{layoutId,layout:layout2,visualElement}=this.options;if(visualElement&&!visualElement.current&&visualElement.mount(instance),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),isLayoutDirty&&(layout2||layoutId)&&(this.isLayoutDirty=!0),attachResizeListener){let cancelDelay,resizeUnblockUpdate=()=>this.root.updateBlockedByResize=!1;attachResizeListener(instance,()=>{this.root.updateBlockedByResize=!0,cancelDelay&&cancelDelay(),cancelDelay=delay(resizeUnblockUpdate,250),globalProjectionState.hasAnimatedSinceResize&&(globalProjectionState.hasAnimatedSinceResize=!1,this.nodes.forEach(finishAnimation));});}layoutId&&this.root.registerSharedNode(layoutId,this),this.options.animate!==!1&&visualElement&&(layoutId||layout2)&&this.addEventListener("didUpdate",({delta,hasLayoutChanged,hasRelativeTargetChanged,layout:newLayout})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}let layoutTransition=this.options.transition||visualElement.getDefaultTransition()||defaultLayoutTransition,{onLayoutAnimationStart,onLayoutAnimationComplete}=visualElement.getProps(),targetChanged=!this.targetLayout||!boxEqualsRounded(this.targetLayout,newLayout)||hasRelativeTargetChanged,hasOnlyRelativeTargetChanged=!hasLayoutChanged&&hasRelativeTargetChanged;if(this.options.layoutRoot||this.resumeFrom&&this.resumeFrom.instance||hasOnlyRelativeTargetChanged||hasLayoutChanged&&(targetChanged||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(delta,hasOnlyRelativeTargetChanged);let animationOptions={...getValueTransition(layoutTransition,"layout"),onPlay:onLayoutAnimationStart,onComplete:onLayoutAnimationComplete};(visualElement.shouldReduceMotion||this.options.layoutRoot)&&(animationOptions.delay=0,animationOptions.type=!1),this.startAnimation(animationOptions);}else hasLayoutChanged||finishAnimation(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=newLayout;});}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);let stack=this.getStack();stack&&stack.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,cancelFrame(this.updateProjection);}blockUpdate(){this.updateManuallyBlocked=!0;}unblockUpdate(){this.updateManuallyBlocked=!1;}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(resetRotation),this.animationId++);}getTransformTemplate(){let{visualElement}=this.options;return visualElement&&visualElement.getProps().transformTemplate}willUpdate(shouldNotifyListeners=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let i=0;i<this.path.length;i++){let node=this.path[i];node.shouldResetTransform=!0,node.updateScroll("snapshot"),node.options.layoutRoot&&node.willUpdate(!1);}let{layoutId,layout:layout2}=this.options;if(layoutId===void 0&&!layout2)return;let transformTemplate=this.getTransformTemplate();this.prevTransformTemplateValue=transformTemplate?transformTemplate(this.latestValues,""):void 0,this.updateSnapshot(),shouldNotifyListeners&&this.notifyListeners("willUpdate");}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(clearMeasurements);return}this.isUpdating||this.nodes.forEach(clearIsLayoutDirty),this.isUpdating=!1,this.nodes.forEach(resetTransformStyle),this.nodes.forEach(updateLayout),this.nodes.forEach(notifyLayoutUpdate),this.clearAllSnapshots();let now2=time.now();frameData.delta=clamp(0,1e3/60,now2-frameData.timestamp),frameData.timestamp=now2,frameData.isProcessing=!0,steps.update.process(frameData),steps.preRender.process(frameData),steps.render.process(frameData),frameData.isProcessing=!1;}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,microtask.read(()=>this.update()));}clearAllSnapshots(){this.nodes.forEach(clearSnapshot),this.sharedNodes.forEach(removeLeadSnapshots);}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,frame.preRender(this.updateProjection,!1,!0));}scheduleCheckAfterUnmount(){frame.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed();});}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure());}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let i=0;i<this.path.length;i++)this.path[i].updateScroll();let prevLayout=this.layout;this.layout=this.measure(!1),this.layoutCorrected=createBox(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);let{visualElement}=this.options;visualElement&&visualElement.notify("LayoutMeasure",this.layout.layoutBox,prevLayout?prevLayout.layoutBox:void 0);}updateScroll(phase="measure"){let needsMeasurement=!!(this.options.layoutScroll&&this.instance);this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===phase&&(needsMeasurement=!1),needsMeasurement&&(this.scroll={animationId:this.root.animationId,phase,isRoot:checkIsScrollRoot(this.instance),offset:measureScroll(this.instance)});}resetTransform(){if(!resetTransform)return;let isResetRequested=this.isLayoutDirty||this.shouldResetTransform,hasProjection=this.projectionDelta&&!isDeltaZero(this.projectionDelta),transformTemplate=this.getTransformTemplate(),transformTemplateValue=transformTemplate?transformTemplate(this.latestValues,""):void 0,transformTemplateHasChanged=transformTemplateValue!==this.prevTransformTemplateValue;isResetRequested&&(hasProjection||hasTransform(this.latestValues)||transformTemplateHasChanged)&&(resetTransform(this.instance,transformTemplateValue),this.shouldResetTransform=!1,this.scheduleRender());}measure(removeTransform=!0){let pageBox=this.measurePageBox(),layoutBox=this.removeElementScroll(pageBox);return removeTransform&&(layoutBox=this.removeTransform(layoutBox)),roundBox(layoutBox),{animationId:this.root.animationId,measuredBox:pageBox,layoutBox,latestValues:{},source:this.id}}measurePageBox(){let{visualElement}=this.options;if(!visualElement)return createBox();let box=visualElement.measureViewportBox(),{scroll:scroll2}=this.root;return scroll2&&(translateAxis(box.x,scroll2.offset.x),translateAxis(box.y,scroll2.offset.y)),box}removeElementScroll(box){let boxWithoutScroll=createBox();copyBoxInto(boxWithoutScroll,box);for(let i=0;i<this.path.length;i++){let node=this.path[i],{scroll:scroll2,options}=node;if(node!==this.root&&scroll2&&options.layoutScroll){if(scroll2.isRoot){copyBoxInto(boxWithoutScroll,box);let{scroll:rootScroll}=this.root;rootScroll&&(translateAxis(boxWithoutScroll.x,-rootScroll.offset.x),translateAxis(boxWithoutScroll.y,-rootScroll.offset.y));}translateAxis(boxWithoutScroll.x,scroll2.offset.x),translateAxis(boxWithoutScroll.y,scroll2.offset.y);}}return boxWithoutScroll}applyTransform(box,transformOnly=!1){let withTransforms=createBox();copyBoxInto(withTransforms,box);for(let i=0;i<this.path.length;i++){let node=this.path[i];!transformOnly&&node.options.layoutScroll&&node.scroll&&node!==node.root&&transformBox(withTransforms,{x:-node.scroll.offset.x,y:-node.scroll.offset.y}),hasTransform(node.latestValues)&&transformBox(withTransforms,node.latestValues);}return hasTransform(this.latestValues)&&transformBox(withTransforms,this.latestValues),withTransforms}removeTransform(box){let boxWithoutTransform=createBox();copyBoxInto(boxWithoutTransform,box);for(let i=0;i<this.path.length;i++){let node=this.path[i];if(!node.instance||!hasTransform(node.latestValues))continue;hasScale(node.latestValues)&&node.updateSnapshot();let sourceBox=createBox(),nodeBox=node.measurePageBox();copyBoxInto(sourceBox,nodeBox),removeBoxTransforms(boxWithoutTransform,node.latestValues,node.snapshot?node.snapshot.layoutBox:void 0,sourceBox);}return hasTransform(this.latestValues)&&removeBoxTransforms(boxWithoutTransform,this.latestValues),boxWithoutTransform}setTargetDelta(delta){this.targetDelta=delta,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0;}setOptions(options){this.options={...this.options,...options,crossfade:options.crossfade!==void 0?options.crossfade:!0};}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1;}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==frameData.timestamp&&this.relativeParent.resolveTargetDelta(!0);}resolveTargetDelta(forceRecalculation=!1){var _a;let lead=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=lead.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=lead.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=lead.isSharedProjectionDirty);let isShared=!!this.resumingFrom||this!==lead;if(!(forceRecalculation||isShared&&this.isSharedProjectionDirty||this.isProjectionDirty||!((_a=this.parent)===null||_a===void 0)&&_a.isProjectionDirty||this.attemptToResolveRelativeTarget))return;let{layout:layout2,layoutId}=this.options;if(!(!this.layout||!(layout2||layoutId))){if(this.resolvedRelativeTargetAt=frameData.timestamp,!this.targetDelta&&!this.relativeTarget){let relativeParent=this.getClosestProjectingParent();relativeParent&&relativeParent.layout&&this.animationProgress!==1?(this.relativeParent=relativeParent,this.forceRelativeParentToResolveTarget(),this.relativeTarget=createBox(),this.relativeTargetOrigin=createBox(),calcRelativePosition(this.relativeTargetOrigin,this.layout.layoutBox,relativeParent.layout.layoutBox),copyBoxInto(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0;}if(!(!this.relativeTarget&&!this.targetDelta)){if(this.target||(this.target=createBox(),this.targetWithTransforms=createBox()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),calcRelativeBox(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):copyBoxInto(this.target,this.layout.layoutBox),applyBoxDelta(this.target,this.targetDelta)):copyBoxInto(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget){this.attemptToResolveRelativeTarget=!1;let relativeParent=this.getClosestProjectingParent();relativeParent&&!!relativeParent.resumingFrom==!!this.resumingFrom&&!relativeParent.options.layoutScroll&&relativeParent.target&&this.animationProgress!==1?(this.relativeParent=relativeParent,this.forceRelativeParentToResolveTarget(),this.relativeTarget=createBox(),this.relativeTargetOrigin=createBox(),calcRelativePosition(this.relativeTargetOrigin,this.target,relativeParent.target),copyBoxInto(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0;}projectionFrameData.resolvedTargetDeltas++;}}}getClosestProjectingParent(){if(!(!this.parent||hasScale(this.parent.latestValues)||has2DTranslate(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return !!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){var _a;let lead=this.getLead(),isShared=!!this.resumingFrom||this!==lead,canSkip=!0;if((this.isProjectionDirty||!((_a=this.parent)===null||_a===void 0)&&_a.isProjectionDirty)&&(canSkip=!1),isShared&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(canSkip=!1),this.resolvedRelativeTargetAt===frameData.timestamp&&(canSkip=!1),canSkip)return;let{layout:layout2,layoutId}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(layout2||layoutId))return;copyBoxInto(this.layoutCorrected,this.layout.layoutBox);let prevTreeScaleX=this.treeScale.x,prevTreeScaleY=this.treeScale.y;applyTreeDeltas(this.layoutCorrected,this.treeScale,this.path,isShared),lead.layout&&!lead.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(lead.target=lead.layout.layoutBox,lead.targetWithTransforms=createBox());let{target}=lead;if(!target){this.projectionTransform&&(this.projectionDelta=createDelta(),this.projectionTransform="none",this.scheduleRender());return}this.projectionDelta||(this.projectionDelta=createDelta(),this.projectionDeltaWithTransform=createDelta());let prevProjectionTransform=this.projectionTransform;calcBoxDelta(this.projectionDelta,this.layoutCorrected,target,this.latestValues),this.projectionTransform=buildProjectionTransform(this.projectionDelta,this.treeScale),(this.projectionTransform!==prevProjectionTransform||this.treeScale.x!==prevTreeScaleX||this.treeScale.y!==prevTreeScaleY)&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",target)),projectionFrameData.recalculatedProjection++;}hide(){this.isVisible=!1;}show(){this.isVisible=!0;}scheduleRender(notifyAll=!0){if(this.options.scheduleRender&&this.options.scheduleRender(),notifyAll){let stack=this.getStack();stack&&stack.scheduleRender();}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0);}setAnimationOrigin(delta,hasOnlyRelativeTargetChanged=!1){let snapshot=this.snapshot,snapshotLatestValues=snapshot?snapshot.latestValues:{},mixedValues={...this.latestValues},targetDelta=createDelta();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!hasOnlyRelativeTargetChanged;let relativeLayout=createBox(),snapshotSource=snapshot?snapshot.source:void 0,layoutSource=this.layout?this.layout.source:void 0,isSharedLayoutAnimation=snapshotSource!==layoutSource,stack=this.getStack(),isOnlyMember=!stack||stack.members.length<=1,shouldCrossfadeOpacity=!!(isSharedLayoutAnimation&&!isOnlyMember&&this.options.crossfade===!0&&!this.path.some(hasOpacityCrossfade));this.animationProgress=0;let prevRelativeTarget;this.mixTargetDelta=latest=>{let progress2=latest/1e3;mixAxisDelta(targetDelta.x,delta.x,progress2),mixAxisDelta(targetDelta.y,delta.y,progress2),this.setTargetDelta(targetDelta),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(calcRelativePosition(relativeLayout,this.layout.layoutBox,this.relativeParent.layout.layoutBox),mixBox(this.relativeTarget,this.relativeTargetOrigin,relativeLayout,progress2),prevRelativeTarget&&boxEquals(this.relativeTarget,prevRelativeTarget)&&(this.isProjectionDirty=!1),prevRelativeTarget||(prevRelativeTarget=createBox()),copyBoxInto(prevRelativeTarget,this.relativeTarget)),isSharedLayoutAnimation&&(this.animationValues=mixedValues,mixValues(mixedValues,snapshotLatestValues,this.latestValues,progress2,shouldCrossfadeOpacity,isOnlyMember)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=progress2;},this.mixTargetDelta(this.options.layoutRoot?1e3:0);}startAnimation(options){this.notifyListeners("animationStart"),this.currentAnimation&&this.currentAnimation.stop(),this.resumingFrom&&this.resumingFrom.currentAnimation&&this.resumingFrom.currentAnimation.stop(),this.pendingAnimation&&(cancelFrame(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=frame.update(()=>{globalProjectionState.hasAnimatedSinceResize=!0,this.currentAnimation=animateSingleValue(0,animationTarget,{...options,onUpdate:latest=>{this.mixTargetDelta(latest),options.onUpdate&&options.onUpdate(latest);},onComplete:()=>{options.onComplete&&options.onComplete(),this.completeAnimation();}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0;});}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);let stack=this.getStack();stack&&stack.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete");}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(animationTarget),this.currentAnimation.stop()),this.completeAnimation();}applyTransformsToTarget(){let lead=this.getLead(),{targetWithTransforms,target,layout:layout2,latestValues}=lead;if(!(!targetWithTransforms||!target||!layout2)){if(this!==lead&&this.layout&&layout2&&shouldAnimatePositionOnly(this.options.animationType,this.layout.layoutBox,layout2.layoutBox)){target=this.target||createBox();let xLength=calcLength(this.layout.layoutBox.x);target.x.min=lead.target.x.min,target.x.max=target.x.min+xLength;let yLength=calcLength(this.layout.layoutBox.y);target.y.min=lead.target.y.min,target.y.max=target.y.min+yLength;}copyBoxInto(targetWithTransforms,target),transformBox(targetWithTransforms,latestValues),calcBoxDelta(this.projectionDeltaWithTransform,this.layoutCorrected,targetWithTransforms,latestValues);}}registerSharedNode(layoutId,node){this.sharedNodes.has(layoutId)||this.sharedNodes.set(layoutId,new NodeStack),this.sharedNodes.get(layoutId).add(node);let config=node.options.initialPromotionConfig;node.promote({transition:config?config.transition:void 0,preserveFollowOpacity:config&&config.shouldPreserveFollowOpacity?config.shouldPreserveFollowOpacity(node):void 0});}isLead(){let stack=this.getStack();return stack?stack.lead===this:!0}getLead(){var _a;let{layoutId}=this.options;return layoutId?((_a=this.getStack())===null||_a===void 0?void 0:_a.lead)||this:this}getPrevLead(){var _a;let{layoutId}=this.options;return layoutId?(_a=this.getStack())===null||_a===void 0?void 0:_a.prevLead:void 0}getStack(){let{layoutId}=this.options;if(layoutId)return this.root.sharedNodes.get(layoutId)}promote({needsReset,transition,preserveFollowOpacity}={}){let stack=this.getStack();stack&&stack.promote(this,preserveFollowOpacity),needsReset&&(this.projectionDelta=void 0,this.needsReset=!0),transition&&this.setOptions({transition});}relegate(){let stack=this.getStack();return stack?stack.relegate(this):!1}resetRotation(){let{visualElement}=this.options;if(!visualElement)return;let hasRotate=!1,{latestValues}=visualElement;if((latestValues.rotate||latestValues.rotateX||latestValues.rotateY||latestValues.rotateZ)&&(hasRotate=!0),!hasRotate)return;let resetValues={};for(let i=0;i<transformAxes.length;i++){let key="rotate"+transformAxes[i];latestValues[key]&&(resetValues[key]=latestValues[key],visualElement.setStaticValue(key,0));}visualElement.render();for(let key in resetValues)visualElement.setStaticValue(key,resetValues[key]);visualElement.scheduleRender();}getProjectionStyles(styleProp){var _a,_b;if(!this.instance||this.isSVG)return;if(!this.isVisible)return hiddenVisibility;let styles={visibility:""},transformTemplate=this.getTransformTemplate();if(this.needsReset)return this.needsReset=!1,styles.opacity="",styles.pointerEvents=resolveMotionValue(styleProp?.pointerEvents)||"",styles.transform=transformTemplate?transformTemplate(this.latestValues,""):"none",styles;let lead=this.getLead();if(!this.projectionDelta||!this.layout||!lead.target){let emptyStyles={};return this.options.layoutId&&(emptyStyles.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,emptyStyles.pointerEvents=resolveMotionValue(styleProp?.pointerEvents)||""),this.hasProjected&&!hasTransform(this.latestValues)&&(emptyStyles.transform=transformTemplate?transformTemplate({},""):"none",this.hasProjected=!1),emptyStyles}let valuesToRender=lead.animationValues||lead.latestValues;this.applyTransformsToTarget(),styles.transform=buildProjectionTransform(this.projectionDeltaWithTransform,this.treeScale,valuesToRender),transformTemplate&&(styles.transform=transformTemplate(valuesToRender,styles.transform));let{x,y}=this.projectionDelta;styles.transformOrigin=`${x.origin*100}% ${y.origin*100}% 0`,lead.animationValues?styles.opacity=lead===this?(_b=(_a=valuesToRender.opacity)!==null&&_a!==void 0?_a:this.latestValues.opacity)!==null&&_b!==void 0?_b:1:this.preserveOpacity?this.latestValues.opacity:valuesToRender.opacityExit:styles.opacity=lead===this?valuesToRender.opacity!==void 0?valuesToRender.opacity:"":valuesToRender.opacityExit!==void 0?valuesToRender.opacityExit:0;for(let key in scaleCorrectors){if(valuesToRender[key]===void 0)continue;let{correct,applyTo}=scaleCorrectors[key],corrected=styles.transform==="none"?valuesToRender[key]:correct(valuesToRender[key],lead);if(applyTo){let num=applyTo.length;for(let i=0;i<num;i++)styles[applyTo[i]]=corrected;}else styles[key]=corrected;}return this.options.layoutId&&(styles.pointerEvents=lead===this?resolveMotionValue(styleProp?.pointerEvents)||"":"none"),styles}clearSnapshot(){this.resumeFrom=this.snapshot=void 0;}resetTree(){this.root.nodes.forEach(node=>{var _a;return (_a=node.currentAnimation)===null||_a===void 0?void 0:_a.stop()}),this.root.nodes.forEach(clearMeasurements),this.root.sharedNodes.clear();}}}function updateLayout(node){node.updateLayout();}function notifyLayoutUpdate(node){var _a;let snapshot=((_a=node.resumeFrom)===null||_a===void 0?void 0:_a.snapshot)||node.snapshot;if(node.isLead()&&node.layout&&snapshot&&node.hasListeners("didUpdate")){let{layoutBox:layout2,measuredBox:measuredLayout}=node.layout,{animationType}=node.options,isShared=snapshot.source!==node.layout.source;animationType==="size"?eachAxis(axis=>{let axisSnapshot=isShared?snapshot.measuredBox[axis]:snapshot.layoutBox[axis],length=calcLength(axisSnapshot);axisSnapshot.min=layout2[axis].min,axisSnapshot.max=axisSnapshot.min+length;}):shouldAnimatePositionOnly(animationType,snapshot.layoutBox,layout2)&&eachAxis(axis=>{let axisSnapshot=isShared?snapshot.measuredBox[axis]:snapshot.layoutBox[axis],length=calcLength(layout2[axis]);axisSnapshot.max=axisSnapshot.min+length,node.relativeTarget&&!node.currentAnimation&&(node.isProjectionDirty=!0,node.relativeTarget[axis].max=node.relativeTarget[axis].min+length);});let layoutDelta=createDelta();calcBoxDelta(layoutDelta,layout2,snapshot.layoutBox);let visualDelta=createDelta();isShared?calcBoxDelta(visualDelta,node.applyTransform(measuredLayout,!0),snapshot.measuredBox):calcBoxDelta(visualDelta,layout2,snapshot.layoutBox);let hasLayoutChanged=!isDeltaZero(layoutDelta),hasRelativeTargetChanged=!1;if(!node.resumeFrom){let relativeParent=node.getClosestProjectingParent();if(relativeParent&&!relativeParent.resumeFrom){let{snapshot:parentSnapshot,layout:parentLayout}=relativeParent;if(parentSnapshot&&parentLayout){let relativeSnapshot=createBox();calcRelativePosition(relativeSnapshot,snapshot.layoutBox,parentSnapshot.layoutBox);let relativeLayout=createBox();calcRelativePosition(relativeLayout,layout2,parentLayout.layoutBox),boxEqualsRounded(relativeSnapshot,relativeLayout)||(hasRelativeTargetChanged=!0),relativeParent.options.layoutRoot&&(node.relativeTarget=relativeLayout,node.relativeTargetOrigin=relativeSnapshot,node.relativeParent=relativeParent);}}}node.notifyListeners("didUpdate",{layout:layout2,snapshot,delta:visualDelta,layoutDelta,hasLayoutChanged,hasRelativeTargetChanged});}else if(node.isLead()){let{onExitComplete}=node.options;onExitComplete&&onExitComplete();}node.options.transition=void 0;}function propagateDirtyNodes(node){projectionFrameData.totalNodes++,node.parent&&(node.isProjecting()||(node.isProjectionDirty=node.parent.isProjectionDirty),node.isSharedProjectionDirty||(node.isSharedProjectionDirty=!!(node.isProjectionDirty||node.parent.isProjectionDirty||node.parent.isSharedProjectionDirty)),node.isTransformDirty||(node.isTransformDirty=node.parent.isTransformDirty));}function cleanDirtyNodes(node){node.isProjectionDirty=node.isSharedProjectionDirty=node.isTransformDirty=!1;}function clearSnapshot(node){node.clearSnapshot();}function clearMeasurements(node){node.clearMeasurements();}function clearIsLayoutDirty(node){node.isLayoutDirty=!1;}function resetTransformStyle(node){let{visualElement}=node.options;visualElement&&visualElement.getProps().onBeforeLayoutMeasure&&visualElement.notify("BeforeLayoutMeasure"),node.resetTransform();}function finishAnimation(node){node.finishAnimation(),node.targetDelta=node.relativeTarget=node.target=void 0,node.isProjectionDirty=!0;}function resolveTargetDelta(node){node.resolveTargetDelta();}function calcProjection(node){node.calcProjection();}function resetRotation(node){node.resetRotation();}function removeLeadSnapshots(stack){stack.removeLeadSnapshot();}function mixAxisDelta(output,delta,p){output.translate=mixNumber(delta.translate,0,p),output.scale=mixNumber(delta.scale,1,p),output.origin=delta.origin,output.originPoint=delta.originPoint;}function mixAxis(output,from,to,p){output.min=mixNumber(from.min,to.min,p),output.max=mixNumber(from.max,to.max,p);}function mixBox(output,from,to,p){mixAxis(output.x,from.x,to.x,p),mixAxis(output.y,from.y,to.y,p);}function hasOpacityCrossfade(node){return node.animationValues&&node.animationValues.opacityExit!==void 0}var defaultLayoutTransition={duration:.45,ease:[.4,0,.1,1]},userAgentContains=string=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(string),roundPoint=userAgentContains("applewebkit/")&&!userAgentContains("chrome/")?Math.round:noop2;function roundAxis(axis){axis.min=roundPoint(axis.min),axis.max=roundPoint(axis.max);}function roundBox(box){roundAxis(box.x),roundAxis(box.y);}function shouldAnimatePositionOnly(animationType,snapshot,layout2){return animationType==="position"||animationType==="preserve-aspect"&&!isNear(aspectRatio(snapshot),aspectRatio(layout2),.2)}var DocumentProjectionNode=createProjectionNode({attachResizeListener:(ref2,notify)=>addDomEvent(ref2,"resize",notify),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0});var rootProjectionNode={current:void 0},HTMLProjectionNode=createProjectionNode({measureScroll:instance=>({x:instance.scrollLeft,y:instance.scrollTop}),defaultParent:()=>{if(!rootProjectionNode.current){let documentNode=new DocumentProjectionNode({});documentNode.mount(window),documentNode.setOptions({layoutScroll:!0}),rootProjectionNode.current=documentNode;}return rootProjectionNode.current},resetTransform:(instance,value)=>{instance.style.transform=value!==void 0?value:"none";},checkIsScrollRoot:instance=>window.getComputedStyle(instance).position==="fixed"});var drag={pan:{Feature:PanGesture},drag:{Feature:DragGesture,ProjectionNode:HTMLProjectionNode,MeasureLayout}};var splitCSSVariableRegex=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function parseCSSVariable(current){let match=splitCSSVariableRegex.exec(current);if(!match)return [,];let[,token,fallback]=match;return [token,fallback]}var maxDepth=4;function getVariableValue(current,element,depth=1){invariant(depth<=maxDepth,`Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`);let[token,fallback]=parseCSSVariable(current);if(!token)return;let resolved=window.getComputedStyle(element).getPropertyValue(token);if(resolved){let trimmed=resolved.trim();return isNumericalString(trimmed)?parseFloat(trimmed):trimmed}else return isCSSVariableToken(fallback)?getVariableValue(fallback,element,depth+1):fallback}function resolveCSSVariables(visualElement,{...target},transitionEnd){let element=visualElement.current;if(!(element instanceof Element))return {target,transitionEnd};transitionEnd&&(transitionEnd={...transitionEnd}),visualElement.values.forEach(value=>{let current=value.get();if(!isCSSVariableToken(current))return;let resolved=getVariableValue(current,element);resolved&&value.set(resolved);});for(let key in target){let current=target[key];if(!isCSSVariableToken(current))continue;let resolved=getVariableValue(current,element);resolved&&(target[key]=resolved,transitionEnd||(transitionEnd={}),transitionEnd[key]===void 0&&(transitionEnd[key]=current));}return {target,transitionEnd}}var positionalKeys=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),isPositionalKey=key=>positionalKeys.has(key),hasPositionalKey=target=>Object.keys(target).some(isPositionalKey),isNumOrPxType=v=>v===number||v===px,getPosFromMatrix=(matrix,pos)=>parseFloat(matrix.split(", ")[pos]),getTranslateFromMatrix=(pos2,pos3)=>(_bbox,{transform})=>{if(transform==="none"||!transform)return 0;let matrix3d=transform.match(/^matrix3d\((.+)\)$/);if(matrix3d)return getPosFromMatrix(matrix3d[1],pos3);{let matrix=transform.match(/^matrix\((.+)\)$/);return matrix?getPosFromMatrix(matrix[1],pos2):0}},transformKeys=new Set(["x","y","z"]),nonTranslationalTransformKeys=transformPropOrder.filter(key=>!transformKeys.has(key));function removeNonTranslationalTransform(visualElement){let removedTransforms=[];return nonTranslationalTransformKeys.forEach(key=>{let value=visualElement.getValue(key);value!==void 0&&(removedTransforms.push([key,value.get()]),value.set(key.startsWith("scale")?1:0));}),removedTransforms.length&&visualElement.render(),removedTransforms}var positionalValues={width:({x},{paddingLeft="0",paddingRight="0"})=>x.max-x.min-parseFloat(paddingLeft)-parseFloat(paddingRight),height:({y},{paddingTop="0",paddingBottom="0"})=>y.max-y.min-parseFloat(paddingTop)-parseFloat(paddingBottom),top:(_bbox,{top})=>parseFloat(top),left:(_bbox,{left})=>parseFloat(left),bottom:({y},{top})=>parseFloat(top)+(y.max-y.min),right:({x},{left})=>parseFloat(left)+(x.max-x.min),x:getTranslateFromMatrix(4,13),y:getTranslateFromMatrix(5,14)};positionalValues.translateX=positionalValues.x;positionalValues.translateY=positionalValues.y;var convertChangedValueTypes=(target,visualElement,changedKeys)=>{let originBbox=visualElement.measureViewportBox(),element=visualElement.current,elementComputedStyle=getComputedStyle(element),{display}=elementComputedStyle,origin={};display==="none"&&visualElement.setStaticValue("display",target.display||"block"),changedKeys.forEach(key=>{origin[key]=positionalValues[key](originBbox,elementComputedStyle);}),visualElement.render();let targetBbox=visualElement.measureViewportBox();return changedKeys.forEach(key=>{let value=visualElement.getValue(key);value&&value.jump(origin[key]),target[key]=positionalValues[key](targetBbox,elementComputedStyle);}),target},checkAndConvertChangedValueTypes=(visualElement,target,origin={},transitionEnd={})=>{target={...target},transitionEnd={...transitionEnd};let targetPositionalKeys=Object.keys(target).filter(isPositionalKey),removedTransformValues=[],hasAttemptedToRemoveTransformValues=!1,changedValueTypeKeys=[];if(targetPositionalKeys.forEach(key=>{let value=visualElement.getValue(key);if(!visualElement.hasValue(key))return;let from=origin[key],fromType=findDimensionValueType(from),to=target[key],toType;if(isKeyframesTarget(to)){let numKeyframes=to.length,fromIndex=to[0]===null?1:0;from=to[fromIndex],fromType=findDimensionValueType(from);for(let i=fromIndex;i<numKeyframes&&to[i]!==null;i++)toType?invariant(findDimensionValueType(to[i])===toType,"All keyframes must be of the same type"):(toType=findDimensionValueType(to[i]),invariant(toType===fromType||isNumOrPxType(fromType)&&isNumOrPxType(toType),"Keyframes must be of the same dimension as the current value"));}else toType=findDimensionValueType(to);if(fromType!==toType)if(isNumOrPxType(fromType)&&isNumOrPxType(toType)){let current=value.get();typeof current=="string"&&value.set(parseFloat(current)),typeof to=="string"?target[key]=parseFloat(to):Array.isArray(to)&&toType===px&&(target[key]=to.map(parseFloat));}else fromType?.transform&&toType?.transform&&(from===0||to===0)?from===0?value.set(toType.transform(from)):target[key]=fromType.transform(to):(hasAttemptedToRemoveTransformValues||(removedTransformValues=removeNonTranslationalTransform(visualElement),hasAttemptedToRemoveTransformValues=!0),changedValueTypeKeys.push(key),transitionEnd[key]=transitionEnd[key]!==void 0?transitionEnd[key]:target[key],value.jump(to));}),changedValueTypeKeys.length){let scrollY=changedValueTypeKeys.indexOf("height")>=0?window.pageYOffset:null,convertedTarget=convertChangedValueTypes(target,visualElement,changedValueTypeKeys);return removedTransformValues.length&&removedTransformValues.forEach(([key,value])=>{visualElement.getValue(key).set(value);}),visualElement.render(),isBrowser2&&scrollY!==null&&window.scrollTo({top:scrollY}),{target:convertedTarget,transitionEnd}}else return {target,transitionEnd}};function unitConversion(visualElement,target,origin,transitionEnd){return hasPositionalKey(target)?checkAndConvertChangedValueTypes(visualElement,target,origin,transitionEnd):{target,transitionEnd}}var parseDomVariant=(visualElement,target,origin,transitionEnd)=>{let resolved=resolveCSSVariables(visualElement,target,transitionEnd);return target=resolved.target,transitionEnd=resolved.transitionEnd,unitConversion(visualElement,target,origin,transitionEnd)};var prefersReducedMotion={current:null},hasReducedMotionListener={current:!1};function initPrefersReducedMotion(){if(hasReducedMotionListener.current=!0,!!isBrowser2)if(window.matchMedia){let motionMediaQuery=window.matchMedia("(prefers-reduced-motion)"),setReducedMotionPreferences=()=>prefersReducedMotion.current=motionMediaQuery.matches;motionMediaQuery.addListener(setReducedMotionPreferences),setReducedMotionPreferences();}else prefersReducedMotion.current=!1;}function updateMotionValuesFromProps(element,next,prev){let{willChange}=next;for(let key in next){let nextValue=next[key],prevValue=prev[key];if(isMotionValue(nextValue))element.addValue(key,nextValue),isWillChangeMotionValue(willChange)&&willChange.add(key),warnOnce(nextValue.version==="11.0.6",`Attempting to mix Framer Motion versions ${nextValue.version} with 11.0.6 may not work as expected.`);else if(isMotionValue(prevValue))element.addValue(key,motionValue(nextValue,{owner:element})),isWillChangeMotionValue(willChange)&&willChange.remove(key);else if(prevValue!==nextValue)if(element.hasValue(key)){let existingValue=element.getValue(key);!existingValue.hasAnimated&&existingValue.set(nextValue);}else {let latestValue=element.getStaticValue(key);element.addValue(key,motionValue(latestValue!==void 0?latestValue:nextValue,{owner:element}));}}for(let key in prev)next[key]===void 0&&element.removeValue(key);return next}var visualElementStore=new WeakMap;var featureNames=Object.keys(featureDefinitions),numFeatures=featureNames.length,propEventHandlers=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],numVariantProps=variantProps.length,VisualElement=class{constructor({parent,props,presenceContext,reducedMotionConfig,visualState},options={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection));},this.scheduleRender=()=>frame.render(this.render,!1,!0);let{latestValues,renderState}=visualState;this.latestValues=latestValues,this.baseTarget={...latestValues},this.initialValues=props.initial?{...latestValues}:{},this.renderState=renderState,this.parent=parent,this.props=props,this.presenceContext=presenceContext,this.depth=parent?parent.depth+1:0,this.reducedMotionConfig=reducedMotionConfig,this.options=options,this.isControllingVariants=isControllingVariants(props),this.isVariantNode=isVariantNode(props),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(parent&&parent.current);let{willChange,...initialMotionValues}=this.scrapeMotionValuesFromProps(props,{});for(let key in initialMotionValues){let value=initialMotionValues[key];latestValues[key]!==void 0&&isMotionValue(value)&&(value.set(latestValues[key],!1),isWillChangeMotionValue(willChange)&&willChange.add(key));}}scrapeMotionValuesFromProps(_props,_prevProps){return {}}mount(instance){this.current=instance,visualElementStore.set(instance,this),this.projection&&!this.projection.instance&&this.projection.mount(instance),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((value,key)=>this.bindToMotionValue(key,value)),hasReducedMotionListener.current||initPrefersReducedMotion(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:prefersReducedMotion.current,warnOnce(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext);}unmount(){visualElementStore.delete(this.current),this.projection&&this.projection.unmount(),cancelFrame(this.notifyUpdate),cancelFrame(this.render),this.valueSubscriptions.forEach(remove=>remove()),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(let key in this.events)this.events[key].clear();for(let key in this.features)this.features[key].unmount();this.current=null;}bindToMotionValue(key,value){let valueIsTransform=transformProps.has(key),removeOnChange=value.on("change",latestValue=>{this.latestValues[key]=latestValue,this.props.onUpdate&&frame.update(this.notifyUpdate,!1,!0),valueIsTransform&&this.projection&&(this.projection.isTransformDirty=!0);}),removeOnRenderRequest=value.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(key,()=>{removeOnChange(),removeOnRenderRequest();});}sortNodePosition(other){return !this.current||!this.sortInstanceNodePosition||this.type!==other.type?0:this.sortInstanceNodePosition(this.current,other.current)}loadFeatures({children,...renderedProps},isStrict,preloadedFeatures2,initialLayoutGroupConfig){let ProjectionNodeConstructor,MeasureLayout2;if(preloadedFeatures2&&isStrict){let strictMessage="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";renderedProps.ignoreStrict?warning(!1,strictMessage):invariant(!1,strictMessage);}for(let i=0;i<numFeatures;i++){let name=featureNames[i],{isEnabled,Feature:FeatureConstructor,ProjectionNode,MeasureLayout:MeasureLayoutComponent}=featureDefinitions[name];ProjectionNode&&(ProjectionNodeConstructor=ProjectionNode),isEnabled(renderedProps)&&(!this.features[name]&&FeatureConstructor&&(this.features[name]=new FeatureConstructor(this)),MeasureLayoutComponent&&(MeasureLayout2=MeasureLayoutComponent));}if((this.type==="html"||this.type==="svg")&&!this.projection&&ProjectionNodeConstructor){this.projection=new ProjectionNodeConstructor(this.latestValues,this.parent&&this.parent.projection);let{layoutId,layout:layout2,drag:drag2,dragConstraints,layoutScroll,layoutRoot}=renderedProps;this.projection.setOptions({layoutId,layout:layout2,alwaysMeasureLayout:!!drag2||dragConstraints&&isRefObject(dragConstraints),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:typeof layout2=="string"?layout2:"both",initialPromotionConfig:initialLayoutGroupConfig,layoutScroll,layoutRoot});}return MeasureLayout2}updateFeatures(){for(let key in this.features){let feature=this.features[key];feature.isMounted?feature.update():(feature.mount(),feature.isMounted=!0);}}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props);}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):createBox()}getStaticValue(key){return this.latestValues[key]}setStaticValue(key,value){this.latestValues[key]=value;}makeTargetAnimatable(target,canMutate=!0){return this.makeTargetAnimatableFromInstance(target,canMutate)}update(props,presenceContext){(props.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=props,this.prevPresenceContext=this.presenceContext,this.presenceContext=presenceContext;for(let i=0;i<propEventHandlers.length;i++){let key=propEventHandlers[i];this.propEventSubscriptions[key]&&(this.propEventSubscriptions[key](),delete this.propEventSubscriptions[key]);let listener=props["on"+key];listener&&(this.propEventSubscriptions[key]=this.on(key,listener));}this.prevMotionValues=updateMotionValuesFromProps(this,this.scrapeMotionValuesFromProps(props,this.prevProps),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue();}getProps(){return this.props}getVariant(name){return this.props.variants?this.props.variants[name]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}getVariantContext(startAtParent=!1){if(startAtParent)return this.parent?this.parent.getVariantContext():void 0;if(!this.isControllingVariants){let context2=this.parent?this.parent.getVariantContext()||{}:{};return this.props.initial!==void 0&&(context2.initial=this.props.initial),context2}let context={};for(let i=0;i<numVariantProps;i++){let name=variantProps[i],prop=this.props[name];(isVariantLabel(prop)||prop===!1)&&(context[name]=prop);}return context}addVariantChild(child){let closestVariantNode=this.getClosestVariantNode();if(closestVariantNode)return closestVariantNode.variantChildren&&closestVariantNode.variantChildren.add(child),()=>closestVariantNode.variantChildren.delete(child)}addValue(key,value){value!==this.values.get(key)&&(this.removeValue(key),this.bindToMotionValue(key,value)),this.values.set(key,value),this.latestValues[key]=value.get();}removeValue(key){this.values.delete(key);let unsubscribe=this.valueSubscriptions.get(key);unsubscribe&&(unsubscribe(),this.valueSubscriptions.delete(key)),delete this.latestValues[key],this.removeValueFromRenderState(key,this.renderState);}hasValue(key){return this.values.has(key)}getValue(key,defaultValue){if(this.props.values&&this.props.values[key])return this.props.values[key];let value=this.values.get(key);return value===void 0&&defaultValue!==void 0&&(value=motionValue(defaultValue,{owner:this}),this.addValue(key,value)),value}readValue(key){var _a;return this.latestValues[key]!==void 0||!this.current?this.latestValues[key]:(_a=this.getBaseTargetFromProps(this.props,key))!==null&&_a!==void 0?_a:this.readValueFromInstance(this.current,key,this.options)}setBaseTarget(key,value){this.baseTarget[key]=value;}getBaseTarget(key){var _a;let{initial}=this.props,valueFromInitial=typeof initial=="string"||typeof initial=="object"?(_a=resolveVariantFromProps(this.props,initial))===null||_a===void 0?void 0:_a[key]:void 0;if(initial&&valueFromInitial!==void 0)return valueFromInitial;let target=this.getBaseTargetFromProps(this.props,key);return target!==void 0&&!isMotionValue(target)?target:this.initialValues[key]!==void 0&&valueFromInitial===void 0?void 0:this.baseTarget[key]}on(eventName,callback){return this.events[eventName]||(this.events[eventName]=new SubscriptionManager),this.events[eventName].add(callback)}notify(eventName,...args){this.events[eventName]&&this.events[eventName].notify(...args);}};var DOMVisualElement=class extends VisualElement{sortInstanceNodePosition(a,b){return a.compareDocumentPosition(b)&2?1:-1}getBaseTargetFromProps(props,key){return props.style?props.style[key]:void 0}removeValueFromRenderState(key,{vars,style}){delete vars[key],delete style[key];}makeTargetAnimatableFromInstance({transition,transitionEnd,...target},isMounted){let origin=getOrigin(target,transition||{},this);if(isMounted){checkTargetForNewValues(this,target,origin);let parsed=parseDomVariant(this,target,origin,transitionEnd);transitionEnd=parsed.transitionEnd,target=parsed.target;}return {transition,transitionEnd,...target}}};function getComputedStyle2(element){return window.getComputedStyle(element)}var HTMLVisualElement=class extends DOMVisualElement{constructor(){super(...arguments),this.type="html";}readValueFromInstance(instance,key){if(transformProps.has(key)){let defaultType=getDefaultValueType(key);return defaultType&&defaultType.default||0}else {let computedStyle=getComputedStyle2(instance),value=(isCSSVariableName(key)?computedStyle.getPropertyValue(key):computedStyle[key])||0;return typeof value=="string"?value.trim():value}}measureInstanceViewportBox(instance,{transformPagePoint}){return measureViewportBox(instance,transformPagePoint)}build(renderState,latestValues,options,props){buildHTMLStyles(renderState,latestValues,options,props.transformTemplate);}scrapeMotionValuesFromProps(props,prevProps){return scrapeMotionValuesFromProps(props,prevProps)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);let{children}=this.props;isMotionValue(children)&&(this.childSubscription=children.on("change",latest=>{this.current&&(this.current.textContent=`${latest}`);}));}renderInstance(instance,renderState,styleProp,projection){renderHTML(instance,renderState,styleProp,projection);}};var SVGVisualElement=class extends DOMVisualElement{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1;}getBaseTargetFromProps(props,key){return props[key]}readValueFromInstance(instance,key){if(transformProps.has(key)){let defaultType=getDefaultValueType(key);return defaultType&&defaultType.default||0}return key=camelCaseAttributes.has(key)?key:camelToDash(key),instance.getAttribute(key)}measureInstanceViewportBox(){return createBox()}scrapeMotionValuesFromProps(props,prevProps){return scrapeMotionValuesFromProps2(props,prevProps)}build(renderState,latestValues,options,props){buildSVGAttrs(renderState,latestValues,options,this.isSVGTag,props.transformTemplate);}renderInstance(instance,renderState,styleProp,projection){renderSVG(instance,renderState,styleProp,projection);}mount(instance){this.isSVGTag=isSVGTag(instance.tagName),super.mount(instance);}};var createDomVisualElement=(Component8,options)=>isSVGComponent(Component8)?new SVGVisualElement(options,{enableHardwareAcceleration:!1}):new HTMLVisualElement(options,{enableHardwareAcceleration:!0});var layout={layout:{ProjectionNode:HTMLProjectionNode,MeasureLayout}};var preloadedFeatures={...animations,...gestureAnimations,...drag,...layout},motion=createMotionProxy((Component8,config)=>createDomMotionConfig(Component8,config,preloadedFeatures,createDomVisualElement));var Code=styled(motion.div)`
+  position: relative;
+  z-index: 2;
+`,SnippetWrapperFirst=styled(motion.div)`
+  position: relative;
+  padding-top: 10px;
+  padding-bottom: 10px;
+`;styled(motion.div)`
+  position: relative;
+  padding-top: 12px;
+  padding-bottom: 12px;
+`;var Container=styled.div`
+  position: relative;
+  box-sizing: border-box;
+  background: #171c23;
+  width: ${({width})=>width}px;
+  height: 100%;
+  overflow: hidden;
+  padding-left: 15px;
+  padding-right: 15px;
+  padding-top: 4px;
+  border-left: ${({theme:theme2})=>theme2.base==="dark"?1:0}px solid #fff2;
+  border-bottom: ${({theme:theme2})=>theme2.base==="dark"?1:0}px solid #fff2;
+  border-top: ${({theme:theme2})=>theme2.base==="dark"?1:0}px solid #fff2;
+  border-radius: 6px 0 0 6px;
+  overflow: hidden;
+
+  && {
+    pre {
+      background: transparent !important;
+      margin: 0 !important;
+      padding: 0 !important;
+    }
+  }
+`,Backdrop=styled(motion.div)`
+  background: #143046;
+  position: absolute;
+  z-index: 1;
+  left: 0;
+  top: 44px;
+  width: 100%;
+  height: 81px;
+`;var SnippetWrapper2=styled(motion.div)`
+  position: relative;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  min-height: 57px;
+`;var wrapperVariants={default:{filter:"grayscale(1)",opacity:.5},active:{filter:"grayscale(0)",opacity:1}},Snippet=forwardRef(function({active,content,open},ref2){let customStyle={fontSize:"0.8125rem",lineHeight:"1.1875rem"};return React32__default.createElement(SnippetWrapper2,{ref:ref2,initial:"default",animate:active?"active":"default","aria-hidden":!active,variants:wrapperVariants,transition:{ease:"easeInOut",duration:.6}},content.map(({toggle,snippet},i)=>React32__default.createElement(Fragment,{key:i},toggle===void 0&&React32__default.createElement(SyntaxHighlighter$1,{language:"typescript",customStyle},snippet),toggle&&!open&&React32__default.createElement(SyntaxHighlighter$1,{language:"typescript",customStyle},"  // ..."),toggle&&open&&React32__default.createElement(motion.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.4}},React32__default.createElement(SyntaxHighlighter$1,{language:"typescript",customStyle,codeTagProps:{style:{paddingLeft:"15px"}}},snippet)))))});var SyntaxHighlighter=({activeStep,data:data3,width,filename})=>{let[steps2,setSteps]=useState([]),refs=useMemo(()=>data3.map(()=>createRef()),[data3]),getYPos=idx=>{let yPos=0;for(let i=0;i<idx;i++)yPos-=refs[i].current.getBoundingClientRect().height;return yPos},setNewSteps=useCallback(()=>{let newSteps=data3.flatMap((content,i)=>{let backdropHeight=refs[i].current.getBoundingClientRect().height,finalSteps=[{yPos:getYPos(i),backdropHeight,index:i,open:!1}];return content.length>1&&finalSteps.push({yPos:getYPos(i),backdropHeight,index:i,open:!0}),finalSteps});setSteps(newSteps);},[data3]);useLayoutEffect(()=>{let resizeObserver=new ResizeObserver(()=>{setNewSteps();});return refs.forEach(ref2=>{resizeObserver.observe(ref2.current);}),()=>{resizeObserver.disconnect();}},[]);let customStyle={fontSize:"0.8125rem",lineHeight:"1.1875rem"};return React32__default.createElement(Container,{width},React32__default.createElement(ThemeProvider,{theme:ensure(themes.dark)},React32__default.createElement(Code,{animate:{y:steps2[activeStep]?.yPos??0},transition:{ease:"easeInOut",duration:.4}},React32__default.createElement(SnippetWrapperFirst,null,React32__default.createElement(SyntaxHighlighter$1,{language:"typescript",customStyle},"// "+filename)),data3.map((content,idx)=>React32__default.createElement(Snippet,{key:idx,ref:refs[idx],active:steps2[activeStep]?.index===idx,open:steps2[activeStep]?.index>idx?!0:steps2[activeStep]?.open??!1,content})))),React32__default.createElement(Backdrop,{initial:{height:81},animate:{height:steps2[activeStep]?.backdropHeight??81},transition:{ease:"easeInOut",duration:.4},className:"syntax-highlighter-backdrop"}))};var ListWrapper=styled.ul(()=>({display:"flex",flexDirection:"column",rowGap:16,padding:0,margin:0}));var List=({children})=>React32__default.createElement(ListWrapper,null,children);var ListItemWrapper=styled.li(()=>({display:"flex",alignItems:"flex-start",columnGap:12})),ListItemContentWrapper=styled.div`
+  font-family: ${({theme:theme2})=>theme2.typography.fonts.base};
+  color: ${({theme:theme2})=>theme2.color.darker};
+  font-size: 13px;
+  line-height: 18px;
+  margin-top: 2px;
+`,ListItemIndexWrapper=styled.div(({isCompleted,theme:theme2})=>({display:"flex",alignItems:"center",justifyContent:"center",border:`1px solid ${isCompleted?"transparent":theme2.color.medium}`,width:20,height:20,flexShrink:0,borderRadius:"50%",backgroundColor:isCompleted?theme2.color.green:"white",fontFamily:theme2.typography.fonts.base,fontSize:10,fontWeight:600,color:theme2.color.dark}));var ListItem=({children,index:index2,isCompleted})=>React32__default.createElement(ListItemWrapper,null,React32__default.createElement(ListItemIndexWrapper,{"aria-label":isCompleted?"complete":"not complete",isCompleted},isCompleted?React32__default.createElement(CheckIcon,{width:10,height:10,color:"white"}):index2),React32__default.createElement(ListItemContentWrapper,null,children));function useGetButtonPath(){let[buttonPath,setButtonPath]=useState(null);return useEffect(()=>{(async()=>{try{let buttonPathInner=(await(await fetch("/index.json")).json()).entries["example-button--primary"].importPath;setButtonPath({data:buttonPathInner,error:null});}catch(e){setButtonPath({data:null,error:e});}})();},[]),buttonPath}var useGetWarningButtonStatus=(active,api,addonsStore)=>{let[status,setStatus]=useState(null);return useEffect(()=>{if(active){let getWarningButtonStatus=()=>{addonsStore.getChannel().once(STORY_RENDERED,()=>{let out=api.getData("example-button--warning");setStatus(out?{data:!0,error:null}:{data:!1,error:null});});},addonStoreChannel=addonsStore.getChannel();return api.getData("example-button--warning")?setStatus({data:!0,error:null}):addonStoreChannel.on(STORY_INDEX_INVALIDATED,getWarningButtonStatus),()=>{addonStoreChannel.off(STORY_INDEX_INVALIDATED,getWarningButtonStatus);}}},[active]),status};var useGetBackdropBoundary=(className,active)=>{let[boundary,setBoundary]=useState(null),element=document.querySelector(`.${className}`);return useEffect(()=>{if(active){let resizeObserver=new ResizeObserver(()=>{element&&setBoundary({top:element.offsetTop,left:element.offsetLeft,height:element.offsetHeight,width:element.offsetWidth});});return resizeObserver.observe(element),()=>{resizeObserver.disconnect();}}},[className,active]),boundary};var title_sidebar_default="data:image/png;base64,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";var story_name_sidebar_default="data:image/png;base64,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";var args_default="data:image/png;base64,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";var STORYBOOK_ADDON_ONBOARDING_CHANNEL="STORYBOOK_ADDON_ONBOARDING_CHANNEL";var WriteStoriesModal=({onFinish,api,addonsStore,skipOnboarding,codeSnippets})=>{let[step,setStep]=useState("imports"),theme2=useTheme(),stepIndex={imports:0,meta:1,story:2,args:3,customStory:4},[isWarningStoryCopied,setWarningStoryCopied]=useState(!1),[clipboardButtonRef,clipboardButtonBounds]=useMeasure(),buttonPath=useGetButtonPath(),warningButtonStatus=useGetWarningButtonStatus(step==="customStory",api,addonsStore),backdropBoundary=useGetBackdropBoundary("syntax-highlighter-backdrop",step==="customStory"),isJavascript=codeSnippets?.language==="javascript",copyWarningStory=()=>{let warningContent=codeSnippets.code[3][0].snippet;navigator.clipboard.writeText(warningContent.replace("// Copy the code below","")),setWarningStoryCopied(!0);},onModalClose=useCallback(()=>{api.emit(STORYBOOK_ADDON_ONBOARDING_CHANNEL,{step:"X:SkippedOnboarding",where:`HowToWriteAStoryModal:${step}`,type:"telemetry"});},[api,step]);return React32__default.createElement(Modal,{width:740,height:430,defaultOpen:!0},({Title:Title2,Description:Description2,Close})=>React32__default.createElement(ModalContent,null,codeSnippets?React32__default.createElement(SyntaxHighlighter,{activeStep:stepIndex[step]||0,data:codeSnippets.code,width:480,filename:codeSnippets.filename}):null,step==="customStory"&&backdropBoundary&&!warningButtonStatus?.data&&React32__default.createElement(Button,{ref:clipboardButtonRef,onClick:()=>copyWarningStory(),style:{position:"absolute",opacity:clipboardButtonBounds.width?1:0,top:backdropBoundary.top+backdropBoundary.height-45,left:backdropBoundary.left+backdropBoundary.width-(clipboardButtonBounds.width??0)-10,zIndex:1e3}},isWarningStoryCopied?"Copied to clipboard":"Copy code"),React32__default.createElement(Main,null,React32__default.createElement(Header,null,React32__default.createElement(Title2,{asChild:!0},React32__default.createElement(ModalTitle,null,React32__default.createElement(BookmarkHollowIcon,{width:13}),React32__default.createElement("span",null,"How to write a story"))),React32__default.createElement(Close,{onClick:onModalClose,asChild:!0},React32__default.createElement(CrossIcon,{style:{cursor:"pointer"},width:13,onClick:skipOnboarding,color:theme2.color.darkest}))),React32__default.createElement(Description2,{asChild:!0},React32__default.createElement(Content,null,step==="imports"&&React32__default.createElement(React32__default.Fragment,null,React32__default.createElement("div",null,React32__default.createElement("h3",null,"Imports"),isJavascript?React32__default.createElement("p",null,"Import a component. In this case, the Button component."):React32__default.createElement(React32__default.Fragment,null,React32__default.createElement("p",null,"First, import ",React32__default.createElement(SpanHighlight,null,"Meta")," and"," ",React32__default.createElement(SpanHighlight,null,"StoryObj")," for type safety and autocompletion in TypeScript stories."),React32__default.createElement("p",null,"Next, import a component. In this case, the Button component."))),React32__default.createElement(Button,{style:{marginTop:4},onClick:()=>{setStep("meta");}},"Next")),step==="meta"&&React32__default.createElement(React32__default.Fragment,null,React32__default.createElement("div",null,React32__default.createElement("h3",null,"Meta"),React32__default.createElement("p",null,"The default export, Meta, contains metadata about this component's stories. The title field (optional) controls where stories appear in the sidebar."),React32__default.createElement(Image,{width:"204",alt:"Title property pointing to Storybook's sidebar",src:title_sidebar_default})),React32__default.createElement(ButtonsWrapper,null,React32__default.createElement(Button,{variant:"secondary",onClick:()=>setStep("imports")},"Previous"),React32__default.createElement(Button,{onClick:()=>setStep("story")},"Next"))),step==="story"&&React32__default.createElement(React32__default.Fragment,null,React32__default.createElement("div",null,React32__default.createElement("h3",null,"Story"),React32__default.createElement("p",null,"Each named export is a story. Its contents specify how the story is rendered in addition to other configuration options."),React32__default.createElement(Image,{width:"190",alt:"Story export pointing to the sidebar entry of the story",src:story_name_sidebar_default})),React32__default.createElement(ButtonsWrapper,null,React32__default.createElement(Button,{variant:"secondary",onClick:()=>setStep("meta")},"Previous"),React32__default.createElement(Button,{onClick:()=>setStep("args")},"Next"))),step==="args"&&React32__default.createElement(React32__default.Fragment,null,React32__default.createElement("div",null,React32__default.createElement("h3",null,"Args"),React32__default.createElement("p",null,"Args are inputs that are passed to the component, which Storybook uses to render the component in different states. In React, args = props. They also specify the initial control values for the story."),React32__default.createElement(Image,{alt:"Args mapped to their controls in Storybook",width:"253",src:args_default})),React32__default.createElement(ButtonsWrapper,null,React32__default.createElement(Button,{variant:"secondary",onClick:()=>setStep("story")},"Previous"),React32__default.createElement(Button,{onClick:()=>setStep("customStory")},"Next"))),step==="customStory"&&(warningButtonStatus?.error?null:React32__default.createElement(React32__default.Fragment,null,React32__default.createElement("div",null,React32__default.createElement("h3",null,"Create your first story"),React32__default.createElement("p",null,"Now it's your turn. See how easy it is to create your first story by following these steps below."),React32__default.createElement(List,null,React32__default.createElement(ListItem,{isCompleted:isWarningStoryCopied||!!warningButtonStatus?.data,index:1},"Copy the Warning story."),React32__default.createElement(ListItem,{isCompleted:!!warningButtonStatus?.data,index:2},React32__default.createElement(Step2Text,null,"Open the Button story in your current working directory."),buttonPath?.data&&React32__default.createElement(SpanHighlight,null,buttonPath.data.replaceAll("/","/\u200B").replaceAll("\\","\\\u200B"))),React32__default.createElement(ListItem,{isCompleted:!!warningButtonStatus?.data,index:3},"Paste it at the bottom of the file and save."))),React32__default.createElement(ButtonsWrapper,null,React32__default.createElement(Button,{variant:"secondary",onClick:()=>setStep("args")},"Previous"),warningButtonStatus?.data?React32__default.createElement(Button,{onClick:()=>onFinish()},"Go to story"):null))))),React32__default.createElement(Background,null,React32__default.createElement(Circle1,null),React32__default.createElement(Circle2,null),React32__default.createElement(Circle3,null)))))};var data={filename:"Button.stories.js",language:"typescript",code:[[{snippet:"import { Button } from './Button';"}],[{snippet:`export default {
+      title: 'Example/Button',
+      component: Button,
+      // ...
+    };`}],[{snippet:"export const Primary = {"},{snippet:`args: {
+        primary: true,
+        label: 'Click',
+        background: 'red'
+      }`,toggle:!0},{snippet:"};"}],[{snippet:`// Copy the code below
+export const Warning = {
+  args: {
+    primary: true,
+    label: 'Delete now',
+    backgroundColor: 'red',
+  }
+};`}]]},javascript_default=data;var data2={filename:"Button.stories.ts",language:"typescript",code:[[{snippet:`import type { Meta, StoryObj } from '@storybook/react';
+      
+      import { Button } from './Button';`}],[{snippet:`const meta: Meta<typeof Button> = {
+        title: 'Example/Button',
+        component: Button,
+        // ...
+      };
+          
+      export default meta;`}],[{snippet:`type Story = StoryObj<Button>;
+        
+      export const Primary: Story = {`},{snippet:`args: {
+          primary: true,
+          label: 'Click',
+          background: 'red'
+        }`,toggle:!0},{snippet:"};"}],[{snippet:`// Copy the code below
+  export const Warning: Story = {
+    args: {
+      primary: true,
+      label: 'Delete now',
+      backgroundColor: 'red',
+    }
+  };`}]]},typescript_default=data2;function useGetProject(){let[project,setProject]=useState({data:null,error:null});return useEffect(()=>{(async()=>{try{let data3=(await(await fetch("/project.json")).json())?.language==="javascript"?javascript_default:typescript_default;setProject({data:data3,error:null});}catch(e){setProject({data:null,error:e});}})();},[]),project}var theme=convert();function App({api}){let[enabled,setEnabled]=useState(!0),[showConfetti,setShowConfetti]=useState(!1),[step,setStep]=useState("1:Welcome"),{data:codeSnippets}=useGetProject(),skipOnboarding=useCallback(()=>{let url=new URL(window.location.href),path=decodeURIComponent(url.searchParams.get("path"));url.search=`?path=${path}&onboarding=false`,history.replaceState({},"",url.href),api.setQueryParams({onboarding:"false"}),setEnabled(!1);},[setEnabled,api]);return useEffect(()=>{api.emit(STORYBOOK_ADDON_ONBOARDING_CHANNEL,{step:"1:Welcome",type:"telemetry"});},[]),useEffect(()=>{step!=="1:Welcome"&&api.emit(STORYBOOK_ADDON_ONBOARDING_CHANNEL,{step,type:"telemetry"});},[api,step]),useEffect(()=>{let stepTimeout;return step==="4:VisitNewStory"&&(setShowConfetti(!0),stepTimeout=window.setTimeout(()=>{setStep("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(stepTimeout);}},[step]),useEffect(()=>{let storyId=api.getCurrentStoryData()?.id;if(api.setQueryParams({onboarding:"true"}),storyId!=="example-button--primary")try{api.selectStory("example-button--primary",void 0,{ref:void 0});}catch{}},[]),enabled?React32__default.createElement(ThemeProvider,{theme},enabled&&showConfetti&&React32__default.createElement(Confetti2,{numberOfPieces:800,recycle:!1,tweenDuration:2e4,onConfettiComplete:confetti=>{confetti?.reset(),setShowConfetti(!1);}}),enabled&&step==="1:Welcome"&&React32__default.createElement(WelcomeModal,{onProceed:()=>{setStep("2:StorybookTour");},skipOnboarding:()=>{skipOnboarding(),api.emit(STORYBOOK_ADDON_ONBOARDING_CHANNEL,{step:"X:SkippedOnboarding",where:"WelcomeModal",type:"telemetry"});}}),enabled&&(step==="2:StorybookTour"||step==="5:ConfigureYourProject")&&React32__default.createElement(GuidedTour,{api,isFinalStep:step==="5:ConfigureYourProject",onFirstTourDone:()=>{setStep("3:WriteYourStory");},codeSnippets:codeSnippets||void 0,onLastTourDone:()=>{try{api.selectStory("configure-your-project--docs");}catch{}api.emit(STORYBOOK_ADDON_ONBOARDING_CHANNEL,{step:"6:FinishedOnboarding",type:"telemetry"}),skipOnboarding();}}),enabled&&step==="3:WriteYourStory"&&codeSnippets&&React32__default.createElement(WriteStoriesModal,{api,codeSnippets,addonsStore:addons,onFinish:()=>{api.selectStory("example-button--warning"),setStep("4:VisitNewStory");},skipOnboarding})):null}
+
+export { App as default };