react-ui-animate 5.0.0-rc.2 → 5.0.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +206 -206
  3. package/dist/animation/AnimationConfig.d.ts +8 -8
  4. package/dist/animation/descriptors.d.ts +7 -0
  5. package/dist/animation/drivers.d.ts +4 -0
  6. package/dist/animation/helpers.d.ts +3 -0
  7. package/dist/animation/index.d.ts +4 -3
  8. package/dist/animation/to.d.ts +9 -0
  9. package/dist/animation/types.d.ts +33 -26
  10. package/dist/animation/useMount.d.ts +17 -0
  11. package/dist/animation/useValue.d.ts +9 -0
  12. package/dist/gestures/controllers/DragGesture.d.ts +43 -15
  13. package/dist/gestures/controllers/Gesture.d.ts +11 -19
  14. package/dist/gestures/controllers/MoveGesture.d.ts +29 -0
  15. package/dist/gestures/controllers/ScrollGesture.d.ts +26 -12
  16. package/dist/gestures/controllers/WheelGesture.d.ts +24 -13
  17. package/dist/gestures/hooks/index.d.ts +4 -5
  18. package/dist/gestures/hooks/useDrag.d.ts +5 -4
  19. package/dist/gestures/hooks/useMove.d.ts +8 -0
  20. package/dist/gestures/hooks/useScroll.d.ts +8 -4
  21. package/dist/gestures/hooks/useWheel.d.ts +8 -4
  22. package/dist/gestures/index.d.ts +1 -0
  23. package/dist/hooks/index.d.ts +3 -3
  24. package/dist/hooks/useDimension.d.ts +9 -0
  25. package/dist/hooks/useMeasure.d.ts +5 -7
  26. package/dist/hooks/useOutsideClick.d.ts +1 -1
  27. package/dist/index.d.ts +5 -5
  28. package/dist/index.js +1 -1
  29. package/dist/index.js.map +1 -1
  30. package/dist/utils/index.d.ts +6 -0
  31. package/package.json +54 -54
  32. package/dist/animation/Value.d.ts +0 -12
  33. package/dist/animation/controllers.d.ts +0 -41
  34. package/dist/animation/hooks/index.d.ts +0 -3
  35. package/dist/animation/hooks/useAnimatedList.d.ts +0 -24
  36. package/dist/animation/hooks/useMount.d.ts +0 -12
  37. package/dist/animation/hooks/useValue.d.ts +0 -15
  38. package/dist/animation/interpolation/colors.d.ts +0 -25
  39. package/dist/animation/interpolation/index.d.ts +0 -1
  40. package/dist/animation/interpolation/interpolateNumbers.d.ts +0 -8
  41. package/dist/gestures/controllers/MouseMoveGesture.d.ts +0 -13
  42. package/dist/gestures/controllers/index.d.ts +0 -4
  43. package/dist/gestures/helpers/eventAttacher.d.ts +0 -11
  44. package/dist/gestures/helpers/index.d.ts +0 -1
  45. package/dist/gestures/helpers/math.d.ts +0 -34
  46. package/dist/gestures/helpers/withDefault.d.ts +0 -4
  47. package/dist/gestures/hooks/useGesture.d.ts +0 -9
  48. package/dist/gestures/hooks/useMouseMove.d.ts +0 -4
  49. package/dist/gestures/hooks/useRecognizer.d.ts +0 -10
  50. package/dist/gestures/types/index.d.ts +0 -51
  51. package/dist/hooks/useWindowDimension.d.ts +0 -9
@@ -1,17 +1,45 @@
1
1
  import { Gesture } from './Gesture';
2
- import type { Vector2 } from '../types';
3
- export declare class DragGesture extends Gesture {
4
- movementStart: Vector2;
5
- initialMovement: Vector2;
6
- movement: Vector2;
7
- previousMovement: Vector2;
8
- translation: Vector2;
9
- offset: Vector2;
10
- velocity: Vector2;
11
- _initEvents(): void;
12
- _cancelEvents(): void;
13
- _handleCallback(): void;
14
- pointerDown(e: any): void;
15
- pointerMove(e: any): void;
16
- pointerUp(): void;
2
+ export interface DragEvent {
3
+ down: boolean;
4
+ movement: {
5
+ x: number;
6
+ y: number;
7
+ };
8
+ offset: {
9
+ x: number;
10
+ y: number;
11
+ };
12
+ velocity: {
13
+ x: number;
14
+ y: number;
15
+ };
16
+ event: PointerEvent;
17
+ cancel: () => void;
18
+ }
19
+ export interface DragConfig {
20
+ threshold?: number;
21
+ axis?: 'x' | 'y';
22
+ initial?: () => {
23
+ x: number;
24
+ y: number;
25
+ };
26
+ }
27
+ export declare class DragGesture extends Gesture<DragEvent> {
28
+ private config;
29
+ private prev;
30
+ private lastTime;
31
+ private movement;
32
+ private velocity;
33
+ private start;
34
+ private offset;
35
+ private activePointerId;
36
+ private attachedEl;
37
+ private pointerDownPos;
38
+ private thresholdPassed;
39
+ constructor(config?: DragConfig);
40
+ attach(element: HTMLElement): () => void;
41
+ private onDown;
42
+ private onMove;
43
+ private onUp;
44
+ private cancel;
17
45
  }
@@ -1,20 +1,12 @@
1
- export declare class Gesture {
2
- currentIndex?: number;
3
- lastTimeStamp: number;
4
- isActive: boolean;
5
- targetElement?: HTMLElement;
6
- targetElements: Array<HTMLElement>;
7
- config?: any;
8
- callback?: <T>(event: T) => void;
9
- _subscribe?: (eventKeys?: Array<string>) => void;
10
- static _VELOCITY_LIMIT: number;
11
- _initEvents(): void;
12
- _cancelEvents(): void;
13
- applyCallback(callback: <T>(event: T) => void): void;
14
- applyGesture({ targetElement, targetElements, callback, config, }: {
15
- targetElement?: any;
16
- targetElements?: any;
17
- callback: <T>(event: T) => void;
18
- config?: any;
19
- }): () => void | undefined;
1
+ type Listener<E> = (event: E) => void;
2
+ export declare abstract class Gesture<E> {
3
+ static readonly VELOCITY_LIMIT = 20;
4
+ private changeListeners;
5
+ private endListeners;
6
+ onChange(listener: Listener<E>): this;
7
+ onEnd(listener: Listener<E>): this;
8
+ protected emitChange(event: E): void;
9
+ protected emitEnd(event: E): void;
10
+ abstract attach(element: HTMLElement): () => void;
20
11
  }
12
+ export {};
@@ -0,0 +1,29 @@
1
+ import { Gesture } from './Gesture';
2
+ export interface MoveEvent {
3
+ movement: {
4
+ x: number;
5
+ y: number;
6
+ };
7
+ offset: {
8
+ x: number;
9
+ y: number;
10
+ };
11
+ velocity: {
12
+ x: number;
13
+ y: number;
14
+ };
15
+ event: PointerEvent;
16
+ cancel?: () => void;
17
+ }
18
+ export declare class MoveGesture extends Gesture<MoveEvent> {
19
+ private prev;
20
+ private lastTime;
21
+ private attachedEl;
22
+ private movement;
23
+ private offset;
24
+ private velocity;
25
+ private startPos;
26
+ attach(element: HTMLElement | Window): () => void;
27
+ private onMove;
28
+ private onLeave;
29
+ }
@@ -1,14 +1,28 @@
1
- import { Vector2 } from '../types';
2
1
  import { Gesture } from './Gesture';
3
- export declare class ScrollGesture extends Gesture {
4
- isActiveID?: any;
5
- movement: Vector2;
6
- previousMovement: Vector2;
7
- direction: Vector2;
8
- velocity: Vector2;
9
- _initEvents(): void;
10
- _handleCallback(): void;
11
- onScroll({ x, y }: Vector2): void;
12
- scrollListener(): void;
13
- scrollElementListener(): void;
2
+ export interface ScrollEvent {
3
+ movement: {
4
+ x: number;
5
+ y: number;
6
+ };
7
+ offset: {
8
+ x: number;
9
+ y: number;
10
+ };
11
+ velocity: {
12
+ x: number;
13
+ y: number;
14
+ };
15
+ event: Event;
16
+ cancel?: () => void;
17
+ }
18
+ export declare class ScrollGesture extends Gesture<ScrollEvent> {
19
+ private attachedEl;
20
+ private movement;
21
+ private offset;
22
+ private velocity;
23
+ private prevScroll;
24
+ private lastTime;
25
+ private endTimeout?;
26
+ attach(element: HTMLElement | Window): () => void;
27
+ private onScroll;
14
28
  }
@@ -1,15 +1,26 @@
1
- import { Vector2 } from '../types';
2
1
  import { Gesture } from './Gesture';
3
- export declare class WheelGesture extends Gesture {
4
- isActiveID?: any;
5
- movement: Vector2;
6
- previousMovement: Vector2;
7
- direction: Vector2;
8
- velocity: Vector2;
9
- delta: Vector2;
10
- offset: Vector2;
11
- translation: Vector2;
12
- _initEvents(): void;
13
- _handleCallback(): void;
14
- onWheel(event: WheelEvent): void;
2
+ export interface WheelEvent {
3
+ movement: {
4
+ x: number;
5
+ y: number;
6
+ };
7
+ offset: {
8
+ x: number;
9
+ y: number;
10
+ };
11
+ velocity: {
12
+ x: number;
13
+ y: number;
14
+ };
15
+ event: globalThis.WheelEvent;
16
+ cancel?: () => void;
17
+ }
18
+ export declare class WheelGesture extends Gesture<WheelEvent> {
19
+ private movement;
20
+ private offset;
21
+ private velocity;
22
+ private lastTime;
23
+ private endTimeout?;
24
+ attach(element: HTMLElement | Window): () => void;
25
+ private onWheel;
15
26
  }
@@ -1,5 +1,4 @@
1
- export * from './useDrag';
2
- export * from './useMouseMove';
3
- export * from './useScroll';
4
- export * from './useWheel';
5
- export * from './useGesture';
1
+ export { useDrag } from './useDrag';
2
+ export { useMove } from './useMove';
3
+ export { useScroll } from './useScroll';
4
+ export { useWheel } from './useWheel';
@@ -1,4 +1,5 @@
1
- import { DragEventType, UseDragConfig } from '../types';
2
- export declare function useDrag(callback: (event: DragEventType) => void, config?: UseDragConfig): (index?: number) => {
3
- ref: any;
4
- };
1
+ import { RefObject } from 'react';
2
+ import { type DragConfig, type DragEvent } from '../controllers/DragGesture';
3
+ export declare function useDrag<T extends HTMLElement>(refs: RefObject<T> | Array<RefObject<T>>, onDrag: (e: DragEvent & {
4
+ index: number;
5
+ }) => void, config?: DragConfig): void;
@@ -0,0 +1,8 @@
1
+ import { RefObject } from 'react';
2
+ import { type MoveEvent } from '../controllers/MoveGesture';
3
+ export declare function useMove(refs: Window, onMove: (e: MoveEvent & {
4
+ index: 0;
5
+ }) => void): void;
6
+ export declare function useMove<T extends HTMLElement>(refs: RefObject<T> | Array<RefObject<T>>, onMove: (e: MoveEvent & {
7
+ index: number;
8
+ }) => void): void;
@@ -1,4 +1,8 @@
1
- import { ScrollEventType } from '../types';
2
- export declare function useScroll(callback: (event: ScrollEventType) => void): (index?: number) => {
3
- ref: any;
4
- };
1
+ import { RefObject } from 'react';
2
+ import { type ScrollEvent } from '../controllers/ScrollGesture';
3
+ export declare function useScroll(refs: Window, onScroll: (e: ScrollEvent & {
4
+ index: 0;
5
+ }) => void): void;
6
+ export declare function useScroll<T extends HTMLElement>(refs: RefObject<T> | Array<RefObject<T>>, onScroll: (e: ScrollEvent & {
7
+ index: number;
8
+ }) => void): void;
@@ -1,4 +1,8 @@
1
- import { WheelEventType } from '../types';
2
- export declare function useWheel(callback: (event: WheelEventType) => void): (index?: number) => {
3
- ref: any;
4
- };
1
+ import { RefObject } from 'react';
2
+ import { type WheelEvent } from '../controllers/WheelGesture';
3
+ export declare function useWheel(refs: Window, onWheel: (e: WheelEvent & {
4
+ index: 0;
5
+ }) => void): void;
6
+ export declare function useWheel<T extends HTMLElement>(refs: RefObject<T> | Array<RefObject<T>>, onWheel: (e: WheelEvent & {
7
+ index: number;
8
+ }) => void): void;
@@ -0,0 +1 @@
1
+ export * from './hooks';
@@ -1,3 +1,3 @@
1
- export * from "./useOutsideClick";
2
- export * from "./useMeasure";
3
- export * from "./useWindowDimension";
1
+ export { useOutsideClick } from './useOutsideClick';
2
+ export { useMeasure } from './useMeasure';
3
+ export { useDimension } from './useDimension';
@@ -0,0 +1,9 @@
1
+ import { DependencyList } from 'react';
2
+ type DimensionType = {
3
+ width: number;
4
+ height: number;
5
+ innerWidth: number;
6
+ innerHeight: number;
7
+ };
8
+ export declare function useDimension(callback: (event: DimensionType) => void, deps?: DependencyList): void;
9
+ export {};
@@ -1,14 +1,12 @@
1
- import { DependencyList } from 'react';
2
- type MeasurementValue = number | Array<number>;
3
- type MeasurementType = {
1
+ import { RefObject, DependencyList } from 'react';
2
+ type MeasurementValue = number | number[];
3
+ interface MeasurementType {
4
4
  left: MeasurementValue;
5
5
  top: MeasurementValue;
6
6
  width: MeasurementValue;
7
7
  height: MeasurementValue;
8
8
  vLeft: MeasurementValue;
9
9
  vTop: MeasurementValue;
10
- };
11
- export declare function useMeasure(callback: (event: MeasurementType) => void, deps?: DependencyList): (index?: number) => {
12
- ref: import("react").MutableRefObject<null>;
13
- };
10
+ }
11
+ export declare function useMeasure(refs: RefObject<HTMLElement>[], callback: (m: MeasurementType) => void, deps?: DependencyList): void;
14
12
  export {};
@@ -1,2 +1,2 @@
1
1
  import { RefObject, DependencyList } from 'react';
2
- export declare function useOutsideClick(elementRef: RefObject<HTMLElement>, callback: (event: MouseEvent) => void, deps?: DependencyList): void;
2
+ export declare function useOutsideClick(ref: RefObject<HTMLElement>, callback: (event: MouseEvent | TouchEvent) => void, deps?: DependencyList): void;
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export { Easing, makeMotion as makeAnimated, motion as animate, combine, } from '@raidipesh78/re-motion';
2
- export { withSpring, withTiming, withSequence, withDelay, withDecay, withLoop, withEase, useValue, useMount, useAnimatedList, AnimationConfig, interpolateNumbers, } from './animation';
3
- export { useMeasure, useOutsideClick, useWindowDimension } from './hooks';
4
- export { useDrag, useGesture, useMouseMove, useScroll, useWheel, } from './gestures/hooks';
5
- export { bin, clamp, mix, rubberClamp, move, snapTo } from './gestures/helpers';
1
+ export { combine, Easing, makeMotion as makeAnimated, motion as animate, } from '@raidipesh78/re-motion';
2
+ export * from './animation';
3
+ export * from './hooks';
4
+ export * from './gestures';
5
+ export * from './utils';
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var e=require("@raidipesh78/re-motion"),t=require("react");function n(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=n(t),r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a.apply(this,arguments)};function f(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function s(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(i=o.next()).done;)a.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return a}function l(e,t,n){if(n||2===arguments.length)for(var i,r=0,o=t.length;r<o;r++)!i&&r in t||(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return e.concat(i||Array.prototype.slice.call(t))}"function"==typeof SuppressedError&&SuppressedError;var u=function(){function t(t){this.animation=new e.MotionValue(t)}return t.prototype.set=function(t){var n,i,r,o,a,f,s=this;if(!(t instanceof e.MotionValue))if(null===(n=this.unsubscribe)||void 0===n||n.call(this),this.unsubscribe=void 0,"object"==typeof t&&null!==t){var l=t.type,u=t.to,c=t.options;if((null==c?void 0:c.onChange)&&(this.unsubscribe=this.animation.subscribe(c.onChange)),"sequence"===l){var h=(null!==(i=null==c?void 0:c.steps)&&void 0!==i?i:[]).map((function(e){return s.buildDriver(e)})),v=e.sequence(h);return(null==c?void 0:c.onComplete)&&(null===(r=v.setOnComplete)||void 0===r||r.call(v,null==c?void 0:c.onComplete)),void v.start()}if("loop"===l){var d=this.buildDriver(c.controller);v=e.loop(d,null==c?void 0:c.iterations);return(null==c?void 0:c.onComplete)&&(null===(o=v.setOnComplete)||void 0===o||o.call(v,null==c?void 0:c.onComplete)),void v.start()}null===(f=(a=this.buildDriver({type:l,to:u,options:c})).start)||void 0===f||f.call(a)}else this.animation.set(t)},t.prototype.buildDriver=function(t){var n,i,r=this.animation;switch(t.type){case"spring":return e.spring(r,t.to,t.options);case"timing":return e.timing(r,t.to,t.options);case"decay":return e.decay(r,null===(n=t.options)||void 0===n?void 0:n.velocity,t.options);case"delay":return e.delay(null===(i=t.options)||void 0===i?void 0:i.delay);case"sequence":return e.sequence(t.options.steps.map(this.buildDriver.bind(this)));default:throw new Error('Unsupported driver type "'.concat(t.type,'"'))}},Object.defineProperty(t.prototype,"value",{get:function(){return this.animation},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"current",{get:function(){return this.animation.current},enumerable:!1,configurable:!0}),t.prototype.destroy=function(){var e;null===(e=this.unsubscribe)||void 0===e||e.call(this),this.unsubscribe=void 0},t}();function c(e){var n,i,r=t.useRef(null);if(null===r.current){var o=[];if(Array.isArray(e))e.forEach((function(e,t){o.push([String(t),new u(e)])}));else if("object"==typeof e)try{for(var a=f(Object.entries(e)),l=a.next();!l.done;l=a.next()){var c=s(l.value,2),h=c[0],v=c[1];o.push([h,new u(v)])}}catch(e){n={error:e}}finally{try{l&&!l.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}else o.push(["__0",new u(e)]);r.current=o}t.useEffect((function(){return function(){r.current.forEach((function(e){return s(e,2)[1].destroy()})),r.current=null}}),[]);var d=function(){var t,n,i=r.current;if(Array.isArray(e))return i.map((function(e){return s(e,2)[1].value}));if("object"==typeof e){var o={};try{for(var a=f(i),l=a.next();!l.done;l=a.next()){var u=s(l.value,2),c=u[0],h=u[1];o[c]=h.value}}catch(e){t={error:e}}finally{try{l&&!l.done&&(n=a.return)&&n.call(a)}finally{if(t)throw t.error}}return o}return i[0][1].value}();return[d,function(t){var n,i,o=r.current;if(Array.isArray(e)){var a=t;Object.entries(a).forEach((function(e){var t,n=s(e,2),i=n[0],r=n[1],a=Number(i);isNaN(a)||void 0===r||null===(t=o[a])||void 0===t||t[1].set(r)}))}else if("object"==typeof e&&null!==e){a=t;var l=function(e,t){var n=o.find((function(t){return s(t,1)[0]===e}));n&&void 0!==t&&n[1].set(t)};try{for(var u=f(Object.entries(a)),c=u.next();!c.done;c=u.next()){var h=s(c.value,2);l(h[0],h[1])}}catch(e){n={error:e}}finally{try{c&&!c.done&&(i=u.return)&&i.call(u)}finally{if(n)throw n.error}}}else o[0][1].set(t)}]}var h={Timing:{BOUNCE:{duration:500,easing:e.Easing.bounce},EASE_IN:{duration:500,easing:e.Easing.in(e.Easing.ease)},EASE_OUT:{duration:500,easing:e.Easing.out(e.Easing.ease)},EASE_IN_OUT:{duration:500,easing:e.Easing.inOut(e.Easing.ease)},POWER1:{duration:500,easing:e.Easing.bezier(.17,.42,.51,.97)},POWER2:{duration:500,easing:e.Easing.bezier(.07,.11,.13,1)},POWER3:{duration:500,easing:e.Easing.bezier(.09,.7,.16,1.04)},POWER4:{duration:500,easing:e.Easing.bezier(.05,.54,0,1.03)},LINEAR:{duration:500,easing:e.Easing.linear}},Spring:{ELASTIC:{mass:1,friction:18,tension:250},EASE:{mass:1,friction:26,tension:170},STIFF:{mass:1,friction:18,tension:350},WOBBLE:{mass:1,friction:8,tension:250}}},v=function(e,t){var n,i,r;return{type:"spring",to:e,options:{stiffness:null!==(n=null==t?void 0:t.tension)&&void 0!==n?n:h.Spring.ELASTIC.tension,damping:null!==(i=null==t?void 0:t.friction)&&void 0!==i?i:h.Spring.ELASTIC.friction,mass:null!==(r=null==t?void 0:t.mass)&&void 0!==r?r:h.Spring.ELASTIC.mass,onStart:null==t?void 0:t.onStart,onChange:null==t?void 0:t.onChange,onComplete:null==t?void 0:t.onRest}}};var d=/[+-]?\d+(\.\d+)?|[\s]?\.\d+|#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})/gi,m=/#[a-f\d]{3,}|transparent|aliceblue|antiquewhite|aqua|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet|brown|burlywood|burntsienna|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|fuchsia|gainsboro|ghostwhite|gold|goldenrod|gray|green|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|rebeccapurple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silver|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen/gi,p={transparent:"#00000000",aliceblue:"#f0f8ffff",antiquewhite:"#faebd7ff",aqua:"#00ffffff",aquamarine:"#7fffd4ff",azure:"#f0ffffff",beige:"#f5f5dcff",bisque:"#ffe4c4ff",black:"#000000ff",blanchedalmond:"#ffebcdff",blue:"#0000ffff",blueviolet:"#8a2be2ff",brown:"#a52a2aff",burlywood:"#deb887ff",burntsienna:"#ea7e5dff",cadetblue:"#5f9ea0ff",chartreuse:"#7fff00ff",chocolate:"#d2691eff",coral:"#ff7f50ff",cornflowerblue:"#6495edff",cornsilk:"#fff8dcff",crimson:"#dc143cff",cyan:"#00ffffff",darkblue:"#00008bff",darkcyan:"#008b8bff",darkgoldenrod:"#b8860bff",darkgray:"#a9a9a9ff",darkgreen:"#006400ff",darkgrey:"#a9a9a9ff",darkkhaki:"#bdb76bff",darkmagenta:"#8b008bff",darkolivegreen:"#556b2fff",darkorange:"#ff8c00ff",darkorchid:"#9932ccff",darkred:"#8b0000ff",darksalmon:"#e9967aff",darkseagreen:"#8fbc8fff",darkslateblue:"#483d8bff",darkslategray:"#2f4f4fff",darkslategrey:"#2f4f4fff",darkturquoise:"#00ced1ff",darkviolet:"#9400d3ff",deeppink:"#ff1493ff",deepskyblue:"#00bfffff",dimgray:"#696969ff",dimgrey:"#696969ff",dodgerblue:"#1e90ffff",firebrick:"#b22222ff",floralwhite:"#fffaf0ff",forestgreen:"#228b22ff",fuchsia:"#ff00ffff",gainsboro:"#dcdcdcff",ghostwhite:"#f8f8ffff",gold:"#ffd700ff",goldenrod:"#daa520ff",gray:"#808080ff",green:"#008000ff",greenyellow:"#adff2fff",grey:"#808080ff",honeydew:"#f0fff0ff",hotpink:"#ff69b4ff",indianred:"#cd5c5cff",indigo:"#4b0082ff",ivory:"#fffff0ff",khaki:"#f0e68cff",lavender:"#e6e6faff",lavenderblush:"#fff0f5ff",lawngreen:"#7cfc00ff",lemonchiffon:"#fffacdff",lightblue:"#add8e6ff",lightcoral:"#f08080ff",lightcyan:"#e0ffffff",lightgoldenrodyellow:"#fafad2ff",lightgray:"#d3d3d3ff",lightgreen:"#90ee90ff",lightgrey:"#d3d3d3ff",lightpink:"#ffb6c1ff",lightsalmon:"#ffa07aff",lightseagreen:"#20b2aaff",lightskyblue:"#87cefaff",lightslategray:"#778899ff",lightslategrey:"#778899ff",lightsteelblue:"#b0c4deff",lightyellow:"#ffffe0ff",lime:"#00ff00ff",limegreen:"#32cd32ff",linen:"#faf0e6ff",magenta:"#ff00ffff",maroon:"#800000ff",mediumaquamarine:"#66cdaaff",mediumblue:"#0000cdff",mediumorchid:"#ba55d3ff",mediumpurple:"#9370dbff",mediumseagreen:"#3cb371ff",mediumslateblue:"#7b68eeff",mediumspringgreen:"#00fa9aff",mediumturquoise:"#48d1ccff",mediumvioletred:"#c71585ff",midnightblue:"#191970ff",mintcream:"#f5fffaff",mistyrose:"#ffe4e1ff",moccasin:"#ffe4b5ff",navajowhite:"#ffdeadff",navy:"#000080ff",oldlace:"#fdf5e6ff",olive:"#808000ff",olivedrab:"#6b8e23ff",orange:"#ffa500ff",orangered:"#ff4500ff",orchid:"#da70d6ff",palegoldenrod:"#eee8aaff",palegreen:"#98fb98ff",paleturquoise:"#afeeeeff",palevioletred:"#db7093ff",papayawhip:"#ffefd5ff",peachpuff:"#ffdab9ff",peru:"#cd853fff",pink:"#ffc0cbff",plum:"#dda0ddff",powderblue:"#b0e0e6ff",purple:"#800080ff",rebeccapurple:"#663399ff",red:"#ff0000ff",rosybrown:"#bc8f8fff",royalblue:"#4169e1ff",saddlebrown:"#8b4513ff",salmon:"#fa8072ff",sandybrown:"#f4a460ff",seagreen:"#2e8b57ff",seashell:"#fff5eeff",sienna:"#a0522dff",silver:"#c0c0c0ff",skyblue:"#87ceebff",slateblue:"#6a5acdff",slategray:"#708090ff",slategrey:"#708090ff",snow:"#fffafaff",springgreen:"#00ff7fff",steelblue:"#4682b4ff",tan:"#d2b48cff",teal:"#008080ff",thistle:"#d8bfd8ff",tomato:"#ff6347ff",turquoise:"#40e0d0ff",violet:"#ee82eeff",wheat:"#f5deb3ff",white:"#ffffffff",whitesmoke:"#f5f5f5ff",yellow:"#ffff00ff",yellowgreen:"#9acd32ff"};function y(e){var t=function(e){return e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(e,t,n,i){return"#"+t+t+n+n+i+i}))}(e),n=function(e){return 7===e.length?e+"FF":e}(t),i=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return{r:parseInt(i[1],16),g:parseInt(i[2],16),b:parseInt(i[3],16),a:parseInt(i[4],16)/255}}function g(e){var t=e.r,n=e.g,i=e.b,r=e.a;return"#"+(256|t).toString(16).slice(1)+(256|n).toString(16).slice(1)+(256|i).toString(16).slice(1)+(255*r|256).toString(16).slice(1)}var b=function(e,t,n,i){var r=s(t,4),o=r[0],a=r[1],f=r[2],l=r[3],u=e;if(u<o){if("identity"===n)return u;"clamp"===n&&(u=o)}if(u>a){if("identity"===i)return u;"clamp"===i&&(u=a)}return f===l?f:o===a?e<=o?f:l:(o===-1/0?u=-u:a===1/0?u-=o:u=(u-o)/(a-o),f===-1/0?u=-u:l===1/0?u+=f:u=u*(l-f)+f,u)},x=function(e,t,n,i){var r=s(t,4),o=r[0],a=r[1],f=r[2],l=r[3];if(f.length===l.length)return f.map((function(t,r){return"string"==typeof t?function(e,t){var n=s(t,4),i=n[0],r=n[1],o=n[2],a=n[3],f=y(o),l=y(a);return g({r:b(e,[i,r,f.r,l.r],"clamp","clamp"),g:b(e,[i,r,f.g,l.g],"clamp","clamp"),b:b(e,[i,r,f.b,l.b],"clamp","clamp"),a:b(e,[i,r,f.a,l.a],"clamp","clamp")})}(e,[o,a,t,l[r]]):b(e,[o,a,t,l[r]],n,i)}));throw new Error("Array length doesn't match")},w=function(e){return e.replace(d,"$")},E=function(e){return e.match(d).map((function(e){return-1!==e.indexOf("#")?e:Number(e)}))},k=function(e){return e.replace(m,(function(e){if(-1!==e.indexOf("#"))return g(y(e));if(Object.prototype.hasOwnProperty.call(p,e))return p[e];throw new Error("String cannot be parsed!")}))};function M(e,t){var n=new Map;return t.forEach((function(t){var i=s(t,3),r=i[0],o=i[1],a=i[2],f=void 0!==a&&a;n.set(r,function(e,t,n,i){return void 0===i&&(i=!1),e.forEach((function(e){e.addEventListener(t,n,i)})),function(){e.forEach((function(e){e.removeEventListener(t,n,i)}))}}(e,r,o,f))})),function(e){var t,i;try{for(var r=f(n.entries()),o=r.next();!o.done;o=r.next()){var a=s(o.value,2),l=a[0],u=a[1];if(!e)return void u();-1!==e.indexOf(l)&&u()}}catch(e){t={error:e}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(t)throw t.error}}}}function _(e,t,n){return Math.min(Math.max(e,t),n)}function O(e,t,n){return 0===t||Math.abs(t)===1/0?function(e,t){return Math.pow(e,5*t)}(e,n):e*t*n/(t+n*e)}var I=function(e,t){return{x:e,y:t}},S=function(){function e(){this.lastTimeStamp=Date.now(),this.isActive=!1,this.targetElements=[]}return e.prototype._initEvents=function(){},e.prototype._cancelEvents=function(){this._subscribe&&this._subscribe()},e.prototype.applyCallback=function(e){this.callback=e},e.prototype.applyGesture=function(e){var t=this,n=e.targetElement,i=e.targetElements,r=e.callback,o=e.config;return this.targetElement=n,this.targetElements=i.map((function(e){return e.current})),this.callback=r,this.config=o,this._initEvents(),function(){return t._subscribe&&t._subscribe()}},e._VELOCITY_LIMIT=20,e}(),C=function(e){function t(){var t=e.apply(this,l([],s(arguments),!1))||this;return t.movementStart=I(0,0),t.initialMovement=I(0,0),t.movement=I(0,0),t.previousMovement=I(0,0),t.translation=I(0,0),t.offset=I(0,0),t.velocity=I(0,0),t}return o(t,e),t.prototype._initEvents=function(){(this.targetElement||this.targetElements.length>0)&&(this._subscribe=M([window],[["mousedown",this.pointerDown.bind(this)],["mousemove",this.pointerMove.bind(this)],["mouseup",this.pointerUp.bind(this)],["touchstart",this.pointerDown.bind(this),{passive:!1}],["touchmove",this.pointerMove.bind(this),{passive:!1}],["touchend",this.pointerUp.bind(this)]]))},t.prototype._cancelEvents=function(){this._subscribe&&this._subscribe(["mousedown","mousemove","touchstart","touchmove"])},t.prototype._handleCallback=function(){var e=this;this.callback&&this.callback({args:[this.currentIndex],down:this.isActive,movementX:this.movement.x,movementY:this.movement.y,offsetX:this.translation.x,offsetY:this.translation.y,velocityX:this.velocity.x,velocityY:this.velocity.y,distanceX:Math.abs(this.movement.x),distanceY:Math.abs(this.movement.y),directionX:Math.sign(this.movement.x),directionY:Math.sign(this.movement.y),cancel:function(){e._cancelEvents()}})},t.prototype.pointerDown=function(e){var t;"touchstart"===e.type?this.movementStart={x:e.touches[0].clientX,y:e.touches[0].clientY}:this.movementStart={x:e.clientX,y:e.clientY},this.movement={x:0,y:0},this.offset={x:this.translation.x,y:this.translation.y},this.previousMovement={x:0,y:0},this.velocity={x:0,y:0};var n=this.targetElements.find((function(t){return t===e.target}));if(e.target===this.targetElement||n){this.isActive=!0,e.preventDefault(),n&&(this.currentIndex=this.targetElements.indexOf(n));var i=(null===(t=this.config)||void 0===t?void 0:t.initial)&&this.config.initial(),r=null==i?void 0:i.movementX,o=null==i?void 0:i.movementY;this.initialMovement={x:null!=r?r:0,y:null!=o?o:0},this.movement={x:this.initialMovement.x,y:this.initialMovement.y},this.previousMovement={x:this.initialMovement.x,y:this.initialMovement.y},this._handleCallback()}},t.prototype.pointerMove=function(e){if(this.isActive){e.preventDefault();var t=Date.now(),n=_(t-this.lastTimeStamp,.1,64);this.lastTimeStamp=t;var i=n/1e3;"touchmove"===e.type?this.movement={x:this.initialMovement.x+(e.touches[0].clientX-this.movementStart.x),y:this.initialMovement.y+(e.touches[0].clientY-this.movementStart.y)}:this.movement={x:this.initialMovement.x+(e.clientX-this.movementStart.x),y:this.initialMovement.y+(e.clientY-this.movementStart.y)},this.translation={x:this.offset.x+this.movement.x,y:this.offset.y+this.movement.y},this.velocity={x:_((this.movement.x-this.previousMovement.x)/i/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT),y:_((this.movement.y-this.previousMovement.y)/i/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT)},this.previousMovement={x:this.movement.x,y:this.movement.y},this._handleCallback()}},t.prototype.pointerUp=function(){this.isActive&&(this.isActive=!1,this._handleCallback(),this._cancelEvents(),this._initEvents())},t}(S),T=function(e){function t(){var t=e.apply(this,l([],s(arguments),!1))||this;return t.movement=I(0,0),t.previousMovement=I(0,0),t.velocity=I(0,0),t.direction=I(0,0),t}return o(t,e),t.prototype._initEvents=function(){this.targetElement?this._subscribe=M([this.targetElement],[["mousemove",this.onMouseMove.bind(this)]]):this.targetElements.length>0?this._subscribe=M(this.targetElements,[["mousemove",this.onMouseMove.bind(this)]]):this._subscribe=M([window],[["mousemove",this.onMouseMove.bind(this)]])},t.prototype._handleCallback=function(){var e;this.callback&&this.callback({args:[this.currentIndex],event:this.event,isMoving:this.isActive,target:null===(e=this.event)||void 0===e?void 0:e.target,mouseX:this.movement.x,mouseY:this.movement.y,velocityX:this.velocity.x,velocityY:this.velocity.y,directionX:this.direction.x,directionY:this.direction.y})},t.prototype.onMouseMove=function(e){var t=this,n=this.targetElements.find((function(t){return t===e.target}));n&&(this.currentIndex=this.targetElements.indexOf(n)),this.event=e;var i=Date.now(),r=Math.min(i-this.lastTimeStamp,64);this.lastTimeStamp=i;var o=r/1e3,a=e.clientX,f=e.clientY;this.movement={x:a,y:f},-1!==this.isActiveID&&(this.isActive=!0,clearTimeout(this.isActiveID)),this.isActiveID=setTimeout((function(){t.isActive=!1,t.direction={x:0,y:0},t.velocity={x:0,y:0},t._handleCallback()}),250);var s=this.movement.x-this.previousMovement.x,l=this.movement.y-this.previousMovement.y;this.direction={x:Math.sign(s),y:Math.sign(l)},this.velocity={x:_(s/o/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT),y:_(l/o/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT)},this.previousMovement={x:this.movement.x,y:this.movement.y},this._handleCallback()},t}(S),L=function(e){function t(){var t=e.apply(this,l([],s(arguments),!1))||this;return t.movement=I(0,0),t.previousMovement=I(0,0),t.direction=I(0,0),t.velocity=I(0,0),t}return o(t,e),t.prototype._initEvents=function(){this.targetElement?this._subscribe=M([this.targetElement],[["scroll",this.scrollElementListener.bind(this)]]):this._subscribe=M([window],[["scroll",this.scrollListener.bind(this)]])},t.prototype._handleCallback=function(){this.callback&&this.callback({isScrolling:this.isActive,scrollX:this.movement.x,scrollY:this.movement.y,velocityX:this.velocity.x,velocityY:this.velocity.y,directionX:this.direction.x,directionY:this.direction.y})},t.prototype.onScroll=function(e){var t=this,n=e.x,i=e.y,r=Date.now(),o=Math.min(r-this.lastTimeStamp,64);this.lastTimeStamp=r;var a=o/1e3;this.movement={x:n,y:i},-1!==this.isActiveID&&(this.isActive=!0,clearTimeout(this.isActiveID)),this.isActiveID=setTimeout((function(){t.isActive=!1,t.direction={x:0,y:0},t.velocity={x:0,y:0},t._handleCallback()}),250);var f=this.movement.x-this.previousMovement.x,s=this.movement.y-this.previousMovement.y;this.direction={x:Math.sign(f),y:Math.sign(s)},this.velocity={x:_(f/a/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT),y:_(s/a/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT)},this.previousMovement={x:this.movement.x,y:this.movement.y},this._handleCallback()},t.prototype.scrollListener=function(){var e=window.pageYOffset,t=window.pageXOffset;this.onScroll({x:t,y:e})},t.prototype.scrollElementListener=function(){var e,t,n=(null===(e=this.targetElement)||void 0===e?void 0:e.scrollLeft)||0,i=(null===(t=this.targetElement)||void 0===t?void 0:t.scrollTop)||0;this.onScroll({x:n,y:i})},t}(S),A=function(e){function t(){var t=e.apply(this,l([],s(arguments),!1))||this;return t.movement=I(0,0),t.previousMovement=I(0,0),t.direction=I(0,0),t.velocity=I(0,0),t.delta=I(0,0),t.offset=I(0,0),t.translation=I(0,0),t}return o(t,e),t.prototype._initEvents=function(){this.targetElement&&(this._subscribe=M([this.targetElement],[["wheel",this.onWheel.bind(this)]]))},t.prototype._handleCallback=function(){this.callback&&this.callback({target:this.targetElement,isWheeling:this.isActive,deltaX:this.delta.x,deltaY:this.delta.y,directionX:this.direction.x,directionY:this.direction.y,movementX:this.movement.x,movementY:this.movement.y,offsetX:this.offset.x,offsetY:this.offset.y,velocityX:this.velocity.x,velocityY:this.velocity.y})},t.prototype.onWheel=function(e){var t=this,n=e.deltaX,i=e.deltaY,r=e.deltaMode,o=Date.now(),a=Math.min(o-this.lastTimeStamp,64);this.lastTimeStamp=o;var f=a/1e3;this.isActive=!0,-1!==this.isActiveID&&(this.isActive=!0,clearTimeout(this.isActiveID)),this.isActiveID=setTimeout((function(){t.isActive=!1,t.translation={x:t.offset.x,y:t.offset.y},t._handleCallback(),t.velocity={x:0,y:0},t.movement={x:0,y:0}}),200),1===r?(n*=40,i*=40):2===r&&(n*=800,i*=800),this.delta={x:n,y:i},this.movement={x:this.movement.x+n,y:this.movement.y+i},this.offset={x:this.translation.x+this.movement.x,y:this.translation.y+this.movement.y};var s=this.movement.x-this.previousMovement.x,l=this.movement.y-this.previousMovement.y;this.direction={x:Math.sign(s),y:Math.sign(l)},this.velocity={x:_(s/f/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT),y:_(l/f/1e3,-1*S._VELOCITY_LIMIT,S._VELOCITY_LIMIT)},this.previousMovement={x:this.movement.x,y:this.movement.y},this._handleCallback()},t}(S),Y=function(e){var t=i.useRef(),n=i.useRef([]),r=i.useRef(new Map).current;return i.useEffect((function(){var t,n;try{for(var i=f(r.entries()),o=i.next();!o.done;o=i.next()){var a=s(o.value,2)[1],l=a.keyIndex,u=a.gesture,c=s(e[l],3)[2];u.applyCallback(c)}}catch(e){t={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(t)throw t.error}}}),[e]),i.useEffect((function(){return e.forEach((function(e,i){var o=s(e,4),a=o[0],f=o[1],l=o[2],u=o[3];queueMicrotask((function(){return r.set(a,{keyIndex:i,gesture:f,unsubscribe:f.applyGesture({targetElement:t.current,targetElements:n.current,callback:l,config:u})})}))})),function(){var e,t;try{for(var n=f(r.entries()),i=n.next();!i.done;i=n.next()){var o=s(i.value,2)[1].unsubscribe;o&&o()}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=n.return)&&t.call(n)}finally{if(e)throw e.error}}}})),function(e){return null==e?{ref:t}:(n.current[e]=n.current[e]||i.createRef(),{ref:n.current[e]})}};Object.defineProperty(exports,"Easing",{enumerable:!0,get:function(){return e.Easing}}),Object.defineProperty(exports,"animate",{enumerable:!0,get:function(){return e.motion}}),Object.defineProperty(exports,"combine",{enumerable:!0,get:function(){return e.combine}}),Object.defineProperty(exports,"makeAnimated",{enumerable:!0,get:function(){return e.makeMotion}}),exports.AnimationConfig=h,exports.bin=function(e){return e?1:0},exports.clamp=_,exports.interpolateNumbers=function(e,t,n,i){var r,o,a=null==i?void 0:i.extrapolate,l=null==i?void 0:i.extrapolateLeft,u=null==i?void 0:i.extrapolateRight,c=function(e,t,n){var i=t.length,r=[];e<t[0]?r=[t[0],t[1],n[0],n[1]]:e>t[i-1]&&(r=[t[i-2],t[i-1],n[i-2],n[i-1]]);for(var o=1;o<i;++o)if(e<=t[o]){r=[t[o-1],t[o],n[o-1],n[o]];break}return r}(e,t,n),h="extend";void 0!==l?h=l:void 0!==a&&(h=a);var v,d="extend";if(void 0!==u?d=u:void 0!==a&&(d=a),n.length){if("number"==typeof n[0])return b(e,c,h,d);if(Array.isArray(n[0]))return x(e,c,h,d);var m=s(c,4),p=m[0],y=m[1],g=m[2],M=m[3],_=k(g),O=k(M),I=w(_);if(v=O,w(_).trim().replace(/\s/g,"")===w(v).trim().replace(/\s/g,"")){var S=E(_),C=E(O),T=x(e,[p,y,S,C],h,d);try{for(var L=f(T),A=L.next();!A.done;A=L.next()){var Y=A.value;I=I.replace("$",Y)}}catch(e){r={error:e}}finally{try{A&&!A.done&&(o=L.return)&&o.call(L)}finally{if(r)throw r.error}}return I}throw new Error("Output range doesn't match string format!")}throw new Error("Output range cannot be Empty")},exports.mix=function(e,t,n){return t*(1-e)+n*e},exports.move=function(e,t,n){var i=e[t],r=e.length,o=t-n;if(o>0)return l(l(l(l([],s(e.slice(0,n)),!1),[i],!1),s(e.slice(n,t)),!1),s(e.slice(t+1,r)),!1);if(o<0){var a=n+1;return l(l(l(l([],s(e.slice(0,t)),!1),s(e.slice(t+1,a)),!1),[i],!1),s(e.slice(a,r)),!1)}return e},exports.rubberClamp=function(e,t,n,i){return void 0===i&&(i=.15),0===i?_(e,t,n):e<t?-O(t-e,n-t,i)+t:e>n?+O(e-n,n-t,i)+n:e},exports.snapTo=function(e,t,n){var i=e+.2*t,r=function(e){return Math.abs(e-i)},o=n.map(r),a=Math.min.apply(Math,l([],s(o),!1));return n.reduce((function(e,t){return r(t)===a?t:e}))},exports.useAnimatedList=function(e,n,i){var r;void 0===i&&(i={});var o="object"==typeof i.from&&null!==i.from,l=o?i.from:{value:null!==(r=i.from)&&void 0!==r?r:0},c={},h={};Object.keys(l).forEach((function(e){var t,n,r=o?null===(t=i.enter)||void 0===t?void 0:t[e]:i.enter;c[e]="number"==typeof r?v(r):r||v(1);var a=o?null===(n=i.exit)||void 0===n?void 0:n[e]:i.exit;h[e]="number"==typeof a?v(a):a||v(0)}));var d=t.useRef(new Map),m=t.useRef(new Set),p=s(t.useState(0),2)[1];return t.useLayoutEffect((function(){var t,i,r=new Set(e.map(n)),o=function(e){var t=n(e);if(d.current.has(t))d.current.get(t).item=e;else{var i={};Object.entries(l).forEach((function(e){var t=s(e,2),n=t[0],r=t[1],o=new u(r);o.set(c[n]),i[n]=o})),d.current.set(t,{values:i,item:e}),p((function(e){return e+1}))}};try{for(var v=f(e),y=v.next();!y.done;y=v.next()){o(y.value)}}catch(e){t={error:e}}finally{try{y&&!y.done&&(i=v.return)&&i.call(v)}finally{if(t)throw t.error}}d.current.forEach((function(e,t){var n=e.values;if(!r.has(t)&&!m.current.has(t)){m.current.add(t);var i=Object.keys(n);i.forEach((function(e,r){var o=h[e];n[e].set(a(a({},o),{options:a(a({},o.options),{onComplete:function(){var a,f;r===i.length-1&&(d.current.delete(t),m.current.delete(t),p((function(e){return e+1})),null===(f=null===(a=o.options)||void 0===a?void 0:a.onComplete)||void 0===f||f.call(a),n[e].destroy())}})}))}))}}))}),[e,n,JSON.stringify(l),JSON.stringify(c),JSON.stringify(h)]),Array.from(d.current.entries()).map((function(e){var t=s(e,2),n=t[0],i=t[1],r=i.values,a=i.item;if(!o)return{key:n,item:a,animation:r.value.value};var f={};return Object.entries(r).forEach((function(e){var t=s(e,2),n=t[0],i=t[1];f[n]=i.value})),{key:n,item:a,animation:f}}))},exports.useDrag=function(e,t){var n=i.useRef(new C).current;return Y([["drag",n,e,t]])},exports.useGesture=function(e){var t=e.onDrag,n=e.onWheel,r=e.onScroll,o=e.onMouseMove,a=i.useRef(new C).current,f=i.useRef(new A).current,s=i.useRef(new L).current,l=i.useRef(new T).current;return Y([["drag",a,t],["wheel",f,n],["scroll",s,r],["move",l,o]])},exports.useMeasure=function(e,n){var i=t.useRef(null),r=t.useRef([]),o=t.useRef(e);return t.useEffect((function(){return o.current=e,function(){o.current=function(){return!1}}}),n),t.useEffect((function(){var e=i.current||document.documentElement,t=r.current,n=new ResizeObserver((function(t){var n=s(t,1)[0].target.getBoundingClientRect(),i=n.left,r=n.top,a=n.width,f=n.height,l=window.pageXOffset,u=window.pageYOffset;if(o){if(e===document.documentElement)return;o.current({left:i+l,top:r+u,width:a,height:f,vLeft:i,vTop:r})}})),a=new ResizeObserver((function(e){var t=[],n=[],i=[],r=[],a=[],f=[];e.forEach((function(e){var o=e.target.getBoundingClientRect(),s=o.left,l=o.top,u=o.width,c=o.height,h=s+window.pageXOffset,v=l+window.pageYOffset;t.push(h),n.push(v),i.push(u),r.push(c),a.push(s),f.push(l)})),o&&o.current({left:t,top:n,width:i,height:r,vLeft:a,vTop:f})}));return e&&(e===document.documentElement&&t.length>0?t.forEach((function(e){a.observe(e.current)})):n.observe(e)),function(){e&&(e===document.documentElement&&t.length>0?t.forEach((function(e){a.unobserve(e.current)})):n.unobserve(e))}}),[]),function(e){return null==e?{ref:i}:(r.current[e]=r.current[e]||t.createRef(),{ref:r.current[e]})}},exports.useMount=function(e,n){var i;void 0===n&&(n={});var r=s(t.useState(e),2),o=r[0],f=r[1],l="object"==typeof n.from&&null!==n.from,u=l?n.from:{value:null!==(i=n.from)&&void 0!==i?i:0},h={},d={};Object.keys(u).forEach((function(e){var t,i;h[e]=l?null===(t=n.enter)||void 0===t?void 0:t[e]:n.enter,null==h[e]&&(h[e]=1),d[e]=l?null===(i=n.exit)||void 0===i?void 0:i[e]:n.exit,null==d[e]&&(d[e]=0)}));var m=s(c(u),2),p=m[0],y=m[1];if(t.useLayoutEffect((function(){var t=Object.keys(u);e?(f(!0),queueMicrotask((function(){var e={};t.forEach((function(t){var n=h[t];e[t]="object"==typeof n&&"type"in n?n:v(n)})),y(e)}))):queueMicrotask((function(){var e={};t.forEach((function(n,i){var r=d[n],o="object"==typeof r&&"type"in r?r:v(r);e[n]=a(a({},o),{options:a(a({},o.options),{onComplete:function(){var e,n;i===t.length-1&&(f(!1),null===(n=null===(e=o.options)||void 0===e?void 0:e.onComplete)||void 0===n||n.call(e))}})})})),y(e)}))}),[e,JSON.stringify(h),JSON.stringify(d)]),!l){var g=p.value;return function(e){return e(g,o)}}return function(e){return e(p,o)}},exports.useMouseMove=function(e){var t=i.useRef(new T).current;return Y([["move",t,e]])},exports.useOutsideClick=function(e,n,i){var r=t.useRef();r.current||(r.current=n),t.useEffect((function(){return r.current=n,function(){r.current=function(){return!1}}}),i),t.useEffect((function(){var t=M([document],[["mousedown",function(t){var n=t.target;n&&n.isConnected&&(e.current&&!e.current.contains(n)&&r.current&&r.current(t))}]]);return function(){return t&&t()}}),[])},exports.useScroll=function(e){var t=i.useRef(new L).current;return Y([["scroll",t,e]])},exports.useValue=c,exports.useWheel=function(e){var t=i.useRef(new A).current;return Y([["wheel",t,e]])},exports.useWindowDimension=function(e,n){var i=t.useRef({width:0,height:0,innerWidth:0,innerHeight:0}),r=t.useRef(e);t.useEffect((function(){return r.current=e,function(){r.current=function(){return!1}}}),n),t.useEffect((function(){var e=new ResizeObserver((function(e){var t=s(e,1)[0].target,n=t.clientWidth,o=t.clientHeight,f=window.innerWidth,l=window.innerHeight;i.current={width:n,height:o,innerWidth:f,innerHeight:l},r&&r.current(a({},i.current))}));return e.observe(document.documentElement),function(){return e.unobserve(document.documentElement)}}),[])},exports.withDecay=function(e){return{type:"decay",options:{velocity:e.velocity,onStart:null==e?void 0:e.onStart,onChange:null==e?void 0:e.onChange,onComplete:null==e?void 0:e.onRest,clamp:null==e?void 0:e.clamp}}},exports.withDelay=function(e){return{type:"delay",options:{delay:e}}},exports.withEase=function(e,t){return v(e,a(a({},t),h.Spring.EASE))},exports.withLoop=function(e,t,n){return{type:"loop",options:{controller:e,iterations:t,onStart:null==n?void 0:n.onStart,onChange:null==n?void 0:n.onChange,onComplete:null==n?void 0:n.onRest}}},exports.withSequence=function(e,t){return{type:"sequence",options:{steps:e,onStart:null==t?void 0:t.onStart,onChange:null==t?void 0:t.onChange,onComplete:null==t?void 0:t.onRest}}},exports.withSpring=v,exports.withTiming=function(e,t){var n;return{type:"timing",to:e,options:{duration:null!==(n=null==t?void 0:t.duration)&&void 0!==n?n:300,easing:null==t?void 0:t.easing,onStart:null==t?void 0:t.onStart,onChange:null==t?void 0:t.onChange,onComplete:null==t?void 0:t.onRest}}};
1
+ var e=require("@raidipesh78/re-motion"),t=require("react"),n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},n(e,t)};function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function i(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}var o=function(){return o=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},o.apply(this,arguments)};function r(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,r=n.call(e),f=[];try{for(;(void 0===t||t-- >0)&&!(i=r.next()).done;)f.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return f}function f(e,t,n){if(n||2===arguments.length)for(var i,o=0,r=t.length;o<r;o++)!i&&o in t||(i||(i=Array.prototype.slice.call(t,0,o)),i[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}function a(e,t){return void 0===e&&(e={}),t?e:(e.onStart,e.onChange,e.onComplete,function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(n[i[o]]=e[i[o]])}return n}(e,["onStart","onChange","onComplete"]))}function s(e){return"object"==typeof e&&null!==e&&"type"in e&&"string"==typeof e.type}function u(t,n){var i,o,r=n.type,f=n.to,a=n.options,s=void 0===a?{}:a;switch(r){case"spring":return e.spring(t,f,s);case"timing":return e.timing(t,f,s);case"decay":return e.decay(t,null!==(i=s.velocity)&&void 0!==i?i:0,s);case"delay":return e.delay(null!==(o=s.delay)&&void 0!==o?o:0);default:return console.warn("Unsupported animation type: ".concat(r)),{start:function(){},pause:function(){},resume:function(){},cancel:function(){},reset:function(){}}}}function l(t,n){var i=Object.entries(t).filter((function(e){var t=r(e,1)[0];return"decay"===n.type||"delay"===n.type||void 0!==n.to[t]})).map((function(e,t){var i=r(e,2),o=i[0];return u(i[1],{type:n.type,to:"decay"===n.type||"delay"===n.type?n.to:n.to[o],options:a(n.options,0===t)})}));return e.parallel(i)}function c(n){var i=t.useMemo((function(){return Array.isArray(n)?n.map((function(t){return new e.MotionValue(t)})):"object"==typeof n?Object.fromEntries(Object.entries(n).map((function(t){var n=r(t,2),i=n[0],o=n[1];return[i,new e.MotionValue(o)]}))):new e.MotionValue(n)}),[]);return[i,function(t){var f=null;f=Array.isArray(n)?function(t,n){var i,r;if(!s(n))return n.forEach((function(e,n){var i;null===(i=t[n])||void 0===i||i.set(e)})),null;var f=n,u=Object.fromEntries(t.map((function(e,t){return[t.toString(),e]})));switch(f.type){case"sequence":var c=f.options.animations.map((function(t){var n,i;return"delay"===t.type?e.delay(null!==(i=null===(n=t.options)||void 0===n?void 0:n.delay)&&void 0!==i?i:0):l(u,o(o({},t),{to:Array.isArray(t.to)?Object.fromEntries(t.to.map((function(e,t){return[t.toString(),e]}))):t.to}))}));return e.sequence(c,f.options);case"loop":var d=f.options.animation;if("sequence"===d.type){var p=d.options.animations.map((function(e){return l(u,o(o({},e),{to:Array.isArray(e.to)?Object.fromEntries(e.to.map((function(e,t){return[t.toString(),e]}))):e.to}))})),h=e.sequence(p,a(d.options,!0));return e.loop(h,null!==(i=f.options.iterations)&&void 0!==i?i:0,a(f.options,!0))}var v=l(u,d);return e.loop(v,null!==(r=f.options.iterations)&&void 0!==r?r:0,a(f.options,!0));default:return l(u,f)}}(i,t):"object"==typeof n?function(t,n){var i,o;if(s(n))switch(n.type){case"sequence":var f=n.options.animations.map((function(n){var i;return"delay"===n.type?e.delay(null!==(i=n.options.delay)&&void 0!==i?i:0):l(t,n)}));return e.sequence(f,n.options);case"loop":var u=n.options.animation;if("sequence"===u.type){f=u.options.animations.map((function(e){return l(t,e)}));return e.loop(e.sequence(f,a(u.options,!0)),null!==(i=n.options.iterations)&&void 0!==i?i:0,a(n.options,!0))}return e.loop(l(t,u),null!==(o=n.options.iterations)&&void 0!==o?o:0,a(n.options,!0));default:return l(t,n)}return Object.entries(n).forEach((function(e){var n,i=r(e,2),o=i[0],f=i[1];null===(n=t[o])||void 0===n||n.set(f)})),null}(i,t):function(t,n){var i,o,r,f,a,s,l,c,d;if("number"==typeof n||"string"==typeof n)return void t.set(n);if("sequence"===n.type){var p=(null!==(o=null===(i=n.options)||void 0===i?void 0:i.animations)&&void 0!==o?o:[]).map((function(e){return u(t,e)}));return e.sequence(p,n.options)}if("loop"===n.type){var h=null===(r=n.options)||void 0===r?void 0:r.animation;if(!h)return;if("sequence"===h.type){p=(null!==(a=null===(f=h.options)||void 0===f?void 0:f.animations)&&void 0!==a?a:[]).map((function(e){return u(t,e)}));return e.loop(e.sequence(p),null!==(l=null===(s=n.options)||void 0===s?void 0:s.iterations)&&void 0!==l?l:0,n.options)}return e.loop(u(t,h),null!==(d=null===(c=n.options)||void 0===c?void 0:c.iterations)&&void 0!==d?d:0,n.options)}return u(t,n)}(i,t),f&&f.start()}]}"function"==typeof SuppressedError&&SuppressedError;var d={Timing:{BOUNCE:{duration:500,easing:e.Easing.bounce},EASE_IN:{duration:500,easing:e.Easing.in(e.Easing.ease)},EASE_OUT:{duration:500,easing:e.Easing.out(e.Easing.ease)},EASE_IN_OUT:{duration:500,easing:e.Easing.inOut(e.Easing.ease)},POWER1:{duration:500,easing:e.Easing.bezier(.17,.42,.51,.97)},POWER2:{duration:500,easing:e.Easing.bezier(.07,.11,.13,1)},POWER3:{duration:500,easing:e.Easing.bezier(.09,.7,.16,1.04)},POWER4:{duration:500,easing:e.Easing.bezier(.05,.54,0,1.03)},LINEAR:{duration:500,easing:e.Easing.linear}},Spring:{ELASTIC:{mass:1,damping:18,stiffness:250},EASE:{mass:1,damping:20,stiffness:158},STIFF:{mass:1,damping:18,stiffness:350},WOBBLE:{mass:1,damping:8,stiffness:250}}},p=function(e,t){var n,i,o;return{type:"spring",to:e,options:{stiffness:null!==(n=null==t?void 0:t.stiffness)&&void 0!==n?n:d.Spring.EASE.stiffness,damping:null!==(i=null==t?void 0:t.damping)&&void 0!==i?i:d.Spring.EASE.damping,mass:null!==(o=null==t?void 0:t.mass)&&void 0!==o?o:d.Spring.EASE.mass,onStart:null==t?void 0:t.onStart,onChange:null==t?void 0:t.onChange,onComplete:null==t?void 0:t.onComplete}}};var h={transparent:"#00000000",aliceblue:"#f0f8ffff",antiquewhite:"#faebd7ff",aqua:"#00ffffff",aquamarine:"#7fffd4ff",azure:"#f0ffffff",beige:"#f5f5dcff",bisque:"#ffe4c4ff",black:"#000000ff",blanchedalmond:"#ffebcdff",blue:"#0000ffff",blueviolet:"#8a2be2ff",brown:"#a52a2aff",burlywood:"#deb887ff",burntsienna:"#ea7e5dff",cadetblue:"#5f9ea0ff",chartreuse:"#7fff00ff",chocolate:"#d2691eff",coral:"#ff7f50ff",cornflowerblue:"#6495edff",cornsilk:"#fff8dcff",crimson:"#dc143cff",cyan:"#00ffffff",darkblue:"#00008bff",darkcyan:"#008b8bff",darkgoldenrod:"#b8860bff",darkgray:"#a9a9a9ff",darkgreen:"#006400ff",darkgrey:"#a9a9a9ff",darkkhaki:"#bdb76bff",darkmagenta:"#8b008bff",darkolivegreen:"#556b2fff",darkorange:"#ff8c00ff",darkorchid:"#9932ccff",darkred:"#8b0000ff",darksalmon:"#e9967aff",darkseagreen:"#8fbc8fff",darkslateblue:"#483d8bff",darkslategray:"#2f4f4fff",darkslategrey:"#2f4f4fff",darkturquoise:"#00ced1ff",darkviolet:"#9400d3ff",deeppink:"#ff1493ff",deepskyblue:"#00bfffff",dimgray:"#696969ff",dimgrey:"#696969ff",dodgerblue:"#1e90ffff",firebrick:"#b22222ff",floralwhite:"#fffaf0ff",forestgreen:"#228b22ff",fuchsia:"#ff00ffff",gainsboro:"#dcdcdcff",ghostwhite:"#f8f8ffff",gold:"#ffd700ff",goldenrod:"#daa520ff",gray:"#808080ff",green:"#008000ff",greenyellow:"#adff2fff",grey:"#808080ff",honeydew:"#f0fff0ff",hotpink:"#ff69b4ff",indianred:"#cd5c5cff",indigo:"#4b0082ff",ivory:"#fffff0ff",khaki:"#f0e68cff",lavender:"#e6e6faff",lavenderblush:"#fff0f5ff",lawngreen:"#7cfc00ff",lemonchiffon:"#fffacdff",lightblue:"#add8e6ff",lightcoral:"#f08080ff",lightcyan:"#e0ffffff",lightgoldenrodyellow:"#fafad2ff",lightgray:"#d3d3d3ff",lightgreen:"#90ee90ff",lightgrey:"#d3d3d3ff",lightpink:"#ffb6c1ff",lightsalmon:"#ffa07aff",lightseagreen:"#20b2aaff",lightskyblue:"#87cefaff",lightslategray:"#778899ff",lightslategrey:"#778899ff",lightsteelblue:"#b0c4deff",lightyellow:"#ffffe0ff",lime:"#00ff00ff",limegreen:"#32cd32ff",linen:"#faf0e6ff",magenta:"#ff00ffff",maroon:"#800000ff",mediumaquamarine:"#66cdaaff",mediumblue:"#0000cdff",mediumorchid:"#ba55d3ff",mediumpurple:"#9370dbff",mediumseagreen:"#3cb371ff",mediumslateblue:"#7b68eeff",mediumspringgreen:"#00fa9aff",mediumturquoise:"#48d1ccff",mediumvioletred:"#c71585ff",midnightblue:"#191970ff",mintcream:"#f5fffaff",mistyrose:"#ffe4e1ff",moccasin:"#ffe4b5ff",navajowhite:"#ffdeadff",navy:"#000080ff",oldlace:"#fdf5e6ff",olive:"#808000ff",olivedrab:"#6b8e23ff",orange:"#ffa500ff",orangered:"#ff4500ff",orchid:"#da70d6ff",palegoldenrod:"#eee8aaff",palegreen:"#98fb98ff",paleturquoise:"#afeeeeff",palevioletred:"#db7093ff",papayawhip:"#ffefd5ff",peachpuff:"#ffdab9ff",peru:"#cd853fff",pink:"#ffc0cbff",plum:"#dda0ddff",powderblue:"#b0e0e6ff",purple:"#800080ff",rebeccapurple:"#663399ff",red:"#ff0000ff",rosybrown:"#bc8f8fff",royalblue:"#4169e1ff",saddlebrown:"#8b4513ff",salmon:"#fa8072ff",sandybrown:"#f4a460ff",seagreen:"#2e8b57ff",seashell:"#fff5eeff",sienna:"#a0522dff",silver:"#c0c0c0ff",skyblue:"#87ceebff",slateblue:"#6a5acdff",slategray:"#708090ff",slategrey:"#708090ff",snow:"#fffafaff",springgreen:"#00ff7fff",steelblue:"#4682b4ff",tan:"#d2b48cff",teal:"#008080ff",thistle:"#d8bfd8ff",tomato:"#ff6347ff",turquoise:"#40e0d0ff",violet:"#ee82eeff",wheat:"#f5deb3ff",white:"#ffffffff",whitesmoke:"#f5f5f5ff",yellow:"#ffff00ff",yellowgreen:"#9acd32ff"},v=/-?\d+(\.\d+)?/g,m=/^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,y=/^rgba?\(\s*-?\d+(\.\d+)?%?(?:\s*,\s*-?\d+(\.\d+)?%?){2}(?:\s*,\s*(0|1|0?\.\d+))?\s*\)$/i,g=/^hsla?\(\s*\d+(\.\d+)?(?:\s*,\s*\d+(\.\d+)?%){2}(?:\s*,\s*(0|1|0?\.\d+))?\s*\)$/i;function b(e){var t=e.trim().toLowerCase();return m.test(t)||y.test(t)||g.test(t)||void 0!==h[t]}function E(e){var t,n,i,o,a,s,u=e.trim().toLowerCase();if(h[u]&&(u=h[u]),m.test(u)){var l=u.slice(1);3===l.length?l=l[0]+l[0]+l[1]+l[1]+l[2]+l[2]:4===l.length&&(l=l[0]+l[0]+l[1]+l[1]+l[2]+l[2]+l[3]+l[3]);var c=8===l.length,d=parseInt(l,16);return[E=d>>(c?24:16)&255,w=d>>(c?16:8)&255,x=d>>(c?8:0)&255,M=c?(255&d)/255:1]}if(y.test(u)){var p=f([],r(u.matchAll(v)),!1).map((function(e){return+e[0]})),b=r(p,4),E=b[0],w=b[1],x=b[2],T=b[3];return[E,w,x,M=void 0===T?1:T]}if(g.test(u)){p=f([],r(u.matchAll(v)),!1).map((function(e){return+e[0]}));var L=r(p,4),I=L[0],C=L[1],O=L[2],S=L[3],M=void 0===S?1:S;C/=100,O/=100;var k=(1-Math.abs(2*O-1))*C,A=k*(1-Math.abs(I/60%2-1)),P=O-k/2,Y=r([0,0,0],3),_=Y[0],q=Y[1],j=Y[2];return I<60?(_=(t=r([k,A,0],3))[0],q=t[1],j=t[2]):I<120?(_=(n=r([A,k,0],3))[0],q=n[1],j=n[2]):I<180?(_=(i=r([0,k,A],3))[0],q=i[1],j=i[2]):I<240?(_=(o=r([0,A,k],3))[0],q=o[1],j=o[2]):I<300?(_=(a=r([A,0,k],3))[0],q=a[1],j=a[2]):(_=(s=r([k,0,A],3))[0],q=s[1],j=s[2]),[Math.round(255*(_+P)),Math.round(255*(q+P)),Math.round(255*(j+P)),M]}throw new Error("Unrecognized CSS color: ".concat(e))}function w(e,t,n){var i=/^([a-zA-Z$_][\w$]*)\((-?\d*\.?\d+)([a-zA-Z%]*)\)$/,o=e.match(i),f=t.match(i);if(o&&f&&o[1]===f[1]&&o[3]===f[3]){var a=o[1],s=parseFloat(o[2]),u=parseFloat(f[2]),l=o[3],c=s+(u-s)*n;return"".concat(a,"(").concat(c.toFixed(3)).concat(l,")")}if(b(e)&&b(t)){var d=E(e),p=E(t),h=r(d,4),v=h[0],m=h[1],y=h[2],g=h[3],x=r(p,4),T=x[0],L=x[1],I=x[2],C=x[3],O=Math.round(v+(T-v)*n),S=Math.round(m+(L-m)*n),M=Math.round(y+(I-y)*n),k=g+(C-g)*n;return k<1?"rgba(".concat(O,",").concat(S,",").concat(M,",").concat(k.toFixed(3),")"):"rgb(".concat(O,",").concat(S,",").concat(M,")")}var A=e.split(/(\s+)/),P=t.split(/(\s+)/);if(A.length!==P.length)throw new Error('interpolate: template mismatch:\n "'.concat(e,'"\n vs "').concat(t,'"'));var Y=/^(-?\d+(\.\d+)?)([a-zA-Z%]*)$/;return A.map((function(e,t){var i=P[t];if(e===i&&/\s+/.test(e))return function(){return e};var o=e.match(Y),r=i.match(Y);if(o&&r&&o[3]===r[3]){var f=parseFloat(o[1]),a=parseFloat(r[1]),s=o[3];return function(){return"".concat((f+(a-f)*n).toFixed(3)).concat(s)}}if(b(e)&&b(i))return function(){return w(e,i,n)};if(e===i)return function(){return e};throw new Error('interpolate: cannot interpolate tokens "'.concat(e,'" vs "').concat(i,'"'))})).map((function(e){return e()})).join("")}function x(e,t,n){return Math.min(Math.max(e,t),n)}function T(e,t,n){return 0===t||Math.abs(t)===1/0?function(e,t){return Math.pow(e,5*t)}(e,n):e*t*n/(t+n*e)}var L=function(){function e(){this.changeListeners=new Set,this.endListeners=new Set}return e.prototype.onChange=function(e){return this.changeListeners.add(e),this},e.prototype.onEnd=function(e){return this.endListeners.add(e),this},e.prototype.emitChange=function(e){this.changeListeners.forEach((function(t){return t(e)}))},e.prototype.emitEnd=function(e){this.endListeners.forEach((function(t){return t(e)}))},e.VELOCITY_LIMIT=20,e}(),I=function(e){function t(t){void 0===t&&(t={});var n=e.call(this)||this;return n.prev={x:0,y:0},n.lastTime=0,n.movement={x:0,y:0},n.velocity={x:0,y:0},n.start={x:0,y:0},n.offset={x:0,y:0},n.activePointerId=null,n.attachedEl=null,n.pointerDownPos={x:0,y:0},n.thresholdPassed=!1,n.config=t,n}return i(t,e),t.prototype.attach=function(e){this.attachedEl=e;var t=this.onDown.bind(this),n=this.onMove.bind(this),i=this.onUp.bind(this);return e.addEventListener("pointerdown",t,{passive:!1}),window.addEventListener("pointermove",n,{passive:!1}),window.addEventListener("pointerup",i),window.addEventListener("pointercancel",i),function(){e.removeEventListener("pointerdown",t),window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",i),window.removeEventListener("pointercancel",i)}},t.prototype.onDown=function(e){var t,n,i;0===e.button&&this.attachedEl&&(this.attachedEl.setPointerCapture(e.pointerId),this.activePointerId=e.pointerId,this.start=!1===this.thresholdPassed&&0===this.start.x&&0===this.start.y?null!==(i=null===(n=(t=this.config).initial)||void 0===n?void 0:n.call(t))&&void 0!==i?i:{x:0,y:0}:o({},this.offset),this.offset=o({},this.start),this.pointerDownPos={x:e.clientX,y:e.clientY},this.thresholdPassed=!1,this.prev={x:e.clientX,y:e.clientY},this.lastTime=e.timeStamp,this.emitChange({down:!0,movement:{x:0,y:0},offset:o({},this.offset),velocity:{x:0,y:0},event:e,cancel:this.cancel.bind(this)}))},t.prototype.onMove=function(e){var t;if(this.activePointerId===e.pointerId){e.preventDefault();var n=null!==(t=this.config.threshold)&&void 0!==t?t:0;if(!this.thresholdPassed){var i=e.clientX-this.pointerDownPos.x,r=e.clientY-this.pointerDownPos.y;if(Math.hypot(i,r)<n)return;this.thresholdPassed=!0}var f=Math.max((e.timeStamp-this.lastTime)/1e3,1e-6);this.lastTime=e.timeStamp;var a=(e.clientX-this.prev.x)/f/1e3,s=(e.clientY-this.prev.y)/f/1e3;this.velocity={x:x(a,-L.VELOCITY_LIMIT,L.VELOCITY_LIMIT),y:x(s,-L.VELOCITY_LIMIT,L.VELOCITY_LIMIT)};var u={x:e.clientX-this.pointerDownPos.x,y:e.clientY-this.pointerDownPos.y};this.movement={x:"y"===this.config.axis?0:u.x,y:"x"===this.config.axis?0:u.y},this.offset={x:this.start.x+this.movement.x,y:this.start.y+this.movement.y},this.prev={x:e.clientX,y:e.clientY},this.emitChange({down:!0,movement:o({},this.movement),offset:o({},this.offset),velocity:o({},this.velocity),event:e,cancel:this.cancel.bind(this)})}},t.prototype.onUp=function(e){this.activePointerId===e.pointerId&&this.attachedEl&&(this.attachedEl.releasePointerCapture(e.pointerId),this.emitEnd({down:!1,movement:o({},this.movement),offset:o({},this.offset),velocity:o({},this.velocity),event:e,cancel:this.cancel.bind(this)}),this.activePointerId=null)},t.prototype.cancel=function(){this.attachedEl&&null!==this.activePointerId&&(this.attachedEl.releasePointerCapture(this.activePointerId),this.activePointerId=null)},t}(L);var C=function(e){function t(){var t=e.apply(this,f([],r(arguments),!1))||this;return t.prev={x:0,y:0},t.lastTime=0,t.attachedEl=null,t.movement={x:0,y:0},t.offset={x:0,y:0},t.velocity={x:0,y:0},t.startPos=null,t}return i(t,e),t.prototype.attach=function(e){this.attachedEl=e instanceof HTMLElement?e:null;var t=this.onMove.bind(this),n=this.onLeave.bind(this);return e.addEventListener("pointermove",t,{passive:!1}),e.addEventListener("pointerleave",n),function(){e.removeEventListener("pointermove",t),e.removeEventListener("pointerleave",n)}},t.prototype.onMove=function(e){var t,n,i=this,r=e.timeStamp;null===this.startPos&&(this.startPos={x:e.clientX,y:e.clientY},this.prev={x:e.clientX,y:e.clientY},this.lastTime=r);var f=Math.max((r-this.lastTime)/1e3,1e-6);this.lastTime=r;var a=e.clientX-this.prev.x,s=e.clientY-this.prev.y;this.prev={x:e.clientX,y:e.clientY},this.movement={x:e.clientX-this.startPos.x,y:e.clientY-this.startPos.y};var u=null!==(n=null===(t=this.attachedEl)||void 0===t?void 0:t.getBoundingClientRect())&&void 0!==n?n:{left:0,top:0};this.offset={x:e.clientX-u.left,y:e.clientY-u.top};var l=a/f/1e3,c=s/f/1e3;this.velocity={x:x(l,-L.VELOCITY_LIMIT,L.VELOCITY_LIMIT),y:x(c,-L.VELOCITY_LIMIT,L.VELOCITY_LIMIT)},this.emitChange({movement:o({},this.movement),offset:o({},this.offset),velocity:o({},this.velocity),event:e,cancel:function(){return i.onLeave(e)}})},t.prototype.onLeave=function(e){this.emitEnd({movement:o({},this.movement),offset:o({},this.offset),velocity:o({},this.velocity),event:e,cancel:function(){}})},t}(L);var O=function(e){function t(){var t=e.apply(this,f([],r(arguments),!1))||this;return t.attachedEl=null,t.movement={x:0,y:0},t.offset={x:0,y:0},t.velocity={x:0,y:0},t.prevScroll={x:0,y:0},t.lastTime=0,t}return i(t,e),t.prototype.attach=function(e){var t=this;this.attachedEl=e instanceof HTMLElement?e:null;var n=this.onScroll.bind(this);return e.addEventListener("scroll",n,{passive:!0}),function(){e.removeEventListener("scroll",n),null!=t.endTimeout&&clearTimeout(t.endTimeout)}},t.prototype.onScroll=function(e){var t=this,n=Date.now(),i=Math.max((n-this.lastTime)/1e3,1e-6);this.lastTime=n;var r=this.attachedEl?this.attachedEl.scrollLeft:window.scrollX,f=this.attachedEl?this.attachedEl.scrollTop:window.scrollY,a=r-this.prevScroll.x,s=f-this.prevScroll.y;this.prevScroll={x:r,y:f},this.movement={x:a,y:s},this.offset={x:r,y:f};var u=a/i/1e3,l=s/i/1e3;this.velocity={x:x(u,-L.VELOCITY_LIMIT,L.VELOCITY_LIMIT),y:x(l,-L.VELOCITY_LIMIT,L.VELOCITY_LIMIT)},this.emitChange({movement:o({},this.movement),offset:o({},this.offset),velocity:o({},this.velocity),event:e,cancel:function(){null!=t.endTimeout&&clearTimeout(t.endTimeout)}}),null!=this.endTimeout&&clearTimeout(this.endTimeout),this.endTimeout=window.setTimeout((function(){t.emitEnd({movement:o({},t.movement),offset:o({},t.offset),velocity:o({},t.velocity),event:e,cancel:function(){}})}),150)},t}(L);var S=function(e){function t(){var t=e.apply(this,f([],r(arguments),!1))||this;return t.movement={x:0,y:0},t.offset={x:0,y:0},t.velocity={x:0,y:0},t.lastTime=0,t}return i(t,e),t.prototype.attach=function(e){var t=this,n=this.onWheel.bind(this);return e.addEventListener("wheel",n,{passive:!1}),function(){e.removeEventListener("wheel",n),null!=t.endTimeout&&clearTimeout(t.endTimeout)}},t.prototype.onWheel=function(e){var t=this;e.preventDefault();var n=e.timeStamp,i=Math.max((n-this.lastTime)/1e3,1e-6);this.lastTime=n;var r=e.deltaX,f=e.deltaY;this.movement={x:r,y:f},this.offset.x+=r,this.offset.y+=f;var a=r/i/1e3,s=f/i/1e3;this.velocity={x:x(a,-L.VELOCITY_LIMIT,L.VELOCITY_LIMIT),y:x(s,-L.VELOCITY_LIMIT,L.VELOCITY_LIMIT)},this.emitChange({movement:o({},this.movement),offset:o({},this.offset),velocity:o({},this.velocity),event:e,cancel:function(){null!=t.endTimeout&&clearTimeout(t.endTimeout)}}),null!=this.endTimeout&&clearTimeout(this.endTimeout),this.endTimeout=window.setTimeout((function(){t.emitEnd({movement:o({},t.movement),offset:o({},t.offset),velocity:o({},t.velocity),event:e,cancel:function(){}})}),150)},t}(L);Object.defineProperty(exports,"Easing",{enumerable:!0,get:function(){return e.Easing}}),Object.defineProperty(exports,"animate",{enumerable:!0,get:function(){return e.motion}}),Object.defineProperty(exports,"combine",{enumerable:!0,get:function(){return e.combine}}),Object.defineProperty(exports,"makeAnimated",{enumerable:!0,get:function(){return e.makeMotion}}),exports.AnimationConfig=d,exports.bin=function(e){return e?1:0},exports.clamp=x,exports.mix=function(e,t,n){return t*(1-e)+n*e},exports.move=function(e,t,n){var i=e[t],o=e.length,a=t-n;if(a>0)return f(f(f(f([],r(e.slice(0,n)),!1),[i],!1),r(e.slice(n,t)),!1),r(e.slice(t+1,o)),!1);if(a<0){var s=n+1;return f(f(f(f([],r(e.slice(0,t)),!1),r(e.slice(t+1,s)),!1),[i],!1),r(e.slice(s,o)),!1)}return e},exports.rubberClamp=function(e,t,n,i){return void 0===i&&(i=.15),0===i?x(e,t,n):e<t?-T(t-e,n-t,i)+t:e>n?+T(e-n,n-t,i)+n:e},exports.snapTo=function(e,t,n){var i=e+.2*t,o=function(e){return Math.abs(e-i)},a=n.map(o),s=Math.min.apply(Math,f([],r(a),!1));return n.reduce((function(e,t){return o(t)===s?t:e}))},exports.to=function(e,t,n,i){var o,r,f,a,s=t.length;if(s<2||n.length!==s)throw new Error("interpolate: inRange and outRange must be arrays of the same length >= 2");var u=null!==(r=null!==(o=null==i?void 0:i.extrapolateLeft)&&void 0!==o?o:null==i?void 0:i.extrapolate)&&void 0!==r?r:"extend",l=null!==(a=null!==(f=null==i?void 0:i.extrapolateRight)&&void 0!==f?f:null==i?void 0:i.extrapolate)&&void 0!==a?a:"extend";return function(e){var o=e;e<t[0]&&"clamp"===u?o=t[0]:e>t[s-1]&&"clamp"===l&&(o=t[s-1]);var r=0;if(o<=t[0])r=0;else if(o>=t[s-1])r=s-2;else for(var f=0;f<s-1;f++)if(o>=t[f]&&o<=t[f+1]){r=f;break}var a=t[r],c=(o-a)/(t[r+1]-a);(null==i?void 0:i.easing)&&(c=i.easing(c));var d=n[r],p=n[r+1];return"number"==typeof d&&"number"==typeof p?d+(p-d)*c:w(String(d),String(p),c)}(e)},exports.useDimension=function(e,n){void 0===n&&(n=[]);var i=t.useRef(e);t.useEffect((function(){i.current=e}),f([e],r(n),!1)),t.useEffect((function(){var e=function(){var e=document.documentElement,t=e.clientWidth,n=e.clientHeight,o=window.innerWidth,r=window.innerHeight;i.current({width:t,height:n,innerWidth:o,innerHeight:r})},t=new ResizeObserver(e);return t.observe(document.documentElement),window.addEventListener("resize",e),e(),function(){t.disconnect(),window.removeEventListener("resize",e)}}),[])},exports.useDrag=function(e,n,i){t.useEffect((function(){var t=(Array.isArray(e)?e:[e]).map((function(e,t){if(!e.current)return null;var r=new I(i),f=function(e){return n(o(o({},e),{index:t}))};return r.onChange(f).onEnd(f),r.attach(e.current)})).filter((function(e){return!!e}));return function(){t.forEach((function(e){return e()}))}}),f(f([],r(Array.isArray(e)?e.map((function(e){return e.current})):[e.current]),!1),[n,i],!1))},exports.useMeasure=function(e,n,i){void 0===i&&(i=[]);var o=t.useRef(n);t.useEffect((function(){o.current=n}),f([n],r(i),!1)),t.useEffect((function(){var t=e.map((function(e){return e.current})).filter((function(e){return null!==e}));if(0!==t.length){var n=new ResizeObserver((function(e){var n=[],i=[],r=[],f=[],a=[],s=[];t.forEach((function(t){var o=e.find((function(e){return e.target===t}));if(o){var u=o.target.getBoundingClientRect(),l=u.left,c=u.top,d=u.width,p=u.height,h=l+window.scrollX,v=c+window.scrollY;n.push(h),i.push(v),r.push(d),f.push(p),a.push(l),s.push(c)}else n.push(0),i.push(0),r.push(0),f.push(0),a.push(0),s.push(0)})),o.current({left:n,top:i,width:r,height:f,vLeft:a,vTop:s})}));return t.forEach((function(e){return n.observe(e)})),function(){n.disconnect()}}}),[e])},exports.useMount=function(e,n){var i,f,a;void 0===n&&(n={});var u=r(t.useState(e),2),l=u[0],d=u[1],h=null!==(i=n.from)&&void 0!==i?i:0,v=null!==(f=n.enter)&&void 0!==f?f:1,m=null!==(a=n.exit)&&void 0!==a?a:0,y=r(c(h),2),g=y[0],b=y[1];return t.useLayoutEffect((function(){e?(d(!0),queueMicrotask((function(){b(s(v)?v:p(v))}))):queueMicrotask((function(){b(s(m)?o(o({},m),{options:o(o({},m.options),{onComplete:function(){var e,t;null===(t=null===(e=m.options)||void 0===e?void 0:e.onComplete)||void 0===t||t.call(e),d(!1)}})}):p(m,{onComplete:function(){d(!1)}}))}))}),[e,JSON.stringify(v),JSON.stringify(m)]),function(e){return e(g,l)}},exports.useMove=function(e,n){if(e!==window){var i=Array.isArray(e)?e:[e];t.useEffect((function(){var t=(Array.isArray(e)?e:[e]).map((function(e,t){if(!e.current)return null;var i=new C,r=function(e){return n(o(o({},e),{index:t}))};return i.onChange(r).onEnd(r),i.attach(e.current)})).filter((function(e){return!!e}));return function(){t.forEach((function(e){return e()}))}}),f(f([],r(i.map((function(e){return e.current}))),!1),[n],!1))}else t.useEffect((function(){var e=new C,t=function(e){return n(o(o({},e),{index:0}))};return e.onChange(t).onEnd(t),e.attach(window)}),[n])},exports.useOutsideClick=function(e,n,i){void 0===i&&(i=[]);var o=t.useRef(n);t.useEffect((function(){o.current=n}),f([n],r(i),!1)),t.useEffect((function(){function t(t){var n=e.current,i=t.target;n&&i&&i.isConnected&&(n.contains(i)||o.current(t))}return document.addEventListener("mousedown",t),document.addEventListener("touchstart",t),function(){document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",t)}}),[e])},exports.useScroll=function(e,n){if(e!==window){var i=Array.isArray(e)?e:[e];t.useEffect((function(){var e=i.map((function(e,t){if(!e.current)return null;var i=new O,r=function(e){return n(o(o({},e),{index:t}))};return i.onChange(r).onEnd(r),i.attach(e.current)})).filter((function(e){return!!e}));return function(){e.forEach((function(e){return e()}))}}),f(f([],r(i.map((function(e){return e.current}))),!1),[n],!1))}else t.useEffect((function(){var e=new O,t=function(e){return n(o(o({},e),{index:0}))};return e.onChange(t).onEnd(t),e.attach(window)}),[n])},exports.useValue=c,exports.useWheel=function(e,n){if(e!==window){var i=Array.isArray(e)?e:[e];t.useEffect((function(){var t=(Array.isArray(e)?e:[e]).map((function(e,t){if(!e.current)return null;var i=new S,r=function(e){return n(o(o({},e),{index:t}))};return i.onChange(r).onEnd(r),i.attach(e.current)})).filter((function(e){return!!e}));return function(){t.forEach((function(e){return e()}))}}),f(f([],r(i.map((function(e){return e.current}))),!1),[n],!1))}else t.useEffect((function(){var e=new S,t=function(e){return n(o(o({},e),{index:0}))};return e.onChange(t).onEnd(t),e.attach(window)}),[n])},exports.withDecay=function(e,t){return{type:"decay",options:{velocity:e,onStart:null==t?void 0:t.onStart,onChange:null==t?void 0:t.onChange,onComplete:null==t?void 0:t.onComplete}}},exports.withDelay=function(e){return{type:"delay",options:{delay:e}}},exports.withLoop=function(e,t,n){return void 0===t&&(t=1/0),{type:"loop",options:{animation:e,iterations:t,onStart:null==n?void 0:n.onStart,onComplete:null==n?void 0:n.onComplete}}},exports.withSequence=function(e,t){return{type:"sequence",options:{animations:e,onStart:null==t?void 0:t.onStart,onComplete:null==t?void 0:t.onComplete}}},exports.withSpring=p,exports.withTiming=function(e,t){return{type:"timing",to:e,options:{duration:null==t?void 0:t.duration,easing:null==t?void 0:t.easing,onStart:null==t?void 0:t.onStart,onChange:null==t?void 0:t.onChange,onComplete:null==t?void 0:t.onComplete}}};
2
2
  //# sourceMappingURL=index.js.map