framer-motion 9.0.0 → 9.0.2

package/dist/index.d.ts

@@ -1483,7 +1483,7 @@ declare abstract class VisualElement<Instance = unknown, RenderState = unknown,
     unmount(): void;
     private bindToMotionValue;
     sortNodePosition(other: VisualElement<Instance>): number;
-    loadFeatures({ children, ...renderedProps }: MotionProps, isStrict?: boolean, preloadedFeatures?: FeatureBundle, projectionId?: number, ProjectionNodeConstructor?: any, initialLayoutGroupConfig?: SwitchLayoutGroupContext): JSX.Element[];
+    loadFeatures({ children, ...renderedProps }: MotionProps, isStrict: boolean, preloadedFeatures?: FeatureBundle, projectionId?: number, ProjectionNodeConstructor?: any, initialLayoutGroupConfig?: SwitchLayoutGroupContext): JSX.Element[];
     notifyUpdate: () => void;
     triggerBuild(): void;
     render: () => void;
@@ -2810,6 +2810,11 @@ interface MotionAdvancedProps {
      * Set to `false` to prevent inheriting variant changes from its parent.
      */
     inherit?: boolean;
+    /**
+     * @public
+     * Set to `false` to prevent throwing an error when a `motion` component is used within a `LazyMotion` set to strict.
+     */
+    ignoreStrict?: boolean;
 }
 /**
  * Props for `motion` components.

package/dist/projection.dev.js

@@ -1929,7 +1929,7 @@
            * This will be replaced by the build step with the latest version number.
            * When MotionValues are provided to motion components, warn if versions are mixed.
            */
-          this.version = "9.0.0";
+          this.version = "9.0.2";
           /**
            * Duration, in milliseconds, since last updating frame.
            *
@@ -5108,7 +5108,7 @@
                * and warn against mismatches.
                */
               {
-                  warnOnce(nextValue.version === "9.0.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.0 may not work as expected.`);
+                  warnOnce(nextValue.version === "9.0.2", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.2 may not work as expected.`);
               }
           }
           else if (isMotionValue(prevValue)) {
@@ -5345,7 +5345,10 @@
            */
           if (preloadedFeatures &&
               isStrict) {
-              invariant(false, "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.");
+              const strictMessage = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
+              renderedProps.ignoreStrict
+                  ? warning(false, strictMessage)
+                  : invariant(false, strictMessage);
           }
           for (let i = 0; i < numFeatures; i++) {
               const name = featureNames[i];

package/dist/size-rollup-dom-animation-m.js

@@ -1 +1 @@
-import*as t from"react";import n,{createContext as e,useContext as r,useLayoutEffect as o,useEffect as a,useRef as s,useCallback as i,useMemo as u,forwardRef as c,createElement as l}from"react";import{i as m,P as d,M as f,a as p,b as y,c as g,f as v,u as h,g as S,S as E,L as b,d as A,e as C,h as V,j as w,k as x,l as M,r as j,m as P,n as T,o as W,s as D,p as L,q as B}from"./size-rollup-dom-max-assets.js";const F=e({});const H=m?o:a,I=e({strict:!1});function N(t,n,e,o){const i=r(F).visualElement,u=r(I),c=r(d),l=r(f).reducedMotion,m=s();o=o||u.renderer,!m.current&&o&&(m.current=o(t,{visualState:n,parent:i,props:e,presenceId:c?c.id:void 0,blockInitialAnimation:!!c&&!1===c.initial,reducedMotionConfig:l}));const p=m.current;H(()=>{p&&p.render()});return(window.HandoffAppearAnimations?H:a)(()=>{p&&p.animationState&&p.animationState.animateChanges()}),p}function O(t){const{initial:n,animate:e}=function(t,n){if(y(t)){const{initial:n,animate:e}=t;return{initial:!1===n||g(n)?n:void 0,animate:g(e)?e:void 0}}return!1!==t.inherit?n:{}}(t,r(F));return u(()=>({initial:n,animate:e}),[R(n),R(e)])}function R(t){return Array.isArray(t)?t.join(" "):t}let k=1;class U extends n.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:n}=this.props;return t&&t.setProps(n),null}componentDidUpdate(){}render(){return this.props.children}}const K=Symbol.for("motionComponentSymbol");function q({preloadedFeatures:n,createVisualElement:e,projectionNodeConstructor:o,useRender:a,useVisualState:s,Component:u}){n&&function(t){for(const n in t)"projectionNodeConstructor"===n?v.projectionNodeConstructor=t[n]:v[n].Component=t[n]}(n);const l=c((function(c,l){const d={...r(f),...c,layoutId:_(c)},{isStatic:y}=d;let g=null;const b=O(c),A=y?void 0:h(()=>{if(S.hasEverUpdated)return k++}),C=s(c,y);if(!y&&m){b.visualElement=N(u,C,d,e);const t=r(I).strict,a=r(E);b.visualElement&&(g=b.visualElement.loadFeatures(d,t,n,A,o||v.projectionNodeConstructor,a))}return t.createElement(U,{visualElement:b.visualElement,props:d},g,t.createElement(F.Provider,{value:b},a(u,c,A,function(t,n,e){return i(r=>{r&&t.mount&&t.mount(r),n&&(r?n.mount(r):n.unmount()),e&&("function"==typeof e?e(r):p(e)&&(e.current=r))},[n])}(C,b.visualElement,l),C,y,b.visualElement)))}));return l[K]=u,l}function _({layoutId:t}){const n=r(b).id;return n&&void 0!==t?n+"-"+t:t}const z=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function X(t,n,e){for(const r in n)A(n[r])||C(r,e)||(t[r]=n[r])}function Y(t,n,e){const r={};return X(r,t.style||{},t),Object.assign(r,function({transformTemplate:t},n,e){return u(()=>{const r={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};return V(r,n,{enableHardwareAcceleration:!e},t),Object.assign({},r.vars,r.style)},[n])}(t,n,e)),t.transformValues?t.transformValues(r):r}function G(t,n,e){const r={},o=Y(t,n,e);return t.drag&&!1!==t.dragListener&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),void 0===t.tabIndex&&(t.onTap||t.onTapStart||t.whileTap)&&(r.tabIndex=0),r.style=o,r}const J=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","viewport"]);function Q(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||J.has(t)}let Z=t=>!Q(t);try{($=require("@emotion/is-prop-valid").default)&&(Z=t=>t.startsWith("on")?!Q(t):$(t))}catch(t){}var $;const tt=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}});function nt(t,n,e,r){const o=u(()=>{const e={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}};return w(e,n,{enableHardwareAcceleration:!1},x(r),t.transformTemplate),{...e.attrs,style:{...e.style}}},[n]);if(t.style){const n={};X(n,t.style,t),o.style={...n,...o.style}}return o}function et(t=!1){return(n,e,r,o,{latestValues:a},s)=>{const i=(M(n)?nt:G)(e,a,s,n),c={...function(t,n,e){const r={};for(const o in t)"values"===o&&"object"==typeof t.values||(Z(o)||!0===e&&Q(o)||!n&&!Q(o)||t.draggable&&o.startsWith("onDrag"))&&(r[o]=t[o]);return r}(e,"string"==typeof n,t),...i,ref:o},{children:m}=e,d=u(()=>A(m)?m.get():m,[m]);return r&&(c["data-projection-id"]=r),l(n,{...c,children:d})}}const rt=t=>(n,e)=>{const o=r(F),a=r(d),s=()=>function({scrapeMotionValuesFromProps:t,createRenderState:n,onMount:e},r,o,a){const s={latestValues:ot(r,o,a,t),renderState:n()};return e&&(s.mount=t=>e(r,t,s)),s}(t,n,o,a);return e?s():h(s)};function ot(t,n,e,r){const o={},a=r(t,{});for(const t in a)o[t]=j(a[t]);let{initial:s,animate:i}=t;const u=y(t),c=P(t);n&&c&&!u&&!1!==t.inherit&&(void 0===s&&(s=n.initial),void 0===i&&(i=n.animate));let l=!!e&&!1===e.initial;l=l||!1===s;const m=l?i:s;if(m&&"boolean"!=typeof m&&!T(m)){(Array.isArray(m)?m:[m]).forEach(n=>{const e=W(t,n);if(!e)return;const{transitionEnd:r,transition:a,...s}=e;for(const t in s){let n=s[t];if(Array.isArray(n)){n=n[l?n.length-1:0]}null!==n&&(o[t]=n)}for(const t in r)o[t]=r[t]})}return o}const at={useVisualState:rt({scrapeMotionValuesFromProps:D,createRenderState:tt,onMount:(t,n,{renderState:e,latestValues:r})=>{try{e.dimensions="function"==typeof n.getBBox?n.getBBox():n.getBoundingClientRect()}catch(t){e.dimensions={x:0,y:0,width:0,height:0}}w(e,r,{enableHardwareAcceleration:!1},x(n.tagName),t.transformTemplate),L(n,e)}})},st={useVisualState:rt({scrapeMotionValuesFromProps:B,createRenderState:z})};const it=function(t){function n(n,e={}){return q(t(n,e))}if("undefined"==typeof Proxy)return n;const e=new Map;return new Proxy(n,{get:(t,r)=>(e.has(r)||e.set(r,n(r)),e.get(r))})}((function(t,{forwardMotionProps:n=!1},e,r,o){return{...M(t)?at:st,preloadedFeatures:e,useRender:et(n),createVisualElement:r,projectionNodeConstructor:o,Component:t}}));export{it as m};
+import*as t from"react";import n,{createContext as e,useContext as r,useLayoutEffect as o,useEffect as a,useRef as s,useCallback as i,useMemo as u,forwardRef as c,createElement as l}from"react";import{i as m,P as d,M as f,a as p,b as y,c as g,f as v,u as h,g as S,S as E,L as b,d as A,e as C,h as V,j as w,k as x,l as M,r as j,m as P,n as T,o as W,s as D,p as L,q as B}from"./size-rollup-dom-max-assets.js";const F=e({});const H=m?o:a,I=e({strict:!1});function N(t,n,e,o){const i=r(F).visualElement,u=r(I),c=r(d),l=r(f).reducedMotion,m=s();o=o||u.renderer,!m.current&&o&&(m.current=o(t,{visualState:n,parent:i,props:e,presenceId:c?c.id:void 0,blockInitialAnimation:!!c&&!1===c.initial,reducedMotionConfig:l}));const p=m.current;H(()=>{p&&p.render()});return(window.HandoffAppearAnimations?H:a)(()=>{p&&p.animationState&&p.animationState.animateChanges()}),p}function O(t){const{initial:n,animate:e}=function(t,n){if(y(t)){const{initial:n,animate:e}=t;return{initial:!1===n||g(n)?n:void 0,animate:g(e)?e:void 0}}return!1!==t.inherit?n:{}}(t,r(F));return u(()=>({initial:n,animate:e}),[R(n),R(e)])}function R(t){return Array.isArray(t)?t.join(" "):t}let k=1;class U extends n.Component{getSnapshotBeforeUpdate(){const{visualElement:t,props:n}=this.props;return t&&t.setProps(n),null}componentDidUpdate(){}render(){return this.props.children}}const K=Symbol.for("motionComponentSymbol");function q({preloadedFeatures:n,createVisualElement:e,projectionNodeConstructor:o,useRender:a,useVisualState:s,Component:u}){n&&function(t){for(const n in t)"projectionNodeConstructor"===n?v.projectionNodeConstructor=t[n]:v[n].Component=t[n]}(n);const l=c((function(c,l){const d={...r(f),...c,layoutId:_(c)},{isStatic:y}=d;let g=null;const b=O(c),A=y?void 0:h(()=>{if(S.hasEverUpdated)return k++}),C=s(c,y);if(!y&&m){b.visualElement=N(u,C,d,e);const t=r(E);b.visualElement&&(g=b.visualElement.loadFeatures(d,r(I).strict,n,A,o||v.projectionNodeConstructor,t))}return t.createElement(U,{visualElement:b.visualElement,props:d},g,t.createElement(F.Provider,{value:b},a(u,c,A,function(t,n,e){return i(r=>{r&&t.mount&&t.mount(r),n&&(r?n.mount(r):n.unmount()),e&&("function"==typeof e?e(r):p(e)&&(e.current=r))},[n])}(C,b.visualElement,l),C,y,b.visualElement)))}));return l[K]=u,l}function _({layoutId:t}){const n=r(b).id;return n&&void 0!==t?n+"-"+t:t}const z=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}});function X(t,n,e){for(const r in n)A(n[r])||C(r,e)||(t[r]=n[r])}function Y(t,n,e){const r={};return X(r,t.style||{},t),Object.assign(r,function({transformTemplate:t},n,e){return u(()=>{const r={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};return V(r,n,{enableHardwareAcceleration:!e},t),Object.assign({},r.vars,r.style)},[n])}(t,n,e)),t.transformValues?t.transformValues(r):r}function G(t,n,e){const r={},o=Y(t,n,e);return t.drag&&!1!==t.dragListener&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),void 0===t.tabIndex&&(t.onTap||t.onTapStart||t.whileTap)&&(r.tabIndex=0),r.style=o,r}const J=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function Q(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||J.has(t)}let Z=t=>!Q(t);try{($=require("@emotion/is-prop-valid").default)&&(Z=t=>t.startsWith("on")?!Q(t):$(t))}catch(t){}var $;const tt=()=>({style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}});function nt(t,n,e,r){const o=u(()=>{const e={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{},attrs:{}};return w(e,n,{enableHardwareAcceleration:!1},x(r),t.transformTemplate),{...e.attrs,style:{...e.style}}},[n]);if(t.style){const n={};X(n,t.style,t),o.style={...n,...o.style}}return o}function et(t=!1){return(n,e,r,o,{latestValues:a},s)=>{const i=(M(n)?nt:G)(e,a,s,n),c={...function(t,n,e){const r={};for(const o in t)"values"===o&&"object"==typeof t.values||(Z(o)||!0===e&&Q(o)||!n&&!Q(o)||t.draggable&&o.startsWith("onDrag"))&&(r[o]=t[o]);return r}(e,"string"==typeof n,t),...i,ref:o},{children:m}=e,d=u(()=>A(m)?m.get():m,[m]);return r&&(c["data-projection-id"]=r),l(n,{...c,children:d})}}const rt=t=>(n,e)=>{const o=r(F),a=r(d),s=()=>function({scrapeMotionValuesFromProps:t,createRenderState:n,onMount:e},r,o,a){const s={latestValues:ot(r,o,a,t),renderState:n()};return e&&(s.mount=t=>e(r,t,s)),s}(t,n,o,a);return e?s():h(s)};function ot(t,n,e,r){const o={},a=r(t,{});for(const t in a)o[t]=j(a[t]);let{initial:s,animate:i}=t;const u=y(t),c=P(t);n&&c&&!u&&!1!==t.inherit&&(void 0===s&&(s=n.initial),void 0===i&&(i=n.animate));let l=!!e&&!1===e.initial;l=l||!1===s;const m=l?i:s;if(m&&"boolean"!=typeof m&&!T(m)){(Array.isArray(m)?m:[m]).forEach(n=>{const e=W(t,n);if(!e)return;const{transitionEnd:r,transition:a,...s}=e;for(const t in s){let n=s[t];if(Array.isArray(n)){n=n[l?n.length-1:0]}null!==n&&(o[t]=n)}for(const t in r)o[t]=r[t]})}return o}const at={useVisualState:rt({scrapeMotionValuesFromProps:D,createRenderState:tt,onMount:(t,n,{renderState:e,latestValues:r})=>{try{e.dimensions="function"==typeof n.getBBox?n.getBBox():n.getBoundingClientRect()}catch(t){e.dimensions={x:0,y:0,width:0,height:0}}w(e,r,{enableHardwareAcceleration:!1},x(n.tagName),t.transformTemplate),L(n,e)}})},st={useVisualState:rt({scrapeMotionValuesFromProps:B,createRenderState:z})};const it=function(t){function n(n,e={}){return q(t(n,e))}if("undefined"==typeof Proxy)return n;const e=new Map;return new Proxy(n,{get:(t,r)=>(e.has(r)||e.set(r,n(r)),e.get(r))})}((function(t,{forwardMotionProps:n=!1},e,r,o){return{...M(t)?at:st,preloadedFeatures:e,useRender:et(n),createVisualElement:r,projectionNodeConstructor:o,Component:t}}));export{it as m};

package/dist/size-rollup-dom-animation.js

@@ -1 +1 @@
-import{useContext as t,useId as e,useEffect as n,useRef as r,useCallback as s,useMemo as o,createElement as i}from"react";import{P as a,q as l,t as u,u as c,v as p,w as h,x as d,y as f,z as m,A as v,B as g,C as y,D as b,E as V,F as w,r as A,G as C,d as M,H as x,I as S,n as T,J as E,c as P,K as k,i as F,f as I,b as O,m as B,a as D,L as N,g as R,p as j,M as U,N as L,s as z,h as H,o as q,j as $,k as W}from"./size-rollup-dom-animation-assets.js";function K(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let r=0;r<n;r++)if(e[r]!==t[r])return!1;return!0}const G=t=>/^0[^.\s]+$/.test(t),Y={delta:0,timestamp:0},X="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),Z="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout(()=>t(X()),1/60*1e3);let J=!0,_=!1,Q=!1;const tt=["read","update","preRender","render","postRender"],et=tt.reduce((t,e)=>(t[e]=function(t){let e=[],n=[],r=0,s=!1,o=!1;const i=new WeakSet,a={schedule:(t,o=!1,a=!1)=>{const l=a&&s,u=l?e:n;return o&&i.add(t),-1===u.indexOf(t)&&(u.push(t),l&&s&&(r=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),i.delete(t)},process:l=>{if(s)o=!0;else{if(s=!0,[e,n]=[n,e],n.length=0,r=e.length,r)for(let n=0;n<r;n++){const r=e[n];r(l),i.has(r)&&(a.schedule(r),t())}s=!1,o&&(o=!1,a.process(l))}}};return a}(()=>_=!0),t),{}),nt=tt.reduce((t,e)=>{const n=et[e];return t[e]=(t,e=!1,r=!1)=>(_||it(),n.schedule(t,e,r)),t},{}),rt=tt.reduce((t,e)=>(t[e]=et[e].cancel,t),{});tt.reduce((t,e)=>(t[e]=()=>et[e].process(Y),t),{});const st=t=>et[t].process(Y),ot=t=>{_=!1,Y.delta=J?1/60*1e3:Math.max(Math.min(t-Y.timestamp,40),1),Y.timestamp=t,Q=!0,tt.forEach(st),Q=!1,_&&(J=!1,Z(ot))},it=()=>{_=!0,J=!0,Q||Z(ot)};class at{constructor(){this.subscriptions=[]}add(t){var e,n;return e=this.subscriptions,n=t,-1===e.indexOf(n)&&e.push(n),()=>function(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}(this.subscriptions,t)}notify(t,e,n){const r=this.subscriptions.length;if(r)if(1===r)this.subscriptions[0](t,e,n);else for(let s=0;s<r;s++){const r=this.subscriptions[s];r&&r(t,e,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}function lt(t,e){return e?t*(1e3/e):0}class ut{constructor(t,e={}){var n;this.version="9.0.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:r}=Y;this.lastUpdated!==r&&(this.timeDelta=n,this.lastUpdated=r,nt.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=()=>nt.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){this.events[t]||(this.events[t]=new at);const n=this.events[t].add(e);return"change"===t?()=>{n(),nt.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}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}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?lt(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise(e=>{this.hasAnimated=!0,this.animation=t(e)||null,this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){this.animation=null}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function ct(t,e){return new ut(t,e)}const pt=(t,e)=>n=>Boolean(l(n)&&u.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),ht=(t,e,n)=>r=>{if(!l(r))return r;const[s,o,i,a]=r.match(c);return{[t]:parseFloat(s),[e]:parseFloat(o),[n]:parseFloat(i),alpha:void 0!==a?parseFloat(a):1}},dt={...d,transform:t=>Math.round((t=>f(0,255,t))(t))},ft={test:pt("rgb","red"),parse:ht("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:r=1})=>"rgba("+dt.transform(t)+", "+dt.transform(e)+", "+dt.transform(n)+", "+p(h.transform(r))+")"};const mt={test:pt("#"),parse:function(t){let e="",n="",r="",s="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),r=t.substring(5,7),s=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),r=t.substring(3,4),s=t.substring(4,5),e+=e,n+=n,r+=r,s+=s),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:s?parseInt(s,16)/255:1}},transform:ft.transform},vt={test:pt("hsl","hue"),parse:ht("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:r=1})=>"hsla("+Math.round(t)+", "+m.transform(p(e))+", "+m.transform(p(n))+", "+p(h.transform(r))+")"},gt={test:t=>ft.test(t)||mt.test(t)||vt.test(t),parse:t=>ft.test(t)?ft.parse(t):vt.test(t)?vt.parse(t):mt.parse(t),transform:t=>l(t)?t:t.hasOwnProperty("red")?ft.transform(t):vt.transform(t)};function yt(t){"number"==typeof t&&(t=""+t);const e=[];let n=0,r=0;const s=t.match(v);s&&(n=s.length,t=t.replace(v,"${c}"),e.push(...s.map(gt.parse)));const o=t.match(c);return o&&(r=o.length,t=t.replace(c,"${n}"),e.push(...o.map(d.parse))),{values:e,numColors:n,numNumbers:r,tokenised:t}}function bt(t){return yt(t).values}function Vt(t){const{values:e,numColors:n,tokenised:r}=yt(t),s=e.length;return t=>{let e=r;for(let r=0;r<s;r++)e=e.replace(r<n?"${c}":"${n}",r<n?gt.transform(t[r]):p(t[r]));return e}}const wt=t=>"number"==typeof t?0:t;const At={test:function(t){var e,n;return isNaN(t)&&l(t)&&((null===(e=t.match(c))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(v))||void 0===n?void 0:n.length)||0)>0},parse:bt,createTransformer:Vt,getAnimatableNone:function(t){const e=bt(t);return Vt(t)(e.map(wt))}},Ct=new Set(["brightness","contrast","saturate","opacity"]);function Mt(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[r]=n.match(c)||[];if(!r)return t;const s=n.replace(r,"");let o=Ct.has(e)?1:0;return r!==n&&(o*=100),e+"("+o+s+")"}const xt=/([a-z-]*)\(.*?\)/g,St={...At,getAnimatableNone:t=>{const e=t.match(xt);return e?e.map(Mt).join(" "):t}},Tt={...g,color:gt,backgroundColor:gt,outlineColor:gt,fill:gt,stroke:gt,borderColor:gt,borderTopColor:gt,borderRightColor:gt,borderBottomColor:gt,borderLeftColor:gt,filter:St,WebkitFilter:St},Et=t=>Tt[t];function Pt(t,e){var n;let r=Et(t);return r!==St&&(r=At),null===(n=r.getAnimatableNone)||void 0===n?void 0:n.call(r,e)}const kt=t=>e=>e.test(t),Ft=[d,y,m,b,V,w,{test:t=>"auto"===t,parse:t=>t}],It=t=>Ft.find(kt(t)),Ot=[...Ft,gt,At],Bt=t=>Ot.find(kt(t));function Dt(t,e,n){const r=t.getProps();return A(r,e,void 0!==n?n:r.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 Nt(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,ct(n))}function Rt(t,e){if(!e)return;return(e[t]||e.default||e).from}function jt(t){return Boolean(M(t)&&t.add)}const Ut="data-"+x("framerAppearId");const Lt=t=>1e3*t,zt=!1,Ht=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,qt=t=>e=>1-t(1-e),$t=t=>t*t,Wt=qt($t),Kt=Ht($t),Gt=(t,e,n)=>-n*t+n*e+t;function Yt(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 Xt=(t,e,n)=>{const r=t*t;return Math.sqrt(Math.max(0,n*(e*e-r)+r))},Zt=[mt,ft,vt];function Jt(t){const e=(n=t,Zt.find(t=>t.test(n)));var n;let r=e.parse(t);return e===vt&&(r=function({hue:t,saturation:e,lightness:n,alpha:r}){t/=360,n/=100;let s=0,o=0,i=0;if(e/=100){const r=n<.5?n*(1+e):n+e-n*e,a=2*n-r;s=Yt(a,r,t+1/3),o=Yt(a,r,t),i=Yt(a,r,t-1/3)}else s=o=i=n;return{red:Math.round(255*s),green:Math.round(255*o),blue:Math.round(255*i),alpha:r}}(r)),r}const _t=(t,e)=>{const n=Jt(t),r=Jt(e),s={...n};return t=>(s.red=Xt(n.red,r.red,t),s.green=Xt(n.green,r.green,t),s.blue=Xt(n.blue,r.blue,t),s.alpha=Gt(n.alpha,r.alpha,t),ft.transform(s))},Qt=(t,e)=>n=>e(t(n)),te=(...t)=>t.reduce(Qt);function ee(t,e){return"number"==typeof t?n=>Gt(t,e,n):gt.test(t)?_t(t,e):se(t,e)}const ne=(t,e)=>{const n=[...t],r=n.length,s=t.map((t,n)=>ee(t,e[n]));return t=>{for(let e=0;e<r;e++)n[e]=s[e](t);return n}},re=(t,e)=>{const n={...t,...e},r={};for(const s in n)void 0!==t[s]&&void 0!==e[s]&&(r[s]=ee(t[s],e[s]));return t=>{for(const e in r)n[e]=r[e](t);return n}},se=(t,e)=>{const n=At.createTransformer(e),r=yt(t),s=yt(e);return r.numColors===s.numColors&&r.numNumbers>=s.numNumbers?te(ne(r.values,s.values),n):n=>""+(n>0?e:t)},oe=(t,e)=>n=>Gt(t,e,n);function ie(t,e,n){const r=[],s=n||("number"==typeof(o=t[0])?oe:"string"==typeof o?gt.test(o)?_t:se:Array.isArray(o)?ne:"object"==typeof o?re:oe);var o;const i=t.length-1;for(let n=0;n<i;n++){let o=s(t[n],t[n+1]);if(e){const t=Array.isArray(e)?e[n]:e;o=te(t,o)}r.push(o)}return r}function ae(t,e,{clamp:n=!0,ease:r,mixer:s}={}){const o=t.length;e.length,!r||!Array.isArray(r)||r.length,t[0]>t[o-1]&&(t=[...t].reverse(),e=[...e].reverse());const i=ie(e,r,s),a=i.length,l=e=>{let n=0;if(a>1)for(;n<t.length-2&&!(e<t[n+1]);n++);const r=((t,e,n)=>{const r=e-t;return 0===r?1:(n-t)/r})(t[n],t[n+1],e);return i[n](r)};return n?e=>l(f(t[0],t[o-1],e)):l}const le=t=>t,ue=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t;function ce(t,e,n,r){if(t===e&&n===r)return le;const s=e=>function(t,e,n,r,s){let o,i,a=0;do{i=e+(n-e)/2,o=ue(i,r,s)-t,o>0?n=i:e=i}while(Math.abs(o)>1e-7&&++a<12);return i}(e,0,1,t,n);return t=>0===t||1===t?t:ue(s(t),e,r)}const pe=t=>1-Math.sin(Math.acos(t)),he=qt(pe),de=Ht(he),fe=ce(.33,1.53,.69,.99),me=qt(fe),ve=Ht(me),ge={linear:le,easeIn:$t,easeInOut:Kt,easeOut:Wt,circIn:pe,circInOut:de,circOut:he,backIn:me,backInOut:ve,backOut:fe,anticipate:t=>(t*=2)<1?.5*me(t):.5*(2-Math.pow(2,-10*(t-1)))},ye=t=>{if(Array.isArray(t)){t.length;const[e,n,r,s]=t;return ce(e,n,r,s)}return"string"==typeof t?ge[t]:t};function be({keyframes:t,ease:e=Kt,times:n,duration:r=300}){t=[...t];const s=(t=>Array.isArray(t)&&"number"!=typeof t[0])(e)?e.map(ye):ye(e),o={done:!1,value:t[0]},i=function(t,e){return t.map(t=>t*e)}(n&&n.length===t.length?n:function(t){const e=t.length;return t.map((t,n)=>0!==n?n/(e-1):0)}(t),r);function a(){return ae(i,t,{ease:Array.isArray(s)?s:(e=t,n=s,e.map(()=>n||Kt).splice(0,e.length-1))});var e,n}let l=a();return{next:t=>(o.value=l(t),o.done=t>=r,o),flipTarget:()=>{t.reverse(),l=a()}}}function Ve({duration:t=800,bounce:e=.25,velocity:n=0,mass:r=1}){let s,o,i=1-e;i=f(.05,1,i),t=f(.01,10,t/1e3),i<1?(s=e=>{const r=e*i,s=r*t;return.001-(r-n)/we(e,i)*Math.exp(-s)},o=e=>{const r=e*i*t,o=r*n+n,a=Math.pow(i,2)*Math.pow(e,2)*t,l=Math.exp(-r),u=we(Math.pow(e,2),i);return(.001-s(e)>0?-1:1)*((o-a)*l)/u}):(s=e=>Math.exp(-e*t)*((e-n)*t+1)-.001,o=e=>Math.exp(-e*t)*(t*t*(n-e)));const a=function(t,e,n){let r=n;for(let n=1;n<12;n++)r-=t(r)/e(r);return r}(s,o,5/t);if(t*=1e3,isNaN(a))return{stiffness:100,damping:10,duration:t};{const e=Math.pow(a,2)*r;return{stiffness:e,damping:2*i*Math.sqrt(r*e),duration:t}}}function we(t,e){return t*Math.sqrt(1-e*e)}const Ae=["duration","bounce"],Ce=["stiffness","damping","mass"];function Me(t,e){return e.some(e=>void 0!==t[e])}function xe({keyframes:t,restDelta:e,restSpeed:n,...r}){let s=t[0],o=t[t.length-1];const i={done:!1,value:s},{stiffness:a,damping:l,mass:u,velocity:c,duration:p,isResolvedFromDuration:h}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!Me(t,Ce)&&Me(t,Ae)){const n=Ve(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(r);let d=Se,f=c?-c/1e3:0;const m=l/(2*Math.sqrt(a*u));function v(){const t=o-s,r=Math.sqrt(a/u)/1e3,i=Math.abs(t)<5;if(n||(n=i?.01:2),e||(e=i?.005:.5),m<1){const e=we(r,m);d=n=>{const s=Math.exp(-m*r*n);return o-s*((f+m*r*t)/e*Math.sin(e*n)+t*Math.cos(e*n))}}else if(1===m)d=e=>o-Math.exp(-r*e)*(t+(f+r*t)*e);else{const e=r*Math.sqrt(m*m-1);d=n=>{const s=Math.exp(-m*r*n),i=Math.min(e*n,300);return o-s*((f+m*r*t)*Math.sinh(i)+e*t*Math.cosh(i))/e}}}return v(),{next:t=>{const r=d(t);if(h)i.done=t>=p;else{let s=f;if(0!==t)if(m<1){const e=Math.max(0,t-5);s=lt(r-d(e),t-e)}else s=0;const a=Math.abs(s)<=n,l=Math.abs(o-r)<=e;i.done=a&&l}return i.value=i.done?o:r,i},flipTarget:()=>{f=-f,[s,o]=[o,s],v()}}}xe.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const Se=t=>0;const Te={decay:function({keyframes:t=[0],velocity:e=0,power:n=.8,timeConstant:r=350,restDelta:s=.5,modifyTarget:o}){const i=t[0],a={done:!1,value:i};let l=n*e;const u=i+l,c=void 0===o?u:o(u);return c!==u&&(l=c-i),{next:t=>{const e=-l*Math.exp(-t/r);return a.done=!(e>s||e<-s),a.value=a.done?c:c+e,a},flipTarget:()=>{}}},keyframes:be,tween:be,spring:xe};function Ee(t,e,n=0){return t-e-n}const Pe=t=>{const e=({delta:e})=>t(e);return{start:()=>nt.update(e,!0),stop:()=>rt.update(e)}};function ke({duration:t,driver:e=Pe,elapsed:n=0,repeat:r=0,repeatType:s="loop",repeatDelay:o=0,keyframes:i,autoplay:a=!0,onPlay:l,onStop:u,onComplete:c,onRepeat:p,onUpdate:h,type:d="keyframes",...f}){var m,v;const g=n;let y,b,V=0,w=t,A=!1,C=!0;const M=Te[i.length>2?"keyframes":d]||be,x=i[0],S=i[i.length-1];let T={done:!1,value:x};(null===(v=(m=M).needsInterpolation)||void 0===v?void 0:v.call(m,x,S))&&(b=ae([0,100],[x,S],{clamp:!1}),i=[0,100]);const E=M({...f,duration:t,keyframes:i});function P(){V++,"reverse"===s?(C=V%2==0,n=function(t,e=0,n=0,r=!0){return r?Ee(e+-t,e,n):e-(t-e)+n}(n,w,o,C)):(n=Ee(n,w,o),"mirror"===s&&E.flipTarget()),A=!1,p&&p()}function k(t){C||(t=-t),n+=t,A||(T=E.next(Math.max(0,n)),b&&(T.value=b(T.value)),A=C?T.done:n<=0),h&&h(T.value),A&&(0===V&&(w=void 0!==w?w:n),V<r?function(t,e,n,r){return r?t>=e+n:t<=-n}(n,w,o,C)&&P():(y&&y.stop(),c&&c()))}return a&&(l&&l(),y=e(k),y.start()),{stop:()=>{u&&u(),y&&y.stop()},set currentTime(t){n=g,k(t)},sample:e=>{n=g;const r=t&&"number"==typeof t?Math.max(.5*t,50):50;let s=0;for(k(0);s<=e;){const t=e-s;k(Math.min(t,r)),s+=r}return T}}}const Fe=([t,e,n,r])=>`cubic-bezier(${t}, ${e}, ${n}, ${r})`,Ie={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Fe([0,.65,.55,1]),circOut:Fe([.55,0,1,.45]),backIn:Fe([.31,.01,.66,-.59]),backOut:Fe([.33,1.53,.69,.99])};function Oe(t){if(t)return Array.isArray(t)?Fe(t):Ie[t]}const Be={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},De={},Ne={};for(const t in Be)Ne[t]=()=>(void 0===De[t]&&(De[t]=Be[t]()),De[t]);const Re=new Set(["opacity"]);function je(t,e,{onUpdate:n,onComplete:r,...s}){if(!(Ne.waapi()&&Re.has(e)&&!s.repeatDelay&&"mirror"!==s.repeatType&&0!==s.damping))return!1;let{keyframes:o,duration:i=300,elapsed:a=0,ease:l}=s;if("spring"===s.type||!(!(u=s.ease)||Array.isArray(u)||"string"==typeof u&&Ie[u])){if(s.repeat===1/0)return;const t=ke({...s,elapsed:0});let e={done:!1,value:o[0]};const n=[];let r=0;for(;!e.done&&r<2e4;)e=t.sample(r),n.push(e.value),r+=10;o=n,i=r-10,l="linear"}var u;const c=function(t,e,n,{delay:r=0,duration:s,repeat:o=0,repeatType:i="loop",ease:a,times:l}={}){return t.animate({[e]:n,offset:l},{delay:r,duration:s,easing:Oe(a),fill:"both",iterations:o+1,direction:"reverse"===i?"alternate":"normal"})}(t.owner.current,e,o,{...s,delay:-a,duration:i,ease:l});return c.onfinish=()=>{t.set(function(t,{repeat:e,repeatType:n="loop"}){return t[e&&"loop"!==n&&e%2==1?0:t.length-1]}(o,s)),nt.update(()=>c.cancel()),r&&r()},{get currentTime(){return c.currentTime||0},set currentTime(t){c.currentTime=t},stop:()=>{const{currentTime:e}=c;if(e){const n=ke({...s,autoplay:!1});t.setWithVelocity(n.sample(e-10).value,n.sample(e).value,10)}nt.update(()=>c.cancel())}}}function Ue(t,e){const n=performance.now(),r=({timestamp:s})=>{const o=s-n;o>=e&&(rt.read(r),t(o-e))};return nt.read(r,!0),()=>rt.read(r)}function Le({keyframes:t,elapsed:e,onUpdate:n,onComplete:r}){const s=()=>{n&&n(t[t.length-1]),r&&r()};return e?{stop:Ue(s,-e)}:s()}const ze=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),He=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),qe=()=>({type:"keyframes",ease:"linear",duration:.3}),$e={type:"keyframes",duration:.8},We={x:ze,y:ze,z:ze,rotate:ze,rotateX:ze,rotateY:ze,rotateZ:ze,scaleX:He,scaleY:He,scale:He,opacity:qe,backgroundColor:qe,color:qe,default:He},Ke=(t,{keyframes:e})=>{if(e.length>2)return $e;return(We[t]||We.default)(e[1])},Ge=(t,e)=>"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!At.test(e)||e.startsWith("url(")));function Ye(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function Xe(t){return"number"==typeof t?0:Pt("",t)}const Ze=(t,e,n,r={})=>s=>{const o=function(t,e){return t[e]||t.default||t}(r,t)||{},i=o.delay||r.delay||0;let{elapsed:a=0}=r;a-=Lt(i);const l=function(t,e,n,r){const s=Ge(e,n);let o=void 0!==r.from?r.from:t.get();return"none"===o&&s&&"string"==typeof n?o=Pt(e,n):Ye(o)&&"string"==typeof n?o=Xe(n):!Array.isArray(n)&&Ye(n)&&"string"==typeof o&&(n=Xe(o)),Array.isArray(n)?(null===n[0]&&(n[0]=o),n):[o,n]}(e,t,n,o),u=l[0],c=l[l.length-1],p=Ge(t,u),h=Ge(t,c);let d={keyframes:l,velocity:e.getVelocity(),...o,elapsed:a,onUpdate:t=>{e.set(t),o.onUpdate&&o.onUpdate(t)},onComplete:()=>{s(),o.onComplete&&o.onComplete()}};if(!p||!h||zt||!1===o.type)return Le(d);if("inertia"===o.type)return function({keyframes:t,velocity:e=0,min:n,max:r,power:s=.8,timeConstant:o=750,bounceStiffness:i=500,bounceDamping:a=10,restDelta:l=1,modifyTarget:u,driver:c,onUpdate:p,onComplete:h,onStop:d}){const f=t[0];let m;function v(t){return void 0!==n&&t<n||void 0!==r&&t>r}function g(t){return void 0===n?r:void 0===r||Math.abs(n-t)<Math.abs(r-t)?n:r}function y(t){null==m||m.stop(),m=ke({keyframes:[0,1],velocity:0,...t,driver:c,onUpdate:e=>{var n;null==p||p(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:h,onStop:d})}function b(t){y({type:"spring",stiffness:i,damping:a,restDelta:l,...t})}if(v(f))b({velocity:e,keyframes:[f,g(f)]});else{let t=s*e+f;void 0!==u&&(t=u(t));const r=g(t),i=r===n?-1:1;let a,c;const p=t=>{a=c,c=t,e=lt(t-a,Y.delta),(1===i&&t>r||-1===i&&t<r)&&b({keyframes:[t,r],velocity:e})};y({type:"decay",keyframes:[f,0],velocity:e,timeConstant:o,power:s,restDelta:l,modifyTarget:u,onUpdate:v(t)?p:void 0})}return{stop:()=>null==m?void 0:m.stop()}}(d);(function({when:t,delay:e,delayChildren:n,staggerChildren:r,staggerDirection:s,repeat:o,repeatType:i,repeatDelay:a,from:l,elapsed:u,...c}){return!!Object.keys(c).length})(o)||(d={...d,...Ke(t,d)}),d.duration&&(d.duration=Lt(d.duration)),d.repeatDelay&&(d.repeatDelay=Lt(d.repeatDelay));const f=e.owner,m=f&&f.current;if(f&&m instanceof HTMLElement&&!(null==f?void 0:f.getProps().onUpdate)){const n=je(e,t,d);if(n)return n}return ke(d)};function Je(t,e,n={}){var r;const s=Dt(t,e,n.custom);let{transition:o=t.getDefaultTransition()||{}}=s||{};n.transitionOverride&&(o=n.transitionOverride);const i=s?()=>_e(t,s,n):()=>Promise.resolve(),a=(null===(r=t.variantChildren)||void 0===r?void 0:r.size)?(r=0)=>{const{delayChildren:s=0,staggerChildren:i,staggerDirection:a}=o;return function(t,e,n=0,r=0,s=1,o){const i=[],a=(t.variantChildren.size-1)*r,l=1===s?(t=0)=>t*r:(t=0)=>a-t*r;return Array.from(t.variantChildren).sort(Qe).forEach((t,r)=>{t.notify("AnimationStart",e),i.push(Je(t,e,{...o,delay:n+l(r)}).then(()=>t.notify("AnimationComplete",e)))}),Promise.all(i)}(t,e,s+r,i,a,n)}:()=>Promise.resolve(),{when:l}=o;if(l){const[t,e]="beforeChildren"===l?[i,a]:[a,i];return t().then(e)}return Promise.all([i(),a(n.delay)])}function _e(t,e,{delay:n=0,transitionOverride:r,type:s}={}){var o;let{transition:i=t.getDefaultTransition(),transitionEnd:a,...l}=t.makeTargetAnimatable(e);const u=t.getValue("willChange");r&&(i=r);const c=[],p=s&&(null===(o=t.animationState)||void 0===o?void 0:o.getState()[s]);for(const e in l){const r=t.getValue(e),s=l[e];if(!r||void 0===s||p&&tn(p,e))continue;const o={delay:n,elapsed:0,...i};if(window.HandoffAppearAnimations&&!r.hasAnimated){const n=t.getProps()[Ut];n&&(o.elapsed=window.HandoffAppearAnimations(n,e,r,nt))}let a=r.start(Ze(e,r,s,t.shouldReduceMotion&&S.has(e)?{type:!1}:o));jt(u)&&(u.add(e),a=a.then(()=>u.remove(e))),c.push(a)}return Promise.all(c).then(()=>{a&&function(t,e){const n=Dt(t,e);let{transitionEnd:r={},transition:s={},...o}=n?t.makeTargetAnimatable(n,!1):{};o={...o,...r};for(const e in o){Nt(t,e,C(o[e]))}}(t,a)})}function Qe(t,e){return t.sortNodePosition(e)}function tn({protectedKeys:t,needsAnimating:e},n){const r=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,r}var en;!function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.InView="whileInView",t.Exit="exit"}(en||(en={}));const nn=[en.Animate,en.InView,en.Focus,en.Hover,en.Tap,en.Drag,en.Exit],rn=[...nn].reverse(),sn=nn.length;function on(t){return e=>Promise.all(e.map(({animation:e,options:n})=>function(t,e,n={}){let r;if(t.notify("AnimationStart",e),Array.isArray(e)){const s=e.map(e=>Je(t,e,n));r=Promise.all(s)}else if("string"==typeof e)r=Je(t,e,n);else{const s="function"==typeof e?Dt(t,e,n.custom):e;r=_e(t,s,n)}return r.then(()=>t.notify("AnimationComplete",e))}(t,e,n)))}function an(t){let e=on(t);const n={[en.Animate]:un(!0),[en.InView]:un(),[en.Hover]:un(),[en.Tap]:un(),[en.Drag]:un(),[en.Focus]:un(),[en.Exit]:un()};let r=!0;const s=(e,n)=>{const r=Dt(t,n);if(r){const{transition:t,transitionEnd:n,...s}=r;e={...e,...s,...n}}return e};function o(o,i){const a=t.getProps(),l=t.getVariantContext(!0)||{},u=[],c=new Set;let p={},h=1/0;for(let e=0;e<sn;e++){const d=rn[e],f=n[d],m=void 0!==a[d]?a[d]:l[d],v=P(m),g=d===i?f.isActive:null;!1===g&&(h=e);let y=m===l[d]&&m!==a[d]&&v;if(y&&r&&t.manuallyAnimateOnMount&&(y=!1),f.protectedKeys={...p},!f.isActive&&null===g||!m&&!f.prevProp||T(m)||"boolean"==typeof m)continue;const b=ln(f.prevProp,m);let V=b||d===i&&f.isActive&&!y&&v||e>h&&v;const w=Array.isArray(m)?m:[m];let A=w.reduce(s,{});!1===g&&(A={});const{prevResolvedValues:C={}}=f,M={...C,...A},x=t=>{V=!0,c.delete(t),f.needsAnimating[t]=!0};for(const t in M){const e=A[t],n=C[t];p.hasOwnProperty(t)||(e!==n?E(e)&&E(n)?!K(e,n)||b?x(t):f.protectedKeys[t]=!0:void 0!==e?x(t):c.add(t):void 0!==e&&c.has(t)?x(t):f.protectedKeys[t]=!0)}f.prevProp=m,f.prevResolvedValues=A,f.isActive&&(p={...p,...A}),r&&t.blockInitialAnimation&&(V=!1),V&&!y&&u.push(...w.map(t=>({animation:t,options:{type:d,...o}})))}if(c.size){const e={};c.forEach(n=>{const r=t.getBaseTarget(n);void 0!==r&&(e[n]=r)}),u.push({animation:e})}let d=Boolean(u.length);return r&&!1===a.initial&&!t.manuallyAnimateOnMount&&(d=!1),r=!1,d?e(u):Promise.resolve()}return{animateChanges:o,setActive:function(e,r,s){var i;if(n[e].isActive===r)return Promise.resolve();null===(i=t.variantChildren)||void 0===i||i.forEach(t=>{var n;return null===(n=t.animationState)||void 0===n?void 0:n.setActive(e,r)}),n[e].isActive=r;const a=o(s,e);for(const t in n)n[t].protectedKeys={};return a},setAnimateFunction:function(n){e=n(t)},getState:()=>n}}function ln(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!K(e,t)}function un(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const cn=t=>e=>(t(e),null),pn={animation:cn(({visualElement:t,animate:e})=>{t.animationState||(t.animationState=an(t)),T(e)&&n(()=>e.subscribe(t),[e])}),exit:cn(r=>{const{custom:s,visualElement:o}=r,[i,l]=function(){const r=t(a);if(null===r)return[!0,null];const{isPresent:s,onExitComplete:o,register:i}=r,l=e();return n(()=>i(l),[]),!s&&o?[!1,()=>o&&o(l)]:[!0]}(),u=t(a);n(()=>{o.isPresent=i;const t=o.animationState&&o.animationState.setActive(en.Exit,!i,{custom:u&&u.custom||s});t&&!i&&t.then(l)},[i])})};function hn(t,e,n,r={passive:!0}){return t.addEventListener(e,n,r),()=>t.removeEventListener(e,n)}function dn(t,e,r,s){n(()=>{const n=t.current;if(r&&n)return hn(n,e,r,s)},[t,e,r,s])}function fn(t,e="page"){return{point:{x:t[e+"X"],y:t[e+"Y"]}}}const mn=t=>e=>(t=>"mouse"===t.pointerType?"number"!=typeof t.button||t.button<=0:!1!==t.isPrimary)(e)&&t(e,fn(e));function vn(t,e,n,r){return hn(t,e,mn(n),r)}function gn(t,e,n,r){return dn(t,e,n&&mn(n),r)}function yn(t){let e=null;return()=>{const n=()=>{e=null};return null===e&&(e=t,n)}}const bn=yn("dragHorizontal"),Vn=yn("dragVertical");function wn(){const t=function(t){let e=!1;if("y"===t)e=Vn();else if("x"===t)e=bn();else{const t=bn(),n=Vn();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}(!0);return!t||(t(),!1)}function An(t,e,n,r){return(s,o)=>{"touch"===s.type||wn()||(n&&t.animationState&&t.animationState.setActive(en.Hover,e),r&&r(s,o))}}const Cn=(t,e)=>!!e&&(t===e||Cn(t,e.parentElement));function Mn(t,e){if(!e)return;const n=new PointerEvent("pointer"+t);e(n,fn(n))}const xn=new WeakMap,Sn=new WeakMap,Tn=t=>{const e=xn.get(t.target);e&&e(t)},En=t=>{t.forEach(Tn)};function Pn(t,e,n){const r=function({root:t,...e}){const n=t||document;Sn.has(n)||Sn.set(n,{});const r=Sn.get(n),s=JSON.stringify(e);return r[s]||(r[s]=new IntersectionObserver(En,{root:t,...e})),r[s]}(e);return xn.set(t,n),r.observe(t),()=>{xn.delete(t),r.unobserve(t)}}const kn={some:0,all:1};function Fn(t,e,r,{root:s,margin:o,amount:i="some",once:a}){n(()=>{if(!t||!r.current)return;const n={root:null==s?void 0:s.current,rootMargin:o,threshold:"number"==typeof i?i:kn[i]};return Pn(r.current,n,t=>{const{isIntersecting:n}=t;if(e.isInView===n)return;if(e.isInView=n,a&&!n&&e.hasEnteredView)return;n&&(e.hasEnteredView=!0),r.animationState&&r.animationState.setActive(en.InView,n);const s=r.getProps(),o=n?s.onViewportEnter:s.onViewportLeave;o&&o(t)})},[t,s,o,i])}function In(t,e,r,{fallback:s=!0}){n(()=>{t&&s&&requestAnimationFrame(()=>{e.hasEnteredView=!0;const{onViewportEnter:t}=r.getProps();t&&t(null),r.animationState&&r.animationState.setActive(en.InView,!0)})},[t])}const On={inView:cn((function({visualElement:t,whileInView:e,onViewportEnter:n,onViewportLeave:s,viewport:o={}}){const i=r({hasEnteredView:!1,isInView:!1});let a=Boolean(e||n||s);o.once&&i.current.hasEnteredView&&(a=!1),("undefined"==typeof IntersectionObserver?In:Fn)(a,i.current,t,o)})),tap:cn((function({onTap:t,onTapStart:e,onTapCancel:o,whileTap:i,visualElement:a,...l}){const u=t||e||o||i,c=r(!1),p=r(null),h=r(null),d={passive:!(e||t||o||l.onPointerDown)};function f(){p.current&&p.current(),p.current=null}function m(){f(),c.current=!1;return a.getProps().whileTap&&a.animationState&&a.animationState.setActive(en.Tap,!1),null!==h.current&&a.current.setAttribute("tabindex",h.current),!wn()}function v(t,e){var n,r,s,o;m()&&(Cn(a.current,t.target)?null===(o=(s=a.getProps()).onTap)||void 0===o||o.call(s,t,e):null===(r=(n=a.getProps()).onTapCancel)||void 0===r||r.call(n,t,e))}function g(t,e){var n,r;m()&&(null===(r=(n=a.getProps()).onTapCancel)||void 0===r||r.call(n,t,e))}function y(t,e){var n;const r=a.getProps();r.whileTap&&a.animationState&&a.animationState.setActive(en.Tap,!0),null===(n=r.onTapStart)||void 0===n||n.call(r,t,e)}const b=[Boolean(e),Boolean(t),Boolean(i),a],V=s((t,e)=>{f(),c.current||(c.current=!0,h.current=a.current.getAttribute("tabindex"),a.current.setAttribute("tabindex","-1"),p.current=te(vn(window,"pointerup",v,d),vn(window,"pointercancel",g,d)),y(t,e))},b);gn(a,"pointerdown",u?V:void 0,d);const w=s(()=>{const t=hn(a.current,"keydown",t=>{"Enter"!==t.key||c.current||(c.current=!0,p.current=hn(a.current,"keyup",()=>{"Enter"===t.key&&m()&&Mn("up",a.getProps().onTap)},d),Mn("down",y))}),e=hn(a.current,"blur",()=>{t(),e(),c.current&&Mn("cancel",g)})},b);var A;dn(a,"focus",u?w:void 0),A=f,n(()=>()=>A(),[])})),focus:cn((function({whileFocus:t,visualElement:e}){const n=r(!1),{animationState:o}=e,i=s(()=>{let t=!1;try{t=e.current.matches(":focus-visible")}catch(e){t=!0}t&&o&&(o.setActive(en.Focus,!0),n.current=!0)},[o]),a=s(()=>{n.current&&o&&(o.setActive(en.Focus,!1),n.current=!1)},[o]);dn(e,"focus",t?i:void 0),dn(e,"blur",t?a:void 0)})),hover:cn((function({onHoverStart:t,onHoverEnd:e,whileHover:n,visualElement:r}){gn(r,"pointerenter",o(()=>t||n?An(r,!0,Boolean(n),t):void 0,[t,Boolean(n),r]),{passive:!t}),gn(r,"pointerleave",o(()=>e||n?An(r,!1,Boolean(n),e):void 0,[t,Boolean(n),r]),{passive:!e})}))};function Bn(t){return"string"==typeof t&&t.startsWith("var(--")}const Dn=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function Nn(t,e,n=1){const[r,s]=function(t){const e=Dn.exec(t);if(!e)return[,];const[,n,r]=e;return[n,r]}(t);if(!r)return;const o=window.getComputedStyle(e).getPropertyValue(r);return o?o.trim():Bn(s)?Nn(s,e,n+1):s}const Rn=new Set(["width","height","top","left","right","bottom","x","y"]),jn=t=>Rn.has(t),Un=t=>t===d||t===y;var Ln;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Ln||(Ln={}));const zn=(t,e)=>parseFloat(t.split(", ")[e]),Hn=(t,e)=>(n,{transform:r})=>{if("none"===r||!r)return 0;const s=r.match(/^matrix3d\((.+)\)$/);if(s)return zn(s[1],e);{const e=r.match(/^matrix\((.+)\)$/);return e?zn(e[1],t):0}},qn=new Set(["x","y","z"]),$n=k.filter(t=>!qn.has(t));const Wn={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:Hn(4,13),y:Hn(5,14)},Kn=(t,e,n={},r={})=>{e={...e},r={...r};const s=Object.keys(e).filter(jn);let o=[],i=!1;const a=[];if(s.forEach(s=>{const l=t.getValue(s);if(!t.hasValue(s))return;let u=n[s],c=It(u);const p=e[s];let h;if(E(p)){const t=p.length,e=null===p[0]?1:0;u=p[e],c=It(u);for(let n=e;n<t;n++)h?It(p[n]):h=It(p[n])}else h=It(p);if(c!==h)if(Un(c)&&Un(h)){const t=l.get();"string"==typeof t&&l.set(parseFloat(t)),"string"==typeof p?e[s]=parseFloat(p):Array.isArray(p)&&h===y&&(e[s]=p.map(parseFloat))}else(null==c?void 0:c.transform)&&(null==h?void 0:h.transform)&&(0===u||0===p)?0===u?l.set(h.transform(u)):e[s]=c.transform(p):(i||(o=function(t){const e=[];return $n.forEach(n=>{const r=t.getValue(n);void 0!==r&&(e.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))}),e.length&&t.render(),e}(t),i=!0),a.push(s),r[s]=void 0!==r[s]?r[s]:e[s],l.jump(p))}),a.length){const n=a.indexOf("height")>=0?window.pageYOffset:null,s=((t,e,n)=>{const r=e.measureViewportBox(),s=e.current,o=getComputedStyle(s),{display:i}=o,a={};"none"===i&&e.setStaticValue("display",t.display||"block"),n.forEach(t=>{a[t]=Wn[t](r,o)}),e.render();const l=e.measureViewportBox();return n.forEach(n=>{const r=e.getValue(n);r&&r.jump(a[n]),t[n]=Wn[n](l,o)}),t})(e,t,a);return o.length&&o.forEach(([e,n])=>{t.getValue(e).set(n)}),t.render(),F&&null!==n&&window.scrollTo({top:n}),{target:s,transitionEnd:r}}return{target:e,transitionEnd:r}};function Gn(t,e,n,r){return(t=>Object.keys(t).some(jn))(e)?Kn(t,e,n,r):{target:e,transitionEnd:r}}const Yn=(t,e,n,r)=>{const s=function(t,{...e},n){const r=t.current;if(!(r instanceof Element))return{target:e,transitionEnd:n};n&&(n={...n}),t.values.forEach(t=>{const e=t.get();if(!Bn(e))return;const n=Nn(e,r);n&&t.set(n)});for(const t in e){const s=e[t];if(!Bn(s))continue;const o=Nn(s,r);o&&(e[t]=o,n&&void 0===n[t]&&(n[t]=s))}return{target:e,transitionEnd:n}}(t,e,r);return Gn(t,e=s.target,n,r=s.transitionEnd)},Xn={current:null},Zn={current:!1};const Jn=Object.keys(I),_n=Jn.length,Qn=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];const tr=["initial",...nn],er=tr.length;class nr extends class{constructor({parent:t,props:e,reducedMotionConfig:n,visualState:r},s={}){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=()=>nt.render(this.render,!1,!0);const{latestValues:o,renderState:i}=r;this.latestValues=o,this.baseTarget={...o},this.initialValues=e.initial?{...o}:{},this.renderState=i,this.parent=t,this.props=e,this.depth=t?t.depth+1:0,this.reducedMotionConfig=n,this.options=s,this.isControllingVariants=O(e),this.isVariantNode=B(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!==o[t]&&M(e)&&(e.set(o[t],!1),jt(a)&&a.add(t))}}scrapeMotionValuesFromProps(t,e){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)),Zn.current||function(){if(Zn.current=!0,F)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>Xn.current=t.matches;t.addListener(e),e()}else Xn.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Xn.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(),rt.update(this.notifyUpdate),rt.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=S.has(t),r=e.on("change",e=>{this.latestValues[t]=e,this.props.onUpdate&&nt.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)}),s=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,()=>{r(),s()})}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures({children:t,...e},n,r,s,o,a){const l=[];for(let t=0;t<_n;t++){const n=Jn[t],{isEnabled:r,Component:s}=I[n];r(e)&&s&&l.push(i(s,{key:n,...e,visualElement:this}))}if(!this.projection&&o){this.projection=new o(s,this.latestValues,this.parent&&this.parent.projection);const{layoutId:t,layout:n,drag:r,dragConstraints:i,layoutScroll:l,layoutRoot:u}=e;this.projection.setOptions({layoutId:t,layout:n,alwaysMeasureLayout:Boolean(r)||i&&D(i),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:"string"==typeof n?n:"both",initialPromotionConfig:a,layoutScroll:l,layoutRoot:u})}return l}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();const e=this.props;this.props=t;for(let e=0;e<Qn.length;e++){const n=Qn[e];this.propEventSubscriptions[n]&&(this.propEventSubscriptions[n](),delete this.propEventSubscriptions[n]);const r=t["on"+n];r&&(this.propEventSubscriptions[n]=this.on(n,r))}this.prevMotionValues=function(t,e,n){const{willChange:r}=e;for(const s in e){const o=e[s],i=n[s];if(M(o))t.addValue(s,o),jt(r)&&r.add(s);else if(M(i))t.addValue(s,ct(o,{owner:t})),jt(r)&&r.remove(s);else if(i!==o)if(t.hasValue(s)){const e=t.getValue(s);!e.hasAnimated&&e.set(o)}else{const e=t.getStaticValue(s);t.addValue(s,ct(void 0!==e?e:o,{owner:t}))}}for(const r in n)void 0===e[r]&&t.removeValue(r);return e}(this,this.scrapeMotionValuesFromProps(t,e),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}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 r={};for(let t=0;t<er;t++){const e=tr[t],n=this.props[e];(P(n)||!1===n)&&(r[e]=n)}return r}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){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}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=ct(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,r="string"==typeof n||"object"==typeof n?null===(e=A(this.props,n))||void 0===e?void 0:e[t]:void 0;if(n&&void 0!==r)return r;const s=this.getBaseTargetFromProps(this.props,t);return void 0===s||M(s)?void 0!==this.initialValues[t]&&void 0===r?void 0:this.baseTarget[t]:s}on(t,e){return this.events[t]||(this.events[t]=new at),this.events[t].add(e)}notify(t,...e){var n;null===(n=this.events[t])||void 0===n||n.notify(...e)}}{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:r},s){let o=function(t,e,n){var r;const s={};for(const o in t){const t=Rt(o,e);s[o]=void 0!==t?t:null===(r=n.getValue(o))||void 0===r?void 0:r.get()}return s}(n,t||{},this);if(r&&(e&&(e=r(e)),n&&(n=r(n)),o&&(o=r(o))),s){!function(t,e,n){var r,s;const o=Object.keys(e).filter(e=>!t.hasValue(e)),i=o.length;if(i)for(let a=0;a<i;a++){const i=o[a],l=e[i];let u=null;Array.isArray(l)&&(u=l[0]),null===u&&(u=null!==(s=null!==(r=n[i])&&void 0!==r?r:t.readValue(i))&&void 0!==s?s:e[i]),null!=u&&("string"==typeof u&&(/^\-?\d*\.?\d+$/.test(u)||G(u))?u=parseFloat(u):!Bt(u)&&At.test(l)&&(u=Pt(i,l)),t.addValue(i,ct(u,{owner:t})),void 0===n[i]&&(n[i]=u),null!==u&&t.setBaseTarget(i,u))}}(this,n,o);const t=Yn(this,n,o,e);e=t.transitionEnd,n=t.target}return{transition:t,transitionEnd:e,...n}}}class rr extends nr{readValueFromInstance(t,e){if(S.has(e)){const t=Et(e);return t&&t.default||0}{const r=(n=t,window.getComputedStyle(n)),s=(N(e)?r.getPropertyValue(e):r[e])||0;return"string"==typeof s?s.trim():s}var n}measureInstanceViewportBox(t,{transformPagePoint:e}){return function(t,e){return function({top:t,left:e,right:n,bottom:r}){return{x:{min:e,max:n},y:{min:t,max:r}}}(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),r=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}(t.getBoundingClientRect(),e))}(t,e)}build(t,e,n,r){R(t,e,n,r.transformTemplate)}scrapeMotionValuesFromProps(t,e){return j(t,e)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;M(t)&&(this.childSubscription=t.on("change",t=>{this.current&&(this.current.textContent=""+t)}))}renderInstance(t,e,n,r){U(t,e,n,r)}}class sr extends nr{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){var n;return S.has(e)?(null===(n=Et(e))||void 0===n?void 0:n.default)||0:(e=L.has(e)?e:x(e),t.getAttribute(e))}measureInstanceViewportBox(){return{x:{min:0,max:0},y:{min:0,max:0}}}scrapeMotionValuesFromProps(t,e){return z(t,e)}build(t,e,n,r){H(t,e,n,this.isSVGTag,r.transformTemplate)}renderInstance(t,e,n,r){q(t,e,n,r)}mount(t){this.isSVGTag=$(t.tagName),super.mount(t)}}const or={renderer:(t,e)=>W(t)?new sr(e,{enableHardwareAcceleration:!1}):new rr(e,{enableHardwareAcceleration:!0}),...pn,...On};export{or as domAnimation};
+import{useContext as t,useId as e,useEffect as n,useRef as r,useCallback as s,useMemo as o,createElement as i}from"react";import{P as a,q as l,t as u,u as c,v as p,w as h,x as d,y as f,z as m,A as v,B as g,C as y,D as b,E as V,F as w,r as A,G as C,d as M,H as S,I as T,n as x,J as E,c as P,K as k,i as F,f as I,b as O,m as B,a as D,L as N,g as R,p as j,M as U,N as L,s as z,h as H,o as q,j as $,k as W}from"./size-rollup-dom-animation-assets.js";function K(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let r=0;r<n;r++)if(e[r]!==t[r])return!1;return!0}const G=t=>/^0[^.\s]+$/.test(t),Y={delta:0,timestamp:0},X="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),Z="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout(()=>t(X()),1/60*1e3);let J=!0,_=!1,Q=!1;const tt=["read","update","preRender","render","postRender"],et=tt.reduce((t,e)=>(t[e]=function(t){let e=[],n=[],r=0,s=!1,o=!1;const i=new WeakSet,a={schedule:(t,o=!1,a=!1)=>{const l=a&&s,u=l?e:n;return o&&i.add(t),-1===u.indexOf(t)&&(u.push(t),l&&s&&(r=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),i.delete(t)},process:l=>{if(s)o=!0;else{if(s=!0,[e,n]=[n,e],n.length=0,r=e.length,r)for(let n=0;n<r;n++){const r=e[n];r(l),i.has(r)&&(a.schedule(r),t())}s=!1,o&&(o=!1,a.process(l))}}};return a}(()=>_=!0),t),{}),nt=tt.reduce((t,e)=>{const n=et[e];return t[e]=(t,e=!1,r=!1)=>(_||it(),n.schedule(t,e,r)),t},{}),rt=tt.reduce((t,e)=>(t[e]=et[e].cancel,t),{});tt.reduce((t,e)=>(t[e]=()=>et[e].process(Y),t),{});const st=t=>et[t].process(Y),ot=t=>{_=!1,Y.delta=J?1/60*1e3:Math.max(Math.min(t-Y.timestamp,40),1),Y.timestamp=t,Q=!0,tt.forEach(st),Q=!1,_&&(J=!1,Z(ot))},it=()=>{_=!0,J=!0,Q||Z(ot)};class at{constructor(){this.subscriptions=[]}add(t){var e,n;return e=this.subscriptions,n=t,-1===e.indexOf(n)&&e.push(n),()=>function(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}(this.subscriptions,t)}notify(t,e,n){const r=this.subscriptions.length;if(r)if(1===r)this.subscriptions[0](t,e,n);else for(let s=0;s<r;s++){const r=this.subscriptions[s];r&&r(t,e,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}function lt(t,e){return e?t*(1e3/e):0}class ut{constructor(t,e={}){var n;this.version="9.0.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:r}=Y;this.lastUpdated!==r&&(this.timeDelta=n,this.lastUpdated=r,nt.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=()=>nt.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){this.events[t]||(this.events[t]=new at);const n=this.events[t].add(e);return"change"===t?()=>{n(),nt.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}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}jump(t){this.updateAndNotify(t),this.prev=t,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){return this.canTrackVelocity?lt(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0}start(t){return this.stop(),new Promise(e=>{this.hasAnimated=!0,this.animation=t(e)||null,this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){this.animation=null}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function ct(t,e){return new ut(t,e)}const pt=(t,e)=>n=>Boolean(l(n)&&u.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),ht=(t,e,n)=>r=>{if(!l(r))return r;const[s,o,i,a]=r.match(c);return{[t]:parseFloat(s),[e]:parseFloat(o),[n]:parseFloat(i),alpha:void 0!==a?parseFloat(a):1}},dt={...d,transform:t=>Math.round((t=>f(0,255,t))(t))},ft={test:pt("rgb","red"),parse:ht("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:r=1})=>"rgba("+dt.transform(t)+", "+dt.transform(e)+", "+dt.transform(n)+", "+p(h.transform(r))+")"};const mt={test:pt("#"),parse:function(t){let e="",n="",r="",s="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),r=t.substring(5,7),s=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),r=t.substring(3,4),s=t.substring(4,5),e+=e,n+=n,r+=r,s+=s),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:s?parseInt(s,16)/255:1}},transform:ft.transform},vt={test:pt("hsl","hue"),parse:ht("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:r=1})=>"hsla("+Math.round(t)+", "+m.transform(p(e))+", "+m.transform(p(n))+", "+p(h.transform(r))+")"},gt={test:t=>ft.test(t)||mt.test(t)||vt.test(t),parse:t=>ft.test(t)?ft.parse(t):vt.test(t)?vt.parse(t):mt.parse(t),transform:t=>l(t)?t:t.hasOwnProperty("red")?ft.transform(t):vt.transform(t)};function yt(t){"number"==typeof t&&(t=""+t);const e=[];let n=0,r=0;const s=t.match(v);s&&(n=s.length,t=t.replace(v,"${c}"),e.push(...s.map(gt.parse)));const o=t.match(c);return o&&(r=o.length,t=t.replace(c,"${n}"),e.push(...o.map(d.parse))),{values:e,numColors:n,numNumbers:r,tokenised:t}}function bt(t){return yt(t).values}function Vt(t){const{values:e,numColors:n,tokenised:r}=yt(t),s=e.length;return t=>{let e=r;for(let r=0;r<s;r++)e=e.replace(r<n?"${c}":"${n}",r<n?gt.transform(t[r]):p(t[r]));return e}}const wt=t=>"number"==typeof t?0:t;const At={test:function(t){var e,n;return isNaN(t)&&l(t)&&((null===(e=t.match(c))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(v))||void 0===n?void 0:n.length)||0)>0},parse:bt,createTransformer:Vt,getAnimatableNone:function(t){const e=bt(t);return Vt(t)(e.map(wt))}},Ct=new Set(["brightness","contrast","saturate","opacity"]);function Mt(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[r]=n.match(c)||[];if(!r)return t;const s=n.replace(r,"");let o=Ct.has(e)?1:0;return r!==n&&(o*=100),e+"("+o+s+")"}const St=/([a-z-]*)\(.*?\)/g,Tt={...At,getAnimatableNone:t=>{const e=t.match(St);return e?e.map(Mt).join(" "):t}},xt={...g,color:gt,backgroundColor:gt,outlineColor:gt,fill:gt,stroke:gt,borderColor:gt,borderTopColor:gt,borderRightColor:gt,borderBottomColor:gt,borderLeftColor:gt,filter:Tt,WebkitFilter:Tt},Et=t=>xt[t];function Pt(t,e){var n;let r=Et(t);return r!==Tt&&(r=At),null===(n=r.getAnimatableNone)||void 0===n?void 0:n.call(r,e)}const kt=t=>e=>e.test(t),Ft=[d,y,m,b,V,w,{test:t=>"auto"===t,parse:t=>t}],It=t=>Ft.find(kt(t)),Ot=[...Ft,gt,At],Bt=t=>Ot.find(kt(t));function Dt(t,e,n){const r=t.getProps();return A(r,e,void 0!==n?n:r.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 Nt(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,ct(n))}function Rt(t,e){if(!e)return;return(e[t]||e.default||e).from}function jt(t){return Boolean(M(t)&&t.add)}const Ut="data-"+S("framerAppearId");const Lt=t=>1e3*t,zt=!1,Ht=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,qt=t=>e=>1-t(1-e),$t=t=>t*t,Wt=qt($t),Kt=Ht($t),Gt=(t,e,n)=>-n*t+n*e+t;function Yt(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 Xt=(t,e,n)=>{const r=t*t;return Math.sqrt(Math.max(0,n*(e*e-r)+r))},Zt=[mt,ft,vt];function Jt(t){const e=(n=t,Zt.find(t=>t.test(n)));var n;let r=e.parse(t);return e===vt&&(r=function({hue:t,saturation:e,lightness:n,alpha:r}){t/=360,n/=100;let s=0,o=0,i=0;if(e/=100){const r=n<.5?n*(1+e):n+e-n*e,a=2*n-r;s=Yt(a,r,t+1/3),o=Yt(a,r,t),i=Yt(a,r,t-1/3)}else s=o=i=n;return{red:Math.round(255*s),green:Math.round(255*o),blue:Math.round(255*i),alpha:r}}(r)),r}const _t=(t,e)=>{const n=Jt(t),r=Jt(e),s={...n};return t=>(s.red=Xt(n.red,r.red,t),s.green=Xt(n.green,r.green,t),s.blue=Xt(n.blue,r.blue,t),s.alpha=Gt(n.alpha,r.alpha,t),ft.transform(s))},Qt=(t,e)=>n=>e(t(n)),te=(...t)=>t.reduce(Qt);function ee(t,e){return"number"==typeof t?n=>Gt(t,e,n):gt.test(t)?_t(t,e):se(t,e)}const ne=(t,e)=>{const n=[...t],r=n.length,s=t.map((t,n)=>ee(t,e[n]));return t=>{for(let e=0;e<r;e++)n[e]=s[e](t);return n}},re=(t,e)=>{const n={...t,...e},r={};for(const s in n)void 0!==t[s]&&void 0!==e[s]&&(r[s]=ee(t[s],e[s]));return t=>{for(const e in r)n[e]=r[e](t);return n}},se=(t,e)=>{const n=At.createTransformer(e),r=yt(t),s=yt(e);return r.numColors===s.numColors&&r.numNumbers>=s.numNumbers?te(ne(r.values,s.values),n):n=>""+(n>0?e:t)},oe=(t,e)=>n=>Gt(t,e,n);function ie(t,e,n){const r=[],s=n||("number"==typeof(o=t[0])?oe:"string"==typeof o?gt.test(o)?_t:se:Array.isArray(o)?ne:"object"==typeof o?re:oe);var o;const i=t.length-1;for(let n=0;n<i;n++){let o=s(t[n],t[n+1]);if(e){const t=Array.isArray(e)?e[n]:e;o=te(t,o)}r.push(o)}return r}function ae(t,e,{clamp:n=!0,ease:r,mixer:s}={}){const o=t.length;e.length,!r||!Array.isArray(r)||r.length,t[0]>t[o-1]&&(t=[...t].reverse(),e=[...e].reverse());const i=ie(e,r,s),a=i.length,l=e=>{let n=0;if(a>1)for(;n<t.length-2&&!(e<t[n+1]);n++);const r=((t,e,n)=>{const r=e-t;return 0===r?1:(n-t)/r})(t[n],t[n+1],e);return i[n](r)};return n?e=>l(f(t[0],t[o-1],e)):l}const le=t=>t,ue=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t;function ce(t,e,n,r){if(t===e&&n===r)return le;const s=e=>function(t,e,n,r,s){let o,i,a=0;do{i=e+(n-e)/2,o=ue(i,r,s)-t,o>0?n=i:e=i}while(Math.abs(o)>1e-7&&++a<12);return i}(e,0,1,t,n);return t=>0===t||1===t?t:ue(s(t),e,r)}const pe=t=>1-Math.sin(Math.acos(t)),he=qt(pe),de=Ht(he),fe=ce(.33,1.53,.69,.99),me=qt(fe),ve=Ht(me),ge={linear:le,easeIn:$t,easeInOut:Kt,easeOut:Wt,circIn:pe,circInOut:de,circOut:he,backIn:me,backInOut:ve,backOut:fe,anticipate:t=>(t*=2)<1?.5*me(t):.5*(2-Math.pow(2,-10*(t-1)))},ye=t=>{if(Array.isArray(t)){t.length;const[e,n,r,s]=t;return ce(e,n,r,s)}return"string"==typeof t?ge[t]:t};function be({keyframes:t,ease:e=Kt,times:n,duration:r=300}){t=[...t];const s=(t=>Array.isArray(t)&&"number"!=typeof t[0])(e)?e.map(ye):ye(e),o={done:!1,value:t[0]},i=function(t,e){return t.map(t=>t*e)}(n&&n.length===t.length?n:function(t){const e=t.length;return t.map((t,n)=>0!==n?n/(e-1):0)}(t),r);function a(){return ae(i,t,{ease:Array.isArray(s)?s:(e=t,n=s,e.map(()=>n||Kt).splice(0,e.length-1))});var e,n}let l=a();return{next:t=>(o.value=l(t),o.done=t>=r,o),flipTarget:()=>{t.reverse(),l=a()}}}function Ve({duration:t=800,bounce:e=.25,velocity:n=0,mass:r=1}){let s,o,i=1-e;i=f(.05,1,i),t=f(.01,10,t/1e3),i<1?(s=e=>{const r=e*i,s=r*t;return.001-(r-n)/we(e,i)*Math.exp(-s)},o=e=>{const r=e*i*t,o=r*n+n,a=Math.pow(i,2)*Math.pow(e,2)*t,l=Math.exp(-r),u=we(Math.pow(e,2),i);return(.001-s(e)>0?-1:1)*((o-a)*l)/u}):(s=e=>Math.exp(-e*t)*((e-n)*t+1)-.001,o=e=>Math.exp(-e*t)*(t*t*(n-e)));const a=function(t,e,n){let r=n;for(let n=1;n<12;n++)r-=t(r)/e(r);return r}(s,o,5/t);if(t*=1e3,isNaN(a))return{stiffness:100,damping:10,duration:t};{const e=Math.pow(a,2)*r;return{stiffness:e,damping:2*i*Math.sqrt(r*e),duration:t}}}function we(t,e){return t*Math.sqrt(1-e*e)}const Ae=["duration","bounce"],Ce=["stiffness","damping","mass"];function Me(t,e){return e.some(e=>void 0!==t[e])}function Se({keyframes:t,restDelta:e,restSpeed:n,...r}){let s=t[0],o=t[t.length-1];const i={done:!1,value:s},{stiffness:a,damping:l,mass:u,velocity:c,duration:p,isResolvedFromDuration:h}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!Me(t,Ce)&&Me(t,Ae)){const n=Ve(t);e={...e,...n,velocity:0,mass:1},e.isResolvedFromDuration=!0}return e}(r);let d=Te,f=c?-c/1e3:0;const m=l/(2*Math.sqrt(a*u));function v(){const t=o-s,r=Math.sqrt(a/u)/1e3,i=Math.abs(t)<5;if(n||(n=i?.01:2),e||(e=i?.005:.5),m<1){const e=we(r,m);d=n=>{const s=Math.exp(-m*r*n);return o-s*((f+m*r*t)/e*Math.sin(e*n)+t*Math.cos(e*n))}}else if(1===m)d=e=>o-Math.exp(-r*e)*(t+(f+r*t)*e);else{const e=r*Math.sqrt(m*m-1);d=n=>{const s=Math.exp(-m*r*n),i=Math.min(e*n,300);return o-s*((f+m*r*t)*Math.sinh(i)+e*t*Math.cosh(i))/e}}}return v(),{next:t=>{const r=d(t);if(h)i.done=t>=p;else{let s=f;if(0!==t)if(m<1){const e=Math.max(0,t-5);s=lt(r-d(e),t-e)}else s=0;const a=Math.abs(s)<=n,l=Math.abs(o-r)<=e;i.done=a&&l}return i.value=i.done?o:r,i},flipTarget:()=>{f=-f,[s,o]=[o,s],v()}}}Se.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const Te=t=>0;const xe={decay:function({keyframes:t=[0],velocity:e=0,power:n=.8,timeConstant:r=350,restDelta:s=.5,modifyTarget:o}){const i=t[0],a={done:!1,value:i};let l=n*e;const u=i+l,c=void 0===o?u:o(u);return c!==u&&(l=c-i),{next:t=>{const e=-l*Math.exp(-t/r);return a.done=!(e>s||e<-s),a.value=a.done?c:c+e,a},flipTarget:()=>{}}},keyframes:be,tween:be,spring:Se};function Ee(t,e,n=0){return t-e-n}const Pe=t=>{const e=({delta:e})=>t(e);return{start:()=>nt.update(e,!0),stop:()=>rt.update(e)}};function ke({duration:t,driver:e=Pe,elapsed:n=0,repeat:r=0,repeatType:s="loop",repeatDelay:o=0,keyframes:i,autoplay:a=!0,onPlay:l,onStop:u,onComplete:c,onRepeat:p,onUpdate:h,type:d="keyframes",...f}){var m,v;const g=n;let y,b,V=0,w=t,A=!1,C=!0;const M=xe[i.length>2?"keyframes":d]||be,S=i[0],T=i[i.length-1];let x={done:!1,value:S};(null===(v=(m=M).needsInterpolation)||void 0===v?void 0:v.call(m,S,T))&&(b=ae([0,100],[S,T],{clamp:!1}),i=[0,100]);const E=M({...f,duration:t,keyframes:i});function P(){V++,"reverse"===s?(C=V%2==0,n=function(t,e=0,n=0,r=!0){return r?Ee(e+-t,e,n):e-(t-e)+n}(n,w,o,C)):(n=Ee(n,w,o),"mirror"===s&&E.flipTarget()),A=!1,p&&p()}function k(t){C||(t=-t),n+=t,A||(x=E.next(Math.max(0,n)),b&&(x.value=b(x.value)),A=C?x.done:n<=0),h&&h(x.value),A&&(0===V&&(w=void 0!==w?w:n),V<r?function(t,e,n,r){return r?t>=e+n:t<=-n}(n,w,o,C)&&P():(y&&y.stop(),c&&c()))}return a&&(l&&l(),y=e(k),y.start()),{stop:()=>{u&&u(),y&&y.stop()},set currentTime(t){n=g,k(t)},sample:e=>{n=g;const r=t&&"number"==typeof t?Math.max(.5*t,50):50;let s=0;for(k(0);s<=e;){const t=e-s;k(Math.min(t,r)),s+=r}return x}}}const Fe=([t,e,n,r])=>`cubic-bezier(${t}, ${e}, ${n}, ${r})`,Ie={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Fe([0,.65,.55,1]),circOut:Fe([.55,0,1,.45]),backIn:Fe([.31,.01,.66,-.59]),backOut:Fe([.33,1.53,.69,.99])};function Oe(t){if(t)return Array.isArray(t)?Fe(t):Ie[t]}const Be={waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate")},De={},Ne={};for(const t in Be)Ne[t]=()=>(void 0===De[t]&&(De[t]=Be[t]()),De[t]);const Re=new Set(["opacity"]);function je(t,e,{onUpdate:n,onComplete:r,...s}){if(!(Ne.waapi()&&Re.has(e)&&!s.repeatDelay&&"mirror"!==s.repeatType&&0!==s.damping))return!1;let{keyframes:o,duration:i=300,elapsed:a=0,ease:l}=s;if("spring"===s.type||!(!(u=s.ease)||Array.isArray(u)||"string"==typeof u&&Ie[u])){if(s.repeat===1/0)return;const t=ke({...s,elapsed:0});let e={done:!1,value:o[0]};const n=[];let r=0;for(;!e.done&&r<2e4;)e=t.sample(r),n.push(e.value),r+=10;o=n,i=r-10,l="linear"}var u;const c=function(t,e,n,{delay:r=0,duration:s,repeat:o=0,repeatType:i="loop",ease:a,times:l}={}){return t.animate({[e]:n,offset:l},{delay:r,duration:s,easing:Oe(a),fill:"both",iterations:o+1,direction:"reverse"===i?"alternate":"normal"})}(t.owner.current,e,o,{...s,delay:-a,duration:i,ease:l});return c.onfinish=()=>{t.set(function(t,{repeat:e,repeatType:n="loop"}){return t[e&&"loop"!==n&&e%2==1?0:t.length-1]}(o,s)),nt.update(()=>c.cancel()),r&&r()},{get currentTime(){return c.currentTime||0},set currentTime(t){c.currentTime=t},stop:()=>{const{currentTime:e}=c;if(e){const n=ke({...s,autoplay:!1});t.setWithVelocity(n.sample(e-10).value,n.sample(e).value,10)}nt.update(()=>c.cancel())}}}function Ue(t,e){const n=performance.now(),r=({timestamp:s})=>{const o=s-n;o>=e&&(rt.read(r),t(o-e))};return nt.read(r,!0),()=>rt.read(r)}function Le({keyframes:t,elapsed:e,onUpdate:n,onComplete:r}){const s=()=>{n&&n(t[t.length-1]),r&&r()};return e?{stop:Ue(s,-e)}:s()}const ze=()=>({type:"spring",stiffness:500,damping:25,restSpeed:10}),He=t=>({type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}),qe=()=>({type:"keyframes",ease:"linear",duration:.3}),$e={type:"keyframes",duration:.8},We={x:ze,y:ze,z:ze,rotate:ze,rotateX:ze,rotateY:ze,rotateZ:ze,scaleX:He,scaleY:He,scale:He,opacity:qe,backgroundColor:qe,color:qe,default:He},Ke=(t,{keyframes:e})=>{if(e.length>2)return $e;return(We[t]||We.default)(e[1])},Ge=(t,e)=>"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!At.test(e)||e.startsWith("url(")));function Ye(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function Xe(t){return"number"==typeof t?0:Pt("",t)}const Ze=(t,e,n,r={})=>s=>{const o=function(t,e){return t[e]||t.default||t}(r,t)||{},i=o.delay||r.delay||0;let{elapsed:a=0}=r;a-=Lt(i);const l=function(t,e,n,r){const s=Ge(e,n);let o=void 0!==r.from?r.from:t.get();return"none"===o&&s&&"string"==typeof n?o=Pt(e,n):Ye(o)&&"string"==typeof n?o=Xe(n):!Array.isArray(n)&&Ye(n)&&"string"==typeof o&&(n=Xe(o)),Array.isArray(n)?(null===n[0]&&(n[0]=o),n):[o,n]}(e,t,n,o),u=l[0],c=l[l.length-1],p=Ge(t,u),h=Ge(t,c);let d={keyframes:l,velocity:e.getVelocity(),...o,elapsed:a,onUpdate:t=>{e.set(t),o.onUpdate&&o.onUpdate(t)},onComplete:()=>{s(),o.onComplete&&o.onComplete()}};if(!p||!h||zt||!1===o.type)return Le(d);if("inertia"===o.type)return function({keyframes:t,velocity:e=0,min:n,max:r,power:s=.8,timeConstant:o=750,bounceStiffness:i=500,bounceDamping:a=10,restDelta:l=1,modifyTarget:u,driver:c,onUpdate:p,onComplete:h,onStop:d}){const f=t[0];let m;function v(t){return void 0!==n&&t<n||void 0!==r&&t>r}function g(t){return void 0===n?r:void 0===r||Math.abs(n-t)<Math.abs(r-t)?n:r}function y(t){null==m||m.stop(),m=ke({keyframes:[0,1],velocity:0,...t,driver:c,onUpdate:e=>{var n;null==p||p(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:h,onStop:d})}function b(t){y({type:"spring",stiffness:i,damping:a,restDelta:l,...t})}if(v(f))b({velocity:e,keyframes:[f,g(f)]});else{let t=s*e+f;void 0!==u&&(t=u(t));const r=g(t),i=r===n?-1:1;let a,c;const p=t=>{a=c,c=t,e=lt(t-a,Y.delta),(1===i&&t>r||-1===i&&t<r)&&b({keyframes:[t,r],velocity:e})};y({type:"decay",keyframes:[f,0],velocity:e,timeConstant:o,power:s,restDelta:l,modifyTarget:u,onUpdate:v(t)?p:void 0})}return{stop:()=>null==m?void 0:m.stop()}}(d);(function({when:t,delay:e,delayChildren:n,staggerChildren:r,staggerDirection:s,repeat:o,repeatType:i,repeatDelay:a,from:l,elapsed:u,...c}){return!!Object.keys(c).length})(o)||(d={...d,...Ke(t,d)}),d.duration&&(d.duration=Lt(d.duration)),d.repeatDelay&&(d.repeatDelay=Lt(d.repeatDelay));const f=e.owner,m=f&&f.current;if(f&&m instanceof HTMLElement&&!(null==f?void 0:f.getProps().onUpdate)){const n=je(e,t,d);if(n)return n}return ke(d)};function Je(t,e,n={}){var r;const s=Dt(t,e,n.custom);let{transition:o=t.getDefaultTransition()||{}}=s||{};n.transitionOverride&&(o=n.transitionOverride);const i=s?()=>_e(t,s,n):()=>Promise.resolve(),a=(null===(r=t.variantChildren)||void 0===r?void 0:r.size)?(r=0)=>{const{delayChildren:s=0,staggerChildren:i,staggerDirection:a}=o;return function(t,e,n=0,r=0,s=1,o){const i=[],a=(t.variantChildren.size-1)*r,l=1===s?(t=0)=>t*r:(t=0)=>a-t*r;return Array.from(t.variantChildren).sort(Qe).forEach((t,r)=>{t.notify("AnimationStart",e),i.push(Je(t,e,{...o,delay:n+l(r)}).then(()=>t.notify("AnimationComplete",e)))}),Promise.all(i)}(t,e,s+r,i,a,n)}:()=>Promise.resolve(),{when:l}=o;if(l){const[t,e]="beforeChildren"===l?[i,a]:[a,i];return t().then(e)}return Promise.all([i(),a(n.delay)])}function _e(t,e,{delay:n=0,transitionOverride:r,type:s}={}){var o;let{transition:i=t.getDefaultTransition(),transitionEnd:a,...l}=t.makeTargetAnimatable(e);const u=t.getValue("willChange");r&&(i=r);const c=[],p=s&&(null===(o=t.animationState)||void 0===o?void 0:o.getState()[s]);for(const e in l){const r=t.getValue(e),s=l[e];if(!r||void 0===s||p&&tn(p,e))continue;const o={delay:n,elapsed:0,...i};if(window.HandoffAppearAnimations&&!r.hasAnimated){const n=t.getProps()[Ut];n&&(o.elapsed=window.HandoffAppearAnimations(n,e,r,nt))}let a=r.start(Ze(e,r,s,t.shouldReduceMotion&&T.has(e)?{type:!1}:o));jt(u)&&(u.add(e),a=a.then(()=>u.remove(e))),c.push(a)}return Promise.all(c).then(()=>{a&&function(t,e){const n=Dt(t,e);let{transitionEnd:r={},transition:s={},...o}=n?t.makeTargetAnimatable(n,!1):{};o={...o,...r};for(const e in o){Nt(t,e,C(o[e]))}}(t,a)})}function Qe(t,e){return t.sortNodePosition(e)}function tn({protectedKeys:t,needsAnimating:e},n){const r=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,r}var en;!function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.InView="whileInView",t.Exit="exit"}(en||(en={}));const nn=[en.Animate,en.InView,en.Focus,en.Hover,en.Tap,en.Drag,en.Exit],rn=[...nn].reverse(),sn=nn.length;function on(t){return e=>Promise.all(e.map(({animation:e,options:n})=>function(t,e,n={}){let r;if(t.notify("AnimationStart",e),Array.isArray(e)){const s=e.map(e=>Je(t,e,n));r=Promise.all(s)}else if("string"==typeof e)r=Je(t,e,n);else{const s="function"==typeof e?Dt(t,e,n.custom):e;r=_e(t,s,n)}return r.then(()=>t.notify("AnimationComplete",e))}(t,e,n)))}function an(t){let e=on(t);const n={[en.Animate]:un(!0),[en.InView]:un(),[en.Hover]:un(),[en.Tap]:un(),[en.Drag]:un(),[en.Focus]:un(),[en.Exit]:un()};let r=!0;const s=(e,n)=>{const r=Dt(t,n);if(r){const{transition:t,transitionEnd:n,...s}=r;e={...e,...s,...n}}return e};function o(o,i){const a=t.getProps(),l=t.getVariantContext(!0)||{},u=[],c=new Set;let p={},h=1/0;for(let e=0;e<sn;e++){const d=rn[e],f=n[d],m=void 0!==a[d]?a[d]:l[d],v=P(m),g=d===i?f.isActive:null;!1===g&&(h=e);let y=m===l[d]&&m!==a[d]&&v;if(y&&r&&t.manuallyAnimateOnMount&&(y=!1),f.protectedKeys={...p},!f.isActive&&null===g||!m&&!f.prevProp||x(m)||"boolean"==typeof m)continue;const b=ln(f.prevProp,m);let V=b||d===i&&f.isActive&&!y&&v||e>h&&v;const w=Array.isArray(m)?m:[m];let A=w.reduce(s,{});!1===g&&(A={});const{prevResolvedValues:C={}}=f,M={...C,...A},S=t=>{V=!0,c.delete(t),f.needsAnimating[t]=!0};for(const t in M){const e=A[t],n=C[t];p.hasOwnProperty(t)||(e!==n?E(e)&&E(n)?!K(e,n)||b?S(t):f.protectedKeys[t]=!0:void 0!==e?S(t):c.add(t):void 0!==e&&c.has(t)?S(t):f.protectedKeys[t]=!0)}f.prevProp=m,f.prevResolvedValues=A,f.isActive&&(p={...p,...A}),r&&t.blockInitialAnimation&&(V=!1),V&&!y&&u.push(...w.map(t=>({animation:t,options:{type:d,...o}})))}if(c.size){const e={};c.forEach(n=>{const r=t.getBaseTarget(n);void 0!==r&&(e[n]=r)}),u.push({animation:e})}let d=Boolean(u.length);return r&&!1===a.initial&&!t.manuallyAnimateOnMount&&(d=!1),r=!1,d?e(u):Promise.resolve()}return{animateChanges:o,setActive:function(e,r,s){var i;if(n[e].isActive===r)return Promise.resolve();null===(i=t.variantChildren)||void 0===i||i.forEach(t=>{var n;return null===(n=t.animationState)||void 0===n?void 0:n.setActive(e,r)}),n[e].isActive=r;const a=o(s,e);for(const t in n)n[t].protectedKeys={};return a},setAnimateFunction:function(n){e=n(t)},getState:()=>n}}function ln(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!K(e,t)}function un(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}const cn=t=>e=>(t(e),null),pn={animation:cn(({visualElement:t,animate:e})=>{t.animationState||(t.animationState=an(t)),x(e)&&n(()=>e.subscribe(t),[e])}),exit:cn(r=>{const{custom:s,visualElement:o}=r,[i,l]=function(){const r=t(a);if(null===r)return[!0,null];const{isPresent:s,onExitComplete:o,register:i}=r,l=e();return n(()=>i(l),[]),!s&&o?[!1,()=>o&&o(l)]:[!0]}(),u=t(a);n(()=>{o.isPresent=i;const t=o.animationState&&o.animationState.setActive(en.Exit,!i,{custom:u&&u.custom||s});t&&!i&&t.then(l)},[i])})};function hn(t,e,n,r={passive:!0}){return t.addEventListener(e,n,r),()=>t.removeEventListener(e,n)}function dn(t,e,r,s){n(()=>{const n=t.current;if(r&&n)return hn(n,e,r,s)},[t,e,r,s])}function fn(t,e="page"){return{point:{x:t[e+"X"],y:t[e+"Y"]}}}const mn=t=>e=>(t=>"mouse"===t.pointerType?"number"!=typeof t.button||t.button<=0:!1!==t.isPrimary)(e)&&t(e,fn(e));function vn(t,e,n,r){return hn(t,e,mn(n),r)}function gn(t,e,n,r){return dn(t,e,n&&mn(n),r)}function yn(t){let e=null;return()=>{const n=()=>{e=null};return null===e&&(e=t,n)}}const bn=yn("dragHorizontal"),Vn=yn("dragVertical");function wn(){const t=function(t){let e=!1;if("y"===t)e=Vn();else if("x"===t)e=bn();else{const t=bn(),n=Vn();t&&n?e=()=>{t(),n()}:(t&&t(),n&&n())}return e}(!0);return!t||(t(),!1)}function An(t,e,n,r){return(s,o)=>{"touch"===s.type||wn()||(n&&t.animationState&&t.animationState.setActive(en.Hover,e),r&&r(s,o))}}const Cn=(t,e)=>!!e&&(t===e||Cn(t,e.parentElement));function Mn(t,e){if(!e)return;const n=new PointerEvent("pointer"+t);e(n,fn(n))}const Sn=new WeakMap,Tn=new WeakMap,xn=t=>{const e=Sn.get(t.target);e&&e(t)},En=t=>{t.forEach(xn)};function Pn(t,e,n){const r=function({root:t,...e}){const n=t||document;Tn.has(n)||Tn.set(n,{});const r=Tn.get(n),s=JSON.stringify(e);return r[s]||(r[s]=new IntersectionObserver(En,{root:t,...e})),r[s]}(e);return Sn.set(t,n),r.observe(t),()=>{Sn.delete(t),r.unobserve(t)}}const kn={some:0,all:1};function Fn(t,e,r,{root:s,margin:o,amount:i="some",once:a}){n(()=>{if(!t||!r.current)return;const n={root:null==s?void 0:s.current,rootMargin:o,threshold:"number"==typeof i?i:kn[i]};return Pn(r.current,n,t=>{const{isIntersecting:n}=t;if(e.isInView===n)return;if(e.isInView=n,a&&!n&&e.hasEnteredView)return;n&&(e.hasEnteredView=!0),r.animationState&&r.animationState.setActive(en.InView,n);const s=r.getProps(),o=n?s.onViewportEnter:s.onViewportLeave;o&&o(t)})},[t,s,o,i])}function In(t,e,r,{fallback:s=!0}){n(()=>{t&&s&&requestAnimationFrame(()=>{e.hasEnteredView=!0;const{onViewportEnter:t}=r.getProps();t&&t(null),r.animationState&&r.animationState.setActive(en.InView,!0)})},[t])}const On={inView:cn((function({visualElement:t,whileInView:e,onViewportEnter:n,onViewportLeave:s,viewport:o={}}){const i=r({hasEnteredView:!1,isInView:!1});let a=Boolean(e||n||s);o.once&&i.current.hasEnteredView&&(a=!1),("undefined"==typeof IntersectionObserver?In:Fn)(a,i.current,t,o)})),tap:cn((function({onTap:t,onTapStart:e,onTapCancel:o,whileTap:i,visualElement:a,...l}){const u=t||e||o||i,c=r(!1),p=r(null),h={passive:!(e||t||o||l.onPointerDown)};function d(){p.current&&p.current(),p.current=null}function f(){d(),c.current=!1;return a.getProps().whileTap&&a.animationState&&a.animationState.setActive(en.Tap,!1),!wn()}function m(t,e){var n,r,s,o;f()&&(Cn(a.current,t.target)?null===(o=(s=a.getProps()).onTap)||void 0===o||o.call(s,t,e):null===(r=(n=a.getProps()).onTapCancel)||void 0===r||r.call(n,t,e))}function v(t,e){var n,r;f()&&(null===(r=(n=a.getProps()).onTapCancel)||void 0===r||r.call(n,t,e))}function g(t,e){var n;const r=a.getProps();r.whileTap&&a.animationState&&a.animationState.setActive(en.Tap,!0),null===(n=r.onTapStart)||void 0===n||n.call(r,t,e)}const y=[Boolean(e),Boolean(t),Boolean(i),a],b=s((t,e)=>{d(),c.current||(c.current=!0,p.current=te(vn(window,"pointerup",m,h),vn(window,"pointercancel",v,h)),g(t,e))},y);gn(a,"pointerdown",u?b:void 0,h);const V=s(()=>{const t=hn(a.current,"keydown",t=>{"Enter"!==t.key||c.current||(c.current=!0,p.current=hn(a.current,"keyup",()=>{"Enter"===t.key&&f()&&Mn("up",a.getProps().onTap)},h),Mn("down",g))}),e=hn(a.current,"blur",()=>{t(),e(),c.current&&Mn("cancel",v)})},y);var w;dn(a,"focus",u?V:void 0),w=d,n(()=>()=>w(),[])})),focus:cn((function({whileFocus:t,visualElement:e}){const n=r(!1),{animationState:o}=e,i=s(()=>{let t=!1;try{t=e.current.matches(":focus-visible")}catch(e){t=!0}t&&o&&(o.setActive(en.Focus,!0),n.current=!0)},[o]),a=s(()=>{n.current&&o&&(o.setActive(en.Focus,!1),n.current=!1)},[o]);dn(e,"focus",t?i:void 0),dn(e,"blur",t?a:void 0)})),hover:cn((function({onHoverStart:t,onHoverEnd:e,whileHover:n,visualElement:r}){gn(r,"pointerenter",o(()=>t||n?An(r,!0,Boolean(n),t):void 0,[t,Boolean(n),r]),{passive:!t}),gn(r,"pointerleave",o(()=>e||n?An(r,!1,Boolean(n),e):void 0,[t,Boolean(n),r]),{passive:!e})}))};function Bn(t){return"string"==typeof t&&t.startsWith("var(--")}const Dn=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function Nn(t,e,n=1){const[r,s]=function(t){const e=Dn.exec(t);if(!e)return[,];const[,n,r]=e;return[n,r]}(t);if(!r)return;const o=window.getComputedStyle(e).getPropertyValue(r);return o?o.trim():Bn(s)?Nn(s,e,n+1):s}const Rn=new Set(["width","height","top","left","right","bottom","x","y"]),jn=t=>Rn.has(t),Un=t=>t===d||t===y;var Ln;!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Ln||(Ln={}));const zn=(t,e)=>parseFloat(t.split(", ")[e]),Hn=(t,e)=>(n,{transform:r})=>{if("none"===r||!r)return 0;const s=r.match(/^matrix3d\((.+)\)$/);if(s)return zn(s[1],e);{const e=r.match(/^matrix\((.+)\)$/);return e?zn(e[1],t):0}},qn=new Set(["x","y","z"]),$n=k.filter(t=>!qn.has(t));const Wn={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:Hn(4,13),y:Hn(5,14)},Kn=(t,e,n={},r={})=>{e={...e},r={...r};const s=Object.keys(e).filter(jn);let o=[],i=!1;const a=[];if(s.forEach(s=>{const l=t.getValue(s);if(!t.hasValue(s))return;let u=n[s],c=It(u);const p=e[s];let h;if(E(p)){const t=p.length,e=null===p[0]?1:0;u=p[e],c=It(u);for(let n=e;n<t;n++)h?It(p[n]):h=It(p[n])}else h=It(p);if(c!==h)if(Un(c)&&Un(h)){const t=l.get();"string"==typeof t&&l.set(parseFloat(t)),"string"==typeof p?e[s]=parseFloat(p):Array.isArray(p)&&h===y&&(e[s]=p.map(parseFloat))}else(null==c?void 0:c.transform)&&(null==h?void 0:h.transform)&&(0===u||0===p)?0===u?l.set(h.transform(u)):e[s]=c.transform(p):(i||(o=function(t){const e=[];return $n.forEach(n=>{const r=t.getValue(n);void 0!==r&&(e.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))}),e.length&&t.render(),e}(t),i=!0),a.push(s),r[s]=void 0!==r[s]?r[s]:e[s],l.jump(p))}),a.length){const n=a.indexOf("height")>=0?window.pageYOffset:null,s=((t,e,n)=>{const r=e.measureViewportBox(),s=e.current,o=getComputedStyle(s),{display:i}=o,a={};"none"===i&&e.setStaticValue("display",t.display||"block"),n.forEach(t=>{a[t]=Wn[t](r,o)}),e.render();const l=e.measureViewportBox();return n.forEach(n=>{const r=e.getValue(n);r&&r.jump(a[n]),t[n]=Wn[n](l,o)}),t})(e,t,a);return o.length&&o.forEach(([e,n])=>{t.getValue(e).set(n)}),t.render(),F&&null!==n&&window.scrollTo({top:n}),{target:s,transitionEnd:r}}return{target:e,transitionEnd:r}};function Gn(t,e,n,r){return(t=>Object.keys(t).some(jn))(e)?Kn(t,e,n,r):{target:e,transitionEnd:r}}const Yn=(t,e,n,r)=>{const s=function(t,{...e},n){const r=t.current;if(!(r instanceof Element))return{target:e,transitionEnd:n};n&&(n={...n}),t.values.forEach(t=>{const e=t.get();if(!Bn(e))return;const n=Nn(e,r);n&&t.set(n)});for(const t in e){const s=e[t];if(!Bn(s))continue;const o=Nn(s,r);o&&(e[t]=o,n&&void 0===n[t]&&(n[t]=s))}return{target:e,transitionEnd:n}}(t,e,r);return Gn(t,e=s.target,n,r=s.transitionEnd)},Xn={current:null},Zn={current:!1};const Jn=Object.keys(I),_n=Jn.length,Qn=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];const tr=["initial",...nn],er=tr.length;class nr extends class{constructor({parent:t,props:e,reducedMotionConfig:n,visualState:r},s={}){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=()=>nt.render(this.render,!1,!0);const{latestValues:o,renderState:i}=r;this.latestValues=o,this.baseTarget={...o},this.initialValues=e.initial?{...o}:{},this.renderState=i,this.parent=t,this.props=e,this.depth=t?t.depth+1:0,this.reducedMotionConfig=n,this.options=s,this.isControllingVariants=O(e),this.isVariantNode=B(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!==o[t]&&M(e)&&(e.set(o[t],!1),jt(a)&&a.add(t))}}scrapeMotionValuesFromProps(t,e){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)),Zn.current||function(){if(Zn.current=!0,F)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>Xn.current=t.matches;t.addListener(e),e()}else Xn.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||Xn.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(),rt.update(this.notifyUpdate),rt.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=T.has(t),r=e.on("change",e=>{this.latestValues[t]=e,this.props.onUpdate&&nt.update(this.notifyUpdate,!1,!0),n&&this.projection&&(this.projection.isTransformDirty=!0)}),s=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,()=>{r(),s()})}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures({children:t,...e},n,r,s,o,a){const l=[];for(let t=0;t<_n;t++){const n=Jn[t],{isEnabled:r,Component:s}=I[n];r(e)&&s&&l.push(i(s,{key:n,...e,visualElement:this}))}if(!this.projection&&o){this.projection=new o(s,this.latestValues,this.parent&&this.parent.projection);const{layoutId:t,layout:n,drag:r,dragConstraints:i,layoutScroll:l,layoutRoot:u}=e;this.projection.setOptions({layoutId:t,layout:n,alwaysMeasureLayout:Boolean(r)||i&&D(i),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:"string"==typeof n?n:"both",initialPromotionConfig:a,layoutScroll:l,layoutRoot:u})}return l}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();const e=this.props;this.props=t;for(let e=0;e<Qn.length;e++){const n=Qn[e];this.propEventSubscriptions[n]&&(this.propEventSubscriptions[n](),delete this.propEventSubscriptions[n]);const r=t["on"+n];r&&(this.propEventSubscriptions[n]=this.on(n,r))}this.prevMotionValues=function(t,e,n){const{willChange:r}=e;for(const s in e){const o=e[s],i=n[s];if(M(o))t.addValue(s,o),jt(r)&&r.add(s);else if(M(i))t.addValue(s,ct(o,{owner:t})),jt(r)&&r.remove(s);else if(i!==o)if(t.hasValue(s)){const e=t.getValue(s);!e.hasAnimated&&e.set(o)}else{const e=t.getStaticValue(s);t.addValue(s,ct(void 0!==e?e:o,{owner:t}))}}for(const r in n)void 0===e[r]&&t.removeValue(r);return e}(this,this.scrapeMotionValuesFromProps(t,e),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}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 r={};for(let t=0;t<er;t++){const e=tr[t],n=this.props[e];(P(n)||!1===n)&&(r[e]=n)}return r}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){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}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=ct(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,r="string"==typeof n||"object"==typeof n?null===(e=A(this.props,n))||void 0===e?void 0:e[t]:void 0;if(n&&void 0!==r)return r;const s=this.getBaseTargetFromProps(this.props,t);return void 0===s||M(s)?void 0!==this.initialValues[t]&&void 0===r?void 0:this.baseTarget[t]:s}on(t,e){return this.events[t]||(this.events[t]=new at),this.events[t].add(e)}notify(t,...e){var n;null===(n=this.events[t])||void 0===n||n.notify(...e)}}{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:r},s){let o=function(t,e,n){var r;const s={};for(const o in t){const t=Rt(o,e);s[o]=void 0!==t?t:null===(r=n.getValue(o))||void 0===r?void 0:r.get()}return s}(n,t||{},this);if(r&&(e&&(e=r(e)),n&&(n=r(n)),o&&(o=r(o))),s){!function(t,e,n){var r,s;const o=Object.keys(e).filter(e=>!t.hasValue(e)),i=o.length;if(i)for(let a=0;a<i;a++){const i=o[a],l=e[i];let u=null;Array.isArray(l)&&(u=l[0]),null===u&&(u=null!==(s=null!==(r=n[i])&&void 0!==r?r:t.readValue(i))&&void 0!==s?s:e[i]),null!=u&&("string"==typeof u&&(/^\-?\d*\.?\d+$/.test(u)||G(u))?u=parseFloat(u):!Bt(u)&&At.test(l)&&(u=Pt(i,l)),t.addValue(i,ct(u,{owner:t})),void 0===n[i]&&(n[i]=u),null!==u&&t.setBaseTarget(i,u))}}(this,n,o);const t=Yn(this,n,o,e);e=t.transitionEnd,n=t.target}return{transition:t,transitionEnd:e,...n}}}class rr extends nr{readValueFromInstance(t,e){if(T.has(e)){const t=Et(e);return t&&t.default||0}{const r=(n=t,window.getComputedStyle(n)),s=(N(e)?r.getPropertyValue(e):r[e])||0;return"string"==typeof s?s.trim():s}var n}measureInstanceViewportBox(t,{transformPagePoint:e}){return function(t,e){return function({top:t,left:e,right:n,bottom:r}){return{x:{min:e,max:n},y:{min:t,max:r}}}(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),r=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}(t.getBoundingClientRect(),e))}(t,e)}build(t,e,n,r){R(t,e,n,r.transformTemplate)}scrapeMotionValuesFromProps(t,e){return j(t,e)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;M(t)&&(this.childSubscription=t.on("change",t=>{this.current&&(this.current.textContent=""+t)}))}renderInstance(t,e,n,r){U(t,e,n,r)}}class sr extends nr{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){var n;return T.has(e)?(null===(n=Et(e))||void 0===n?void 0:n.default)||0:(e=L.has(e)?e:S(e),t.getAttribute(e))}measureInstanceViewportBox(){return{x:{min:0,max:0},y:{min:0,max:0}}}scrapeMotionValuesFromProps(t,e){return z(t,e)}build(t,e,n,r){H(t,e,n,this.isSVGTag,r.transformTemplate)}renderInstance(t,e,n,r){q(t,e,n,r)}mount(t){this.isSVGTag=$(t.tagName),super.mount(t)}}const or={renderer:(t,e)=>W(t)?new sr(e,{enableHardwareAcceleration:!1}):new rr(e,{enableHardwareAcceleration:!0}),...pn,...On};export{or as domAnimation};