@storybook/addon-onboarding/dist/Onboarding-C7P3S53K.js

Storybook Addon Onboarding - Introduces a new onboarding experience

import * as React2 from 'react';
import React2__default, { forwardRef, useRef, useEffect, createElement, useState, useCallback, isValidElement } from 'react';
import { SyntaxHighlighter, IconButton } from 'storybook/internal/components';
import { SAVE_STORY_RESPONSE } from 'storybook/internal/core-events';
import { styled, keyframes, convert, ThemeProvider, themes, useTheme, color } from 'storybook/internal/theming';
import * as ReactDOM from 'react-dom';
import ReactDOM__default, { createPortal } from 'react-dom';
import { ArrowRightIcon, CloseAltIcon } from '@storybook/icons';

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 __commonJS=(cb,mod)=>function(){return mod||(0, cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __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));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=noop2);var start=ms(),from=el[prop],ease=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 now=ms(),time=min(1,(now-start)/duration),eased=ease(time);el[prop]=eased*(to-from)+from,time<1?requestAnimationFrame(animate):requestAnimationFrame(function(){cb(null,el[prop]);});}}}function inOutSine(n2){return .5*(1-Math.cos(Math.PI*n2))}function noop2(){}}});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,Element=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment=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=Element,exports.ForwardRef=ForwardRef,exports.Fragment=Fragment,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={},i2=0;i2<10;i2++)test2["_"+String.fromCharCode(i2)]=i2;var order2=Object.getOwnPropertyNames(test2).map(function(n2){return test2[n2]});if(order2.join("")!=="0123456789")return !1;var test3={};return "abcdefghijklmnopqrst".split("").forEach(function(letter){test3[letter]=letter;}),Object.keys(Object.assign({},test3)).join("")==="abcdefghijklmnopqrst"}catch{return !1}}module.exports=shouldUseNative()?Object.assign:function(target,source){for(var from,to=toObject(target),symbols,s2=1;s2<arguments.length;s2++){from=Object(arguments[s2]);for(var key in from)hasOwnProperty.call(from,key)&&(to[key]=from[key]);if(getOwnPropertySymbols){symbols=getOwnPropertySymbols(from);for(var i2=0;i2<symbols.length;i2++)propIsEnumerable.call(from,symbols[i2])&&(to[symbols[i2]]=from[symbols[i2]]);}}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(x2,y2){return x2===y2?x2!==0||1/x2===1/y2:x2!==x2&&y2!==y2}function PropTypeError(message,data){this.message=message,this.data=data&&typeof data=="object"?data:{},this.stack="";}PropTypeError.prototype=Error.prototype;function createChainableTypeChecker(validate){var manualPropTypeCallCache={},manualPropTypeWarningCount=0;function checkType(isRequired,props,propName,componentName,location,propFullName,secret){if(componentName=componentName||ANONYMOUS,propFullName=propFullName||propName,secret!==ReactPropTypesSecret){if(throwOnDirectAccess){var err=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw err.name="Invariant Violation",err}else if(typeof console<"u"){var cacheKey=componentName+":"+propName;!manualPropTypeCallCache[cacheKey]&&manualPropTypeWarningCount<3&&(printWarning("You are manually calling a React.PropTypes validation function for the `"+propFullName+"` prop on `"+componentName+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),manualPropTypeCallCache[cacheKey]=!0,manualPropTypeWarningCount++);}}return props[propName]==null?isRequired?props[propName]===null?new PropTypeError("The "+location+" `"+propFullName+"` is marked as required "+("in `"+componentName+"`, but its value is `null`.")):new PropTypeError("The "+location+" `"+propFullName+"` is marked as required in "+("`"+componentName+"`, but its value is `undefined`.")):null:validate(props,propName,componentName,location,propFullName)}var chainedCheckType=checkType.bind(null,!1);return chainedCheckType.isRequired=checkType.bind(null,!0),chainedCheckType}function createPrimitiveTypeChecker(expectedType){function validate(props,propName,componentName,location,propFullName,secret){var propValue=props[propName],propType=getPropType(propValue);if(propType!==expectedType){var preciseType=getPreciseType(propValue);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+preciseType+"` supplied to `"+componentName+"`, expected ")+("`"+expectedType+"`."),{expectedType})}return null}return createChainableTypeChecker(validate)}function createAnyTypeChecker(){return createChainableTypeChecker(emptyFunctionThatReturnsNull)}function createArrayOfTypeChecker(typeChecker){function validate(props,propName,componentName,location,propFullName){if(typeof typeChecker!="function")return new PropTypeError("Property `"+propFullName+"` of component `"+componentName+"` has invalid PropType notation inside arrayOf.");var propValue=props[propName];if(!Array.isArray(propValue)){var propType=getPropType(propValue);return new PropTypeError("Invalid "+location+" `"+propFullName+"` of type "+("`"+propType+"` supplied to `"+componentName+"`, expected an array."))}for(var i2=0;i2<propValue.length;i2++){var error=typeChecker(propValue,i2,componentName,location,propFullName+"["+i2+"]",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],i2=0;i2<expectedValues.length;i2++)if(is3(propValue,expectedValues[i2]))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 i2=0;i2<arrayOfTypeCheckers.length;i2++){var checker=arrayOfTypeCheckers[i2];if(typeof checker!="function")return printWarning("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+getPostfixForTypeWarning(checker)+" at index "+i2+"."),emptyFunctionThatReturnsNull}function validate(props,propName,componentName,location,propFullName){for(var expectedTypes=[],i3=0;i3<arrayOfTypeCheckers.length;i3++){var checker2=arrayOfTypeCheckers[i3],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 e='@keyframes Bc2PgW_ya{to{translate:0 var(--sh)}}@keyframes Bc2PgW_xa{to{translate:var(--xlp)0}}@keyframes Bc2PgW_r{50%{rotate:var(--hr)180deg}to{rotate:var(--r)360deg}}.Bc2PgW_c{z-index:1200;width:0;height:0;position:relative;overflow:visible}.Bc2PgW_p{animation:xa var(--dc)forwards cubic-bezier(var(--x1),var(--x2),var(--x3),var(--x4));animation-name:Bc2PgW_xa}.Bc2PgW_p>div{animation:ya var(--dc)forwards cubic-bezier(var(--y1),var(--y2),var(--y3),var(--y4));width:var(--w);height:var(--h);animation-name:Bc2PgW_ya;position:absolute;top:0;left:0}.Bc2PgW_p>div:before{content:"";background-color:var(--bgc);animation:r var(--rd)infinite linear;border-radius:var(--br);width:100%;height:100%;animation-name:Bc2PgW_r;display:block}',t="Bc2PgW_p",r="Bc2PgW_c",a=["#FFC700","#FF0000","#2E3191","#41BBC7"],o=3500,n=.5,i=150,c="mix",s=12,l="",d=!0,p=800,u=1600;function y(y2,z2={}){let{colors:A2=a,duration:H2=o,force:F2=n,particleCount:O=i,particleShape:j=c,particleSize:E=s,particleClass:$=l,destroyAfterDone:q=d,stageHeight:D=p,stageWidth:J=u}=z2;((function(e2){if(document.querySelector("style[data-neoconfetti]"))return;let t2=W("style");t2.dataset.neoconfetti="",t2.textContent=e2,_(document.head,t2);}))(e),y2.classList.add(r),y2.style.setProperty("--sh",D+"px");let I=[],G=[],K=()=>P(b()*(N-1)),Q=(e2,t2)=>j!=="rectangles"&&(e2==="circles"||k(t2));function R(e2,t2){let r2=K(),a2=Q(j,r2),o2=(t3,r3)=>e2.style.setProperty(t3,r3+"");o2("--xlp",C(x(L(t2,90)-180),0,180,-J/2,J/2)+"px"),o2("--dc",H2-P(1e3*b())+"ms");let n2=b()<m?w(b()*h,2):0;o2("--x1",n2),o2("--x2",-1*n2),o2("--x3",n2),o2("--x4",w(x(C(x(L(t2,90)-180),0,180,-1,1)),4)),o2("--y1",w(b()*v,4)),o2("--y2",w(b()*F2*(M()?1:-1),4)),o2("--y3",v),o2("--y4",w(B(C(x(t2-180),0,180,F2,-F2),0),4)),o2("--w",(a2?E:P(4*b())+E/2)+"px"),o2("--h",(a2?E:P(2*b())+E)+"px");let i2=r2.toString(2).padStart(3,"0").split("");o2("--hr",i2.map(e3=>+e3/2+"").join(" ")),o2("--r",i2.join(" ")),o2("--rd",w(b()*(g-f)+f)+"ms"),o2("--br",a2?"50%":0);}let U;function V(){y2.innerHTML="",clearTimeout(U),I=S(O,A2),G=function(e2,r2=[],a2){let o2=[];for(let{color:n2}of r2){let r3=W("div");r3.className=`${t} ${a2}`,r3.style.setProperty("--bgc",n2);let i2=W("div");_(r3,i2),_(e2,r3),o2.push(r3);}return o2}(y2,I,$);for(let[e2,t2]of T(G))R(t2,I[+e2].degree);U=setTimeout(()=>{q&&(y2.innerHTML="");},H2);}return V(),{update(e2){let r2=e2.particleCount??i,f2=e2.particleShape??c,g2=e2.particleSize??s,m2=e2.particleClass??l,h2=e2.colors??a,v2=e2.stageHeight??p,x2=e2.duration??o,b2=e2.force??n,P2=e2.stageWidth??u,B2=e2.destroyAfterDone??d;I=S(r2,h2);let W2=!1;if(r2===O){G=Array.from(y2.querySelectorAll(`.${t}`));for(let[e3,{color:t2}]of T(I)){let r3=G[+e3];JSON.stringify(A2)!==JSON.stringify(h2)&&r3.style.setProperty("--bgc",t2),f2!==j&&r3.style.setProperty("--br",Q(f2,K())?"50%":"0"),m2!==$&&($&&r3.classList.remove($),m2&&r3.classList.add(m2));}}else W2=!0;q&&!B2&&clearTimeout(U),y2.style.setProperty("--sh",v2+"px"),H2=x2,A2=h2,F2=b2,O=r2,j=f2,E=g2,$=m2,q=B2,D=v2,J=P2,W2&&V();},destroy(){y2.innerHTML="",clearTimeout(U);}}}var f=200,g=800,m=.1,h=.3,v=.5,x=Math.abs,b=Math.random,P=Math.round,B=Math.max,W=e2=>document.createElement(e2),_=(e2,t2)=>e2.appendChild(t2),S=(e2,t2)=>Array.from({length:e2},(r2,a2)=>({color:t2[a2%t2.length],degree:360*a2/e2})),w=(e2,t2=2)=>P((e2+Number.EPSILON)*10**t2)/10**t2,C=(e2,t2,r2,a2,o2)=>(e2-t2)*(o2-a2)/(r2-t2)+a2,L=(e2,t2)=>e2+t2>360?e2+t2-360:e2+t2,M=()=>b()>.5,T=Object.entries,N=6,k=e2=>e2!==1&&M();function F({class:e2,...t2}){let r2=useRef(null),a2=useRef();return useEffect(()=>{if(typeof window<"u"&&r2.current){if(a2.current)return a2.current.update(t2),a2.current.destroy;a2.current=y(r2.current,t2);}},[t2]),createElement("div",{ref:r2,className:e2})}var Wrapper=styled.div({zIndex:9999,position:"fixed",top:0,left:"50%",width:"50%",height:"100%"}),Confetti=React2__default.memo(function({timeToFade=5e3,colors=["#CA90FF","#FC521F","#66BF3C","#FF4785","#FFAE00","#1EA7FD"],...confettiProps}){return React2__default.createElement(Wrapper,null,React2__default.createElement(F,{colors,particleCount:200,duration:5e3,stageHeight:window.innerHeight,stageWidth:window.innerWidth,destroyAfterDone:!0,...confettiProps}))});function HighlightElement({targetSelector,pulsating=!1}){return useEffect(()=>{let element=document.querySelector(targetSelector);if(element)if(pulsating){element.style.animation="pulsate 3s infinite",element.style.transformOrigin="center",element.style.animationTimingFunction="ease-in-out";let keyframes2=`
        @keyframes pulsate {
          0% {
            box-shadow: rgba(2,156,253,1) 0 0 2px 1px, 0 0 0 0 rgba(2, 156, 253, 0.7), 0 0 0 0 rgba(2, 156, 253, 0.4);
          }
          50% {
            box-shadow: rgba(2,156,253,1) 0 0 2px 1px, 0 0 0 20px rgba(2, 156, 253, 0), 0 0 0 40px rgba(2, 156, 253, 0);
          }
          100% {
            box-shadow: rgba(2,156,253,1) 0 0 2px 1px, 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=keyframes2,document.head.appendChild(style);}else element.style.boxShadow="rgba(2,156,253,1) 0 0 2px 1px";return ()=>{let styleElement=document.querySelector("#sb-onboarding-pulsating-effect");styleElement&&styleElement.remove(),element&&(element.style.animation="",element.style.boxShadow="");}},[targetSelector,pulsating]),null}var STORYBOOK_ADDON_ONBOARDING_CHANNEL="STORYBOOK_ADDON_ONBOARDING_CHANNEL";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 index=length;index--!==0;)if(!equal(left[index],right[index]))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),index=left.byteLength;for(;index--;)if(view1.getUint8(index)!==view2.getUint8(index))return !1;return !0}function equalMap(left,right){if(left.size!==right.size)return !1;for(let index of left.entries())if(!right.has(index[0]))return !1;for(let index of left.entries())if(!equal(index[1],right.get(index[0])))return !1;return !0}function equalSet(left,right){if(left.size!==right.size)return !1;for(let index of left.entries())if(!right.has(index[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 index=leftKeys.length;index--!==0;)if(!Object.prototype.hasOwnProperty.call(right,leftKeys[index]))return !1;for(let index=leftKeys.length;index--!==0;){let key=leftKeys[index];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(d2=>predicate(d2));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(d2=>src_default.string(d2)||src_default.array(d2)||src_default.plainObject(d2))}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,data,options){let{actual,key,previous,type}=options,left=nested(previousData,key),right=nested(data,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,data,options){let{key,type,value}=options,left=nested(previousData,key),right=nested(data,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(d2=>src_default.primitive(d2)&&src_default.defined(d2))&&(type==="added"?!src_default.defined(left)&&src_default.defined(right):src_default.defined(left)&&!src_default.defined(right))}function getIterables(previousData,data,{key}={}){let left=nested(previousData,key),right=nested(data,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(d2=>equal(d2,value)||src_default.array(value)&&isEqualPredicate(value)(d2)):src_default.plainObject(input)&&input[key]?!!input[key]&&equal(input[key],value):equal(input,value)}function hasExtraKeys(left,right){return right.some(d2=>!left.includes(d2))}function hasValue(input){return value=>src_default.array(input)?input.some(d2=>equal(d2,value)||src_default.array(value)&&isEqualPredicate(value)(d2)):equal(input,value)}function includesOrEqualsTo(previousValue,value){return src_default.array(previousValue)?previousValue.some(d2=>equal(d2,value)):equal(previousValue,value)}function isEqualPredicate(data){return value=>data.some(d2=>equal(d2,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(data,property){return src_default.plainObject(data)||src_default.array(data)?src_default.string(property)?property.split(".").reduce((acc,d2)=>acc&&acc[d2],data):src_default.number(property)?data[property]:data:data}function treeChanges(previousData,data){if([previousData,data].some(src_default.nullOrUndefined))throw new Error("Missing required parameters");if(![previousData,data].every(d2=>src_default.plainObject(d2)||src_default.array(d2)))throw new Error("Expected plain objects or array");return {added:(key,value)=>{try{return compareValues(previousData,data,{key,type:"added",value})}catch{return !1}},changed:(key,actual,previous)=>{try{let left=nested(previousData,key),right=nested(data,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(data,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,data,{key,actual,previous,type:"decreased"})}catch{return !1}},emptied:key=>{try{let[left,right]=getIterables(previousData,data,{key});return !!left.length&&!right.length}catch{return !1}},filled:key=>{try{let[left,right]=getIterables(previousData,data,{key});return !left.length&&!!right.length}catch{return !1}},increased:(key,actual,previous)=>{if(!src_default.defined(key))return !1;try{return compareNumbers(previousData,data,{key,actual,previous,type:"increased"})}catch{return !1}},removed:(key,value)=>{try{return compareValues(previousData,data,{key,type:"removed",value})}catch{return !1}}}}var import_scroll=__toESM(require_scroll(),1),import_scrollparent=__toESM(require_scrollparent(),1);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"],i2=0;i2<longerTimeoutBrowsers.length;i2+=1)if(isBrowser&&navigator.userAgent.indexOf(longerTimeoutBrowsers[i2])>=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,css=window2.getComputedStyle(element,null);return property?css[property]:css}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"){