framer-motion 7.8.0 → 7.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/README.md +6 -5
  2. package/dist/cjs/index.js +2030 -1920
  3. package/dist/es/animation/animate.mjs +2 -2
  4. package/dist/es/animation/create-instant-animation.mjs +12 -0
  5. package/dist/es/animation/{animation-controls.mjs → hooks/animation-controls.mjs} +2 -2
  6. package/dist/es/animation/{use-animated-state.mjs → hooks/use-animated-state.mjs} +6 -6
  7. package/dist/es/animation/{use-animation.mjs → hooks/use-animation.mjs} +1 -1
  8. package/dist/es/animation/index.mjs +124 -0
  9. package/dist/es/animation/legacy-popmotion/decay.mjs +11 -4
  10. package/dist/es/animation/legacy-popmotion/index.mjs +22 -11
  11. package/dist/es/animation/legacy-popmotion/inertia.mjs +14 -8
  12. package/dist/es/animation/legacy-popmotion/keyframes.mjs +21 -13
  13. package/dist/es/animation/legacy-popmotion/spring.mjs +13 -11
  14. package/dist/es/animation/utils/default-transitions.mjs +9 -14
  15. package/dist/es/animation/utils/keyframes.mjs +41 -0
  16. package/dist/es/animation/utils/transitions.mjs +1 -166
  17. package/dist/es/animation/waapi/create-accelerated-animation.mjs +82 -0
  18. package/dist/es/animation/waapi/index.mjs +4 -6
  19. package/dist/es/gestures/drag/VisualElementDragControls.mjs +2 -2
  20. package/dist/es/index.mjs +3 -3
  21. package/dist/es/render/VisualElement.mjs +1 -1
  22. package/dist/es/render/utils/animation.mjs +2 -2
  23. package/dist/es/render/utils/motion-values.mjs +2 -2
  24. package/dist/es/render/utils/setters.mjs +1 -1
  25. package/dist/es/value/index.mjs +11 -5
  26. package/dist/es/value/use-spring.mjs +1 -2
  27. package/dist/framer-motion.dev.js +2051 -1941
  28. package/dist/framer-motion.js +1 -1
  29. package/dist/index.d.ts +409 -348
  30. package/dist/projection.dev.js +1672 -1535
  31. package/dist/size-rollup-dom-animation-assets.js +1 -1
  32. package/dist/size-rollup-dom-animation.js +1 -1
  33. package/dist/size-rollup-dom-max-assets.js +1 -1
  34. package/dist/size-rollup-dom-max.js +1 -1
  35. package/dist/size-rollup-motion.js +1 -1
  36. package/dist/size-webpack-dom-animation.js +1 -1
  37. package/dist/size-webpack-dom-max.js +1 -1
  38. package/dist/three-entry.d.ts +287 -281
  39. package/package.json +8 -8
@@ -1 +1 @@
1
- !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Motion={},t.React)}(this,(function(t,e){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function o(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var i=n(e),r=o(e);const s=e.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),a=e.createContext({});function l(){return e.useContext(a).visualElement}const u=e.createContext(null),c="undefined"!=typeof document,h=c?e.useLayoutEffect:e.useEffect,d=e.createContext({strict:!1});function p(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function m(t){return"string"==typeof t||Array.isArray(t)}function f(t){return"object"==typeof t&&"function"==typeof t.start}const g=["initial","animate","exit","whileHover","whileDrag","whileTap","whileFocus","whileInView"];function y(t){return f(t.animate)||g.some(e=>m(t[e]))}function v(t){return Boolean(y(t)||t.variants)}function x(t){const{initial:n,animate:o}=function(t,e){if(y(t)){const{initial:e,animate:n}=t;return{initial:!1===e||m(e)?e:void 0,animate:m(n)?n:void 0}}return!1!==t.inherit?e:{}}(t,e.useContext(a));return e.useMemo(()=>({initial:n,animate:o}),[w(n),w(o)])}function w(t){return Array.isArray(t)?t.join(" "):t}const E=t=>({isEnabled:e=>t.some(t=>!!e[t])}),b={measureLayout:E(["layout","layoutId","drag"]),animation:E(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:E(["exit"]),drag:E(["drag","dragControls"]),focus:E(["whileFocus"]),hover:E(["whileHover","onHoverStart","onHoverEnd"]),tap:E(["whileTap","onTap","onTapStart","onTapCancel"]),pan:E(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:E(["whileInView","onViewportEnter","onViewportLeave"])};function A(t){for(const e in t)"projectionNodeConstructor"===e?b.projectionNodeConstructor=t[e]:b[e].Component=t[e]}function P(t){const n=e.useRef(null);return null===n.current&&(n.current=t()),n.current}const S={hasAnimatedSinceResize:!0,hasEverUpdated:!1};let T=1;const V=e.createContext({});class C extends i.default.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:e}=this.props;return t&&t.setProps(e),null}componentDidUpdate(){}render(){return this.props.children}}const M=e.createContext({}),R=Symbol.for("motionComponentSymbol");function L({preloadedFeatures:t,createVisualElement:n,projectionNodeConstructor:o,useRender:i,useVisualState:m,Component:f}){t&&A(t);const g=e.forwardRef((function(g,y){const v={...e.useContext(s),...g,layoutId:D(g)},{isStatic:w}=v;let E=null;const A=x(g),V=w?void 0:P(()=>{if(S.hasEverUpdated)return T++}),R=m(g,w);if(!w&&c){A.visualElement=function(t,n,o,i){const r=l(),a=e.useContext(d),c=e.useContext(u),p=e.useContext(s).reducedMotion,m=e.useRef();i=i||a.renderer,!m.current&&i&&(m.current=i(t,{visualState:n,parent:r,props:o,presenceId:c?c.id:void 0,blockInitialAnimation:!!c&&!1===c.initial,reducedMotionConfig:p}));const f=m.current;return h(()=>{f&&f.render()}),e.useEffect(()=>{f&&f.animationState&&f.animationState.animateChanges()}),h(()=>()=>f&&f.notify("Unmount"),[]),f}(f,R,v,n);const i=e.useContext(d).strict,r=e.useContext(M);A.visualElement&&(E=A.visualElement.loadFeatures(v,i,t,V,o||b.projectionNodeConstructor,r))}return r.createElement(C,{visualElement:A.visualElement,props:v},E,r.createElement(a.Provider,{value:A},i(f,g,V,function(t,n,o){return e.useCallback(e=>{e&&t.mount&&t.mount(e),n&&(e?n.mount(e):n.unmount()),o&&("function"==typeof o?o(e):p(o)&&(o.current=e))},[n])}(R,A.visualElement,y),R,w,A.visualElement)))}));return g[R]=f,g}function D({layoutId:t}){const n=e.useContext(V).id;return n&&void 0!==t?n+"-"+t:t}function k(t){function e(e,n={}){return L(t(e,n))}if("undefined"==typeof Proxy)return e;const n=new Map;return new Proxy(e,{get:(t,o)=>(n.has(o)||n.set(o,e(o)),n.get(o))})}const B=["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 O(t){return"string"==typeof t&&!t.includes("-")&&!!(B.indexOf(t)>-1||/[A-Z]/.test(t))}const F={};function I(t){Object.assign(F,t)}const j=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],U=new Set(j);function N(t,{layout:e,layoutId:n}){return U.has(t)||t.startsWith("origin")||(e||void 0!==n)&&(!!F[t]||"opacity"===t)}const z=t=>!!(null==t?void 0:t.getVelocity),W={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},$=(t,e)=>j.indexOf(t)-j.indexOf(e);function H({transform:t,transformKeys:e},{enableHardwareAcceleration:n=!0,allowTransformNone:o=!0},i,r){let s="";e.sort($);for(const n of e)s+=`${W[n]||n}(${t[n]}) `;return n&&!t.z&&(s+="translateZ(0)"),s=s.trim(),r?s=r(t,i?"":s):o&&i&&(s="none"),s}function Y(t){return t.startsWith("--")}const X=(t,e)=>e&&"number"==typeof t?e.transform(t):t,G=(t,e,n)=>Math.min(Math.max(n,t),e),q={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},Z={...q,transform:t=>G(0,1,t)},K={...q,default:1},_=t=>Math.round(1e5*t)/1e5,J=/(-)?([\d]*\.?[\d])+/g,Q=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,tt=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function et(t){return"string"==typeof t}const nt=t=>({test:e=>et(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),ot=nt("deg"),it=nt("%"),rt=nt("px"),st=nt("vh"),at=nt("vw"),lt={...it,parse:t=>it.parse(t)/100,transform:t=>it.transform(100*t)},ut={...q,transform:Math.round},ct={borderWidth:rt,borderTopWidth:rt,borderRightWidth:rt,borderBottomWidth:rt,borderLeftWidth:rt,borderRadius:rt,radius:rt,borderTopLeftRadius:rt,borderTopRightRadius:rt,borderBottomRightRadius:rt,borderBottomLeftRadius:rt,width:rt,maxWidth:rt,height:rt,maxHeight:rt,size:rt,top:rt,right:rt,bottom:rt,left:rt,padding:rt,paddingTop:rt,paddingRight:rt,paddingBottom:rt,paddingLeft:rt,margin:rt,marginTop:rt,marginRight:rt,marginBottom:rt,marginLeft:rt,rotate:ot,rotateX:ot,rotateY:ot,rotateZ:ot,scale:K,scaleX:K,scaleY:K,scaleZ:K,skew:ot,skewX:ot,skewY:ot,distance:rt,translateX:rt,translateY:rt,translateZ:rt,x:rt,y:rt,z:rt,perspective:rt,transformPerspective:rt,opacity:Z,originX:lt,originY:lt,originZ:rt,zIndex:ut,fillOpacity:Z,strokeOpacity:Z,numOctaves:ut};function ht(t,e,n,o){const{style:i,vars:r,transform:s,transformKeys:a,transformOrigin:l}=t;a.length=0;let u=!1,c=!1,h=!0;for(const t in e){const n=e[t];if(Y(t)){r[t]=n;continue}const o=ct[t],d=X(n,o);if(U.has(t)){if(u=!0,s[t]=d,a.push(t),!h)continue;n!==(o.default||0)&&(h=!1)}else t.startsWith("origin")?(c=!0,l[t]=d):i[t]=d}if(e.transform||(u||o?i.transform=H(t,n,h,o):i.transform&&(i.transform="none")),c){const{originX:t="50%",originY:e="50%",originZ:n=0}=l;i.transformOrigin=`${t} ${e} ${n}`}}const dt=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function pt(t,e,n){for(const o in e)z(e[o])||N(o,n)||(t[o]=e[o])}function mt(t,n,o){const i={};return pt(i,t.style||{},t),Object.assign(i,function({transformTemplate:t},n,o){return e.useMemo(()=>{const e={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};return ht(e,n,{enableHardwareAcceleration:!o},t),Object.assign({},e.vars,e.style)},[n])}(t,n,o)),t.transformValues?t.transformValues(i):i}function ft(t,e,n){const o={},i=mt(t,e,n);return t.drag&&!1!==t.dragListener&&(o.draggable=!1,i.userSelect=i.WebkitUserSelect=i.WebkitTouchCallout="none",i.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),o.style=i,o}const gt=new Set(["initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","onHoverStart","onHoverEnd","layoutScroll","whileInView","onViewportEnter","onViewportLeave","viewport","whileTap","onTap","onTapStart","onTapCancel","animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView","onPan","onPanStart","onPanSessionStart","onPanEnd"]);function yt(t){return gt.has(t)}let vt=t=>!yt(t);function xt(t){t&&(vt=e=>e.startsWith("on")?!yt(e):t(e))}try{xt(require("@emotion/is-prop-valid").default)}catch(t){}function wt(t,e,n){const o={};for(const i in t)(vt(i)||!0===n&&yt(i)||!e&&!yt(i)||t.draggable&&i.startsWith("onDrag"))&&(o[i]=t[i]);return o}function Et(t,e,n){return"string"==typeof t?t:rt.transform(e+n*t)}const bt={offset:"stroke-dashoffset",array:"stroke-dasharray"},At={offset:"strokeDashoffset",array:"strokeDasharray"};function Pt(t,{attrX:e,attrY:n,originX:o,originY:i,pathLength:r,pathSpacing:s=1,pathOffset:a=0,...l},u,c,h){if(ht(t,l,u,h),c)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:d,style:p,dimensions:m}=t;d.transform&&(m&&(p.transform=d.transform),delete d.transform),m&&(void 0!==o||void 0!==i||p.transform)&&(p.transformOrigin=function(t,e,n){return`${Et(e,t.x,t.width)} ${Et(n,t.y,t.height)}`}(m,void 0!==o?o:.5,void 0!==i?i:.5)),void 0!==e&&(d.x=e),void 0!==n&&(d.y=n),void 0!==r&&function(t,e,n=1,o=0,i=!0){t.pathLength=1;const r=i?bt:At;t[r.offset]=rt.transform(-o);const s=rt.transform(e),a=rt.transform(n);t[r.array]=`${s} ${a}`}(d,r,s,a,!1)}const St=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}}),Tt=t=>"string"==typeof t&&"svg"===t.toLowerCase();function Vt(t,n,o,i){const r=e.useMemo(()=>{const e={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}};return Pt(e,n,{enableHardwareAcceleration:!1},Tt(i),t.transformTemplate),{...e.attrs,style:{...e.style}}},[n]);if(t.style){const e={};pt(e,t.style,t),r.style={...e,...r.style}}return r}function Ct(t=!1){return(n,o,i,r,{latestValues:s},a)=>{const l=(O(n)?Vt:ft)(o,s,a,n),u={...wt(o,"string"==typeof n,t),...l,ref:r};return i&&(u["data-projection-id"]=i),e.createElement(n,u)}}const Mt=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function Rt(t,{style:e,vars:n},o,i){Object.assign(t.style,e,i&&i.getProjectionStyles(o));for(const e in n)t.style.setProperty(e,n[e])}const Lt=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 Dt(t,e,n,o){Rt(t,e,void 0,o);for(const n in e.attrs)t.setAttribute(Lt.has(n)?n:Mt(n),e.attrs[n])}function kt(t){const{style:e}=t,n={};for(const o in e)(z(e[o])||N(o,t))&&(n[o]=e[o]);return n}function Bt(t){const e=kt(t);for(const n in t)if(z(t[n])){e["x"===n||"y"===n?"attr"+n.toUpperCase():n]=t[n]}return e}function Ot(t,e,n,o={},i={}){return"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,i)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,i)),e}const Ft=t=>Array.isArray(t),It=t=>Ft(t)?t[t.length-1]||0:t;function jt(t){const e=z(t)?t.get():t;return n=e,Boolean(n&&"object"==typeof n&&n.mix&&n.toValue)?e.toValue():e;var n}const Ut=t=>(n,o)=>{const i=e.useContext(a),r=e.useContext(u),s=()=>function({scrapeMotionValuesFromProps:t,createRenderState:e,onMount:n},o,i,r){const s={latestValues:Nt(o,i,r,t),renderState:e()};return n&&(s.mount=t=>n(o,t,s)),s}(t,n,i,r);return o?s():P(s)};function Nt(t,e,n,o){const i={},r=o(t);for(const t in r)i[t]=jt(r[t]);let{initial:s,animate:a}=t;const l=y(t),u=v(t);e&&u&&!l&&!1!==t.inherit&&(void 0===s&&(s=e.initial),void 0===a&&(a=e.animate));let c=!!n&&!1===n.initial;c=c||!1===s;const h=c?a:s;if(h&&"boolean"!=typeof h&&!f(h)){(Array.isArray(h)?h:[h]).forEach(e=>{const n=Ot(t,e);if(!n)return;const{transitionEnd:o,transition:r,...s}=n;for(const t in s){let e=s[t];if(Array.isArray(e)){e=e[c?e.length-1:0]}null!==e&&(i[t]=e)}for(const t in o)i[t]=o[t]})}return i}const zt={useVisualState:Ut({scrapeMotionValuesFromProps:Bt,createRenderState:St,onMount:(t,e,{renderState:n,latestValues:o})=>{try{n.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch(t){n.dimensions={x:0,y:0,width:0,height:0}}Pt(n,o,{enableHardwareAcceleration:!1},Tt(e.tagName),t.transformTemplate),Dt(e,n)}})},Wt={useVisualState:Ut({scrapeMotionValuesFromProps:kt,createRenderState:dt})};function $t(t,{forwardMotionProps:e=!1},n,o,i){return{...O(t)?zt:Wt,preloadedFeatures:n,useRender:Ct(e),createVisualElement:o,projectionNodeConstructor:i,Component:t}}var Ht;function Yt(t,e,n,o={passive:!0}){return t.addEventListener(e,n,o),()=>t.removeEventListener(e,n)}function Xt(t,n,o,i){e.useEffect(()=>{const e=t.current;if(o&&e)return Yt(e,n,o,i)},[t,n,o,i])}function Gt(t){return"undefined"!=typeof PointerEvent&&t instanceof PointerEvent?!("mouse"!==t.pointerType):t instanceof MouseEvent}function qt(t){return!!t.touches}t.AnimationType=void 0,(Ht=t.AnimationType||(t.AnimationType={})).Animate="animate",Ht.Hover="whileHover",Ht.Tap="whileTap",Ht.Drag="whileDrag",Ht.Focus="whileFocus",Ht.InView="whileInView",Ht.Exit="exit";const Zt={pageX:0,pageY:0};function Kt(t,e="page"){const n=t.touches[0]||t.changedTouches[0]||Zt;return{x:n[e+"X"],y:n[e+"Y"]}}function _t(t,e="page"){return{x:t[e+"X"],y:t[e+"Y"]}}function Jt(t,e="page"){return{point:qt(t)?Kt(t,e):_t(t,e)}}const Qt=(t,e=!1)=>{const n=e=>t(e,Jt(e));return e?(o=n,t=>{const e=t instanceof MouseEvent;(!e||e&&0===t.button)&&o(t)}):n;var o},te={pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointercancel:"mousecancel",pointerover:"mouseover",pointerout:"mouseout",pointerenter:"mouseenter",pointerleave:"mouseleave"},ee={pointerdown:"touchstart",pointermove:"touchmove",pointerup:"touchend",pointercancel:"touchcancel"};function ne(t){return c&&null===window.onpointerdown?t:c&&null===window.ontouchstart?ee[t]:c&&null===window.onmousedown?te[t]:t}function oe(t,e,n,o){return Yt(t,ne(e),Qt(n,"pointerdown"===e),o)}function ie(t,e,n,o){return Xt(t,ne(e),n&&Qt(n,"pointerdown"===e),o)}function re(t){let e=null;return()=>{const n=()=>{e=null};return null===e&&(e=t,n)}}const se=re("dragHorizontal"),ae=re("dragVertical");function le(t){let e=!1;if("y"===t)e=ae();else if("x"===t)e=se();else{const t=se(),n=ae();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}function ue(){const t=le(!0);return!t||(t(),!1)}function ce(e,n,o){return(i,r)=>{Gt(i)&&!ue()&&(e.animationState&&e.animationState.setActive(t.AnimationType.Hover,n),o&&o(i,r))}}const he=(t,e)=>!!e&&(t===e||he(t,e.parentElement));function de(t){return e.useEffect(()=>()=>t(),[])}const pe=(t,e)=>n=>e(t(n)),me=(...t)=>t.reduce(pe);const fe=("undefined"==typeof process||process.env,"production"),ge=new Set;function ye(t,e,n){t||ge.has(e)||(console.warn(e),n&&console.warn(n),ge.add(e))}const ve=new WeakMap,xe=new WeakMap,we=t=>{const e=ve.get(t.target);e&&e(t)},Ee=t=>{t.forEach(we)};function be(t,e,n){const o=function({root:t,...e}){const n=t||document;xe.has(n)||xe.set(n,{});const o=xe.get(n),i=JSON.stringify(e);return o[i]||(o[i]=new IntersectionObserver(Ee,{root:t,...e})),o[i]}(e);return ve.set(t,n),o.observe(t),()=>{ve.delete(t),o.unobserve(t)}}const Ae={some:0,all:1};function Pe(n,o,i,{root:r,margin:s,amount:a="some",once:l}){e.useEffect(()=>{if(!n||!i.current)return;const e={root:null==r?void 0:r.current,rootMargin:s,threshold:"number"==typeof a?a:Ae[a]};return be(i.current,e,e=>{const{isIntersecting:n}=e;if(o.isInView===n)return;if(o.isInView=n,l&&!n&&o.hasEnteredView)return;n&&(o.hasEnteredView=!0),i.animationState&&i.animationState.setActive(t.AnimationType.InView,n);const r=i.getProps(),s=n?r.onViewportEnter:r.onViewportLeave;s&&s(e)})},[n,r,s,a])}function Se(n,o,i,{fallback:r=!0}){e.useEffect(()=>{n&&r&&("production"!==fe&&ye(!1,"IntersectionObserver not available on this device. whileInView animations will trigger on mount."),requestAnimationFrame(()=>{o.hasEnteredView=!0;const{onViewportEnter:e}=i.getProps();e&&e(null),i.animationState&&i.animationState.setActive(t.AnimationType.InView,!0)}))},[n])}const Te=t=>e=>(t(e),null),Ve={inView:Te((function({visualElement:t,whileInView:n,onViewportEnter:o,onViewportLeave:i,viewport:r={}}){const s=e.useRef({hasEnteredView:!1,isInView:!1});let a=Boolean(n||o||i);r.once&&s.current.hasEnteredView&&(a=!1),("undefined"==typeof IntersectionObserver?Se:Pe)(a,s.current,t,r)})),tap:Te((function({onTap:n,onTapStart:o,onTapCancel:i,whileTap:r,visualElement:s}){const a=n||o||i||r,l=e.useRef(!1),u=e.useRef(null),c={passive:!(o||n||i||f)};function h(){u.current&&u.current(),u.current=null}function d(){return h(),l.current=!1,s.animationState&&s.animationState.setActive(t.AnimationType.Tap,!1),!ue()}function p(t,e){d()&&(he(s.current,t.target)?n&&n(t,e):i&&i(t,e))}function m(t,e){d()&&i&&i(t,e)}function f(e,n){h(),l.current||(l.current=!0,u.current=me(oe(window,"pointerup",p,c),oe(window,"pointercancel",m,c)),s.animationState&&s.animationState.setActive(t.AnimationType.Tap,!0),o&&o(e,n))}ie(s,"pointerdown",a?f:void 0,c),de(h)})),focus:Te((function({whileFocus:e,visualElement:n}){const{animationState:o}=n;Xt(n,"focus",e?()=>{o&&o.setActive(t.AnimationType.Focus,!0)}:void 0),Xt(n,"blur",e?()=>{o&&o.setActive(t.AnimationType.Focus,!1)}:void 0)})),hover:Te((function({onHoverStart:t,onHoverEnd:e,whileHover:n,visualElement:o}){ie(o,"pointerenter",t||n?ce(o,!0,t):void 0,{passive:!t}),ie(o,"pointerleave",e||n?ce(o,!1,e):void 0,{passive:!e})}))};function Ce(){const t=e.useContext(u);if(null===t)return[!0,null];const{isPresent:n,onExitComplete:o,register:i}=t,r=e.useId();e.useEffect(()=>i(r),[]);return!n&&o?[!1,()=>o&&o(r)]:[!0]}function Me(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let o=0;o<n;o++)if(e[o]!==t[o])return!1;return!0}const Re=t=>1e3*t;const Le=t=>t,De=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t;function ke(t,e,n,o){if(t===e&&n===o)return Le;const i=e=>function(t,e,n,o,i){let r,s,a=0;do{s=e+(n-e)/2,r=De(s,o,i)-t,r>0?n=s:e=s}while(Math.abs(r)>1e-7&&++a<12);return s}(e,0,1,t,n);return t=>0===t||1===t?t:De(i(t),e,o)}const Be=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Oe=t=>e=>1-t(1-e),Fe=t=>t*t,Ie=Oe(Fe),je=Be(Fe),Ue=t=>1-Math.sin(Math.acos(t)),Ne=Oe(Ue),ze=Be(Ne),We=(t=1.525)=>e=>e*e*((t+1)*e-t),$e=We(),He=Oe($e),Ye=Be($e),Xe=(t=>{const e=We(t);return t=>(t*=2)<1?.5*e(t):.5*(2-Math.pow(2,-10*(t-1)))})(),Ge={linear:Le,easeIn:Fe,easeInOut:je,easeOut:Ie,circIn:Ue,circInOut:ze,circOut:Ne,backIn:$e,backInOut:Ye,backOut:He,anticipate:Xe},qe=t=>{if(Array.isArray(t)){t.length;const[e,n,o,i]=t;return ke(e,n,o,i)}return"string"==typeof t?Ge[t]:t},Ze=(t,e)=>n=>Boolean(et(n)&&tt.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),Ke=(t,e,n)=>o=>{if(!et(o))return o;const[i,r,s,a]=o.match(J);return{[t]:parseFloat(i),[e]:parseFloat(r),[n]:parseFloat(s),alpha:void 0!==a?parseFloat(a):1}},_e={...q,transform:t=>Math.round((t=>G(0,255,t))(t))},Je={test:Ze("rgb","red"),parse:Ke("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:o=1})=>"rgba("+_e.transform(t)+", "+_e.transform(e)+", "+_e.transform(n)+", "+_(Z.transform(o))+")"};const Qe={test:Ze("#"),parse:function(t){let e="",n="",o="",i="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),o=t.substring(5,7),i=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),o=t.substring(3,4),i=t.substring(4,5),e+=e,n+=n,o+=o,i+=i),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(o,16),alpha:i?parseInt(i,16)/255:1}},transform:Je.transform},tn={test:Ze("hsl","hue"),parse:Ke("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:o=1})=>"hsla("+Math.round(t)+", "+it.transform(_(e))+", "+it.transform(_(n))+", "+_(Z.transform(o))+")"},en={test:t=>Je.test(t)||Qe.test(t)||tn.test(t),parse:t=>Je.test(t)?Je.parse(t):tn.test(t)?tn.parse(t):Qe.parse(t),transform:t=>et(t)?t:t.hasOwnProperty("red")?Je.transform(t):tn.transform(t)};function nn(t){"number"==typeof t&&(t=""+t);const e=[];let n=0,o=0;const i=t.match(Q);i&&(n=i.length,t=t.replace(Q,"${c}"),e.push(...i.map(en.parse)));const r=t.match(J);return r&&(o=r.length,t=t.replace(J,"${n}"),e.push(...r.map(q.parse))),{values:e,numColors:n,numNumbers:o,tokenised:t}}function on(t){return nn(t).values}function rn(t){const{values:e,numColors:n,tokenised:o}=nn(t),i=e.length;return t=>{let e=o;for(let o=0;o<i;o++)e=e.replace(o<n?"${c}":"${n}",o<n?en.transform(t[o]):_(t[o]));return e}}const sn=t=>"number"==typeof t?0:t;const an={test:function(t){var e,n;return isNaN(t)&&et(t)&&((null===(e=t.match(J))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(Q))||void 0===n?void 0:n.length)||0)>0},parse:on,createTransformer:rn,getAnimatableNone:function(t){const e=on(t);return rn(t)(e.map(sn))}},ln=(t,e)=>"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!an.test(e)||e.startsWith("url("))),un=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),cn=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),hn=()=>({type:"keyframes",ease:"linear",duration:.3}),dn=t=>({type:"keyframes",duration:.8,values:t}),pn={x:un,y:un,z:un,rotate:un,rotateX:un,rotateY:un,rotateZ:un,scaleX:cn,scaleY:cn,scale:cn,opacity:hn,backgroundColor:hn,color:hn,default:cn},mn=(t,e)=>{let n;return n=Ft(e)?dn:pn[t]||pn.default,{to:e,...n(e)}},fn=new Set(["brightness","contrast","saturate","opacity"]);function gn(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[o]=n.match(J)||[];if(!o)return t;const i=n.replace(o,"");let r=fn.has(e)?1:0;return o!==n&&(r*=100),e+"("+r+i+")"}const yn=/([a-z-]*)\(.*?\)/g,vn={...an,getAnimatableNone:t=>{const e=t.match(yn);return e?e.map(gn).join(" "):t}},xn={...ct,color:en,backgroundColor:en,outlineColor:en,fill:en,stroke:en,borderColor:en,borderTopColor:en,borderRightColor:en,borderBottomColor:en,borderLeftColor:en,filter:vn,WebkitFilter:vn},wn=t=>xn[t];function En(t,e){var n;let o=wn(t);return o!==vn&&(o=an),null===(n=o.getAnimatableNone)||void 0===n?void 0:n.call(o,e)}const bn={current:!1},An=(t,e,n)=>-n*t+n*e+t;function Pn(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}const Sn=(t,e,n)=>{const o=t*t;return Math.sqrt(Math.max(0,n*(e*e-o)+o))},Tn=[Qe,Je,tn];function Vn(t){const e=(n=t,Tn.find(t=>t.test(n)));var n;let o=e.parse(t);return e===tn&&(o=function({hue:t,saturation:e,lightness:n,alpha:o}){t/=360,n/=100;let i=0,r=0,s=0;if(e/=100){const o=n<.5?n*(1+e):n+e-n*e,a=2*n-o;i=Pn(a,o,t+1/3),r=Pn(a,o,t),s=Pn(a,o,t-1/3)}else i=r=s=n;return{red:Math.round(255*i),green:Math.round(255*r),blue:Math.round(255*s),alpha:o}}(o)),o}const Cn=(t,e)=>{const n=Vn(t),o=Vn(e),i={...n};return t=>(i.red=Sn(n.red,o.red,t),i.green=Sn(n.green,o.green,t),i.blue=Sn(n.blue,o.blue,t),i.alpha=An(n.alpha,o.alpha,t),Je.transform(i))};function Mn(t,e){return"number"==typeof t?n=>An(t,e,n):en.test(t)?Cn(t,e):Dn(t,e)}const Rn=(t,e)=>{const n=[...t],o=n.length,i=t.map((t,n)=>Mn(t,e[n]));return t=>{for(let e=0;e<o;e++)n[e]=i[e](t);return n}},Ln=(t,e)=>{const n={...t,...e},o={};for(const i in n)void 0!==t[i]&&void 0!==e[i]&&(o[i]=Mn(t[i],e[i]));return t=>{for(const e in o)n[e]=o[e](t);return n}},Dn=(t,e)=>{const n=an.createTransformer(e),o=nn(t),i=nn(e);return o.numColors===i.numColors&&o.numNumbers>=i.numNumbers?me(Rn(o.values,i.values),n):n=>""+(n>0?e:t)},kn=(t,e,n)=>{const o=e-t;return 0===o?1:(n-t)/o},Bn=(t,e)=>n=>An(t,e,n);function On(t,e,n){const o=[],i=n||("number"==typeof(r=t[0])?Bn:"string"==typeof r?en.test(r)?Cn:Dn:Array.isArray(r)?Rn:"object"==typeof r?Ln:Bn);var r;const s=t.length-1;for(let n=0;n<s;n++){let r=i(t[n],t[n+1]);if(e){const t=Array.isArray(e)?e[n]:e;r=me(t,r)}o.push(r)}return o}function Fn(t,e,{clamp:n=!0,ease:o,mixer:i}={}){const r=t.length;e.length,!o||!Array.isArray(o)||o.length,t[0]>t[r-1]&&(t=[...t].reverse(),e=[...e].reverse());const s=On(e,o,i),a=s.length,l=e=>{let n=0;if(a>1)for(;n<t.length-2&&!(e<t[n+1]);n++);const o=kn(t[n],t[n+1],e);return s[n](o)};return n?e=>l(G(t[0],t[r-1],e)):l}function In(t,e){return t.map(()=>e||je).splice(0,t.length-1)}function jn({duration:t=800,bounce:e=.25,velocity:n=0,mass:o=1}){let i,r,s=1-e;s=G(.05,1,s),t=G(.01,10,t/1e3),s<1?(i=e=>{const o=e*s,i=o*t;return.001-(o-n)/Un(e,s)*Math.exp(-i)},r=e=>{const o=e*s*t,r=o*n+n,a=Math.pow(s,2)*Math.pow(e,2)*t,l=Math.exp(-o),u=Un(Math.pow(e,2),s);return(.001-i(e)>0?-1:1)*((r-a)*l)/u}):(i=e=>Math.exp(-e*t)*((e-n)*t+1)-.001,r=e=>Math.exp(-e*t)*(t*t*(n-e)));const a=function(t,e,n){let o=n;for(let n=1;n<12;n++)o-=t(o)/e(o);return o}(i,r,5/t);if(t*=1e3,isNaN(a))return{stiffness:100,damping:10,duration:t};{const e=Math.pow(a,2)*o;return{stiffness:e,damping:2*s*Math.sqrt(o*e),duration:t}}}function Un(t,e){return t*Math.sqrt(1-e*e)}function Nn(t,e){return e?t*(1e3/e):0}const zn=["duration","bounce"],Wn=["stiffness","damping","mass"];function $n(t,e){return e.some(e=>void 0!==t[e])}function Hn({from:t=0,to:e=1,restSpeed:n=2,restDelta:o=.01,...i}){const r={done:!1,value:t};let{stiffness:s,damping:a,mass:l,velocity:u,duration:c,isResolvedFromDuration:h}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!$n(t,Wn)&&$n(t,zn)){const n=jn(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(i),d=Yn,p=u?-u/1e3:0;const m=a/(2*Math.sqrt(s*l));function f(){const n=e-t,i=Math.sqrt(s/l)/1e3;if(void 0===o&&(o=Math.min(Math.abs(e-t)/100,.4)),m<1){const t=Un(i,m);d=o=>{const r=Math.exp(-m*i*o);return e-r*((p+m*i*n)/t*Math.sin(t*o)+n*Math.cos(t*o))}}else if(1===m)d=t=>e-Math.exp(-i*t)*(n+(p+i*n)*t);else{const t=i*Math.sqrt(m*m-1);d=o=>{const r=Math.exp(-m*i*o),s=Math.min(t*o,300);return e-r*((p+m*i*n)*Math.sinh(s)+t*n*Math.cosh(s))/t}}}return f(),{next:t=>{const i=d(t);if(h)r.done=t>=c;else{let s=p;if(0!==t)if(m<1){const e=Math.max(0,t-5);s=Nn(i-d(e),t-e)}else s=0;const a=Math.abs(s)<=n,l=Math.abs(e-i)<=o;r.done=a&&l}return r.value=r.done?e:i,r},flipTarget:()=>{p=-p,[t,e]=[e,t],f()}}}Hn.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const Yn=t=>0;const Xn="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),Gn="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout(()=>t(Xn()),1/60*1e3);const qn={delta:0,timestamp:0};let Zn=!0,Kn=!1,_n=!1;const Jn=["read","update","preRender","render","postRender"],Qn=Jn.reduce((t,e)=>(t[e]=function(t){let e=[],n=[],o=0,i=!1,r=!1;const s=new WeakSet,a={schedule:(t,r=!1,a=!1)=>{const l=a&&i,u=l?e:n;return r&&s.add(t),-1===u.indexOf(t)&&(u.push(t),l&&i&&(o=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),s.delete(t)},process:l=>{if(i)r=!0;else{if(i=!0,[e,n]=[n,e],n.length=0,o=e.length,o)for(let n=0;n<o;n++){const o=e[n];o(l),s.has(o)&&(a.schedule(o),t())}i=!1,r&&(r=!1,a.process(l))}}};return a}(()=>Kn=!0),t),{}),to=Jn.reduce((t,e)=>{const n=Qn[e];return t[e]=(t,e=!1,o=!1)=>(Kn||ro(),n.schedule(t,e,o)),t},{}),eo=Jn.reduce((t,e)=>(t[e]=Qn[e].cancel,t),{}),no=Jn.reduce((t,e)=>(t[e]=()=>Qn[e].process(qn),t),{}),oo=t=>Qn[t].process(qn),io=t=>{Kn=!1,qn.delta=Zn?1/60*1e3:Math.max(Math.min(t-qn.timestamp,40),1),qn.timestamp=t,_n=!0,Jn.forEach(oo),_n=!1,Kn&&(Zn=!1,Gn(io))},ro=()=>{Kn=!0,Zn=!0,_n||Gn(io)},so={decay:function({velocity:t=0,from:e=0,power:n=.8,timeConstant:o=350,restDelta:i=.5,modifyTarget:r}){const s={done:!1,value:e};let a=n*t;const l=e+a,u=void 0===r?l:r(l);return u!==l&&(a=u-e),{next:t=>{const e=-a*Math.exp(-t/o);return s.done=!(e>i||e<-i),s.value=s.done?u:u+e,s},flipTarget:()=>{}}},keyframes:function({from:t=0,to:e=1,ease:n,offset:o,duration:i=300}){const r={done:!1,value:t},s=Array.isArray(e)?e:[t,e],a=function(t,e){return t.map(t=>t*e)}(o&&o.length===s.length?o:function(t){const e=t.length;return t.map((t,n)=>0!==n?n/(e-1):0)}(s),i);function l(){return Fn(a,s,{ease:Array.isArray(n)?n:In(s,n)})}let u=l();return{next:t=>(r.value=u(t),r.done=t>=i,r),flipTarget:()=>{s.reverse(),u=l()}}},spring:Hn};function ao(t,e,n=0){return t-e-n}const lo=t=>{const e=({delta:e})=>t(e);return{start:()=>to.update(e,!0),stop:()=>eo.update(e)}};function uo({from:t,autoplay:e=!0,driver:n=lo,elapsed:o=0,repeat:i=0,repeatType:r="loop",repeatDelay:s=0,onPlay:a,onStop:l,onComplete:u,onRepeat:c,onUpdate:h,type:d="keyframes",...p}){var m,f;let g,y,v,{to:x}=p,w=0,E=p.duration,b=!1,A=!0;const P=so[Array.isArray(x)?"keyframes":d];(null===(f=(m=P).needsInterpolation)||void 0===f?void 0:f.call(m,t,x))&&(v=Fn([0,100],[t,x],{clamp:!1}),t=0,x=100);const S=P({...p,from:t,to:x});function T(){w++,"reverse"===r?(A=w%2==0,o=function(t,e=0,n=0,o=!0){return o?ao(e+-t,e,n):e-(t-e)+n}(o,E,s,A)):(o=ao(o,E,s),"mirror"===r&&S.flipTarget()),b=!1,c&&c()}function V(t){if(A||(t=-t),o+=t,!b){const t=S.next(Math.max(0,o));y=t.value,v&&(y=v(y)),b=A?t.done:o<=0}h&&h(y),b&&(0===w&&(E=void 0!==E?E:o),w<i?function(t,e,n,o){return o?t>=e+n:t<=-n}(o,E,s,A)&&T():(g.stop(),u&&u()))}return e&&(a&&a(),g=n(V),g.start()),{stop:()=>{l&&l(),g.stop()}}}function co(t,e){const n=performance.now(),o=({timestamp:i})=>{const r=i-n;r>=e&&(eo.read(o),t(r-e))};return to.read(o,!0),()=>eo.read(o)}function ho({ease:t,times:e,...n}){const o={...n};return e&&(o.offset=e),n.duration&&(o.duration=Re(n.duration)),n.repeatDelay&&(o.repeatDelay=Re(n.repeatDelay)),t&&(o.ease=(t=>Array.isArray(t)&&"number"!=typeof t[0])(t)?t.map(qe):qe(t)),"tween"===n.type&&(o.type="keyframes"),"spring"!==n.type&&(o.type="keyframes"),o}function po(t,e){const n=vo(t,e)||{};return void 0!==n.delay?n.delay:void 0!==t.delay?t.delay:0}function mo(t,e,n){return Array.isArray(e.to)&&void 0===t.duration&&(t.duration=.8),function(t){Array.isArray(t.to)&&null===t.to[0]&&(t.to=[...t.to],t.to[0]=t.from)}(e),function({when:t,delay:e,delayChildren:n,staggerChildren:o,staggerDirection:i,repeat:r,repeatType:s,repeatDelay:a,from:l,...u}){return!!Object.keys(u).length}(t)||(t={...t,...mn(n,e.to)}),{...e,...ho(t)}}function fo(t,e,n,o,i){const r=vo(o,t)||{},{elapsed:s=0}=o;r.elapsed=s-Re(o.delay||0);let a=void 0!==r.from?r.from:e.get();const l=ln(t,n);"none"===a&&l&&"string"==typeof n?a=En(t,n):go(a)&&"string"==typeof n?a=yo(n):!Array.isArray(n)&&go(n)&&"string"==typeof a&&(n=yo(a));function u(){const t=It(n);return e.set(t),i(),r.onUpdate&&r.onUpdate(t),r.onComplete&&r.onComplete(),()=>{}}return!ln(t,a)||!l||!1===r.type?r.elapsed?()=>co(u,-r.elapsed):u():function(){const o={from:a,to:n,velocity:e.getVelocity(),onComplete:i,onUpdate:t=>e.set(t)},s="inertia"===r.type||"decay"===r.type?function({from:t=0,velocity:e=0,min:n,max:o,power:i=.8,timeConstant:r=750,bounceStiffness:s=500,bounceDamping:a=10,restDelta:l=1,modifyTarget:u,driver:c,onUpdate:h,onComplete:d,onStop:p}){let m;function f(t){return void 0!==n&&t<n||void 0!==o&&t>o}function g(t){return void 0===n?o:void 0===o||Math.abs(n-t)<Math.abs(o-t)?n:o}function y(t){null==m||m.stop(),m=uo({...t,driver:c,onUpdate:e=>{var n;null==h||h(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:d,onStop:p})}function v(t){y({type:"spring",stiffness:s,damping:a,restDelta:l,...t})}if(f(t))v({from:t,velocity:e,to:g(t)});else{let o=i*e+t;void 0!==u&&(o=u(o));const s=g(o),a=s===n?-1:1;let c,h;const d=t=>{c=h,h=t,e=Nn(t-c,qn.delta),(1===a&&t>s||-1===a&&t<s)&&v({from:t,to:s,velocity:e})};y({type:"decay",from:t,velocity:e,timeConstant:r,power:i,restDelta:l,modifyTarget:u,onUpdate:f(o)?d:void 0})}return{stop:()=>null==m?void 0:m.stop()}}({...o,...r}):uo({...mo(r,o,t),onUpdate:t=>{o.onUpdate(t),r.onUpdate&&r.onUpdate(t)},onComplete:()=>{o.onComplete(),r.onComplete&&r.onComplete()}});return()=>s.stop()}()}function go(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function yo(t){return"number"==typeof t?0:En("",t)}function vo(t,e){return t[e]||t.default||t}function xo(t,e,n,o={}){return bn.current&&(o={type:!1}),e.start(i=>fo(t,e,n,{...o,delay:po(o,t)},i))}const wo=t=>/^0[^.\s]+$/.test(t);function Eo(t,e){-1===t.indexOf(e)&&t.push(e)}function bo(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class Ao{constructor(){this.subscriptions=[]}add(t){return Eo(this.subscriptions,t),()=>bo(this.subscriptions,t)}notify(t,e,n){const o=this.subscriptions.length;if(o)if(1===o)this.subscriptions[0](t,e,n);else for(let i=0;i<o;i++){const o=this.subscriptions[i];o&&o(t,e,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}class Po{constructor(t){var e;this.version="7.8.0",this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new Ao,this.velocityUpdateSubscribers=new Ao,this.renderSubscribers=new Ao,this.canTrackVelocity=!1,this.updateAndNotify=(t,e=!0)=>{this.prev=this.current,this.current=t;const{delta:n,timestamp:o}=qn;this.lastUpdated!==o&&(this.timeDelta=n,this.lastUpdated=o,to.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.updateSubscribers.notify(this.current),this.velocityUpdateSubscribers.getSize()&&this.velocityUpdateSubscribers.notify(this.getVelocity()),e&&this.renderSubscribers.notify(this.current)},this.scheduleVelocityCheck=()=>to.postRender(this.velocityCheck),this.velocityCheck=({timestamp:t})=>{t!==this.lastUpdated&&(this.prev=this.current,this.velocityUpdateSubscribers.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(e=this.current,!isNaN(parseFloat(e)))}onChange(t){return this.updateSubscribers.add(t)}clearListeners(){this.updateSubscribers.clear()}onRenderRequest(t){return t(this.get()),this.renderSubscribers.add(t)}attach(t){this.passiveEffect=t}set(t,e=!0){e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?Nn(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise(e=>{this.hasAnimated=!0,this.stopAnimation=t(e)}).then(()=>this.clearAnimation())}stop(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()}isAnimating(){return!!this.stopAnimation}clearAnimation(){this.stopAnimation=null}destroy(){this.updateSubscribers.clear(),this.renderSubscribers.clear(),this.stop()}}function So(t){return new Po(t)}const To=t=>e=>e.test(t),Vo=[q,rt,it,ot,at,st,{test:t=>"auto"===t,parse:t=>t}],Co=t=>Vo.find(To(t)),Mo=[...Vo,en,an],Ro=t=>Mo.find(To(t));function Lo(t,e,n){const o=t.getProps();return Ot(o,e,void 0!==n?n:o.custom,function(t){const e={};return t.values.forEach((t,n)=>e[n]=t.get()),e}(t),function(t){const e={};return t.values.forEach((t,n)=>e[n]=t.getVelocity()),e}(t))}function Do(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,So(n))}function ko(t,e){const n=Lo(t,e);let{transitionEnd:o={},transition:i={},...r}=n?t.makeTargetAnimatable(n,!1):{};r={...r,...o};for(const e in r){Do(t,e,It(r[e]))}}function Bo(t,e){[...e].reverse().forEach(n=>{var o;const i=t.getVariant(n);i&&ko(t,i),null===(o=t.variantChildren)||void 0===o||o.forEach(t=>{Bo(t,e)})})}function Oo(t,e,n){var o,i;const r=Object.keys(e).filter(e=>!t.hasValue(e)),s=r.length;if(s)for(let a=0;a<s;a++){const s=r[a],l=e[s];let u=null;Array.isArray(l)&&(u=l[0]),null===u&&(u=null!==(i=null!==(o=n[s])&&void 0!==o?o:t.readValue(s))&&void 0!==i?i:e[s]),null!=u&&("string"==typeof u&&(/^\-?\d*\.?\d+$/.test(u)||wo(u))?u=parseFloat(u):!Ro(u)&&an.test(l)&&(u=En(s,l)),t.addValue(s,So(u)),void 0===n[s]&&(n[s]=u),null!==u&&t.setBaseTarget(s,u))}}function Fo(t,e){if(!e)return;return(e[t]||e.default||e).from}function Io(t,e,n){var o;const i={};for(const r in t){const t=Fo(r,e);i[r]=void 0!==t?t:null===(o=n.getValue(r))||void 0===o?void 0:o.get()}return i}function jo(t){return Boolean(z(t)&&t.add)}const Uo=(t,e)=>`${t}: ${e}`;function No(t,e){const{MotionAppearAnimations:n}=window,o=Uo(t,U.has(e)?"transform":e),i=n&&n.get(o);return i?(to.render(()=>{try{i.cancel(),n.delete(o)}catch(t){}}),i.currentTime||0):0}const zo="data-"+Mt("framerAppearId");function Wo(t,e,n={}){let o;if(t.notify("AnimationStart",e),Array.isArray(e)){const i=e.map(e=>$o(t,e,n));o=Promise.all(i)}else if("string"==typeof e)o=$o(t,e,n);else{const i="function"==typeof e?Lo(t,e,n.custom):e;o=Ho(t,i,n)}return o.then(()=>t.notify("AnimationComplete",e))}function $o(t,e,n={}){var o;const i=Lo(t,e,n.custom);let{transition:r=t.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(r=n.transitionOverride);const s=i?()=>Ho(t,i,n):()=>Promise.resolve(),a=(null===(o=t.variantChildren)||void 0===o?void 0:o.size)?(o=0)=>{const{delayChildren:i=0,staggerChildren:s,staggerDirection:a}=r;return function(t,e,n=0,o=0,i=1,r){const s=[],a=(t.variantChildren.size-1)*o,l=1===i?(t=0)=>t*o:(t=0)=>a-t*o;return Array.from(t.variantChildren).sort(Yo).forEach((t,o)=>{s.push($o(t,e,{...r,delay:n+l(o)}).then(()=>t.notify("AnimationComplete",e)))}),Promise.all(s)}(t,e,i+o,s,a,n)}:()=>Promise.resolve(),{when:l}=r;if(l){const[t,e]="beforeChildren"===l?[s,a]:[a,s];return t().then(e)}return Promise.all([s(),a(n.delay)])}function Ho(t,e,{delay:n=0,transitionOverride:o,type:i}={}){var r;let{transition:s=t.getDefaultTransition(),transitionEnd:a,...l}=t.makeTargetAnimatable(e);const u=t.getValue("willChange");o&&(s=o);const c=[],h=i&&(null===(r=t.animationState)||void 0===r?void 0:r.getState()[i]);for(const e in l){const o=t.getValue(e),i=l[e];if(!o||void 0===i||h&&Xo(h,e))continue;let r={delay:n,elapsed:0,...s};if(t.shouldReduceMotion&&U.has(e)&&(r={...r,type:!1,delay:0}),!o.hasAnimated){const n=t.getProps()[zo];n&&(r.elapsed=No(n,e))}let a=xo(e,o,i,r);jo(u)&&(u.add(e),a=a.then(()=>u.remove(e))),c.push(a)}return Promise.all(c).then(()=>{a&&ko(t,a)})}function Yo(t,e){return t.sortNodePosition(e)}function Xo({protectedKeys:t,needsAnimating:e},n){const o=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,o}const Go=[t.AnimationType.Animate,t.AnimationType.InView,t.AnimationType.Focus,t.AnimationType.Hover,t.AnimationType.Tap,t.AnimationType.Drag,t.AnimationType.Exit],qo=[...Go].reverse(),Zo=Go.length;function Ko(e){let n=function(t){return e=>Promise.all(e.map(({animation:e,options:n})=>Wo(t,e,n)))}(e);const o={[t.AnimationType.Animate]:Jo(!0),[t.AnimationType.InView]:Jo(),[t.AnimationType.Hover]:Jo(),[t.AnimationType.Tap]:Jo(),[t.AnimationType.Drag]:Jo(),[t.AnimationType.Focus]:Jo(),[t.AnimationType.Exit]:Jo()};let i=!0;const r=(t,n)=>{const o=Lo(e,n);if(o){const{transition:e,transitionEnd:n,...i}=o;t={...t,...i,...n}}return t};function s(t,s){const a=e.getProps(),l=e.getVariantContext(!0)||{},u=[],c=new Set;let h={},d=1/0;for(let n=0;n<Zo;n++){const p=qo[n],g=o[p],y=void 0!==a[p]?a[p]:l[p],v=m(y),x=p===s?g.isActive:null;!1===x&&(d=n);let w=y===l[p]&&y!==a[p]&&v;if(w&&i&&e.manuallyAnimateOnMount&&(w=!1),g.protectedKeys={...h},!g.isActive&&null===x||!y&&!g.prevProp||f(y)||"boolean"==typeof y)continue;const E=_o(g.prevProp,y);let b=E||p===s&&g.isActive&&!w&&v||n>d&&v;const A=Array.isArray(y)?y:[y];let P=A.reduce(r,{});!1===x&&(P={});const{prevResolvedValues:S={}}=g,T={...S,...P},V=t=>{b=!0,c.delete(t),g.needsAnimating[t]=!0};for(const t in T){const e=P[t],n=S[t];h.hasOwnProperty(t)||(e!==n?Ft(e)&&Ft(n)?!Me(e,n)||E?V(t):g.protectedKeys[t]=!0:void 0!==e?V(t):c.add(t):void 0!==e&&c.has(t)?V(t):g.protectedKeys[t]=!0)}g.prevProp=y,g.prevResolvedValues=P,g.isActive&&(h={...h,...P}),i&&e.blockInitialAnimation&&(b=!1),b&&!w&&u.push(...A.map(e=>({animation:e,options:{type:p,...t}})))}if(c.size){const t={};c.forEach(n=>{const o=e.getBaseTarget(n);void 0!==o&&(t[n]=o)}),u.push({animation:t})}let p=Boolean(u.length);return i&&!1===a.initial&&!e.manuallyAnimateOnMount&&(p=!1),i=!1,p?n(u):Promise.resolve()}return{animateChanges:s,setActive:function(t,n,i){var r;if(o[t].isActive===n)return Promise.resolve();null===(r=e.variantChildren)||void 0===r||r.forEach(e=>{var o;return null===(o=e.animationState)||void 0===o?void 0:o.setActive(t,n)}),o[t].isActive=n;const a=s(i,t);for(const t in o)o[t].protectedKeys={};return a},setAnimateFunction:function(t){n=t(e)},getState:()=>o}}function _o(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!Me(e,t)}function Jo(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const Qo={animation:Te(({visualElement:t,animate:n})=>{t.animationState||(t.animationState=Ko(t)),f(n)&&e.useEffect(()=>n.subscribe(t),[n])}),exit:Te(n=>{const{custom:o,visualElement:i}=n,[r,s]=Ce(),a=e.useContext(u);e.useEffect(()=>{i.isPresent=r;const e=i.animationState&&i.animationState.setActive(t.AnimationType.Exit,!r,{custom:a&&a.custom||o});e&&!r&&e.then(s)},[r])})},ti=(t,e)=>Math.abs(t-e);function ei(t,e){const n=ti(t.x,e.x),o=ti(t.y,e.y);return Math.sqrt(n**2+o**2)}class ni{constructor(t,e,{transformPagePoint:n}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const t=ri(this.lastMoveEventInfo,this.history),e=null!==this.startEvent,n=ei(t.offset,{x:0,y:0})>=3;if(!e&&!n)return;const{point:o}=t,{timestamp:i}=qn;this.history.push({...o,timestamp:i});const{onStart:r,onMove:s}=this.handlers;e||(r&&r(this.lastMoveEvent,t),this.startEvent=this.lastMoveEvent),s&&s(this.lastMoveEvent,t)},this.handlePointerMove=(t,e)=>{this.lastMoveEvent=t,this.lastMoveEventInfo=oi(e,this.transformPagePoint),Gt(t)&&0===t.buttons?this.handlePointerUp(t,e):to.update(this.updatePoint,!0)},this.handlePointerUp=(t,e)=>{this.end();const{onEnd:n,onSessionEnd:o}=this.handlers,i=ri(oi(e,this.transformPagePoint),this.history);this.startEvent&&n&&n(t,i),o&&o(t,i)},qt(t)&&t.touches.length>1)return;this.handlers=e,this.transformPagePoint=n;const o=oi(Jt(t),this.transformPagePoint),{point:i}=o,{timestamp:r}=qn;this.history=[{...i,timestamp:r}];const{onSessionStart:s}=e;s&&s(t,ri(o,this.history)),this.removeListeners=me(oe(window,"pointermove",this.handlePointerMove),oe(window,"pointerup",this.handlePointerUp),oe(window,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),eo.update(this.updatePoint)}}function oi(t,e){return e?{point:e(t.point)}:t}function ii(t,e){return{x:t.x-e.x,y:t.y-e.y}}function ri({point:t},e){return{point:t,delta:ii(t,ai(e)),offset:ii(t,si(e)),velocity:li(e,.1)}}function si(t){return t[0]}function ai(t){return t[t.length-1]}function li(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,o=null;const i=ai(t);for(;n>=0&&(o=t[n],!(i.timestamp-o.timestamp>Re(e)));)n--;if(!o)return{x:0,y:0};const r=(i.timestamp-o.timestamp)/1e3;if(0===r)return{x:0,y:0};const s={x:(i.x-o.x)/r,y:(i.y-o.y)/r};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function ui(t){return t.max-t.min}function ci(t,e=0,n=.01){return Math.abs(t-e)<=n}function hi(t,e,n,o=.5){t.origin=o,t.originPoint=An(e.min,e.max,t.origin),t.scale=ui(n)/ui(e),(ci(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=An(n.min,n.max,t.origin)-t.originPoint,(ci(t.translate)||isNaN(t.translate))&&(t.translate=0)}function di(t,e,n,o){hi(t.x,e.x,n.x,null==o?void 0:o.originX),hi(t.y,e.y,n.y,null==o?void 0:o.originY)}function pi(t,e,n){t.min=n.min+e.min,t.max=t.min+ui(e)}function mi(t,e,n){t.min=e.min-n.min,t.max=t.min+ui(e)}function fi(t,e,n){mi(t.x,e.x,n.x),mi(t.y,e.y,n.y)}function gi(t,e,n){return{min:void 0!==e?t.min+e:void 0,max:void 0!==n?t.max+n-(t.max-t.min):void 0}}function yi(t,e){let n=e.min-t.min,o=e.max-t.max;return e.max-e.min<t.max-t.min&&([n,o]=[o,n]),{min:n,max:o}}const vi=.35;function xi(t,e,n){return{min:wi(t,e),max:wi(t,n)}}function wi(t,e){return"number"==typeof t?t:t[e]||0}const Ei=()=>({x:{min:0,max:0},y:{min:0,max:0}});function bi(t){return[t("x"),t("y")]}function Ai({top:t,left:e,right:n,bottom:o}){return{x:{min:e,max:n},y:{min:t,max:o}}}function Pi(t){return void 0===t||1===t}function Si({scale:t,scaleX:e,scaleY:n}){return!Pi(t)||!Pi(e)||!Pi(n)}function Ti(t){return Si(t)||Vi(t)||t.z||t.rotate||t.rotateX||t.rotateY}function Vi(t){return Ci(t.x)||Ci(t.y)}function Ci(t){return t&&"0%"!==t}function Mi(t,e,n){return n+e*(t-n)}function Ri(t,e,n,o,i){return void 0!==i&&(t=Mi(t,i,o)),Mi(t,n,o)+e}function Li(t,e=0,n=1,o,i){t.min=Ri(t.min,e,n,o,i),t.max=Ri(t.max,e,n,o,i)}function Di(t,{x:e,y:n}){Li(t.x,e.translate,e.scale,e.originPoint),Li(t.y,n.translate,n.scale,n.originPoint)}function ki(t){return Number.isInteger(t)||t>1.0000000000001||t<.999999999999?t:1}function Bi(t,e){t.min=t.min+e,t.max=t.max+e}function Oi(t,e,[n,o,i]){const r=void 0!==e[i]?e[i]:.5,s=An(t.min,t.max,r);Li(t,e[n],e[o],s,e.scale)}const Fi=["x","scaleX","originX"],Ii=["y","scaleY","originY"];function ji(t,e){Oi(t.x,e,Fi),Oi(t.y,e,Ii)}function Ui(t,e){return Ai(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),o=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:o.y,right:o.x}}(t.getBoundingClientRect(),e))}const Ni=new WeakMap;class zi{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic={x:{min:0,max:0},y:{min:0,max:0}},this.visualElement=t}start(e,{snapToCursor:n=!1}={}){if(!1===this.visualElement.isPresent)return;this.panSession=new ni(e,{onSessionStart:t=>{this.stopAnimation(),n&&this.snapToCursor(Jt(t,"page").point)},onStart:(e,n)=>{var o;const{drag:i,dragPropagation:r,onDragStart:s}=this.getProps();(!i||r||(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=le(i),this.openGlobalLock))&&(this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),bi(t=>{var e,n;let o=this.getAxisMotionValue(t).get()||0;if(it.test(o)){const i=null===(n=null===(e=this.visualElement.projection)||void 0===e?void 0:e.layout)||void 0===n?void 0:n.layoutBox[t];if(i){o=ui(i)*(parseFloat(o)/100)}}this.originPoint[t]=o}),null==s||s(e,n),null===(o=this.visualElement.animationState)||void 0===o||o.setActive(t.AnimationType.Drag,!0))},onMove:(t,e)=>{const{dragPropagation:n,dragDirectionLock:o,onDirectionLock:i,onDrag:r}=this.getProps();if(!n&&!this.openGlobalLock)return;const{offset:s}=e;if(o&&null===this.currentDirection)return this.currentDirection=function(t,e=10){let n=null;Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x");return n}(s),void(null!==this.currentDirection&&(null==i||i(this.currentDirection)));this.updateAxis("x",e.point,s),this.updateAxis("y",e.point,s),this.visualElement.render(),null==r||r(t,e)},onSessionEnd:(t,e)=>this.stop(t,e)},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:o}=e;this.startAnimation(o);const{onDragEnd:i}=this.getProps();null==i||i(t,e)}cancel(){var e,n;this.isDragging=!1,this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!1),null===(e=this.panSession)||void 0===e||e.end(),this.panSession=void 0;const{dragPropagation:o}=this.getProps();!o&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),null===(n=this.visualElement.animationState)||void 0===n||n.setActive(t.AnimationType.Drag,!1)}updateAxis(t,e,n){const{drag:o}=this.getProps();if(!n||!Wi(t,o,this.currentDirection))return;const i=this.getAxisMotionValue(t);let r=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(r=function(t,{min:e,max:n},o){return void 0!==e&&t<e?t=o?An(e,t,o.min):Math.max(t,e):void 0!==n&&t>n&&(t=o?An(n,t,o.max):Math.min(t,n)),t}(r,this.constraints[t],this.elastic[t])),i.set(r)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:n}=this.visualElement.projection||{},o=this.constraints;t&&p(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!t||!n)&&function(t,{top:e,left:n,bottom:o,right:i}){return{x:gi(t.x,n,i),y:gi(t.y,e,o)}}(n.layoutBox,t),this.elastic=function(t=vi){return!1===t?t=0:!0===t&&(t=vi),{x:xi(t,"left","right"),y:xi(t,"top","bottom")}}(e),o!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&bi(t=>{this.getAxisMotionValue(t)&&(this.constraints[t]=function(t,e){const n={};return void 0!==e.min&&(n.min=e.min-t.min),void 0!==e.max&&(n.max=e.max-t.min),n}(n.layoutBox[t],this.constraints[t]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!p(t))return!1;const n=t.current,{projection:o}=this.visualElement;if(!o||!o.layout)return!1;const i=function(t,e,n){const o=Ui(t,n),{scroll:i}=e;return i&&(Bi(o.x,i.offset.x),Bi(o.y,i.offset.y)),o}(n,o.root,this.visualElement.getTransformPagePoint());let r=function(t,e){return{x:yi(t.x,e.x),y:yi(t.y,e.y)}}(o.layout.layoutBox,i);if(e){const t=e(function({x:t,y:e}){return{top:e.min,right:t.max,bottom:e.max,left:t.min}}(r));this.hasMutatedConstraints=!!t,t&&(r=Ai(t))}return r}startAnimation(t){const{drag:e,dragMomentum:n,dragElastic:o,dragTransition:i,dragSnapToOrigin:r,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=bi(s=>{if(!Wi(s,e,this.currentDirection))return;let l=(null==a?void 0:a[s])||{};r&&(l={min:0,max:0});const u=o?200:1e6,c=o?40:1e7,h={type:"inertia",velocity:n?t[s]:0,bounceStiffness:u,bounceDamping:c,timeConstant:750,restDelta:1,restSpeed:10,...i,...l};return this.startAxisValueAnimation(s,h)});return Promise.all(l).then(s)}startAxisValueAnimation(t,e){return xo(t,this.getAxisMotionValue(t),0,e)}stopAnimation(){bi(t=>this.getAxisMotionValue(t).stop())}getAxisMotionValue(t){var e;const n="_drag"+t.toUpperCase(),o=this.visualElement.getProps()[n];return o||this.visualElement.getValue(t,(null===(e=this.visualElement.getProps().initial)||void 0===e?void 0:e[t])||0)}snapToCursor(t){bi(e=>{const{drag:n}=this.getProps();if(!Wi(e,n,this.currentDirection))return;const{projection:o}=this.visualElement,i=this.getAxisMotionValue(e);if(o&&o.layout){const{min:n,max:r}=o.layout.layoutBox[e];i.set(t[e]-An(n,r,.5))}})}scalePositionWithinConstraints(){var t;if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:o}=this.visualElement;if(!p(n)||!o||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};bi(t=>{const e=this.getAxisMotionValue(t);if(e){const n=e.get();i[t]=function(t,e){let n=.5;const o=ui(t),i=ui(e);return i>o?n=kn(e.min,e.max-o,t.min):o>i&&(n=kn(t.min,t.max-i,e.min)),G(0,1,n)}({min:n,max:n},this.constraints[t])}});const{transformTemplate:r}=this.visualElement.getProps();this.visualElement.current.style.transform=r?r({},""):"none",null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout(),this.resolveConstraints(),bi(t=>{if(!Wi(t,e,null))return;const n=this.getAxisMotionValue(t),{min:o,max:r}=this.constraints[t];n.set(An(o,r,i[t]))})}addListeners(){var t;if(!this.visualElement.current)return;Ni.set(this.visualElement,this);const e=oe(this.visualElement.current,"pointerdown",t=>{const{drag:e,dragListener:n=!0}=this.getProps();e&&n&&this.start(t)}),n=()=>{const{dragConstraints:t}=this.getProps();p(t)&&(this.constraints=this.resolveRefConstraints())},{projection:o}=this.visualElement,i=o.addEventListener("measure",n);o&&!o.layout&&(null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout()),n();const r=Yt(window,"resize",()=>this.scalePositionWithinConstraints()),s=o.addEventListener("didUpdate",({delta:t,hasLayoutChanged:e})=>{this.isDragging&&e&&(bi(e=>{const n=this.getAxisMotionValue(e);n&&(this.originPoint[e]+=t[e].translate,n.set(n.get()+t[e].translate))}),this.visualElement.render())});return()=>{r(),e(),i(),null==s||s()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:n=!1,dragPropagation:o=!1,dragConstraints:i=!1,dragElastic:r=vi,dragMomentum:s=!0}=t;return{...t,drag:e,dragDirectionLock:n,dragPropagation:o,dragConstraints:i,dragElastic:r,dragMomentum:s}}}function Wi(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}const $i={pan:Te((function({onPan:t,onPanStart:n,onPanEnd:o,onPanSessionStart:i,visualElement:r}){const a=t||n||o||i,l=e.useRef(null),{transformPagePoint:u}=e.useContext(s),c={onSessionStart:i,onStart:n,onMove:t,onEnd:(t,e)=>{l.current=null,o&&o(t,e)}};e.useEffect(()=>{null!==l.current&&l.current.updateHandlers(c)}),ie(r,"pointerdown",a&&function(t){l.current=new ni(t,c,{transformPagePoint:u})}),de(()=>l.current&&l.current.end())})),drag:Te((function(t){const{dragControls:n,visualElement:o}=t,i=P(()=>new zi(o));e.useEffect(()=>n&&n.subscribe(i),[i,n]),e.useEffect(()=>i.addListeners(),[i])}))};function Hi(t){return"string"==typeof t&&t.startsWith("var(--")}const Yi=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function Xi(t,e,n=1){const[o,i]=function(t){const e=Yi.exec(t);if(!e)return[,];const[,n,o]=e;return[n,o]}(t);if(!o)return;const r=window.getComputedStyle(e).getPropertyValue(o);return r?r.trim():Hi(i)?Xi(i,e,n+1):i}const Gi=new Set(["width","height","top","left","right","bottom","x","y"]),qi=t=>Gi.has(t),Zi=(t,e)=>{t.set(e,!1),t.set(e)},Ki=t=>t===q||t===rt;var _i;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(_i||(_i={}));const Ji=(t,e)=>parseFloat(t.split(", ")[e]),Qi=(t,e)=>(n,{transform:o})=>{if("none"===o||!o)return 0;const i=o.match(/^matrix3d\((.+)\)$/);if(i)return Ji(i[1],e);{const e=o.match(/^matrix\((.+)\)$/);return e?Ji(e[1],t):0}},tr=new Set(["x","y","z"]),er=j.filter(t=>!tr.has(t));const nr={width:({x:t},{paddingLeft:e="0",paddingRight:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),height:({y:t},{paddingTop:e="0",paddingBottom:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),top:(t,{top:e})=>parseFloat(e),left:(t,{left:e})=>parseFloat(e),bottom:({y:t},{top:e})=>parseFloat(e)+(t.max-t.min),right:({x:t},{left:e})=>parseFloat(e)+(t.max-t.min),x:Qi(4,13),y:Qi(5,14)},or=(t,e,n={},o={})=>{e={...e},o={...o};const i=Object.keys(e).filter(qi);let r=[],s=!1;const a=[];if(i.forEach(i=>{const l=t.getValue(i);if(!t.hasValue(i))return;let u=n[i],c=Co(u);const h=e[i];let d;if(Ft(h)){const t=h.length,e=null===h[0]?1:0;u=h[e],c=Co(u);for(let n=e;n<t;n++)d?Co(h[n]):d=Co(h[n])}else d=Co(h);if(c!==d)if(Ki(c)&&Ki(d)){const t=l.get();"string"==typeof t&&l.set(parseFloat(t)),"string"==typeof h?e[i]=parseFloat(h):Array.isArray(h)&&d===rt&&(e[i]=h.map(parseFloat))}else(null==c?void 0:c.transform)&&(null==d?void 0:d.transform)&&(0===u||0===h)?0===u?l.set(d.transform(u)):e[i]=c.transform(h):(s||(r=function(t){const e=[];return er.forEach(n=>{const o=t.getValue(n);void 0!==o&&(e.push([n,o.get()]),o.set(n.startsWith("scale")?1:0))}),e.length&&t.render(),e}(t),s=!0),a.push(i),o[i]=void 0!==o[i]?o[i]:e[i],Zi(l,h))}),a.length){const n=a.indexOf("height")>=0?window.pageYOffset:null,i=((t,e,n)=>{const o=e.measureViewportBox(),i=e.current,r=getComputedStyle(i),{display:s}=r,a={};"none"===s&&e.setStaticValue("display",t.display||"block"),n.forEach(t=>{a[t]=nr[t](o,r)}),e.render();const l=e.measureViewportBox();return n.forEach(n=>{const o=e.getValue(n);Zi(o,a[n]),t[n]=nr[n](l,r)}),t})(e,t,a);return r.length&&r.forEach(([e,n])=>{t.getValue(e).set(n)}),t.render(),c&&null!==n&&window.scrollTo({top:n}),{target:i,transitionEnd:o}}return{target:e,transitionEnd:o}};function ir(t,e,n,o){return(t=>Object.keys(t).some(qi))(e)?or(t,e,n,o):{target:e,transitionEnd:o}}const rr=(t,e,n,o)=>{const i=function(t,{...e},n){const o=t.current;if(!(o instanceof Element))return{target:e,transitionEnd:n};n&&(n={...n}),t.values.forEach(t=>{const e=t.get();if(!Hi(e))return;const n=Xi(e,o);n&&t.set(n)});for(const t in e){const i=e[t];if(!Hi(i))continue;const r=Xi(i,o);r&&(e[t]=r,n&&void 0===n[t]&&(n[t]=i))}return{target:e,transitionEnd:n}}(t,e,o);return ir(t,e=i.target,n,o=i.transitionEnd)},sr={current:null},ar={current:!1};function lr(){if(ar.current=!0,c)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>sr.current=t.matches;t.addListener(e),e()}else sr.current=!1}const ur=Object.keys(b),cr=ur.length,hr=["AnimationStart","AnimationComplete","Update","Unmount","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class dr{constructor({parent:t,props:e,reducedMotionConfig:n,visualState:o},i={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.isPresent=!0,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=()=>to.render(this.render,!1,!0);const{latestValues:r,renderState:s}=o;this.latestValues=r,this.baseTarget={...r},this.initialValues=e.initial?{...r}:{},this.renderState=s,this.parent=t,this.props=e,this.depth=t?t.depth+1:0,this.reducedMotionConfig=n,this.options=i,this.isControllingVariants=y(e),this.isVariantNode=v(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=Boolean(t&&t.current);const{willChange:a,...l}=this.scrapeMotionValuesFromProps(e);for(const t in l){const e=l[t];void 0!==r[t]&&z(e)&&(e.set(r[t],!1),jo(a)&&a.add(t))}}scrapeMotionValuesFromProps(t){return{}}mount(t){var e;this.current=t,this.projection&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=null===(e=this.parent)||void 0===e?void 0:e.addVariantChild(this)),this.values.forEach((t,e)=>this.bindToMotionValue(e,t)),ar.current||lr(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||sr.current),this.parent&&this.parent.children.add(this),this.setProps(this.props)}unmount(){var t,e,n;null===(t=this.projection)||void 0===t||t.unmount(),eo.update(this.notifyUpdate),eo.render(this.render),this.valueSubscriptions.forEach(t=>t()),null===(e=this.removeFromVariantTree)||void 0===e||e.call(this),null===(n=this.parent)||void 0===n||n.children.delete(this);for(const t in this.events)this.events[t].clear();this.current=null}bindToMotionValue(t,e){const n=U.has(t),o=e.onChange(e=>{this.latestValues[t]=e,this.props.onUpdate&&to.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)}),i=e.onRenderRequest(this.scheduleRender);this.valueSubscriptions.set(t,()=>{o(),i()})}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures(t,n,o,i,r,s){const a=[];for(let n=0;n<cr;n++){const o=ur[n],{isEnabled:i,Component:r}=b[o];i(t)&&r&&a.push(e.createElement(r,{key:o,...t,visualElement:this}))}if(!this.projection&&r){this.projection=new r(i,this.latestValues,this.parent&&this.parent.projection);const{layoutId:e,layout:n,drag:o,dragConstraints:a,layoutScroll:l}=t;this.projection.setOptions({layoutId:e,layout:n,alwaysMeasureLayout:Boolean(o)||a&&p(a),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:"string"==typeof n?n:"both",initialPromotionConfig:s,layoutScroll:l})}return a}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):{x:{min:0,max:0},y:{min:0,max:0}}}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e=!0){return this.makeTargetAnimatableFromInstance(t,this.props,e)}setProps(t){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.props=t;for(let e=0;e<hr.length;e++){const n=hr[e];this.propEventSubscriptions[n]&&(this.propEventSubscriptions[n](),delete this.propEventSubscriptions[n]);const o=t["on"+n];o&&(this.propEventSubscriptions[n]=this.on(n,o))}this.prevMotionValues=function(t,e,n){const{willChange:o}=e;for(const i in e){const r=e[i],s=n[i];if(z(r))t.addValue(i,r),jo(o)&&o.add(i);else if(z(s))t.addValue(i,So(r)),jo(o)&&o.remove(i);else if(s!==r)if(t.hasValue(i)){const e=t.getValue(i);!e.hasAnimated&&e.set(r)}else{const e=t.getStaticValue(i);t.addValue(i,So(void 0!==e?e:r))}}for(const o in n)void 0===e[o]&&t.removeValue(o);return e}(this,this.scrapeMotionValuesFromProps(t),this.prevMotionValues)}getProps(){return this.props}getVariant(t){var e;return null===(e=this.props.variants)||void 0===e?void 0:e[t]}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){var t;return this.isVariantNode?this:null===(t=this.parent)||void 0===t?void 0:t.getClosestVariantNode()}getVariantContext(t=!1){var e,n;if(t)return null===(e=this.parent)||void 0===e?void 0:e.getVariantContext();if(!this.isControllingVariants){const t=(null===(n=this.parent)||void 0===n?void 0:n.getVariantContext())||{};return void 0!==this.props.initial&&(t.initial=this.props.initial),t}const o={};for(let t=0;t<mr;t++){const e=pr[t],n=this.props[e];(m(n)||!1===n)&&(o[e]=n)}return o}addVariantChild(t){var e;const n=this.getClosestVariantNode();if(n)return null===(e=n.variantChildren)||void 0===e||e.add(t),()=>n.variantChildren.delete(t)}addValue(t,e){this.hasValue(t)&&this.removeValue(t),this.values.set(t,e),this.latestValues[t]=e.get(),this.bindToMotionValue(t,e)}removeValue(t){var e;this.values.delete(t),null===(e=this.valueSubscriptions.get(t))||void 0===e||e(),this.valueSubscriptions.delete(t),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return void 0===n&&void 0!==e&&(n=So(e),this.addValue(t,n)),n}readValue(t){return void 0===this.latestValues[t]&&this.current?this.readValueFromInstance(this.current,t,this.options):this.latestValues[t]}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:n}=this.props,o="string"==typeof n||"object"==typeof n?null===(e=Ot(this.props,n))||void 0===e?void 0:e[t]:void 0;if(n&&void 0!==o)return o;const i=this.getBaseTargetFromProps(this.props,t);return void 0===i||z(i)?void 0!==this.initialValues[t]&&void 0===o?void 0:this.baseTarget[t]:i}on(t,e){return this.events[t]||(this.events[t]=new Ao),this.events[t].add(e)}notify(t,...e){var n;null===(n=this.events[t])||void 0===n||n.notify(...e)}}const pr=["initial",...Go],mr=pr.length;class fr extends dr{sortInstanceNodePosition(t,e){return 2&t.compareDocumentPosition(e)?1:-1}getBaseTargetFromProps(t,e){var n;return null===(n=t.style)||void 0===n?void 0:n[e]}removeValueFromRenderState(t,{vars:e,style:n}){delete e[t],delete n[t]}makeTargetAnimatableFromInstance({transition:t,transitionEnd:e,...n},{transformValues:o},i){let r=Io(n,t||{},this);if(o&&(e&&(e=o(e)),n&&(n=o(n)),r&&(r=o(r))),i){Oo(this,n,r);const t=rr(this,n,r,e);e=t.transitionEnd,n=t.target}return{transition:t,transitionEnd:e,...n}}}class gr extends fr{readValueFromInstance(t,e){if(U.has(e)){const t=wn(e);return t&&t.default||0}{const o=(n=t,window.getComputedStyle(n)),i=(Y(e)?o.getPropertyValue(e):o[e])||0;return"string"==typeof i?i.trim():i}var n}measureInstanceViewportBox(t,{transformPagePoint:e}){return Ui(t,e)}build(t,e,n,o){ht(t,e,n,o.transformTemplate)}scrapeMotionValuesFromProps(t){return kt(t)}renderInstance(t,e,n,o){Rt(t,e,n,o)}}class yr extends fr{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){var n;return U.has(e)?(null===(n=wn(e))||void 0===n?void 0:n.default)||0:(e=Lt.has(e)?e:Mt(e),t.getAttribute(e))}measureInstanceViewportBox(){return{x:{min:0,max:0},y:{min:0,max:0}}}scrapeMotionValuesFromProps(t){return Bt(t)}build(t,e,n,o){Pt(t,e,n,this.isSVGTag,o.transformTemplate)}renderInstance(t,e,n,o){Dt(t,e,0,o)}mount(t){this.isSVGTag=Tt(t.tagName),super.mount(t)}}const vr=(t,e)=>O(t)?new yr(e,{enableHardwareAcceleration:!1}):new gr(e,{enableHardwareAcceleration:!0});function xr(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const wr={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t){if(!rt.test(t))return t;t=parseFloat(t)}return`${xr(t,e.target.x)}% ${xr(t,e.target.y)}%`}},Er={correct:(t,{treeScale:e,projectionDelta:n})=>{const o=t,i=t.includes("var("),r=[];i&&(t=t.replace(Yi,t=>(r.push(t),"_$css")));const s=an.parse(t);if(s.length>5)return o;const a=an.createTransformer(t),l="number"!=typeof s[0]?1:0,u=n.x.scale*e.x,c=n.y.scale*e.y;s[0+l]/=u,s[1+l]/=c;const h=An(u,c,.5);"number"==typeof s[2+l]&&(s[2+l]/=h),"number"==typeof s[3+l]&&(s[3+l]/=h);let d=a(s);if(i){let t=0;d=d.replace("_$css",()=>{const e=r[t];return t++,e})}return d}};class br extends i.default.Component{componentDidMount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n,layoutId:o}=this.props,{projection:i}=t;I(Ar),i&&(e.group&&e.group.add(i),n&&n.register&&o&&n.register(i),i.root.didUpdate(),i.addEventListener("animationComplete",()=>{this.safeToRemove()}),i.setOptions({...i.options,onExitComplete:()=>this.safeToRemove()})),S.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:e,visualElement:n,drag:o,isPresent:i}=this.props,r=n.projection;return r?(r.isPresent=i,o||t.layoutDependency!==e||void 0===e?r.willUpdate():this.safeToRemove(),t.isPresent!==i&&(i?r.promote():r.relegate()||to.postRender(()=>{var t;(null===(t=r.getStack())||void 0===t?void 0:t.members.length)||this.safeToRemove()})),null):null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),!t.currentAnimation&&t.isLead()&&this.safeToRemove())}componentWillUnmount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n}=this.props,{projection:o}=t;o&&(o.scheduleCheckAfterUnmount(),(null==e?void 0:e.group)&&e.group.remove(o),(null==n?void 0:n.deregister)&&n.deregister(o))}safeToRemove(){const{safeToRemove:t}=this.props;null==t||t()}render(){return null}}const Ar={borderRadius:{...wr,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:wr,borderTopRightRadius:wr,borderBottomLeftRadius:wr,borderBottomRightRadius:wr,boxShadow:Er},Pr={measureLayout:function(t){const[n,o]=Ce(),r=e.useContext(V);return i.default.createElement(br,{...t,layoutGroup:r,switchLayoutGroup:e.useContext(M),isPresent:n,safeToRemove:o})}};function Sr(t,e,n={}){const o=z(t)?t:So(t);return xo("",o,e,n),{stop:()=>o.stop(),isAnimating:()=>o.isAnimating()}}const Tr=["TopLeft","TopRight","BottomLeft","BottomRight"],Vr=Tr.length,Cr=t=>"string"==typeof t?parseFloat(t):t,Mr=t=>"number"==typeof t||rt.test(t);function Rr(t,e){return void 0!==t[e]?t[e]:t.borderRadius}const Lr=kr(0,.5,Ne),Dr=kr(.5,.95,Le);function kr(t,e,n){return o=>o<t?0:o>e?1:n(kn(t,e,o))}function Br(t,e){t.min=e.min,t.max=e.max}function Or(t,e){Br(t.x,e.x),Br(t.y,e.y)}function Fr(t,e,n,o,i){return t=Mi(t-=e,1/n,o),void 0!==i&&(t=Mi(t,1/i,o)),t}function Ir(t,e,[n,o,i],r,s){!function(t,e=0,n=1,o=.5,i,r=t,s=t){if(it.test(e)){e=parseFloat(e);e=An(s.min,s.max,e/100)-s.min}if("number"!=typeof e)return;let a=An(r.min,r.max,o);t===r&&(a-=e),t.min=Fr(t.min,e,n,a,i),t.max=Fr(t.max,e,n,a,i)}(t,e[n],e[o],e[i],e.scale,r,s)}const jr=["x","scaleX","originX"],Ur=["y","scaleY","originY"];function Nr(t,e,n,o){Ir(t.x,e,jr,null==n?void 0:n.x,null==o?void 0:o.x),Ir(t.y,e,Ur,null==n?void 0:n.y,null==o?void 0:o.y)}function zr(t){return 0===t.translate&&1===t.scale}function Wr(t){return zr(t.x)&&zr(t.y)}function $r(t,e){return t.x.min===e.x.min&&t.x.max===e.x.max&&t.y.min===e.y.min&&t.y.max===e.y.max}function Hr(t){return ui(t.x)/ui(t.y)}class Yr{constructor(){this.members=[]}add(t){Eo(this.members,t),t.scheduleRender()}remove(t){if(bo(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const t=this.members[this.members.length-1];t&&this.promote(t)}}relegate(t){const e=this.members.findIndex(e=>t===e);if(0===e)return!1;let n;for(let t=e;t>=0;t--){const e=this.members[t];if(!1!==e.isPresent){n=e;break}}return!!n&&(this.promote(n),!0)}promote(t,e){var n;const o=this.lead;if(t!==o&&(this.prevLead=o,this.lead=t,t.show(),o)){o.instance&&o.scheduleRender(),t.scheduleRender(),t.resumeFrom=o,e&&(t.resumeFrom.preserveOpacity=!0),o.snapshot&&(t.snapshot=o.snapshot,t.snapshot.latestValues=o.animationValues||o.latestValues),(null===(n=t.root)||void 0===n?void 0:n.isUpdating)&&(t.isLayoutDirty=!0);const{crossfade:i}=t.options;!1===i&&o.hide()}}exitAnimationComplete(){this.members.forEach(t=>{var e,n,o,i,r;null===(n=(e=t.options).onExitComplete)||void 0===n||n.call(e),null===(r=null===(o=t.resumingFrom)||void 0===o?void 0:(i=o.options).onExitComplete)||void 0===r||r.call(i)})}scheduleRender(){this.members.forEach(t=>{t.instance&&t.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function Xr(t,e,n){let o="";const i=t.x.translate/e.x,r=t.y.translate/e.y;if((i||r)&&(o=`translate3d(${i}px, ${r}px, 0) `),1===e.x&&1===e.y||(o+=`scale(${1/e.x}, ${1/e.y}) `),n){const{rotate:t,rotateX:e,rotateY:i}=n;t&&(o+=`rotate(${t}deg) `),e&&(o+=`rotateX(${e}deg) `),i&&(o+=`rotateY(${i}deg) `)}const s=t.x.scale*e.x,a=t.y.scale*e.y;return 1===s&&1===a||(o+=`scale(${s}, ${a})`),o||"none"}const Gr=(t,e)=>t.depth-e.depth;class qr{constructor(){this.children=[],this.isDirty=!1}add(t){Eo(this.children,t),this.isDirty=!0}remove(t){bo(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(Gr),this.isDirty=!1,this.children.forEach(t)}}const Zr=["","X","Y","Z"];let Kr=0;function _r({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:o,resetTransform:i}){return class{constructor(t,n={},o=(null==e?void 0:e())){this.id=Kr++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isTransformDirty=!1,this.isProjectionDirty=!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.potentialNodes=new Map,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.nodes.forEach(ts),this.nodes.forEach(rs),this.nodes.forEach(ss)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.elementId=t,this.latestValues=n,this.root=o?o.root||o:this,this.path=o?[...o.path,o]:[],this.parent=o,this.depth=o?o.depth+1:0,t&&this.root.registerPotentialNode(t,this);for(let t=0;t<this.path.length;t++)this.path[t].shouldResetTransform=!0;this.root===this&&(this.nodes=new qr)}addEventListener(t,e){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new Ao),this.eventHandlers.get(t).add(e)}notifyListeners(t,...e){const n=this.eventHandlers.get(t);null==n||n.notify(...e)}hasListeners(t){return this.eventHandlers.has(t)}registerPotentialNode(t,e){this.potentialNodes.set(t,e)}mount(e,n=!1){var o;if(this.instance)return;this.isSVG=e instanceof SVGElement&&"svg"!==e.tagName,this.instance=e;const{layoutId:i,layout:r,visualElement:s}=this.options;if(s&&!s.current&&s.mount(e),this.root.nodes.add(this),null===(o=this.parent)||void 0===o||o.children.add(this),this.elementId&&this.root.potentialNodes.delete(this.elementId),n&&(r||i)&&(this.isLayoutDirty=!0),t){let n;const o=()=>this.root.updateBlockedByResize=!1;t(e,()=>{this.root.updateBlockedByResize=!0,n&&n(),n=co(o,250),S.hasAnimatedSinceResize&&(S.hasAnimatedSinceResize=!1,this.nodes.forEach(is))})}i&&this.root.registerSharedNode(i,this),!1!==this.options.animate&&s&&(i||r)&&this.addEventListener("didUpdate",({delta:t,hasLayoutChanged:e,hasRelativeTargetChanged:n,layout:o})=>{var i,r,a,l,u;if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const c=null!==(r=null!==(i=this.options.transition)&&void 0!==i?i:s.getDefaultTransition())&&void 0!==r?r:ds,{onLayoutAnimationStart:h,onLayoutAnimationComplete:d}=s.getProps(),p=!this.targetLayout||!$r(this.targetLayout,o)||n,m=!e&&n;if((null===(a=this.resumeFrom)||void 0===a?void 0:a.instance)||m||e&&(p||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(t,m);const e={...vo(c,"layout"),onPlay:h,onComplete:d};s.shouldReduceMotion&&(e.delay=0,e.type=!1),this.startAnimation(e)}else e||0!==this.animationProgress||is(this),this.isLead()&&(null===(u=(l=this.options).onExitComplete)||void 0===u||u.call(l));this.targetLayout=o})}unmount(){var t,e;this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this),null===(t=this.getStack())||void 0===t||t.remove(this),null===(e=this.parent)||void 0===e||e.children.delete(this),this.instance=void 0,eo.preRender(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){var t;return this.isAnimationBlocked||(null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimationBlocked())||!1}startUpdate(){var t;this.isUpdateBlocked()||(this.isUpdating=!0,null===(t=this.nodes)||void 0===t||t.forEach(as),this.animationId++)}willUpdate(t=!0){var e,n,o;if(this.root.isUpdateBlocked())return void(null===(n=(e=this.options).onExitComplete)||void 0===n||n.call(e));if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let t=0;t<this.path.length;t++){const e=this.path[t];e.shouldResetTransform=!0,e.updateScroll("snapshot")}const{layoutId:i,layout:r}=this.options;if(void 0===i&&!r)return;const s=null===(o=this.options.visualElement)||void 0===o?void 0:o.getProps().transformTemplate;this.prevTransformTemplateValue=null==s?void 0:s(this.latestValues,""),this.updateSnapshot(),t&&this.notifyListeners("willUpdate")}didUpdate(){if(this.isUpdateBlocked())return this.unblockUpdate(),this.clearAllSnapshots(),void this.nodes.forEach(ns);this.isUpdating&&(this.isUpdating=!1,this.potentialNodes.size&&(this.potentialNodes.forEach(ps),this.potentialNodes.clear()),this.nodes.forEach(os),this.nodes.forEach(Jr),this.nodes.forEach(Qr),this.clearAllSnapshots(),no.update(),no.preRender(),no.render())}clearAllSnapshots(){this.nodes.forEach(es),this.sharedNodes.forEach(ls)}scheduleUpdateProjection(){to.preRender(this.updateProjection,!1,!0)}scheduleCheckAfterUnmount(){to.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure())}updateLayout(){var t;if(!this.instance)return;if(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let t=0;t<this.path.length;t++){this.path[t].updateScroll()}const e=this.layout;this.layout=this.measure(!1),this.layoutCorrected={x:{min:0,max:0},y:{min:0,max:0}},this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox),null===(t=this.options.visualElement)||void 0===t||t.notify("LayoutMeasure",this.layout.layoutBox,null==e?void 0:e.layoutBox)}updateScroll(t="measure"){let e=Boolean(this.options.layoutScroll&&this.instance);this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===t&&(e=!1),e&&(this.scroll={animationId:this.root.animationId,phase:t,isRoot:o(this.instance),offset:n(this.instance)})}resetTransform(){var t;if(!i)return;const e=this.isLayoutDirty||this.shouldResetTransform,n=this.projectionDelta&&!Wr(this.projectionDelta),o=null===(t=this.options.visualElement)||void 0===t?void 0:t.getProps().transformTemplate,r=null==o?void 0:o(this.latestValues,""),s=r!==this.prevTransformTemplateValue;e&&(n||Ti(this.latestValues)||s)&&(i(this.instance,r),this.shouldResetTransform=!1,this.scheduleRender())}measure(t=!0){const e=this.measurePageBox();let n=this.removeElementScroll(e);var o;return t&&(n=this.removeTransform(n)),ms((o=n).x),ms(o.y),{animationId:this.root.animationId,measuredBox:e,layoutBox:n,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:t}=this.options;if(!t)return{x:{min:0,max:0},y:{min:0,max:0}};const e=t.measureViewportBox(),{scroll:n}=this.root;return n&&(Bi(e.x,n.offset.x),Bi(e.y,n.offset.y)),e}removeElementScroll(t){const e={x:{min:0,max:0},y:{min:0,max:0}};Or(e,t);for(let n=0;n<this.path.length;n++){const o=this.path[n],{scroll:i,options:r}=o;if(o!==this.root&&i&&r.layoutScroll){if(i.isRoot){Or(e,t);const{scroll:n}=this.root;n&&(Bi(e.x,-n.offset.x),Bi(e.y,-n.offset.y))}Bi(e.x,i.offset.x),Bi(e.y,i.offset.y)}}return e}applyTransform(t,e=!1){const n={x:{min:0,max:0},y:{min:0,max:0}};Or(n,t);for(let t=0;t<this.path.length;t++){const o=this.path[t];!e&&o.options.layoutScroll&&o.scroll&&o!==o.root&&ji(n,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),Ti(o.latestValues)&&ji(n,o.latestValues)}return Ti(this.latestValues)&&ji(n,this.latestValues),n}removeTransform(t){var e;const n={x:{min:0,max:0},y:{min:0,max:0}};Or(n,t);for(let t=0;t<this.path.length;t++){const o=this.path[t];if(!o.instance)continue;if(!Ti(o.latestValues))continue;Si(o.latestValues)&&o.updateSnapshot();const i={x:{min:0,max:0},y:{min:0,max:0}};Or(i,o.measurePageBox()),Nr(n,o.latestValues,null===(e=o.snapshot)||void 0===e?void 0:e.layoutBox,i)}return Ti(this.latestValues)&&Nr(n,this.latestValues),n}setTargetDelta(t){this.targetDelta=t,this.isProjectionDirty=!0,this.root.scheduleUpdateProjection()}setOptions(t){this.options={...this.options,...t,crossfade:void 0===t.crossfade||t.crossfade}}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}resolveTargetDelta(){var t;const e=this.getLead();if(this.isProjectionDirty||(this.isProjectionDirty=e.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=e.isTransformDirty),!this.isProjectionDirty&&!this.attemptToResolveRelativeTarget)return;const{layout:n,layoutId:o}=this.options;if(this.layout&&(n||o)){if(!this.targetDelta&&!this.relativeTarget){const t=this.getClosestProjectingParent();t&&t.layout?(this.relativeParent=t,this.relativeTarget={x:{min:0,max:0},y:{min:0,max:0}},this.relativeTargetOrigin={x:{min:0,max:0},y:{min:0,max:0}},fi(this.relativeTargetOrigin,this.layout.layoutBox,t.layout.layoutBox),Or(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}var i,r,s;if(this.relativeTarget||this.targetDelta)if(this.target||(this.target={x:{min:0,max:0},y:{min:0,max:0}},this.targetWithTransforms={x:{min:0,max:0},y:{min:0,max:0}}),this.relativeTarget&&this.relativeTargetOrigin&&(null===(t=this.relativeParent)||void 0===t?void 0:t.target)?(i=this.target,r=this.relativeTarget,s=this.relativeParent.target,pi(i.x,r.x,s.x),pi(i.y,r.y,s.y)):this.targetDelta?(Boolean(this.resumingFrom)?this.target=this.applyTransform(this.layout.layoutBox):Or(this.target,this.layout.layoutBox),Di(this.target,this.targetDelta)):Or(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget){this.attemptToResolveRelativeTarget=!1;const t=this.getClosestProjectingParent();t&&Boolean(t.resumingFrom)===Boolean(this.resumingFrom)&&!t.options.layoutScroll&&t.target?(this.relativeParent=t,this.relativeTarget={x:{min:0,max:0},y:{min:0,max:0}},this.relativeTargetOrigin={x:{min:0,max:0},y:{min:0,max:0}},fi(this.relativeTargetOrigin,this.target,t.target),Or(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}}}getClosestProjectingParent(){if(this.parent&&!Si(this.parent.latestValues)&&!Vi(this.parent.latestValues))return(this.parent.relativeTarget||this.parent.targetDelta)&&this.parent.layout?this.parent:this.parent.getClosestProjectingParent()}calcProjection(){var t;const{isProjectionDirty:e,isTransformDirty:n}=this;this.isProjectionDirty=this.isTransformDirty=!1;const o=this.getLead(),i=Boolean(this.resumingFrom)||this!==o;let r=!0;if(e&&(r=!1),i&&n&&(r=!1),r)return;const{layout:s,layoutId:a}=this.options;if(this.isTreeAnimating=Boolean((null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimating)||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!s&&!a)return;Or(this.layoutCorrected,this.layout.layoutBox),function(t,e,n,o=!1){var i,r;const s=n.length;if(!s)return;let a,l;e.x=e.y=1;for(let u=0;u<s;u++)a=n[u],l=a.projectionDelta,"contents"!==(null===(r=null===(i=a.instance)||void 0===i?void 0:i.style)||void 0===r?void 0:r.display)&&(o&&a.options.layoutScroll&&a.scroll&&a!==a.root&&ji(t,{x:-a.scroll.offset.x,y:-a.scroll.offset.y}),l&&(e.x*=l.x.scale,e.y*=l.y.scale,Di(t,l)),o&&Ti(a.latestValues)&&ji(t,a.latestValues));e.x=ki(e.x),e.y=ki(e.y)}(this.layoutCorrected,this.treeScale,this.path,i);const{target:l}=o;if(!l)return;this.projectionDelta||(this.projectionDelta={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}},this.projectionDeltaWithTransform={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}});const u=this.treeScale.x,c=this.treeScale.y,h=this.projectionTransform;di(this.projectionDelta,this.layoutCorrected,l,this.latestValues),this.projectionTransform=Xr(this.projectionDelta,this.treeScale),this.projectionTransform===h&&this.treeScale.x===u&&this.treeScale.y===c||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",l))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(t=!0){var e,n,o;null===(n=(e=this.options).scheduleRender)||void 0===n||n.call(e),t&&(null===(o=this.getStack())||void 0===o||o.scheduleRender()),this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}setAnimationOrigin(t,e=!1){var n,o;const i=this.snapshot,r=(null==i?void 0:i.latestValues)||{},s={...this.latestValues},a={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};this.relativeTarget=this.relativeTargetOrigin=void 0,this.attemptToResolveRelativeTarget=!e;const l={x:{min:0,max:0},y:{min:0,max:0}},u=(null==i?void 0:i.source)!==(null===(n=this.layout)||void 0===n?void 0:n.source),c=((null===(o=this.getStack())||void 0===o?void 0:o.members.length)||0)<=1,h=Boolean(u&&!c&&!0===this.options.crossfade&&!this.path.some(hs));this.animationProgress=0,this.mixTargetDelta=e=>{var n;const o=e/1e3;var i,d,p,m;us(a.x,t.x,o),us(a.y,t.y,o),this.setTargetDelta(a),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&(null===(n=this.relativeParent)||void 0===n?void 0:n.layout)&&(fi(l,this.layout.layoutBox,this.relativeParent.layout.layoutBox),i=this.relativeTarget,d=this.relativeTargetOrigin,p=l,m=o,cs(i.x,d.x,p.x,m),cs(i.y,d.y,p.y,m)),u&&(this.animationValues=s,function(t,e,n,o,i,r){i?(t.opacity=An(0,void 0!==n.opacity?n.opacity:1,Lr(o)),t.opacityExit=An(void 0!==e.opacity?e.opacity:1,0,Dr(o))):r&&(t.opacity=An(void 0!==e.opacity?e.opacity:1,void 0!==n.opacity?n.opacity:1,o));for(let i=0;i<Vr;i++){const r=`border${Tr[i]}Radius`;let s=Rr(e,r),a=Rr(n,r);if(void 0===s&&void 0===a)continue;s||(s=0),a||(a=0);0===s||0===a||Mr(s)===Mr(a)?(t[r]=Math.max(An(Cr(s),Cr(a),o),0),(it.test(a)||it.test(s))&&(t[r]+="%")):t[r]=a}(e.rotate||n.rotate)&&(t.rotate=An(e.rotate||0,n.rotate||0,o))}(s,r,this.latestValues,o,h,c)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=o},this.mixTargetDelta(0)}startAnimation(t){var e,n;this.notifyListeners("animationStart"),null===(e=this.currentAnimation)||void 0===e||e.stop(),this.resumingFrom&&(null===(n=this.resumingFrom.currentAnimation)||void 0===n||n.stop()),this.pendingAnimation&&(eo.update(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=to.update(()=>{S.hasAnimatedSinceResize=!0,this.currentAnimation=Sr(0,1e3,{...t,onUpdate:e=>{var n;this.mixTargetDelta(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:()=>{var e;null===(e=t.onComplete)||void 0===e||e.call(t),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){var t;this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0),null===(t=this.getStack())||void 0===t||t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){var t;this.currentAnimation&&(null===(t=this.mixTargetDelta)||void 0===t||t.call(this,1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead();let{targetWithTransforms:e,target:n,layout:o,latestValues:i}=t;if(e&&n&&o){if(this!==t&&this.layout&&o&&fs(this.options.animationType,this.layout.layoutBox,o.layoutBox)){n=this.target||{x:{min:0,max:0},y:{min:0,max:0}};const e=ui(this.layout.layoutBox.x);n.x.min=t.target.x.min,n.x.max=n.x.min+e;const o=ui(this.layout.layoutBox.y);n.y.min=t.target.y.min,n.y.max=n.y.min+o}Or(e,n),ji(e,i),di(this.projectionDeltaWithTransform,this.layoutCorrected,e,i)}}registerSharedNode(t,e){var n,o,i;this.sharedNodes.has(t)||this.sharedNodes.set(t,new Yr);this.sharedNodes.get(t).add(e),e.promote({transition:null===(n=e.options.initialPromotionConfig)||void 0===n?void 0:n.transition,preserveFollowOpacity:null===(i=null===(o=e.options.initialPromotionConfig)||void 0===o?void 0:o.shouldPreserveFollowOpacity)||void 0===i?void 0:i.call(o,e)})}isLead(){const t=this.getStack();return!t||t.lead===this}getLead(){var t;const{layoutId:e}=this.options;return e&&(null===(t=this.getStack())||void 0===t?void 0:t.lead)||this}getPrevLead(){var t;const{layoutId:e}=this.options;return e?null===(t=this.getStack())||void 0===t?void 0:t.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote({needsReset:t,transition:e,preserveFollowOpacity:n}={}){const o=this.getStack();o&&o.promote(this,n),t&&(this.projectionDelta=void 0,this.needsReset=!0),e&&this.setOptions({transition:e})}relegate(){const t=this.getStack();return!!t&&t.relegate(this)}resetRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:n}=t;if((n.rotate||n.rotateX||n.rotateY||n.rotateZ)&&(e=!0),!e)return;const o={};for(let e=0;e<Zr.length;e++){const i="rotate"+Zr[e];n[i]&&(o[i]=n[i],t.setStaticValue(i,0))}null==t||t.render();for(const e in o)t.setStaticValue(e,o[e]);t.scheduleRender()}getProjectionStyles(t={}){var e,n,o;const i={};if(!this.instance||this.isSVG)return i;if(!this.isVisible)return{visibility:"hidden"};i.visibility="";const r=null===(e=this.options.visualElement)||void 0===e?void 0:e.getProps().transformTemplate;if(this.needsReset)return this.needsReset=!1,i.opacity="",i.pointerEvents=jt(t.pointerEvents)||"",i.transform=r?r(this.latestValues,""):"none",i;const s=this.getLead();if(!this.projectionDelta||!this.layout||!s.target){const e={};return this.options.layoutId&&(e.opacity=void 0!==this.latestValues.opacity?this.latestValues.opacity:1,e.pointerEvents=jt(t.pointerEvents)||""),this.hasProjected&&!Ti(this.latestValues)&&(e.transform=r?r({},""):"none",this.hasProjected=!1),e}const a=s.animationValues||s.latestValues;this.applyTransformsToTarget(),i.transform=Xr(this.projectionDeltaWithTransform,this.treeScale,a),r&&(i.transform=r(a,i.transform));const{x:l,y:u}=this.projectionDelta;i.transformOrigin=`${100*l.origin}% ${100*u.origin}% 0`,s.animationValues?i.opacity=s===this?null!==(o=null!==(n=a.opacity)&&void 0!==n?n:this.latestValues.opacity)&&void 0!==o?o:1:this.preserveOpacity?this.latestValues.opacity:a.opacityExit:i.opacity=s===this?void 0!==a.opacity?a.opacity:"":void 0!==a.opacityExit?a.opacityExit:0;for(const t in F){if(void 0===a[t])continue;const{correct:e,applyTo:n}=F[t],o=e(a[t],s);if(n){const t=n.length;for(let e=0;e<t;e++)i[n[e]]=o}else i[t]=o}return this.options.layoutId&&(i.pointerEvents=s===this?jt(t.pointerEvents)||"":"none"),i}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(t=>{var e;return null===(e=t.currentAnimation)||void 0===e?void 0:e.stop()}),this.root.nodes.forEach(ns),this.root.sharedNodes.clear()}}}function Jr(t){t.updateLayout()}function Qr(t){var e,n,o;const i=(null===(e=t.resumeFrom)||void 0===e?void 0:e.snapshot)||t.snapshot;if(t.isLead()&&t.layout&&i&&t.hasListeners("didUpdate")){const{layoutBox:e,measuredBox:n}=t.layout,{animationType:o}=t.options,r=i.source!==t.layout.source;"size"===o?bi(t=>{const n=r?i.measuredBox[t]:i.layoutBox[t],o=ui(n);n.min=e[t].min,n.max=n.min+o}):fs(o,i.layoutBox,e)&&bi(t=>{const n=r?i.measuredBox[t]:i.layoutBox[t],o=ui(e[t]);n.max=n.min+o});const s={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};di(s,e,i.layoutBox);const a={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};r?di(a,t.applyTransform(n,!0),i.measuredBox):di(a,e,i.layoutBox);const l=!Wr(s);let u=!1;if(!t.resumeFrom){const n=t.getClosestProjectingParent();if(n&&!n.resumeFrom){const{snapshot:t,layout:o}=n;if(t&&o){const n={x:{min:0,max:0},y:{min:0,max:0}};fi(n,i.layoutBox,t.layoutBox);const r={x:{min:0,max:0},y:{min:0,max:0}};fi(r,e,o.layoutBox),$r(n,r)||(u=!0)}}}t.notifyListeners("didUpdate",{layout:e,snapshot:i,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeTargetChanged:u})}else t.isLead()&&(null===(o=(n=t.options).onExitComplete)||void 0===o||o.call(n));t.options.transition=void 0}function ts(t){t.isProjectionDirty||(t.isProjectionDirty=Boolean(t.parent&&t.parent.isProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=Boolean(t.parent&&t.parent.isTransformDirty))}function es(t){t.clearSnapshot()}function ns(t){t.clearMeasurements()}function os(t){const{visualElement:e}=t.options;(null==e?void 0:e.getProps().onBeforeLayoutMeasure)&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function is(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function rs(t){t.resolveTargetDelta()}function ss(t){t.calcProjection()}function as(t){t.resetRotation()}function ls(t){t.removeLeadSnapshot()}function us(t,e,n){t.translate=An(e.translate,0,n),t.scale=An(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function cs(t,e,n,o){t.min=An(e.min,n.min,o),t.max=An(e.max,n.max,o)}function hs(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const ds={duration:.45,ease:[.4,0,.1,1]};function ps(t,e){let n=t.root;for(let e=t.path.length-1;e>=0;e--)if(Boolean(t.path[e].instance)){n=t.path[e];break}const o=(n&&n!==t.root?n.instance:document).querySelector(`[data-projection-id="${e}"]`);o&&t.mount(o,!0)}function ms(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function fs(t,e,n){return"position"===t||"preserve-aspect"===t&&!ci(Hr(e),Hr(n),.2)}const gs=_r({attachResizeListener:(t,e)=>Yt(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),ys={current:void 0},vs=_r({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!ys.current){const t=new gs(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),ys.current=t}return ys.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>Boolean("fixed"===window.getComputedStyle(t).position)}),xs={...Qo,...Ve,...$i,...Pr},ws=k((t,e)=>$t(t,e,xs,vr,vs));const Es=k($t);function bs(){const t=e.useRef(!1);return h(()=>(t.current=!0,()=>{t.current=!1}),[]),t}function As(){const t=bs(),[n,o]=e.useState(0),i=e.useCallback(()=>{t.current&&o(n+1)},[n]);return[e.useCallback(()=>to.postRender(i),[i]),n]}class Ps extends r.Component{getSnapshotBeforeUpdate(t){const e=this.props.childRef.current;if(e&&t.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function Ss({children:t,isPresent:n}){const o=e.useId(),i=e.useRef(null),s=e.useRef({width:0,height:0,top:0,left:0});return e.useInsertionEffect(()=>{const{width:t,height:e,top:r,left:a}=s.current;if(n||!i.current||!t||!e)return;i.current.dataset.motionPopId=o;const l=document.createElement("style");return document.head.appendChild(l),l.sheet&&l.sheet.insertRule(`\n [data-motion-pop-id="${o}"] {\n position: absolute !important;\n width: ${t}px !important;\n height: ${e}px !important;\n top: ${r}px !important;\n left: ${a}px !important;\n }\n `),()=>{document.head.removeChild(l)}},[n]),r.createElement(Ps,{isPresent:n,childRef:i,sizeRef:s},r.cloneElement(t,{ref:i}))}const Ts=({children:t,initial:n,isPresent:o,onExitComplete:i,custom:s,presenceAffectsLayout:a,mode:l})=>{const c=P(Vs),h=e.useId(),d=e.useMemo(()=>({id:h,initial:n,isPresent:o,custom:s,onExitComplete:t=>{c.set(t,!0);for(const t of c.values())if(!t)return;i&&i()},register:t=>(c.set(t,!1),()=>c.delete(t))}),a?void 0:[o]);return e.useMemo(()=>{c.forEach((t,e)=>c.set(e,!1))},[o]),r.useEffect(()=>{!o&&!c.size&&i&&i()},[o]),"popLayout"===l&&(t=r.createElement(Ss,{isPresent:o},t)),r.createElement(u.Provider,{value:d},t)};function Vs(){return new Map}const Cs=t=>t.key||"";const Ms=e.createContext(null),Rs=t=>!t.isLayoutDirty&&t.willUpdate(!1);function Ls(){const t=new Set,e=new WeakMap,n=()=>t.forEach(Rs);return{add:o=>{t.add(o),e.set(o,o.addEventListener("willUpdate",n))},remove:o=>{var i;t.delete(o),null===(i=e.get(o))||void 0===i||i(),e.delete(o),n()},dirty:n}}const Ds=t=>!0===t,ks=({children:t,id:n,inheritId:o,inherit:i=!0})=>{void 0!==o&&(i=o);const s=e.useContext(V),a=e.useContext(Ms),[l,u]=As(),c=e.useRef(null),h=s.id||a;null===c.current&&((t=>Ds(!0===t)||"id"===t)(i)&&h&&(n=n?h+"-"+n:h),c.current={id:n,group:Ds(i)&&s.group||Ls()});const d=e.useMemo(()=>({...c.current,forceRender:l}),[u]);return r.createElement(V.Provider,{value:d},t)};let Bs=0;function Os(t){return"function"==typeof t}const Fs=e.createContext(null);const Is=e.forwardRef((function({children:t,as:n="ul",axis:o="y",onReorder:i,values:s,...a},l){const u=P(()=>ws(n)),c=[],h=e.useRef(!1),d={axis:o,registerItem:(t,e)=>{e&&-1===c.findIndex(e=>t===e.value)&&(c.push({value:t,layout:e[o]}),c.sort(Us))},updateOrder:(t,e,n)=>{if(h.current)return;const o=function(t,e,n,o){if(!o)return t;const i=t.findIndex(t=>t.value===e);if(-1===i)return t;const r=o>0?1:-1,s=t[i+r];if(!s)return t;const a=t[i],l=s.layout,u=An(l.min,l.max,.5);return 1===r&&a.layout.max+n>u||-1===r&&a.layout.min+n<u?function([...t],e,n){const o=e<0?t.length+e:e;if(o>=0&&o<t.length){const o=n<0?t.length+n:n,[i]=t.splice(e,1);t.splice(o,0,i)}return t}(t,i,i+r):t}(c,t,e,n);c!==o&&(h.current=!0,i(o.map(js).filter(t=>-1!==s.indexOf(t))))}};return e.useEffect(()=>{h.current=!1}),r.createElement(u,{...a,ref:l},r.createElement(Fs.Provider,{value:d},t))}));function js(t){return t.value}function Us(t,e){return t.layout.min-e.layout.min}function Ns(t){const n=P(()=>So(t)),{isStatic:o}=e.useContext(s);if(o){const[,o]=e.useState(t);e.useEffect(()=>n.onChange(o),[])}return n}function zs(...t){const e=!Array.isArray(t[0]),n=e?0:-1,o=t[0+n],i=t[1+n],r=t[2+n],s=t[3+n],a=Fn(i,r,{mixer:(l=r[0],(t=>"object"==typeof t&&t.mix)(l)?l.mix:void 0),...s});var l;return e?a(o):a}function Ws(t,e){const n=Ns(e()),o=()=>n.set(e());return o(),function(t,e,n){h(()=>{const o=t.map(t=>t.onChange(e));return()=>{o.forEach(t=>t()),n()}})}(t,()=>to.update(o,!1,!0),()=>eo.update(o)),n}function $s(t,e,n,o){const i="function"==typeof e?e:zs(e,n,o);return Array.isArray(t)?Hs(t,i):Hs([t],([t])=>i(t))}function Hs(t,e){const n=P(()=>[]);return Ws(t,()=>{n.length=0;const o=t.length;for(let e=0;e<o;e++)n[e]=t[e].get();return e(n)})}function Ys(t,e=0){return z(t)?t:Ns(e)}const Xs={Group:Is,Item:e.forwardRef((function({children:t,style:n={},value:o,as:i="li",onDrag:s,layout:a=!0,...l},u){const c=P(()=>ws(i)),h=e.useContext(Fs),d={x:Ys(n.x),y:Ys(n.y)},p=$s([d.x,d.y],([t,e])=>t||e?1:"unset"),m=e.useRef(null),{axis:f,registerItem:g,updateOrder:y}=h;return e.useEffect(()=>{g(o,m.current)},[h]),r.createElement(c,{drag:f,...l,dragSnapToOrigin:!0,style:{...n,x:d.x,y:d.y,zIndex:p},layout:a,onDrag:(t,e)=>{const{velocity:n}=e;n[f]&&y(o,d[f].get(),n[f]),s&&s(t,e)},onLayoutMeasure:t=>{m.current=t},ref:u},t)}))},Gs={renderer:vr,...Qo,...Ve},qs={...Gs,...$i,...Pr,projectionNodeConstructor:vs};const Zs=t=>"number"==typeof t;function Ks(t,e){return(t=>Array.isArray(t)&&!Zs(t[0]))(t)?t[((t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t})(0,t.length,e)]:t}const _s=(t,e,n)=>-n*t+n*e+t,Js=t=>t,Qs=(t,e,n)=>e-t==0?1:(n-t)/(e-t);function ta(t,e){const n=t[t.length-1];for(let o=1;o<=e;o++){const i=Qs(0,e,o);t.push(_s(n,1,i))}}function ea(t){const e=[0];return ta(e,t-1),e}function na(t,e=ea(t.length),n=Js){const o=t.length,i=o-e.length;return i>0&&ta(e,i),i=>{let r=0;for(;r<o-2&&!(i<e[r+1]);r++);let s=(a=0,l=1,u=Qs(e[r],e[r+1],i),Math.min(Math.max(u,a),l));var a,l,u;return s=Ks(n,r)(s),_s(t[r],t[r+1],s)}}const oa=t=>"function"==typeof t,ia=t=>"string"==typeof t;function ra(t,e){var n;return"string"==typeof t?e?(null!==(n=e[t])&&void 0!==n||(e[t]=document.querySelectorAll(t)),t=e[t]):t=document.querySelectorAll(t):t instanceof Element&&(t=[t]),Array.from(t||[])}const sa={any:0,all:1};const aa=new WeakMap;let la;function ua({target:t,contentRect:e,borderBoxSize:n}){var o;null===(o=aa.get(t))||void 0===o||o.forEach(o=>{o({target:t,contentSize:e,get size(){return function(t,e){if(e){const{inlineSize:t,blockSize:n}=e[0];return{width:t,height:n}}return t instanceof SVGElement&&"getBBox"in t?t.getBBox():{width:t.offsetWidth,height:t.offsetHeight}}(t,n)}})})}function ca(t){t.forEach(ua)}function ha(t,e){la||"undefined"!=typeof ResizeObserver&&(la=new ResizeObserver(ca));const n=ra(t);return n.forEach(t=>{let n=aa.get(t);n||(n=new Set,aa.set(t,n)),n.add(e),null==la||la.observe(t)}),()=>{n.forEach(t=>{const n=aa.get(t);null==n||n.delete(e),(null==n?void 0:n.size)||null==la||la.unobserve(t)})}}const da=new Set;let pa;function ma(t){return da.add(t),pa||(pa=()=>{const t={width:window.innerWidth,height:window.innerHeight},e={target:window,size:t,contentSize:t};da.forEach(t=>t(e))},window.addEventListener("resize",pa)),()=>{da.delete(t),!da.size&&pa&&(pa=void 0)}}const fa={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function ga(t,e,n,o){const i=n[e],{length:r,position:s}=fa[e],a=i.current,l=n.time;i.current=t["scroll"+s],i.scrollLength=t["scroll"+r]-t["client"+r],i.offset.length=0,i.offset[0]=0,i.offset[1]=i.scrollLength,i.progress=Qs(0,i.scrollLength,i.current);const u=o-l;var c,h;i.velocity=u>50?0:(c=i.current-a,(h=u)?c*(1e3/h):0)}const ya={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},va={start:0,center:.5,end:1};function xa(t,e,n=0){let o=0;if(void 0!==va[t]&&(t=va[t]),ia(t)){const e=parseFloat(t);t.endsWith("px")?o=e:t.endsWith("%")?t=e/100:t.endsWith("vw")?o=e/100*document.documentElement.clientWidth:t.endsWith("vh")?o=e/100*document.documentElement.clientHeight:t=e}return Zs(t)&&(o=e*t),n+o}const wa=[0,0];function Ea(t,e,n,o){let i=Array.isArray(t)?t:wa,r=0,s=0;return Zs(t)?i=[t,t]:ia(t)&&(i=(t=t.trim()).includes(" ")?t.split(" "):[t,va[t]?t:"0"]),r=xa(i[0],n,o),s=xa(i[1],e),r-s}const ba={x:0,y:0};function Aa(t,e,n){let{offset:o=ya.All}=n;const{target:i=t,axis:r="y"}=n,s="y"===r?"height":"width",a=i!==t?function(t,e){let n={x:0,y:0},o=t;for(;o&&o!==e;)if(o instanceof HTMLElement)n.x+=o.offsetLeft,n.y+=o.offsetTop,o=o.offsetParent;else if(o instanceof SVGGraphicsElement&&"getBBox"in o){const{top:t,left:e}=o.getBBox();for(n.x+=e,n.y+=t;o&&"svg"!==o.tagName;)o=o.parentNode}return n}(i,t):ba,l=i===t?{width:t.scrollWidth,height:t.scrollHeight}:{width:i.clientWidth,height:i.clientHeight},u={width:t.clientWidth,height:t.clientHeight};e[r].offset.length=0;let c=!e[r].interpolate;const h=o.length;for(let t=0;t<h;t++){const n=Ea(o[t],u[s],l[s],a[r]);c||n===e[r].interpolatorOffsets[t]||(c=!0),e[r].offset[t]=n}c&&(e[r].interpolate=na(ea(h),e[r].offset),e[r].interpolatorOffsets=[...e[r].offset]),e[r].progress=e[r].interpolate(e[r].current)}function Pa(t,e,n,o={}){const i=o.axis||"y";return{measure:()=>function(t,e=t,n){if(n.x.targetOffset=0,n.y.targetOffset=0,e!==t){let o=e;for(;o&&o!=t;)n.x.targetOffset+=o.offsetLeft,n.y.targetOffset+=o.offsetTop,o=o.offsetParent}n.x.targetLength=e===t?e.scrollWidth:e.clientWidth,n.y.targetLength=e===t?e.scrollHeight:e.clientHeight,n.x.containerLength=t.clientWidth,n.y.containerLength=t.clientHeight}(t,o.target,n),update:e=>{!function(t,e,n){ga(t,"x",e,n),ga(t,"y",e,n),e.time=n}(t,n,e),(o.offset||o.target)&&Aa(t,n,o)},notify:oa(e)?()=>e(n):Sa(e,n[i])}}function Sa(t,e){return t.pause(),t.forEachNative((t,{easing:e})=>{var n,o;if(t.updateDuration)e||(t.easing=Js),t.updateDuration(1);else{const i={duration:1e3};e||(i.easing="linear"),null===(o=null===(n=t.effect)||void 0===n?void 0:n.updateTiming)||void 0===o||o.call(n,i)}}),()=>{t.currentTime=e.progress}}const Ta=new WeakMap,Va=new WeakMap,Ca=new WeakMap,Ma=t=>t===document.documentElement?window:t;function Ra(t,e={}){var{container:n=document.documentElement}=e,o=function(t,e){var n={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(t);i<o.length;i++)e.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(t,o[i])&&(n[o[i]]=t[o[i]])}return n}(e,["container"]);let i=Ca.get(n);i||(i=new Set,Ca.set(n,i));const r=Pa(n,t,{time:0,x:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0},y:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}},o);if(i.add(r),!Ta.has(n)){const t=()=>{const t=performance.now();for(const t of i)t.measure();for(const e of i)e.update(t);for(const t of i)t.notify()};Ta.set(n,t);const e=Ma(n);window.addEventListener("resize",t,{passive:!0}),n!==document.documentElement&&Va.set(n,(a=t,oa(s=n)?ma(s):ha(s,a))),e.addEventListener("scroll",t,{passive:!0})}var s,a;const l=Ta.get(n),u=requestAnimationFrame(l);return()=>{var e;"function"!=typeof t&&t.stop(),cancelAnimationFrame(u);const o=Ca.get(n);if(!o)return;if(o.delete(r),o.size)return;const i=Ta.get(n);Ta.delete(n),i&&(Ma(n).removeEventListener("scroll",i),null===(e=Va.get(n))||void 0===e||e(),window.removeEventListener("resize",i))}}const La=()=>({scrollX:So(0),scrollY:So(0),scrollXProgress:So(0),scrollYProgress:So(0)});function Da({container:t,target:n,layoutEffect:o=!0,...i}={}){const r=P(La);return(o?h:e.useEffect)(()=>Ra(({x:t,y:e})=>{r.scrollX.set(t.current),r.scrollXProgress.set(t.progress),r.scrollY.set(e.current),r.scrollYProgress.set(e.progress)},{...i,container:(null==t?void 0:t.current)||void 0,target:(null==n?void 0:n.current)||void 0}),[]),r}function ka(t){const n=e.useRef(0),{isStatic:o}=e.useContext(s);e.useEffect(()=>{if(o)return;const e=({timestamp:e,delta:o})=>{n.current||(n.current=e),t(e-n.current,o)};return to.update(e,!0),()=>eo.update(e)},[t])}class Ba extends Po{constructor(){super(...arguments),this.members=[],this.transforms=new Set}add(t){let e;U.has(t)?(this.transforms.add(t),e="transform"):t.startsWith("origin")||Y(t)||"willChange"===t||(e=Mt(t)),e&&(Eo(this.members,e),this.update())}remove(t){U.has(t)?(this.transforms.delete(t),this.transforms.size||bo(this.members,"transform")):bo(this.members,Mt(t)),this.update()}update(){this.set(this.members.length?this.members.join(", "):"auto")}}function Oa(){!ar.current&&lr();const[t]=e.useState(sr.current);return t}function Fa(){let t=!1;const e=[],n=new Set,o={subscribe:t=>(n.add(t),()=>{n.delete(t)}),start(o,i){if(t){const t=[];return n.forEach(e=>{t.push(Wo(e,o,{transitionOverride:i}))}),Promise.all(t)}return new Promise(t=>{e.push({animation:[o,i],resolve:t})})},set:t=>n.forEach(e=>{!function(t,e){Array.isArray(e)?Bo(t,e):"string"==typeof e?Bo(t,[e]):ko(t,e)}(e,t)}),stop(){n.forEach(t=>{!function(t){t.values.forEach(t=>t.stop())}(t)})},mount:()=>(t=!0,e.forEach(({animation:t,resolve:e})=>{o.start(...t).then(e)}),()=>{t=!1,o.stop()})};return o}function Ia(){const t=P(Fa);return e.useEffect(t.mount,[]),t}const ja=Ia,Ua=(t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t};class Na{constructor(){this.componentControls=new Set}subscribe(t){return this.componentControls.add(t),()=>this.componentControls.delete(t)}start(t,e){this.componentControls.forEach(n=>{n.start(t.nativeEvent||t,e)})}}const za=()=>new Na;function Wa(t){return null!==t&&"object"==typeof t&&R in t}function $a(){return Ha}function Ha(t){ys.current&&(ys.current.isUpdating=!1,ys.current.blockUpdate(),t&&t())}const Ya={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},Xa={},Ga={};for(const t in Ya)Ga[t]=()=>(void 0===Xa[t]&&(Xa[t]=Ya[t]()),Xa[t]);const qa=([t,e,n,o])=>`cubic-bezier(${t}, ${e}, ${n}, ${o})`;const Za=()=>({});class Ka extends dr{build(){}measureInstanceViewportBox(){return{x:{min:0,max:0},y:{min:0,max:0}}}resetTransform(){}restoreTransform(){}removeValueFromRenderState(){}renderInstance(){}scrapeMotionValuesFromProps(){return{}}getBaseTargetFromProps(){}readValueFromInstance(t,e,n){return n.initialState[e]||0}sortInstanceNodePosition(){return 0}makeTargetAnimatableFromInstance({transition:t,transitionEnd:e,...n}){return Oo(this,n,Io(n,t||{},this)),{transition:t,transitionEnd:e,...n}}}const _a=Ut({scrapeMotionValuesFromProps:Za,createRenderState:Za});const Ja=t=>t>.001?1/t:1e5;t.AnimatePresence=({children:t,custom:n,initial:o=!0,onExitComplete:i,exitBeforeEnter:s,presenceAffectsLayout:a=!0,mode:l="sync"})=>{s&&(l="wait",ye(!1,"Replace exitBeforeEnter with mode='wait'"));let[u]=As();const c=e.useContext(V).forceRender;c&&(u=c);const d=bs(),p=function(t){const n=[];return e.Children.forEach(t,t=>{e.isValidElement(t)&&n.push(t)}),n}(t);let m=p;const f=new Set,g=e.useRef(m),y=e.useRef(new Map).current,v=e.useRef(!0);if(h(()=>{v.current=!1,function(t,e){t.forEach(t=>{const n=Cs(t);e.set(n,t)})}(p,y),g.current=m}),de(()=>{v.current=!0,y.clear(),f.clear()}),v.current)return r.createElement(r.Fragment,null,m.map(t=>r.createElement(Ts,{key:Cs(t),isPresent:!0,initial:!!o&&void 0,presenceAffectsLayout:a,mode:l},t)));m=[...m];const x=g.current.map(Cs),w=p.map(Cs),E=x.length;for(let t=0;t<E;t++){const e=x[t];-1===w.indexOf(e)&&f.add(e)}return"wait"===l&&f.size&&(m=[]),f.forEach(t=>{if(-1!==w.indexOf(t))return;const e=y.get(t);if(!e)return;const o=x.indexOf(t);m.splice(o,0,r.createElement(Ts,{key:Cs(e),isPresent:!1,onExitComplete:()=>{y.delete(t),f.delete(t);const e=g.current.findIndex(e=>e.key===t);if(g.current.splice(e,1),!f.size){if(g.current=p,!1===d.current)return;u(),i&&i()}},custom:n,presenceAffectsLayout:a,mode:l},e))}),m=m.map(t=>{const e=t.key;return f.has(e)?t:r.createElement(Ts,{key:Cs(t),isPresent:!0,presenceAffectsLayout:a,mode:l},t)}),"production"!==fe&&"wait"===l&&m.length>1&&console.warn('You\'re attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.'),r.createElement(r.Fragment,null,f.size?m:m.map(t=>e.cloneElement(t)))},t.AnimateSharedLayout=({children:t})=>(r.useEffect(()=>{},[]),r.createElement(ks,{id:P(()=>"asl-"+Bs++)},t)),t.DeprecatedLayoutGroupContext=Ms,t.DragControls=Na,t.FlatTree=qr,t.LayoutGroup=ks,t.LayoutGroupContext=V,t.LazyMotion=function({children:t,features:n,strict:o=!1}){const[,i]=e.useState(!Os(n)),s=e.useRef(void 0);if(!Os(n)){const{renderer:t,...e}=n;s.current=t,A(e)}return e.useEffect(()=>{Os(n)&&n().then(({renderer:t,...e})=>{A(e),s.current=t,i(!0)})},[]),r.createElement(d.Provider,{value:{renderer:s.current,strict:o}},t)},t.MotionConfig=function({children:t,isValidProp:n,...o}){n&&xt(n),(o={...e.useContext(s),...o}).isStatic=P(()=>o.isStatic);const i=e.useMemo(()=>o,[JSON.stringify(o.transition),o.transformPagePoint,o.reducedMotion]);return r.createElement(s.Provider,{value:i},t)},t.MotionConfigContext=s,t.MotionContext=a,t.MotionValue=Po,t.PresenceContext=u,t.Reorder=Xs,t.SwitchLayoutGroupContext=M,t.VisualElement=dr,t.addPointerEvent=oe,t.addScaleCorrector=I,t.animate=Sr,t.animateVisualElement=Wo,t.animationControls=Fa,t.animations=Qo,t.buildTransform=H,t.calcLength=ui,t.checkTargetForNewValues=Oo,t.clamp=G,t.createBox=Ei,t.createDomMotionComponent=function(t){return L($t(t,{forwardMotionProps:!1},xs,vr,vs))},t.createMotionComponent=L,t.delay=co,t.distance=ti,t.distance2D=ei,t.domAnimation=Gs,t.domMax=qs,t.filterProps=wt,t.isBrowser=c,t.isDragActive=ue,t.isMotionComponent=Wa,t.isMotionValue=z,t.isValidMotionProp=yt,t.m=Es,t.makeUseVisualState=Ut,t.mix=An,t.motion=ws,t.motionValue=So,t.optimizedAppearDataAttribute=zo,t.pipe=me,t.resolveMotionValue=jt,t.spring=Hn,t.startOptimizedAppearAnimation=function(t,e,n,o){window.MotionAppearAnimations||(window.MotionAppearAnimations=new Map);const i=t.dataset.framerAppearId,r=function(t,e,n,{delay:o,duration:i,ease:r}){if(!Ga.waapi())return;return t.animate({[e]:n},{delay:o,duration:i,easing:Array.isArray(r)?qa(r):r,fill:"both"})}(t,e,n,o);return i&&r&&window.MotionAppearAnimations.set(Uo(i,e),r),r},t.transform=zs,t.unwrapMotionComponent=function(t){if(Wa(t))return t[R]},t.useAnimation=ja,t.useAnimationControls=Ia,t.useAnimationFrame=ka,t.useCycle=function(...t){const n=e.useRef(0),[o,i]=e.useState(t[n.current]);return[o,e.useCallback(e=>{n.current="number"!=typeof e?Ua(0,t.length,n.current+1):e,i(t[n.current])},[t.length,...t])]},t.useDeprecatedAnimatedState=function(t){const[n,o]=e.useState(t),i=_a({},!1),r=P(()=>new Ka({props:{},visualState:i},{initialState:t}));return e.useEffect(()=>(r.mount({}),()=>r.unmount()),[r]),e.useEffect(()=>{r.setProps({onUpdate:t=>{o({...t})}})},[o,r]),[n,P(()=>t=>Wo(r,t))]},t.useDeprecatedInvertedScale=function(t){let e=Ns(1),n=Ns(1);const o=l();return t?(e=t.scaleX||e,n=t.scaleY||n):o&&(e=o.getValue("scaleX",1),n=o.getValue("scaleY",1)),{scaleX:$s(e,Ja),scaleY:$s(n,Ja)}},t.useDomEvent=Xt,t.useDragControls=function(){return P(za)},t.useElementScroll=function(t){return ye(!1,"useElementScroll is deprecated. Convert to useScroll({ container: ref })."),Da({container:t})},t.useForceUpdate=As,t.useInView=function(t,{root:n,margin:o,amount:i,once:r=!1}={}){const[s,a]=e.useState(!1);return e.useEffect(()=>{if(!t.current||r&&s)return;const e={root:n&&n.current||void 0,margin:o,amount:"some"===i?"any":i};return function(t,e,{root:n,margin:o,amount:i="any"}={}){if("undefined"==typeof IntersectionObserver)return()=>{};const r=ra(t),s=new WeakMap,a=new IntersectionObserver(t=>{t.forEach(t=>{const n=s.get(t.target);if(t.isIntersecting!==Boolean(n))if(t.isIntersecting){const n=e(t);oa(n)?s.set(t.target,n):a.unobserve(t.target)}else n&&(n(t),s.delete(t.target))})},{root:n,rootMargin:o,threshold:"number"==typeof i?i:sa[i]});return r.forEach(t=>a.observe(t)),()=>a.disconnect()}(t.current,()=>(a(!0),r?void 0:()=>a(!1)),e)},[n,t,o,r]),s},t.useInstantLayoutTransition=$a,t.useInstantTransition=function(){const[t,n]=As(),o=$a();return e.useEffect(()=>{to.postRender(()=>to.postRender(()=>bn.current=!1))},[n]),e=>{o(()=>{bn.current=!0,t(),e()})}},t.useIsPresent=function(){return null===(t=e.useContext(u))||t.isPresent;var t},t.useIsomorphicLayoutEffect=h,t.useMotionTemplate=function(t,...e){const n=t.length;return Ws(e,(function(){let o="";for(let i=0;i<n;i++){o+=t[i];e[i]&&(o+=e[i].get())}return o}))},t.useMotionValue=Ns,t.usePresence=Ce,t.useReducedMotion=Oa,t.useReducedMotionConfig=function(){const t=Oa(),{reducedMotion:n}=e.useContext(s);return"never"!==n&&("always"===n||t)},t.useResetProjection=function(){return r.useCallback(()=>{const t=ys.current;t&&t.resetTree()},[])},t.useScroll=Da,t.useSpring=function(t,n={}){const{isStatic:o}=e.useContext(s),i=e.useRef(null),r=Ns(z(t)?t.get():t);return e.useMemo(()=>r.attach((t,e)=>o?e(t):(i.current&&i.current.stop(),i.current=uo({from:r.get(),to:t,velocity:r.getVelocity(),type:"spring",...n,onUpdate:e}),r.get())),[JSON.stringify(n)]),function(t,e){h(()=>{if(z(t))return e(t.get()),t.onChange(e)},[t,e])}(t,t=>r.set(parseFloat(t))),r},t.useTime=function(){const t=Ns(0);return ka(e=>t.set(e)),t},t.useTransform=$s,t.useUnmountEffect=de,t.useVelocity=function(t){const n=Ns(t.getVelocity());return e.useEffect(()=>t.velocityUpdateSubscribers.add(t=>{n.set(t)}),[t]),n},t.useViewportScroll=function(){return ye(!1,"useViewportScroll is deprecated. Convert to useScroll()."),Da()},t.useVisualElementContext=l,t.useWillChange=function(){return P(()=>new Ba("auto"))},t.wrap=Ua,t.wrapHandler=Qt,Object.defineProperty(t,"__esModule",{value:!0})}));
1
+ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Motion={},t.React)}(this,(function(t,e){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function o(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var i=n(e),r=o(e);const s=e.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),a=e.createContext({});function l(){return e.useContext(a).visualElement}const u=e.createContext(null),c="undefined"!=typeof document,h=c?e.useLayoutEffect:e.useEffect,d=e.createContext({strict:!1});function p(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function m(t){return"string"==typeof t||Array.isArray(t)}function f(t){return"object"==typeof t&&"function"==typeof t.start}const g=["initial","animate","exit","whileHover","whileDrag","whileTap","whileFocus","whileInView"];function y(t){return f(t.animate)||g.some(e=>m(t[e]))}function v(t){return Boolean(y(t)||t.variants)}function x(t){const{initial:n,animate:o}=function(t,e){if(y(t)){const{initial:e,animate:n}=t;return{initial:!1===e||m(e)?e:void 0,animate:m(n)?n:void 0}}return!1!==t.inherit?e:{}}(t,e.useContext(a));return e.useMemo(()=>({initial:n,animate:o}),[w(n),w(o)])}function w(t){return Array.isArray(t)?t.join(" "):t}const E=t=>({isEnabled:e=>t.some(t=>!!e[t])}),b={measureLayout:E(["layout","layoutId","drag"]),animation:E(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:E(["exit"]),drag:E(["drag","dragControls"]),focus:E(["whileFocus"]),hover:E(["whileHover","onHoverStart","onHoverEnd"]),tap:E(["whileTap","onTap","onTapStart","onTapCancel"]),pan:E(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:E(["whileInView","onViewportEnter","onViewportLeave"])};function P(t){for(const e in t)"projectionNodeConstructor"===e?b.projectionNodeConstructor=t[e]:b[e].Component=t[e]}function A(t){const n=e.useRef(null);return null===n.current&&(n.current=t()),n.current}const T={hasAnimatedSinceResize:!0,hasEverUpdated:!1};let S=1;const V=e.createContext({});class C extends i.default.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:e}=this.props;return t&&t.setProps(e),null}componentDidUpdate(){}render(){return this.props.children}}const M=e.createContext({}),L=Symbol.for("motionComponentSymbol");function R({preloadedFeatures:t,createVisualElement:n,projectionNodeConstructor:o,useRender:i,useVisualState:m,Component:f}){t&&P(t);const g=e.forwardRef((function(g,y){const v={...e.useContext(s),...g,layoutId:D(g)},{isStatic:w}=v;let E=null;const P=x(g),V=w?void 0:A(()=>{if(T.hasEverUpdated)return S++}),L=m(g,w);if(!w&&c){P.visualElement=function(t,n,o,i){const r=l(),a=e.useContext(d),c=e.useContext(u),p=e.useContext(s).reducedMotion,m=e.useRef();i=i||a.renderer,!m.current&&i&&(m.current=i(t,{visualState:n,parent:r,props:o,presenceId:c?c.id:void 0,blockInitialAnimation:!!c&&!1===c.initial,reducedMotionConfig:p}));const f=m.current;return h(()=>{f&&f.render()}),e.useEffect(()=>{f&&f.animationState&&f.animationState.animateChanges()}),h(()=>()=>f&&f.notify("Unmount"),[]),f}(f,L,v,n);const i=e.useContext(d).strict,r=e.useContext(M);P.visualElement&&(E=P.visualElement.loadFeatures(v,i,t,V,o||b.projectionNodeConstructor,r))}return r.createElement(C,{visualElement:P.visualElement,props:v},E,r.createElement(a.Provider,{value:P},i(f,g,V,function(t,n,o){return e.useCallback(e=>{e&&t.mount&&t.mount(e),n&&(e?n.mount(e):n.unmount()),o&&("function"==typeof o?o(e):p(o)&&(o.current=e))},[n])}(L,P.visualElement,y),L,w,P.visualElement)))}));return g[L]=f,g}function D({layoutId:t}){const n=e.useContext(V).id;return n&&void 0!==t?n+"-"+t:t}function k(t){function e(e,n={}){return R(t(e,n))}if("undefined"==typeof Proxy)return e;const n=new Map;return new Proxy(e,{get:(t,o)=>(n.has(o)||n.set(o,e(o)),n.get(o))})}const B=["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 O(t){return"string"==typeof t&&!t.includes("-")&&!!(B.indexOf(t)>-1||/[A-Z]/.test(t))}const F={};function I(t){Object.assign(F,t)}const j=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],U=new Set(j);function N(t,{layout:e,layoutId:n}){return U.has(t)||t.startsWith("origin")||(e||void 0!==n)&&(!!F[t]||"opacity"===t)}const z=t=>!!(null==t?void 0:t.getVelocity),W={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},$=(t,e)=>j.indexOf(t)-j.indexOf(e);function H({transform:t,transformKeys:e},{enableHardwareAcceleration:n=!0,allowTransformNone:o=!0},i,r){let s="";e.sort($);for(const n of e)s+=`${W[n]||n}(${t[n]}) `;return n&&!t.z&&(s+="translateZ(0)"),s=s.trim(),r?s=r(t,i?"":s):o&&i&&(s="none"),s}function Y(t){return t.startsWith("--")}const X=(t,e)=>e&&"number"==typeof t?e.transform(t):t,G=(t,e,n)=>Math.min(Math.max(n,t),e),q={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},Z={...q,transform:t=>G(0,1,t)},K={...q,default:1},_=t=>Math.round(1e5*t)/1e5,J=/(-)?([\d]*\.?[\d])+/g,Q=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,tt=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function et(t){return"string"==typeof t}const nt=t=>({test:e=>et(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),ot=nt("deg"),it=nt("%"),rt=nt("px"),st=nt("vh"),at=nt("vw"),lt={...it,parse:t=>it.parse(t)/100,transform:t=>it.transform(100*t)},ut={...q,transform:Math.round},ct={borderWidth:rt,borderTopWidth:rt,borderRightWidth:rt,borderBottomWidth:rt,borderLeftWidth:rt,borderRadius:rt,radius:rt,borderTopLeftRadius:rt,borderTopRightRadius:rt,borderBottomRightRadius:rt,borderBottomLeftRadius:rt,width:rt,maxWidth:rt,height:rt,maxHeight:rt,size:rt,top:rt,right:rt,bottom:rt,left:rt,padding:rt,paddingTop:rt,paddingRight:rt,paddingBottom:rt,paddingLeft:rt,margin:rt,marginTop:rt,marginRight:rt,marginBottom:rt,marginLeft:rt,rotate:ot,rotateX:ot,rotateY:ot,rotateZ:ot,scale:K,scaleX:K,scaleY:K,scaleZ:K,skew:ot,skewX:ot,skewY:ot,distance:rt,translateX:rt,translateY:rt,translateZ:rt,x:rt,y:rt,z:rt,perspective:rt,transformPerspective:rt,opacity:Z,originX:lt,originY:lt,originZ:rt,zIndex:ut,fillOpacity:Z,strokeOpacity:Z,numOctaves:ut};function ht(t,e,n,o){const{style:i,vars:r,transform:s,transformKeys:a,transformOrigin:l}=t;a.length=0;let u=!1,c=!1,h=!0;for(const t in e){const n=e[t];if(Y(t)){r[t]=n;continue}const o=ct[t],d=X(n,o);if(U.has(t)){if(u=!0,s[t]=d,a.push(t),!h)continue;n!==(o.default||0)&&(h=!1)}else t.startsWith("origin")?(c=!0,l[t]=d):i[t]=d}if(e.transform||(u||o?i.transform=H(t,n,h,o):i.transform&&(i.transform="none")),c){const{originX:t="50%",originY:e="50%",originZ:n=0}=l;i.transformOrigin=`${t} ${e} ${n}`}}const dt=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function pt(t,e,n){for(const o in e)z(e[o])||N(o,n)||(t[o]=e[o])}function mt(t,n,o){const i={};return pt(i,t.style||{},t),Object.assign(i,function({transformTemplate:t},n,o){return e.useMemo(()=>{const e={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};return ht(e,n,{enableHardwareAcceleration:!o},t),Object.assign({},e.vars,e.style)},[n])}(t,n,o)),t.transformValues?t.transformValues(i):i}function ft(t,e,n){const o={},i=mt(t,e,n);return t.drag&&!1!==t.dragListener&&(o.draggable=!1,i.userSelect=i.WebkitUserSelect=i.WebkitTouchCallout="none",i.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),o.style=i,o}const gt=new Set(["initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","onHoverStart","onHoverEnd","layoutScroll","whileInView","onViewportEnter","onViewportLeave","viewport","whileTap","onTap","onTapStart","onTapCancel","animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView","onPan","onPanStart","onPanSessionStart","onPanEnd"]);function yt(t){return gt.has(t)}let vt=t=>!yt(t);function xt(t){t&&(vt=e=>e.startsWith("on")?!yt(e):t(e))}try{xt(require("@emotion/is-prop-valid").default)}catch(t){}function wt(t,e,n){const o={};for(const i in t)(vt(i)||!0===n&&yt(i)||!e&&!yt(i)||t.draggable&&i.startsWith("onDrag"))&&(o[i]=t[i]);return o}function Et(t,e,n){return"string"==typeof t?t:rt.transform(e+n*t)}const bt={offset:"stroke-dashoffset",array:"stroke-dasharray"},Pt={offset:"strokeDashoffset",array:"strokeDasharray"};function At(t,{attrX:e,attrY:n,originX:o,originY:i,pathLength:r,pathSpacing:s=1,pathOffset:a=0,...l},u,c,h){if(ht(t,l,u,h),c)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:d,style:p,dimensions:m}=t;d.transform&&(m&&(p.transform=d.transform),delete d.transform),m&&(void 0!==o||void 0!==i||p.transform)&&(p.transformOrigin=function(t,e,n){return`${Et(e,t.x,t.width)} ${Et(n,t.y,t.height)}`}(m,void 0!==o?o:.5,void 0!==i?i:.5)),void 0!==e&&(d.x=e),void 0!==n&&(d.y=n),void 0!==r&&function(t,e,n=1,o=0,i=!0){t.pathLength=1;const r=i?bt:Pt;t[r.offset]=rt.transform(-o);const s=rt.transform(e),a=rt.transform(n);t[r.array]=`${s} ${a}`}(d,r,s,a,!1)}const Tt=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}}),St=t=>"string"==typeof t&&"svg"===t.toLowerCase();function Vt(t,n,o,i){const r=e.useMemo(()=>{const e={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}};return At(e,n,{enableHardwareAcceleration:!1},St(i),t.transformTemplate),{...e.attrs,style:{...e.style}}},[n]);if(t.style){const e={};pt(e,t.style,t),r.style={...e,...r.style}}return r}function Ct(t=!1){return(n,o,i,r,{latestValues:s},a)=>{const l=(O(n)?Vt:ft)(o,s,a,n),u={...wt(o,"string"==typeof n,t),...l,ref:r};return i&&(u["data-projection-id"]=i),e.createElement(n,u)}}const Mt=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();function Lt(t,{style:e,vars:n},o,i){Object.assign(t.style,e,i&&i.getProjectionStyles(o));for(const e in n)t.style.setProperty(e,n[e])}const Rt=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 Dt(t,e,n,o){Lt(t,e,void 0,o);for(const n in e.attrs)t.setAttribute(Rt.has(n)?n:Mt(n),e.attrs[n])}function kt(t){const{style:e}=t,n={};for(const o in e)(z(e[o])||N(o,t))&&(n[o]=e[o]);return n}function Bt(t){const e=kt(t);for(const n in t)if(z(t[n])){e["x"===n||"y"===n?"attr"+n.toUpperCase():n]=t[n]}return e}function Ot(t,e,n,o={},i={}){return"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,i)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,o,i)),e}const Ft=t=>Array.isArray(t);function It(t){const e=z(t)?t.get():t;return n=e,Boolean(n&&"object"==typeof n&&n.mix&&n.toValue)?e.toValue():e;var n}const jt=t=>(n,o)=>{const i=e.useContext(a),r=e.useContext(u),s=()=>function({scrapeMotionValuesFromProps:t,createRenderState:e,onMount:n},o,i,r){const s={latestValues:Ut(o,i,r,t),renderState:e()};return n&&(s.mount=t=>n(o,t,s)),s}(t,n,i,r);return o?s():A(s)};function Ut(t,e,n,o){const i={},r=o(t);for(const t in r)i[t]=It(r[t]);let{initial:s,animate:a}=t;const l=y(t),u=v(t);e&&u&&!l&&!1!==t.inherit&&(void 0===s&&(s=e.initial),void 0===a&&(a=e.animate));let c=!!n&&!1===n.initial;c=c||!1===s;const h=c?a:s;if(h&&"boolean"!=typeof h&&!f(h)){(Array.isArray(h)?h:[h]).forEach(e=>{const n=Ot(t,e);if(!n)return;const{transitionEnd:o,transition:r,...s}=n;for(const t in s){let e=s[t];if(Array.isArray(e)){e=e[c?e.length-1:0]}null!==e&&(i[t]=e)}for(const t in o)i[t]=o[t]})}return i}const Nt={useVisualState:jt({scrapeMotionValuesFromProps:Bt,createRenderState:Tt,onMount:(t,e,{renderState:n,latestValues:o})=>{try{n.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch(t){n.dimensions={x:0,y:0,width:0,height:0}}At(n,o,{enableHardwareAcceleration:!1},St(e.tagName),t.transformTemplate),Dt(e,n)}})},zt={useVisualState:jt({scrapeMotionValuesFromProps:kt,createRenderState:dt})};function Wt(t,{forwardMotionProps:e=!1},n,o,i){return{...O(t)?Nt:zt,preloadedFeatures:n,useRender:Ct(e),createVisualElement:o,projectionNodeConstructor:i,Component:t}}var $t;function Ht(t,e,n,o={passive:!0}){return t.addEventListener(e,n,o),()=>t.removeEventListener(e,n)}function Yt(t,n,o,i){e.useEffect(()=>{const e=t.current;if(o&&e)return Ht(e,n,o,i)},[t,n,o,i])}function Xt(t){return"undefined"!=typeof PointerEvent&&t instanceof PointerEvent?!("mouse"!==t.pointerType):t instanceof MouseEvent}function Gt(t){return!!t.touches}t.AnimationType=void 0,($t=t.AnimationType||(t.AnimationType={})).Animate="animate",$t.Hover="whileHover",$t.Tap="whileTap",$t.Drag="whileDrag",$t.Focus="whileFocus",$t.InView="whileInView",$t.Exit="exit";const qt={pageX:0,pageY:0};function Zt(t,e="page"){const n=t.touches[0]||t.changedTouches[0]||qt;return{x:n[e+"X"],y:n[e+"Y"]}}function Kt(t,e="page"){return{x:t[e+"X"],y:t[e+"Y"]}}function _t(t,e="page"){return{point:Gt(t)?Zt(t,e):Kt(t,e)}}const Jt=(t,e=!1)=>{const n=e=>t(e,_t(e));return e?(o=n,t=>{const e=t instanceof MouseEvent;(!e||e&&0===t.button)&&o(t)}):n;var o},Qt={pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointercancel:"mousecancel",pointerover:"mouseover",pointerout:"mouseout",pointerenter:"mouseenter",pointerleave:"mouseleave"},te={pointerdown:"touchstart",pointermove:"touchmove",pointerup:"touchend",pointercancel:"touchcancel"};function ee(t){return c&&null===window.onpointerdown?t:c&&null===window.ontouchstart?te[t]:c&&null===window.onmousedown?Qt[t]:t}function ne(t,e,n,o){return Ht(t,ee(e),Jt(n,"pointerdown"===e),o)}function oe(t,e,n,o){return Yt(t,ee(e),n&&Jt(n,"pointerdown"===e),o)}function ie(t){let e=null;return()=>{const n=()=>{e=null};return null===e&&(e=t,n)}}const re=ie("dragHorizontal"),se=ie("dragVertical");function ae(t){let e=!1;if("y"===t)e=se();else if("x"===t)e=re();else{const t=re(),n=se();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}function le(){const t=ae(!0);return!t||(t(),!1)}function ue(e,n,o){return(i,r)=>{Xt(i)&&!le()&&(e.animationState&&e.animationState.setActive(t.AnimationType.Hover,n),o&&o(i,r))}}const ce=(t,e)=>!!e&&(t===e||ce(t,e.parentElement));function he(t){return e.useEffect(()=>()=>t(),[])}const de=(t,e)=>n=>e(t(n)),pe=(...t)=>t.reduce(de);const me=("undefined"==typeof process||process.env,"production"),fe=new Set;function ge(t,e,n){t||fe.has(e)||(console.warn(e),n&&console.warn(n),fe.add(e))}const ye=new WeakMap,ve=new WeakMap,xe=t=>{const e=ye.get(t.target);e&&e(t)},we=t=>{t.forEach(xe)};function Ee(t,e,n){const o=function({root:t,...e}){const n=t||document;ve.has(n)||ve.set(n,{});const o=ve.get(n),i=JSON.stringify(e);return o[i]||(o[i]=new IntersectionObserver(we,{root:t,...e})),o[i]}(e);return ye.set(t,n),o.observe(t),()=>{ye.delete(t),o.unobserve(t)}}const be={some:0,all:1};function Pe(n,o,i,{root:r,margin:s,amount:a="some",once:l}){e.useEffect(()=>{if(!n||!i.current)return;const e={root:null==r?void 0:r.current,rootMargin:s,threshold:"number"==typeof a?a:be[a]};return Ee(i.current,e,e=>{const{isIntersecting:n}=e;if(o.isInView===n)return;if(o.isInView=n,l&&!n&&o.hasEnteredView)return;n&&(o.hasEnteredView=!0),i.animationState&&i.animationState.setActive(t.AnimationType.InView,n);const r=i.getProps(),s=n?r.onViewportEnter:r.onViewportLeave;s&&s(e)})},[n,r,s,a])}function Ae(n,o,i,{fallback:r=!0}){e.useEffect(()=>{n&&r&&("production"!==me&&ge(!1,"IntersectionObserver not available on this device. whileInView animations will trigger on mount."),requestAnimationFrame(()=>{o.hasEnteredView=!0;const{onViewportEnter:e}=i.getProps();e&&e(null),i.animationState&&i.animationState.setActive(t.AnimationType.InView,!0)}))},[n])}const Te=t=>e=>(t(e),null),Se={inView:Te((function({visualElement:t,whileInView:n,onViewportEnter:o,onViewportLeave:i,viewport:r={}}){const s=e.useRef({hasEnteredView:!1,isInView:!1});let a=Boolean(n||o||i);r.once&&s.current.hasEnteredView&&(a=!1),("undefined"==typeof IntersectionObserver?Ae:Pe)(a,s.current,t,r)})),tap:Te((function({onTap:n,onTapStart:o,onTapCancel:i,whileTap:r,visualElement:s}){const a=n||o||i||r,l=e.useRef(!1),u=e.useRef(null),c={passive:!(o||n||i||f)};function h(){u.current&&u.current(),u.current=null}function d(){return h(),l.current=!1,s.animationState&&s.animationState.setActive(t.AnimationType.Tap,!1),!le()}function p(t,e){d()&&(ce(s.current,t.target)?n&&n(t,e):i&&i(t,e))}function m(t,e){d()&&i&&i(t,e)}function f(e,n){h(),l.current||(l.current=!0,u.current=pe(ne(window,"pointerup",p,c),ne(window,"pointercancel",m,c)),s.animationState&&s.animationState.setActive(t.AnimationType.Tap,!0),o&&o(e,n))}oe(s,"pointerdown",a?f:void 0,c),he(h)})),focus:Te((function({whileFocus:e,visualElement:n}){const{animationState:o}=n;Yt(n,"focus",e?()=>{o&&o.setActive(t.AnimationType.Focus,!0)}:void 0),Yt(n,"blur",e?()=>{o&&o.setActive(t.AnimationType.Focus,!1)}:void 0)})),hover:Te((function({onHoverStart:t,onHoverEnd:e,whileHover:n,visualElement:o}){oe(o,"pointerenter",t||n?ue(o,!0,t):void 0,{passive:!t}),oe(o,"pointerleave",e||n?ue(o,!1,e):void 0,{passive:!e})}))};function Ve(){const t=e.useContext(u);if(null===t)return[!0,null];const{isPresent:n,onExitComplete:o,register:i}=t,r=e.useId();e.useEffect(()=>i(r),[]);return!n&&o?[!1,()=>o&&o(r)]:[!0]}function Ce(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let o=0;o<n;o++)if(e[o]!==t[o])return!1;return!0}const Me=t=>/^0[^.\s]+$/.test(t),Le={delta:0,timestamp:0},Re="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),De="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout(()=>t(Re()),1/60*1e3);let ke=!0,Be=!1,Oe=!1;const Fe=["read","update","preRender","render","postRender"],Ie=Fe.reduce((t,e)=>(t[e]=function(t){let e=[],n=[],o=0,i=!1,r=!1;const s=new WeakSet,a={schedule:(t,r=!1,a=!1)=>{const l=a&&i,u=l?e:n;return r&&s.add(t),-1===u.indexOf(t)&&(u.push(t),l&&i&&(o=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),s.delete(t)},process:l=>{if(i)r=!0;else{if(i=!0,[e,n]=[n,e],n.length=0,o=e.length,o)for(let n=0;n<o;n++){const o=e[n];o(l),s.has(o)&&(a.schedule(o),t())}i=!1,r&&(r=!1,a.process(l))}}};return a}(()=>Be=!0),t),{}),je=Fe.reduce((t,e)=>{const n=Ie[e];return t[e]=(t,e=!1,o=!1)=>(Be||$e(),n.schedule(t,e,o)),t},{}),Ue=Fe.reduce((t,e)=>(t[e]=Ie[e].cancel,t),{}),Ne=Fe.reduce((t,e)=>(t[e]=()=>Ie[e].process(Le),t),{}),ze=t=>Ie[t].process(Le),We=t=>{Be=!1,Le.delta=ke?1/60*1e3:Math.max(Math.min(t-Le.timestamp,40),1),Le.timestamp=t,Oe=!0,Fe.forEach(ze),Oe=!1,Be&&(ke=!1,De(We))},$e=()=>{Be=!0,ke=!0,Oe||De(We)};function He(t,e){-1===t.indexOf(e)&&t.push(e)}function Ye(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class Xe{constructor(){this.subscriptions=[]}add(t){return He(this.subscriptions,t),()=>Ye(this.subscriptions,t)}notify(t,e,n){const o=this.subscriptions.length;if(o)if(1===o)this.subscriptions[0](t,e,n);else for(let i=0;i<o;i++){const o=this.subscriptions[i];o&&o(t,e,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}function Ge(t,e){return e?t*(1e3/e):0}class qe{constructor(t,e={}){var n;this.version="7.9.0",this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new Xe,this.velocityUpdateSubscribers=new Xe,this.renderSubscribers=new Xe,this.canTrackVelocity=!1,this.updateAndNotify=(t,e=!0)=>{this.prev=this.current,this.current=t;const{delta:n,timestamp:o}=Le;this.lastUpdated!==o&&(this.timeDelta=n,this.lastUpdated=o,je.postRender(this.scheduleVelocityCheck)),this.prev!==this.current&&this.updateSubscribers.notify(this.current),this.velocityUpdateSubscribers.getSize()&&this.velocityUpdateSubscribers.notify(this.getVelocity()),e&&this.renderSubscribers.notify(this.current)},this.scheduleVelocityCheck=()=>je.postRender(this.velocityCheck),this.velocityCheck=({timestamp:t})=>{t!==this.lastUpdated&&(this.prev=this.current,this.velocityUpdateSubscribers.notify(this.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(n=this.current,!isNaN(parseFloat(n))),this.owner=e.owner}onChange(t){return this.updateSubscribers.add(t)}clearListeners(){this.updateSubscribers.clear()}onRenderRequest(t){return t(this.get()),this.renderSubscribers.add(t)}attach(t){this.passiveEffect=t}set(t,e=!0){e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}setWithVelocity(t,e,n){this.set(e),this.prev=t,this.timeDelta=n}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?Ge(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise(e=>{this.hasAnimated=!0,this.stopAnimation=t(e)}).then(()=>this.clearAnimation())}stop(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()}isAnimating(){return!!this.stopAnimation}clearAnimation(){this.stopAnimation=null}destroy(){this.updateSubscribers.clear(),this.renderSubscribers.clear(),this.stop()}}function Ze(t,e){return new qe(t,e)}const Ke=(t,e)=>n=>Boolean(et(n)&&tt.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),_e=(t,e,n)=>o=>{if(!et(o))return o;const[i,r,s,a]=o.match(J);return{[t]:parseFloat(i),[e]:parseFloat(r),[n]:parseFloat(s),alpha:void 0!==a?parseFloat(a):1}},Je={...q,transform:t=>Math.round((t=>G(0,255,t))(t))},Qe={test:Ke("rgb","red"),parse:_e("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:o=1})=>"rgba("+Je.transform(t)+", "+Je.transform(e)+", "+Je.transform(n)+", "+_(Z.transform(o))+")"};const tn={test:Ke("#"),parse:function(t){let e="",n="",o="",i="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),o=t.substring(5,7),i=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),o=t.substring(3,4),i=t.substring(4,5),e+=e,n+=n,o+=o,i+=i),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(o,16),alpha:i?parseInt(i,16)/255:1}},transform:Qe.transform},en={test:Ke("hsl","hue"),parse:_e("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:o=1})=>"hsla("+Math.round(t)+", "+it.transform(_(e))+", "+it.transform(_(n))+", "+_(Z.transform(o))+")"},nn={test:t=>Qe.test(t)||tn.test(t)||en.test(t),parse:t=>Qe.test(t)?Qe.parse(t):en.test(t)?en.parse(t):tn.parse(t),transform:t=>et(t)?t:t.hasOwnProperty("red")?Qe.transform(t):en.transform(t)};function on(t){"number"==typeof t&&(t=""+t);const e=[];let n=0,o=0;const i=t.match(Q);i&&(n=i.length,t=t.replace(Q,"${c}"),e.push(...i.map(nn.parse)));const r=t.match(J);return r&&(o=r.length,t=t.replace(J,"${n}"),e.push(...r.map(q.parse))),{values:e,numColors:n,numNumbers:o,tokenised:t}}function rn(t){return on(t).values}function sn(t){const{values:e,numColors:n,tokenised:o}=on(t),i=e.length;return t=>{let e=o;for(let o=0;o<i;o++)e=e.replace(o<n?"${c}":"${n}",o<n?nn.transform(t[o]):_(t[o]));return e}}const an=t=>"number"==typeof t?0:t;const ln={test:function(t){var e,n;return isNaN(t)&&et(t)&&((null===(e=t.match(J))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(Q))||void 0===n?void 0:n.length)||0)>0},parse:rn,createTransformer:sn,getAnimatableNone:function(t){const e=rn(t);return sn(t)(e.map(an))}},un=new Set(["brightness","contrast","saturate","opacity"]);function cn(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[o]=n.match(J)||[];if(!o)return t;const i=n.replace(o,"");let r=un.has(e)?1:0;return o!==n&&(r*=100),e+"("+r+i+")"}const hn=/([a-z-]*)\(.*?\)/g,dn={...ln,getAnimatableNone:t=>{const e=t.match(hn);return e?e.map(cn).join(" "):t}},pn={...ct,color:nn,backgroundColor:nn,outlineColor:nn,fill:nn,stroke:nn,borderColor:nn,borderTopColor:nn,borderRightColor:nn,borderBottomColor:nn,borderLeftColor:nn,filter:dn,WebkitFilter:dn},mn=t=>pn[t];function fn(t,e){var n;let o=mn(t);return o!==dn&&(o=ln),null===(n=o.getAnimatableNone)||void 0===n?void 0:n.call(o,e)}const gn=t=>e=>e.test(t),yn=[q,rt,it,ot,at,st,{test:t=>"auto"===t,parse:t=>t}],vn=t=>yn.find(gn(t)),xn=[...yn,nn,ln],wn=t=>xn.find(gn(t));function En(t,e,n){const o=t.getProps();return Ot(o,e,void 0!==n?n:o.custom,function(t){const e={};return t.values.forEach((t,n)=>e[n]=t.get()),e}(t),function(t){const e={};return t.values.forEach((t,n)=>e[n]=t.getVelocity()),e}(t))}function bn(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,Ze(n))}function Pn(t,e){const n=En(t,e);let{transitionEnd:o={},transition:i={},...r}=n?t.makeTargetAnimatable(n,!1):{};r={...r,...o};for(const e in r){bn(t,e,(s=r[e],Ft(s)?s[s.length-1]||0:s))}var s}function An(t,e){[...e].reverse().forEach(n=>{var o;const i=t.getVariant(n);i&&Pn(t,i),null===(o=t.variantChildren)||void 0===o||o.forEach(t=>{An(t,e)})})}function Tn(t,e,n){var o,i;const r=Object.keys(e).filter(e=>!t.hasValue(e)),s=r.length;if(s)for(let a=0;a<s;a++){const s=r[a],l=e[s];let u=null;Array.isArray(l)&&(u=l[0]),null===u&&(u=null!==(i=null!==(o=n[s])&&void 0!==o?o:t.readValue(s))&&void 0!==i?i:e[s]),null!=u&&("string"==typeof u&&(/^\-?\d*\.?\d+$/.test(u)||Me(u))?u=parseFloat(u):!wn(u)&&ln.test(l)&&(u=fn(s,l)),t.addValue(s,Ze(u,{owner:t})),void 0===n[s]&&(n[s]=u),null!==u&&t.setBaseTarget(s,u))}}function Sn(t,e){if(!e)return;return(e[t]||e.default||e).from}function Vn(t,e,n){var o;const i={};for(const r in t){const t=Sn(r,e);i[r]=void 0!==t?t:null===(o=n.getValue(r))||void 0===o?void 0:o.get()}return i}function Cn(t){return Boolean(z(t)&&t.add)}const Mn=(t,e)=>`${t}: ${e}`;function Ln(t,e){const{MotionAppearAnimations:n}=window,o=Mn(t,U.has(e)?"transform":e),i=n&&n.get(o);return i?(je.render(()=>{try{i.cancel(),n.delete(o)}catch(t){}}),i.currentTime||0):0}const Rn="data-"+Mt("framerAppearId");const Dn=t=>1e3*t,kn={current:!1},Bn=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,On=t=>e=>1-t(1-e),Fn=t=>t*t,In=On(Fn),jn=Bn(Fn),Un=(t,e,n)=>-n*t+n*e+t;function Nn(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}const zn=(t,e,n)=>{const o=t*t;return Math.sqrt(Math.max(0,n*(e*e-o)+o))},Wn=[tn,Qe,en];function $n(t){const e=(n=t,Wn.find(t=>t.test(n)));var n;let o=e.parse(t);return e===en&&(o=function({hue:t,saturation:e,lightness:n,alpha:o}){t/=360,n/=100;let i=0,r=0,s=0;if(e/=100){const o=n<.5?n*(1+e):n+e-n*e,a=2*n-o;i=Nn(a,o,t+1/3),r=Nn(a,o,t),s=Nn(a,o,t-1/3)}else i=r=s=n;return{red:Math.round(255*i),green:Math.round(255*r),blue:Math.round(255*s),alpha:o}}(o)),o}const Hn=(t,e)=>{const n=$n(t),o=$n(e),i={...n};return t=>(i.red=zn(n.red,o.red,t),i.green=zn(n.green,o.green,t),i.blue=zn(n.blue,o.blue,t),i.alpha=Un(n.alpha,o.alpha,t),Qe.transform(i))};function Yn(t,e){return"number"==typeof t?n=>Un(t,e,n):nn.test(t)?Hn(t,e):qn(t,e)}const Xn=(t,e)=>{const n=[...t],o=n.length,i=t.map((t,n)=>Yn(t,e[n]));return t=>{for(let e=0;e<o;e++)n[e]=i[e](t);return n}},Gn=(t,e)=>{const n={...t,...e},o={};for(const i in n)void 0!==t[i]&&void 0!==e[i]&&(o[i]=Yn(t[i],e[i]));return t=>{for(const e in o)n[e]=o[e](t);return n}},qn=(t,e)=>{const n=ln.createTransformer(e),o=on(t),i=on(e);return o.numColors===i.numColors&&o.numNumbers>=i.numNumbers?pe(Xn(o.values,i.values),n):n=>""+(n>0?e:t)},Zn=(t,e,n)=>{const o=e-t;return 0===o?1:(n-t)/o},Kn=(t,e)=>n=>Un(t,e,n);function _n(t,e,n){const o=[],i=n||("number"==typeof(r=t[0])?Kn:"string"==typeof r?nn.test(r)?Hn:qn:Array.isArray(r)?Xn:"object"==typeof r?Gn:Kn);var r;const s=t.length-1;for(let n=0;n<s;n++){let r=i(t[n],t[n+1]);if(e){const t=Array.isArray(e)?e[n]:e;r=pe(t,r)}o.push(r)}return o}function Jn(t,e,{clamp:n=!0,ease:o,mixer:i}={}){const r=t.length;e.length,!o||!Array.isArray(o)||o.length,t[0]>t[r-1]&&(t=[...t].reverse(),e=[...e].reverse());const s=_n(e,o,i),a=s.length,l=e=>{let n=0;if(a>1)for(;n<t.length-2&&!(e<t[n+1]);n++);const o=Zn(t[n],t[n+1],e);return s[n](o)};return n?e=>l(G(t[0],t[r-1],e)):l}const Qn=t=>t,to=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t;function eo(t,e,n,o){if(t===e&&n===o)return Qn;const i=e=>function(t,e,n,o,i){let r,s,a=0;do{s=e+(n-e)/2,r=to(s,o,i)-t,r>0?n=s:e=s}while(Math.abs(r)>1e-7&&++a<12);return s}(e,0,1,t,n);return t=>0===t||1===t?t:to(i(t),e,o)}const no=t=>1-Math.sin(Math.acos(t)),oo=On(no),io=Bn(oo),ro=(t=1.525)=>e=>e*e*((t+1)*e-t),so=ro(),ao=On(so),lo=Bn(so),uo=(t=>{const e=ro(t);return t=>(t*=2)<1?.5*e(t):.5*(2-Math.pow(2,-10*(t-1)))})(),co={linear:Qn,easeIn:Fn,easeInOut:jn,easeOut:In,circIn:no,circInOut:io,circOut:oo,backIn:so,backInOut:lo,backOut:ao,anticipate:uo},ho=t=>{if(Array.isArray(t)){t.length;const[e,n,o,i]=t;return eo(e,n,o,i)}return"string"==typeof t?co[t]:t};function po({keyframes:t,ease:e=jn,times:n,duration:o=300}){t=[...t];const i=po[0],r=(t=>Array.isArray(t)&&"number"!=typeof t[0])(e)?e.map(ho):ho(e),s={done:!1,value:i},a=function(t,e){return t.map(t=>t*e)}(n&&n.length===po.length?n:function(t){const e=t.length;return t.map((t,n)=>0!==n?n/(e-1):0)}(t),o);function l(){return Jn(a,t,{ease:Array.isArray(r)?r:(e=t,n=r,e.map(()=>n||jn).splice(0,e.length-1))});var e,n}let u=l();return{next:t=>(s.value=u(t),s.done=t>=o,s),flipTarget:()=>{t.reverse(),u=l()}}}function mo({duration:t=800,bounce:e=.25,velocity:n=0,mass:o=1}){let i,r,s=1-e;s=G(.05,1,s),t=G(.01,10,t/1e3),s<1?(i=e=>{const o=e*s,i=o*t;return.001-(o-n)/fo(e,s)*Math.exp(-i)},r=e=>{const o=e*s*t,r=o*n+n,a=Math.pow(s,2)*Math.pow(e,2)*t,l=Math.exp(-o),u=fo(Math.pow(e,2),s);return(.001-i(e)>0?-1:1)*((r-a)*l)/u}):(i=e=>Math.exp(-e*t)*((e-n)*t+1)-.001,r=e=>Math.exp(-e*t)*(t*t*(n-e)));const a=function(t,e,n){let o=n;for(let n=1;n<12;n++)o-=t(o)/e(o);return o}(i,r,5/t);if(t*=1e3,isNaN(a))return{stiffness:100,damping:10,duration:t};{const e=Math.pow(a,2)*o;return{stiffness:e,damping:2*s*Math.sqrt(o*e),duration:t}}}function fo(t,e){return t*Math.sqrt(1-e*e)}const go=["duration","bounce"],yo=["stiffness","damping","mass"];function vo(t,e){return e.some(e=>void 0!==t[e])}function xo({keyframes:t,restSpeed:e=2,restDelta:n=.01,...o}){let i=t[0],r=t[t.length-1];const s={done:!1,value:i},{stiffness:a,damping:l,mass:u,velocity:c,duration:h,isResolvedFromDuration:d}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!vo(t,yo)&&vo(t,go)){const n=mo(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(o);let p=wo,m=c?-c/1e3:0;const f=l/(2*Math.sqrt(a*u));function g(){const t=r-i,e=Math.sqrt(a/u)/1e3;if(void 0===n&&(n=Math.min(Math.abs(r-i)/100,.4)),f<1){const n=fo(e,f);p=o=>{const i=Math.exp(-f*e*o);return r-i*((m+f*e*t)/n*Math.sin(n*o)+t*Math.cos(n*o))}}else if(1===f)p=n=>r-Math.exp(-e*n)*(t+(m+e*t)*n);else{const n=e*Math.sqrt(f*f-1);p=o=>{const i=Math.exp(-f*e*o),s=Math.min(n*o,300);return r-i*((m+f*e*t)*Math.sinh(s)+n*t*Math.cosh(s))/n}}}return g(),{next:t=>{const o=p(t);if(d)s.done=t>=h;else{let i=m;if(0!==t)if(f<1){const e=Math.max(0,t-5);i=Ge(o-p(e),t-e)}else i=0;const a=Math.abs(i)<=e,l=Math.abs(r-o)<=n;s.done=a&&l}return s.value=s.done?r:o,s},flipTarget:()=>{m=-m,[i,r]=[r,i],g()}}}xo.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const wo=t=>0;const Eo={decay:function({keyframes:t=[0],velocity:e=0,power:n=.8,timeConstant:o=350,restDelta:i=.5,modifyTarget:r}){const s=t[0],a={done:!1,value:s};let l=n*e;const u=s+l,c=void 0===r?u:r(u);return c!==u&&(l=c-s),{next:t=>{const e=-l*Math.exp(-t/o);return a.done=!(e>i||e<-i),a.value=a.done?c:c+e,a},flipTarget:()=>{}}},keyframes:po,tween:po,spring:xo};function bo(t,e,n=0){return t-e-n}const Po=t=>{const e=({delta:e})=>t(e);return{start:()=>je.update(e,!0),stop:()=>Ue.update(e)}};function Ao({duration:t,driver:e=Po,elapsed:n=0,repeat:o=0,repeatType:i="loop",repeatDelay:r=0,keyframes:s,autoplay:a=!0,onPlay:l,onStop:u,onComplete:c,onRepeat:h,onUpdate:d,type:p="keyframes",...m}){var f,g;let y,v,x,w=0,E=t,b=!1,P=!0;const A=Eo[s.length>2?"keyframes":p],T=s[0],S=s[s.length-1];(null===(g=(f=A).needsInterpolation)||void 0===g?void 0:g.call(f,T,S))&&(x=Jn([0,100],[T,S],{clamp:!1}),s=[0,100]);const V=A({...m,duration:t,keyframes:s});function C(){w++,"reverse"===i?(P=w%2==0,n=function(t,e=0,n=0,o=!0){return o?bo(e+-t,e,n):e-(t-e)+n}(n,E,r,P)):(n=bo(n,E,r),"mirror"===i&&V.flipTarget()),b=!1,h&&h()}function M(t){if(P||(t=-t),n+=t,!b){const t=V.next(Math.max(0,n));v=t.value,x&&(v=x(v)),b=P?t.done:n<=0}d&&d(v),b&&(0===w&&(E=void 0!==E?E:n),w<o?function(t,e,n,o){return o?t>=e+n:t<=-n}(n,E,r,P)&&C():(y.stop(),c&&c()))}return a&&(l&&l(),y=e(M),y.start()),{stop:()=>{u&&u(),y.stop()},sample:t=>V.next(Math.max(0,t)).value}}const To=([t,e,n,o])=>`cubic-bezier(${t}, ${e}, ${n}, ${o})`;function So(t,e,n,{delay:o=0,duration:i,repeat:r=0,repeatType:s="loop",ease:a,times:l}={}){return t.animate({[e]:n,offset:l},{delay:o,duration:i,easing:Array.isArray(a)?To(a):a,fill:"both",iterations:r+1,direction:"reverse"===s?"alternate":"normal"})}function Vo(t,e){const n=performance.now(),o=({timestamp:i})=>{const r=i-n;r>=e&&(Ue.read(o),t(r-e))};return je.read(o,!0),()=>Ue.read(o)}function Co({keyframes:t,elapsed:e,onUpdate:n,onComplete:o}){const i=()=>(n&&n(t[t.length-1]),o&&o(),()=>{});return e?Vo(i,-e):i()}const Mo=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),Lo=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),Ro=()=>({type:"keyframes",ease:"linear",duration:.3}),Do={type:"keyframes",duration:.8},ko={x:Mo,y:Mo,z:Mo,rotate:Mo,rotateX:Mo,rotateY:Mo,rotateZ:Mo,scaleX:Lo,scaleY:Lo,scale:Lo,opacity:Ro,backgroundColor:Ro,color:Ro,default:Lo},Bo=(t,{keyframes:e})=>{if(e.length>2)return Do;return(ko[t]||ko.default)(e[1])},Oo=(t,e)=>"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!ln.test(e)||e.startsWith("url(")));function Fo(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function Io(t){return"number"==typeof t?0:fn("",t)}function jo(t,e){return t[e]||t.default||t}const Uo={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},No={},zo={};for(const t in Uo)zo[t]=()=>(void 0===No[t]&&(No[t]=Uo[t]()),No[t]);const Wo=new Set(["opacity"]),$o=(t,e,n,o={})=>i=>{const r=jo(o,t)||{},s=r.delay||o.delay||0;let{elapsed:a=0}=o;a-=Dn(s);const l=function(t,e,n,o){const i=Oo(e,n);let r=void 0!==o.from?o.from:t.get();return"none"===r&&i&&"string"==typeof n?r=fn(e,n):Fo(r)&&"string"==typeof n?r=Io(n):!Array.isArray(n)&&Fo(n)&&"string"==typeof r&&(n=Io(r)),Array.isArray(n)?(null===n[0]&&(n[0]=r),n):[r,n]}(e,t,n,r),u=l[0],c=l[l.length-1],h=Oo(t,u),d=Oo(t,c);let p={keyframes:l,velocity:e.getVelocity(),...r,elapsed:a,onUpdate:t=>{e.set(t),r.onUpdate&&r.onUpdate(t)},onComplete:()=>{i(),r.onComplete&&r.onComplete()}};if(!h||!d||kn.current||!1===r.type)return Co(p);if("inertia"===r.type){const t=function({keyframes:t,velocity:e=0,min:n,max:o,power:i=.8,timeConstant:r=750,bounceStiffness:s=500,bounceDamping:a=10,restDelta:l=1,modifyTarget:u,driver:c,onUpdate:h,onComplete:d,onStop:p}){const m=t[0];let f;function g(t){return void 0!==n&&t<n||void 0!==o&&t>o}function y(t){return void 0===n?o:void 0===o||Math.abs(n-t)<Math.abs(o-t)?n:o}function v(t){null==f||f.stop(),f=Ao({keyframes:[0,1],velocity:0,...t,driver:c,onUpdate:e=>{var n;null==h||h(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:d,onStop:p})}function x(t){v({type:"spring",stiffness:s,damping:a,restDelta:l,...t})}if(g(m))x({velocity:e,keyframes:[m,y(m)]});else{let t=i*e+m;void 0!==u&&(t=u(t));const o=y(t),s=o===n?-1:1;let a,c;const h=t=>{a=c,c=t,e=Ge(t-a,Le.delta),(1===s&&t>o||-1===s&&t<o)&&x({keyframes:[t,o],velocity:e})};v({type:"decay",keyframes:[m,0],velocity:e,timeConstant:r,power:i,restDelta:l,modifyTarget:u,onUpdate:g(t)?h:void 0})}return{stop:()=>null==f?void 0:f.stop()}}(p);return()=>t.stop()}(function({when:t,delay:e,delayChildren:n,staggerChildren:o,staggerDirection:i,repeat:r,repeatType:s,repeatDelay:a,from:l,...u}){return!!Object.keys(u).length})(r)||(p={...p,...Bo(t,p)}),p.duration&&(p.duration=Dn(p.duration)),p.repeatDelay&&(p.repeatDelay=Dn(p.repeatDelay));const m=e.owner,f=m&&m.current;if(zo.waapi()&&Wo.has(t)&&!p.repeatDelay&&"mirror"!==p.repeatType&&0!==p.damping&&"function"!=typeof p.ease&&m&&f instanceof HTMLElement&&!m.getProps().onUpdate)return function(t,e,{onUpdate:n,onComplete:o,...i}){let{keyframes:r,duration:s=.3,elapsed:a=0,ease:l}=i;if("spring"===i.type){const t=xo(i);let e={done:!1,value:r[0]};const n=[];let o=0;for(;!e.done;)e=t.next(o),n.push(e.value),o+=10;r=n,s=o-10,l="linear"}const u=So(t.owner.current,e,r,{...i,delay:-a,duration:s,ease:l});return u.onfinish=()=>{t.set(r[r.length-1]),o&&o()},()=>{const{currentTime:e}=u;if(e){const n=Ao(i);t.setWithVelocity(n.sample(e-10),n.sample(e),10)}je.update(()=>u.cancel())}}(e,t,p);{const t=Ao(p);return()=>t.stop()}};function Ho(t,e,n={}){let o;if(t.notify("AnimationStart",e),Array.isArray(e)){const i=e.map(e=>Yo(t,e,n));o=Promise.all(i)}else if("string"==typeof e)o=Yo(t,e,n);else{const i="function"==typeof e?En(t,e,n.custom):e;o=Xo(t,i,n)}return o.then(()=>t.notify("AnimationComplete",e))}function Yo(t,e,n={}){var o;const i=En(t,e,n.custom);let{transition:r=t.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(r=n.transitionOverride);const s=i?()=>Xo(t,i,n):()=>Promise.resolve(),a=(null===(o=t.variantChildren)||void 0===o?void 0:o.size)?(o=0)=>{const{delayChildren:i=0,staggerChildren:s,staggerDirection:a}=r;return function(t,e,n=0,o=0,i=1,r){const s=[],a=(t.variantChildren.size-1)*o,l=1===i?(t=0)=>t*o:(t=0)=>a-t*o;return Array.from(t.variantChildren).sort(Go).forEach((t,o)=>{s.push(Yo(t,e,{...r,delay:n+l(o)}).then(()=>t.notify("AnimationComplete",e)))}),Promise.all(s)}(t,e,i+o,s,a,n)}:()=>Promise.resolve(),{when:l}=r;if(l){const[t,e]="beforeChildren"===l?[s,a]:[a,s];return t().then(e)}return Promise.all([s(),a(n.delay)])}function Xo(t,e,{delay:n=0,transitionOverride:o,type:i}={}){var r;let{transition:s=t.getDefaultTransition(),transitionEnd:a,...l}=t.makeTargetAnimatable(e);const u=t.getValue("willChange");o&&(s=o);const c=[],h=i&&(null===(r=t.animationState)||void 0===r?void 0:r.getState()[i]);for(const e in l){const o=t.getValue(e),i=l[e];if(!o||void 0===i||h&&qo(h,e))continue;let r={delay:n,elapsed:0,...s};if(t.shouldReduceMotion&&U.has(e)&&(r={...r,type:!1,delay:0}),!o.hasAnimated){const n=t.getProps()[Rn];n&&(r.elapsed=Ln(n,e))}let a=o.start($o(e,o,i,r));Cn(u)&&(u.add(e),a=a.then(()=>u.remove(e))),c.push(a)}return Promise.all(c).then(()=>{a&&Pn(t,a)})}function Go(t,e){return t.sortNodePosition(e)}function qo({protectedKeys:t,needsAnimating:e},n){const o=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,o}const Zo=[t.AnimationType.Animate,t.AnimationType.InView,t.AnimationType.Focus,t.AnimationType.Hover,t.AnimationType.Tap,t.AnimationType.Drag,t.AnimationType.Exit],Ko=[...Zo].reverse(),_o=Zo.length;function Jo(e){let n=function(t){return e=>Promise.all(e.map(({animation:e,options:n})=>Ho(t,e,n)))}(e);const o={[t.AnimationType.Animate]:ti(!0),[t.AnimationType.InView]:ti(),[t.AnimationType.Hover]:ti(),[t.AnimationType.Tap]:ti(),[t.AnimationType.Drag]:ti(),[t.AnimationType.Focus]:ti(),[t.AnimationType.Exit]:ti()};let i=!0;const r=(t,n)=>{const o=En(e,n);if(o){const{transition:e,transitionEnd:n,...i}=o;t={...t,...i,...n}}return t};function s(t,s){const a=e.getProps(),l=e.getVariantContext(!0)||{},u=[],c=new Set;let h={},d=1/0;for(let n=0;n<_o;n++){const p=Ko[n],g=o[p],y=void 0!==a[p]?a[p]:l[p],v=m(y),x=p===s?g.isActive:null;!1===x&&(d=n);let w=y===l[p]&&y!==a[p]&&v;if(w&&i&&e.manuallyAnimateOnMount&&(w=!1),g.protectedKeys={...h},!g.isActive&&null===x||!y&&!g.prevProp||f(y)||"boolean"==typeof y)continue;const E=Qo(g.prevProp,y);let b=E||p===s&&g.isActive&&!w&&v||n>d&&v;const P=Array.isArray(y)?y:[y];let A=P.reduce(r,{});!1===x&&(A={});const{prevResolvedValues:T={}}=g,S={...T,...A},V=t=>{b=!0,c.delete(t),g.needsAnimating[t]=!0};for(const t in S){const e=A[t],n=T[t];h.hasOwnProperty(t)||(e!==n?Ft(e)&&Ft(n)?!Ce(e,n)||E?V(t):g.protectedKeys[t]=!0:void 0!==e?V(t):c.add(t):void 0!==e&&c.has(t)?V(t):g.protectedKeys[t]=!0)}g.prevProp=y,g.prevResolvedValues=A,g.isActive&&(h={...h,...A}),i&&e.blockInitialAnimation&&(b=!1),b&&!w&&u.push(...P.map(e=>({animation:e,options:{type:p,...t}})))}if(c.size){const t={};c.forEach(n=>{const o=e.getBaseTarget(n);void 0!==o&&(t[n]=o)}),u.push({animation:t})}let p=Boolean(u.length);return i&&!1===a.initial&&!e.manuallyAnimateOnMount&&(p=!1),i=!1,p?n(u):Promise.resolve()}return{animateChanges:s,setActive:function(t,n,i){var r;if(o[t].isActive===n)return Promise.resolve();null===(r=e.variantChildren)||void 0===r||r.forEach(e=>{var o;return null===(o=e.animationState)||void 0===o?void 0:o.setActive(t,n)}),o[t].isActive=n;const a=s(i,t);for(const t in o)o[t].protectedKeys={};return a},setAnimateFunction:function(t){n=t(e)},getState:()=>o}}function Qo(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!Ce(e,t)}function ti(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const ei={animation:Te(({visualElement:t,animate:n})=>{t.animationState||(t.animationState=Jo(t)),f(n)&&e.useEffect(()=>n.subscribe(t),[n])}),exit:Te(n=>{const{custom:o,visualElement:i}=n,[r,s]=Ve(),a=e.useContext(u);e.useEffect(()=>{i.isPresent=r;const e=i.animationState&&i.animationState.setActive(t.AnimationType.Exit,!r,{custom:a&&a.custom||o});e&&!r&&e.then(s)},[r])})},ni=(t,e)=>Math.abs(t-e);function oi(t,e){const n=ni(t.x,e.x),o=ni(t.y,e.y);return Math.sqrt(n**2+o**2)}class ii{constructor(t,e,{transformPagePoint:n}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!this.lastMoveEvent||!this.lastMoveEventInfo)return;const t=ai(this.lastMoveEventInfo,this.history),e=null!==this.startEvent,n=oi(t.offset,{x:0,y:0})>=3;if(!e&&!n)return;const{point:o}=t,{timestamp:i}=Le;this.history.push({...o,timestamp:i});const{onStart:r,onMove:s}=this.handlers;e||(r&&r(this.lastMoveEvent,t),this.startEvent=this.lastMoveEvent),s&&s(this.lastMoveEvent,t)},this.handlePointerMove=(t,e)=>{this.lastMoveEvent=t,this.lastMoveEventInfo=ri(e,this.transformPagePoint),Xt(t)&&0===t.buttons?this.handlePointerUp(t,e):je.update(this.updatePoint,!0)},this.handlePointerUp=(t,e)=>{this.end();const{onEnd:n,onSessionEnd:o}=this.handlers,i=ai(ri(e,this.transformPagePoint),this.history);this.startEvent&&n&&n(t,i),o&&o(t,i)},Gt(t)&&t.touches.length>1)return;this.handlers=e,this.transformPagePoint=n;const o=ri(_t(t),this.transformPagePoint),{point:i}=o,{timestamp:r}=Le;this.history=[{...i,timestamp:r}];const{onSessionStart:s}=e;s&&s(t,ai(o,this.history)),this.removeListeners=pe(ne(window,"pointermove",this.handlePointerMove),ne(window,"pointerup",this.handlePointerUp),ne(window,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),Ue.update(this.updatePoint)}}function ri(t,e){return e?{point:e(t.point)}:t}function si(t,e){return{x:t.x-e.x,y:t.y-e.y}}function ai({point:t},e){return{point:t,delta:si(t,ui(e)),offset:si(t,li(e)),velocity:ci(e,.1)}}function li(t){return t[0]}function ui(t){return t[t.length-1]}function ci(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,o=null;const i=ui(t);for(;n>=0&&(o=t[n],!(i.timestamp-o.timestamp>Dn(e)));)n--;if(!o)return{x:0,y:0};const r=(i.timestamp-o.timestamp)/1e3;if(0===r)return{x:0,y:0};const s={x:(i.x-o.x)/r,y:(i.y-o.y)/r};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function hi(t){return t.max-t.min}function di(t,e=0,n=.01){return Math.abs(t-e)<=n}function pi(t,e,n,o=.5){t.origin=o,t.originPoint=Un(e.min,e.max,t.origin),t.scale=hi(n)/hi(e),(di(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=Un(n.min,n.max,t.origin)-t.originPoint,(di(t.translate)||isNaN(t.translate))&&(t.translate=0)}function mi(t,e,n,o){pi(t.x,e.x,n.x,null==o?void 0:o.originX),pi(t.y,e.y,n.y,null==o?void 0:o.originY)}function fi(t,e,n){t.min=n.min+e.min,t.max=t.min+hi(e)}function gi(t,e,n){t.min=e.min-n.min,t.max=t.min+hi(e)}function yi(t,e,n){gi(t.x,e.x,n.x),gi(t.y,e.y,n.y)}function vi(t,e,n){return{min:void 0!==e?t.min+e:void 0,max:void 0!==n?t.max+n-(t.max-t.min):void 0}}function xi(t,e){let n=e.min-t.min,o=e.max-t.max;return e.max-e.min<t.max-t.min&&([n,o]=[o,n]),{min:n,max:o}}const wi=.35;function Ei(t,e,n){return{min:bi(t,e),max:bi(t,n)}}function bi(t,e){return"number"==typeof t?t:t[e]||0}const Pi=()=>({x:{min:0,max:0},y:{min:0,max:0}});function Ai(t){return[t("x"),t("y")]}function Ti({top:t,left:e,right:n,bottom:o}){return{x:{min:e,max:n},y:{min:t,max:o}}}function Si(t){return void 0===t||1===t}function Vi({scale:t,scaleX:e,scaleY:n}){return!Si(t)||!Si(e)||!Si(n)}function Ci(t){return Vi(t)||Mi(t)||t.z||t.rotate||t.rotateX||t.rotateY}function Mi(t){return Li(t.x)||Li(t.y)}function Li(t){return t&&"0%"!==t}function Ri(t,e,n){return n+e*(t-n)}function Di(t,e,n,o,i){return void 0!==i&&(t=Ri(t,i,o)),Ri(t,n,o)+e}function ki(t,e=0,n=1,o,i){t.min=Di(t.min,e,n,o,i),t.max=Di(t.max,e,n,o,i)}function Bi(t,{x:e,y:n}){ki(t.x,e.translate,e.scale,e.originPoint),ki(t.y,n.translate,n.scale,n.originPoint)}function Oi(t){return Number.isInteger(t)||t>1.0000000000001||t<.999999999999?t:1}function Fi(t,e){t.min=t.min+e,t.max=t.max+e}function Ii(t,e,[n,o,i]){const r=void 0!==e[i]?e[i]:.5,s=Un(t.min,t.max,r);ki(t,e[n],e[o],s,e.scale)}const ji=["x","scaleX","originX"],Ui=["y","scaleY","originY"];function Ni(t,e){Ii(t.x,e,ji),Ii(t.y,e,Ui)}function zi(t,e){return Ti(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),o=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:o.y,right:o.x}}(t.getBoundingClientRect(),e))}const Wi=new WeakMap;class $i{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic={x:{min:0,max:0},y:{min:0,max:0}},this.visualElement=t}start(e,{snapToCursor:n=!1}={}){if(!1===this.visualElement.isPresent)return;this.panSession=new ii(e,{onSessionStart:t=>{this.stopAnimation(),n&&this.snapToCursor(_t(t,"page").point)},onStart:(e,n)=>{var o;const{drag:i,dragPropagation:r,onDragStart:s}=this.getProps();(!i||r||(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=ae(i),this.openGlobalLock))&&(this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),Ai(t=>{var e,n;let o=this.getAxisMotionValue(t).get()||0;if(it.test(o)){const i=null===(n=null===(e=this.visualElement.projection)||void 0===e?void 0:e.layout)||void 0===n?void 0:n.layoutBox[t];if(i){o=hi(i)*(parseFloat(o)/100)}}this.originPoint[t]=o}),null==s||s(e,n),null===(o=this.visualElement.animationState)||void 0===o||o.setActive(t.AnimationType.Drag,!0))},onMove:(t,e)=>{const{dragPropagation:n,dragDirectionLock:o,onDirectionLock:i,onDrag:r}=this.getProps();if(!n&&!this.openGlobalLock)return;const{offset:s}=e;if(o&&null===this.currentDirection)return this.currentDirection=function(t,e=10){let n=null;Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x");return n}(s),void(null!==this.currentDirection&&(null==i||i(this.currentDirection)));this.updateAxis("x",e.point,s),this.updateAxis("y",e.point,s),this.visualElement.render(),null==r||r(t,e)},onSessionEnd:(t,e)=>this.stop(t,e)},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const n=this.isDragging;if(this.cancel(),!n)return;const{velocity:o}=e;this.startAnimation(o);const{onDragEnd:i}=this.getProps();null==i||i(t,e)}cancel(){var e,n;this.isDragging=!1,this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!1),null===(e=this.panSession)||void 0===e||e.end(),this.panSession=void 0;const{dragPropagation:o}=this.getProps();!o&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),null===(n=this.visualElement.animationState)||void 0===n||n.setActive(t.AnimationType.Drag,!1)}updateAxis(t,e,n){const{drag:o}=this.getProps();if(!n||!Hi(t,o,this.currentDirection))return;const i=this.getAxisMotionValue(t);let r=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(r=function(t,{min:e,max:n},o){return void 0!==e&&t<e?t=o?Un(e,t,o.min):Math.max(t,e):void 0!==n&&t>n&&(t=o?Un(n,t,o.max):Math.min(t,n)),t}(r,this.constraints[t],this.elastic[t])),i.set(r)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:n}=this.visualElement.projection||{},o=this.constraints;t&&p(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!t||!n)&&function(t,{top:e,left:n,bottom:o,right:i}){return{x:vi(t.x,n,i),y:vi(t.y,e,o)}}(n.layoutBox,t),this.elastic=function(t=wi){return!1===t?t=0:!0===t&&(t=wi),{x:Ei(t,"left","right"),y:Ei(t,"top","bottom")}}(e),o!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&Ai(t=>{this.getAxisMotionValue(t)&&(this.constraints[t]=function(t,e){const n={};return void 0!==e.min&&(n.min=e.min-t.min),void 0!==e.max&&(n.max=e.max-t.min),n}(n.layoutBox[t],this.constraints[t]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!p(t))return!1;const n=t.current,{projection:o}=this.visualElement;if(!o||!o.layout)return!1;const i=function(t,e,n){const o=zi(t,n),{scroll:i}=e;return i&&(Fi(o.x,i.offset.x),Fi(o.y,i.offset.y)),o}(n,o.root,this.visualElement.getTransformPagePoint());let r=function(t,e){return{x:xi(t.x,e.x),y:xi(t.y,e.y)}}(o.layout.layoutBox,i);if(e){const t=e(function({x:t,y:e}){return{top:e.min,right:t.max,bottom:e.max,left:t.min}}(r));this.hasMutatedConstraints=!!t,t&&(r=Ti(t))}return r}startAnimation(t){const{drag:e,dragMomentum:n,dragElastic:o,dragTransition:i,dragSnapToOrigin:r,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=Ai(s=>{if(!Hi(s,e,this.currentDirection))return;let l=(null==a?void 0:a[s])||{};r&&(l={min:0,max:0});const u=o?200:1e6,c=o?40:1e7,h={type:"inertia",velocity:n?t[s]:0,bounceStiffness:u,bounceDamping:c,timeConstant:750,restDelta:1,restSpeed:10,...i,...l};return this.startAxisValueAnimation(s,h)});return Promise.all(l).then(s)}startAxisValueAnimation(t,e){const n=this.getAxisMotionValue(t);return n.start($o(t,n,0,e))}stopAnimation(){Ai(t=>this.getAxisMotionValue(t).stop())}getAxisMotionValue(t){var e;const n="_drag"+t.toUpperCase(),o=this.visualElement.getProps()[n];return o||this.visualElement.getValue(t,(null===(e=this.visualElement.getProps().initial)||void 0===e?void 0:e[t])||0)}snapToCursor(t){Ai(e=>{const{drag:n}=this.getProps();if(!Hi(e,n,this.currentDirection))return;const{projection:o}=this.visualElement,i=this.getAxisMotionValue(e);if(o&&o.layout){const{min:n,max:r}=o.layout.layoutBox[e];i.set(t[e]-Un(n,r,.5))}})}scalePositionWithinConstraints(){var t;if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:o}=this.visualElement;if(!p(n)||!o||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};Ai(t=>{const e=this.getAxisMotionValue(t);if(e){const n=e.get();i[t]=function(t,e){let n=.5;const o=hi(t),i=hi(e);return i>o?n=Zn(e.min,e.max-o,t.min):o>i&&(n=Zn(t.min,t.max-i,e.min)),G(0,1,n)}({min:n,max:n},this.constraints[t])}});const{transformTemplate:r}=this.visualElement.getProps();this.visualElement.current.style.transform=r?r({},""):"none",null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout(),this.resolveConstraints(),Ai(t=>{if(!Hi(t,e,null))return;const n=this.getAxisMotionValue(t),{min:o,max:r}=this.constraints[t];n.set(Un(o,r,i[t]))})}addListeners(){var t;if(!this.visualElement.current)return;Wi.set(this.visualElement,this);const e=ne(this.visualElement.current,"pointerdown",t=>{const{drag:e,dragListener:n=!0}=this.getProps();e&&n&&this.start(t)}),n=()=>{const{dragConstraints:t}=this.getProps();p(t)&&(this.constraints=this.resolveRefConstraints())},{projection:o}=this.visualElement,i=o.addEventListener("measure",n);o&&!o.layout&&(null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout()),n();const r=Ht(window,"resize",()=>this.scalePositionWithinConstraints()),s=o.addEventListener("didUpdate",({delta:t,hasLayoutChanged:e})=>{this.isDragging&&e&&(Ai(e=>{const n=this.getAxisMotionValue(e);n&&(this.originPoint[e]+=t[e].translate,n.set(n.get()+t[e].translate))}),this.visualElement.render())});return()=>{r(),e(),i(),null==s||s()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:n=!1,dragPropagation:o=!1,dragConstraints:i=!1,dragElastic:r=wi,dragMomentum:s=!0}=t;return{...t,drag:e,dragDirectionLock:n,dragPropagation:o,dragConstraints:i,dragElastic:r,dragMomentum:s}}}function Hi(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}const Yi={pan:Te((function({onPan:t,onPanStart:n,onPanEnd:o,onPanSessionStart:i,visualElement:r}){const a=t||n||o||i,l=e.useRef(null),{transformPagePoint:u}=e.useContext(s),c={onSessionStart:i,onStart:n,onMove:t,onEnd:(t,e)=>{l.current=null,o&&o(t,e)}};e.useEffect(()=>{null!==l.current&&l.current.updateHandlers(c)}),oe(r,"pointerdown",a&&function(t){l.current=new ii(t,c,{transformPagePoint:u})}),he(()=>l.current&&l.current.end())})),drag:Te((function(t){const{dragControls:n,visualElement:o}=t,i=A(()=>new $i(o));e.useEffect(()=>n&&n.subscribe(i),[i,n]),e.useEffect(()=>i.addListeners(),[i])}))};function Xi(t){return"string"==typeof t&&t.startsWith("var(--")}const Gi=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function qi(t,e,n=1){const[o,i]=function(t){const e=Gi.exec(t);if(!e)return[,];const[,n,o]=e;return[n,o]}(t);if(!o)return;const r=window.getComputedStyle(e).getPropertyValue(o);return r?r.trim():Xi(i)?qi(i,e,n+1):i}const Zi=new Set(["width","height","top","left","right","bottom","x","y"]),Ki=t=>Zi.has(t),_i=(t,e)=>{t.set(e,!1),t.set(e)},Ji=t=>t===q||t===rt;var Qi;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Qi||(Qi={}));const tr=(t,e)=>parseFloat(t.split(", ")[e]),er=(t,e)=>(n,{transform:o})=>{if("none"===o||!o)return 0;const i=o.match(/^matrix3d\((.+)\)$/);if(i)return tr(i[1],e);{const e=o.match(/^matrix\((.+)\)$/);return e?tr(e[1],t):0}},nr=new Set(["x","y","z"]),or=j.filter(t=>!nr.has(t));const ir={width:({x:t},{paddingLeft:e="0",paddingRight:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),height:({y:t},{paddingTop:e="0",paddingBottom:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),top:(t,{top:e})=>parseFloat(e),left:(t,{left:e})=>parseFloat(e),bottom:({y:t},{top:e})=>parseFloat(e)+(t.max-t.min),right:({x:t},{left:e})=>parseFloat(e)+(t.max-t.min),x:er(4,13),y:er(5,14)},rr=(t,e,n={},o={})=>{e={...e},o={...o};const i=Object.keys(e).filter(Ki);let r=[],s=!1;const a=[];if(i.forEach(i=>{const l=t.getValue(i);if(!t.hasValue(i))return;let u=n[i],c=vn(u);const h=e[i];let d;if(Ft(h)){const t=h.length,e=null===h[0]?1:0;u=h[e],c=vn(u);for(let n=e;n<t;n++)d?vn(h[n]):d=vn(h[n])}else d=vn(h);if(c!==d)if(Ji(c)&&Ji(d)){const t=l.get();"string"==typeof t&&l.set(parseFloat(t)),"string"==typeof h?e[i]=parseFloat(h):Array.isArray(h)&&d===rt&&(e[i]=h.map(parseFloat))}else(null==c?void 0:c.transform)&&(null==d?void 0:d.transform)&&(0===u||0===h)?0===u?l.set(d.transform(u)):e[i]=c.transform(h):(s||(r=function(t){const e=[];return or.forEach(n=>{const o=t.getValue(n);void 0!==o&&(e.push([n,o.get()]),o.set(n.startsWith("scale")?1:0))}),e.length&&t.render(),e}(t),s=!0),a.push(i),o[i]=void 0!==o[i]?o[i]:e[i],_i(l,h))}),a.length){const n=a.indexOf("height")>=0?window.pageYOffset:null,i=((t,e,n)=>{const o=e.measureViewportBox(),i=e.current,r=getComputedStyle(i),{display:s}=r,a={};"none"===s&&e.setStaticValue("display",t.display||"block"),n.forEach(t=>{a[t]=ir[t](o,r)}),e.render();const l=e.measureViewportBox();return n.forEach(n=>{const o=e.getValue(n);_i(o,a[n]),t[n]=ir[n](l,r)}),t})(e,t,a);return r.length&&r.forEach(([e,n])=>{t.getValue(e).set(n)}),t.render(),c&&null!==n&&window.scrollTo({top:n}),{target:i,transitionEnd:o}}return{target:e,transitionEnd:o}};function sr(t,e,n,o){return(t=>Object.keys(t).some(Ki))(e)?rr(t,e,n,o):{target:e,transitionEnd:o}}const ar=(t,e,n,o)=>{const i=function(t,{...e},n){const o=t.current;if(!(o instanceof Element))return{target:e,transitionEnd:n};n&&(n={...n}),t.values.forEach(t=>{const e=t.get();if(!Xi(e))return;const n=qi(e,o);n&&t.set(n)});for(const t in e){const i=e[t];if(!Xi(i))continue;const r=qi(i,o);r&&(e[t]=r,n&&void 0===n[t]&&(n[t]=i))}return{target:e,transitionEnd:n}}(t,e,o);return sr(t,e=i.target,n,o=i.transitionEnd)},lr={current:null},ur={current:!1};function cr(){if(ur.current=!0,c)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>lr.current=t.matches;t.addListener(e),e()}else lr.current=!1}const hr=Object.keys(b),dr=hr.length,pr=["AnimationStart","AnimationComplete","Update","Unmount","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class mr{constructor({parent:t,props:e,reducedMotionConfig:n,visualState:o},i={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.isPresent=!0,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=()=>je.render(this.render,!1,!0);const{latestValues:r,renderState:s}=o;this.latestValues=r,this.baseTarget={...r},this.initialValues=e.initial?{...r}:{},this.renderState=s,this.parent=t,this.props=e,this.depth=t?t.depth+1:0,this.reducedMotionConfig=n,this.options=i,this.isControllingVariants=y(e),this.isVariantNode=v(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=Boolean(t&&t.current);const{willChange:a,...l}=this.scrapeMotionValuesFromProps(e);for(const t in l){const e=l[t];void 0!==r[t]&&z(e)&&(e.set(r[t],!1),Cn(a)&&a.add(t))}}scrapeMotionValuesFromProps(t){return{}}mount(t){var e;this.current=t,this.projection&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=null===(e=this.parent)||void 0===e?void 0:e.addVariantChild(this)),this.values.forEach((t,e)=>this.bindToMotionValue(e,t)),ur.current||cr(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||lr.current),this.parent&&this.parent.children.add(this),this.setProps(this.props)}unmount(){var t,e,n;null===(t=this.projection)||void 0===t||t.unmount(),Ue.update(this.notifyUpdate),Ue.render(this.render),this.valueSubscriptions.forEach(t=>t()),null===(e=this.removeFromVariantTree)||void 0===e||e.call(this),null===(n=this.parent)||void 0===n||n.children.delete(this);for(const t in this.events)this.events[t].clear();this.current=null}bindToMotionValue(t,e){const n=U.has(t),o=e.onChange(e=>{this.latestValues[t]=e,this.props.onUpdate&&je.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)}),i=e.onRenderRequest(this.scheduleRender);this.valueSubscriptions.set(t,()=>{o(),i()})}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures(t,n,o,i,r,s){const a=[];for(let n=0;n<dr;n++){const o=hr[n],{isEnabled:i,Component:r}=b[o];i(t)&&r&&a.push(e.createElement(r,{key:o,...t,visualElement:this}))}if(!this.projection&&r){this.projection=new r(i,this.latestValues,this.parent&&this.parent.projection);const{layoutId:e,layout:n,drag:o,dragConstraints:a,layoutScroll:l}=t;this.projection.setOptions({layoutId:e,layout:n,alwaysMeasureLayout:Boolean(o)||a&&p(a),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:"string"==typeof n?n:"both",initialPromotionConfig:s,layoutScroll:l})}return a}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):{x:{min:0,max:0},y:{min:0,max:0}}}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e=!0){return this.makeTargetAnimatableFromInstance(t,this.props,e)}setProps(t){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.props=t;for(let e=0;e<pr.length;e++){const n=pr[e];this.propEventSubscriptions[n]&&(this.propEventSubscriptions[n](),delete this.propEventSubscriptions[n]);const o=t["on"+n];o&&(this.propEventSubscriptions[n]=this.on(n,o))}this.prevMotionValues=function(t,e,n){const{willChange:o}=e;for(const i in e){const r=e[i],s=n[i];if(z(r))t.addValue(i,r),Cn(o)&&o.add(i);else if(z(s))t.addValue(i,Ze(r,{owner:t})),Cn(o)&&o.remove(i);else if(s!==r)if(t.hasValue(i)){const e=t.getValue(i);!e.hasAnimated&&e.set(r)}else{const e=t.getStaticValue(i);t.addValue(i,Ze(void 0!==e?e:r))}}for(const o in n)void 0===e[o]&&t.removeValue(o);return e}(this,this.scrapeMotionValuesFromProps(t),this.prevMotionValues)}getProps(){return this.props}getVariant(t){var e;return null===(e=this.props.variants)||void 0===e?void 0:e[t]}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){var t;return this.isVariantNode?this:null===(t=this.parent)||void 0===t?void 0:t.getClosestVariantNode()}getVariantContext(t=!1){var e,n;if(t)return null===(e=this.parent)||void 0===e?void 0:e.getVariantContext();if(!this.isControllingVariants){const t=(null===(n=this.parent)||void 0===n?void 0:n.getVariantContext())||{};return void 0!==this.props.initial&&(t.initial=this.props.initial),t}const o={};for(let t=0;t<gr;t++){const e=fr[t],n=this.props[e];(m(n)||!1===n)&&(o[e]=n)}return o}addVariantChild(t){var e;const n=this.getClosestVariantNode();if(n)return null===(e=n.variantChildren)||void 0===e||e.add(t),()=>n.variantChildren.delete(t)}addValue(t,e){this.hasValue(t)&&this.removeValue(t),this.values.set(t,e),this.latestValues[t]=e.get(),this.bindToMotionValue(t,e)}removeValue(t){var e;this.values.delete(t),null===(e=this.valueSubscriptions.get(t))||void 0===e||e(),this.valueSubscriptions.delete(t),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return void 0===n&&void 0!==e&&(n=Ze(e,{owner:this}),this.addValue(t,n)),n}readValue(t){return void 0===this.latestValues[t]&&this.current?this.readValueFromInstance(this.current,t,this.options):this.latestValues[t]}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:n}=this.props,o="string"==typeof n||"object"==typeof n?null===(e=Ot(this.props,n))||void 0===e?void 0:e[t]:void 0;if(n&&void 0!==o)return o;const i=this.getBaseTargetFromProps(this.props,t);return void 0===i||z(i)?void 0!==this.initialValues[t]&&void 0===o?void 0:this.baseTarget[t]:i}on(t,e){return this.events[t]||(this.events[t]=new Xe),this.events[t].add(e)}notify(t,...e){var n;null===(n=this.events[t])||void 0===n||n.notify(...e)}}const fr=["initial",...Zo],gr=fr.length;class yr extends mr{sortInstanceNodePosition(t,e){return 2&t.compareDocumentPosition(e)?1:-1}getBaseTargetFromProps(t,e){var n;return null===(n=t.style)||void 0===n?void 0:n[e]}removeValueFromRenderState(t,{vars:e,style:n}){delete e[t],delete n[t]}makeTargetAnimatableFromInstance({transition:t,transitionEnd:e,...n},{transformValues:o},i){let r=Vn(n,t||{},this);if(o&&(e&&(e=o(e)),n&&(n=o(n)),r&&(r=o(r))),i){Tn(this,n,r);const t=ar(this,n,r,e);e=t.transitionEnd,n=t.target}return{transition:t,transitionEnd:e,...n}}}class vr extends yr{readValueFromInstance(t,e){if(U.has(e)){const t=mn(e);return t&&t.default||0}{const o=(n=t,window.getComputedStyle(n)),i=(Y(e)?o.getPropertyValue(e):o[e])||0;return"string"==typeof i?i.trim():i}var n}measureInstanceViewportBox(t,{transformPagePoint:e}){return zi(t,e)}build(t,e,n,o){ht(t,e,n,o.transformTemplate)}scrapeMotionValuesFromProps(t){return kt(t)}renderInstance(t,e,n,o){Lt(t,e,n,o)}}class xr extends yr{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){var n;return U.has(e)?(null===(n=mn(e))||void 0===n?void 0:n.default)||0:(e=Rt.has(e)?e:Mt(e),t.getAttribute(e))}measureInstanceViewportBox(){return{x:{min:0,max:0},y:{min:0,max:0}}}scrapeMotionValuesFromProps(t){return Bt(t)}build(t,e,n,o){At(t,e,n,this.isSVGTag,o.transformTemplate)}renderInstance(t,e,n,o){Dt(t,e,0,o)}mount(t){this.isSVGTag=St(t.tagName),super.mount(t)}}const wr=(t,e)=>O(t)?new xr(e,{enableHardwareAcceleration:!1}):new vr(e,{enableHardwareAcceleration:!0});function Er(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const br={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t){if(!rt.test(t))return t;t=parseFloat(t)}return`${Er(t,e.target.x)}% ${Er(t,e.target.y)}%`}},Pr={correct:(t,{treeScale:e,projectionDelta:n})=>{const o=t,i=t.includes("var("),r=[];i&&(t=t.replace(Gi,t=>(r.push(t),"_$css")));const s=ln.parse(t);if(s.length>5)return o;const a=ln.createTransformer(t),l="number"!=typeof s[0]?1:0,u=n.x.scale*e.x,c=n.y.scale*e.y;s[0+l]/=u,s[1+l]/=c;const h=Un(u,c,.5);"number"==typeof s[2+l]&&(s[2+l]/=h),"number"==typeof s[3+l]&&(s[3+l]/=h);let d=a(s);if(i){let t=0;d=d.replace("_$css",()=>{const e=r[t];return t++,e})}return d}};class Ar extends i.default.Component{componentDidMount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n,layoutId:o}=this.props,{projection:i}=t;I(Tr),i&&(e.group&&e.group.add(i),n&&n.register&&o&&n.register(i),i.root.didUpdate(),i.addEventListener("animationComplete",()=>{this.safeToRemove()}),i.setOptions({...i.options,onExitComplete:()=>this.safeToRemove()})),T.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:e,visualElement:n,drag:o,isPresent:i}=this.props,r=n.projection;return r?(r.isPresent=i,o||t.layoutDependency!==e||void 0===e?r.willUpdate():this.safeToRemove(),t.isPresent!==i&&(i?r.promote():r.relegate()||je.postRender(()=>{var t;(null===(t=r.getStack())||void 0===t?void 0:t.members.length)||this.safeToRemove()})),null):null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),!t.currentAnimation&&t.isLead()&&this.safeToRemove())}componentWillUnmount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n}=this.props,{projection:o}=t;o&&(o.scheduleCheckAfterUnmount(),(null==e?void 0:e.group)&&e.group.remove(o),(null==n?void 0:n.deregister)&&n.deregister(o))}safeToRemove(){const{safeToRemove:t}=this.props;null==t||t()}render(){return null}}const Tr={borderRadius:{...br,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:br,borderTopRightRadius:br,borderBottomLeftRadius:br,borderBottomRightRadius:br,boxShadow:Pr},Sr={measureLayout:function(t){const[n,o]=Ve(),r=e.useContext(V);return i.default.createElement(Ar,{...t,layoutGroup:r,switchLayoutGroup:e.useContext(M),isPresent:n,safeToRemove:o})}};function Vr(t,e,n={}){const o=z(t)?t:Ze(t);return o.start($o("",o,e,n)),{stop:()=>o.stop(),isAnimating:()=>o.isAnimating()}}const Cr=["TopLeft","TopRight","BottomLeft","BottomRight"],Mr=Cr.length,Lr=t=>"string"==typeof t?parseFloat(t):t,Rr=t=>"number"==typeof t||rt.test(t);function Dr(t,e){return void 0!==t[e]?t[e]:t.borderRadius}const kr=Or(0,.5,oo),Br=Or(.5,.95,Qn);function Or(t,e,n){return o=>o<t?0:o>e?1:n(Zn(t,e,o))}function Fr(t,e){t.min=e.min,t.max=e.max}function Ir(t,e){Fr(t.x,e.x),Fr(t.y,e.y)}function jr(t,e,n,o,i){return t=Ri(t-=e,1/n,o),void 0!==i&&(t=Ri(t,1/i,o)),t}function Ur(t,e,[n,o,i],r,s){!function(t,e=0,n=1,o=.5,i,r=t,s=t){if(it.test(e)){e=parseFloat(e);e=Un(s.min,s.max,e/100)-s.min}if("number"!=typeof e)return;let a=Un(r.min,r.max,o);t===r&&(a-=e),t.min=jr(t.min,e,n,a,i),t.max=jr(t.max,e,n,a,i)}(t,e[n],e[o],e[i],e.scale,r,s)}const Nr=["x","scaleX","originX"],zr=["y","scaleY","originY"];function Wr(t,e,n,o){Ur(t.x,e,Nr,null==n?void 0:n.x,null==o?void 0:o.x),Ur(t.y,e,zr,null==n?void 0:n.y,null==o?void 0:o.y)}function $r(t){return 0===t.translate&&1===t.scale}function Hr(t){return $r(t.x)&&$r(t.y)}function Yr(t,e){return t.x.min===e.x.min&&t.x.max===e.x.max&&t.y.min===e.y.min&&t.y.max===e.y.max}function Xr(t){return hi(t.x)/hi(t.y)}class Gr{constructor(){this.members=[]}add(t){He(this.members,t),t.scheduleRender()}remove(t){if(Ye(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const t=this.members[this.members.length-1];t&&this.promote(t)}}relegate(t){const e=this.members.findIndex(e=>t===e);if(0===e)return!1;let n;for(let t=e;t>=0;t--){const e=this.members[t];if(!1!==e.isPresent){n=e;break}}return!!n&&(this.promote(n),!0)}promote(t,e){var n;const o=this.lead;if(t!==o&&(this.prevLead=o,this.lead=t,t.show(),o)){o.instance&&o.scheduleRender(),t.scheduleRender(),t.resumeFrom=o,e&&(t.resumeFrom.preserveOpacity=!0),o.snapshot&&(t.snapshot=o.snapshot,t.snapshot.latestValues=o.animationValues||o.latestValues),(null===(n=t.root)||void 0===n?void 0:n.isUpdating)&&(t.isLayoutDirty=!0);const{crossfade:i}=t.options;!1===i&&o.hide()}}exitAnimationComplete(){this.members.forEach(t=>{var e,n,o,i,r;null===(n=(e=t.options).onExitComplete)||void 0===n||n.call(e),null===(r=null===(o=t.resumingFrom)||void 0===o?void 0:(i=o.options).onExitComplete)||void 0===r||r.call(i)})}scheduleRender(){this.members.forEach(t=>{t.instance&&t.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function qr(t,e,n){let o="";const i=t.x.translate/e.x,r=t.y.translate/e.y;if((i||r)&&(o=`translate3d(${i}px, ${r}px, 0) `),1===e.x&&1===e.y||(o+=`scale(${1/e.x}, ${1/e.y}) `),n){const{rotate:t,rotateX:e,rotateY:i}=n;t&&(o+=`rotate(${t}deg) `),e&&(o+=`rotateX(${e}deg) `),i&&(o+=`rotateY(${i}deg) `)}const s=t.x.scale*e.x,a=t.y.scale*e.y;return 1===s&&1===a||(o+=`scale(${s}, ${a})`),o||"none"}const Zr=(t,e)=>t.depth-e.depth;class Kr{constructor(){this.children=[],this.isDirty=!1}add(t){He(this.children,t),this.isDirty=!0}remove(t){Ye(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(Zr),this.isDirty=!1,this.children.forEach(t)}}const _r=["","X","Y","Z"];let Jr=0;function Qr({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:o,resetTransform:i}){return class{constructor(t,n={},o=(null==e?void 0:e())){this.id=Jr++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isTransformDirty=!1,this.isProjectionDirty=!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.potentialNodes=new Map,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.nodes.forEach(ns),this.nodes.forEach(as),this.nodes.forEach(ls)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.elementId=t,this.latestValues=n,this.root=o?o.root||o:this,this.path=o?[...o.path,o]:[],this.parent=o,this.depth=o?o.depth+1:0,t&&this.root.registerPotentialNode(t,this);for(let t=0;t<this.path.length;t++)this.path[t].shouldResetTransform=!0;this.root===this&&(this.nodes=new Kr)}addEventListener(t,e){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new Xe),this.eventHandlers.get(t).add(e)}notifyListeners(t,...e){const n=this.eventHandlers.get(t);null==n||n.notify(...e)}hasListeners(t){return this.eventHandlers.has(t)}registerPotentialNode(t,e){this.potentialNodes.set(t,e)}mount(e,n=!1){var o;if(this.instance)return;this.isSVG=e instanceof SVGElement&&"svg"!==e.tagName,this.instance=e;const{layoutId:i,layout:r,visualElement:s}=this.options;if(s&&!s.current&&s.mount(e),this.root.nodes.add(this),null===(o=this.parent)||void 0===o||o.children.add(this),this.elementId&&this.root.potentialNodes.delete(this.elementId),n&&(r||i)&&(this.isLayoutDirty=!0),t){let n;const o=()=>this.root.updateBlockedByResize=!1;t(e,()=>{this.root.updateBlockedByResize=!0,n&&n(),n=Vo(o,250),T.hasAnimatedSinceResize&&(T.hasAnimatedSinceResize=!1,this.nodes.forEach(ss))})}i&&this.root.registerSharedNode(i,this),!1!==this.options.animate&&s&&(i||r)&&this.addEventListener("didUpdate",({delta:t,hasLayoutChanged:e,hasRelativeTargetChanged:n,layout:o})=>{var i,r,a,l,u;if(this.isTreeAnimationBlocked())return this.target=void 0,void(this.relativeTarget=void 0);const c=null!==(r=null!==(i=this.options.transition)&&void 0!==i?i:s.getDefaultTransition())&&void 0!==r?r:ms,{onLayoutAnimationStart:h,onLayoutAnimationComplete:d}=s.getProps(),p=!this.targetLayout||!Yr(this.targetLayout,o)||n,m=!e&&n;if((null===(a=this.resumeFrom)||void 0===a?void 0:a.instance)||m||e&&(p||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0),this.setAnimationOrigin(t,m);const e={...jo(c,"layout"),onPlay:h,onComplete:d};s.shouldReduceMotion&&(e.delay=0,e.type=!1),this.startAnimation(e)}else e||0!==this.animationProgress||ss(this),this.isLead()&&(null===(u=(l=this.options).onExitComplete)||void 0===u||u.call(l));this.targetLayout=o})}unmount(){var t,e;this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this),null===(t=this.getStack())||void 0===t||t.remove(this),null===(e=this.parent)||void 0===e||e.children.delete(this),this.instance=void 0,Ue.preRender(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){var t;return this.isAnimationBlocked||(null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimationBlocked())||!1}startUpdate(){var t;this.isUpdateBlocked()||(this.isUpdating=!0,null===(t=this.nodes)||void 0===t||t.forEach(us),this.animationId++)}willUpdate(t=!0){var e,n,o;if(this.root.isUpdateBlocked())return void(null===(n=(e=this.options).onExitComplete)||void 0===n||n.call(e));if(!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let t=0;t<this.path.length;t++){const e=this.path[t];e.shouldResetTransform=!0,e.updateScroll("snapshot")}const{layoutId:i,layout:r}=this.options;if(void 0===i&&!r)return;const s=null===(o=this.options.visualElement)||void 0===o?void 0:o.getProps().transformTemplate;this.prevTransformTemplateValue=null==s?void 0:s(this.latestValues,""),this.updateSnapshot(),t&&this.notifyListeners("willUpdate")}didUpdate(){if(this.isUpdateBlocked())return this.unblockUpdate(),this.clearAllSnapshots(),void this.nodes.forEach(is);this.isUpdating&&(this.isUpdating=!1,this.potentialNodes.size&&(this.potentialNodes.forEach(fs),this.potentialNodes.clear()),this.nodes.forEach(rs),this.nodes.forEach(ts),this.nodes.forEach(es),this.clearAllSnapshots(),Ne.update(),Ne.preRender(),Ne.render())}clearAllSnapshots(){this.nodes.forEach(os),this.sharedNodes.forEach(cs)}scheduleUpdateProjection(){je.preRender(this.updateProjection,!1,!0)}scheduleCheckAfterUnmount(){je.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure())}updateLayout(){var t;if(!this.instance)return;if(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let t=0;t<this.path.length;t++){this.path[t].updateScroll()}const e=this.layout;this.layout=this.measure(!1),this.layoutCorrected={x:{min:0,max:0},y:{min:0,max:0}},this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox),null===(t=this.options.visualElement)||void 0===t||t.notify("LayoutMeasure",this.layout.layoutBox,null==e?void 0:e.layoutBox)}updateScroll(t="measure"){let e=Boolean(this.options.layoutScroll&&this.instance);this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===t&&(e=!1),e&&(this.scroll={animationId:this.root.animationId,phase:t,isRoot:o(this.instance),offset:n(this.instance)})}resetTransform(){var t;if(!i)return;const e=this.isLayoutDirty||this.shouldResetTransform,n=this.projectionDelta&&!Hr(this.projectionDelta),o=null===(t=this.options.visualElement)||void 0===t?void 0:t.getProps().transformTemplate,r=null==o?void 0:o(this.latestValues,""),s=r!==this.prevTransformTemplateValue;e&&(n||Ci(this.latestValues)||s)&&(i(this.instance,r),this.shouldResetTransform=!1,this.scheduleRender())}measure(t=!0){const e=this.measurePageBox();let n=this.removeElementScroll(e);var o;return t&&(n=this.removeTransform(n)),gs((o=n).x),gs(o.y),{animationId:this.root.animationId,measuredBox:e,layoutBox:n,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:t}=this.options;if(!t)return{x:{min:0,max:0},y:{min:0,max:0}};const e=t.measureViewportBox(),{scroll:n}=this.root;return n&&(Fi(e.x,n.offset.x),Fi(e.y,n.offset.y)),e}removeElementScroll(t){const e={x:{min:0,max:0},y:{min:0,max:0}};Ir(e,t);for(let n=0;n<this.path.length;n++){const o=this.path[n],{scroll:i,options:r}=o;if(o!==this.root&&i&&r.layoutScroll){if(i.isRoot){Ir(e,t);const{scroll:n}=this.root;n&&(Fi(e.x,-n.offset.x),Fi(e.y,-n.offset.y))}Fi(e.x,i.offset.x),Fi(e.y,i.offset.y)}}return e}applyTransform(t,e=!1){const n={x:{min:0,max:0},y:{min:0,max:0}};Ir(n,t);for(let t=0;t<this.path.length;t++){const o=this.path[t];!e&&o.options.layoutScroll&&o.scroll&&o!==o.root&&Ni(n,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),Ci(o.latestValues)&&Ni(n,o.latestValues)}return Ci(this.latestValues)&&Ni(n,this.latestValues),n}removeTransform(t){var e;const n={x:{min:0,max:0},y:{min:0,max:0}};Ir(n,t);for(let t=0;t<this.path.length;t++){const o=this.path[t];if(!o.instance)continue;if(!Ci(o.latestValues))continue;Vi(o.latestValues)&&o.updateSnapshot();const i={x:{min:0,max:0},y:{min:0,max:0}};Ir(i,o.measurePageBox()),Wr(n,o.latestValues,null===(e=o.snapshot)||void 0===e?void 0:e.layoutBox,i)}return Ci(this.latestValues)&&Wr(n,this.latestValues),n}setTargetDelta(t){this.targetDelta=t,this.isProjectionDirty=!0,this.root.scheduleUpdateProjection()}setOptions(t){this.options={...this.options,...t,crossfade:void 0===t.crossfade||t.crossfade}}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}resolveTargetDelta(){var t;const e=this.getLead();if(this.isProjectionDirty||(this.isProjectionDirty=e.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=e.isTransformDirty),!this.isProjectionDirty&&!this.attemptToResolveRelativeTarget)return;const{layout:n,layoutId:o}=this.options;if(this.layout&&(n||o)){if(!this.targetDelta&&!this.relativeTarget){const t=this.getClosestProjectingParent();t&&t.layout?(this.relativeParent=t,this.relativeTarget={x:{min:0,max:0},y:{min:0,max:0}},this.relativeTargetOrigin={x:{min:0,max:0},y:{min:0,max:0}},yi(this.relativeTargetOrigin,this.layout.layoutBox,t.layout.layoutBox),Ir(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}var i,r,s;if(this.relativeTarget||this.targetDelta)if(this.target||(this.target={x:{min:0,max:0},y:{min:0,max:0}},this.targetWithTransforms={x:{min:0,max:0},y:{min:0,max:0}}),this.relativeTarget&&this.relativeTargetOrigin&&(null===(t=this.relativeParent)||void 0===t?void 0:t.target)?(i=this.target,r=this.relativeTarget,s=this.relativeParent.target,fi(i.x,r.x,s.x),fi(i.y,r.y,s.y)):this.targetDelta?(Boolean(this.resumingFrom)?this.target=this.applyTransform(this.layout.layoutBox):Ir(this.target,this.layout.layoutBox),Bi(this.target,this.targetDelta)):Ir(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget){this.attemptToResolveRelativeTarget=!1;const t=this.getClosestProjectingParent();t&&Boolean(t.resumingFrom)===Boolean(this.resumingFrom)&&!t.options.layoutScroll&&t.target?(this.relativeParent=t,this.relativeTarget={x:{min:0,max:0},y:{min:0,max:0}},this.relativeTargetOrigin={x:{min:0,max:0},y:{min:0,max:0}},yi(this.relativeTargetOrigin,this.target,t.target),Ir(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}}}getClosestProjectingParent(){if(this.parent&&!Vi(this.parent.latestValues)&&!Mi(this.parent.latestValues))return(this.parent.relativeTarget||this.parent.targetDelta)&&this.parent.layout?this.parent:this.parent.getClosestProjectingParent()}calcProjection(){var t;const{isProjectionDirty:e,isTransformDirty:n}=this;this.isProjectionDirty=this.isTransformDirty=!1;const o=this.getLead(),i=Boolean(this.resumingFrom)||this!==o;let r=!0;if(e&&(r=!1),i&&n&&(r=!1),r)return;const{layout:s,layoutId:a}=this.options;if(this.isTreeAnimating=Boolean((null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimating)||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!s&&!a)return;Ir(this.layoutCorrected,this.layout.layoutBox),function(t,e,n,o=!1){var i,r;const s=n.length;if(!s)return;let a,l;e.x=e.y=1;for(let u=0;u<s;u++)a=n[u],l=a.projectionDelta,"contents"!==(null===(r=null===(i=a.instance)||void 0===i?void 0:i.style)||void 0===r?void 0:r.display)&&(o&&a.options.layoutScroll&&a.scroll&&a!==a.root&&Ni(t,{x:-a.scroll.offset.x,y:-a.scroll.offset.y}),l&&(e.x*=l.x.scale,e.y*=l.y.scale,Bi(t,l)),o&&Ci(a.latestValues)&&Ni(t,a.latestValues));e.x=Oi(e.x),e.y=Oi(e.y)}(this.layoutCorrected,this.treeScale,this.path,i);const{target:l}=o;if(!l)return;this.projectionDelta||(this.projectionDelta={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}},this.projectionDeltaWithTransform={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}});const u=this.treeScale.x,c=this.treeScale.y,h=this.projectionTransform;mi(this.projectionDelta,this.layoutCorrected,l,this.latestValues),this.projectionTransform=qr(this.projectionDelta,this.treeScale),this.projectionTransform===h&&this.treeScale.x===u&&this.treeScale.y===c||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",l))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(t=!0){var e,n,o;null===(n=(e=this.options).scheduleRender)||void 0===n||n.call(e),t&&(null===(o=this.getStack())||void 0===o||o.scheduleRender()),this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}setAnimationOrigin(t,e=!1){var n,o;const i=this.snapshot,r=(null==i?void 0:i.latestValues)||{},s={...this.latestValues},a={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};this.relativeTarget=this.relativeTargetOrigin=void 0,this.attemptToResolveRelativeTarget=!e;const l={x:{min:0,max:0},y:{min:0,max:0}},u=(null==i?void 0:i.source)!==(null===(n=this.layout)||void 0===n?void 0:n.source),c=((null===(o=this.getStack())||void 0===o?void 0:o.members.length)||0)<=1,h=Boolean(u&&!c&&!0===this.options.crossfade&&!this.path.some(ps));this.animationProgress=0,this.mixTargetDelta=e=>{var n;const o=e/1e3;var i,d,p,m;hs(a.x,t.x,o),hs(a.y,t.y,o),this.setTargetDelta(a),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&(null===(n=this.relativeParent)||void 0===n?void 0:n.layout)&&(yi(l,this.layout.layoutBox,this.relativeParent.layout.layoutBox),i=this.relativeTarget,d=this.relativeTargetOrigin,p=l,m=o,ds(i.x,d.x,p.x,m),ds(i.y,d.y,p.y,m)),u&&(this.animationValues=s,function(t,e,n,o,i,r){i?(t.opacity=Un(0,void 0!==n.opacity?n.opacity:1,kr(o)),t.opacityExit=Un(void 0!==e.opacity?e.opacity:1,0,Br(o))):r&&(t.opacity=Un(void 0!==e.opacity?e.opacity:1,void 0!==n.opacity?n.opacity:1,o));for(let i=0;i<Mr;i++){const r=`border${Cr[i]}Radius`;let s=Dr(e,r),a=Dr(n,r);if(void 0===s&&void 0===a)continue;s||(s=0),a||(a=0);0===s||0===a||Rr(s)===Rr(a)?(t[r]=Math.max(Un(Lr(s),Lr(a),o),0),(it.test(a)||it.test(s))&&(t[r]+="%")):t[r]=a}(e.rotate||n.rotate)&&(t.rotate=Un(e.rotate||0,n.rotate||0,o))}(s,r,this.latestValues,o,h,c)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=o},this.mixTargetDelta(0)}startAnimation(t){var e,n;this.notifyListeners("animationStart"),null===(e=this.currentAnimation)||void 0===e||e.stop(),this.resumingFrom&&(null===(n=this.resumingFrom.currentAnimation)||void 0===n||n.stop()),this.pendingAnimation&&(Ue.update(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=je.update(()=>{T.hasAnimatedSinceResize=!0,this.currentAnimation=Vr(0,1e3,{...t,onUpdate:e=>{var n;this.mixTargetDelta(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:()=>{var e;null===(e=t.onComplete)||void 0===e||e.call(t),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){var t;this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0),null===(t=this.getStack())||void 0===t||t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){var t;this.currentAnimation&&(null===(t=this.mixTargetDelta)||void 0===t||t.call(this,1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const t=this.getLead();let{targetWithTransforms:e,target:n,layout:o,latestValues:i}=t;if(e&&n&&o){if(this!==t&&this.layout&&o&&ys(this.options.animationType,this.layout.layoutBox,o.layoutBox)){n=this.target||{x:{min:0,max:0},y:{min:0,max:0}};const e=hi(this.layout.layoutBox.x);n.x.min=t.target.x.min,n.x.max=n.x.min+e;const o=hi(this.layout.layoutBox.y);n.y.min=t.target.y.min,n.y.max=n.y.min+o}Ir(e,n),Ni(e,i),mi(this.projectionDeltaWithTransform,this.layoutCorrected,e,i)}}registerSharedNode(t,e){var n,o,i;this.sharedNodes.has(t)||this.sharedNodes.set(t,new Gr);this.sharedNodes.get(t).add(e),e.promote({transition:null===(n=e.options.initialPromotionConfig)||void 0===n?void 0:n.transition,preserveFollowOpacity:null===(i=null===(o=e.options.initialPromotionConfig)||void 0===o?void 0:o.shouldPreserveFollowOpacity)||void 0===i?void 0:i.call(o,e)})}isLead(){const t=this.getStack();return!t||t.lead===this}getLead(){var t;const{layoutId:e}=this.options;return e&&(null===(t=this.getStack())||void 0===t?void 0:t.lead)||this}getPrevLead(){var t;const{layoutId:e}=this.options;return e?null===(t=this.getStack())||void 0===t?void 0:t.prevLead:void 0}getStack(){const{layoutId:t}=this.options;if(t)return this.root.sharedNodes.get(t)}promote({needsReset:t,transition:e,preserveFollowOpacity:n}={}){const o=this.getStack();o&&o.promote(this,n),t&&(this.projectionDelta=void 0,this.needsReset=!0),e&&this.setOptions({transition:e})}relegate(){const t=this.getStack();return!!t&&t.relegate(this)}resetRotation(){const{visualElement:t}=this.options;if(!t)return;let e=!1;const{latestValues:n}=t;if((n.rotate||n.rotateX||n.rotateY||n.rotateZ)&&(e=!0),!e)return;const o={};for(let e=0;e<_r.length;e++){const i="rotate"+_r[e];n[i]&&(o[i]=n[i],t.setStaticValue(i,0))}null==t||t.render();for(const e in o)t.setStaticValue(e,o[e]);t.scheduleRender()}getProjectionStyles(t={}){var e,n,o;const i={};if(!this.instance||this.isSVG)return i;if(!this.isVisible)return{visibility:"hidden"};i.visibility="";const r=null===(e=this.options.visualElement)||void 0===e?void 0:e.getProps().transformTemplate;if(this.needsReset)return this.needsReset=!1,i.opacity="",i.pointerEvents=It(t.pointerEvents)||"",i.transform=r?r(this.latestValues,""):"none",i;const s=this.getLead();if(!this.projectionDelta||!this.layout||!s.target){const e={};return this.options.layoutId&&(e.opacity=void 0!==this.latestValues.opacity?this.latestValues.opacity:1,e.pointerEvents=It(t.pointerEvents)||""),this.hasProjected&&!Ci(this.latestValues)&&(e.transform=r?r({},""):"none",this.hasProjected=!1),e}const a=s.animationValues||s.latestValues;this.applyTransformsToTarget(),i.transform=qr(this.projectionDeltaWithTransform,this.treeScale,a),r&&(i.transform=r(a,i.transform));const{x:l,y:u}=this.projectionDelta;i.transformOrigin=`${100*l.origin}% ${100*u.origin}% 0`,s.animationValues?i.opacity=s===this?null!==(o=null!==(n=a.opacity)&&void 0!==n?n:this.latestValues.opacity)&&void 0!==o?o:1:this.preserveOpacity?this.latestValues.opacity:a.opacityExit:i.opacity=s===this?void 0!==a.opacity?a.opacity:"":void 0!==a.opacityExit?a.opacityExit:0;for(const t in F){if(void 0===a[t])continue;const{correct:e,applyTo:n}=F[t],o=e(a[t],s);if(n){const t=n.length;for(let e=0;e<t;e++)i[n[e]]=o}else i[t]=o}return this.options.layoutId&&(i.pointerEvents=s===this?It(t.pointerEvents)||"":"none"),i}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(t=>{var e;return null===(e=t.currentAnimation)||void 0===e?void 0:e.stop()}),this.root.nodes.forEach(is),this.root.sharedNodes.clear()}}}function ts(t){t.updateLayout()}function es(t){var e,n,o;const i=(null===(e=t.resumeFrom)||void 0===e?void 0:e.snapshot)||t.snapshot;if(t.isLead()&&t.layout&&i&&t.hasListeners("didUpdate")){const{layoutBox:e,measuredBox:n}=t.layout,{animationType:o}=t.options,r=i.source!==t.layout.source;"size"===o?Ai(t=>{const n=r?i.measuredBox[t]:i.layoutBox[t],o=hi(n);n.min=e[t].min,n.max=n.min+o}):ys(o,i.layoutBox,e)&&Ai(t=>{const n=r?i.measuredBox[t]:i.layoutBox[t],o=hi(e[t]);n.max=n.min+o});const s={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};mi(s,e,i.layoutBox);const a={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};r?mi(a,t.applyTransform(n,!0),i.measuredBox):mi(a,e,i.layoutBox);const l=!Hr(s);let u=!1;if(!t.resumeFrom){const n=t.getClosestProjectingParent();if(n&&!n.resumeFrom){const{snapshot:t,layout:o}=n;if(t&&o){const n={x:{min:0,max:0},y:{min:0,max:0}};yi(n,i.layoutBox,t.layoutBox);const r={x:{min:0,max:0},y:{min:0,max:0}};yi(r,e,o.layoutBox),Yr(n,r)||(u=!0)}}}t.notifyListeners("didUpdate",{layout:e,snapshot:i,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeTargetChanged:u})}else t.isLead()&&(null===(o=(n=t.options).onExitComplete)||void 0===o||o.call(n));t.options.transition=void 0}function ns(t){t.isProjectionDirty||(t.isProjectionDirty=Boolean(t.parent&&t.parent.isProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=Boolean(t.parent&&t.parent.isTransformDirty))}function os(t){t.clearSnapshot()}function is(t){t.clearMeasurements()}function rs(t){const{visualElement:e}=t.options;(null==e?void 0:e.getProps().onBeforeLayoutMeasure)&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function ss(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function as(t){t.resolveTargetDelta()}function ls(t){t.calcProjection()}function us(t){t.resetRotation()}function cs(t){t.removeLeadSnapshot()}function hs(t,e,n){t.translate=Un(e.translate,0,n),t.scale=Un(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function ds(t,e,n,o){t.min=Un(e.min,n.min,o),t.max=Un(e.max,n.max,o)}function ps(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const ms={duration:.45,ease:[.4,0,.1,1]};function fs(t,e){let n=t.root;for(let e=t.path.length-1;e>=0;e--)if(Boolean(t.path[e].instance)){n=t.path[e];break}const o=(n&&n!==t.root?n.instance:document).querySelector(`[data-projection-id="${e}"]`);o&&t.mount(o,!0)}function gs(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function ys(t,e,n){return"position"===t||"preserve-aspect"===t&&!di(Xr(e),Xr(n),.2)}const vs=Qr({attachResizeListener:(t,e)=>Ht(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),xs={current:void 0},ws=Qr({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!xs.current){const t=new vs(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),xs.current=t}return xs.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>Boolean("fixed"===window.getComputedStyle(t).position)}),Es={...ei,...Se,...Yi,...Sr},bs=k((t,e)=>Wt(t,e,Es,wr,ws));const Ps=k(Wt);function As(){const t=e.useRef(!1);return h(()=>(t.current=!0,()=>{t.current=!1}),[]),t}function Ts(){const t=As(),[n,o]=e.useState(0),i=e.useCallback(()=>{t.current&&o(n+1)},[n]);return[e.useCallback(()=>je.postRender(i),[i]),n]}class Ss extends r.Component{getSnapshotBeforeUpdate(t){const e=this.props.childRef.current;if(e&&t.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function Vs({children:t,isPresent:n}){const o=e.useId(),i=e.useRef(null),s=e.useRef({width:0,height:0,top:0,left:0});return e.useInsertionEffect(()=>{const{width:t,height:e,top:r,left:a}=s.current;if(n||!i.current||!t||!e)return;i.current.dataset.motionPopId=o;const l=document.createElement("style");return document.head.appendChild(l),l.sheet&&l.sheet.insertRule(`\n [data-motion-pop-id="${o}"] {\n position: absolute !important;\n width: ${t}px !important;\n height: ${e}px !important;\n top: ${r}px !important;\n left: ${a}px !important;\n }\n `),()=>{document.head.removeChild(l)}},[n]),r.createElement(Ss,{isPresent:n,childRef:i,sizeRef:s},r.cloneElement(t,{ref:i}))}const Cs=({children:t,initial:n,isPresent:o,onExitComplete:i,custom:s,presenceAffectsLayout:a,mode:l})=>{const c=A(Ms),h=e.useId(),d=e.useMemo(()=>({id:h,initial:n,isPresent:o,custom:s,onExitComplete:t=>{c.set(t,!0);for(const t of c.values())if(!t)return;i&&i()},register:t=>(c.set(t,!1),()=>c.delete(t))}),a?void 0:[o]);return e.useMemo(()=>{c.forEach((t,e)=>c.set(e,!1))},[o]),r.useEffect(()=>{!o&&!c.size&&i&&i()},[o]),"popLayout"===l&&(t=r.createElement(Vs,{isPresent:o},t)),r.createElement(u.Provider,{value:d},t)};function Ms(){return new Map}const Ls=t=>t.key||"";const Rs=e.createContext(null),Ds=t=>!t.isLayoutDirty&&t.willUpdate(!1);function ks(){const t=new Set,e=new WeakMap,n=()=>t.forEach(Ds);return{add:o=>{t.add(o),e.set(o,o.addEventListener("willUpdate",n))},remove:o=>{var i;t.delete(o),null===(i=e.get(o))||void 0===i||i(),e.delete(o),n()},dirty:n}}const Bs=t=>!0===t,Os=({children:t,id:n,inheritId:o,inherit:i=!0})=>{void 0!==o&&(i=o);const s=e.useContext(V),a=e.useContext(Rs),[l,u]=Ts(),c=e.useRef(null),h=s.id||a;null===c.current&&((t=>Bs(!0===t)||"id"===t)(i)&&h&&(n=n?h+"-"+n:h),c.current={id:n,group:Bs(i)&&s.group||ks()});const d=e.useMemo(()=>({...c.current,forceRender:l}),[u]);return r.createElement(V.Provider,{value:d},t)};let Fs=0;function Is(t){return"function"==typeof t}const js=e.createContext(null);const Us=e.forwardRef((function({children:t,as:n="ul",axis:o="y",onReorder:i,values:s,...a},l){const u=A(()=>bs(n)),c=[],h=e.useRef(!1),d={axis:o,registerItem:(t,e)=>{e&&-1===c.findIndex(e=>t===e.value)&&(c.push({value:t,layout:e[o]}),c.sort(zs))},updateOrder:(t,e,n)=>{if(h.current)return;const o=function(t,e,n,o){if(!o)return t;const i=t.findIndex(t=>t.value===e);if(-1===i)return t;const r=o>0?1:-1,s=t[i+r];if(!s)return t;const a=t[i],l=s.layout,u=Un(l.min,l.max,.5);return 1===r&&a.layout.max+n>u||-1===r&&a.layout.min+n<u?function([...t],e,n){const o=e<0?t.length+e:e;if(o>=0&&o<t.length){const o=n<0?t.length+n:n,[i]=t.splice(e,1);t.splice(o,0,i)}return t}(t,i,i+r):t}(c,t,e,n);c!==o&&(h.current=!0,i(o.map(Ns).filter(t=>-1!==s.indexOf(t))))}};return e.useEffect(()=>{h.current=!1}),r.createElement(u,{...a,ref:l},r.createElement(js.Provider,{value:d},t))}));function Ns(t){return t.value}function zs(t,e){return t.layout.min-e.layout.min}function Ws(t){const n=A(()=>Ze(t)),{isStatic:o}=e.useContext(s);if(o){const[,o]=e.useState(t);e.useEffect(()=>n.onChange(o),[])}return n}function $s(...t){const e=!Array.isArray(t[0]),n=e?0:-1,o=t[0+n],i=t[1+n],r=t[2+n],s=t[3+n],a=Jn(i,r,{mixer:(l=r[0],(t=>"object"==typeof t&&t.mix)(l)?l.mix:void 0),...s});var l;return e?a(o):a}function Hs(t,e){const n=Ws(e()),o=()=>n.set(e());return o(),function(t,e,n){h(()=>{const o=t.map(t=>t.onChange(e));return()=>{o.forEach(t=>t()),n()}})}(t,()=>je.update(o,!1,!0),()=>Ue.update(o)),n}function Ys(t,e,n,o){const i="function"==typeof e?e:$s(e,n,o);return Array.isArray(t)?Xs(t,i):Xs([t],([t])=>i(t))}function Xs(t,e){const n=A(()=>[]);return Hs(t,()=>{n.length=0;const o=t.length;for(let e=0;e<o;e++)n[e]=t[e].get();return e(n)})}function Gs(t,e=0){return z(t)?t:Ws(e)}const qs={Group:Us,Item:e.forwardRef((function({children:t,style:n={},value:o,as:i="li",onDrag:s,layout:a=!0,...l},u){const c=A(()=>bs(i)),h=e.useContext(js),d={x:Gs(n.x),y:Gs(n.y)},p=Ys([d.x,d.y],([t,e])=>t||e?1:"unset"),m=e.useRef(null),{axis:f,registerItem:g,updateOrder:y}=h;return e.useEffect(()=>{g(o,m.current)},[h]),r.createElement(c,{drag:f,...l,dragSnapToOrigin:!0,style:{...n,x:d.x,y:d.y,zIndex:p},layout:a,onDrag:(t,e)=>{const{velocity:n}=e;n[f]&&y(o,d[f].get(),n[f]),s&&s(t,e)},onLayoutMeasure:t=>{m.current=t},ref:u},t)}))},Zs={renderer:wr,...ei,...Se},Ks={...Zs,...Yi,...Sr,projectionNodeConstructor:ws};const _s=t=>"number"==typeof t;function Js(t,e){return(t=>Array.isArray(t)&&!_s(t[0]))(t)?t[((t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t})(0,t.length,e)]:t}const Qs=(t,e,n)=>-n*t+n*e+t,ta=t=>t,ea=(t,e,n)=>e-t==0?1:(n-t)/(e-t);function na(t,e){const n=t[t.length-1];for(let o=1;o<=e;o++){const i=ea(0,e,o);t.push(Qs(n,1,i))}}function oa(t){const e=[0];return na(e,t-1),e}function ia(t,e=oa(t.length),n=ta){const o=t.length,i=o-e.length;return i>0&&na(e,i),i=>{let r=0;for(;r<o-2&&!(i<e[r+1]);r++);let s=(a=0,l=1,u=ea(e[r],e[r+1],i),Math.min(Math.max(u,a),l));var a,l,u;return s=Js(n,r)(s),Qs(t[r],t[r+1],s)}}const ra=t=>"function"==typeof t,sa=t=>"string"==typeof t;function aa(t,e){var n;return"string"==typeof t?e?(null!==(n=e[t])&&void 0!==n||(e[t]=document.querySelectorAll(t)),t=e[t]):t=document.querySelectorAll(t):t instanceof Element&&(t=[t]),Array.from(t||[])}const la={any:0,all:1};const ua=new WeakMap;let ca;function ha({target:t,contentRect:e,borderBoxSize:n}){var o;null===(o=ua.get(t))||void 0===o||o.forEach(o=>{o({target:t,contentSize:e,get size(){return function(t,e){if(e){const{inlineSize:t,blockSize:n}=e[0];return{width:t,height:n}}return t instanceof SVGElement&&"getBBox"in t?t.getBBox():{width:t.offsetWidth,height:t.offsetHeight}}(t,n)}})})}function da(t){t.forEach(ha)}function pa(t,e){ca||"undefined"!=typeof ResizeObserver&&(ca=new ResizeObserver(da));const n=aa(t);return n.forEach(t=>{let n=ua.get(t);n||(n=new Set,ua.set(t,n)),n.add(e),null==ca||ca.observe(t)}),()=>{n.forEach(t=>{const n=ua.get(t);null==n||n.delete(e),(null==n?void 0:n.size)||null==ca||ca.unobserve(t)})}}const ma=new Set;let fa;function ga(t){return ma.add(t),fa||(fa=()=>{const t={width:window.innerWidth,height:window.innerHeight},e={target:window,size:t,contentSize:t};ma.forEach(t=>t(e))},window.addEventListener("resize",fa)),()=>{ma.delete(t),!ma.size&&fa&&(fa=void 0)}}const ya={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function va(t,e,n,o){const i=n[e],{length:r,position:s}=ya[e],a=i.current,l=n.time;i.current=t["scroll"+s],i.scrollLength=t["scroll"+r]-t["client"+r],i.offset.length=0,i.offset[0]=0,i.offset[1]=i.scrollLength,i.progress=ea(0,i.scrollLength,i.current);const u=o-l;var c,h;i.velocity=u>50?0:(c=i.current-a,(h=u)?c*(1e3/h):0)}const xa={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},wa={start:0,center:.5,end:1};function Ea(t,e,n=0){let o=0;if(void 0!==wa[t]&&(t=wa[t]),sa(t)){const e=parseFloat(t);t.endsWith("px")?o=e:t.endsWith("%")?t=e/100:t.endsWith("vw")?o=e/100*document.documentElement.clientWidth:t.endsWith("vh")?o=e/100*document.documentElement.clientHeight:t=e}return _s(t)&&(o=e*t),n+o}const ba=[0,0];function Pa(t,e,n,o){let i=Array.isArray(t)?t:ba,r=0,s=0;return _s(t)?i=[t,t]:sa(t)&&(i=(t=t.trim()).includes(" ")?t.split(" "):[t,wa[t]?t:"0"]),r=Ea(i[0],n,o),s=Ea(i[1],e),r-s}const Aa={x:0,y:0};function Ta(t,e,n){let{offset:o=xa.All}=n;const{target:i=t,axis:r="y"}=n,s="y"===r?"height":"width",a=i!==t?function(t,e){let n={x:0,y:0},o=t;for(;o&&o!==e;)if(o instanceof HTMLElement)n.x+=o.offsetLeft,n.y+=o.offsetTop,o=o.offsetParent;else if(o instanceof SVGGraphicsElement&&"getBBox"in o){const{top:t,left:e}=o.getBBox();for(n.x+=e,n.y+=t;o&&"svg"!==o.tagName;)o=o.parentNode}return n}(i,t):Aa,l=i===t?{width:t.scrollWidth,height:t.scrollHeight}:{width:i.clientWidth,height:i.clientHeight},u={width:t.clientWidth,height:t.clientHeight};e[r].offset.length=0;let c=!e[r].interpolate;const h=o.length;for(let t=0;t<h;t++){const n=Pa(o[t],u[s],l[s],a[r]);c||n===e[r].interpolatorOffsets[t]||(c=!0),e[r].offset[t]=n}c&&(e[r].interpolate=ia(oa(h),e[r].offset),e[r].interpolatorOffsets=[...e[r].offset]),e[r].progress=e[r].interpolate(e[r].current)}function Sa(t,e,n,o={}){const i=o.axis||"y";return{measure:()=>function(t,e=t,n){if(n.x.targetOffset=0,n.y.targetOffset=0,e!==t){let o=e;for(;o&&o!=t;)n.x.targetOffset+=o.offsetLeft,n.y.targetOffset+=o.offsetTop,o=o.offsetParent}n.x.targetLength=e===t?e.scrollWidth:e.clientWidth,n.y.targetLength=e===t?e.scrollHeight:e.clientHeight,n.x.containerLength=t.clientWidth,n.y.containerLength=t.clientHeight}(t,o.target,n),update:e=>{!function(t,e,n){va(t,"x",e,n),va(t,"y",e,n),e.time=n}(t,n,e),(o.offset||o.target)&&Ta(t,n,o)},notify:ra(e)?()=>e(n):Va(e,n[i])}}function Va(t,e){return t.pause(),t.forEachNative((t,{easing:e})=>{var n,o;if(t.updateDuration)e||(t.easing=ta),t.updateDuration(1);else{const i={duration:1e3};e||(i.easing="linear"),null===(o=null===(n=t.effect)||void 0===n?void 0:n.updateTiming)||void 0===o||o.call(n,i)}}),()=>{t.currentTime=e.progress}}const Ca=new WeakMap,Ma=new WeakMap,La=new WeakMap,Ra=t=>t===document.documentElement?window:t;function Da(t,e={}){var{container:n=document.documentElement}=e,o=function(t,e){var n={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(t);i<o.length;i++)e.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(t,o[i])&&(n[o[i]]=t[o[i]])}return n}(e,["container"]);let i=La.get(n);i||(i=new Set,La.set(n,i));const r=Sa(n,t,{time:0,x:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0},y:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}},o);if(i.add(r),!Ca.has(n)){const t=()=>{const t=performance.now();for(const t of i)t.measure();for(const e of i)e.update(t);for(const t of i)t.notify()};Ca.set(n,t);const e=Ra(n);window.addEventListener("resize",t,{passive:!0}),n!==document.documentElement&&Ma.set(n,(a=t,ra(s=n)?ga(s):pa(s,a))),e.addEventListener("scroll",t,{passive:!0})}var s,a;const l=Ca.get(n),u=requestAnimationFrame(l);return()=>{var e;"function"!=typeof t&&t.stop(),cancelAnimationFrame(u);const o=La.get(n);if(!o)return;if(o.delete(r),o.size)return;const i=Ca.get(n);Ca.delete(n),i&&(Ra(n).removeEventListener("scroll",i),null===(e=Ma.get(n))||void 0===e||e(),window.removeEventListener("resize",i))}}const ka=()=>({scrollX:Ze(0),scrollY:Ze(0),scrollXProgress:Ze(0),scrollYProgress:Ze(0)});function Ba({container:t,target:n,layoutEffect:o=!0,...i}={}){const r=A(ka);return(o?h:e.useEffect)(()=>Da(({x:t,y:e})=>{r.scrollX.set(t.current),r.scrollXProgress.set(t.progress),r.scrollY.set(e.current),r.scrollYProgress.set(e.progress)},{...i,container:(null==t?void 0:t.current)||void 0,target:(null==n?void 0:n.current)||void 0}),[]),r}function Oa(t){const n=e.useRef(0),{isStatic:o}=e.useContext(s);e.useEffect(()=>{if(o)return;const e=({timestamp:e,delta:o})=>{n.current||(n.current=e),t(e-n.current,o)};return je.update(e,!0),()=>Ue.update(e)},[t])}class Fa extends qe{constructor(){super(...arguments),this.members=[],this.transforms=new Set}add(t){let e;U.has(t)?(this.transforms.add(t),e="transform"):t.startsWith("origin")||Y(t)||"willChange"===t||(e=Mt(t)),e&&(He(this.members,e),this.update())}remove(t){U.has(t)?(this.transforms.delete(t),this.transforms.size||Ye(this.members,"transform")):Ye(this.members,Mt(t)),this.update()}update(){this.set(this.members.length?this.members.join(", "):"auto")}}function Ia(){!ur.current&&cr();const[t]=e.useState(lr.current);return t}function ja(){let t=!1;const e=[],n=new Set,o={subscribe:t=>(n.add(t),()=>{n.delete(t)}),start(o,i){if(t){const t=[];return n.forEach(e=>{t.push(Ho(e,o,{transitionOverride:i}))}),Promise.all(t)}return new Promise(t=>{e.push({animation:[o,i],resolve:t})})},set:t=>n.forEach(e=>{!function(t,e){Array.isArray(e)?An(t,e):"string"==typeof e?An(t,[e]):Pn(t,e)}(e,t)}),stop(){n.forEach(t=>{!function(t){t.values.forEach(t=>t.stop())}(t)})},mount:()=>(t=!0,e.forEach(({animation:t,resolve:e})=>{o.start(...t).then(e)}),()=>{t=!1,o.stop()})};return o}function Ua(){const t=A(ja);return e.useEffect(t.mount,[]),t}const Na=Ua,za=(t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t};class Wa{constructor(){this.componentControls=new Set}subscribe(t){return this.componentControls.add(t),()=>this.componentControls.delete(t)}start(t,e){this.componentControls.forEach(n=>{n.start(t.nativeEvent||t,e)})}}const $a=()=>new Wa;function Ha(t){return null!==t&&"object"==typeof t&&L in t}function Ya(){return Xa}function Xa(t){xs.current&&(xs.current.isUpdating=!1,xs.current.blockUpdate(),t&&t())}const Ga=()=>({});class qa extends mr{build(){}measureInstanceViewportBox(){return{x:{min:0,max:0},y:{min:0,max:0}}}resetTransform(){}restoreTransform(){}removeValueFromRenderState(){}renderInstance(){}scrapeMotionValuesFromProps(){return{}}getBaseTargetFromProps(){}readValueFromInstance(t,e,n){return n.initialState[e]||0}sortInstanceNodePosition(){return 0}makeTargetAnimatableFromInstance({transition:t,transitionEnd:e,...n}){return Tn(this,n,Vn(n,t||{},this)),{transition:t,transitionEnd:e,...n}}}const Za=jt({scrapeMotionValuesFromProps:Ga,createRenderState:Ga});const Ka=t=>t>.001?1/t:1e5;t.AnimatePresence=({children:t,custom:n,initial:o=!0,onExitComplete:i,exitBeforeEnter:s,presenceAffectsLayout:a=!0,mode:l="sync"})=>{s&&(l="wait",ge(!1,"Replace exitBeforeEnter with mode='wait'"));let[u]=Ts();const c=e.useContext(V).forceRender;c&&(u=c);const d=As(),p=function(t){const n=[];return e.Children.forEach(t,t=>{e.isValidElement(t)&&n.push(t)}),n}(t);let m=p;const f=new Set,g=e.useRef(m),y=e.useRef(new Map).current,v=e.useRef(!0);if(h(()=>{v.current=!1,function(t,e){t.forEach(t=>{const n=Ls(t);e.set(n,t)})}(p,y),g.current=m}),he(()=>{v.current=!0,y.clear(),f.clear()}),v.current)return r.createElement(r.Fragment,null,m.map(t=>r.createElement(Cs,{key:Ls(t),isPresent:!0,initial:!!o&&void 0,presenceAffectsLayout:a,mode:l},t)));m=[...m];const x=g.current.map(Ls),w=p.map(Ls),E=x.length;for(let t=0;t<E;t++){const e=x[t];-1===w.indexOf(e)&&f.add(e)}return"wait"===l&&f.size&&(m=[]),f.forEach(t=>{if(-1!==w.indexOf(t))return;const e=y.get(t);if(!e)return;const o=x.indexOf(t);m.splice(o,0,r.createElement(Cs,{key:Ls(e),isPresent:!1,onExitComplete:()=>{y.delete(t),f.delete(t);const e=g.current.findIndex(e=>e.key===t);if(g.current.splice(e,1),!f.size){if(g.current=p,!1===d.current)return;u(),i&&i()}},custom:n,presenceAffectsLayout:a,mode:l},e))}),m=m.map(t=>{const e=t.key;return f.has(e)?t:r.createElement(Cs,{key:Ls(t),isPresent:!0,presenceAffectsLayout:a,mode:l},t)}),"production"!==me&&"wait"===l&&m.length>1&&console.warn('You\'re attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.'),r.createElement(r.Fragment,null,f.size?m:m.map(t=>e.cloneElement(t)))},t.AnimateSharedLayout=({children:t})=>(r.useEffect(()=>{},[]),r.createElement(Os,{id:A(()=>"asl-"+Fs++)},t)),t.DeprecatedLayoutGroupContext=Rs,t.DragControls=Wa,t.FlatTree=Kr,t.LayoutGroup=Os,t.LayoutGroupContext=V,t.LazyMotion=function({children:t,features:n,strict:o=!1}){const[,i]=e.useState(!Is(n)),s=e.useRef(void 0);if(!Is(n)){const{renderer:t,...e}=n;s.current=t,P(e)}return e.useEffect(()=>{Is(n)&&n().then(({renderer:t,...e})=>{P(e),s.current=t,i(!0)})},[]),r.createElement(d.Provider,{value:{renderer:s.current,strict:o}},t)},t.MotionConfig=function({children:t,isValidProp:n,...o}){n&&xt(n),(o={...e.useContext(s),...o}).isStatic=A(()=>o.isStatic);const i=e.useMemo(()=>o,[JSON.stringify(o.transition),o.transformPagePoint,o.reducedMotion]);return r.createElement(s.Provider,{value:i},t)},t.MotionConfigContext=s,t.MotionContext=a,t.MotionValue=qe,t.PresenceContext=u,t.Reorder=qs,t.SwitchLayoutGroupContext=M,t.VisualElement=mr,t.addPointerEvent=ne,t.addScaleCorrector=I,t.animate=Vr,t.animateVisualElement=Ho,t.animationControls=ja,t.animations=ei,t.buildTransform=H,t.calcLength=hi,t.checkTargetForNewValues=Tn,t.clamp=G,t.createBox=Pi,t.createDomMotionComponent=function(t){return R(Wt(t,{forwardMotionProps:!1},Es,wr,ws))},t.createMotionComponent=R,t.delay=Vo,t.distance=ni,t.distance2D=oi,t.domAnimation=Zs,t.domMax=Ks,t.filterProps=wt,t.isBrowser=c,t.isDragActive=le,t.isMotionComponent=Ha,t.isMotionValue=z,t.isValidMotionProp=yt,t.m=Ps,t.makeUseVisualState=jt,t.mix=Un,t.motion=bs,t.motionValue=Ze,t.optimizedAppearDataAttribute=Rn,t.pipe=pe,t.resolveMotionValue=It,t.spring=xo,t.startOptimizedAppearAnimation=function(t,e,n,o){window.MotionAppearAnimations||(window.MotionAppearAnimations=new Map);const i=t.dataset.framerAppearId,r=So(t,e,n,o);return i&&r&&window.MotionAppearAnimations.set(Mn(i,e),r),r},t.transform=$s,t.unwrapMotionComponent=function(t){if(Ha(t))return t[L]},t.useAnimation=Na,t.useAnimationControls=Ua,t.useAnimationFrame=Oa,t.useCycle=function(...t){const n=e.useRef(0),[o,i]=e.useState(t[n.current]);return[o,e.useCallback(e=>{n.current="number"!=typeof e?za(0,t.length,n.current+1):e,i(t[n.current])},[t.length,...t])]},t.useDeprecatedAnimatedState=function(t){const[n,o]=e.useState(t),i=Za({},!1),r=A(()=>new qa({props:{},visualState:i},{initialState:t}));return e.useEffect(()=>(r.mount({}),()=>r.unmount()),[r]),e.useEffect(()=>{r.setProps({onUpdate:t=>{o({...t})}})},[o,r]),[n,A(()=>t=>Ho(r,t))]},t.useDeprecatedInvertedScale=function(t){let e=Ws(1),n=Ws(1);const o=l();return t?(e=t.scaleX||e,n=t.scaleY||n):o&&(e=o.getValue("scaleX",1),n=o.getValue("scaleY",1)),{scaleX:Ys(e,Ka),scaleY:Ys(n,Ka)}},t.useDomEvent=Yt,t.useDragControls=function(){return A($a)},t.useElementScroll=function(t){return ge(!1,"useElementScroll is deprecated. Convert to useScroll({ container: ref })."),Ba({container:t})},t.useForceUpdate=Ts,t.useInView=function(t,{root:n,margin:o,amount:i,once:r=!1}={}){const[s,a]=e.useState(!1);return e.useEffect(()=>{if(!t.current||r&&s)return;const e={root:n&&n.current||void 0,margin:o,amount:"some"===i?"any":i};return function(t,e,{root:n,margin:o,amount:i="any"}={}){if("undefined"==typeof IntersectionObserver)return()=>{};const r=aa(t),s=new WeakMap,a=new IntersectionObserver(t=>{t.forEach(t=>{const n=s.get(t.target);if(t.isIntersecting!==Boolean(n))if(t.isIntersecting){const n=e(t);ra(n)?s.set(t.target,n):a.unobserve(t.target)}else n&&(n(t),s.delete(t.target))})},{root:n,rootMargin:o,threshold:"number"==typeof i?i:la[i]});return r.forEach(t=>a.observe(t)),()=>a.disconnect()}(t.current,()=>(a(!0),r?void 0:()=>a(!1)),e)},[n,t,o,r]),s},t.useInstantLayoutTransition=Ya,t.useInstantTransition=function(){const[t,n]=Ts(),o=Ya();return e.useEffect(()=>{je.postRender(()=>je.postRender(()=>kn.current=!1))},[n]),e=>{o(()=>{kn.current=!0,t(),e()})}},t.useIsPresent=function(){return null===(t=e.useContext(u))||t.isPresent;var t},t.useIsomorphicLayoutEffect=h,t.useMotionTemplate=function(t,...e){const n=t.length;return Hs(e,(function(){let o="";for(let i=0;i<n;i++){o+=t[i];e[i]&&(o+=e[i].get())}return o}))},t.useMotionValue=Ws,t.usePresence=Ve,t.useReducedMotion=Ia,t.useReducedMotionConfig=function(){const t=Ia(),{reducedMotion:n}=e.useContext(s);return"never"!==n&&("always"===n||t)},t.useResetProjection=function(){return r.useCallback(()=>{const t=xs.current;t&&t.resetTree()},[])},t.useScroll=Ba,t.useSpring=function(t,n={}){const{isStatic:o}=e.useContext(s),i=e.useRef(null),r=Ws(z(t)?t.get():t);return e.useMemo(()=>r.attach((t,e)=>o?e(t):(i.current&&i.current.stop(),i.current=Ao({keyframes:[r.get(),t],velocity:r.getVelocity(),type:"spring",...n,onUpdate:e}),r.get())),[JSON.stringify(n)]),function(t,e){h(()=>{if(z(t))return e(t.get()),t.onChange(e)},[t,e])}(t,t=>r.set(parseFloat(t))),r},t.useTime=function(){const t=Ws(0);return Oa(e=>t.set(e)),t},t.useTransform=Ys,t.useUnmountEffect=he,t.useVelocity=function(t){const n=Ws(t.getVelocity());return e.useEffect(()=>t.velocityUpdateSubscribers.add(t=>{n.set(t)}),[t]),n},t.useViewportScroll=function(){return ge(!1,"useViewportScroll is deprecated. Convert to useScroll()."),Ba()},t.useVisualElementContext=l,t.useWillChange=function(){return A(()=>new Fa("auto"))},t.wrap=za,t.wrapHandler=Jt,Object.defineProperty(t,"__esModule",{value:!0})}));