framer-motion - npm Package Compare versions

Comparing version 11.0.11-sync.3 to 11.0.11-sync.4

dist/cjs/dom-entry.js

@@ -5,3 +5,3 @@ 'use strict';
 
-var indexLegacy = require('./index-legacy-3d971a23.js');
+var indexLegacy = require('./index-legacy-32706330.js');
 
@@ -8,0 +8,0 @@

dist/dom-entry.d.ts

@@ -21,174 +21,2 @@ declare type EasingFunction = (v: number) => number;
 
-/**
- * @public
- */
-interface TransformOptions<T> {
-    /**
-     * Clamp values to within the given range. Defaults to `true`
-     *
-     * @public
-     */
-    clamp?: boolean;
-    /**
-     * Easing functions to use on the interpolations between each value in the input and output ranges.
-     *
-     * If provided as an array, the array must be one item shorter than the input and output ranges, as the easings apply to the transition **between** each.
-     *
-     * @public
-     */
-    ease?: EasingFunction | EasingFunction[];
-    /**
-     * Provide a function that can interpolate between any two values in the provided range.
-     *
-     * @public
-     */
-    mixer?: (from: T, to: T) => (v: number) => any;
-}
-/**
- * Transforms numbers into other values by mapping them from an input range to an output range.
- * Returns the type of the input provided.
- *
- * @remarks
- *
- * Given an input range of `[0, 200]` and an output range of
- * `[0, 1]`, this function will return a value between `0` and `1`.
- * The input range must be a linear series of numbers. The output range
- * can be any supported value type, such as numbers, colors, shadows, arrays, objects and more.
- * Every value in the output range must be of the same type and in the same format.
- *
- * ```jsx
- * import * as React from "react"
- * import { transform } from "framer-motion"
- *
- * export function MyComponent() {
- *    const inputRange = [0, 200]
- *    const outputRange = [0, 1]
- *    const output = transform(100, inputRange, outputRange)
- *
- *    // Returns 0.5
- *    return <div>{output}</div>
- * }
- * ```
- *
- * @param inputValue - A number to transform between the input and output ranges.
- * @param inputRange - A linear series of numbers (either all increasing or decreasing).
- * @param outputRange - A series of numbers, colors, strings, or arrays/objects of those. Must be the same length as `inputRange`.
- * @param options - Clamp: Clamp values to within the given range. Defaults to `true`.
- *
- * @public
- */
-declare function transform<T>(inputValue: number, inputRange: number[], outputRange: T[], options?: TransformOptions<T>): T;
-/**
- *
- * Transforms numbers into other values by mapping them from an input range to an output range.
- *
- * Given an input range of `[0, 200]` and an output range of
- * `[0, 1]`, this function will return a value between `0` and `1`.
- * The input range must be a linear series of numbers. The output range
- * can be any supported value type, such as numbers, colors, shadows, arrays, objects and more.
- * Every value in the output range must be of the same type and in the same format.
- *
- * ```jsx
- * import * as React from "react"
- * import { Frame, transform } from "framer"
- *
- * export function MyComponent() {
- *     const inputRange = [-200, -100, 100, 200]
- *     const outputRange = [0, 1, 1, 0]
- *     const convertRange = transform(inputRange, outputRange)
- *     const output = convertRange(-150)
- *
- *     // Returns 0.5
- *     return <div>{output}</div>
- * }
- *
- * ```
- *
- * @param inputRange - A linear series of numbers (either all increasing or decreasing).
- * @param outputRange - A series of numbers, colors or strings. Must be the same length as `inputRange`.
- * @param options - Clamp: clamp values to within the given range. Defaults to `true`.
- *
- * @public
- */
-declare function transform<T>(inputRange: number[], outputRange: T[], options?: TransformOptions<T>): (inputValue: number) => T;
-
-interface ScrollOptions {
-    source?: Element;
-    axis?: "x" | "y";
-}
-declare type OnScroll = (progress: number) => void;
-interface AxisScrollInfo {
-    current: number;
-    offset: number[];
-    progress: number;
-    scrollLength: number;
-    velocity: number;
-    targetOffset: number;
-    targetLength: number;
-    containerLength: number;
-    interpolatorOffsets?: number[];
-    interpolate?: EasingFunction;
-}
-interface ScrollInfo {
-    time: number;
-    x: AxisScrollInfo;
-    y: AxisScrollInfo;
-}
-declare type OnScrollInfo = (info: ScrollInfo) => void;
-declare type SupportedEdgeUnit = "px" | "vw" | "vh" | "%";
-declare type EdgeUnit = `${number}${SupportedEdgeUnit}`;
-declare type NamedEdges = "start" | "end" | "center";
-declare type EdgeString = NamedEdges | EdgeUnit | `${number}`;
-declare type Edge = EdgeString | number;
-declare type ProgressIntersection = [number, number];
-declare type Intersection = `${Edge} ${Edge}`;
-declare type ScrollOffset = Array<Edge | Intersection | ProgressIntersection>;
-interface ScrollInfoOptions {
-    container?: HTMLElement;
-    target?: Element;
-    axis?: "x" | "y";
-    offset?: ScrollOffset;
-    smooth?: number;
-}
-
-declare type ViewChangeHandler = (entry: IntersectionObserverEntry) => void;
-interface InViewOptions {
-    root?: Element | Document;
-    margin?: string;
-    amount?: "some" | "all" | number;
-}
-declare function inView(elementOrSelector: ElementOrSelector, onStart: (entry: IntersectionObserverEntry) => void | ViewChangeHandler, { root, margin: rootMargin, amount }?: InViewOptions): VoidFunction;
-
-declare type SequenceTime = number | "<" | `+${number}` | `-${number}` | `${string}`;
-declare type SequenceLabel = string;
-interface SequenceLabelWithTime {
-    name: SequenceLabel;
-    at: SequenceTime;
-}
-interface At {
-    at?: SequenceTime;
-}
-declare type MotionValueSegment = [
-    MotionValue,
-    UnresolvedValueKeyframe | UnresolvedValueKeyframe[]
-];
-declare type MotionValueSegmentWithTransition = [
-    MotionValue,
-    UnresolvedValueKeyframe | UnresolvedValueKeyframe[],
-    Transition & At
-];
-declare type DOMSegment = [ElementOrSelector, DOMKeyframesDefinition];
-declare type DOMSegmentWithTransition = [
-    ElementOrSelector,
-    DOMKeyframesDefinition,
-    DynamicAnimationOptions & At
-];
-declare type Segment = MotionValueSegment | MotionValueSegmentWithTransition | DOMSegment | DOMSegmentWithTransition | SequenceLabel | SequenceLabelWithTime;
-declare type AnimationSequence = Segment[];
-interface SequenceOptions extends AnimationPlaybackOptions {
-    delay?: number;
-    duration?: number;
-    defaultTransition?: Transition;
-}
-
 declare type Process = (data: FrameData) => void;
@@ -201,3 +29,3 @@ declare type Schedule = (process: Process, keepAlive?: boolean, immediate?: boolean) => Process;
 }
-declare type StepId = "read" | "resolveKeyframes" | "update" | "preRender" | "render" | "postRender";
+declare type StepId = "prepare" | "read" | "update" | "preRender" | "render" | "postRender";
 declare type Batcher = {
@@ -509,2 +337,3 @@ [key in StepId]: Schedule;
 interface ValueAnimationTransition<V = any> extends Transition, AnimationPlaybackLifecycles<V> {
+    isHandoff?: boolean;
 }
@@ -583,6 +412,5 @@ interface AnimationScope<T = any> {
 }
-declare type RepeatType = "loop" | "reverse" | "mirror";
 interface AnimationPlaybackOptions {
     repeat?: number;
-    repeatType?: RepeatType;
+    repeatType?: "loop" | "reverse" | "mirror";
     repeatDelay?: number;
@@ -681,5 +509,8 @@ }
     /**
-     * A reference to the currently-controlling animation.
+     * A reference to the currently-controlling Popmotion animation
+     *
+     *
      */
     animation?: AnimationPlaybackControls;
+    liveStyle: boolean | undefined;
     setCurrent(current: V): void;
@@ -755,3 +586,3 @@ setPrevFrameValue(prevFrameValue?: V | undefined): void;
      */
-    jump(v: V, endAnimation?: boolean): void;
+    jump(v: V): void;
     updateAndNotify: (v: V, render?: boolean) => void;
@@ -765,3 +596,3 @@ /**
      */
-    get(): NonNullable<V>;
+    get(): V;
     /**
@@ -806,2 +637,34 @@ * @public
 
+declare type SequenceTime = number | "<" | `+${number}` | `-${number}` | `${string}`;
+declare type SequenceLabel = string;
+interface SequenceLabelWithTime {
+    name: SequenceLabel;
+    at: SequenceTime;
+}
+interface At {
+    at?: SequenceTime;
+}
+declare type MotionValueSegment = [
+    MotionValue,
+    UnresolvedValueKeyframe | UnresolvedValueKeyframe[]
+];
+declare type MotionValueSegmentWithTransition = [
+    MotionValue,
+    UnresolvedValueKeyframe | UnresolvedValueKeyframe[],
+    Transition & At
+];
+declare type DOMSegment = [ElementOrSelector, DOMKeyframesDefinition];
+declare type DOMSegmentWithTransition = [
+    ElementOrSelector,
+    DOMKeyframesDefinition,
+    DynamicAnimationOptions & At
+];
+declare type Segment = MotionValueSegment | MotionValueSegmentWithTransition | DOMSegment | DOMSegmentWithTransition | SequenceLabel | SequenceLabelWithTime;
+declare type AnimationSequence = Segment[];
+interface SequenceOptions extends AnimationPlaybackOptions {
+    delay?: number;
+    duration?: number;
+    defaultTransition?: Transition;
+}
+
 declare const createScopedAnimate: (scope?: AnimationScope) => {
@@ -820,2 +683,41 @@ <V>(from: V, to: V | GenericKeyframesTarget<V>, options?: ValueAnimationTransition<V> | undefined): AnimationPlaybackControls;
 
+interface ScrollOptions {
+    source?: Element;
+    axis?: "x" | "y";
+}
+declare type OnScroll = (progress: number) => void;
+interface AxisScrollInfo {
+    current: number;
+    offset: number[];
+    progress: number;
+    scrollLength: number;
+    velocity: number;
+    targetOffset: number;
+    targetLength: number;
+    containerLength: number;
+    interpolatorOffsets?: number[];
+    interpolate?: EasingFunction;
+}
+interface ScrollInfo {
+    time: number;
+    x: AxisScrollInfo;
+    y: AxisScrollInfo;
+}
+declare type OnScrollInfo = (info: ScrollInfo) => void;
+declare type SupportedEdgeUnit = "px" | "vw" | "vh" | "%";
+declare type EdgeUnit = `${number}${SupportedEdgeUnit}`;
+declare type NamedEdges = "start" | "end" | "center";
+declare type EdgeString = NamedEdges | EdgeUnit | `${number}`;
+declare type Edge = EdgeString | number;
+declare type ProgressIntersection = [number, number];
+declare type Intersection = `${Edge} ${Edge}`;
+declare type ScrollOffset = Array<Edge | Intersection | ProgressIntersection>;
+interface ScrollInfoOptions {
+    container?: HTMLElement;
+    target?: Element;
+    axis?: "x" | "y";
+    offset?: ScrollOffset;
+    smooth?: number;
+}
+
 declare class GroupPlaybackControls implements AnimationPlaybackControls {
@@ -860,2 +762,10 @@ animations: AnimationPlaybackControls[];
 
+declare type ViewChangeHandler = (entry: IntersectionObserverEntry) => void;
+interface InViewOptions {
+    root?: Element | Document;
+    margin?: string;
+    amount?: "some" | "all" | number;
+}
+declare function inView(elementOrSelector: ElementOrSelector, onStart: (entry: IntersectionObserverEntry) => void | ViewChangeHandler, { root, margin: rootMargin, amount }?: InViewOptions): VoidFunction;
+
 declare const anticipate: (p: number) => number;
@@ -889,2 +799,95 @@
 
+/**
+ * @public
+ */
+interface TransformOptions<T> {
+    /**
+     * Clamp values to within the given range. Defaults to `true`
+     *
+     * @public
+     */
+    clamp?: boolean;
+    /**
+     * Easing functions to use on the interpolations between each value in the input and output ranges.
+     *
+     * If provided as an array, the array must be one item shorter than the input and output ranges, as the easings apply to the transition **between** each.
+     *
+     * @public
+     */
+    ease?: EasingFunction | EasingFunction[];
+    /**
+     * Provide a function that can interpolate between any two values in the provided range.
+     *
+     * @public
+     */
+    mixer?: (from: T, to: T) => (v: number) => any;
+}
+/**
+ * Transforms numbers into other values by mapping them from an input range to an output range.
+ * Returns the type of the input provided.
+ *
+ * @remarks
+ *
+ * Given an input range of `[0, 200]` and an output range of
+ * `[0, 1]`, this function will return a value between `0` and `1`.
+ * The input range must be a linear series of numbers. The output range
+ * can be any supported value type, such as numbers, colors, shadows, arrays, objects and more.
+ * Every value in the output range must be of the same type and in the same format.
+ *
+ * ```jsx
+ * import * as React from "react"
+ * import { transform } from "framer-motion"
+ *
+ * export function MyComponent() {
+ *    const inputRange = [0, 200]
+ *    const outputRange = [0, 1]
+ *    const output = transform(100, inputRange, outputRange)
+ *
+ *    // Returns 0.5
+ *    return <div>{output}</div>
+ * }
+ * ```
+ *
+ * @param inputValue - A number to transform between the input and output ranges.
+ * @param inputRange - A linear series of numbers (either all increasing or decreasing).
+ * @param outputRange - A series of numbers, colors, strings, or arrays/objects of those. Must be the same length as `inputRange`.
+ * @param options - Clamp: Clamp values to within the given range. Defaults to `true`.
+ *
+ * @public
+ */
+declare function transform<T>(inputValue: number, inputRange: number[], outputRange: T[], options?: TransformOptions<T>): T;
+/**
+ *
+ * Transforms numbers into other values by mapping them from an input range to an output range.
+ *
+ * Given an input range of `[0, 200]` and an output range of
+ * `[0, 1]`, this function will return a value between `0` and `1`.
+ * The input range must be a linear series of numbers. The output range
+ * can be any supported value type, such as numbers, colors, shadows, arrays, objects and more.
+ * Every value in the output range must be of the same type and in the same format.
+ *
+ * ```jsx
+ * import * as React from "react"
+ * import { Frame, transform } from "framer"
+ *
+ * export function MyComponent() {
+ *     const inputRange = [-200, -100, 100, 200]
+ *     const outputRange = [0, 1, 1, 0]
+ *     const convertRange = transform(inputRange, outputRange)
+ *     const output = convertRange(-150)
+ *
+ *     // Returns 0.5
+ *     return <div>{output}</div>
+ * }
+ *
+ * ```
+ *
+ * @param inputRange - A linear series of numbers (either all increasing or decreasing).
+ * @param outputRange - A series of numbers, colors or strings. Must be the same length as `inputRange`.
+ * @param options - Clamp: clamp values to within the given range. Defaults to `true`.
+ *
+ * @public
+ */
+declare function transform<T>(inputRange: number[], outputRange: T[], options?: TransformOptions<T>): (inputValue: number) => T;
+
 declare const clamp: (min: number, max: number, v: number) => number;
@@ -891,0 +894,0 @@

dist/dom.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Motion={})}(this,(function(t){"use strict";const e=t=>t,n=!1,s=!1;class r{constructor(){this.order=[],this.scheduled=new Set}add(t){if(!this.scheduled.has(t))return this.scheduled.add(t),this.order.push(t),!0}remove(t){const e=this.order.indexOf(t);-1!==e&&(this.order.splice(e,1),this.scheduled.delete(t))}clear(){this.order.length=0,this.scheduled.clear()}}const i=["read","resolveKeyframes","update","preRender","render","postRender"];const{schedule:o,cancel:a,state:l,steps:u}=function(t,e){let n=!1,s=!0;const o={delta:0,timestamp:0,isProcessing:!1},a=i.reduce((t,e)=>(t[e]=function(t){let e=new r,n=new r,s=0,i=!1,o=!1;const a=new WeakSet,l={schedule:(t,r=!1,o=!1)=>{const l=o&&i,u=l?e:n;return r&&a.add(t),u.add(t)&&l&&i&&(s=e.order.length),t},cancel:t=>{n.remove(t),a.delete(t)},process:r=>{if(i)o=!0;else{if(i=!0,[e,n]=[n,e],n.clear(),s=e.order.length,s)for(let n=0;n<s;n++){const s=e.order[n];a.has(s)&&(l.schedule(s),t()),s(r)}i=!1,o&&(o=!1,l.process(r))}}};return l}(()=>n=!0),t),{}),l=t=>{a[t].process(o)},u=()=>{const r=performance.now();n=!1,o.delta=s?1e3/60:Math.max(Math.min(r-o.timestamp,40),1),o.timestamp=r,o.isProcessing=!0,i.forEach(l),o.isProcessing=!1,n&&e&&(s=!1,t(u))};return{schedule:i.reduce((e,r)=>{const i=a[r];return e[r]=(e,r=!1,a=!1)=>(n||(n=!0,s=!0,o.isProcessing||t(u)),i.schedule(e,r,a)),e},{}),cancel:t=>i.forEach(e=>a[e].cancel(t)),state:o,steps:a}}("undefined"!=typeof requestAnimationFrame?requestAnimationFrame:e,!0);function c(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class h{constructor(){this.subscriptions=[]}add(t){var e,n;return e=this.subscriptions,n=t,-1===e.indexOf(n)&&e.push(n),()=>c(this.subscriptions,t)}notify(t,e,n){const s=this.subscriptions.length;if(s)if(1===s)this.subscriptions[0](t,e,n);else for(let r=0;r<s;r++){const s=this.subscriptions[r];s&&s(t,e,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}function d(t,e){return e?t*(1e3/e):0}let p;function f(){p=void 0}const m={now:()=>(void 0===p&&m.set(l.isProcessing||s?l.timestamp:performance.now()),p),set:t=>{p=t,queueMicrotask(f)}};class g{constructor(t,e={}){var n;this.version="11.0.11-sync.3",this.canTrackVelocity=!1,this.events={},this.updateAndNotify=(t,e=!0)=>{const n=m.now();this.updatedAt!==n&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(t),this.current!==this.prev&&this.events.change&&this.events.change.notify(this.current),e&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.hasAnimated=!1,this.setCurrent(t),this.canTrackVelocity=(n=this.current,!isNaN(parseFloat(n))),this.owner=e.owner}setCurrent(t){this.current=t,this.updatedAt=m.now()}setPrevFrameValue(t=this.current){this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt}onChange(t){return this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new h);const n=this.events[t].add(e);return"change"===t?()=>{n(),o.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=void 0,this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt-n}jump(t,e=!0){this.updateAndNotify(t),this.prev=t,this.prevUpdatedAt=this.prevFrameValue=void 0,e&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const t=m.now();if(!this.canTrackVelocity||void 0===this.prevFrameValue||t-this.updatedAt>30)return 0;const e=Math.min(this.updatedAt-this.prevUpdatedAt,30);return d(parseFloat(this.current)-parseFloat(this.prevFrameValue),e)}start(t){return this.stop(),new Promise(e=>{this.hasAnimated=!0,this.animation=t(e),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function v(t,e){return new g(t,e)}let y=e,w=e;function b(t,e,n){var s;if("string"==typeof t){let r=document;e&&(w(Boolean(e.current)),r=e.current),n?(null!==(s=n[t])&&void 0!==s||(n[t]=r.querySelectorAll(t)),t=n[t]):t=r.querySelectorAll(t)}else t instanceof Element&&(t=[t]);return Array.from(t||[])}const x=new WeakMap;function T(t,e){let n;const s=()=>{const{currentTime:s}=e,r=(null===s?0:s.value)/100;n!==r&&t(r),n=r};return o.update(s,!0),()=>a(s)}function V(t){let e;return()=>(void 0===e&&(e=t()),e)}const S=V(()=>void 0!==window.ScrollTimeline);class A{constructor(t){this.animations=t.filter(Boolean)}then(t,e){return Promise.all(this.animations).then(t).catch(e)}getAll(t){return this.animations[0][t]}setAll(t,e){for(let n=0;n<this.animations.length;n++)this.animations[n][t]=e}attachTimeline(t){const e=this.animations.map(e=>{if(!S()||!e.attachTimeline)return e.pause(),T(t=>{e.time=e.duration*t},t);e.attachTimeline(t)});return()=>{e.forEach((t,e)=>{t&&t(),this.animations[e].stop()})}}get time(){return this.getAll("time")}set time(t){this.setAll("time",t)}get speed(){return this.getAll("speed")}set speed(t){this.setAll("speed",t)}get duration(){let t=0;for(let e=0;e<this.animations.length;e++)t=Math.max(t,this.animations[e].duration);return t}runAll(t){this.animations.forEach(e=>e[t]())}play(){this.runAll("play")}pause(){this.runAll("pause")}stop(){this.runAll("stop")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}const M=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],P=new Set(M),k=t=>t.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),C="data-"+k("framerAppearId"),E=t=>1e3*t,F=t=>t/1e3,O={type:"spring",stiffness:500,damping:25,restSpeed:10},R={type:"keyframes",duration:.8},B={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},I=(t,{keyframes:e})=>e.length>2?R:P.has(t)?t.startsWith("scale")?{type:"spring",stiffness:550,damping:0===e[1]?2*Math.sqrt(550):30,restSpeed:10}:O:B;function L(t,e){return t[e]||t.default||t}const D=!1,W=t=>null!==t;function N(t,{repeat:e,repeatType:n="loop"},s){const r=t.filter(W),i=e&&"loop"!==n&&e%2==1?0:r.length-1;return i&&void 0!==s?s:r[i]}const j=t=>/^0[^.\s]+$/u.test(t);const K=t=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t),z=t=>e=>"string"==typeof e&&e.startsWith(t),$=z("--"),H=z("var(--"),U=t=>!!H(t)&&Y.test(t.split("/*")[0].trim()),Y=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,q=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function X(t,e,n=1){const[s,r]=function(t){const e=q.exec(t);if(!e)return[,];const[,n,s,r]=e;return["--"+(null!=n?n:s),r]}(t);if(!s)return;const i=window.getComputedStyle(e).getPropertyValue(s);if(i){const t=i.trim();return K(t)?parseFloat(t):t}return U(r)?X(r,e,n+1):r}const G=(t,e,n)=>n>e?e:n<t?t:n,Z={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},_={...Z,transform:t=>G(0,1,t)},J={...Z,default:1},Q=t=>Math.round(1e5*t)/1e5,tt=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu,et=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu,nt=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;function st(t){return"string"==typeof t}const rt=t=>({test:e=>st(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),it=rt("deg"),ot=rt("%"),at=rt("px"),lt=rt("vh"),ut=rt("vw"),ct={...ot,parse:t=>ot.parse(t)/100,transform:t=>ot.transform(100*t)},ht=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),dt=t=>t===Z||t===at,pt=(t,e)=>parseFloat(t.split(", ")[e]),ft=(t,e)=>(n,{transform:s})=>{if("none"===s||!s)return 0;const r=s.match(/^matrix3d\((.+)\)$/u);if(r)return pt(r[1],e);{const e=s.match(/^matrix\((.+)\)$/u);return e?pt(e[1],t):0}},mt=new Set(["x","y","z"]),gt=M.filter(t=>!mt.has(t));function vt(t){const e=[];return gt.forEach(n=>{const s=t.getValue(n);void 0!==s&&(e.push([n,s.get()]),s.set(n.startsWith("scale")?1:0))}),e}const yt={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:ft(4,13),y:ft(5,14)};yt.translateX=yt.x,yt.translateY=yt.y;const wt=t=>e=>e.test(t),bt=[Z,at,ot,it,ut,lt,{test:t=>"auto"===t,parse:t=>t}],xt=t=>bt.find(wt(t)),Tt=new Set;let Vt=!1,St=!1;function At(){if(St){const t=Array.from(Tt).filter(t=>t.needsMeasurement),e=new Set(t.map(t=>t.element)),n=new Map;e.forEach(t=>{vt(t).length&&(n.set(t,vt(t)),t.render())}),t.forEach(t=>t.measureInitialState()),e.forEach(t=>{t.render()}),t.forEach(t=>t.measureEndState()),t.forEach(t=>{void 0!==t.suspendedScrollY&&window.scrollTo(0,t.suspendedScrollY)})}St=!1,Vt=!1,Tt.forEach(t=>t.complete()),Tt.clear()}function Mt(){Tt.forEach(t=>{t.readKeyframes(),t.needsMeasurement&&(St=!0)})}class Pt{constructor(t,e,n,s,r,i=!1){this.isComplete=!1,this.isAsync=!1,this.needsMeasurement=!1,this.isScheduled=!1,this.unresolvedKeyframes=[...t],this.onComplete=e,this.name=n,this.motionValue=s,this.element=r,this.isAsync=i}scheduleResolve(){this.isScheduled=!0,this.isAsync?(Tt.add(this),Vt||(Vt=!0,o.read(Mt),o.resolveKeyframes(At))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:t,name:e,element:n,motionValue:s}=this;for(let r=0;r<t.length;r++)if(null===t[r])if(0===r){const r=null==s?void 0:s.get(),i=t[t.length-1];if(void 0!==r)t[0]=r;else if(n&&e){const s=n.readValue(e,i);null!=s&&(t[0]=s)}void 0===t[0]&&(t[0]=i),s&&void 0===r&&s.set(t[0])}else t[r]=t[r-1]}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(){this.isComplete=!0,this.onComplete(this.unresolvedKeyframes,this.finalKeyframe),Tt.delete(this)}cancel(){this.isComplete||(this.isScheduled=!1,Tt.delete(this))}resume(){this.isComplete||this.scheduleResolve()}}const kt=(t,e)=>n=>Boolean(st(n)&&nt.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),Ct=(t,e,n)=>s=>{if(!st(s))return s;const[r,i,o,a]=s.match(tt);return{[t]:parseFloat(r),[e]:parseFloat(i),[n]:parseFloat(o),alpha:void 0!==a?parseFloat(a):1}},Et={...Z,transform:t=>Math.round((t=>G(0,255,t))(t))},Ft={test:kt("rgb","red"),parse:Ct("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:s=1})=>"rgba("+Et.transform(t)+", "+Et.transform(e)+", "+Et.transform(n)+", "+Q(_.transform(s))+")"};const Ot={test:kt("#"),parse:function(t){let e="",n="",s="",r="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),s=t.substring(5,7),r=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),s=t.substring(3,4),r=t.substring(4,5),e+=e,n+=n,s+=s,r+=r),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(s,16),alpha:r?parseInt(r,16)/255:1}},transform:Ft.transform},Rt={test:kt("hsl","hue"),parse:Ct("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:s=1})=>"hsla("+Math.round(t)+", "+ot.transform(Q(e))+", "+ot.transform(Q(n))+", "+Q(_.transform(s))+")"},Bt={test:t=>Ft.test(t)||Ot.test(t)||Rt.test(t),parse:t=>Ft.test(t)?Ft.parse(t):Rt.test(t)?Rt.parse(t):Ot.parse(t),transform:t=>st(t)?t:t.hasOwnProperty("red")?Ft.transform(t):Rt.transform(t)};const It=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Lt(t){const e=t.toString(),n=[],s={color:[],number:[],var:[]},r=[];let i=0;const o=e.replace(It,t=>(Bt.test(t)?(s.color.push(i),r.push("color"),n.push(Bt.parse(t))):t.startsWith("var(")?(s.var.push(i),r.push("var"),n.push(t)):(s.number.push(i),r.push("number"),n.push(parseFloat(t))),++i,"${}")).split("${}");return{values:n,split:o,indexes:s,types:r}}function Dt(t){return Lt(t).values}function Wt(t){const{split:e,types:n}=Lt(t),s=e.length;return t=>{let r="";for(let i=0;i<s;i++)if(r+=e[i],void 0!==t[i]){const e=n[i];r+="number"===e?Q(t[i]):"color"===e?Bt.transform(t[i]):t[i]}return r}}const Nt=t=>"number"==typeof t?0:t;const jt={test:function(t){var e,n;return isNaN(t)&&st(t)&&((null===(e=t.match(tt))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(et))||void 0===n?void 0:n.length)||0)>0},parse:Dt,createTransformer:Wt,getAnimatableNone:function(t){const e=Dt(t);return Wt(t)(e.map(Nt))}},Kt=new Set(["brightness","contrast","saturate","opacity"]);function zt(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[s]=n.match(tt)||[];if(!s)return t;const r=n.replace(s,"");let i=Kt.has(e)?1:0;return s!==n&&(i*=100),e+"("+i+r+")"}const $t=/\b([a-z-]*)\(.*?\)/gu,Ht={...jt,getAnimatableNone:t=>{const e=t.match($t);return e?e.map(zt).join(" "):t}},Ut={...Z,transform:Math.round},Yt={borderWidth:at,borderTopWidth:at,borderRightWidth:at,borderBottomWidth:at,borderLeftWidth:at,borderRadius:at,radius:at,borderTopLeftRadius:at,borderTopRightRadius:at,borderBottomRightRadius:at,borderBottomLeftRadius:at,width:at,maxWidth:at,height:at,maxHeight:at,size:at,top:at,right:at,bottom:at,left:at,padding:at,paddingTop:at,paddingRight:at,paddingBottom:at,paddingLeft:at,margin:at,marginTop:at,marginRight:at,marginBottom:at,marginLeft:at,rotate:it,rotateX:it,rotateY:it,rotateZ:it,scale:J,scaleX:J,scaleY:J,scaleZ:J,skew:it,skewX:it,skewY:it,distance:at,translateX:at,translateY:at,translateZ:at,x:at,y:at,z:at,perspective:at,transformPerspective:at,opacity:_,originX:ct,originY:ct,originZ:at,zIndex:Ut,backgroundPositionX:at,backgroundPositionY:at,fillOpacity:_,strokeOpacity:_,numOctaves:Ut},qt={...Yt,color:Bt,backgroundColor:Bt,outlineColor:Bt,fill:Bt,stroke:Bt,borderColor:Bt,borderTopColor:Bt,borderRightColor:Bt,borderBottomColor:Bt,borderLeftColor:Bt,filter:Ht,WebkitFilter:Ht},Xt=t=>qt[t];function Gt(t,e){let n=Xt(t);return n!==Ht&&(n=jt),n.getAnimatableNone?n.getAnimatableNone(e):void 0}class Zt extends Pt{constructor(t,e,n,s){super(t,e,n,s,null==s?void 0:s.owner,!0)}readKeyframes(){const{unresolvedKeyframes:t,element:e,name:n}=this;if(!e.current)return;super.readKeyframes();for(let n=0;n<t.length;n++){const s=t[n];if("string"==typeof s&&U(s)){const r=X(s,e.current);void 0!==r&&(t[n]=r)}}if(!ht.has(n)||2!==t.length)return this.resolveNoneKeyframes();const[s,r]=t,i=xt(s),o=xt(r);if(i!==o)if(dt(i)&&dt(o))for(let e=0;e<t.length;e++){const n=t[e];"string"==typeof n&&(t[e]=parseFloat(n))}else this.needsMeasurement=!0}resolveNoneKeyframes(){const{unresolvedKeyframes:t,name:e}=this,n=[];for(let e=0;e<t.length;e++)("number"==typeof(s=t[e])?0===s:null===s||"none"===s||"0"===s||j(s))&&n.push(e);var s;n.length&&function(t,e,n){let s=0,r=void 0;for(;s<t.length&&!r;)"string"==typeof t[s]&&"none"!==t[s]&&"0"!==t[s]&&(r=t[s]),s++;if(r&&n)for(const s of e)t[s]=Gt(n,r)}(t,n,e)}measureInitialState(){const{element:t,unresolvedKeyframes:e,name:n}=this;if(!t.current)return;"height"===n&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=yt[n](t.measureViewportBox(),window.getComputedStyle(t.current)),e[0]=this.measuredOrigin;const s=e[e.length-1];void 0!==s&&t.getValue(n,s).jump(s,!1)}measureEndState(){var t;const{element:e,name:n,unresolvedKeyframes:s}=this;if(!e.current)return;const r=e.getValue(n);r&&r.jump(this.measuredOrigin,!1);const i=s.length-1,o=s[i];s[i]=yt[n](e.measureViewportBox(),window.getComputedStyle(e.current)),null!==o&&(this.finalKeyframe=o),(null===(t=this.removedTransforms)||void 0===t?void 0:t.length)&&this.removedTransforms.forEach(([t,n])=>{e.getValue(t).set(n)}),this.resolveNoneKeyframes()}}const _t=(t,e)=>"zIndex"!==e&&(!("number"!=typeof t&&!Array.isArray(t))||!("string"!=typeof t||!jt.test(t)&&"0"!==t||t.startsWith("url(")));class Jt{constructor({autoplay:t=!0,delay:e=0,type:n="keyframes",repeat:s=0,repeatDelay:r=0,repeatType:i="loop",...o}){this.isStopped=!1,this.hasAttemptedResolve=!1,this.options={autoplay:t,delay:e,type:n,repeat:s,repeatDelay:r,repeatType:i,...o},this.updateFinishedPromise()}get resolved(){return this._resolved||this.hasAttemptedResolve||(Mt(),At()),this._resolved}onKeyframesResolved(t,e){this.hasAttemptedResolve=!0;const{name:n,type:s,velocity:r,delay:i,onComplete:o,onUpdate:a,isGenerator:l}=this.options;if(!l&&!function(t,e,n,s){const r=t[0];if(null===r)return!1;const i=t[t.length-1],o=_t(r,e),a=_t(i,e);return!(!o||!a)&&(function(t){const e=t[0];if(1===t.length)return!0;for(let n=0;n<t.length;n++)if(t[n]!==e)return!0}(t)||"spring"===n&&s)}(t,n,s,r)){if(!i)return null==a||a(N(t,this.options,e)),null==o||o(),void this.resolveFinishedPromise();this.options.duration=0}const u=this.initPlayback(t,e);!1!==u&&(this._resolved={keyframes:t,finalKeyframe:e,...u},this.onPostResolved())}onPostResolved(){}then(t,e){return this.currentFinishedPromise.then(t,e)}updateFinishedPromise(){this.currentFinishedPromise=new Promise(t=>{this.resolveFinishedPromise=t})}}function Qt(t,e,n){const s=Math.max(e-5,0);return d(n-t(s),e-s)}function te({duration:t=800,bounce:e=.25,velocity:n=0,mass:s=1}){let r,i;y(t<=E(10));let o=1-e;o=G(.05,1,o),t=G(.01,10,F(t)),o<1?(r=e=>{const s=e*o,r=s*t;return.001-(s-n)/ee(e,o)*Math.exp(-r)},i=e=>{const s=e*o*t,i=s*n+n,a=Math.pow(o,2)*Math.pow(e,2)*t,l=Math.exp(-s),u=ee(Math.pow(e,2),o);return(.001-r(e)>0?-1:1)*((i-a)*l)/u}):(r=e=>Math.exp(-e*t)*((e-n)*t+1)-.001,i=e=>Math.exp(-e*t)*(t*t*(n-e)));const a=function(t,e,n){let s=n;for(let n=1;n<12;n++)s-=t(s)/e(s);return s}(r,i,5/t);if(t=E(t),isNaN(a))return{stiffness:100,damping:10,duration:t};{const e=Math.pow(a,2)*s;return{stiffness:e,damping:2*o*Math.sqrt(s*e),duration:t}}}function ee(t,e){return t*Math.sqrt(1-e*e)}const ne=["duration","bounce"],se=["stiffness","damping","mass"];function re(t,e){return e.some(e=>void 0!==t[e])}function ie({keyframes:t,restDelta:e,restSpeed:n,...s}){const r=t[0],i=t[t.length-1],o={done:!1,value:r},{stiffness:a,damping:l,mass:u,duration:c,velocity:h,isResolvedFromDuration:d}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!re(t,se)&&re(t,ne)){const n=te(t);e={...e,...n,mass:1},e.isResolvedFromDuration=!0}return e}({...s,velocity:-F(s.velocity||0)}),p=h||0,f=l/(2*Math.sqrt(a*u)),m=i-r,g=F(Math.sqrt(a/u)),v=Math.abs(m)<5;let y;if(n||(n=v?.01:2),e||(e=v?.005:.5),f<1){const t=ee(g,f);y=e=>{const n=Math.exp(-f*g*e);return i-n*((p+f*g*m)/t*Math.sin(t*e)+m*Math.cos(t*e))}}else if(1===f)y=t=>i-Math.exp(-g*t)*(m+(p+g*m)*t);else{const t=g*Math.sqrt(f*f-1);y=e=>{const n=Math.exp(-f*g*e),s=Math.min(t*e,300);return i-n*((p+f*g*m)*Math.sinh(s)+t*m*Math.cosh(s))/t}}return{calculatedDuration:d&&c||null,next:t=>{const s=y(t);if(d)o.done=t>=c;else{let r=p;0!==t&&(r=f<1?Qt(y,t,s):0);const a=Math.abs(r)<=n,l=Math.abs(i-s)<=e;o.done=a&&l}return o.value=o.done?i:s,o}}}function oe({keyframes:t,velocity:e=0,power:n=.8,timeConstant:s=325,bounceDamping:r=10,bounceStiffness:i=500,modifyTarget:o,min:a,max:l,restDelta:u=.5,restSpeed:c}){const h=t[0],d={done:!1,value:h},p=t=>void 0===a?l:void 0===l||Math.abs(a-t)<Math.abs(l-t)?a:l;let f=n*e;const m=h+f,g=void 0===o?m:o(m);g!==m&&(f=g-h);const v=t=>-f*Math.exp(-t/s),y=t=>g+v(t),w=t=>{const e=v(t),n=y(t);d.done=Math.abs(e)<=u,d.value=d.done?g:n};let b,x;const T=t=>{var e;(e=d.value,void 0!==a&&e<a||void 0!==l&&e>l)&&(b=t,x=ie({keyframes:[d.value,p(d.value)],velocity:Qt(y,t,d.value),damping:r,stiffness:i,restDelta:u,restSpeed:c}))};return T(0),{calculatedDuration:null,next:t=>{let e=!1;return x||void 0!==b||(e=!0,w(t),T(t)),void 0!==b&&t>=b?x.next(t-b):(!e&&w(t),d)}}}const ae=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t;function le(t,n,s,r){if(t===n&&s===r)return e;const i=e=>function(t,e,n,s,r){let i,o,a=0;do{o=e+(n-e)/2,i=ae(o,s,r)-t,i>0?n=o:e=o}while(Math.abs(i)>1e-7&&++a<12);return o}(e,0,1,t,s);return t=>0===t||1===t?t:ae(i(t),n,r)}const ue=le(.42,0,1,1),ce=le(0,0,.58,1),he=le(.42,0,.58,1),de=t=>Array.isArray(t)&&"number"!=typeof t[0],pe=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,fe=t=>e=>1-t(1-e),me=t=>1-Math.sin(Math.acos(t)),ge=fe(me),ve=pe(me),ye=le(.33,1.53,.69,.99),we=fe(ye),be=pe(we),xe=t=>(t*=2)<1?.5*we(t):.5*(2-Math.pow(2,-10*(t-1))),Te={linear:e,easeIn:ue,easeInOut:he,easeOut:ce,circIn:me,circInOut:ve,circOut:ge,backIn:we,backInOut:be,backOut:ye,anticipate:xe},Ve=t=>{if(Array.isArray(t)){w(4===t.length);const[e,n,s,r]=t;return le(e,n,s,r)}return"string"==typeof t?Te[t]:t},Se=(t,e)=>n=>e(t(n)),Ae=(...t)=>t.reduce(Se),Me=(t,e,n)=>{const s=e-t;return 0===s?1:(n-t)/s},Pe=(t,e,n)=>t+(e-t)*n;function ke(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 Ce=(t,e,n)=>{const s=t*t,r=n*(e*e-s)+s;return r<0?0:Math.sqrt(r)},Ee=[Ot,Ft,Rt];function Fe(t){const e=(n=t,Ee.find(t=>t.test(n)));var n;let s=e.parse(t);return e===Rt&&(s=function({hue:t,saturation:e,lightness:n,alpha:s}){t/=360,n/=100;let r=0,i=0,o=0;if(e/=100){const s=n<.5?n*(1+e):n+e-n*e,a=2*n-s;r=ke(a,s,t+1/3),i=ke(a,s,t),o=ke(a,s,t-1/3)}else r=i=o=n;return{red:Math.round(255*r),green:Math.round(255*i),blue:Math.round(255*o),alpha:s}}(s)),s}const Oe=(t,e)=>{const n=Fe(t),s=Fe(e),r={...n};return t=>(r.red=Ce(n.red,s.red,t),r.green=Ce(n.green,s.green,t),r.blue=Ce(n.blue,s.blue,t),r.alpha=Pe(n.alpha,s.alpha,t),Ft.transform(r))};function Re(t,e){return n=>n>0?e:t}function Be(t,e){return n=>Pe(t,e,n)}function Ie(t){return"number"==typeof t?Be:"string"==typeof t?U(t)?Re:Bt.test(t)?Oe:We:Array.isArray(t)?Le:"object"==typeof t?Bt.test(t)?Oe:De:Re}function Le(t,e){const n=[...t],s=n.length,r=t.map((t,n)=>Ie(t)(t,e[n]));return t=>{for(let e=0;e<s;e++)n[e]=r[e](t);return n}}function De(t,e){const n={...t,...e},s={};for(const r in n)void 0!==t[r]&&void 0!==e[r]&&(s[r]=Ie(t[r])(t[r],e[r]));return t=>{for(const e in s)n[e]=s[e](t);return n}}const We=(t,e)=>{const n=jt.createTransformer(e),s=Lt(t),r=Lt(e);return s.indexes.var.length===r.indexes.var.length&&s.indexes.color.length===r.indexes.color.length&&s.indexes.number.length>=r.indexes.number.length?Ae(Le(function(t,e){var n;const s=[],r={color:0,var:0,number:0};for(let i=0;i<e.values.length;i++){const o=e.types[i],a=t.indexes[o][r[o]],l=null!==(n=t.values[a])&&void 0!==n?n:0;s[i]=l,r[o]++}return s}(s,r),r.values),n):Re(t,e)};function Ne(t,e,n){if("number"==typeof t&&"number"==typeof e&&"number"==typeof n)return Pe(t,e,n);return Ie(t)(t,e)}function je(t,n,{clamp:s=!0,ease:r,mixer:i}={}){const o=t.length;if(w(o===n.length),1===o)return()=>n[0];if(2===o&&t[0]===t[1])return()=>n[1];t[0]>t[o-1]&&(t=[...t].reverse(),n=[...n].reverse());const a=function(t,n,s){const r=[],i=s||Ne,o=t.length-1;for(let s=0;s<o;s++){let o=i(t[s],t[s+1]);if(n){const t=Array.isArray(n)?n[s]||e:n;o=Ae(t,o)}r.push(o)}return r}(n,r,i),l=a.length,u=e=>{let n=0;if(l>1)for(;n<t.length-2&&!(e<t[n+1]);n++);const s=Me(t[n],t[n+1],e);return a[n](s)};return s?e=>u(G(t[0],t[o-1],e)):u}function Ke(t,e){const n=t[t.length-1];for(let s=1;s<=e;s++){const r=Me(0,e,s);t.push(Pe(n,1,r))}}function ze(t){const e=[0];return Ke(e,t.length-1),e}function $e({duration:t=300,keyframes:e,times:n,ease:s="easeInOut"}){const r=de(s)?s.map(Ve):Ve(s),i={done:!1,value:e[0]},o=je(function(t,e){return t.map(t=>t*e)}(n&&n.length===e.length?n:ze(e),t),e,{ease:Array.isArray(r)?r:(a=e,l=r,a.map(()=>l||he).splice(0,a.length-1))});var a,l;return{calculatedDuration:t,next:e=>(i.value=o(e),i.done=e>=t,i)}}function He(t){let e=0;let n=t.next(e);for(;!n.done&&e<2e4;)e+=50,n=t.next(e);return e>=2e4?1/0:e}const Ue=t=>{const e=({timestamp:e})=>t(e);return{start:()=>o.update(e,!0),stop:()=>a(e),now:()=>l.isProcessing?l.timestamp:m.now()}},Ye={decay:oe,inertia:oe,tween:$e,keyframes:$e,spring:ie},qe=t=>t/100;class Xe extends Jt{constructor({KeyframeResolver:t=Pt,...e}){super(e),this.holdTime=null,this.startTime=null,this.cancelTime=null,this.currentTime=0,this.playbackSpeed=1,this.pendingPlayState="running",this.state="idle";const{name:n,motionValue:s,keyframes:r}=this.options,i=(t,e)=>this.onKeyframesResolved(t,e);n&&s&&s.owner?this.resolver=s.owner.resolveKeyframes(r,i,n,s):this.resolver=new t(r,i,n,s),this.resolver.scheduleResolve()}initPlayback(t){const{type:e="keyframes",repeat:n=0,repeatDelay:s=0,repeatType:r,velocity:i=0}=this.options,o=Ye[e]||$e;let a,l;o!==$e&&"number"!=typeof t[0]&&(a=Ae(qe,Ne(t[0],t[1])),t=[0,100]);const u=o({...this.options,keyframes:t});"mirror"===r&&(l=o({...this.options,keyframes:[...t].reverse(),velocity:-i})),null===u.calculatedDuration&&(u.calculatedDuration=He(u));const{calculatedDuration:c}=u,h=c+s;return{generator:u,mirroredGenerator:l,mapPercentToKeyframes:a,calculatedDuration:c,resolvedDuration:h,totalDuration:h*(n+1)-s}}onPostResolved(){const{autoplay:t=!0}=this.options;this.play(),"paused"!==this.pendingPlayState&&t?this.state=this.pendingPlayState:this.pause()}tick(t,e=!1){const{resolved:n}=this;if(!n){const{keyframes:t}=this.options;return{done:!0,value:t[t.length-1]}}const{finalKeyframe:s,generator:r,mirroredGenerator:i,mapPercentToKeyframes:o,keyframes:a,calculatedDuration:l,totalDuration:u,resolvedDuration:c}=n;if(null===this.startTime)return r.next(0);const{delay:h,repeat:d,repeatType:p,repeatDelay:f,onUpdate:m}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,t):this.speed<0&&(this.startTime=Math.min(t-u/this.speed,this.startTime)),e?this.currentTime=t:null!==this.holdTime?this.currentTime=this.holdTime:this.currentTime=Math.round(t-this.startTime)*this.speed;const g=this.currentTime-h*(this.speed>=0?1:-1),v=this.speed>=0?g<0:g>u;this.currentTime=Math.max(g,0),"finished"===this.state&&null===this.holdTime&&(this.currentTime=u);let y=this.currentTime,w=r;if(d){const t=Math.min(this.currentTime,u)/c;let e=Math.floor(t),n=t%1;!n&&t>=1&&(n=1),1===n&&e--,e=Math.min(e,d+1);Boolean(e%2)&&("reverse"===p?(n=1-n,f&&(n-=f/c)):"mirror"===p&&(w=i)),y=G(0,1,n)*c}const b=v?{done:!1,value:a[0]}:w.next(y);o&&(b.value=o(b.value));let{done:x}=b;v||null===l||(x=this.speed>=0?this.currentTime>=u:this.currentTime<=0);const T=null===this.holdTime&&("finished"===this.state||"running"===this.state&&x);return T&&void 0!==s&&(b.value=N(a,this.options,s)),m&&m(b.value),T&&this.finish(),b}get duration(){const{resolved:t}=this;return t?F(t.calculatedDuration):0}get time(){return F(this.currentTime)}set time(t){t=E(t),this.currentTime=t,null!==this.holdTime||0===this.speed?this.holdTime=t:this.driver&&(this.startTime=this.driver.now()-t/this.speed)}get speed(){return this.playbackSpeed}set speed(t){const e=this.playbackSpeed!==t;this.playbackSpeed=t,e&&(this.time=F(this.currentTime))}play(){if(this.resolver.isScheduled||this.resolver.resume(),!this._resolved)return void(this.pendingPlayState="running");if(this.isStopped)return;const{driver:t=Ue,onPlay:e}=this.options;this.driver||(this.driver=t(t=>this.tick(t))),e&&e();const n=this.driver.now();null!==this.holdTime?this.startTime=n-this.holdTime:this.startTime&&"finished"!==this.state||(this.startTime=n),"finished"===this.state&&this.updateFinishedPromise(),this.cancelTime=this.startTime,this.holdTime=null,this.state="running",this.driver.start()}pause(){var t;this._resolved?(this.state="paused",this.holdTime=null!==(t=this.currentTime)&&void 0!==t?t:0):this.pendingPlayState="paused"}stop(){if(this.resolver.cancel(),this.isStopped=!0,"idle"===this.state)return;this.teardown();const{onStop:t}=this.options;t&&t()}complete(){"running"!==this.state&&this.play(),this.pendingPlayState=this.state="finished",this.holdTime=null}finish(){this.teardown(),this.state="finished";const{onComplete:t}=this.options;t&&t()}cancel(){null!==this.cancelTime&&this.tick(this.cancelTime),this.teardown(),this.updateFinishedPromise()}teardown(){this.state="idle",this.stopDriver(),this.resolveFinishedPromise(),this.updateFinishedPromise(),this.startTime=this.cancelTime=null,this.resolver.cancel()}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(t){return this.startTime=0,this.tick(t,!0)}}const Ge=t=>Array.isArray(t)&&"number"==typeof t[0];function Ze(t){return Boolean(!t||"string"==typeof t&&Je[t]||Ge(t)||Array.isArray(t)&&t.every(Ze))}const _e=([t,e,n,s])=>`cubic-bezier(${t}, ${e}, ${n}, ${s})`,Je={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:_e([0,.65,.55,1]),circOut:_e([.55,0,1,.45]),backIn:_e([.31,.01,.66,-.59]),backOut:_e([.33,1.53,.69,.99])};function Qe(t){if(t)return Ge(t)?_e(t):Array.isArray(t)?t.map(Qe):Je[t]}const tn=V(()=>Object.hasOwnProperty.call(Element.prototype,"animate")),en=new Set(["opacity","clipPath","filter","transform"]);class nn extends Jt{constructor(t){super(t);const{name:e,motionValue:n,keyframes:s}=this.options;this.resolver=new Zt(s,(t,e)=>this.onKeyframesResolved(t,e),e,n),this.resolver.scheduleResolve()}initPlayback(t,e){var n;let{duration:s=300,times:r,ease:i,type:o,motionValue:a,name:l}=this.options;if(!(null===(n=a.owner)||void 0===n?void 0:n.current))return!1;if("spring"===(u=this.options).type||"backgroundColor"===u.name||!Ze(u.ease)){const{onComplete:e,onUpdate:n,motionValue:a,...l}=this.options,u=function(t,e){const n=new Xe({...e,keyframes:t,repeat:0,delay:0,isGenerator:!0});let s={done:!1,value:t[0]};const r=[];let i=0;for(;!s.done&&i<2e4;)s=n.sample(i),r.push(s.value),i+=10;return{times:void 0,keyframes:r,duration:i-10,ease:"linear"}}(t,l);1===(t=u.keyframes).length&&(t[1]=t[0]),s=u.duration,r=u.times,i=u.ease,o="keyframes"}var u;const c=function(t,e,n,{delay:s=0,duration:r=300,repeat:i=0,repeatType:o="loop",ease:a,times:l}={}){const u={[e]:n};l&&(u.offset=l);const c=Qe(a);return Array.isArray(c)&&(u.easing=c),t.animate(u,{delay:s,duration:r,easing:Array.isArray(c)?"linear":c,fill:"both",iterations:i+1,direction:"reverse"===o?"alternate":"normal"})}(a.owner.current,l,t,{...this.options,duration:s,times:r,ease:i});return c.startTime=m.now(),this.pendingTimeline?(c.timeline=this.pendingTimeline,this.pendingTimeline=void 0):c.onfinish=()=>{const{onComplete:n}=this.options;a.set(N(t,this.options,e)),n&&n(),this.cancel(),this.resolveFinishedPromise()},{animation:c,duration:s,times:r,type:o,ease:i,keyframes:t}}get duration(){const{resolved:t}=this;if(!t)return 0;const{duration:e}=t;return F(e)}get time(){const{resolved:t}=this;if(!t)return 0;const{animation:e}=t;return F(e.currentTime||0)}set time(t){const{resolved:e}=this;if(!e)return;const{animation:n}=e;n.currentTime=E(t)}get speed(){const{resolved:t}=this;if(!t)return 1;const{animation:e}=t;return e.playbackRate}set speed(t){const{resolved:e}=this;if(!e)return;const{animation:n}=e;n.playbackRate=t}get state(){const{resolved:t}=this;if(!t)return"idle";const{animation:e}=t;return e.playState}attachTimeline(t){if(this._resolved){const{resolved:n}=this;if(!n)return e;const{animation:s}=n;s.timeline=t,s.onfinish=null}else this.pendingTimeline=t;return e}play(){if(this.isStopped)return;const{resolved:t}=this;if(!t)return;const{animation:e}=t;"finished"===e.playState&&this.updateFinishedPromise(),e.play()}pause(){const{resolved:t}=this;if(!t)return;const{animation:e}=t;e.pause()}stop(){if(this.resolver.cancel(),this.isStopped=!0,"idle"===this.state)return;const{resolved:t}=this;if(!t)return;const{animation:e,keyframes:n,duration:s,type:r,ease:i,times:o}=t;if("idle"!==e.playState&&"finished"!==e.playState){if(this.time){const{motionValue:t,onUpdate:e,onComplete:a,...l}=this.options,u=new Xe({...l,keyframes:n,duration:s,type:r,ease:i,times:o,isGenerator:!0}),c=E(this.time);t.setWithVelocity(u.sample(c-10).value,u.sample(c).value,10)}this.cancel()}}complete(){const{resolved:t}=this;t&&t.animation.finish()}cancel(){const{resolved:t}=this;t&&t.animation.cancel()}static supports(t){const{motionValue:e,name:n,repeatDelay:s,repeatType:r,damping:i,type:o}=t;return tn()&&n&&en.has(n)&&e&&e.owner&&e.owner.current instanceof HTMLElement&&!e.owner.getProps().onUpdate&&!s&&"mirror"!==r&&0!==i&&"inertia"!==o}}const sn=(t,e,s,r={},i,a)=>l=>{const u=L(r,t)||{},c=u.delay||r.delay||0;let{elapsed:h=0}=r;h-=E(c);let d={keyframes:Array.isArray(s)?s:[null,s],ease:"easeOut",velocity:e.getVelocity(),...u,delay:-h,onUpdate:t=>{e.set(t),u.onUpdate&&u.onUpdate(t)},onComplete:()=>{l(),u.onComplete&&u.onComplete()},name:t,motionValue:e,element:a?void 0:i};(function({when:t,delay:e,delayChildren:n,staggerChildren:s,staggerDirection:r,repeat:i,repeatType:o,repeatDelay:a,from:l,elapsed:u,...c}){return!!Object.keys(c).length})(u)||(d={...d,...I(t,d)}),d.duration&&(d.duration=E(d.duration)),d.repeatDelay&&(d.repeatDelay=E(d.repeatDelay)),void 0!==d.from&&(d.keyframes[0]=d.from);let p=!1;if(!1===d.type&&(d.duration=0,0===d.delay&&(p=!0)),(D||n)&&(p=!0,d.duration=0,d.delay=0),p&&!a&&void 0!==e.get()){const t=N(d.keyframes,u);if(void 0!==t)return void o.update(()=>{d.onUpdate(t),d.onComplete()})}return!a&&nn.supports(d)?new nn(d):new Xe(d)},rn=t=>Boolean(t&&t.getVelocity);function on(t){return Boolean(rn(t)&&t.add)}const an=t=>(t=>Array.isArray(t))(t)?t[t.length-1]||0:t;function ln(t,e,n,s={},r={}){return"function"==typeof e&&(e=e(void 0!==n?n:t.custom,s,r)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,s,r)),e}function un(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,v(n))}function cn(t,e){const n=function(t,e,n){const s=t.getProps();return ln(s,e,void 0!==n?n:s.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))}(t,e);let{transitionEnd:s={},transition:r={},...i}=n||{};i={...i,...s};for(const e in i){un(t,e,an(i[e]))}}function hn({protectedKeys:t,needsAnimating:e},n){const s=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,s}function dn(t,e,{delay:n=0,transitionOverride:s,type:r}={}){var i;let{transition:a=t.getDefaultTransition(),transitionEnd:l,...u}=e;const c=t.getValue("willChange");s&&(a=s);const h=[],d=r&&t.animationState&&t.animationState.getState()[r];for(const e in u){const s=t.getValue(e,null!==(i=t.latestValues[e])&&void 0!==i?i:null),r=u[e];if(void 0===r||d&&hn(d,e))continue;const o={delay:n,elapsed:0,...L(a||{},e)};let l=!1;if(window.HandoffAppearAnimations){const n=t.getProps()[C];if(n){const t=window.HandoffAppearAnimations(n,e);null!==t&&(o.elapsed=t,l=!0)}}s.start(sn(e,s,r,t.shouldReduceMotion&&P.has(e)?{type:!1}:o,t,l));const p=s.animation;p&&(on(c)&&(c.add(e),p.then(()=>c.remove(e))),h.push(p))}return l&&Promise.all(h).then(()=>{o.update(()=>{l&&cn(t,l)})}),h}const pn={};function fn(t,{layout:e,layoutId:n}){return P.has(t)||t.startsWith("origin")||(e||void 0!==n)&&(!!pn[t]||"opacity"===t)}function mn(t,e,n){var s;const{style:r}=t,i={};for(const o in r)(rn(r[o])||e.style&&rn(e.style[o])||fn(o,t)||void 0!==(null===(s=null==n?void 0:n.getValue(o))||void 0===s?void 0:s.liveStyle))&&(i[o]=r[o]);return i}const gn="undefined"!=typeof document,vn={current:null},yn={current:!1};function wn(t){return"string"==typeof t||Array.isArray(t)}const bn=["initial","animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"];function xn(t){return null!==(e=t.animate)&&"object"==typeof e&&"function"==typeof e.start||bn.some(e=>wn(t[e]));var e}const Tn={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},Vn={};for(const t in Tn)Vn[t]={isEnabled:e=>Tn[t].some(t=>!!e[t])};const Sn=[...bt,Bt,jt],An=Object.keys(Vn),Mn=An.length,Pn=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],kn=bn.length;class Cn extends class{constructor({parent:t,props:e,presenceContext:n,reducedMotionConfig:s,blockInitialAnimation:r,visualState:i},a={}){this.resolveKeyframes=(t,e,n,s)=>new this.KeyframeResolver(t,e,n,s,this),this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=Pt,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>o.render(this.render,!1,!0);const{latestValues:l,renderState:u}=i;this.latestValues=l,this.baseTarget={...l},this.initialValues=e.initial?{...l}:{},this.renderState=u,this.parent=t,this.props=e,this.presenceContext=n,this.depth=t?t.depth+1:0,this.reducedMotionConfig=s,this.options=a,this.blockInitialAnimation=Boolean(r),this.isControllingVariants=xn(e),this.isVariantNode=function(t){return Boolean(xn(t)||t.variants)}(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=Boolean(t&&t.current);const{willChange:c,...h}=this.scrapeMotionValuesFromProps(e,{},this);for(const t in h){const e=h[t];void 0!==l[t]&&rn(e)&&(e.set(l[t],!1),on(c)&&c.add(t))}}scrapeMotionValuesFromProps(t,e,n){return{}}mount(t){this.current=t,x.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((t,e)=>this.bindToMotionValue(e,t)),yn.current||function(){if(yn.current=!0,gn)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>vn.current=t.matches;t.addListener(e),e()}else vn.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||vn.current),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){x.delete(this.current),this.projection&&this.projection.unmount(),a(this.notifyUpdate),a(this.render),this.valueSubscriptions.forEach(t=>t()),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features)this.features[t].unmount();this.current=null}bindToMotionValue(t,e){const n=P.has(t),s=e.on("change",e=>{this.latestValues[t]=e,this.props.onUpdate&&o.preRender(this.notifyUpdate),n&&this.projection&&(this.projection.isTransformDirty=!0)}),r=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,()=>{s(),r(),e.owner&&e.stop()})}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}loadFeatures({children:t,...e},n,s,r){let i,o;for(let t=0;t<Mn;t++){const n=An[t],{isEnabled:s,Feature:r,ProjectionNode:a,MeasureLayout:l}=Vn[n];a&&(i=a),s(e)&&(!this.features[n]&&r&&(this.features[n]=new r(this)),l&&(o=l))}if(("html"===this.type||"svg"===this.type)&&!this.projection&&i){this.projection=new i(this.latestValues,this.parent&&this.parent.projection);const{layoutId:t,layout:n,drag:s,dragConstraints:o,layoutScroll:l,layoutRoot:u}=e;this.projection.setOptions({layoutId:t,layout:n,alwaysMeasureLayout:Boolean(s)||o&&(a=o,a&&"object"==typeof a&&Object.prototype.hasOwnProperty.call(a,"current")),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:"string"==typeof n?n:"both",initialPromotionConfig:r,layoutScroll:l,layoutRoot:u})}var a;return o}updateFeatures(){for(const t in this.features){const e=this.features[t];e.isMounted?e.update():(e.mount(),e.isMounted=!0)}}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}update(t,e){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=e;for(let e=0;e<Pn.length;e++){const n=Pn[e];this.propEventSubscriptions[n]&&(this.propEventSubscriptions[n](),delete this.propEventSubscriptions[n]);const s=t["on"+n];s&&(this.propEventSubscriptions[n]=this.on(n,s))}this.prevMotionValues=function(t,e,n){const{willChange:s}=e;for(const r in e){const i=e[r],o=n[r];if(rn(i))t.addValue(r,i),on(s)&&s.add(r);else if(rn(o))t.addValue(r,v(i,{owner:t})),on(s)&&s.remove(r);else if(o!==i)if(t.hasValue(r)){const e=t.getValue(r);!0===e.liveStyle?e.jump(i):e.hasAnimated||e.set(i)}else{const e=t.getStaticValue(r);t.addValue(r,v(void 0!==e?e:i,{owner:t}))}}for(const s in n)void 0===e[s]&&t.removeValue(s);return e}(this,this.scrapeMotionValuesFromProps(t,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}getVariantContext(t=!1){if(t)return this.parent?this.parent.getVariantContext():void 0;if(!this.isControllingVariants){const t=this.parent&&this.parent.getVariantContext()||{};return void 0!==this.props.initial&&(t.initial=this.props.initial),t}const e={};for(let t=0;t<kn;t++){const n=bn[t],s=this.props[n];(wn(s)||!1===s)&&(e[n]=s)}return e}addVariantChild(t){const e=this.getClosestVariantNode();if(e)return e.variantChildren&&e.variantChildren.add(t),()=>e.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){this.values.delete(t);const e=this.valueSubscriptions.get(t);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=v(null===e?void 0:e,{owner:this}),this.addValue(t,n)),n}readValue(t,e){var n;let s=void 0===this.latestValues[t]&&this.current?null!==(n=this.getBaseTargetFromProps(this.props,t))&&void 0!==n?n:this.readValueFromInstance(this.current,t,this.options):this.latestValues[t];var r;return null!=s&&("string"==typeof s&&(K(s)||j(s))?s=parseFloat(s):(r=s,!Sn.find(wt(r))&&jt.test(e)&&(s=Gt(t,e))),this.setBaseTarget(t,rn(s)?s.get():s)),rn(s)?s.get():s}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e,n;const{initial:s}=this.props,r="string"==typeof s||"object"==typeof s?null===(n=ln(this.props,s,null===(e=this.presenceContext)||void 0===e?void 0:e.custom))||void 0===n?void 0:n[t]:void 0;if(s&&void 0!==r)return r;const i=this.getBaseTargetFromProps(this.props,t);return void 0===i||rn(i)?void 0!==this.initialValues[t]&&void 0===r?void 0:this.baseTarget[t]:i}on(t,e){return this.events[t]||(this.events[t]=new h),this.events[t].add(e)}notify(t,...e){this.events[t]&&this.events[t].notify(...e)}}{constructor(){super(...arguments),this.KeyframeResolver=Zt}sortInstanceNodePosition(t,e){return 2&t.compareDocumentPosition(e)?1:-1}getBaseTargetFromProps(t,e){return t.style?t.style[e]:void 0}removeValueFromRenderState(t,{vars:e,style:n}){delete e[t],delete n[t]}}const En={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Fn=M.length;const On=(t,e)=>e&&"number"==typeof t?e.transform(t):t;function Rn(t,e,n,s){const{style:r,vars:i,transform:o,transformOrigin:a}=t;let l=!1,u=!1,c=!0;for(const t in e){const n=e[t];if($(t)){i[t]=n;continue}const s=Yt[t],h=On(n,s);if(P.has(t)){if(l=!0,o[t]=h,!c)continue;n!==(s.default||0)&&(c=!1)}else t.startsWith("origin")?(u=!0,a[t]=h):r[t]=h}if(e.transform||(l||s?r.transform=function(t,{enableHardwareAcceleration:e=!0,allowTransformNone:n=!0},s,r){let i="";for(let e=0;e<Fn;e++){const n=M[e];if(void 0!==t[n]){i+=`${En[n]||n}(${t[n]}) `}}return e&&!t.z&&(i+="translateZ(0)"),i=i.trim(),r?i=r(t,s?"":i):n&&s&&(i="none"),i}(t.transform,n,c,s):r.transform&&(r.transform="none")),u){const{originX:t="50%",originY:e="50%",originZ:n=0}=a;r.transformOrigin=`${t} ${e} ${n}`}}function Bn(t,e,n){return"string"==typeof t?t:at.transform(e+n*t)}const In={offset:"stroke-dashoffset",array:"stroke-dasharray"},Ln={offset:"strokeDashoffset",array:"strokeDasharray"};function Dn(t,{attrX:e,attrY:n,attrScale:s,originX:r,originY:i,pathLength:o,pathSpacing:a=1,pathOffset:l=0,...u},c,h,d){if(Rn(t,u,c,d),h)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:p,style:f,dimensions:m}=t;p.transform&&(m&&(f.transform=p.transform),delete p.transform),m&&(void 0!==r||void 0!==i||f.transform)&&(f.transformOrigin=function(t,e,n){return`${Bn(e,t.x,t.width)} ${Bn(n,t.y,t.height)}`}(m,void 0!==r?r:.5,void 0!==i?i:.5)),void 0!==e&&(p.x=e),void 0!==n&&(p.y=n),void 0!==s&&(p.scale=s),void 0!==o&&function(t,e,n=1,s=0,r=!0){t.pathLength=1;const i=r?In:Ln;t[i.offset]=at.transform(-s);const o=at.transform(e),a=at.transform(n);t[i.array]=`${o} ${a}`}(p,o,a,l,!1)}const Wn=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function Nn(t,{style:e,vars:n},s,r){Object.assign(t.style,e,r&&r.getProjectionStyles(s));for(const e in n)t.style.setProperty(e,n[e])}class jn extends Cn{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){if(P.has(e)){const t=Xt(e);return t&&t.default||0}return e=Wn.has(e)?e:k(e),t.getAttribute(e)}measureInstanceViewportBox(){return{x:{min:0,max:0},y:{min:0,max:0}}}scrapeMotionValuesFromProps(t,e){return function(t,e,n){const s=mn(t,e,n);for(const n in t)if(rn(t[n])||rn(e[n])){s[-1!==M.indexOf(n)?"attr"+n.charAt(0).toUpperCase()+n.substring(1):n]=t[n]}return s}(t,e,this)}build(t,e,n,s){Dn(t,e,n,this.isSVGTag,s.transformTemplate)}renderInstance(t,e,n,s){!function(t,e,n,s){Nn(t,e,void 0,s);for(const n in e.attrs)t.setAttribute(Wn.has(n)?n:k(n),e.attrs[n])}(t,e,0,s)}mount(t){var e;this.isSVGTag="string"==typeof(e=t.tagName)&&"svg"===e.toLowerCase(),super.mount(t)}}class Kn extends Cn{constructor(){super(...arguments),this.type="html"}readValueFromInstance(t,e){if(P.has(e)){const t=Xt(e);return t&&t.default||0}{const s=(n=t,window.getComputedStyle(n)),r=($(e)?s.getPropertyValue(e):s[e])||0;return"string"==typeof r?r.trim():r}var n}measureInstanceViewportBox(t,{transformPagePoint:e}){return function(t,e){return function({top:t,left:e,right:n,bottom:s}){return{x:{min:e,max:n},y:{min:t,max:s}}}(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),s=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:s.y,right:s.x}}(t.getBoundingClientRect(),e))}(t,e)}build(t,e,n,s){Rn(t,e,n,s.transformTemplate)}scrapeMotionValuesFromProps(t,e,n){return mn(t,e,n)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;rn(t)&&(this.childSubscription=t.on("change",t=>{this.current&&(this.current.textContent=""+t)}))}renderInstance(t,e,n,s){Nn(t,e,n,s)}}function zn(t){const e={presenceContext:null,props:{},visualState:{renderState:{transform:{},transformOrigin:{},style:{},vars:{},attrs:{}},latestValues:{}}},n=function(t){return t instanceof SVGElement&&"svg"!==t.tagName}(t)?new jn(e,{enableHardwareAcceleration:!1}):new Kn(e,{enableHardwareAcceleration:!0});n.mount(t),x.set(t,n)}function $n(t,e,n){const s=rn(t)?t:v(t);return s.start(sn("",s,e,n)),s.animation}function Hn(t,e=100){const n=ie({keyframes:[0,e],...t}),s=Math.min(He(n),2e4);return{type:"keyframes",ease:t=>n.next(s*t).value/e,duration:F(s)}}function Un(t,e,n,s){var r;return"number"==typeof e?e:e.startsWith("-")||e.startsWith("+")?Math.max(0,t+parseFloat(e)):"<"===e?n:null!==(r=s.get(e))&&void 0!==r?r:t}const Yn=(t,e,n)=>{const s=e-t;return((n-t)%s+s)%s+t};function qn(t,e){return de(t)?t[Yn(0,t.length,e)]:t}function Xn(t,e,n,s,r,i){!function(t,e,n){for(let s=0;s<t.length;s++){const r=t[s];r.at>e&&r.at<n&&(c(t,r),s--)}}(t,r,i);for(let o=0;o<e.length;o++)t.push({value:e[o],at:Pe(r,i,s[o]),easing:qn(n,o)})}function Gn(t,e){return t.at===e.at?null===t.value?1:null===e.value?-1:0:t.at-e.at}function Zn(t,e){return!e.has(t)&&e.set(t,{}),e.get(t)}function _n(t,e){return e[t]||(e[t]=[]),e[t]}function Jn(t){return Array.isArray(t)?t:[t]}function Qn(t,e){return t[e]?{...t,...t[e]}:{...t}}const ts=t=>"number"==typeof t,es=t=>t.every(ts);function ns(t,e,n,s){const r=b(t,s),i=r.length,o=[];for(let t=0;t<i;t++){const s=r[t];x.has(s)||zn(s);const a=x.get(s),l={...n};"function"==typeof l.delay&&(l.delay=l.delay(t,i)),o.push(...dn(a,{...e,transition:l},{}))}return new A(o)}function ss(t,e,n){const s=[];return function(t,{defaultTransition:e={},...n}={},s){const r=e.duration||.3,i=new Map,o=new Map,a={},l=new Map;let u=0,c=0,h=0;for(let n=0;n<t.length;n++){const i=t[n];if("string"==typeof i){l.set(i,c);continue}if(!Array.isArray(i)){l.set(i.name,Un(c,i.at,u,l));continue}let[d,p,f={}]=i;void 0!==f.at&&(c=Un(c,f.at,u,l));let m=0;const g=(t,n,s,i=0,o=0)=>{const a=Jn(t),{delay:l=0,times:u=ze(a),type:d="keyframes",...p}=n;let{ease:f=e.ease||"easeOut",duration:g}=n;const v="function"==typeof l?l(i,o):l,y=a.length;if(y<=2&&"spring"===d){let t=100;if(2===y&&es(a)){const e=a[1]-a[0];t=Math.abs(e)}const e={...p};void 0!==g&&(e.duration=E(g));const n=Hn(e,t);f=n.ease,g=n.duration}null!=g||(g=r);const w=c+v,b=w+g;1===u.length&&0===u[0]&&(u[1]=1);const x=u.length-a.length;x>0&&Ke(u,x),1===a.length&&a.unshift(null),Xn(s,a,f,u,w,b),m=Math.max(v+g,m),h=Math.max(b,h)};if(rn(d)){g(p,f,_n("default",Zn(d,o)))}else{const t=b(d,s,a),e=t.length;for(let n=0;n<e;n++){p=p,f=f;const s=Zn(t[n],o);for(const t in p)g(p[t],Qn(f,t),_n(t,s),n,e)}}u=c,c+=m}return o.forEach((t,s)=>{for(const r in t){const o=t[r];o.sort(Gn);const a=[],l=[],u=[];for(let t=0;t<o.length;t++){const{at:e,value:n,easing:s}=o[t];a.push(n),l.push(Me(0,h,e)),u.push(s||"easeOut")}0!==l[0]&&(l.unshift(0),a.unshift(a[0]),u.unshift("easeInOut")),1!==l[l.length-1]&&(l.push(1),a.push(null)),i.has(s)||i.set(s,{keyframes:{},transition:{}});const c=i.get(s);c.keyframes[r]=a,c.transition[r]={...e,duration:h,ease:u,times:l,...n}}}),i}(t,e,n).forEach(({keyframes:t,transition:e},n)=>{let r;r=rn(n)?$n(n,t.default,e.default):ns(n,t,e),s.push(r)}),new A(s)}const rs=t=>function(e,n,s){let r;var i;return i=e,r=Array.isArray(i)&&Array.isArray(i[0])?ss(e,n,t):function(t){return"object"==typeof t&&!Array.isArray(t)}(n)?ns(e,n,s,t):$n(e,n,s),t&&t.animations.push(r),r},is=rs(),os=new WeakMap;let as;function ls({target:t,contentRect:e,borderBoxSize:n}){var s;null===(s=os.get(t))||void 0===s||s.forEach(s=>{s({target:t,contentSize:e,get size(){return function(t,e){if(e){const{inlineSize:t,blockSize:n}=e[0];return{width:t,height:n}}return t instanceof SVGElement&&"getBBox"in t?t.getBBox():{width:t.offsetWidth,height:t.offsetHeight}}(t,n)}})})}function us(t){t.forEach(ls)}function cs(t,e){as||"undefined"!=typeof ResizeObserver&&(as=new ResizeObserver(us));const n=b(t);return n.forEach(t=>{let n=os.get(t);n||(n=new Set,os.set(t,n)),n.add(e),null==as||as.observe(t)}),()=>{n.forEach(t=>{const n=os.get(t);null==n||n.delete(e),(null==n?void 0:n.size)||null==as||as.unobserve(t)})}}const hs=new Set;let ds;function ps(t){return hs.add(t),ds||(ds=()=>{const t={width:window.innerWidth,height:window.innerHeight},e={target:window,size:t,contentSize:t};hs.forEach(t=>t(e))},window.addEventListener("resize",ds)),()=>{hs.delete(t),!hs.size&&ds&&(ds=void 0)}}const fs={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function ms(t,e,n,s){const r=n[e],{length:i,position:o}=fs[e],a=r.current,l=n.time;r.current=t["scroll"+o],r.scrollLength=t["scroll"+i]-t["client"+i],r.offset.length=0,r.offset[0]=0,r.offset[1]=r.scrollLength,r.progress=Me(0,r.scrollLength,r.current);const u=s-l;r.velocity=u>50?0:d(r.current-a,u)}const gs={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},vs={start:0,center:.5,end:1};function ys(t,e,n=0){let s=0;if(void 0!==vs[t]&&(t=vs[t]),"string"==typeof t){const e=parseFloat(t);t.endsWith("px")?s=e:t.endsWith("%")?t=e/100:t.endsWith("vw")?s=e/100*document.documentElement.clientWidth:t.endsWith("vh")?s=e/100*document.documentElement.clientHeight:t=e}return"number"==typeof t&&(s=e*t),n+s}const ws=[0,0];function bs(t,e,n,s){let r=Array.isArray(t)?t:ws,i=0,o=0;return"number"==typeof t?r=[t,t]:"string"==typeof t&&(r=(t=t.trim()).includes(" ")?t.split(" "):[t,vs[t]?t:"0"]),i=ys(r[0],n,s),o=ys(r[1],e),i-o}const xs={x:0,y:0};function Ts(t,e,n){const{offset:s=gs.All}=n,{target:r=t,axis:i="y"}=n,o="y"===i?"height":"width",a=r!==t?function(t,e){const n={x:0,y:0};let s=t;for(;s&&s!==e;)if(s instanceof HTMLElement)n.x+=s.offsetLeft,n.y+=s.offsetTop,s=s.offsetParent;else if("svg"===s.tagName){const t=s.getBoundingClientRect();s=s.parentElement;const e=s.getBoundingClientRect();n.x+=t.left-e.left,n.y+=t.top-e.top}else{if(!(s instanceof SVGGraphicsElement))break;{const{x:t,y:e}=s.getBBox();n.x+=t,n.y+=e;let r=null,i=s.parentNode;for(;!r;)"svg"===i.tagName&&(r=i),i=s.parentNode;s=r}}return n}(r,t):xs,l=r===t?{width:t.scrollWidth,height:t.scrollHeight}:function(t){return"getBBox"in t&&"svg"!==t.tagName?t.getBBox():{width:t.clientWidth,height:t.clientHeight}}(r),u={width:t.clientWidth,height:t.clientHeight};e[i].offset.length=0;let c=!e[i].interpolate;const h=s.length;for(let t=0;t<h;t++){const n=bs(s[t],u[o],l[o],a[i]);c||n===e[i].interpolatorOffsets[t]||(c=!0),e[i].offset[t]=n}c&&(e[i].interpolate=je(e[i].offset,ze(s)),e[i].interpolatorOffsets=[...e[i].offset]),e[i].progress=e[i].interpolate(e[i].current)}function Vs(t,e,n,s={}){return{measure:()=>function(t,e=t,n){if(n.x.targetOffset=0,n.y.targetOffset=0,e!==t){let s=e;for(;s&&s!==t;)n.x.targetOffset+=s.offsetLeft,n.y.targetOffset+=s.offsetTop,s=s.offsetParent}n.x.targetLength=e===t?e.scrollWidth:e.clientWidth,n.y.targetLength=e===t?e.scrollHeight:e.clientHeight,n.x.containerLength=t.clientWidth,n.y.containerLength=t.clientHeight}(t,s.target,n),update:e=>{!function(t,e,n){ms(t,"x",e,n),ms(t,"y",e,n),e.time=n}(t,n,e),(s.offset||s.target)&&Ts(t,n,s)},notify:()=>e(n)}}const Ss=new WeakMap,As=new WeakMap,Ms=new WeakMap,Ps=t=>t===document.documentElement?window:t;function ks(t,{container:e=document.documentElement,...n}={}){let s=Ms.get(e);s||(s=new Set,Ms.set(e,s));const r=Vs(e,t,{time:0,x:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0},y:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}},n);if(s.add(r),!Ss.has(e)){const t=()=>{for(const t of s)t.measure()},n=()=>{for(const t of s)t.update(l.timestamp)},r=()=>{for(const t of s)t.notify()},a=()=>{o.read(t,!1,!0),o.read(n,!1,!0),o.update(r,!1,!0)};Ss.set(e,a);const c=Ps(e);window.addEventListener("resize",a,{passive:!0}),e!==document.documentElement&&As.set(e,(u=a,"function"==typeof(i=e)?ps(i):cs(i,u))),c.addEventListener("scroll",a,{passive:!0})}var i,u;const c=Ss.get(e);return o.read(c,!1,!0),()=>{var t;a(c);const n=Ms.get(e);if(!n)return;if(n.delete(r),n.size)return;const s=Ss.get(e);Ss.delete(e),s&&(Ps(e).removeEventListener("scroll",s),null===(t=As.get(e))||void 0===t||t(),window.removeEventListener("resize",s))}}const Cs=new Map;function Es({source:t=document.documentElement,axis:e="y"}={}){Cs.has(t)||Cs.set(t,{});const n=Cs.get(t);return n[e]||(n[e]=S()?new ScrollTimeline({source:t,axis:e}):function({source:t,axis:e="y"}){const n={value:0},s=ks(t=>{n.value=100*t[e].progress},{container:t,axis:e});return{currentTime:n,cancel:s}}({source:t,axis:e})),n[e]}const Fs={some:0,all:1};const Os=(t,e)=>Math.abs(t-e);const Rs=o,Bs=i.reduce((t,e)=>(t[e]=t=>a(t),t),{});t.MotionValue=g,t.animate=is,t.anticipate=xe,t.backIn=we,t.backInOut=be,t.backOut=ye,t.cancelFrame=a,t.cancelSync=Bs,t.circIn=me,t.circInOut=ve,t.circOut=ge,t.clamp=G,t.createScopedAnimate=rs,t.cubicBezier=le,t.delay=function(t,e){const n=m.now(),s=({timestamp:r})=>{const i=r-n;i>=e&&(a(s),t(i-e))};return o.read(s,!0),()=>a(s)},t.distance=Os,t.distance2D=function(t,e){const n=Os(t.x,e.x),s=Os(t.y,e.y);return Math.sqrt(n**2+s**2)},t.easeIn=ue,t.easeInOut=he,t.easeOut=ce,t.frame=o,t.frameData=l,t.inView=function(t,e,{root:n,margin:s,amount:r="some"}={}){const i=b(t),o=new WeakMap,a=new IntersectionObserver(t=>{t.forEach(t=>{const n=o.get(t.target);if(t.isIntersecting!==Boolean(n))if(t.isIntersecting){const n=e(t);"function"==typeof n?o.set(t.target,n):a.unobserve(t.target)}else n&&(n(t),o.delete(t.target))})},{root:n,rootMargin:s,threshold:"number"==typeof r?r:Fs[r]});return i.forEach(t=>a.observe(t)),()=>a.disconnect()},t.interpolate=je,t.invariant=w,t.mirrorEasing=pe,t.mix=Ne,t.motionValue=v,t.pipe=Ae,t.progress=Me,t.reverseEasing=fe,t.scroll=function(t,e){const n=Es(e);return"function"==typeof t?T(t,n):t.attachTimeline(n)},t.scrollInfo=ks,t.stagger=function(t=.1,{startDelay:e=0,from:n=0,ease:s}={}){return(r,i)=>{const o="number"==typeof n?n:function(t,e){if("first"===t)return 0;{const n=e-1;return"last"===t?n:n/2}}(n,i),a=Math.abs(o-r);let l=t*a;if(s){const e=i*t;l=Ve(s)(l/e)*e}return e+l}},t.steps=u,t.sync=Rs,t.transform=function(...t){const e=!Array.isArray(t[0]),n=e?0:-1,s=t[0+n],r=t[1+n],i=t[2+n],o=t[3+n],a=je(r,i,{mixer:(l=i[0],(t=>t&&"object"==typeof t&&t.mix)(l)?l.mix:void 0),...o});var l;return e?a(s):a},t.warning=y,t.wrap=Yn,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Motion={})}(this,(function(t){"use strict";const e=t=>t,n=!1,r=!1;class s{constructor(){this.order=[],this.scheduled=new Set}add(t){if(!this.scheduled.has(t))return this.scheduled.add(t),this.order.push(t),!0}remove(t){const e=this.order.indexOf(t);-1!==e&&(this.order.splice(e,1),this.scheduled.delete(t))}clear(){this.order.length=0,this.scheduled.clear()}}const o=["prepare","read","update","preRender","render","postRender"];const{schedule:i,cancel:a,state:l,steps:u}=function(t,e){let n=!1,r=!0;const i={delta:0,timestamp:0,isProcessing:!1},a=o.reduce((t,e)=>(t[e]=function(t){let e=new s,n=new s,r=0,o=!1,i=!1;const a=new WeakSet,l={schedule:(t,s=!1,i=!1)=>{const l=i&&o,u=l?e:n;return s&&a.add(t),u.add(t)&&l&&o&&(r=e.order.length),t},cancel:t=>{n.remove(t),a.delete(t)},process:s=>{if(o)i=!0;else{if(o=!0,[e,n]=[n,e],n.clear(),r=e.order.length,r)for(let n=0;n<r;n++){const r=e.order[n];a.has(r)&&(l.schedule(r),t()),r(s)}o=!1,i&&(i=!1,l.process(s))}}};return l}(()=>n=!0),t),{}),l=t=>{a[t].process(i)},u=()=>{const s=performance.now();n=!1,i.delta=r?1e3/60:Math.max(Math.min(s-i.timestamp,40),1),i.timestamp=s,i.isProcessing=!0,o.forEach(l),i.isProcessing=!1,n&&e&&(r=!1,t(u))};return{schedule:o.reduce((e,s)=>{const o=a[s];return e[s]=(e,s=!1,a=!1)=>(n||(n=!0,r=!0,i.isProcessing||t(u)),o.schedule(e,s,a)),e},{}),cancel:t=>o.forEach(e=>a[e].cancel(t)),state:i,steps:a}}("undefined"!=typeof requestAnimationFrame?requestAnimationFrame:e,!0);function c(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class h{constructor(){this.subscriptions=[]}add(t){var e,n;return e=this.subscriptions,n=t,-1===e.indexOf(n)&&e.push(n),()=>c(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 d(t,e){return e?t*(1e3/e):0}let f;function p(){f=void 0}const m={now:()=>(void 0===f&&m.set(l.isProcessing||r?l.timestamp:performance.now()),f),set:t=>{f=t,queueMicrotask(p)}};class g{constructor(t,e={}){var n;this.version="11.0.11-sync.4",this.canTrackVelocity=!1,this.events={},this.updateAndNotify=(t,e=!0)=>{const n=m.now();this.updatedAt!==n&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(t),this.current!==this.prev&&this.events.change&&this.events.change.notify(this.current),e&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.hasAnimated=!1,this.setCurrent(t),this.canTrackVelocity=(n=this.current,!isNaN(parseFloat(n))),this.owner=e.owner}setCurrent(t){this.current=t,this.updatedAt=m.now()}setPrevFrameValue(t=this.current){this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt}onChange(t){return this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new h);const n=this.events[t].add(e);return"change"===t?()=>{n(),i.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=void 0,this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt-n}jump(t){this.updateAndNotify(t),this.prev=t,this.prevUpdatedAt=this.prevFrameValue=void 0,this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const t=m.now();if(!this.canTrackVelocity||void 0===this.prevFrameValue||t-this.updatedAt>30)return 0;const e=Math.min(this.updatedAt-this.prevUpdatedAt,30);return d(parseFloat(this.current)-parseFloat(this.prevFrameValue),e)}start(t){return this.stop(),new Promise(e=>{this.hasAnimated=!0,this.animation=t(e),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function y(t,e){return new g(t,e)}let v=e,b=e;function w(t,e,n){var r;if("string"==typeof t){let s=document;e&&(b(Boolean(e.current)),s=e.current),n?(null!==(r=n[t])&&void 0!==r||(n[t]=s.querySelectorAll(t)),t=n[t]):t=s.querySelectorAll(t)}else t instanceof Element&&(t=[t]);return Array.from(t||[])}const x=new WeakMap;function V(t,e){let n;const r=()=>{const{currentTime:r}=e,s=(null===r?0:r.value)/100;n!==s&&t(s),n=s};return i.update(r,!0),()=>a(r)}function A(t){let e;return()=>(void 0===e&&(e=t()),e)}const M=A(()=>void 0!==window.ScrollTimeline);class S{constructor(t){this.animations=t.filter(Boolean)}then(t,e){return Promise.all(this.animations).then(t).catch(e)}getAll(t){return this.animations[0][t]}setAll(t,e){for(let n=0;n<this.animations.length;n++)this.animations[n][t]=e}attachTimeline(t){const e=this.animations.map(e=>{if(!M()||!e.attachTimeline)return e.pause(),V(t=>{e.time=e.duration*t},t);e.attachTimeline(t)});return()=>{e.forEach((t,e)=>{t&&t(),this.animations[e].stop()})}}get time(){return this.getAll("time")}set time(t){this.setAll("time",t)}get speed(){return this.getAll("speed")}set speed(t){this.setAll("speed",t)}get duration(){let t=0;for(let e=0;e<this.animations.length;e++)t=Math.max(t,this.animations[e].duration);return t}runAll(t){this.animations.forEach(e=>e[t]())}play(){this.runAll("play")}pause(){this.runAll("pause")}stop(){this.runAll("stop")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}const T=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],C=new Set(T),E=t=>t.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),k="data-"+E("framerAppearId"),P=t=>1e3*t,F=t=>t/1e3,O=!1,B=t=>Array.isArray(t)&&"number"==typeof t[0];function I(t){return Boolean(!t||"string"==typeof t&&W[t]||B(t)||Array.isArray(t)&&t.every(I))}const L=([t,e,n,r])=>`cubic-bezier(${t}, ${e}, ${n}, ${r})`,W={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:L([0,.65,.55,1]),circOut:L([.55,0,1,.45]),backIn:L([.31,.01,.66,-.59]),backOut:L([.33,1.53,.69,.99])};function R(t){if(t)return B(t)?L(t):Array.isArray(t)?t.map(R):W[t]}const j=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t;function N(t,n,r,s){if(t===n&&r===s)return e;const o=e=>function(t,e,n,r,s){let o,i,a=0;do{i=e+(n-e)/2,o=j(i,r,s)-t,o>0?n=i:e=i}while(Math.abs(o)>1e-7&&++a<12);return i}(e,0,1,t,r);return t=>0===t||1===t?t:j(o(t),n,s)}const D=N(.42,0,1,1),z=N(0,0,.58,1),H=N(.42,0,.58,1),$=t=>Array.isArray(t)&&"number"!=typeof t[0],U=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,q=t=>e=>1-t(1-e),Y=t=>1-Math.sin(Math.acos(t)),X=q(Y),Z=U(Y),G=N(.33,1.53,.69,.99),_=q(G),K=U(_),J=t=>(t*=2)<1?.5*_(t):.5*(2-Math.pow(2,-10*(t-1))),Q={linear:e,easeIn:D,easeInOut:H,easeOut:z,circIn:Y,circInOut:Z,circOut:X,backIn:_,backInOut:K,backOut:G,anticipate:J},tt=t=>{if(Array.isArray(t)){b(4===t.length);const[e,n,r,s]=t;return N(e,n,r,s)}return"string"==typeof t?Q[t]:t},et=(t,e,n)=>n>e?e:n<t?t:n,nt=(t,e)=>n=>e(t(n)),rt=(...t)=>t.reduce(nt),st=(t,e,n)=>{const r=e-t;return 0===r?1:(n-t)/r},ot=(t,e,n)=>t+(e-t)*n;function it(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 at={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},lt={...at,transform:t=>et(0,1,t)},ut={...at,default:1},ct=t=>Math.round(1e5*t)/1e5,ht=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu,dt=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu,ft=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;function pt(t){return"string"==typeof t}const mt=(t,e)=>n=>Boolean(pt(n)&&ft.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),gt=(t,e,n)=>r=>{if(!pt(r))return r;const[s,o,i,a]=r.match(ht);return{[t]:parseFloat(s),[e]:parseFloat(o),[n]:parseFloat(i),alpha:void 0!==a?parseFloat(a):1}},yt={...at,transform:t=>Math.round((t=>et(0,255,t))(t))},vt={test:mt("rgb","red"),parse:gt("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:r=1})=>"rgba("+yt.transform(t)+", "+yt.transform(e)+", "+yt.transform(n)+", "+ct(lt.transform(r))+")"};const bt={test:mt("#"),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:vt.transform},wt=t=>({test:e=>pt(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),xt=wt("deg"),Vt=wt("%"),At=wt("px"),Mt=wt("vh"),St=wt("vw"),Tt={...Vt,parse:t=>Vt.parse(t)/100,transform:t=>Vt.transform(100*t)},Ct={test:mt("hsl","hue"),parse:gt("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:r=1})=>"hsla("+Math.round(t)+", "+Vt.transform(ct(e))+", "+Vt.transform(ct(n))+", "+ct(lt.transform(r))+")"},Et=(t,e,n)=>{const r=t*t,s=n*(e*e-r)+r;return s<0?0:Math.sqrt(s)},kt=[bt,vt,Ct];function Pt(t){const e=(n=t,kt.find(t=>t.test(n)));var n;let r=e.parse(t);return e===Ct&&(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=it(a,r,t+1/3),o=it(a,r,t),i=it(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 Ft=(t,e)=>{const n=Pt(t),r=Pt(e),s={...n};return t=>(s.red=Et(n.red,r.red,t),s.green=Et(n.green,r.green,t),s.blue=Et(n.blue,r.blue,t),s.alpha=ot(n.alpha,r.alpha,t),vt.transform(s))},Ot={test:t=>vt.test(t)||bt.test(t)||Ct.test(t),parse:t=>vt.test(t)?vt.parse(t):Ct.test(t)?Ct.parse(t):bt.parse(t),transform:t=>pt(t)?t:t.hasOwnProperty("red")?vt.transform(t):Ct.transform(t)};const Bt=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function It(t){const e=t.toString(),n=[],r={color:[],number:[],var:[]},s=[];let o=0;const i=e.replace(Bt,t=>(Ot.test(t)?(r.color.push(o),s.push("color"),n.push(Ot.parse(t))):t.startsWith("var(")?(r.var.push(o),s.push("var"),n.push(t)):(r.number.push(o),s.push("number"),n.push(parseFloat(t))),++o,"${}")).split("${}");return{values:n,split:i,indexes:r,types:s}}function Lt(t){return It(t).values}function Wt(t){const{split:e,types:n}=It(t),r=e.length;return t=>{let s="";for(let o=0;o<r;o++)if(s+=e[o],void 0!==t[o]){const e=n[o];s+="number"===e?ct(t[o]):"color"===e?Ot.transform(t[o]):t[o]}return s}}const Rt=t=>"number"==typeof t?0:t;const jt={test:function(t){var e,n;return isNaN(t)&&pt(t)&&((null===(e=t.match(ht))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(dt))||void 0===n?void 0:n.length)||0)>0},parse:Lt,createTransformer:Wt,getAnimatableNone:function(t){const e=Lt(t);return Wt(t)(e.map(Rt))}},Nt=t=>e=>"string"==typeof e&&e.startsWith(t),Dt=Nt("--"),zt=Nt("var(--"),Ht=t=>!!zt(t)&&$t.test(t.split("/*")[0].trim()),$t=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function Ut(t,e){return n=>n>0?e:t}function qt(t,e){return n=>ot(t,e,n)}function Yt(t){return"number"==typeof t?qt:"string"==typeof t?Ht(t)?Ut:Ot.test(t)?Ft:Gt:Array.isArray(t)?Xt:"object"==typeof t?Ot.test(t)?Ft:Zt:Ut}function Xt(t,e){const n=[...t],r=n.length,s=t.map((t,n)=>Yt(t)(t,e[n]));return t=>{for(let e=0;e<r;e++)n[e]=s[e](t);return n}}function Zt(t,e){const n={...t,...e},r={};for(const s in n)void 0!==t[s]&&void 0!==e[s]&&(r[s]=Yt(t[s])(t[s],e[s]));return t=>{for(const e in r)n[e]=r[e](t);return n}}const Gt=(t,e)=>{const n=jt.createTransformer(e),r=It(t),s=It(e);return r.indexes.var.length===s.indexes.var.length&&r.indexes.color.length===s.indexes.color.length&&r.indexes.number.length>=s.indexes.number.length?rt(Xt(function(t,e){var n;const r=[],s={color:0,var:0,number:0};for(let o=0;o<e.values.length;o++){const i=e.types[o],a=t.indexes[i][s[i]],l=null!==(n=t.values[a])&&void 0!==n?n:0;r[o]=l,s[i]++}return r}(r,s),s.values),n):Ut(t,e)};function _t(t,e,n){if("number"==typeof t&&"number"==typeof e&&"number"==typeof n)return ot(t,e,n);return Yt(t)(t,e)}function Kt(t,n,{clamp:r=!0,ease:s,mixer:o}={}){const i=t.length;if(b(i===n.length),1===i)return()=>n[0];t[0]>t[i-1]&&(t=[...t].reverse(),n=[...n].reverse());const a=function(t,n,r){const s=[],o=r||_t,i=t.length-1;for(let r=0;r<i;r++){let i=o(t[r],t[r+1]);if(n){const t=Array.isArray(n)?n[r]||e:n;i=rt(t,i)}s.push(i)}return s}(n,s,o),l=a.length,u=e=>{let n=0;if(l>1)for(;n<t.length-2&&!(e<t[n+1]);n++);const r=st(t[n],t[n+1],e);return a[n](r)};return r?e=>u(et(t[0],t[i-1],e)):u}function Jt(t,e){const n=t[t.length-1];for(let r=1;r<=e;r++){const s=st(0,e,r);t.push(ot(n,1,s))}}function Qt(t){const e=[0];return Jt(e,t.length-1),e}function te({duration:t=300,keyframes:e,times:n,ease:r="easeInOut"}){const s=$(r)?r.map(tt):tt(r),o={done:!1,value:e[0]},i=Kt(function(t,e){return t.map(t=>t*e)}(n&&n.length===e.length?n:Qt(e),t),e,{ease:Array.isArray(s)?s:(a=e,l=s,a.map(()=>l||H).splice(0,a.length-1))});var a,l;return{calculatedDuration:t,next:e=>(o.value=i(e),o.done=e>=t,o)}}function ee(t,e,n){const r=Math.max(e-5,0);return d(n-t(r),e-r)}function ne({duration:t=800,bounce:e=.25,velocity:n=0,mass:r=1}){let s,o;v(t<=P(10));let i=1-e;i=et(.05,1,i),t=et(.01,10,F(t)),i<1?(s=e=>{const r=e*i,s=r*t;return.001-(r-n)/re(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=re(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=P(t),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 re(t,e){return t*Math.sqrt(1-e*e)}const se=["duration","bounce"],oe=["stiffness","damping","mass"];function ie(t,e){return e.some(e=>void 0!==t[e])}function ae({keyframes:t,restDelta:e,restSpeed:n,...r}){const s=t[0],o=t[t.length-1],i={done:!1,value:s},{stiffness:a,damping:l,mass:u,duration:c,velocity:h,isResolvedFromDuration:d}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!ie(t,oe)&&ie(t,se)){const n=ne(t);e={...e,...n,mass:1},e.isResolvedFromDuration=!0}return e}({...r,velocity:-F(r.velocity||0)}),f=h||0,p=l/(2*Math.sqrt(a*u)),m=o-s,g=F(Math.sqrt(a/u)),y=Math.abs(m)<5;let v;if(n||(n=y?.01:2),e||(e=y?.005:.5),p<1){const t=re(g,p);v=e=>{const n=Math.exp(-p*g*e);return o-n*((f+p*g*m)/t*Math.sin(t*e)+m*Math.cos(t*e))}}else if(1===p)v=t=>o-Math.exp(-g*t)*(m+(f+g*m)*t);else{const t=g*Math.sqrt(p*p-1);v=e=>{const n=Math.exp(-p*g*e),r=Math.min(t*e,300);return o-n*((f+p*g*m)*Math.sinh(r)+t*m*Math.cosh(r))/t}}return{calculatedDuration:d&&c||null,next:t=>{const r=v(t);if(d)i.done=t>=c;else{let s=f;0!==t&&(s=p<1?ee(v,t,r):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}}}function le({keyframes:t,velocity:e=0,power:n=.8,timeConstant:r=325,bounceDamping:s=10,bounceStiffness:o=500,modifyTarget:i,min:a,max:l,restDelta:u=.5,restSpeed:c}){const h=t[0],d={done:!1,value:h},f=t=>void 0===a?l:void 0===l||Math.abs(a-t)<Math.abs(l-t)?a:l;let p=n*e;const m=h+p,g=void 0===i?m:i(m);g!==m&&(p=g-h);const y=t=>-p*Math.exp(-t/r),v=t=>g+y(t),b=t=>{const e=y(t),n=v(t);d.done=Math.abs(e)<=u,d.value=d.done?g:n};let w,x;const V=t=>{var e;(e=d.value,void 0!==a&&e<a||void 0!==l&&e>l)&&(w=t,x=ae({keyframes:[d.value,f(d.value)],velocity:ee(v,t,d.value),damping:s,stiffness:o,restDelta:u,restSpeed:c}))};return V(0),{calculatedDuration:null,next:t=>{let e=!1;return x||void 0!==w||(e=!0,b(t),V(t)),void 0!==w&&t>w?x.next(t-w):(!e&&b(t),d)}}}const ue=t=>{const e=({timestamp:e})=>t(e);return{start:()=>i.update(e,!0),stop:()=>a(e),now:()=>l.isProcessing?l.timestamp:m.now()}};function ce(t){let e=0;let n=t.next(e);for(;!n.done&&e<2e4;)e+=50,n=t.next(e);return e>=2e4?1/0:e}const he={decay:le,inertia:le,tween:te,keyframes:te,spring:ae},de=t=>t/100;function fe({autoplay:t=!0,delay:e=0,driver:n=ue,keyframes:r,type:s="keyframes",repeat:o=0,repeatDelay:i=0,repeatType:a="loop",onPlay:l,onStop:u,onComplete:c,onUpdate:h,...d}){let f,p,m=1,g=!1;const y=()=>{p=new Promise(t=>{f=t})};let v;y();const b=he[s]||te;let w;b!==te&&"number"!=typeof r[0]&&(w=rt(de,_t(r[0],r[1])),r=[0,100]);const x=b({...d,keyframes:r});let V;"mirror"===a&&(V=b({...d,keyframes:[...r].reverse(),velocity:-(d.velocity||0)}));let A="idle",M=null,S=null,T=null;null===x.calculatedDuration&&o&&(x.calculatedDuration=ce(x));const{calculatedDuration:C}=x;let E=1/0,k=1/0;null!==C&&(E=C+i,k=E*(o+1)-i);let O=0;const B=t=>{if(null===S)return;m>0&&(S=Math.min(S,t)),m<0&&(S=Math.min(t-k/m,S)),O=null!==M?M:Math.round(t-S)*m;const n=O-e*(m>=0?1:-1),s=m>=0?n<0:n>k;O=Math.max(n,0),"finished"===A&&null===M&&(O=k);let l=O,u=x;if(o){const t=Math.min(O,k)/E;let e=Math.floor(t),n=t%1;!n&&t>=1&&(n=1),1===n&&e--,e=Math.min(e,o+1);Boolean(e%2)&&("reverse"===a?(n=1-n,i&&(n-=i/E)):"mirror"===a&&(u=V)),l=et(0,1,n)*E}const c=s?{done:!1,value:r[0]}:u.next(l);w&&(c.value=w(c.value));let{done:d}=c;s||null===C||(d=m>=0?O>=k:O<=0);const f=null===M&&("finished"===A||"running"===A&&d);return h&&h(c.value),f&&W(),c},I=()=>{v&&v.stop(),v=void 0},L=()=>{A="idle",I(),f(),y(),S=T=null},W=()=>{A="finished",c&&c(),I(),f()},R=()=>{if(g)return;v||(v=n(B));const t=v.now();l&&l(),null!==M?S=t-M:S&&"finished"!==A||(S=t),"finished"===A&&y(),T=S,M=null,A="running",v.start()};t&&R();const j={then:(t,e)=>p.then(t,e),get time(){return F(O)},set time(t){t=P(t),O=t,null===M&&v&&0!==m?S=v.now()-t/m:M=t},get duration(){const t=null===x.calculatedDuration?ce(x):x.calculatedDuration;return F(t)},get speed(){return m},set speed(t){t!==m&&v&&(m=t,j.time=F(O))},get state(){return A},play:R,pause:()=>{A="paused",M=O},stop:()=>{g=!0,"idle"!==A&&(A="idle",u&&u(),L())},cancel:()=>{null!==T&&B(T),L()},complete:()=>{A="finished"},sample:t=>(S=0,B(t))};return j}const pe=A(()=>Object.hasOwnProperty.call(Element.prototype,"animate")),me=new Set(["opacity","clipPath","filter","transform"]);function ge(t,n,{onUpdate:r,onComplete:s,...o}){if(!(pe()&&me.has(n)&&!o.repeatDelay&&"mirror"!==o.repeatType&&0!==o.damping&&"inertia"!==o.type))return!1;let l,u,c=!1,h=!1;const d=()=>{u=new Promise(t=>{l=t})};d();let{keyframes:f,duration:p=300,ease:m,times:g}=o;if(((t,e)=>"spring"===e.type||"backgroundColor"===t||!I(e.ease))(n,o)){const t=fe({...o,repeat:0,delay:0});let e={done:!1,value:f[0]};const n=[];let r=0;for(;!e.done&&r<2e4;)e=t.sample(r),n.push(e.value),r+=10;g=void 0,f=n,p=r-10,m="linear"}const y=function(t,e,n,{delay:r=0,duration:s,repeat:o=0,repeatType:i="loop",ease:a,times:l}={}){const u={[e]:n};l&&(u.offset=l);const c=R(a);return Array.isArray(c)&&(u.easing=c),t.animate(u,{delay:r,duration:s,easing:Array.isArray(c)?"linear":c,fill:"both",iterations:o+1,direction:"reverse"===i?"alternate":"normal"})}(t.owner.current,n,f,{...o,duration:p,ease:m,times:g}),v=()=>{h=!1,y.cancel()},b=()=>{h=!0,i.update(v),l(),d()};y.onfinish=()=>{h||(t.set(function(t,{repeat:e,repeatType:n="loop"}){return t[e&&"loop"!==n&&e%2==1?0:t.length-1]}(f,o)),s&&s(),b())};return{then:(t,e)=>u.then(t,e),attachTimeline:t=>(y.timeline=t,y.onfinish=null,e),get time(){return F(y.currentTime||0)},set time(t){y.currentTime=P(t)},get speed(){return y.playbackRate},set speed(t){y.playbackRate=t},get duration(){return F(p)},play:()=>{c||(y.play(),a(v))},pause:()=>y.pause(),stop:()=>{if(c=!0,"idle"===y.playState)return;const{currentTime:e}=y;if(e){const n=fe({...o,autoplay:!1});t.setWithVelocity(n.sample(e-10).value,n.sample(e).value,10)}b()},complete:()=>{h||y.finish()},cancel:b}}const ye={type:"spring",stiffness:500,damping:25,restSpeed:10},ve={type:"keyframes",duration:.8},be={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},we=(t,{keyframes:e})=>e.length>2?ve:C.has(t)?t.startsWith("scale")?{type:"spring",stiffness:550,damping:0===e[1]?2*Math.sqrt(550):30,restSpeed:10}:ye:be,xe=(t,e)=>"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!jt.test(e)&&"0"!==e||e.startsWith("url("))),Ve=new Set(["brightness","contrast","saturate","opacity"]);function Ae(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[r]=n.match(ht)||[];if(!r)return t;const s=n.replace(r,"");let o=Ve.has(e)?1:0;return r!==n&&(o*=100),e+"("+o+s+")"}const Me=/\b([a-z-]*)\(.*?\)/gu,Se={...jt,getAnimatableNone:t=>{const e=t.match(Me);return e?e.map(Ae).join(" "):t}},Te={...at,transform:Math.round},Ce={borderWidth:At,borderTopWidth:At,borderRightWidth:At,borderBottomWidth:At,borderLeftWidth:At,borderRadius:At,radius:At,borderTopLeftRadius:At,borderTopRightRadius:At,borderBottomRightRadius:At,borderBottomLeftRadius:At,width:At,maxWidth:At,height:At,maxHeight:At,size:At,top:At,right:At,bottom:At,left:At,padding:At,paddingTop:At,paddingRight:At,paddingBottom:At,paddingLeft:At,margin:At,marginTop:At,marginRight:At,marginBottom:At,marginLeft:At,rotate:xt,rotateX:xt,rotateY:xt,rotateZ:xt,scale:ut,scaleX:ut,scaleY:ut,scaleZ:ut,skew:xt,skewX:xt,skewY:xt,distance:At,translateX:At,translateY:At,translateZ:At,x:At,y:At,z:At,perspective:At,transformPerspective:At,opacity:lt,originX:Tt,originY:Tt,originZ:At,zIndex:Te,fillOpacity:lt,strokeOpacity:lt,numOctaves:Te},Ee={...Ce,color:Ot,backgroundColor:Ot,outlineColor:Ot,fill:Ot,stroke:Ot,borderColor:Ot,borderTopColor:Ot,borderRightColor:Ot,borderBottomColor:Ot,borderLeftColor:Ot,filter:Se,WebkitFilter:Se},ke=t=>Ee[t];function Pe(t,e){let n=ke(t);return n!==Se&&(n=jt),n.getAnimatableNone?n.getAnimatableNone(e):void 0}const Fe=t=>/^0[^.\s]+$/u.test(t);function Oe(t){return"number"==typeof t?0===t:null!==t?"none"===t||"0"===t||Fe(t):void 0}function Be(t,e){return t[e]||t.default||t}const Ie=(t,r,s,o={})=>i=>{const a=Be(o,t)||{},l=a.delay||o.delay||0;let{elapsed:u=0}=o;u-=P(l);const c=function(t,e,n,r){const s=xe(e,n);let o;o=Array.isArray(n)?[...n]:[null,n];const i=void 0!==r.from?r.from:t.get();let a=void 0;const l=[];for(let t=0;t<o.length;t++)null===o[t]&&(o[t]=0===t?i:o[t-1]),Oe(o[t])&&l.push(t),"string"==typeof o[t]&&"none"!==o[t]&&"0"!==o[t]&&(a=o[t]);if(s&&l.length&&a)for(let t=0;t<l.length;t++){o[l[t]]=Pe(e,a)}return o}(r,t,s,a),h=c[0],d=c[c.length-1],f=xe(t,h),p=xe(t,d);let m={keyframes:c,velocity:r.getVelocity(),ease:"easeOut",...a,delay:-u,onUpdate:t=>{r.set(t),a.onUpdate&&a.onUpdate(t)},onComplete:()=>{i(),a.onComplete&&a.onComplete()}};if(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}(a)||(m={...m,...we(t,m)}),m.duration&&(m.duration=P(m.duration)),m.repeatDelay&&(m.repeatDelay=P(m.repeatDelay)),!f||!p||O||!1===a.type||n)return function({keyframes:t,delay:n,onUpdate:r,onComplete:s}){const o=()=>(r&&r(t[t.length-1]),s&&s(),{time:0,speed:1,duration:0,play:e,pause:e,stop:e,then:t=>(t(),Promise.resolve()),cancel:e,complete:e});return n?fe({keyframes:[0,1],duration:0,delay:n,onComplete:o}):o()}(O?{...m,delay:0}:m);if(!o.isHandoff&&r.owner&&r.owner.current instanceof HTMLElement&&!r.owner.getProps().onUpdate){const e=ge(r,t,m);if(e)return e}return fe(m)},Le=t=>Boolean(t&&t.getVelocity);function We(t){return Boolean(Le(t)&&t.add)}const Re=t=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t),je=t=>Array.isArray(t),Ne=t=>e=>e.test(t),De=[at,At,Vt,xt,St,Mt,{test:t=>"auto"===t,parse:t=>t}],ze=t=>De.find(Ne(t)),He=[...De,Ot,jt];function $e(t,e,n,r={},s={}){return"function"==typeof e&&(e=e(void 0!==n?n:t.custom,r,s)),"string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e&&(e=e(void 0!==n?n:t.custom,r,s)),e}function Ue(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,y(n))}function qe(t,e){const n=function(t,e,n){const r=t.getProps();return $e(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))}(t,e);let{transitionEnd:r={},transition:s={},...o}=n?t.makeTargetAnimatable(n,!1):{};o={...o,...r};for(const e in o){Ue(t,e,(i=o[e],je(i)?i[i.length-1]||0:i))}var i}function Ye(t,e){if(!e)return;return(e[t]||e.default||e).from}function Xe({protectedKeys:t,needsAnimating:e},n){const r=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,r}function Ze(t,e){const n=t.get();if(!Array.isArray(e))return n!==e;for(let t=0;t<e.length;t++)if(e[t]!==n)return!0}function Ge(t,e,{delay:n=0,transitionOverride:r,type:s}={}){let{transition:o=t.getDefaultTransition(),transitionEnd:a,...l}=t.makeTargetAnimatable(e);const u=t.getValue("willChange");r&&(o=r);const c=[],h=s&&t.animationState&&t.animationState.getState()[s];for(const e in l){const r=t.getValue(e),s=l[e];if(!r||void 0===s||h&&Xe(h,e))continue;const a={delay:n,elapsed:0,...Be(o||{},e)};if(window.HandoffAppearAnimations){const n=t.getProps()[k];if(n){const t=window.HandoffAppearAnimations(n,e,r,i);null!==t&&(a.elapsed=t,a.isHandoff=!0)}}let d=!a.isHandoff&&!Ze(r,s);if("spring"===a.type&&(r.getVelocity()||a.velocity)&&(d=!1),r.animation&&(d=!1),d)continue;r.start(Ie(e,r,s,t.shouldReduceMotion&&C.has(e)?{type:!1}:a));const f=r.animation;We(u)&&(u.add(e),f.then(()=>u.remove(e))),c.push(f)}return a&&Promise.all(c).then(()=>{a&&qe(t,a)}),c}const _e={};function Ke(t,{layout:e,layoutId:n}){return C.has(t)||t.startsWith("origin")||(e||void 0!==n)&&(!!_e[t]||"opacity"===t)}function Je(t,e,n){var r;const{style:s}=t,o={};for(const i in s)(Le(s[i])||e.style&&Le(e.style[i])||Ke(i,t)||void 0!==(null===(r=null==n?void 0:n.getValue(i))||void 0===r?void 0:r.liveStyle))&&(o[i]=s[i]);return o}const Qe=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function tn(t,e,n=1){const[r,s]=function(t){const e=Qe.exec(t);if(!e)return[,];const[,n,r,s]=e;return["--"+(null!=n?n:r),s]}(t);if(!r)return;const o=window.getComputedStyle(e).getPropertyValue(r);if(o){const t=o.trim();return Re(t)?parseFloat(t):t}return Ht(s)?tn(s,e,n+1):s}const en="undefined"!=typeof document,nn=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),rn=t=>nn.has(t),sn=t=>t===at||t===At,on=(t,e)=>parseFloat(t.split(", ")[e]),an=(t,e)=>(n,{transform:r})=>{if("none"===r||!r)return 0;const s=r.match(/^matrix3d\((.+)\)$/u);if(s)return on(s[1],e);{const e=r.match(/^matrix\((.+)\)$/u);return e?on(e[1],t):0}},ln=new Set(["x","y","z"]),un=T.filter(t=>!ln.has(t));const cn={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:an(4,13),y:an(5,14)};cn.translateX=cn.x,cn.translateY=cn.y;const hn=(t,e,n={},r={})=>{e={...e},r={...r};const s=Object.keys(e).filter(rn);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=ze(u);const h=e[s];let d;if(je(h)){const t=h.length,e=null===h[0]?1:0;u=h[e],c=ze(u);for(let n=e;n<t&&null!==h[n];n++)d?b(ze(h[n])===d):d=ze(h[n])}else d=ze(h);if(c!==d)if(sn(c)&&sn(d)){const t=l.get();"string"==typeof t&&l.set(parseFloat(t)),"string"==typeof h?e[s]=parseFloat(h):Array.isArray(h)&&d===At&&(e[s]=h.map(parseFloat))}else(null==c?void 0:c.transform)&&(null==d?void 0:d.transform)&&(0===u||0===h)?0===u?l.set(d.transform(u)):e[s]=c.transform(h):(i||(o=function(t){const e=[];return un.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(h))}),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]=cn[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]=cn[n](l,o)}),t})(e,t,a);return o.length&&o.forEach(([e,n])=>{t.getValue(e).set(n)}),t.render(),en&&null!==n&&window.scrollTo({top:n}),{target:s,transitionEnd:r}}return{target:e,transitionEnd:r}};function dn(t,e,n,r){return(t=>Object.keys(t).some(rn))(e)?hn(t,e,n,r):{target:e,transitionEnd:r}}const fn=(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(!Ht(e))return;const n=tn(e,r);n&&t.set(n)});for(const t in e){const s=e[t];if(!Ht(s))continue;const o=tn(s,r);o&&(e[t]=o,n||(n={}),void 0===n[t]&&(n[t]=s))}return{target:e,transitionEnd:n}}(t,e,r);return dn(t,e=s.target,n,r=s.transitionEnd)};const pn={current:null},mn={current:!1};function gn(t){return"string"==typeof t||Array.isArray(t)}const yn=["initial","animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"];function vn(t){return null!==(e=t.animate)&&"object"==typeof e&&"function"==typeof e.start||yn.some(e=>gn(t[e]));var e}const bn={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},wn={};for(const t in bn)wn[t]={isEnabled:e=>bn[t].some(t=>!!e[t])};const xn=Object.keys(wn),Vn=xn.length;const An=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],Mn=yn.length;class Sn extends class{constructor({parent:t,props:e,presenceContext:n,reducedMotionConfig:r,visualState:s},o={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>i.render(this.render,!1,!0);const{latestValues:a,renderState:l}=s;this.latestValues=a,this.baseTarget={...a},this.initialValues=e.initial?{...a}:{},this.renderState=l,this.parent=t,this.props=e,this.presenceContext=n,this.depth=t?t.depth+1:0,this.reducedMotionConfig=r,this.options=o,this.isControllingVariants=vn(e),this.isVariantNode=function(t){return Boolean(vn(t)||t.variants)}(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=Boolean(t&&t.current);const{willChange:u,...c}=this.scrapeMotionValuesFromProps(e,{},this);for(const t in c){const e=c[t];void 0!==a[t]&&Le(e)&&(e.set(a[t],!1),We(u)&&u.add(t))}}scrapeMotionValuesFromProps(t,e,n){return{}}mount(t){this.current=t,x.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((t,e)=>this.bindToMotionValue(e,t)),mn.current||function(){if(mn.current=!0,en)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>pn.current=t.matches;t.addListener(e),e()}else pn.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||pn.current),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){x.delete(this.current),this.projection&&this.projection.unmount(),a(this.notifyUpdate),a(this.render),this.valueSubscriptions.forEach(t=>t()),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features)this.features[t].unmount();this.current=null}bindToMotionValue(t,e){const n=C.has(t),r=e.on("change",e=>{this.latestValues[t]=e,this.props.onUpdate&&i.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){let o,i;for(let t=0;t<Vn;t++){const n=xn[t],{isEnabled:r,Feature:s,ProjectionNode:a,MeasureLayout:l}=wn[n];a&&(o=a),r(e)&&(!this.features[n]&&s&&(this.features[n]=new s(this)),l&&(i=l))}if(("html"===this.type||"svg"===this.type)&&!this.projection&&o){this.projection=new o(this.latestValues,function t(e){if(e)return!1!==e.options.allowProjection?e.projection:t(e.parent)}(this.parent));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&&(a=i,a&&"object"==typeof a&&Object.prototype.hasOwnProperty.call(a,"current")),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:"string"==typeof n?n:"both",initialPromotionConfig:s,layoutScroll:l,layoutRoot:u})}var a;return i}updateFeatures(){for(const t in this.features){const e=this.features[t];e.isMounted?e.update():(e.mount(),e.isMounted=!0)}}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,e)}update(t,e){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=e;for(let e=0;e<An.length;e++){const n=An[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(Le(o))t.addValue(s,o),We(r)&&r.add(s);else if(Le(i))t.addValue(s,y(o,{owner:t})),We(r)&&r.remove(s);else if(i!==o)if(t.hasValue(s)){const e=t.getValue(s);!0===e.liveStyle?e.jump(o):e.hasAnimated||e.set(o)}else{const e=t.getStaticValue(s);t.addValue(s,y(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,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}getVariantContext(t=!1){if(t)return this.parent?this.parent.getVariantContext():void 0;if(!this.isControllingVariants){const t=this.parent&&this.parent.getVariantContext()||{};return void 0!==this.props.initial&&(t.initial=this.props.initial),t}const e={};for(let t=0;t<Mn;t++){const n=yn[t],r=this.props[n];(gn(r)||!1===r)&&(e[n]=r)}return e}addVariantChild(t){const e=this.getClosestVariantNode();if(e)return e.variantChildren&&e.variantChildren.add(t),()=>e.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){this.values.delete(t);const e=this.valueSubscriptions.get(t);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=y(e,{owner:this}),this.addValue(t,n)),n}readValue(t){var e;return void 0===this.latestValues[t]&&this.current?null!==(e=this.getBaseTargetFromProps(this.props,t))&&void 0!==e?e: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=$e(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||Le(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 h),this.events[t].add(e)}notify(t,...e){this.events[t]&&this.events[t].notify(...e)}}{sortInstanceNodePosition(t,e){return 2&t.compareDocumentPosition(e)?1:-1}getBaseTargetFromProps(t,e){return t.style?t.style[e]:void 0}removeValueFromRenderState(t,{vars:e,style:n}){delete e[t],delete n[t]}makeTargetAnimatableFromInstance({transition:t,transitionEnd:e,...n},r){const s=function(t,e,n){const r={};for(const s in t){const t=Ye(s,e);if(void 0!==t)r[s]=t;else{const t=n.getValue(s);t&&(r[s]=t.get())}}return r}(n,t||{},this);if(r){!function(t,e,n){var r,s;const o=Object.keys(e).filter(e=>!t.hasValue(e)),i=o.length;var a;if(i)for(let l=0;l<i;l++){const i=o[l],u=e[i];let c=null;Array.isArray(u)&&(c=u[0]),null===c&&(c=null!==(s=null!==(r=n[i])&&void 0!==r?r:t.readValue(i))&&void 0!==s?s:e[i]),null!=c&&("string"==typeof c&&(Re(c)||Fe(c))?c=parseFloat(c):(a=c,!He.find(Ne(a))&&jt.test(u)&&(c=Pe(i,u))),t.addValue(i,y(c,{owner:t})),void 0===n[i]&&(n[i]=c),null!==c&&t.setBaseTarget(i,c))}}(this,n,s);const t=fn(this,n,s,e);e=t.transitionEnd,n=t.target}return{transition:t,transitionEnd:e,...n}}}const Tn={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Cn=T.length;const En=(t,e)=>e&&"number"==typeof t?e.transform(t):t;function kn(t,e,n,r){const{style:s,vars:o,transform:i,transformOrigin:a}=t;let l=!1,u=!1,c=!0;for(const t in e){const n=e[t];if(Dt(t)){o[t]=n;continue}const r=Ce[t],h=En(n,r);if(C.has(t)){if(l=!0,i[t]=h,!c)continue;n!==(r.default||0)&&(c=!1)}else t.startsWith("origin")?(u=!0,a[t]=h):s[t]=h}if(e.transform||(l||r?s.transform=function(t,{enableHardwareAcceleration:e=!0,allowTransformNone:n=!0},r,s){let o="";for(let e=0;e<Cn;e++){const n=T[e];if(void 0!==t[n]){o+=`${Tn[n]||n}(${t[n]}) `}}return e&&!t.z&&(o+="translateZ(0)"),o=o.trim(),s?o=s(t,r?"":o):n&&r&&(o="none"),o}(t.transform,n,c,r):s.transform&&(s.transform="none")),u){const{originX:t="50%",originY:e="50%",originZ:n=0}=a;s.transformOrigin=`${t} ${e} ${n}`}}function Pn(t,e,n){return"string"==typeof t?t:At.transform(e+n*t)}const Fn={offset:"stroke-dashoffset",array:"stroke-dasharray"},On={offset:"strokeDashoffset",array:"strokeDasharray"};function Bn(t,{attrX:e,attrY:n,attrScale:r,originX:s,originY:o,pathLength:i,pathSpacing:a=1,pathOffset:l=0,...u},c,h,d){if(kn(t,u,c,d),h)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:f,style:p,dimensions:m}=t;f.transform&&(m&&(p.transform=f.transform),delete f.transform),m&&(void 0!==s||void 0!==o||p.transform)&&(p.transformOrigin=function(t,e,n){return`${Pn(e,t.x,t.width)} ${Pn(n,t.y,t.height)}`}(m,void 0!==s?s:.5,void 0!==o?o:.5)),void 0!==e&&(f.x=e),void 0!==n&&(f.y=n),void 0!==r&&(f.scale=r),void 0!==i&&function(t,e,n=1,r=0,s=!0){t.pathLength=1;const o=s?Fn:On;t[o.offset]=At.transform(-r);const i=At.transform(e),a=At.transform(n);t[o.array]=`${i} ${a}`}(f,i,a,l,!1)}const In=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function Ln(t,{style:e,vars:n},r,s){Object.assign(t.style,e,s&&s.getProjectionStyles(r));for(const e in n)t.style.setProperty(e,n[e])}class Wn extends Sn{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){if(C.has(e)){const t=ke(e);return t&&t.default||0}return e=In.has(e)?e:E(e),t.getAttribute(e)}measureInstanceViewportBox(){return{x:{min:0,max:0},y:{min:0,max:0}}}scrapeMotionValuesFromProps(t,e){return function(t,e,n){const r=Je(t,e,n);for(const n in t)if(Le(t[n])||Le(e[n])){r[-1!==T.indexOf(n)?"attr"+n.charAt(0).toUpperCase()+n.substring(1):n]=t[n]}return r}(t,e,this)}build(t,e,n,r){Bn(t,e,n,this.isSVGTag,r.transformTemplate)}renderInstance(t,e,n,r){!function(t,e,n,r){Ln(t,e,void 0,r);for(const n in e.attrs)t.setAttribute(In.has(n)?n:E(n),e.attrs[n])}(t,e,0,r)}mount(t){var e;this.isSVGTag="string"==typeof(e=t.tagName)&&"svg"===e.toLowerCase(),super.mount(t)}}class Rn extends Sn{constructor(){super(...arguments),this.type="html"}readValueFromInstance(t,e){if(C.has(e)){const t=ke(e);return t&&t.default||0}{const r=(n=t,window.getComputedStyle(n)),s=(Dt(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){kn(t,e,n,r.transformTemplate)}scrapeMotionValuesFromProps(t,e,n){return Je(t,e,n)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;Le(t)&&(this.childSubscription=t.on("change",t=>{this.current&&(this.current.textContent=""+t)}))}renderInstance(t,e,n,r){Ln(t,e,n,r)}}function jn(t){const e={presenceContext:null,props:{},visualState:{renderState:{transform:{},transformOrigin:{},style:{},vars:{},attrs:{}},latestValues:{}}},n=function(t){return t instanceof SVGElement&&"svg"!==t.tagName}(t)?new Wn(e,{enableHardwareAcceleration:!1}):new Rn(e,{enableHardwareAcceleration:!0});n.mount(t),x.set(t,n)}function Nn(t,e,n){const r=Le(t)?t:y(t);return r.start(Ie("",r,e,n)),r.animation}function Dn(t,e=100){const n=ae({keyframes:[0,e],...t}),r=Math.min(ce(n),2e4);return{type:"keyframes",ease:t=>n.next(r*t).value/e,duration:F(r)}}function zn(t,e,n,r){var s;return"number"==typeof e?e:e.startsWith("-")||e.startsWith("+")?Math.max(0,t+parseFloat(e)):"<"===e?n:null!==(s=r.get(e))&&void 0!==s?s:t}const Hn=(t,e,n)=>{const r=e-t;return((n-t)%r+r)%r+t};function $n(t,e){return $(t)?t[Hn(0,t.length,e)]:t}function Un(t,e,n,r,s,o){!function(t,e,n){for(let r=0;r<t.length;r++){const s=t[r];s.at>e&&s.at<n&&(c(t,s),r--)}}(t,s,o);for(let i=0;i<e.length;i++)t.push({value:e[i],at:ot(s,o,r[i]),easing:$n(n,i)})}function qn(t,e){return t.at===e.at?null===t.value?1:null===e.value?-1:0:t.at-e.at}function Yn(t,e){return!e.has(t)&&e.set(t,{}),e.get(t)}function Xn(t,e){return e[t]||(e[t]=[]),e[t]}function Zn(t){return Array.isArray(t)?t:[t]}function Gn(t,e){return t[e]?{...t,...t[e]}:{...t}}const _n=t=>"number"==typeof t,Kn=t=>t.every(_n);function Jn(t,e,n,r){const s=w(t,r),o=s.length,i=[];for(let t=0;t<o;t++){const r=s[t];x.has(r)||jn(r);const a=x.get(r),l={...n};"function"==typeof l.delay&&(l.delay=l.delay(t,o)),i.push(...Ge(a,{...e,transition:l},{}))}return new S(i)}function Qn(t,e,n){const r=[];return function(t,{defaultTransition:e={},...n}={},r){const s=e.duration||.3,o=new Map,i=new Map,a={},l=new Map;let u=0,c=0,h=0;for(let n=0;n<t.length;n++){const o=t[n];if("string"==typeof o){l.set(o,c);continue}if(!Array.isArray(o)){l.set(o.name,zn(c,o.at,u,l));continue}let[d,f,p={}]=o;void 0!==p.at&&(c=zn(c,p.at,u,l));let m=0;const g=(t,n,r,o=0,i=0)=>{const a=Zn(t),{delay:l=0,times:u=Qt(a),type:d="keyframes",...f}=n;let{ease:p=e.ease||"easeOut",duration:g}=n;const y="function"==typeof l?l(o,i):l,v=a.length;if(v<=2&&"spring"===d){let t=100;if(2===v&&Kn(a)){const e=a[1]-a[0];t=Math.abs(e)}const e={...f};void 0!==g&&(e.duration=P(g));const n=Dn(e,t);p=n.ease,g=n.duration}null!=g||(g=s);const b=c+y,w=b+g;1===u.length&&0===u[0]&&(u[1]=1);const x=u.length-a.length;x>0&&Jt(u,x),1===a.length&&a.unshift(null),Un(r,a,p,u,b,w),m=Math.max(y+g,m),h=Math.max(w,h)};if(Le(d)){g(f,p,Xn("default",Yn(d,i)))}else{const t=w(d,r,a),e=t.length;for(let n=0;n<e;n++){f=f,p=p;const r=Yn(t[n],i);for(const t in f)g(f[t],Gn(p,t),Xn(t,r),n,e)}}u=c,c+=m}return i.forEach((t,r)=>{for(const s in t){const i=t[s];i.sort(qn);const a=[],l=[],u=[];for(let t=0;t<i.length;t++){const{at:e,value:n,easing:r}=i[t];a.push(n),l.push(st(0,h,e)),u.push(r||"easeOut")}0!==l[0]&&(l.unshift(0),a.unshift(a[0]),u.unshift("easeInOut")),1!==l[l.length-1]&&(l.push(1),a.push(null)),o.has(r)||o.set(r,{keyframes:{},transition:{}});const c=o.get(r);c.keyframes[s]=a,c.transition[s]={...e,duration:h,ease:u,times:l,...n}}}),o}(t,e,n).forEach(({keyframes:t,transition:e},n)=>{let s;s=Le(n)?Nn(n,t.default,e.default):Jn(n,t,e),r.push(s)}),new S(r)}const tr=t=>function(e,n,r){let s;var o;return o=e,s=Array.isArray(o)&&Array.isArray(o[0])?Qn(e,n,t):function(t){return"object"==typeof t&&!Array.isArray(t)}(n)?Jn(e,n,r,t):Nn(e,n,r),t&&t.animations.push(s),s},er=tr(),nr=new WeakMap;let rr;function sr({target:t,contentRect:e,borderBoxSize:n}){var r;null===(r=nr.get(t))||void 0===r||r.forEach(r=>{r({target:t,contentSize:e,get size(){return function(t,e){if(e){const{inlineSize:t,blockSize:n}=e[0];return{width:t,height:n}}return t instanceof SVGElement&&"getBBox"in t?t.getBBox():{width:t.offsetWidth,height:t.offsetHeight}}(t,n)}})})}function or(t){t.forEach(sr)}function ir(t,e){rr||"undefined"!=typeof ResizeObserver&&(rr=new ResizeObserver(or));const n=w(t);return n.forEach(t=>{let n=nr.get(t);n||(n=new Set,nr.set(t,n)),n.add(e),null==rr||rr.observe(t)}),()=>{n.forEach(t=>{const n=nr.get(t);null==n||n.delete(e),(null==n?void 0:n.size)||null==rr||rr.unobserve(t)})}}const ar=new Set;let lr;function ur(t){return ar.add(t),lr||(lr=()=>{const t={width:window.innerWidth,height:window.innerHeight},e={target:window,size:t,contentSize:t};ar.forEach(t=>t(e))},window.addEventListener("resize",lr)),()=>{ar.delete(t),!ar.size&&lr&&(lr=void 0)}}const cr={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function hr(t,e,n,r){const s=n[e],{length:o,position:i}=cr[e],a=s.current,l=n.time;s.current=t["scroll"+i],s.scrollLength=t["scroll"+o]-t["client"+o],s.offset.length=0,s.offset[0]=0,s.offset[1]=s.scrollLength,s.progress=st(0,s.scrollLength,s.current);const u=r-l;s.velocity=u>50?0:d(s.current-a,u)}const dr={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},fr={start:0,center:.5,end:1};function pr(t,e,n=0){let r=0;if(void 0!==fr[t]&&(t=fr[t]),"string"==typeof t){const e=parseFloat(t);t.endsWith("px")?r=e:t.endsWith("%")?t=e/100:t.endsWith("vw")?r=e/100*document.documentElement.clientWidth:t.endsWith("vh")?r=e/100*document.documentElement.clientHeight:t=e}return"number"==typeof t&&(r=e*t),n+r}const mr=[0,0];function gr(t,e,n,r){let s=Array.isArray(t)?t:mr,o=0,i=0;return"number"==typeof t?s=[t,t]:"string"==typeof t&&(s=(t=t.trim()).includes(" ")?t.split(" "):[t,fr[t]?t:"0"]),o=pr(s[0],n,r),i=pr(s[1],e),o-i}const yr={x:0,y:0};function vr(t,e,n){const{offset:r=dr.All}=n,{target:s=t,axis:o="y"}=n,i="y"===o?"height":"width",a=s!==t?function(t,e){const n={x:0,y:0};let r=t;for(;r&&r!==e;)if(r instanceof HTMLElement)n.x+=r.offsetLeft,n.y+=r.offsetTop,r=r.offsetParent;else if("svg"===r.tagName){const t=r.getBoundingClientRect();r=r.parentElement;const e=r.getBoundingClientRect();n.x+=t.left-e.left,n.y+=t.top-e.top}else{if(!(r instanceof SVGGraphicsElement))break;{const{x:t,y:e}=r.getBBox();n.x+=t,n.y+=e;let s=null,o=r.parentNode;for(;!s;)"svg"===o.tagName&&(s=o),o=r.parentNode;r=s}}return n}(s,t):yr,l=s===t?{width:t.scrollWidth,height:t.scrollHeight}:function(t){return"getBBox"in t&&"svg"!==t.tagName?t.getBBox():{width:t.clientWidth,height:t.clientHeight}}(s),u={width:t.clientWidth,height:t.clientHeight};e[o].offset.length=0;let c=!e[o].interpolate;const h=r.length;for(let t=0;t<h;t++){const n=gr(r[t],u[i],l[i],a[o]);c||n===e[o].interpolatorOffsets[t]||(c=!0),e[o].offset[t]=n}c&&(e[o].interpolate=Kt(e[o].offset,Qt(r)),e[o].interpolatorOffsets=[...e[o].offset]),e[o].progress=e[o].interpolate(e[o].current)}function br(t,e,n,r={}){return{measure:()=>function(t,e=t,n){if(n.x.targetOffset=0,n.y.targetOffset=0,e!==t){let r=e;for(;r&&r!==t;)n.x.targetOffset+=r.offsetLeft,n.y.targetOffset+=r.offsetTop,r=r.offsetParent}n.x.targetLength=e===t?e.scrollWidth:e.clientWidth,n.y.targetLength=e===t?e.scrollHeight:e.clientHeight,n.x.containerLength=t.clientWidth,n.y.containerLength=t.clientHeight}(t,r.target,n),update:e=>{!function(t,e,n){hr(t,"x",e,n),hr(t,"y",e,n),e.time=n}(t,n,e),(r.offset||r.target)&&vr(t,n,r)},notify:()=>e(n)}}const wr=new WeakMap,xr=new WeakMap,Vr=new WeakMap,Ar=t=>t===document.documentElement?window:t;function Mr(t,{container:e=document.documentElement,...n}={}){let r=Vr.get(e);r||(r=new Set,Vr.set(e,r));const s=br(e,t,{time:0,x:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0},y:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}},n);if(r.add(s),!wr.has(e)){const t=()=>{for(const t of r)t.measure()},n=()=>{for(const t of r)t.update(l.timestamp)},s=()=>{for(const t of r)t.notify()},a=()=>{i.read(t,!1,!0),i.read(n,!1,!0),i.update(s,!1,!0)};wr.set(e,a);const c=Ar(e);window.addEventListener("resize",a,{passive:!0}),e!==document.documentElement&&xr.set(e,(u=a,"function"==typeof(o=e)?ur(o):ir(o,u))),c.addEventListener("scroll",a,{passive:!0})}var o,u;const c=wr.get(e);return i.read(c,!1,!0),()=>{var t;a(c);const n=Vr.get(e);if(!n)return;if(n.delete(s),n.size)return;const r=wr.get(e);wr.delete(e),r&&(Ar(e).removeEventListener("scroll",r),null===(t=xr.get(e))||void 0===t||t(),window.removeEventListener("resize",r))}}const Sr=new Map;function Tr({source:t=document.documentElement,axis:e="y"}={}){Sr.has(t)||Sr.set(t,{});const n=Sr.get(t);return n[e]||(n[e]=M()?new ScrollTimeline({source:t,axis:e}):function({source:t,axis:e="y"}){const n={value:0},r=Mr(t=>{n.value=100*t[e].progress},{container:t,axis:e});return{currentTime:n,cancel:r}}({source:t,axis:e})),n[e]}const Cr={some:0,all:1};const Er=(t,e)=>Math.abs(t-e);const kr=i,Pr=o.reduce((t,e)=>(t[e]=t=>a(t),t),{});t.MotionValue=g,t.animate=er,t.anticipate=J,t.backIn=_,t.backInOut=K,t.backOut=G,t.cancelFrame=a,t.cancelSync=Pr,t.circIn=Y,t.circInOut=Z,t.circOut=X,t.clamp=et,t.createScopedAnimate=tr,t.cubicBezier=N,t.delay=function(t,e){const n=m.now(),r=({timestamp:s})=>{const o=s-n;o>=e&&(a(r),t(o-e))};return i.read(r,!0),()=>a(r)},t.distance=Er,t.distance2D=function(t,e){const n=Er(t.x,e.x),r=Er(t.y,e.y);return Math.sqrt(n**2+r**2)},t.easeIn=D,t.easeInOut=H,t.easeOut=z,t.frame=i,t.frameData=l,t.inView=function(t,e,{root:n,margin:r,amount:s="some"}={}){const o=w(t),i=new WeakMap,a=new IntersectionObserver(t=>{t.forEach(t=>{const n=i.get(t.target);if(t.isIntersecting!==Boolean(n))if(t.isIntersecting){const n=e(t);"function"==typeof n?i.set(t.target,n):a.unobserve(t.target)}else n&&(n(t),i.delete(t.target))})},{root:n,rootMargin:r,threshold:"number"==typeof s?s:Cr[s]});return o.forEach(t=>a.observe(t)),()=>a.disconnect()},t.interpolate=Kt,t.invariant=b,t.mirrorEasing=U,t.mix=_t,t.motionValue=y,t.pipe=rt,t.progress=st,t.reverseEasing=q,t.scroll=function(t,e){const n=Tr(e);return"function"==typeof t?V(t,n):t.attachTimeline(n)},t.scrollInfo=Mr,t.stagger=function(t=.1,{startDelay:e=0,from:n=0,ease:r}={}){return(s,o)=>{const i="number"==typeof n?n:function(t,e){if("first"===t)return 0;{const n=e-1;return"last"===t?n:n/2}}(n,o),a=Math.abs(i-s);let l=t*a;if(r){const e=o*t;l=tt(r)(l/e)*e}return e+l}},t.steps=u,t.sync=kr,t.transform=function(...t){const e=!Array.isArray(t[0]),n=e?0:-1,r=t[0+n],s=t[1+n],o=t[2+n],i=t[3+n],a=Kt(s,o,{mixer:(l=o[0],(t=>t&&"object"==typeof t&&t.mix)(l)?l.mix:void 0),...i});var l;return e?a(r):a},t.warning=v,t.wrap=Hn,Object.defineProperty(t,"__esModule",{value:!0})}));

package.json

 {
     "name": "framer-motion",
-    "version": "11.0.11-sync.3",
+    "version": "11.0.11-sync.4",
     "description": "A simple and powerful JavaScript animation library",
@@ -51,3 +51,3 @@ "main": "dist/cjs/index.js",
         "test-client": "jest --config jest.config.json --max-workers=2",
-        "test-server": "jest --config jest.config.ssr.json",
+        "test-server": "jest --config jest.config.ssr.json ",
         "test-watch": "jest --watch --coverage --coverageReporters=lcov --config jest.config.json",
@@ -73,3 +73,2 @@ "test-appear": "yarn run collect-appear-tests && start-server-and-test 'pushd ../../; python -m SimpleHTTPServer; popd' http://0.0.0.0:8000 'cypress run -s cypress/integration/appear.chrome.ts --config baseUrl=http://localhost:8000/'",
     "peerDependencies": {
-        "@emotion/is-prop-valid": "*",
         "react": "^18.0.0",
@@ -79,5 +78,2 @@ "react-dom": "^18.0.0"
     "peerDependenciesMeta": {
-        "@emotion/is-prop-valid": {
-            "optional": true
-        },
         "react": {
@@ -90,37 +86,40 @@ "optional": true
     },
+    "optionalDependencies": {
+        "@emotion/is-prop-valid": "^0.8.2"
+    },
     "bundlesize": [
         {
             "path": "./dist/size-rollup-motion.js",
-            "maxSize": "32.55 kB"
+            "maxSize": "31.55 kB"
         },
         {
             "path": "./dist/size-rollup-m.js",
-            "maxSize": "5.45 kB"
+            "maxSize": "5.42 kB"
         },
         {
             "path": "./dist/size-rollup-dom-animation.js",
-            "maxSize": "16.35kB"
+            "maxSize": "15.5 kB"
         },
         {
             "path": "./dist/size-rollup-dom-max.js",
-            "maxSize": "27.9 kB"
+            "maxSize": "27 kB"
         },
         {
             "path": "./dist/size-rollup-animate.js",
-            "maxSize": "17.66 kB"
+            "maxSize": "16.7 kB"
         },
         {
             "path": "./dist/size-webpack-m.js",
-            "maxSize": "5.58 kB"
+            "maxSize": "5.55 kB"
         },
         {
             "path": "./dist/size-webpack-dom-animation.js",
-            "maxSize": "21.15 kB"
+            "maxSize": "21 kB"
         },
         {
             "path": "./dist/size-webpack-dom-max.js",
-            "maxSize": "33.45 kB"
+            "maxSize": "32.5 kB"
         }
     ],
-    "gitHead": "ff137fc3df67a0a3b143edf60cce2c0d54abf7c6"
+    "gitHead": "6c420c8608e2899dcfac8dea2bb328fc490bdc79"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

2174960

decreased by-2.16%

Number of package files

310

decreased by-0.64%

Lines of code

51750

decreased by-1.89%

No dependency changes