framer-motion 7.10.0 → 7.10.2
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.
- package/README.md +11 -10
- package/dist/cjs/index.js +31 -37
- package/dist/es/animation/index.mjs +0 -1
- package/dist/es/animation/legacy-popmotion/index.mjs +1 -1
- package/dist/es/animation/waapi/create-accelerated-animation.mjs +9 -13
- package/dist/es/animation/waapi/easing.mjs +18 -14
- package/dist/es/easing/anticipate.mjs +2 -8
- package/dist/es/easing/back.mjs +4 -4
- package/dist/es/render/utils/motion-values.mjs +1 -1
- package/dist/es/value/index.mjs +1 -1
- package/dist/framer-motion.dev.js +31 -37
- package/dist/framer-motion.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/projection.dev.js +31 -42
- package/dist/size-rollup-dom-animation.js +1 -1
- package/dist/size-rollup-dom-max-assets.js +1 -1
- package/dist/size-rollup-dom-max.js +1 -1
- package/dist/size-rollup-motion.js +1 -1
- package/dist/size-webpack-dom-animation.js +1 -1
- package/dist/size-webpack-dom-max.js +1 -1
- package/package.json +5 -5
package/dist/framer-motion.js
CHANGED
|
@@ -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 v(t){return f(t.animate)||g.some(e=>m(t[e]))}function y(t){return Boolean(v(t)||t.variants)}function x(t){const{initial:n,animate:o}=function(t,e){if(v(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,v){const y={...e.useContext(s),...g,layoutId:D(g)},{isStatic:w}=y;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,y,n);const i=e.useContext(d).strict,r=e.useContext(M);P.visualElement&&(E=P.visualElement.loadFeatures(y,i,t,V,o||b.projectionNodeConstructor,r))}return r.createElement(C,{visualElement:P.visualElement,props:y},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,v),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 vt(t){return gt.has(t)}let yt=t=>!vt(t);function xt(t){t&&(yt=e=>e.startsWith("on")?!vt(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)(yt(i)||!0===n&&vt(i)||!e&&!vt(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=v(t),u=y(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 ve=new WeakMap,ye=new WeakMap,xe=t=>{const e=ve.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;ye.has(n)||ye.set(n,{});const o=ye.get(n),i=JSON.stringify(e);return o[i]||(o[i]=new IntersectionObserver(we,{root:t,...e})),o[i]}(e);return ve.set(t,n),o.observe(t),()=>{ve.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.10.0",this.timeDelta=0,this.lastUpdated=0,this.canTrackVelocity=!1,this.events={},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.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),e&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>je.postRender(this.velocityCheck),this.velocityCheck=({timestamp:t})=>{t!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.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.on("change",t)}on(t,e){return this.events[t]||(this.events[t]=new Xe),this.events[t].add(e)}clearListeners(){for(const t in this.events)this.events[t].clear()}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),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.stopAnimation&&(this.stopAnimation(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.stopAnimation}clearAnimation(){this.stopAnimation=null}destroy(){this.clearListeners(),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),vn=[q,rt,it,ot,at,st,{test:t=>"auto"===t,parse:t=>t}],yn=t=>vn.find(gn(t)),xn=[...vn,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"],vo=["stiffness","damping","mass"];function yo(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(!yo(t,vo)&&yo(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 v,y,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));y=t.value,x&&(y=x(y)),b=P?t.done:n<=0}d&&d(y),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():(v.stop(),c&&c()))}return a&&(l&&l(),v=e(M),v.start()),{stop:()=>{u&&u(),v.stop()},sample:t=>V.next(Math.max(0,t)).value}}const To=new Set(["linear","ease-in","ease-out","ease-in-out"]);function So(t){if(t)return Array.isArray(t)?(([t,e,n,o])=>`cubic-bezier(${t}, ${e}, ${n}, ${o})`)(t):function(t){const e=Mt(t);return To.has(e)?e:"ease"}(t)}function Vo(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:So(a),fill:"both",iterations:r+1,direction:"reverse"===s?"alternate":"normal"})}function Co(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 Mo({keyframes:t,elapsed:e,onUpdate:n,onComplete:o}){const i=()=>(n&&n(t[t.length-1]),o&&o(),()=>{});return e?Co(i,-e):i()}const Lo=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),Ro=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),Do=()=>({type:"keyframes",ease:"linear",duration:.3}),ko={type:"keyframes",duration:.8},Bo={x:Lo,y:Lo,z:Lo,rotate:Lo,rotateX:Lo,rotateY:Lo,rotateZ:Lo,scaleX:Ro,scaleY:Ro,scale:Ro,opacity:Do,backgroundColor:Do,color:Do,default:Ro},Oo=(t,{keyframes:e})=>{if(e.length>2)return ko;return(Bo[t]||Bo.default)(e[1])},Fo=(t,e)=>"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!ln.test(e)||e.startsWith("url(")));function Io(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function jo(t){return"number"==typeof t?0:fn("",t)}function Uo(t,e){return t[e]||t.default||t}const No={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},zo={},Wo={};for(const t in No)Wo[t]=()=>(void 0===zo[t]&&(zo[t]=No[t]()),zo[t]);const $o=new Set(["opacity"]),Ho=(t,e,n,o={})=>i=>{const r=Uo(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=Fo(e,n);let r=void 0!==o.from?o.from:t.get();return"none"===r&&i&&"string"==typeof n?r=fn(e,n):Io(r)&&"string"==typeof n?r=jo(n):!Array.isArray(n)&&Io(n)&&"string"==typeof r&&(n=jo(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=Fo(t,u),d=Fo(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 Mo(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 v(t){return void 0===n?o:void 0===o||Math.abs(n-t)<Math.abs(o-t)?n:o}function y(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){y({type:"spring",stiffness:s,damping:a,restDelta:l,...t})}if(g(m))x({velocity:e,keyframes:[m,v(m)]});else{let t=i*e+m;void 0!==u&&(t=u(t));const o=v(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})};y({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,...Oo(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(Wo.waapi()&&$o.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=Vo(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 Yo(t,e,n={}){let o;if(t.notify("AnimationStart",e),Array.isArray(e)){const i=e.map(e=>Xo(t,e,n));o=Promise.all(i)}else if("string"==typeof e)o=Xo(t,e,n);else{const i="function"==typeof e?En(t,e,n.custom):e;o=Go(t,i,n)}return o.then(()=>t.notify("AnimationComplete",e))}function Xo(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?()=>Go(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(qo).forEach((t,o)=>{s.push(Xo(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 Go(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&&Zo(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(Ho(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 qo(t,e){return t.sortNodePosition(e)}function Zo({protectedKeys:t,needsAnimating:e},n){const o=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,o}const Ko=[t.AnimationType.Animate,t.AnimationType.InView,t.AnimationType.Focus,t.AnimationType.Hover,t.AnimationType.Tap,t.AnimationType.Drag,t.AnimationType.Exit],_o=[...Ko].reverse(),Jo=Ko.length;function Qo(e){let n=function(t){return e=>Promise.all(e.map(({animation:e,options:n})=>Yo(t,e,n)))}(e);const o={[t.AnimationType.Animate]:ei(!0),[t.AnimationType.InView]:ei(),[t.AnimationType.Hover]:ei(),[t.AnimationType.Tap]:ei(),[t.AnimationType.Drag]:ei(),[t.AnimationType.Focus]:ei(),[t.AnimationType.Exit]:ei()};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<Jo;n++){const p=_o[n],g=o[p],v=void 0!==a[p]?a[p]:l[p],y=m(v),x=p===s?g.isActive:null;!1===x&&(d=n);let w=v===l[p]&&v!==a[p]&&y;if(w&&i&&e.manuallyAnimateOnMount&&(w=!1),g.protectedKeys={...h},!g.isActive&&null===x||!v&&!g.prevProp||f(v)||"boolean"==typeof v)continue;const E=ti(g.prevProp,v);let b=E||p===s&&g.isActive&&!w&&y||n>d&&y;const P=Array.isArray(v)?v:[v];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=v,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 ti(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!Ce(e,t)}function ei(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const ni={animation:Te(({visualElement:t,animate:n})=>{t.animationState||(t.animationState=Qo(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])})},oi=(t,e)=>Math.abs(t-e);function ii(t,e){const n=oi(t.x,e.x),o=oi(t.y,e.y);return Math.sqrt(n**2+o**2)}class ri{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=li(this.lastMoveEventInfo,this.history),e=null!==this.startEvent,n=ii(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=si(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=li(si(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=si(_t(t),this.transformPagePoint),{point:i}=o,{timestamp:r}=Le;this.history=[{...i,timestamp:r}];const{onSessionStart:s}=e;s&&s(t,li(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 si(t,e){return e?{point:e(t.point)}:t}function ai(t,e){return{x:t.x-e.x,y:t.y-e.y}}function li({point:t},e){return{point:t,delta:ai(t,ci(e)),offset:ai(t,ui(e)),velocity:hi(e,.1)}}function ui(t){return t[0]}function ci(t){return t[t.length-1]}function hi(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,o=null;const i=ci(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 di(t){return t.max-t.min}function pi(t,e=0,n=.01){return Math.abs(t-e)<=n}function mi(t,e,n,o=.5){t.origin=o,t.originPoint=Un(e.min,e.max,t.origin),t.scale=di(n)/di(e),(pi(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=Un(n.min,n.max,t.origin)-t.originPoint,(pi(t.translate)||isNaN(t.translate))&&(t.translate=0)}function fi(t,e,n,o){mi(t.x,e.x,n.x,null==o?void 0:o.originX),mi(t.y,e.y,n.y,null==o?void 0:o.originY)}function gi(t,e,n){t.min=n.min+e.min,t.max=t.min+di(e)}function vi(t,e,n){t.min=e.min-n.min,t.max=t.min+di(e)}function yi(t,e,n){vi(t.x,e.x,n.x),vi(t.y,e.y,n.y)}function xi(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 wi(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 Ei=.35;function bi(t,e,n){return{min:Pi(t,e),max:Pi(t,n)}}function Pi(t,e){return"number"==typeof t?t:t[e]||0}const Ai=()=>({x:{min:0,max:0},y:{min:0,max:0}});function Ti(t){return[t("x"),t("y")]}function Si({top:t,left:e,right:n,bottom:o}){return{x:{min:e,max:n},y:{min:t,max:o}}}function Vi(t){return void 0===t||1===t}function Ci({scale:t,scaleX:e,scaleY:n}){return!Vi(t)||!Vi(e)||!Vi(n)}function Mi(t){return Ci(t)||Li(t)||t.z||t.rotate||t.rotateX||t.rotateY}function Li(t){return Ri(t.x)||Ri(t.y)}function Ri(t){return t&&"0%"!==t}function Di(t,e,n){return n+e*(t-n)}function ki(t,e,n,o,i){return void 0!==i&&(t=Di(t,i,o)),Di(t,n,o)+e}function Bi(t,e=0,n=1,o,i){t.min=ki(t.min,e,n,o,i),t.max=ki(t.max,e,n,o,i)}function Oi(t,{x:e,y:n}){Bi(t.x,e.translate,e.scale,e.originPoint),Bi(t.y,n.translate,n.scale,n.originPoint)}function Fi(t){return Number.isInteger(t)||t>1.0000000000001||t<.999999999999?t:1}function Ii(t,e){t.min=t.min+e,t.max=t.max+e}function ji(t,e,[n,o,i]){const r=void 0!==e[i]?e[i]:.5,s=Un(t.min,t.max,r);Bi(t,e[n],e[o],s,e.scale)}const Ui=["x","scaleX","originX"],Ni=["y","scaleY","originY"];function zi(t,e){ji(t.x,e,Ui),ji(t.y,e,Ni)}function Wi(t,e){return Si(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 $i=new WeakMap;class Hi{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 ri(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),Ti(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=di(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||!Yi(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:xi(t.x,n,i),y:xi(t.y,e,o)}}(n.layoutBox,t),this.elastic=function(t=Ei){return!1===t?t=0:!0===t&&(t=Ei),{x:bi(t,"left","right"),y:bi(t,"top","bottom")}}(e),o!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&Ti(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=Wi(t,n),{scroll:i}=e;return i&&(Ii(o.x,i.offset.x),Ii(o.y,i.offset.y)),o}(n,o.root,this.visualElement.getTransformPagePoint());let r=function(t,e){return{x:wi(t.x,e.x),y:wi(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=Si(t))}return r}startAnimation(t){const{drag:e,dragMomentum:n,dragElastic:o,dragTransition:i,dragSnapToOrigin:r,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=Ti(s=>{if(!Yi(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(Ho(t,n,0,e))}stopAnimation(){Ti(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){Ti(e=>{const{drag:n}=this.getProps();if(!Yi(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};Ti(t=>{const e=this.getAxisMotionValue(t);if(e){const n=e.get();i[t]=function(t,e){let n=.5;const o=di(t),i=di(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(),Ti(t=>{if(!Yi(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;$i.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&&(Ti(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=Ei,dragMomentum:s=!0}=t;return{...t,drag:e,dragDirectionLock:n,dragPropagation:o,dragConstraints:i,dragElastic:r,dragMomentum:s}}}function Yi(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}const Xi={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 ri(t,c,{transformPagePoint:u})}),he(()=>l.current&&l.current.end())})),drag:Te((function(t){const{dragControls:n,visualElement:o}=t,i=A(()=>new Hi(o));e.useEffect(()=>n&&n.subscribe(i),[i,n]),e.useEffect(()=>i.addListeners(),[i])}))};function Gi(t){return"string"==typeof t&&t.startsWith("var(--")}const qi=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function Zi(t,e,n=1){const[o,i]=function(t){const e=qi.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():Gi(i)?Zi(i,e,n+1):i}const Ki=new Set(["width","height","top","left","right","bottom","x","y"]),_i=t=>Ki.has(t),Ji=(t,e)=>{t.set(e,!1),t.set(e)},Qi=t=>t===q||t===rt;var tr;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(tr||(tr={}));const er=(t,e)=>parseFloat(t.split(", ")[e]),nr=(t,e)=>(n,{transform:o})=>{if("none"===o||!o)return 0;const i=o.match(/^matrix3d\((.+)\)$/);if(i)return er(i[1],e);{const e=o.match(/^matrix\((.+)\)$/);return e?er(e[1],t):0}},or=new Set(["x","y","z"]),ir=j.filter(t=>!or.has(t));const rr={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:nr(4,13),y:nr(5,14)},sr=(t,e,n={},o={})=>{e={...e},o={...o};const i=Object.keys(e).filter(_i);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=yn(u);const h=e[i];let d;if(Ft(h)){const t=h.length,e=null===h[0]?1:0;u=h[e],c=yn(u);for(let n=e;n<t;n++)d?yn(h[n]):d=yn(h[n])}else d=yn(h);if(c!==d)if(Qi(c)&&Qi(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 ir.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],Ji(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]=rr[t](o,r)}),e.render();const l=e.measureViewportBox();return n.forEach(n=>{const o=e.getValue(n);Ji(o,a[n]),t[n]=rr[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 ar(t,e,n,o){return(t=>Object.keys(t).some(_i))(e)?sr(t,e,n,o):{target:e,transitionEnd:o}}const lr=(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(!Gi(e))return;const n=Zi(e,o);n&&t.set(n)});for(const t in e){const i=e[t];if(!Gi(i))continue;const r=Zi(i,o);r&&(e[t]=r,n&&void 0===n[t]&&(n[t]=i))}return{target:e,transitionEnd:n}}(t,e,o);return ar(t,e=i.target,n,o=i.transitionEnd)},ur={current:null},cr={current:!1};function hr(){if(cr.current=!0,c)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>ur.current=t.matches;t.addListener(e),e()}else ur.current=!1}const dr=Object.keys(b),pr=dr.length,mr=["AnimationStart","AnimationComplete","Update","Unmount","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class fr{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=v(e),this.isVariantNode=y(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)),cr.current||hr(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||ur.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.on("change",e=>{this.latestValues[t]=e,this.props.onUpdate&&je.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)}),i=e.on("renderRequest",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<pr;n++){const o=dr[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<mr.length;e++){const n=mr[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<vr;t++){const e=gr[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 gr=["initial",...Ko],vr=gr.length;class yr extends fr{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=lr(this,n,r,e);e=t.transitionEnd,n=t.target}return{transition:t,transitionEnd:e,...n}}}class xr 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 Wi(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 wr 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 Er=(t,e)=>O(t)?new wr(e,{enableHardwareAcceleration:!1}):new xr(e,{enableHardwareAcceleration:!0});function br(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const Pr={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t){if(!rt.test(t))return t;t=parseFloat(t)}return`${br(t,e.target.x)}% ${br(t,e.target.y)}%`}},Ar={correct:(t,{treeScale:e,projectionDelta:n})=>{const o=t,i=t.includes("var("),r=[];i&&(t=t.replace(qi,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 Tr extends i.default.Component{componentDidMount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n,layoutId:o}=this.props,{projection:i}=t;I(Sr),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 Sr={borderRadius:{...Pr,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Pr,borderTopRightRadius:Pr,borderBottomLeftRadius:Pr,borderBottomRightRadius:Pr,boxShadow:Ar},Vr={measureLayout:function(t){const[n,o]=Ve(),r=e.useContext(V);return i.default.createElement(Tr,{...t,layoutGroup:r,switchLayoutGroup:e.useContext(M),isPresent:n,safeToRemove:o})}};function Cr(t,e,n={}){const o=z(t)?t:Ze(t);return o.start(Ho("",o,e,n)),{stop:()=>o.stop(),isAnimating:()=>o.isAnimating()}}const Mr=["TopLeft","TopRight","BottomLeft","BottomRight"],Lr=Mr.length,Rr=t=>"string"==typeof t?parseFloat(t):t,Dr=t=>"number"==typeof t||rt.test(t);function kr(t,e){return void 0!==t[e]?t[e]:t.borderRadius}const Br=Fr(0,.5,oo),Or=Fr(.5,.95,Qn);function Fr(t,e,n){return o=>o<t?0:o>e?1:n(Zn(t,e,o))}function Ir(t,e){t.min=e.min,t.max=e.max}function jr(t,e){Ir(t.x,e.x),Ir(t.y,e.y)}function Ur(t,e,n,o,i){return t=Di(t-=e,1/n,o),void 0!==i&&(t=Di(t,1/i,o)),t}function Nr(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=Ur(t.min,e,n,a,i),t.max=Ur(t.max,e,n,a,i)}(t,e[n],e[o],e[i],e.scale,r,s)}const zr=["x","scaleX","originX"],Wr=["y","scaleY","originY"];function $r(t,e,n,o){Nr(t.x,e,zr,null==n?void 0:n.x,null==o?void 0:o.x),Nr(t.y,e,Wr,null==n?void 0:n.y,null==o?void 0:o.y)}function Hr(t){return 0===t.translate&&1===t.scale}function Yr(t){return Hr(t.x)&&Hr(t.y)}function Xr(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 Gr(t){return di(t.x)/di(t.y)}class qr{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 Zr(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 Kr=(t,e)=>t.depth-e.depth;class _r{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(Kr),this.isDirty=!1,this.children.forEach(t)}}const Jr=["","X","Y","Z"];let Qr=0;function ts({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:o,resetTransform:i}){return class{constructor(t,n={},o=(null==e?void 0:e())){this.id=Qr++,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(os),this.nodes.forEach(ls),this.nodes.forEach(us)},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 _r)}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=Co(o,250),T.hasAnimatedSinceResize&&(T.hasAnimatedSinceResize=!1,this.nodes.forEach(as))})}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:fs,{onLayoutAnimationStart:h,onLayoutAnimationComplete:d}=s.getProps(),p=!this.targetLayout||!Xr(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={...Uo(c,"layout"),onPlay:h,onComplete:d};s.shouldReduceMotion&&(e.delay=0,e.type=!1),this.startAnimation(e)}else e||0!==this.animationProgress||as(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(cs),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(rs);this.isUpdating&&(this.isUpdating=!1,this.potentialNodes.size&&(this.potentialNodes.forEach(gs),this.potentialNodes.clear()),this.nodes.forEach(ss),this.nodes.forEach(es),this.nodes.forEach(ns),this.clearAllSnapshots(),Ne.update(),Ne.preRender(),Ne.render())}clearAllSnapshots(){this.nodes.forEach(is),this.sharedNodes.forEach(hs)}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&&!Yr(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||Mi(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)),vs((o=n).x),vs(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&&(Ii(e.x,n.offset.x),Ii(e.y,n.offset.y)),e}removeElementScroll(t){const e={x:{min:0,max:0},y:{min:0,max:0}};jr(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){jr(e,t);const{scroll:n}=this.root;n&&(Ii(e.x,-n.offset.x),Ii(e.y,-n.offset.y))}Ii(e.x,i.offset.x),Ii(e.y,i.offset.y)}}return e}applyTransform(t,e=!1){const n={x:{min:0,max:0},y:{min:0,max:0}};jr(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&&zi(n,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),Mi(o.latestValues)&&zi(n,o.latestValues)}return Mi(this.latestValues)&&zi(n,this.latestValues),n}removeTransform(t){var e;const n={x:{min:0,max:0},y:{min:0,max:0}};jr(n,t);for(let t=0;t<this.path.length;t++){const o=this.path[t];if(!o.instance)continue;if(!Mi(o.latestValues))continue;Ci(o.latestValues)&&o.updateSnapshot();const i={x:{min:0,max:0},y:{min:0,max:0}};jr(i,o.measurePageBox()),$r(n,o.latestValues,null===(e=o.snapshot)||void 0===e?void 0:e.layoutBox,i)}return Mi(this.latestValues)&&$r(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),jr(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,gi(i.x,r.x,s.x),gi(i.y,r.y,s.y)):this.targetDelta?(Boolean(this.resumingFrom)?this.target=this.applyTransform(this.layout.layoutBox):jr(this.target,this.layout.layoutBox),Oi(this.target,this.targetDelta)):jr(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),jr(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}}}getClosestProjectingParent(){if(this.parent&&!Ci(this.parent.latestValues)&&!Li(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;jr(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&&zi(t,{x:-a.scroll.offset.x,y:-a.scroll.offset.y}),l&&(e.x*=l.x.scale,e.y*=l.y.scale,Oi(t,l)),o&&Mi(a.latestValues)&&zi(t,a.latestValues));e.x=Fi(e.x),e.y=Fi(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;fi(this.projectionDelta,this.layoutCorrected,l,this.latestValues),this.projectionTransform=Zr(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(ms));this.animationProgress=0,this.mixTargetDelta=e=>{var n;const o=e/1e3;var i,d,p,m;ds(a.x,t.x,o),ds(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,ps(i.x,d.x,p.x,m),ps(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,Br(o)),t.opacityExit=Un(void 0!==e.opacity?e.opacity:1,0,Or(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<Lr;i++){const r=`border${Mr[i]}Radius`;let s=kr(e,r),a=kr(n,r);if(void 0===s&&void 0===a)continue;s||(s=0),a||(a=0);0===s||0===a||Dr(s)===Dr(a)?(t[r]=Math.max(Un(Rr(s),Rr(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=Cr(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=di(this.layout.layoutBox.x);n.x.min=t.target.x.min,n.x.max=n.x.min+e;const o=di(this.layout.layoutBox.y);n.y.min=t.target.y.min,n.y.max=n.y.min+o}jr(e,n),zi(e,i),fi(this.projectionDeltaWithTransform,this.layoutCorrected,e,i)}}registerSharedNode(t,e){var n,o,i;this.sharedNodes.has(t)||this.sharedNodes.set(t,new qr);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<Jr.length;e++){const i="rotate"+Jr[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&&!Mi(this.latestValues)&&(e.transform=r?r({},""):"none",this.hasProjected=!1),e}const a=s.animationValues||s.latestValues;this.applyTransformsToTarget(),i.transform=Zr(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(rs),this.root.sharedNodes.clear()}}}function es(t){t.updateLayout()}function ns(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?Ti(t=>{const n=r?i.measuredBox[t]:i.layoutBox[t],o=di(n);n.min=e[t].min,n.max=n.min+o}):ys(o,i.layoutBox,e)&&Ti(t=>{const n=r?i.measuredBox[t]:i.layoutBox[t],o=di(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}};fi(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?fi(a,t.applyTransform(n,!0),i.measuredBox):fi(a,e,i.layoutBox);const l=!Yr(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),Xr(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 os(t){t.isProjectionDirty||(t.isProjectionDirty=Boolean(t.parent&&t.parent.isProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=Boolean(t.parent&&t.parent.isTransformDirty))}function is(t){t.clearSnapshot()}function rs(t){t.clearMeasurements()}function ss(t){const{visualElement:e}=t.options;(null==e?void 0:e.getProps().onBeforeLayoutMeasure)&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function as(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function ls(t){t.resolveTargetDelta()}function us(t){t.calcProjection()}function cs(t){t.resetRotation()}function hs(t){t.removeLeadSnapshot()}function ds(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 ps(t,e,n,o){t.min=Un(e.min,n.min,o),t.max=Un(e.max,n.max,o)}function ms(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const fs={duration:.45,ease:[.4,0,.1,1]};function gs(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 vs(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function ys(t,e,n){return"position"===t||"preserve-aspect"===t&&!pi(Gr(e),Gr(n),.2)}const xs=ts({attachResizeListener:(t,e)=>Ht(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),ws={current:void 0},Es=ts({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!ws.current){const t=new xs(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),ws.current=t}return ws.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>Boolean("fixed"===window.getComputedStyle(t).position)}),bs={...ni,...Se,...Xi,...Vr},Ps=k((t,e)=>Wt(t,e,bs,Er,Es));const As=k(Wt);function Ts(){const t=e.useRef(!1);return h(()=>(t.current=!0,()=>{t.current=!1}),[]),t}function Ss(){const t=Ts(),[n,o]=e.useState(0),i=e.useCallback(()=>{t.current&&o(n+1)},[n]);return[e.useCallback(()=>je.postRender(i),[i]),n]}class Vs 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 Cs({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(Vs,{isPresent:n,childRef:i,sizeRef:s},r.cloneElement(t,{ref:i}))}const Ms=({children:t,initial:n,isPresent:o,onExitComplete:i,custom:s,presenceAffectsLayout:a,mode:l})=>{const c=A(Ls),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(Cs,{isPresent:o},t)),r.createElement(u.Provider,{value:d},t)};function Ls(){return new Map}const Rs=t=>t.key||"";const Ds=e.createContext(null),ks=t=>!t.isLayoutDirty&&t.willUpdate(!1);function Bs(){const t=new Set,e=new WeakMap,n=()=>t.forEach(ks);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 Os=t=>!0===t,Fs=({children:t,id:n,inheritId:o,inherit:i=!0})=>{void 0!==o&&(i=o);const s=e.useContext(V),a=e.useContext(Ds),[l,u]=Ss(),c=e.useRef(null),h=s.id||a;null===c.current&&((t=>Os(!0===t)||"id"===t)(i)&&h&&(n=n?h+"-"+n:h),c.current={id:n,group:Os(i)&&s.group||Bs()});const d=e.useMemo(()=>({...c.current,forceRender:l}),[u]);return r.createElement(V.Provider,{value:d},t)};let Is=0;function js(t){return"function"==typeof t}const Us=e.createContext(null);const Ns=e.forwardRef((function({children:t,as:n="ul",axis:o="y",onReorder:i,values:s,...a},l){const u=A(()=>Ps(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(Ws))},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(zs).filter(t=>-1!==s.indexOf(t))))}};return e.useEffect(()=>{h.current=!1}),r.createElement(u,{...a,ref:l},r.createElement(Us.Provider,{value:d},t))}));function zs(t){return t.value}function Ws(t,e){return t.layout.min-e.layout.min}function $s(t){const n=A(()=>Ze(t)),{isStatic:o}=e.useContext(s);if(o){const[,o]=e.useState(t);e.useEffect(()=>n.on("change",o),[])}return n}function Hs(...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 Ys(t,e){const n=$s(e()),o=()=>n.set(e());return o(),function(t,e,n){h(()=>{const o=t.map(t=>t.on("change",e));return()=>{o.forEach(t=>t()),n()}})}(t,()=>je.update(o,!1,!0),()=>Ue.update(o)),n}function Xs(t,e,n,o){const i="function"==typeof e?e:Hs(e,n,o);return Array.isArray(t)?Gs(t,i):Gs([t],([t])=>i(t))}function Gs(t,e){const n=A(()=>[]);return Ys(t,()=>{n.length=0;const o=t.length;for(let e=0;e<o;e++)n[e]=t[e].get();return e(n)})}function qs(t,e=0){return z(t)?t:$s(e)}const Zs={Group:Ns,Item:e.forwardRef((function({children:t,style:n={},value:o,as:i="li",onDrag:s,layout:a=!0,...l},u){const c=A(()=>Ps(i)),h=e.useContext(Us),d={x:qs(n.x),y:qs(n.y)},p=Xs([d.x,d.y],([t,e])=>t||e?1:"unset"),m=e.useRef(null),{axis:f,registerItem:g,updateOrder:v}=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]&&v(o,d[f].get(),n[f]),s&&s(t,e)},onLayoutMeasure:t=>{m.current=t},ref:u},t)}))},Ks={renderer:Er,...ni,...Se},_s={...Ks,...Xi,...Vr,projectionNodeConstructor:Es};const Js=t=>"number"==typeof t;function Qs(t,e){return(t=>Array.isArray(t)&&!Js(t[0]))(t)?t[((t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t})(0,t.length,e)]:t}const ta=(t,e,n)=>-n*t+n*e+t,ea=t=>t,na=(t,e,n)=>e-t==0?1:(n-t)/(e-t);function oa(t,e){const n=t[t.length-1];for(let o=1;o<=e;o++){const i=na(0,e,o);t.push(ta(n,1,i))}}function ia(t){const e=[0];return oa(e,t-1),e}function ra(t,e=ia(t.length),n=ea){const o=t.length,i=o-e.length;return i>0&&oa(e,i),i=>{let r=0;for(;r<o-2&&!(i<e[r+1]);r++);let s=(a=0,l=1,u=na(e[r],e[r+1],i),Math.min(Math.max(u,a),l));var a,l,u;return s=Qs(n,r)(s),ta(t[r],t[r+1],s)}}const sa=t=>"function"==typeof t,aa=t=>"string"==typeof t;function la(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 ua={any:0,all:1};const ca=new WeakMap;let ha;function da({target:t,contentRect:e,borderBoxSize:n}){var o;null===(o=ca.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 pa(t){t.forEach(da)}function ma(t,e){ha||"undefined"!=typeof ResizeObserver&&(ha=new ResizeObserver(pa));const n=la(t);return n.forEach(t=>{let n=ca.get(t);n||(n=new Set,ca.set(t,n)),n.add(e),null==ha||ha.observe(t)}),()=>{n.forEach(t=>{const n=ca.get(t);null==n||n.delete(e),(null==n?void 0:n.size)||null==ha||ha.unobserve(t)})}}const fa=new Set;let ga;function va(t){return fa.add(t),ga||(ga=()=>{const t={width:window.innerWidth,height:window.innerHeight},e={target:window,size:t,contentSize:t};fa.forEach(t=>t(e))},window.addEventListener("resize",ga)),()=>{fa.delete(t),!fa.size&&ga&&(ga=void 0)}}const ya={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function xa(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=na(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 wa={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},Ea={start:0,center:.5,end:1};function ba(t,e,n=0){let o=0;if(void 0!==Ea[t]&&(t=Ea[t]),aa(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 Js(t)&&(o=e*t),n+o}const Pa=[0,0];function Aa(t,e,n,o){let i=Array.isArray(t)?t:Pa,r=0,s=0;return Js(t)?i=[t,t]:aa(t)&&(i=(t=t.trim()).includes(" ")?t.split(" "):[t,Ea[t]?t:"0"]),r=ba(i[0],n,o),s=ba(i[1],e),r-s}const Ta={x:0,y:0};function Sa(t,e,n){let{offset:o=wa.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):Ta,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=Aa(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=ra(ia(h),e[r].offset),e[r].interpolatorOffsets=[...e[r].offset]),e[r].progress=e[r].interpolate(e[r].current)}function Va(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){xa(t,"x",e,n),xa(t,"y",e,n),e.time=n}(t,n,e),(o.offset||o.target)&&Sa(t,n,o)},notify:sa(e)?()=>e(n):Ca(e,n[i])}}function Ca(t,e){return t.pause(),t.forEachNative((t,{easing:e})=>{var n,o;if(t.updateDuration)e||(t.easing=ea),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 Ma=new WeakMap,La=new WeakMap,Ra=new WeakMap,Da=t=>t===document.documentElement?window:t;function ka(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=Ra.get(n);i||(i=new Set,Ra.set(n,i));const r=Va(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),!Ma.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()};Ma.set(n,t);const e=Da(n);window.addEventListener("resize",t,{passive:!0}),n!==document.documentElement&&La.set(n,(a=t,sa(s=n)?va(s):ma(s,a))),e.addEventListener("scroll",t,{passive:!0})}var s,a;const l=Ma.get(n),u=requestAnimationFrame(l);return()=>{var e;"function"!=typeof t&&t.stop(),cancelAnimationFrame(u);const o=Ra.get(n);if(!o)return;if(o.delete(r),o.size)return;const i=Ma.get(n);Ma.delete(n),i&&(Da(n).removeEventListener("scroll",i),null===(e=La.get(n))||void 0===e||e(),window.removeEventListener("resize",i))}}const Ba=()=>({scrollX:Ze(0),scrollY:Ze(0),scrollXProgress:Ze(0),scrollYProgress:Ze(0)});function Oa({container:t,target:n,layoutEffect:o=!0,...i}={}){const r=A(Ba);return(o?h:e.useEffect)(()=>ka(({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 Fa(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 Ia 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 ja(){!cr.current&&hr();const[t]=e.useState(ur.current);return t}function Ua(){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(Yo(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 Na(){const t=A(Ua);return e.useEffect(t.mount,[]),t}const za=Na,Wa=(t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t};class $a{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 Ha=()=>new $a;function Ya(t){return null!==t&&"object"==typeof t&&L in t}function Xa(){return Ga}function Ga(t){ws.current&&(ws.current.isUpdating=!1,ws.current.blockUpdate(),t&&t())}const qa=()=>({});class Za extends fr{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 Ka=jt({scrapeMotionValuesFromProps:qa,createRenderState:qa});const _a=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]=Ss();const c=e.useContext(V).forceRender;c&&(u=c);const d=Ts(),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),v=e.useRef(new Map).current,y=e.useRef(!0);if(h(()=>{y.current=!1,function(t,e){t.forEach(t=>{const n=Rs(t);e.set(n,t)})}(p,v),g.current=m}),he(()=>{y.current=!0,v.clear(),f.clear()}),y.current)return r.createElement(r.Fragment,null,m.map(t=>r.createElement(Ms,{key:Rs(t),isPresent:!0,initial:!!o&&void 0,presenceAffectsLayout:a,mode:l},t)));m=[...m];const x=g.current.map(Rs),w=p.map(Rs),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=v.get(t);if(!e)return;const o=x.indexOf(t);m.splice(o,0,r.createElement(Ms,{key:Rs(e),isPresent:!1,onExitComplete:()=>{v.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(Ms,{key:Rs(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(Fs,{id:A(()=>"asl-"+Is++)},t)),t.DeprecatedLayoutGroupContext=Ds,t.DragControls=$a,t.FlatTree=_r,t.LayoutGroup=Fs,t.LayoutGroupContext=V,t.LazyMotion=function({children:t,features:n,strict:o=!1}){const[,i]=e.useState(!js(n)),s=e.useRef(void 0);if(!js(n)){const{renderer:t,...e}=n;s.current=t,P(e)}return e.useEffect(()=>{js(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=Zs,t.SwitchLayoutGroupContext=M,t.VisualElement=fr,t.addPointerEvent=ne,t.addScaleCorrector=I,t.animate=Cr,t.animateVisualElement=Yo,t.animationControls=Ua,t.animations=ni,t.buildTransform=H,t.calcLength=di,t.checkTargetForNewValues=Tn,t.clamp=G,t.createBox=Ai,t.createDomMotionComponent=function(t){return R(Wt(t,{forwardMotionProps:!1},bs,Er,Es))},t.createMotionComponent=R,t.delay=Co,t.distance=oi,t.distance2D=ii,t.domAnimation=Ks,t.domMax=_s,t.filterProps=wt,t.isBrowser=c,t.isDragActive=le,t.isMotionComponent=Ya,t.isMotionValue=z,t.isValidMotionProp=vt,t.m=As,t.makeUseVisualState=jt,t.mix=Un,t.motion=Ps,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=Vo(t,e,n,o);return i&&r&&window.MotionAppearAnimations.set(Mn(i,e),r),r},t.transform=Hs,t.unwrapMotionComponent=function(t){if(Ya(t))return t[L]},t.useAnimation=za,t.useAnimationControls=Na,t.useAnimationFrame=Fa,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?Wa(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=Ka({},!1),r=A(()=>new Za({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=>Yo(r,t))]},t.useDeprecatedInvertedScale=function(t){let e=$s(1),n=$s(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:Xs(e,_a),scaleY:Xs(n,_a)}},t.useDomEvent=Yt,t.useDragControls=function(){return A(Ha)},t.useElementScroll=function(t){return ge(!1,"useElementScroll is deprecated. Convert to useScroll({ container: ref })."),Oa({container:t})},t.useForceUpdate=Ss,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=la(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);sa(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:ua[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=Xa,t.useInstantTransition=function(){const[t,n]=Ss(),o=Xa();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 Ys(e,(function(){let o="";for(let i=0;i<n;i++){o+=t[i];e[i]&&(o+=e[i].get())}return o}))},t.useMotionValue=$s,t.useMotionValueEvent=function(t,e,n){h(()=>t.on(e,n),[t,e,n])},t.usePresence=Ve,t.useReducedMotion=ja,t.useReducedMotionConfig=function(){const t=ja(),{reducedMotion:n}=e.useContext(s);return"never"!==n&&("always"===n||t)},t.useResetProjection=function(){return r.useCallback(()=>{const t=ws.current;t&&t.resetTree()},[])},t.useScroll=Oa,t.useSpring=function(t,n={}){const{isStatic:o}=e.useContext(s),i=e.useRef(null),r=$s(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.on("change",e)},[t,e])}(t,t=>r.set(parseFloat(t))),r},t.useTime=function(){const t=$s(0);return Fa(e=>t.set(e)),t},t.useTransform=Xs,t.useUnmountEffect=he,t.useVelocity=function(t){const n=$s(t.getVelocity());return e.useEffect(()=>t.on("velocityChange",t=>{n.set(t)}),[t]),n},t.useViewportScroll=function(){return ge(!1,"useViewportScroll is deprecated. Convert to useScroll()."),Oa()},t.useVisualElementContext=l,t.useWillChange=function(){return A(()=>new Ia("auto"))},t.wrap=Wa,t.wrapHandler=Jt,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 v(t){return f(t.animate)||g.some(e=>m(t[e]))}function y(t){return Boolean(v(t)||t.variants)}function x(t){const{initial:n,animate:o}=function(t,e){if(v(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 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&&A(t);const g=e.forwardRef((function(g,v){const y={...e.useContext(s),...g,layoutId:D(g)},{isStatic:w}=y;let E=null;const A=x(g),V=w?void 0:P(()=>{if(T.hasEverUpdated)return S++}),L=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,L,y,n);const i=e.useContext(d).strict,r=e.useContext(M);A.visualElement&&(E=A.visualElement.loadFeatures(y,i,t,V,o||b.projectionNodeConstructor,r))}return r.createElement(C,{visualElement:A.visualElement,props:y},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])}(L,A.visualElement,v),L,w,A.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 I={};function F(t){Object.assign(I,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)&&(!!I[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 vt(t){return gt.has(t)}let yt=t=>!vt(t);function xt(t){t&&(yt=e=>e.startsWith("on")?!vt(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)(yt(i)||!0===n&&vt(i)||!e&&!vt(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 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 Pt(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 It=t=>Array.isArray(t);function Ft(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():P(s)};function Ut(t,e,n,o){const i={},r=o(t);for(const t in r)i[t]=Ft(r[t]);let{initial:s,animate:a}=t;const l=v(t),u=y(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}}Pt(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 ve=new WeakMap,ye=new WeakMap,xe=t=>{const e=ve.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;ye.has(n)||ye.set(n,{});const o=ye.get(n),i=JSON.stringify(e);return o[i]||(o[i]=new IntersectionObserver(we,{root:t,...e})),o[i]}(e);return ve.set(t,n),o.observe(t),()=>{ve.delete(t),o.unobserve(t)}}const be={some:0,all:1};function Ae(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 Pe(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?Pe:Ae)(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 Ie=["read","update","preRender","render","postRender"],Fe=Ie.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=Ie.reduce((t,e)=>{const n=Fe[e];return t[e]=(t,e=!1,o=!1)=>(Be||$e(),n.schedule(t,e,o)),t},{}),Ue=Ie.reduce((t,e)=>(t[e]=Fe[e].cancel,t),{}),Ne=Ie.reduce((t,e)=>(t[e]=()=>Fe[e].process(Le),t),{}),ze=t=>Fe[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,Ie.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.10.2",this.timeDelta=0,this.lastUpdated=0,this.canTrackVelocity=!1,this.events={},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.events.change&&this.events.change.notify(this.current),this.events.velocityChange&&this.events.velocityChange.notify(this.getVelocity()),e&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.scheduleVelocityCheck=()=>je.postRender(this.velocityCheck),this.velocityCheck=({timestamp:t})=>{t!==this.lastUpdated&&(this.prev=this.current,this.events.velocityChange&&this.events.velocityChange.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.on("change",t)}on(t,e){return this.events[t]||(this.events[t]=new Xe),this.events[t].add(e)}clearListeners(){for(const t in this.events)this.events[t].clear()}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),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.stopAnimation&&(this.stopAnimation(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.stopAnimation}clearAnimation(){this.stopAnimation=null}destroy(){this.clearListeners(),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),vn=[q,rt,it,ot,at,st,{test:t=>"auto"===t,parse:t=>t}],yn=t=>vn.find(gn(t)),xn=[...vn,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 An(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],It(s)?s[s.length-1]||0:s))}var s}function Pn(t,e){[...e].reverse().forEach(n=>{var o;const i=t.getVariant(n);i&&An(t,i),null===(o=t.variantChildren)||void 0===o||o.forEach(t=>{Pn(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),In=t=>t*t,Fn=On(In),jn=Bn(In),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=eo(.33,1.53,.69,.99),so=On(ro),ao=Bn(so),lo={linear:Qn,easeIn:In,easeInOut:jn,easeOut:Fn,circIn:no,circInOut:io,circOut:oo,backIn:so,backInOut:ao,backOut:ro,anticipate:t=>(t*=2)<1?.5*so(t):.5*(2-Math.pow(2,-10*(t-1)))},uo=t=>{if(Array.isArray(t)){t.length;const[e,n,o,i]=t;return eo(e,n,o,i)}return"string"==typeof t?lo[t]:t};function co({keyframes:t,ease:e=jn,times:n,duration:o=300}){t=[...t];const i=co[0],r=(t=>Array.isArray(t)&&"number"!=typeof t[0])(e)?e.map(uo):uo(e),s={done:!1,value:i},a=function(t,e){return t.map(t=>t*e)}(n&&n.length===co.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 ho({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)/po(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=po(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 po(t,e){return t*Math.sqrt(1-e*e)}const mo=["duration","bounce"],fo=["stiffness","damping","mass"];function go(t,e){return e.some(e=>void 0!==t[e])}function vo({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(!go(t,fo)&&go(t,mo)){const n=ho(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(o);let p=yo,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=po(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()}}}vo.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const yo=t=>0;const xo={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:co,tween:co,spring:vo};function wo(t,e,n=0){return t-e-n}const Eo=t=>{const e=({delta:e})=>t(e);return{start:()=>je.update(e,!0),stop:()=>Ue.update(e)}};function bo({duration:t,driver:e=Eo,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 v,y,x,w=0,E=t,b=!1,A=!0;const P=xo[s.length>2?"keyframes":p],T=s[0],S=s[s.length-1];(null===(g=(f=P).needsInterpolation)||void 0===g?void 0:g.call(f,T,S))&&(x=Jn([0,100],[T,S],{clamp:!1}),s=[0,100]);const V=P({...m,duration:t,keyframes:s});function C(){w++,"reverse"===i?(A=w%2==0,n=function(t,e=0,n=0,o=!0){return o?wo(e+-t,e,n):e-(t-e)+n}(n,E,r,A)):(n=wo(n,E,r),"mirror"===i&&V.flipTarget()),b=!1,h&&h()}function M(t){if(A||(t=-t),n+=t,!b){const t=V.next(Math.max(0,n));y=t.value,x&&(y=x(y)),b=A?t.done:n<=0}d&&d(y),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,A)&&C():(v.stop(),c&&c()))}return a&&(l&&l(),v=e(M),v.start()),{stop:()=>{u&&u(),v.stop()},sample:t=>V.next(Math.max(0,t))}}const Ao=([t,e,n,o])=>`cubic-bezier(${t}, ${e}, ${n}, ${o})`,Po={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Ao([0,.65,.55,1]),circOut:Ao([.55,0,1,.45]),backIn:Ao([.31,.01,.66,-.59]),backOut:Ao([.33,1.53,.69,.99])};function To(t){if(t)return Array.isArray(t)?Ao(t):Po[t]}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:To(a),fill:"both",iterations:r+1,direction:"reverse"===s?"alternate":"normal"})}function Vo(t,e,{onUpdate:n,onComplete:o,...i}){let{keyframes:r,duration:s=.3,elapsed:a=0,ease:l}=i;if("spring"===i.type||!(!(u=i.ease)||Array.isArray(u)||"string"==typeof u&&Po[u])){const t=bo(i);let e={done:!1,value:r[0]};const n=[];let o=0;for(;!e.done;)e=t.sample(o),n.push(e.value),o+=10;r=n,s=o-10,l="linear"}var u;const c=So(t.owner.current,e,r,{...i,delay:-a,duration:s,ease:l});return c.onfinish=()=>{t.set(r[r.length-1]),o&&o()},()=>{const{currentTime:e}=c;if(e){const n=bo(i);t.setWithVelocity(n.sample(e-10).value,n.sample(e).value,10)}je.update(()=>c.cancel())}}function Co(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 Mo({keyframes:t,elapsed:e,onUpdate:n,onComplete:o}){const i=()=>(n&&n(t[t.length-1]),o&&o(),()=>{});return e?Co(i,-e):i()}const Lo=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),Ro=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),Do=()=>({type:"keyframes",ease:"linear",duration:.3}),ko={type:"keyframes",duration:.8},Bo={x:Lo,y:Lo,z:Lo,rotate:Lo,rotateX:Lo,rotateY:Lo,rotateZ:Lo,scaleX:Ro,scaleY:Ro,scale:Ro,opacity:Do,backgroundColor:Do,color:Do,default:Ro},Oo=(t,{keyframes:e})=>{if(e.length>2)return ko;return(Bo[t]||Bo.default)(e[1])},Io=(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 jo(t){return"number"==typeof t?0:fn("",t)}function Uo(t,e){return t[e]||t.default||t}const No={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},zo={},Wo={};for(const t in No)Wo[t]=()=>(void 0===zo[t]&&(zo[t]=No[t]()),zo[t]);const $o=new Set(["opacity"]),Ho=(t,e,n,o={})=>i=>{const r=Uo(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=Io(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=jo(n):!Array.isArray(n)&&Fo(n)&&"string"==typeof r&&(n=jo(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=Io(t,u),d=Io(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 Mo(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 v(t){return void 0===n?o:void 0===o||Math.abs(n-t)<Math.abs(o-t)?n:o}function y(t){null==f||f.stop(),f=bo({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){y({type:"spring",stiffness:s,damping:a,restDelta:l,...t})}if(g(m))x({velocity:e,keyframes:[m,v(m)]});else{let t=i*e+m;void 0!==u&&(t=u(t));const o=v(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})};y({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,...Oo(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(Wo.waapi()&&$o.has(t)&&!p.repeatDelay&&"mirror"!==p.repeatType&&0!==p.damping&&m&&f instanceof HTMLElement&&!m.getProps().onUpdate)return Vo(e,t,p);{const t=bo(p);return()=>t.stop()}};function Yo(t,e,n={}){let o;if(t.notify("AnimationStart",e),Array.isArray(e)){const i=e.map(e=>Xo(t,e,n));o=Promise.all(i)}else if("string"==typeof e)o=Xo(t,e,n);else{const i="function"==typeof e?En(t,e,n.custom):e;o=Go(t,i,n)}return o.then(()=>t.notify("AnimationComplete",e))}function Xo(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?()=>Go(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(qo).forEach((t,o)=>{s.push(Xo(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 Go(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&&Zo(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(Ho(e,o,i,r));Cn(u)&&(u.add(e),a=a.then(()=>u.remove(e))),c.push(a)}return Promise.all(c).then(()=>{a&&An(t,a)})}function qo(t,e){return t.sortNodePosition(e)}function Zo({protectedKeys:t,needsAnimating:e},n){const o=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,o}const Ko=[t.AnimationType.Animate,t.AnimationType.InView,t.AnimationType.Focus,t.AnimationType.Hover,t.AnimationType.Tap,t.AnimationType.Drag,t.AnimationType.Exit],_o=[...Ko].reverse(),Jo=Ko.length;function Qo(e){let n=function(t){return e=>Promise.all(e.map(({animation:e,options:n})=>Yo(t,e,n)))}(e);const o={[t.AnimationType.Animate]:ei(!0),[t.AnimationType.InView]:ei(),[t.AnimationType.Hover]:ei(),[t.AnimationType.Tap]:ei(),[t.AnimationType.Drag]:ei(),[t.AnimationType.Focus]:ei(),[t.AnimationType.Exit]:ei()};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<Jo;n++){const p=_o[n],g=o[p],v=void 0!==a[p]?a[p]:l[p],y=m(v),x=p===s?g.isActive:null;!1===x&&(d=n);let w=v===l[p]&&v!==a[p]&&y;if(w&&i&&e.manuallyAnimateOnMount&&(w=!1),g.protectedKeys={...h},!g.isActive&&null===x||!v&&!g.prevProp||f(v)||"boolean"==typeof v)continue;const E=ti(g.prevProp,v);let b=E||p===s&&g.isActive&&!w&&y||n>d&&y;const A=Array.isArray(v)?v:[v];let P=A.reduce(r,{});!1===x&&(P={});const{prevResolvedValues:T={}}=g,S={...T,...P},V=t=>{b=!0,c.delete(t),g.needsAnimating[t]=!0};for(const t in S){const e=P[t],n=T[t];h.hasOwnProperty(t)||(e!==n?It(e)&&It(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=v,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 ti(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!Ce(e,t)}function ei(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const ni={animation:Te(({visualElement:t,animate:n})=>{t.animationState||(t.animationState=Qo(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])})},oi=(t,e)=>Math.abs(t-e);function ii(t,e){const n=oi(t.x,e.x),o=oi(t.y,e.y);return Math.sqrt(n**2+o**2)}class ri{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=li(this.lastMoveEventInfo,this.history),e=null!==this.startEvent,n=ii(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=si(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=li(si(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=si(_t(t),this.transformPagePoint),{point:i}=o,{timestamp:r}=Le;this.history=[{...i,timestamp:r}];const{onSessionStart:s}=e;s&&s(t,li(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 si(t,e){return e?{point:e(t.point)}:t}function ai(t,e){return{x:t.x-e.x,y:t.y-e.y}}function li({point:t},e){return{point:t,delta:ai(t,ci(e)),offset:ai(t,ui(e)),velocity:hi(e,.1)}}function ui(t){return t[0]}function ci(t){return t[t.length-1]}function hi(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,o=null;const i=ci(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 di(t){return t.max-t.min}function pi(t,e=0,n=.01){return Math.abs(t-e)<=n}function mi(t,e,n,o=.5){t.origin=o,t.originPoint=Un(e.min,e.max,t.origin),t.scale=di(n)/di(e),(pi(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=Un(n.min,n.max,t.origin)-t.originPoint,(pi(t.translate)||isNaN(t.translate))&&(t.translate=0)}function fi(t,e,n,o){mi(t.x,e.x,n.x,null==o?void 0:o.originX),mi(t.y,e.y,n.y,null==o?void 0:o.originY)}function gi(t,e,n){t.min=n.min+e.min,t.max=t.min+di(e)}function vi(t,e,n){t.min=e.min-n.min,t.max=t.min+di(e)}function yi(t,e,n){vi(t.x,e.x,n.x),vi(t.y,e.y,n.y)}function xi(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 wi(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 Ei=.35;function bi(t,e,n){return{min:Ai(t,e),max:Ai(t,n)}}function Ai(t,e){return"number"==typeof t?t:t[e]||0}const Pi=()=>({x:{min:0,max:0},y:{min:0,max:0}});function Ti(t){return[t("x"),t("y")]}function Si({top:t,left:e,right:n,bottom:o}){return{x:{min:e,max:n},y:{min:t,max:o}}}function Vi(t){return void 0===t||1===t}function Ci({scale:t,scaleX:e,scaleY:n}){return!Vi(t)||!Vi(e)||!Vi(n)}function Mi(t){return Ci(t)||Li(t)||t.z||t.rotate||t.rotateX||t.rotateY}function Li(t){return Ri(t.x)||Ri(t.y)}function Ri(t){return t&&"0%"!==t}function Di(t,e,n){return n+e*(t-n)}function ki(t,e,n,o,i){return void 0!==i&&(t=Di(t,i,o)),Di(t,n,o)+e}function Bi(t,e=0,n=1,o,i){t.min=ki(t.min,e,n,o,i),t.max=ki(t.max,e,n,o,i)}function Oi(t,{x:e,y:n}){Bi(t.x,e.translate,e.scale,e.originPoint),Bi(t.y,n.translate,n.scale,n.originPoint)}function Ii(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 ji(t,e,[n,o,i]){const r=void 0!==e[i]?e[i]:.5,s=Un(t.min,t.max,r);Bi(t,e[n],e[o],s,e.scale)}const Ui=["x","scaleX","originX"],Ni=["y","scaleY","originY"];function zi(t,e){ji(t.x,e,Ui),ji(t.y,e,Ni)}function Wi(t,e){return Si(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 $i=new WeakMap;class Hi{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 ri(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),Ti(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=di(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||!Yi(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:xi(t.x,n,i),y:xi(t.y,e,o)}}(n.layoutBox,t),this.elastic=function(t=Ei){return!1===t?t=0:!0===t&&(t=Ei),{x:bi(t,"left","right"),y:bi(t,"top","bottom")}}(e),o!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&Ti(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=Wi(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:wi(t.x,e.x),y:wi(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=Si(t))}return r}startAnimation(t){const{drag:e,dragMomentum:n,dragElastic:o,dragTransition:i,dragSnapToOrigin:r,onDragTransitionEnd:s}=this.getProps(),a=this.constraints||{},l=Ti(s=>{if(!Yi(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(Ho(t,n,0,e))}stopAnimation(){Ti(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){Ti(e=>{const{drag:n}=this.getProps();if(!Yi(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};Ti(t=>{const e=this.getAxisMotionValue(t);if(e){const n=e.get();i[t]=function(t,e){let n=.5;const o=di(t),i=di(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(),Ti(t=>{if(!Yi(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;$i.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&&(Ti(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=Ei,dragMomentum:s=!0}=t;return{...t,drag:e,dragDirectionLock:n,dragPropagation:o,dragConstraints:i,dragElastic:r,dragMomentum:s}}}function Yi(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}const Xi={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 ri(t,c,{transformPagePoint:u})}),he(()=>l.current&&l.current.end())})),drag:Te((function(t){const{dragControls:n,visualElement:o}=t,i=P(()=>new Hi(o));e.useEffect(()=>n&&n.subscribe(i),[i,n]),e.useEffect(()=>i.addListeners(),[i])}))};function Gi(t){return"string"==typeof t&&t.startsWith("var(--")}const qi=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function Zi(t,e,n=1){const[o,i]=function(t){const e=qi.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():Gi(i)?Zi(i,e,n+1):i}const Ki=new Set(["width","height","top","left","right","bottom","x","y"]),_i=t=>Ki.has(t),Ji=(t,e)=>{t.set(e,!1),t.set(e)},Qi=t=>t===q||t===rt;var tr;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(tr||(tr={}));const er=(t,e)=>parseFloat(t.split(", ")[e]),nr=(t,e)=>(n,{transform:o})=>{if("none"===o||!o)return 0;const i=o.match(/^matrix3d\((.+)\)$/);if(i)return er(i[1],e);{const e=o.match(/^matrix\((.+)\)$/);return e?er(e[1],t):0}},or=new Set(["x","y","z"]),ir=j.filter(t=>!or.has(t));const rr={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:nr(4,13),y:nr(5,14)},sr=(t,e,n={},o={})=>{e={...e},o={...o};const i=Object.keys(e).filter(_i);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=yn(u);const h=e[i];let d;if(It(h)){const t=h.length,e=null===h[0]?1:0;u=h[e],c=yn(u);for(let n=e;n<t;n++)d?yn(h[n]):d=yn(h[n])}else d=yn(h);if(c!==d)if(Qi(c)&&Qi(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 ir.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],Ji(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]=rr[t](o,r)}),e.render();const l=e.measureViewportBox();return n.forEach(n=>{const o=e.getValue(n);Ji(o,a[n]),t[n]=rr[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 ar(t,e,n,o){return(t=>Object.keys(t).some(_i))(e)?sr(t,e,n,o):{target:e,transitionEnd:o}}const lr=(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(!Gi(e))return;const n=Zi(e,o);n&&t.set(n)});for(const t in e){const i=e[t];if(!Gi(i))continue;const r=Zi(i,o);r&&(e[t]=r,n&&void 0===n[t]&&(n[t]=i))}return{target:e,transitionEnd:n}}(t,e,o);return ar(t,e=i.target,n,o=i.transitionEnd)},ur={current:null},cr={current:!1};function hr(){if(cr.current=!0,c)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>ur.current=t.matches;t.addListener(e),e()}else ur.current=!1}const dr=Object.keys(b),pr=dr.length,mr=["AnimationStart","AnimationComplete","Update","Unmount","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class fr{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=v(e),this.isVariantNode=y(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)),cr.current||hr(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||ur.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.on("change",e=>{this.latestValues[t]=e,this.props.onUpdate&&je.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)}),i=e.on("renderRequest",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<pr;n++){const o=dr[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<mr.length;e++){const n=mr[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<vr;t++){const e=gr[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 gr=["initial",...Ko],vr=gr.length;class yr extends fr{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=lr(this,n,r,e);e=t.transitionEnd,n=t.target}return{transition:t,transitionEnd:e,...n}}}class xr 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 Wi(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 wr 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){Pt(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 Er=(t,e)=>O(t)?new wr(e,{enableHardwareAcceleration:!1}):new xr(e,{enableHardwareAcceleration:!0});function br(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const Ar={correct:(t,e)=>{if(!e.target)return t;if("string"==typeof t){if(!rt.test(t))return t;t=parseFloat(t)}return`${br(t,e.target.x)}% ${br(t,e.target.y)}%`}},Pr={correct:(t,{treeScale:e,projectionDelta:n})=>{const o=t,i=t.includes("var("),r=[];i&&(t=t.replace(qi,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 Tr extends i.default.Component{componentDidMount(){const{visualElement:t,layoutGroup:e,switchLayoutGroup:n,layoutId:o}=this.props,{projection:i}=t;F(Sr),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 Sr={borderRadius:{...Ar,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Ar,borderTopRightRadius:Ar,borderBottomLeftRadius:Ar,borderBottomRightRadius:Ar,boxShadow:Pr},Vr={measureLayout:function(t){const[n,o]=Ve(),r=e.useContext(V);return i.default.createElement(Tr,{...t,layoutGroup:r,switchLayoutGroup:e.useContext(M),isPresent:n,safeToRemove:o})}};function Cr(t,e,n={}){const o=z(t)?t:Ze(t);return o.start(Ho("",o,e,n)),{stop:()=>o.stop(),isAnimating:()=>o.isAnimating()}}const Mr=["TopLeft","TopRight","BottomLeft","BottomRight"],Lr=Mr.length,Rr=t=>"string"==typeof t?parseFloat(t):t,Dr=t=>"number"==typeof t||rt.test(t);function kr(t,e){return void 0!==t[e]?t[e]:t.borderRadius}const Br=Ir(0,.5,oo),Or=Ir(.5,.95,Qn);function Ir(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 jr(t,e){Fr(t.x,e.x),Fr(t.y,e.y)}function Ur(t,e,n,o,i){return t=Di(t-=e,1/n,o),void 0!==i&&(t=Di(t,1/i,o)),t}function Nr(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=Ur(t.min,e,n,a,i),t.max=Ur(t.max,e,n,a,i)}(t,e[n],e[o],e[i],e.scale,r,s)}const zr=["x","scaleX","originX"],Wr=["y","scaleY","originY"];function $r(t,e,n,o){Nr(t.x,e,zr,null==n?void 0:n.x,null==o?void 0:o.x),Nr(t.y,e,Wr,null==n?void 0:n.y,null==o?void 0:o.y)}function Hr(t){return 0===t.translate&&1===t.scale}function Yr(t){return Hr(t.x)&&Hr(t.y)}function Xr(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 Gr(t){return di(t.x)/di(t.y)}class qr{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 Zr(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 Kr=(t,e)=>t.depth-e.depth;class _r{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(Kr),this.isDirty=!1,this.children.forEach(t)}}const Jr=["","X","Y","Z"];let Qr=0;function ts({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:o,resetTransform:i}){return class{constructor(t,n={},o=(null==e?void 0:e())){this.id=Qr++,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(os),this.nodes.forEach(ls),this.nodes.forEach(us)},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 _r)}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=Co(o,250),T.hasAnimatedSinceResize&&(T.hasAnimatedSinceResize=!1,this.nodes.forEach(as))})}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:fs,{onLayoutAnimationStart:h,onLayoutAnimationComplete:d}=s.getProps(),p=!this.targetLayout||!Xr(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={...Uo(c,"layout"),onPlay:h,onComplete:d};s.shouldReduceMotion&&(e.delay=0,e.type=!1),this.startAnimation(e)}else e||0!==this.animationProgress||as(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(cs),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(rs);this.isUpdating&&(this.isUpdating=!1,this.potentialNodes.size&&(this.potentialNodes.forEach(gs),this.potentialNodes.clear()),this.nodes.forEach(ss),this.nodes.forEach(es),this.nodes.forEach(ns),this.clearAllSnapshots(),Ne.update(),Ne.preRender(),Ne.render())}clearAllSnapshots(){this.nodes.forEach(is),this.sharedNodes.forEach(hs)}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&&!Yr(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||Mi(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)),vs((o=n).x),vs(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}};jr(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){jr(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}};jr(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&&zi(n,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),Mi(o.latestValues)&&zi(n,o.latestValues)}return Mi(this.latestValues)&&zi(n,this.latestValues),n}removeTransform(t){var e;const n={x:{min:0,max:0},y:{min:0,max:0}};jr(n,t);for(let t=0;t<this.path.length;t++){const o=this.path[t];if(!o.instance)continue;if(!Mi(o.latestValues))continue;Ci(o.latestValues)&&o.updateSnapshot();const i={x:{min:0,max:0},y:{min:0,max:0}};jr(i,o.measurePageBox()),$r(n,o.latestValues,null===(e=o.snapshot)||void 0===e?void 0:e.layoutBox,i)}return Mi(this.latestValues)&&$r(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),jr(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,gi(i.x,r.x,s.x),gi(i.y,r.y,s.y)):this.targetDelta?(Boolean(this.resumingFrom)?this.target=this.applyTransform(this.layout.layoutBox):jr(this.target,this.layout.layoutBox),Oi(this.target,this.targetDelta)):jr(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),jr(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}}}getClosestProjectingParent(){if(this.parent&&!Ci(this.parent.latestValues)&&!Li(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;jr(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&&zi(t,{x:-a.scroll.offset.x,y:-a.scroll.offset.y}),l&&(e.x*=l.x.scale,e.y*=l.y.scale,Oi(t,l)),o&&Mi(a.latestValues)&&zi(t,a.latestValues));e.x=Ii(e.x),e.y=Ii(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;fi(this.projectionDelta,this.layoutCorrected,l,this.latestValues),this.projectionTransform=Zr(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(ms));this.animationProgress=0,this.mixTargetDelta=e=>{var n;const o=e/1e3;var i,d,p,m;ds(a.x,t.x,o),ds(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,ps(i.x,d.x,p.x,m),ps(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,Br(o)),t.opacityExit=Un(void 0!==e.opacity?e.opacity:1,0,Or(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<Lr;i++){const r=`border${Mr[i]}Radius`;let s=kr(e,r),a=kr(n,r);if(void 0===s&&void 0===a)continue;s||(s=0),a||(a=0);0===s||0===a||Dr(s)===Dr(a)?(t[r]=Math.max(Un(Rr(s),Rr(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=Cr(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=di(this.layout.layoutBox.x);n.x.min=t.target.x.min,n.x.max=n.x.min+e;const o=di(this.layout.layoutBox.y);n.y.min=t.target.y.min,n.y.max=n.y.min+o}jr(e,n),zi(e,i),fi(this.projectionDeltaWithTransform,this.layoutCorrected,e,i)}}registerSharedNode(t,e){var n,o,i;this.sharedNodes.has(t)||this.sharedNodes.set(t,new qr);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<Jr.length;e++){const i="rotate"+Jr[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=Ft(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=Ft(t.pointerEvents)||""),this.hasProjected&&!Mi(this.latestValues)&&(e.transform=r?r({},""):"none",this.hasProjected=!1),e}const a=s.animationValues||s.latestValues;this.applyTransformsToTarget(),i.transform=Zr(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 I){if(void 0===a[t])continue;const{correct:e,applyTo:n}=I[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?Ft(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(rs),this.root.sharedNodes.clear()}}}function es(t){t.updateLayout()}function ns(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?Ti(t=>{const n=r?i.measuredBox[t]:i.layoutBox[t],o=di(n);n.min=e[t].min,n.max=n.min+o}):ys(o,i.layoutBox,e)&&Ti(t=>{const n=r?i.measuredBox[t]:i.layoutBox[t],o=di(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}};fi(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?fi(a,t.applyTransform(n,!0),i.measuredBox):fi(a,e,i.layoutBox);const l=!Yr(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),Xr(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 os(t){t.isProjectionDirty||(t.isProjectionDirty=Boolean(t.parent&&t.parent.isProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=Boolean(t.parent&&t.parent.isTransformDirty))}function is(t){t.clearSnapshot()}function rs(t){t.clearMeasurements()}function ss(t){const{visualElement:e}=t.options;(null==e?void 0:e.getProps().onBeforeLayoutMeasure)&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function as(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function ls(t){t.resolveTargetDelta()}function us(t){t.calcProjection()}function cs(t){t.resetRotation()}function hs(t){t.removeLeadSnapshot()}function ds(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 ps(t,e,n,o){t.min=Un(e.min,n.min,o),t.max=Un(e.max,n.max,o)}function ms(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}const fs={duration:.45,ease:[.4,0,.1,1]};function gs(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 vs(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function ys(t,e,n){return"position"===t||"preserve-aspect"===t&&!pi(Gr(e),Gr(n),.2)}const xs=ts({attachResizeListener:(t,e)=>Ht(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),ws={current:void 0},Es=ts({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!ws.current){const t=new xs(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),ws.current=t}return ws.current},resetTransform:(t,e)=>{t.style.transform=void 0!==e?e:"none"},checkIsScrollRoot:t=>Boolean("fixed"===window.getComputedStyle(t).position)}),bs={...ni,...Se,...Xi,...Vr},As=k((t,e)=>Wt(t,e,bs,Er,Es));const Ps=k(Wt);function Ts(){const t=e.useRef(!1);return h(()=>(t.current=!0,()=>{t.current=!1}),[]),t}function Ss(){const t=Ts(),[n,o]=e.useState(0),i=e.useCallback(()=>{t.current&&o(n+1)},[n]);return[e.useCallback(()=>je.postRender(i),[i]),n]}class Vs 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 Cs({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(Vs,{isPresent:n,childRef:i,sizeRef:s},r.cloneElement(t,{ref:i}))}const Ms=({children:t,initial:n,isPresent:o,onExitComplete:i,custom:s,presenceAffectsLayout:a,mode:l})=>{const c=P(Ls),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(Cs,{isPresent:o},t)),r.createElement(u.Provider,{value:d},t)};function Ls(){return new Map}const Rs=t=>t.key||"";const Ds=e.createContext(null),ks=t=>!t.isLayoutDirty&&t.willUpdate(!1);function Bs(){const t=new Set,e=new WeakMap,n=()=>t.forEach(ks);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 Os=t=>!0===t,Is=({children:t,id:n,inheritId:o,inherit:i=!0})=>{void 0!==o&&(i=o);const s=e.useContext(V),a=e.useContext(Ds),[l,u]=Ss(),c=e.useRef(null),h=s.id||a;null===c.current&&((t=>Os(!0===t)||"id"===t)(i)&&h&&(n=n?h+"-"+n:h),c.current={id:n,group:Os(i)&&s.group||Bs()});const d=e.useMemo(()=>({...c.current,forceRender:l}),[u]);return r.createElement(V.Provider,{value:d},t)};let Fs=0;function js(t){return"function"==typeof t}const Us=e.createContext(null);const Ns=e.forwardRef((function({children:t,as:n="ul",axis:o="y",onReorder:i,values:s,...a},l){const u=P(()=>As(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(Ws))},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(zs).filter(t=>-1!==s.indexOf(t))))}};return e.useEffect(()=>{h.current=!1}),r.createElement(u,{...a,ref:l},r.createElement(Us.Provider,{value:d},t))}));function zs(t){return t.value}function Ws(t,e){return t.layout.min-e.layout.min}function $s(t){const n=P(()=>Ze(t)),{isStatic:o}=e.useContext(s);if(o){const[,o]=e.useState(t);e.useEffect(()=>n.on("change",o),[])}return n}function Hs(...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 Ys(t,e){const n=$s(e()),o=()=>n.set(e());return o(),function(t,e,n){h(()=>{const o=t.map(t=>t.on("change",e));return()=>{o.forEach(t=>t()),n()}})}(t,()=>je.update(o,!1,!0),()=>Ue.update(o)),n}function Xs(t,e,n,o){const i="function"==typeof e?e:Hs(e,n,o);return Array.isArray(t)?Gs(t,i):Gs([t],([t])=>i(t))}function Gs(t,e){const n=P(()=>[]);return Ys(t,()=>{n.length=0;const o=t.length;for(let e=0;e<o;e++)n[e]=t[e].get();return e(n)})}function qs(t,e=0){return z(t)?t:$s(e)}const Zs={Group:Ns,Item:e.forwardRef((function({children:t,style:n={},value:o,as:i="li",onDrag:s,layout:a=!0,...l},u){const c=P(()=>As(i)),h=e.useContext(Us),d={x:qs(n.x),y:qs(n.y)},p=Xs([d.x,d.y],([t,e])=>t||e?1:"unset"),m=e.useRef(null),{axis:f,registerItem:g,updateOrder:v}=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]&&v(o,d[f].get(),n[f]),s&&s(t,e)},onLayoutMeasure:t=>{m.current=t},ref:u},t)}))},Ks={renderer:Er,...ni,...Se},_s={...Ks,...Xi,...Vr,projectionNodeConstructor:Es};const Js=t=>"number"==typeof t;function Qs(t,e){return(t=>Array.isArray(t)&&!Js(t[0]))(t)?t[((t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t})(0,t.length,e)]:t}const ta=(t,e,n)=>-n*t+n*e+t,ea=t=>t,na=(t,e,n)=>e-t==0?1:(n-t)/(e-t);function oa(t,e){const n=t[t.length-1];for(let o=1;o<=e;o++){const i=na(0,e,o);t.push(ta(n,1,i))}}function ia(t){const e=[0];return oa(e,t-1),e}function ra(t,e=ia(t.length),n=ea){const o=t.length,i=o-e.length;return i>0&&oa(e,i),i=>{let r=0;for(;r<o-2&&!(i<e[r+1]);r++);let s=(a=0,l=1,u=na(e[r],e[r+1],i),Math.min(Math.max(u,a),l));var a,l,u;return s=Qs(n,r)(s),ta(t[r],t[r+1],s)}}const sa=t=>"function"==typeof t,aa=t=>"string"==typeof t;function la(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 ua={any:0,all:1};const ca=new WeakMap;let ha;function da({target:t,contentRect:e,borderBoxSize:n}){var o;null===(o=ca.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 pa(t){t.forEach(da)}function ma(t,e){ha||"undefined"!=typeof ResizeObserver&&(ha=new ResizeObserver(pa));const n=la(t);return n.forEach(t=>{let n=ca.get(t);n||(n=new Set,ca.set(t,n)),n.add(e),null==ha||ha.observe(t)}),()=>{n.forEach(t=>{const n=ca.get(t);null==n||n.delete(e),(null==n?void 0:n.size)||null==ha||ha.unobserve(t)})}}const fa=new Set;let ga;function va(t){return fa.add(t),ga||(ga=()=>{const t={width:window.innerWidth,height:window.innerHeight},e={target:window,size:t,contentSize:t};fa.forEach(t=>t(e))},window.addEventListener("resize",ga)),()=>{fa.delete(t),!fa.size&&ga&&(ga=void 0)}}const ya={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function xa(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=na(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 wa={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},Ea={start:0,center:.5,end:1};function ba(t,e,n=0){let o=0;if(void 0!==Ea[t]&&(t=Ea[t]),aa(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 Js(t)&&(o=e*t),n+o}const Aa=[0,0];function Pa(t,e,n,o){let i=Array.isArray(t)?t:Aa,r=0,s=0;return Js(t)?i=[t,t]:aa(t)&&(i=(t=t.trim()).includes(" ")?t.split(" "):[t,Ea[t]?t:"0"]),r=ba(i[0],n,o),s=ba(i[1],e),r-s}const Ta={x:0,y:0};function Sa(t,e,n){let{offset:o=wa.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):Ta,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=ra(ia(h),e[r].offset),e[r].interpolatorOffsets=[...e[r].offset]),e[r].progress=e[r].interpolate(e[r].current)}function Va(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){xa(t,"x",e,n),xa(t,"y",e,n),e.time=n}(t,n,e),(o.offset||o.target)&&Sa(t,n,o)},notify:sa(e)?()=>e(n):Ca(e,n[i])}}function Ca(t,e){return t.pause(),t.forEachNative((t,{easing:e})=>{var n,o;if(t.updateDuration)e||(t.easing=ea),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 Ma=new WeakMap,La=new WeakMap,Ra=new WeakMap,Da=t=>t===document.documentElement?window:t;function ka(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=Ra.get(n);i||(i=new Set,Ra.set(n,i));const r=Va(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),!Ma.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()};Ma.set(n,t);const e=Da(n);window.addEventListener("resize",t,{passive:!0}),n!==document.documentElement&&La.set(n,(a=t,sa(s=n)?va(s):ma(s,a))),e.addEventListener("scroll",t,{passive:!0})}var s,a;const l=Ma.get(n),u=requestAnimationFrame(l);return()=>{var e;"function"!=typeof t&&t.stop(),cancelAnimationFrame(u);const o=Ra.get(n);if(!o)return;if(o.delete(r),o.size)return;const i=Ma.get(n);Ma.delete(n),i&&(Da(n).removeEventListener("scroll",i),null===(e=La.get(n))||void 0===e||e(),window.removeEventListener("resize",i))}}const Ba=()=>({scrollX:Ze(0),scrollY:Ze(0),scrollXProgress:Ze(0),scrollYProgress:Ze(0)});function Oa({container:t,target:n,layoutEffect:o=!0,...i}={}){const r=P(Ba);return(o?h:e.useEffect)(()=>ka(({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 Ia(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 ja(){!cr.current&&hr();const[t]=e.useState(ur.current);return t}function Ua(){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(Yo(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)?Pn(t,e):"string"==typeof e?Pn(t,[e]):An(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 Na(){const t=P(Ua);return e.useEffect(t.mount,[]),t}const za=Na,Wa=(t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t};class $a{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 Ha=()=>new $a;function Ya(t){return null!==t&&"object"==typeof t&&L in t}function Xa(){return Ga}function Ga(t){ws.current&&(ws.current.isUpdating=!1,ws.current.blockUpdate(),t&&t())}const qa=()=>({});class Za extends fr{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 Ka=jt({scrapeMotionValuesFromProps:qa,createRenderState:qa});const _a=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]=Ss();const c=e.useContext(V).forceRender;c&&(u=c);const d=Ts(),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),v=e.useRef(new Map).current,y=e.useRef(!0);if(h(()=>{y.current=!1,function(t,e){t.forEach(t=>{const n=Rs(t);e.set(n,t)})}(p,v),g.current=m}),he(()=>{y.current=!0,v.clear(),f.clear()}),y.current)return r.createElement(r.Fragment,null,m.map(t=>r.createElement(Ms,{key:Rs(t),isPresent:!0,initial:!!o&&void 0,presenceAffectsLayout:a,mode:l},t)));m=[...m];const x=g.current.map(Rs),w=p.map(Rs),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=v.get(t);if(!e)return;const o=x.indexOf(t);m.splice(o,0,r.createElement(Ms,{key:Rs(e),isPresent:!1,onExitComplete:()=>{v.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(Ms,{key:Rs(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(Is,{id:P(()=>"asl-"+Fs++)},t)),t.DeprecatedLayoutGroupContext=Ds,t.DragControls=$a,t.FlatTree=_r,t.LayoutGroup=Is,t.LayoutGroupContext=V,t.LazyMotion=function({children:t,features:n,strict:o=!1}){const[,i]=e.useState(!js(n)),s=e.useRef(void 0);if(!js(n)){const{renderer:t,...e}=n;s.current=t,A(e)}return e.useEffect(()=>{js(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=qe,t.PresenceContext=u,t.Reorder=Zs,t.SwitchLayoutGroupContext=M,t.VisualElement=fr,t.addPointerEvent=ne,t.addScaleCorrector=F,t.animate=Cr,t.animateVisualElement=Yo,t.animationControls=Ua,t.animations=ni,t.buildTransform=H,t.calcLength=di,t.checkTargetForNewValues=Tn,t.clamp=G,t.createBox=Pi,t.createDomMotionComponent=function(t){return R(Wt(t,{forwardMotionProps:!1},bs,Er,Es))},t.createMotionComponent=R,t.delay=Co,t.distance=oi,t.distance2D=ii,t.domAnimation=Ks,t.domMax=_s,t.filterProps=wt,t.isBrowser=c,t.isDragActive=le,t.isMotionComponent=Ya,t.isMotionValue=z,t.isValidMotionProp=vt,t.m=Ps,t.makeUseVisualState=jt,t.mix=Un,t.motion=As,t.motionValue=Ze,t.optimizedAppearDataAttribute=Rn,t.pipe=pe,t.resolveMotionValue=Ft,t.spring=vo,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=Hs,t.unwrapMotionComponent=function(t){if(Ya(t))return t[L]},t.useAnimation=za,t.useAnimationControls=Na,t.useAnimationFrame=Ia,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?Wa(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=Ka({},!1),r=P(()=>new Za({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=>Yo(r,t))]},t.useDeprecatedInvertedScale=function(t){let e=$s(1),n=$s(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:Xs(e,_a),scaleY:Xs(n,_a)}},t.useDomEvent=Yt,t.useDragControls=function(){return P(Ha)},t.useElementScroll=function(t){return ge(!1,"useElementScroll is deprecated. Convert to useScroll({ container: ref })."),Oa({container:t})},t.useForceUpdate=Ss,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=la(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);sa(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:ua[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=Xa,t.useInstantTransition=function(){const[t,n]=Ss(),o=Xa();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 Ys(e,(function(){let o="";for(let i=0;i<n;i++){o+=t[i];e[i]&&(o+=e[i].get())}return o}))},t.useMotionValue=$s,t.useMotionValueEvent=function(t,e,n){h(()=>t.on(e,n),[t,e,n])},t.usePresence=Ve,t.useReducedMotion=ja,t.useReducedMotionConfig=function(){const t=ja(),{reducedMotion:n}=e.useContext(s);return"never"!==n&&("always"===n||t)},t.useResetProjection=function(){return r.useCallback(()=>{const t=ws.current;t&&t.resetTree()},[])},t.useScroll=Oa,t.useSpring=function(t,n={}){const{isStatic:o}=e.useContext(s),i=e.useRef(null),r=$s(z(t)?t.get():t);return e.useMemo(()=>r.attach((t,e)=>o?e(t):(i.current&&i.current.stop(),i.current=bo({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.on("change",e)},[t,e])}(t,t=>r.set(parseFloat(t))),r},t.useTime=function(){const t=$s(0);return Ia(e=>t.set(e)),t},t.useTransform=Xs,t.useUnmountEffect=he,t.useVelocity=function(t){const n=$s(t.getVelocity());return e.useEffect(()=>t.on("velocityChange",t=>{n.set(t)}),[t]),n},t.useViewportScroll=function(){return ge(!1,"useViewportScroll is deprecated. Convert to useScroll()."),Oa()},t.useVisualElementContext=l,t.useWillChange=function(){return P(()=>new Fa("auto"))},t.wrap=Wa,t.wrapHandler=Jt,Object.defineProperty(t,"__esModule",{value:!0})}));
|