@toss/tds-react-native 1.0.0

package/dist/cjs/interactions/rally/helper/getUniqueId.d.ts

@@ -0,0 +1 @@
+export declare function getUniqueId(): string;

package/dist/cjs/interactions/rally/helper/getUniqueId.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getUniqueId=getUniqueId;let uniqueId=0;function getUniqueId(){return`id${uniqueId++}`}

package/dist/cjs/interactions/rally/helper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './calcRelativeOperator';
+export * from './nativeDriver';
+export * from './parseMotionValue';

package/dist/cjs/interactions/rally/helper/index.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,r,e,t){t===void 0&&(t=e);var n=Object.getOwnPropertyDescriptor(r,e);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(i,t,n)}:function(i,r,e,t){t===void 0&&(t=e),i[t]=r[e]},__exportStar=function(i,r){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./calcRelativeOperator"),exports),__exportStar(require("./nativeDriver"),exports),__exportStar(require("./parseMotionValue"),exports);

package/dist/cjs/interactions/rally/helper/nativeDriver.d.ts

@@ -0,0 +1 @@
+export declare function shouldUseNativeDriver(key: string): boolean;

package/dist/cjs/interactions/rally/helper/nativeDriver.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.shouldUseNativeDriver=shouldUseNativeDriver;function shouldUseNativeDriver(e){return!(e==="backgroundColor"||e==="color"||e==="width"||e==="height")}

package/dist/cjs/interactions/rally/helper/parseMotionValue.d.ts

@@ -0,0 +1,12 @@
+import { RelativeOperator } from '../types';
+type Unit = 'px' | '%' | 'deg' | 'number';
+export declare function parseMotionValue(input: string | number): {
+    operator: undefined;
+    number: number;
+    unit: string;
+} | {
+    operator: RelativeOperator;
+    number: number;
+    unit: Unit;
+} | undefined;
+export {};

package/dist/cjs/interactions/rally/helper/parseMotionValue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.parseMotionValue=parseMotionValue;const REGEXP=/^(\+?=|-?=|\*=|\/=)?\s*(-?\d+(?:\.\d+)?)(px|%|deg)?$/;function parseMotionValue(e){switch(typeof e){case"number":return{operator:void 0,number:e,unit:"number"};case"string":{const r=e.match(REGEXP);if(r==null)return;const[,n,u,t]=r;return{operator:n,number:parseFloat(u),unit:t??"number"}}}}

package/dist/cjs/interactions/rally/hooks/useAnimationController.d.ts

@@ -0,0 +1,15 @@
+import { AnimationController, RallyPlayConfig } from '../types';
+type Props = {
+    forwardAnimation: AnimationController;
+    backwardAnimation: AnimationController;
+    mounted: boolean;
+} & RallyPlayConfig;
+export declare function useAnimationController({ forwardAnimation, backwardAnimation, playCount: _playCount, loopDelay, loopMode, mounted, delay: initialDelay, }: Props): {
+    startForward: () => Promise<boolean>;
+    startBackward: () => Promise<boolean>;
+    play: () => Promise<boolean>;
+    seekProgress: (offset: number) => void;
+    reset: () => void;
+    pause: () => void;
+};
+export {};

package/dist/cjs/interactions/rally/hooks/useAnimationController.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAnimationController=useAnimationController;const utils_1=require("@toss/utils"),react_1=require("react"),react_native_1=require("react-native"),utils_2=require("../utils"),useWaitFor_1=require("./utils/useWaitFor");function useAnimationController({forwardAnimation:e,backwardAnimation:u,playCount:l=1,loopDelay:n=0,loopMode:a="alternate",mounted:y,delay:c=0}){const{waitFor:r}=(0,useWaitFor_1.useWaitFor)(y),t=(0,react_1.useRef)(!1),k=(0,react_1.useRef)(0),i=l==="infinite"?1/0:l,f=e,C=(0,react_1.useCallback)(async()=>{if(await r(),t.current===!0)return!1;t.current=!0;try{await(0,utils_1.delay)(c);for(const s of(0,utils_2.repeatCycle)([e,u],i,{gutter:animationControllerDelay(n)}))if(s==null||!await s.start())return!1;return!0}finally{t.current=!1}},[e,u,i,c,n,r]),p=(0,react_1.useCallback)(async()=>{if(await r(),t.current===!0)return!1;t.current=!0;try{await(0,utils_1.delay)(c);for(const s of(0,utils_2.repeat)(e,i,{gutter:animationControllerDelay(n)}))if(s==null||(s.seekProgress(0),!await s.start()))return!1;return!0}finally{t.current=!1}},[c,e,i,n,r]),b=(0,react_1.useCallback)(s=>{t.current=!1,e.seekProgress(s)},[e]),o=(0,react_1.useMemo)(()=>a==="normal"?p:C,[a,p,C]),F=(0,react_1.useCallback)(async()=>(await r(),t.current=!1,k.current=0,e.seekProgress(0),await o()),[e,o,r]),d=(0,react_1.useCallback)(async()=>(await r(),t.current=!1,k.current=0,e.seekProgress(1),await u.start()),[e,u,r]),P=(0,react_1.useCallback)(()=>{t.current=!1,k.current=0,f.reset()},[f]),g=(0,react_1.useCallback)(()=>{f.stop(),t.current=!1},[f]);return usePauseOnBackground({play:o,pause:g,isPlaying:t,condition:i===1/0}),(0,react_1.useMemo)(()=>({startForward:F,startBackward:d,play:o,seekProgress:b,reset:P,pause:g}),[F,d,o,b,P,g])}function animationControllerDelay(e){return{start:async()=>(await(0,utils_1.delay)(e),!0),seekProgress:()=>{},stop:()=>{},reset:()=>{}}}function usePauseOnBackground({play:e,pause:u,condition:l,isPlaying:n}){const a=(0,react_1.useRef)(!1);(0,react_1.useEffect)(()=>{if(!l)return;function y(r){switch(r){case"active":{a.current===!0&&(a.current=!1,e());break}case"background":case"inactive":{n.current===!0&&(a.current=!0,u());break}default:break}}const c=react_native_1.AppState.addEventListener("change",y);return()=>{c.remove()}},[l,n,u,e])}

package/dist/cjs/interactions/rally/hooks/useCurrentProgressStyle.d.ts

@@ -0,0 +1,4 @@
+import { Animated } from 'react-native';
+export declare function useCurrentProgressStyleIndex(progress: Animated.Value, { motionLength }: {
+    motionLength: number;
+}): number;

package/dist/cjs/interactions/rally/hooks/useCurrentProgressStyle.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCurrentProgressStyleIndex=useCurrentProgressStyleIndex;const react_1=require("react");function useCurrentProgressStyleIndex(e,{motionLength:r}){const[u,t]=(0,react_1.useState)(0);return(0,react_1.useEffect)(()=>{const n=e.addListener(a=>{const s=Math.floor(a.value);t(s===r?Math.max(0,r-1):Math.max(0,s))});return()=>{e.removeListener(n)}},[e,r]),u}

package/dist/cjs/interactions/rally/hooks/useRally.d.ts

@@ -0,0 +1,22 @@
+import { Animated, LayoutChangeEvent, ViewStyle } from 'react-native';
+import { RallyProps } from '../types';
+type Props = RallyProps & {
+    /** render 가 되자마자 재생할 지 여부 */
+    playOnRender?: boolean;
+    /**
+     * @description 정확한 초기 레이아웃 계산을 위해, mounted 되기 전에 opacity, transform 초기화 style을 적용할지 여부
+     * @default true
+     * */
+    applyBeforeMountedStyle?: boolean;
+};
+export declare function useRally({ playOnRender, exit, motion: _motion, defaultDuration, defaultEasing, applyBeforeMountedStyle, ...playConfigs }: Props): {
+    onLayout: (event: LayoutChangeEvent) => void;
+    style: Animated.WithAnimatedObject<ViewStyle> | undefined;
+    startForward: () => Promise<boolean>;
+    startBackward: () => Promise<boolean>;
+    play: () => Promise<boolean>;
+    seekProgress: (offset: number) => void;
+    reset: () => void;
+    pause: () => void;
+};
+export {};

package/dist/cjs/interactions/rally/hooks/useRally.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useRally=useRally;const react_1=require("react"),usePresence_1=require("../contexts/usePresence"),useAnimationController_1=require("./useAnimationController"),useRallyAnimation_1=require("./useRallyAnimation"),usePreservedReference_1=require("./utils/usePreservedReference");function useRally({playOnRender:c,exit:o,motion:u,defaultDuration:l,defaultEasing:f,applyBeforeMountedStyle:y=!0,...R}){const w=(0,usePreservedReference_1.usePreservedReference)(Array.isArray(u)?u:[u]),h=(0,usePreservedReference_1.usePreservedReference)(o??{}),[e,p]=(0,react_1.useState)({width:0,height:0,x:0,y:0}),t=e.width!==0||e.height!==0||e.x!==0||e.y!==0,m=(0,react_1.useCallback)(s=>{t||p(s.nativeEvent.layout)},[t]),{forward:v,backward:P,style:r}=(0,useRallyAnimation_1.useRallyAnimation)({motionInputs:w.map(s=>({easing:f,duration:l,...s})),layout:e}),i=(0,useRallyAnimation_1.useRallyAnimation)({motionInputs:[{easing:f,duration:l,...h}],layout:e}),n=(0,useAnimationController_1.useAnimationController)({forwardAnimation:v,backwardAnimation:P,mounted:t,...R}),{present:a,safeToRemove:d}=(0,usePresence_1.usePresence)({presence:o!==void 0});(0,react_1.useEffect)(()=>{async function s(){!a&&o&&await i.forward.start()&&d?.()}s()},[a,i.forward,d,o]),(0,react_1.useEffect)(()=>{c&&n.play()},[c,n.play,n]);const A=(0,react_1.useMemo)(()=>({...r,opacity:0,transform:[]}),[r]);return(0,react_1.useMemo)(()=>({...n,onLayout:m,style:t||!y?a?r:i.style:A}),[n,m,t,y,a,r,i.style,A])}

package/dist/cjs/interactions/rally/hooks/useRallyAnimation.d.ts

@@ -0,0 +1,10 @@
+import { Animated } from 'react-native';
+import { Layout, MotionInput } from '../types';
+export declare function useRallyAnimation({ motionInputs, layout }: {
+    motionInputs: MotionInput[];
+    layout: Layout;
+}): {
+    forward: import("../types").AnimationController;
+    backward: import("../types").AnimationController;
+    style: Animated.WithAnimatedObject<import("react-native").ViewStyle | import("react-native").TextStyle> | undefined;
+};

package/dist/cjs/interactions/rally/hooks/useRallyAnimation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useRallyAnimation=useRallyAnimation;const react_1=require("react"),react_native_1=require("react-native"),operations_1=require("../operations"),useCurrentProgressStyle_1=require("./useCurrentProgressStyle");function useRallyAnimation({motionInputs:o,layout:a}){const r=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,l=(0,useCurrentProgressStyle_1.useCurrentProgressStyleIndex)(r,{motionLength:o.length}),t=(0,react_1.useMemo)(()=>(0,operations_1.toMotions)(o,a),[o,a]),s=(0,react_1.useMemo)(()=>t.map((e,n)=>{const g=(0,operations_1.createInterpolationStyle)(r,{motion:e,inputRange:[n,n+1]}),m=(0,operations_1.createMotionAnimation)({progress:r,toValue:n+1,motion:e}),p=(0,operations_1.createMotionAnimation)({progress:r,toValue:n,motion:e});return{style:g,forward:(0,operations_1.toAnimationController)(m,{progress:r,endProgress:t.length}),backward:(0,operations_1.toAnimationController)(p,{progress:r,endProgress:t.length})}}),[t,r]),c=operations_1.Animation.sequence(s.map(e=>e.forward)),i=operations_1.Animation.sequence([...s.map(e=>e.backward).reverse()]),u=s.map(e=>e.style)[l];return(0,react_1.useMemo)(()=>({forward:c,backward:i,style:u}),[c,i,u])}

package/dist/cjs/interactions/rally/hooks/utils/useForceRerender.d.ts

@@ -0,0 +1,3 @@
+export declare function useForceRerender(): {
+    forceRerender: () => void;
+};

package/dist/cjs/interactions/rally/hooks/utils/useForceRerender.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useForceRerender=useForceRerender;const react_1=require("react"),useIsMounted_1=require("./useIsMounted");function useForceRerender(){const e=(0,useIsMounted_1.useIsMounted)(),[,r]=(0,react_1.useState)(0);return{forceRerender:(0,react_1.useCallback)(()=>{e&&r(t=>t+1)},[e])}}

package/dist/cjs/interactions/rally/hooks/utils/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare function useIsMounted(): boolean;

package/dist/cjs/interactions/rally/hooks/utils/useIsMounted.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIsMounted=useIsMounted;const react_1=require("react");function useIsMounted(){const[e,t]=(0,react_1.useState)(!1);return(0,react_1.useEffect)(()=>{t(!0)},[]),e}

package/dist/cjs/interactions/rally/hooks/utils/usePreservedReference.d.ts

@@ -0,0 +1,27 @@
+type NotNullishValue = {};
+/**
+ * @description
+ * comparator로 비교했을 때 값이 변경되었을 때에만 레퍼런스를 변경하도록 합니다.
+ *
+ * 기본으로는 JSON.stringify를 했을 때 동일한 값이면 레퍼런스를 유지합니다.
+ *
+ * ```ts
+ * // 값의 동일성을 검증을 JSON.stringify로 하는 검증 함수
+ * function areDeeplyEqual<T extends NotNullishValue>(x: T, y: T) {
+ *   return JSON.stringify(x) === JSON.stringify(y);
+ * }
+ *
+ * function usePreservedReference<T extends NotNullishValue>(
+ *   // 레퍼런스를 보존할 값
+ *   value: T,
+ *   // 값의 동일성을 검증하는 함수
+ *   // default: areDeeplyEqual
+ *   areValuesEqual: (a: T, b: T) => boolean = areDeeplyEqual
+ * ): T
+ * ```
+ *
+ * @example
+ * const params = usePreservedReference(loggerParams, areParamsEqual);
+ */
+export declare function usePreservedReference<T extends NotNullishValue>(value: T, areValuesEqual?: (a: T, b: T) => boolean): T;
+export {};

package/dist/cjs/interactions/rally/hooks/utils/usePreservedReference.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePreservedReference=usePreservedReference;const react_1=require("react");function usePreservedReference(e,r=areDeeplyEqual){const[t,n]=(0,react_1.useState)(e);return(0,react_1.useEffect)(()=>{r(e,t)||n(e)},[r,t,e]),t}function areDeeplyEqual(e,r){return JSON.stringify(e)===JSON.stringify(r)}

package/dist/cjs/interactions/rally/hooks/utils/useWaitFor.d.ts

@@ -0,0 +1,3 @@
+export declare function useWaitFor(condition: boolean): {
+    waitFor: () => Promise<void>;
+};

package/dist/cjs/interactions/rally/hooks/utils/useWaitFor.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWaitFor=useWaitFor;const react_1=require("react");function useWaitFor(e){const r=(0,react_1.useRef)(new Set).current,s=(0,react_1.useCallback)(async()=>{if(!e)return new Promise(t=>{r.add(t)})},[e,r]);return(0,react_1.useEffect)(()=>{if(e)for(const t of r)t()},[e,r]),{waitFor:s}}

package/dist/cjs/interactions/rally/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export { getPerspectiveOnWidth } from './constants/perspertive';
+export * from './hooks/useRally';
+export * from './types';

package/dist/cjs/interactions/rally/index.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPerspectiveOnWidth=void 0,__exportStar(require("./components"),exports);var perspertive_1=require("./constants/perspertive");Object.defineProperty(exports,"getPerspectiveOnWidth",{enumerable:!0,get:function(){return perspertive_1.getPerspectiveOnWidth}}),__exportStar(require("./hooks/useRally"),exports),__exportStar(require("./types"),exports);

package/dist/cjs/interactions/rally/operations/animations/index.d.ts

@@ -0,0 +1,8 @@
+import { sequenceAnimation } from './sequence';
+export * from './toAnimationController';
+export declare const Animation: {
+    parallel: (animations: import("react-native").Animated.CompositeAnimation[], config?: {
+        stopTogether?: boolean;
+    }) => import("react-native").Animated.CompositeAnimation;
+    sequence: typeof sequenceAnimation;
+};

package/dist/cjs/interactions/rally/operations/animations/index.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(n,t,e,r){r===void 0&&(r=e);var i=Object.getOwnPropertyDescriptor(t,e);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(n,r,i)}:function(n,t,e,r){r===void 0&&(r=e),n[r]=t[e]},__exportStar=function(n,t){for(var e in n)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,n,e)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Animation=void 0;const parallel_1=require("./parallel"),sequence_1=require("./sequence");__exportStar(require("./toAnimationController"),exports),exports.Animation={parallel:parallel_1.parallelAnimation,sequence:sequence_1.sequenceAnimation};

package/dist/cjs/interactions/rally/operations/animations/parallel.d.ts

@@ -0,0 +1,4 @@
+import { Animated } from 'react-native';
+export declare const parallelAnimation: (animations: Animated.CompositeAnimation[], config?: {
+    stopTogether?: boolean;
+}) => Animated.CompositeAnimation;

package/dist/cjs/interactions/rally/operations/animations/parallel.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.parallelAnimation=void 0;const parallelAnimation=function(r,s){let n=0;const o={},p=!(s&&s.stopTogether===!1),i={start:function(t){if(n===r.length){t&&t({finished:!0});return}r.forEach((e,u)=>{const a=function(f){if(o[u]=!0,n++,n===r.length){n=0,t&&t(f);return}!f.finished&&p&&i.stop()};o[u]=!1,e.start(a)})},stop:function(){r.forEach((t,e)=>{t.stop(),!o[e]&&t.stop(),o[e]=!0})},reset:function(){r.forEach((t,e)=>{t.reset(),o[e]=!1,n=0})},_startNativeLoop:function(){throw new Error("Loops run using the native driver cannot contain Animated.parallel animations")},_isUsingNativeDriver:function(){return!1}};return i};exports.parallelAnimation=parallelAnimation;

package/dist/cjs/interactions/rally/operations/animations/sequence.d.ts

@@ -0,0 +1,2 @@
+import { AnimationController } from '../../types';
+export declare function sequenceAnimation(animations: AnimationController[]): AnimationController;

package/dist/cjs/interactions/rally/operations/animations/sequence.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.sequenceAnimation=sequenceAnimation;function sequenceAnimation(t){return{start:()=>{async function e(){for(const r of t)if(await r.start()===!1)return!1;return!0}return e()},stop:()=>{for(const e of t)e.stop()},reset:()=>{for(const e of t)e.reset()},seekProgress:e=>{for(const r of t)r.seekProgress(e)}}}

package/dist/cjs/interactions/rally/operations/animations/toAnimationController.d.ts

@@ -0,0 +1,6 @@
+import { Animated } from 'react-native';
+import { AnimationController } from '../../types';
+export declare function toAnimationController(animation: Animated.CompositeAnimation, { progress, endProgress, }: {
+    progress: Animated.Value;
+    endProgress: number;
+}): AnimationController;

package/dist/cjs/interactions/rally/operations/animations/toAnimationController.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toAnimationController=toAnimationController;function toAnimationController(t,{progress:r,endProgress:o}){return{...t,start(){return new Promise(e=>{t.start(s=>{e(s.finished)})})},seekProgress(e){r.setValue(e*o)}}}

package/dist/cjs/interactions/rally/operations/createInterpolationStyle.d.ts

@@ -0,0 +1,6 @@
+import { Animated, TextStyle, ViewStyle } from 'react-native';
+import { Motion } from '../types';
+export declare function createInterpolationStyle(progress: Animated.Value, { inputRange, motion, }: {
+    inputRange: [number, number];
+    motion: Motion;
+}): Animated.WithAnimatedObject<ViewStyle | TextStyle>;

package/dist/cjs/interactions/rally/operations/createInterpolationStyle.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createInterpolationStyle=createInterpolationStyle;const utils_1=require("@toss/utils");function createInterpolationStyle(o,{inputRange:l,motion:n}){const r=o.interpolate({inputRange:l,outputRange:[0,1]});return createProgressMotionStyle({progress:r,motion:n})}function createProgressMotionStyle({progress:o,motion:l}){const n={transform:[]},r={transform:[]},i={transform:[]},{perspective:c,...f}=l,m=[["perspective",c],...(0,utils_1.objectEntries)(f)];for(const[s,a]of m)switch(s){case"width":case"height":case"opacity":{const t=a;if(t==null)continue;n[s]=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]});break}case"color":{const t=a;t!=null&&(n.color=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]}));break}case"backgroundColor":{const t=a;typeof t?.from=="string"&&typeof t?.to=="string"&&(n.backgroundColor=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]}));break}case"scaleX":case"scaleY":case"scale":{const t=a;if(t!=null){const e=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]});n.transform=[...n.transform,{[s]:e}]}break}case"perspective":{const t=a;if(t!=null){const e=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]});n.transform=[...n.transform,{perspective:e}]}break}case"rotateY":case"rotateZ":case"rotateX":case"rotate":{const t=a;if(t!=null){const e=o.interpolate({inputRange:[0,1],outputRange:[`${t.from}deg`,`${t.to}deg`]});n.transform=[...n.transform,{[s]:e}]}break}case"translateX":{const t=a;if(t!=null){const e=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]});n.transform=[...n.transform,{[s]:e}]}break}case"translateY":{const t=a;if(t!=null){const e=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]});n.transform=[...n.transform,{[s]:e}]}break}case"transformOriginX":{const t=a;if(t!=null){const e=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]}),u=o.interpolate({inputRange:[0,1],outputRange:[-t.from,-t.to]});r.transform=[{translateX:e},{translateX:u}]}break}case"transformOriginY":{const t=a;if(t!=null){const e=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]}),u=o.interpolate({inputRange:[0,1],outputRange:[-t.from,-t.to]});i.transform=[{translateY:e},{translateY:u}]}break}}const p=Array.isArray(r.transform)&&r.transform.length===2,g=Array.isArray(i.transform)&&i.transform.length===2;return p&&(n.transform=[r.transform[0],...n.transform??[],r.transform[1]]),g&&(n.transform=[i.transform[0],...n.transform??[],i.transform[1]]),n}

package/dist/cjs/interactions/rally/operations/createMotionAnimation.d.ts

@@ -0,0 +1,7 @@
+import { Animated } from 'react-native';
+import { MotionInput } from '../types';
+export declare function createMotionAnimation({ progress, toValue, motion, }: {
+    progress: Animated.Value;
+    toValue: number;
+    motion: MotionInput;
+}): Animated.CompositeAnimation;

package/dist/cjs/interactions/rally/operations/createMotionAnimation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createMotionAnimation=createMotionAnimation;const helper_1=require("../helper"),animations_1=require("./animations"),createMotionPropertyAnimation_1=require("./createMotionPropertyAnimation");function createMotionAnimation({progress:r,toValue:i,motion:t}){const n=Object.keys(t).every(e=>(0,helper_1.shouldUseNativeDriver)(e)),o=Object.values(t).map(e=>(0,createMotionPropertyAnimation_1.createMotionPropertyAnimation)({progress:r,toValue:i,useNativeDriver:n,...e}));return animations_1.Animation.parallel(o)}

package/dist/cjs/interactions/rally/operations/createMotionPropertyAnimation.d.ts

@@ -0,0 +1,7 @@
+import { Animated as ReactNativeAnimated } from 'react-native';
+import { TimeControl, Transition } from '../types';
+export declare function createMotionPropertyAnimation({ progress, toValue, useNativeDriver, delay, ...playConfig }: {
+    progress: ReactNativeAnimated.Value;
+    useNativeDriver: boolean;
+    toValue: number;
+} & Transition & TimeControl): ReactNativeAnimated.CompositeAnimation;

package/dist/cjs/interactions/rally/operations/createMotionPropertyAnimation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createMotionPropertyAnimation=createMotionPropertyAnimation;const animated_1=require("../../../interactions/animated"),react_native_1=require("react-native"),property_1=require("../constants/property");function isTimingEasing(n){return typeof n=="function"||Array.isArray(n)&&n.length===4}function getEasing(n){return n??property_1.defaultEasing}function getDuration(n,e){return n&&e==null?property_1.defaultDuration:e}function createMotionPropertyAnimation({progress:n,toValue:e,useNativeDriver:r,delay:a,...i}){const t=getEasing(i.easing),o=isTimingEasing(t),u=getDuration(o,i.duration);return o?animated_1.Animated.timing(n,{toValue:e,useNativeDriver:r,duration:u,easing:typeof t=="function"?t:Array.isArray(t)?react_native_1.Easing.bezier(...t):void 0,delay:a}):animated_1.Animated.spring(n,{toValue:e,useNativeDriver:r,...t})}

package/dist/cjs/interactions/rally/operations/index.d.ts

@@ -0,0 +1,4 @@
+export * from './animations';
+export * from './createInterpolationStyle';
+export * from './createMotionAnimation';
+export * from './motions/toMotions';

package/dist/cjs/interactions/rally/operations/index.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./animations"),exports),__exportStar(require("./createInterpolationStyle"),exports),__exportStar(require("./createMotionAnimation"),exports),__exportStar(require("./motions/toMotions"),exports);

package/dist/cjs/interactions/rally/operations/motions/properties/height.d.ts

@@ -0,0 +1,5 @@
+import { Layout, Length, Percentage, RelativeLength, RelativePercentage } from '../../../types';
+export declare function getHeight(_value: Length | Percentage | RelativeLength | RelativePercentage, { layout, beforeValue, }: {
+    layout: Layout;
+    beforeValue: number;
+}): number;

package/dist/cjs/interactions/rally/operations/motions/properties/height.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getHeight=getHeight;const helper_1=require("../../../helper");function getHeight(u,{layout:n,beforeValue:r}){const e=(0,helper_1.parseMotionValue)(u);if(e?.operator==null&&e?.unit==="number")return e.number;const t=e?.unit==="%"?e.number/100*n.height:e?.number??r;return e?.operator!=null?(0,helper_1.calcRelativeOperator)(r,e.operator,t):t}

package/dist/cjs/interactions/rally/operations/motions/properties/opacity.d.ts

@@ -0,0 +1,4 @@
+import { RelativeNumber } from '../../../types';
+export declare function getOpacity(_value: number | RelativeNumber, { beforeValue }: {
+    beforeValue: number;
+}): number;

package/dist/cjs/interactions/rally/operations/motions/properties/opacity.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOpacity=getOpacity;const helper_1=require("../../../helper");function getOpacity(t,{beforeValue:r}){const e=(0,helper_1.parseMotionValue)(t??0);return e?.operator==null&&e?.unit==="number"?e.number:e?.operator!=null?(0,helper_1.calcRelativeOperator)(r,e.operator,e.number):r}

package/dist/cjs/interactions/rally/operations/motions/properties/perspective.d.ts

@@ -0,0 +1,6 @@
+import { Layout } from '../../../types';
+import { Length } from '../../../types/motion-input/motion-input-values';
+export declare function getPerspective(_value: Length | ((width: number) => number), { layout, beforeValue }: {
+    layout: Layout;
+    beforeValue: number;
+}): number;

package/dist/cjs/interactions/rally/operations/motions/properties/perspective.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPerspective=getPerspective;const helper_1=require("../../../helper");function getPerspective(e,{layout:t,beforeValue:r}){return(0,helper_1.parseMotionValue)((typeof e=="function"?e(t.width):e)??0)?.number??r}

package/dist/cjs/interactions/rally/operations/motions/properties/rotate.d.ts

@@ -0,0 +1,4 @@
+import { Degree, RelativeDegree } from '../../../types';
+export declare function getRotate(_value: Degree | RelativeDegree, { beforeValue }: {
+    beforeValue: number;
+}): number;

package/dist/cjs/interactions/rally/operations/motions/properties/rotate.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getRotate=getRotate;const helper_1=require("../../../helper");function getRotate(t,{beforeValue:r}){const e=(0,helper_1.parseMotionValue)(t??0);return e?.operator==null&&(e?.unit==="number"||e?.unit==="deg")?e.number:e?.operator!=null?(0,helper_1.calcRelativeOperator)(r,e.operator,e.number):r}

package/dist/cjs/interactions/rally/operations/motions/properties/scale.d.ts

@@ -0,0 +1,4 @@
+import { RelativeNumber } from '../../../types';
+export declare function getScale(_value: number | RelativeNumber, { beforeValue }: {
+    beforeValue: number;
+}): number;

package/dist/cjs/interactions/rally/operations/motions/properties/scale.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getScale=getScale;const helper_1=require("../../../helper");function getScale(t,{beforeValue:r}){const e=(0,helper_1.parseMotionValue)(t??0);return e?.operator==null&&e?.unit==="number"?e.number:e?.operator!=null?(0,helper_1.calcRelativeOperator)(r,e.operator,e.number):r}

package/dist/cjs/interactions/rally/operations/motions/properties/transformOriginX.d.ts

@@ -0,0 +1,5 @@
+import { Layout, RelativeTransformOrigin, TransformOrigin } from '../../../types';
+export declare function getTransformOriginX(_value: TransformOrigin | RelativeTransformOrigin, { beforeValue, layout, }: {
+    beforeValue: number;
+    layout: Layout;
+}): number;

package/dist/cjs/interactions/rally/operations/motions/properties/transformOriginX.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getTransformOriginX=getTransformOriginX;const helper_1=require("../../../helper"),DEFAULT_ANCHOR_POINT=.5;function getTransformOriginX(r,{beforeValue:t,layout:o}){const c=convertKeywordToPercentage(r??"center"),e=(0,helper_1.parseMotionValue)(c),n=e?.unit==="%"?(e.number/100-DEFAULT_ANCHOR_POINT)*o.width:e?.number??t;return e?.operator!=null?(0,helper_1.calcRelativeOperator)(t,e.operator,n):n}function convertKeywordToPercentage(r){switch(r){case"right":return"100%";case"left":return"0%";case"center":case"top":case"bottom":return"50%"}return r}

package/dist/cjs/interactions/rally/operations/motions/properties/transformOriginY.d.ts

@@ -0,0 +1,5 @@
+import { Layout, RelativeTransformOrigin, TransformOrigin } from '../../../types';
+export declare function getTransformOriginY(_value: TransformOrigin | RelativeTransformOrigin, { beforeValue, layout, }: {
+    beforeValue: number;
+    layout: Layout;
+}): number;

package/dist/cjs/interactions/rally/operations/motions/properties/transformOriginY.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getTransformOriginY=getTransformOriginY;const helper_1=require("../../../helper"),DEFAULT_ANCHOR_POINT=.5;function getTransformOriginY(r,{beforeValue:t,layout:o}){const c=convertKeywordToPercentage(r??"center"),e=(0,helper_1.parseMotionValue)(c),n=e?.unit==="%"?(e.number/100-DEFAULT_ANCHOR_POINT)*o.height:e?.number??t;return e?.operator!=null?(0,helper_1.calcRelativeOperator)(t,e.operator,n):n}function convertKeywordToPercentage(r){switch(r){case"top":return"0%";case"bottom":return"100%";case"center":case"left":case"right":return"50%"}return r}

package/dist/cjs/interactions/rally/operations/motions/properties/translateX.d.ts

@@ -0,0 +1,5 @@
+import { Layout, Length, Percentage, RelativeLength, RelativePercentage } from '../../../types';
+export declare function getTranslateX(_value: Length | Percentage | RelativeLength | RelativePercentage, { layout, beforeValue, }: {
+    layout: Layout;
+    beforeValue: number;
+}): number;

package/dist/cjs/interactions/rally/operations/motions/properties/translateX.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getTranslateX=getTranslateX;const helper_1=require("../../../helper");function getTranslateX(n,{layout:u,beforeValue:r}){const e=(0,helper_1.parseMotionValue)(n??0);if(e?.operator==null&&e?.unit==="number")return e.number;const t=e?.unit==="%"?e.number/100*u.width:e?.number??r;return e?.operator!=null?(0,helper_1.calcRelativeOperator)(r,e.operator,t):t}

package/dist/cjs/interactions/rally/operations/motions/properties/translateY.d.ts

@@ -0,0 +1,5 @@
+import { Layout, Length, Percentage, RelativeLength, RelativePercentage } from '../../../types';
+export declare function getTranslateY(_value: Length | Percentage | RelativeLength | RelativePercentage, { layout, beforeValue, }: {
+    layout: Layout;
+    beforeValue: number;
+}): number;

package/dist/cjs/interactions/rally/operations/motions/properties/translateY.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getTranslateY=getTranslateY;const helper_1=require("../../../helper");function getTranslateY(n,{layout:u,beforeValue:r}){const e=(0,helper_1.parseMotionValue)(n??0);if(e?.operator==null&&e?.unit==="number")return e.number;const t=e?.unit==="%"?e.number/100*u.height:e?.number??r;return e?.operator!=null?(0,helper_1.calcRelativeOperator)(r,e.operator,t):t}

package/dist/cjs/interactions/rally/operations/motions/properties/width.d.ts

@@ -0,0 +1,5 @@
+import { Layout, Length, Percentage, RelativeLength, RelativePercentage } from '../../../types';
+export declare function getWidth(_value: Length | Percentage | RelativeLength | RelativePercentage, { layout, beforeValue, }: {
+    layout: Layout;
+    beforeValue: number;
+}): number;

package/dist/cjs/interactions/rally/operations/motions/properties/width.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getWidth=getWidth;const helper_1=require("../../../helper");function getWidth(u,{layout:r,beforeValue:t}){const e=(0,helper_1.parseMotionValue)(u??r.width);if(e?.operator==null&&e?.unit==="number")return e.number;const n=e?.unit==="%"?e.number/100*r.width:e?.number??t;return e?.operator!=null?(0,helper_1.calcRelativeOperator)(t,e.operator,n):n}

package/dist/cjs/interactions/rally/operations/motions/toMotions/index.d.ts

@@ -0,0 +1 @@
+export * from './toMotions';

package/dist/cjs/interactions/rally/operations/motions/toMotions/index.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./toMotions"),exports);

package/dist/cjs/interactions/rally/operations/motions/toMotions/toMotions.d.ts

@@ -0,0 +1,2 @@
+import { Layout, Motion, MotionInput } from '../../../types';
+export declare function toMotions(motionInputs: MotionInput[], layout: Layout): Motion[];

package/dist/cjs/interactions/rally/operations/motions/toMotions/toMotions.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toMotions=toMotions;const utils_1=require("@toss/utils"),property_1=require("../../../constants/property"),height_1=require("../properties/height"),opacity_1=require("../properties/opacity"),perspective_1=require("../properties/perspective"),rotate_1=require("../properties/rotate"),scale_1=require("../properties/scale"),transformOriginX_1=require("../properties/transformOriginX"),transformOriginY_1=require("../properties/transformOriginY"),translateX_1=require("../properties/translateX"),translateY_1=require("../properties/translateY"),width_1=require("../properties/width");function toMotions(c,r){const i=[];for(const[p,{easing:f,duration:g,delay:l,...b}]of c.entries()){const u=i[p-1],n={};for(const[s,t]of(0,utils_1.objectEntries)(b)){const o=u?.[s]?.to;let e=t?.from??o??property_1.defaultStyles[s],a=t?.to;switch(s){case"color":case"backgroundColor":{e=e??o??property_1.defaultStyles[s],a=t?.to??property_1.defaultStyles[s];break}case"opacity":{e=(0,opacity_1.getOpacity)(e,{beforeValue:o??0}),a=(0,opacity_1.getOpacity)(a??1,{beforeValue:e});break}case"rotateX":case"rotateY":case"rotateZ":case"rotate":{e=(0,rotate_1.getRotate)(e,{beforeValue:typeof o=="number"?o:0}),a=(0,rotate_1.getRotate)(t?.to??0,{beforeValue:e});break}case"perspective":{e=(0,perspective_1.getPerspective)(e,{beforeValue:o??0,layout:r}),a=(0,perspective_1.getPerspective)(t?.to??0,{beforeValue:e,layout:r});break}case"scaleY":case"scaleX":case"scale":{e=(0,scale_1.getScale)(e,{beforeValue:o??1}),a=(0,scale_1.getScale)(t?.to??1,{beforeValue:e});break}case"translateX":{e=(0,translateX_1.getTranslateX)(e,{beforeValue:o??0,layout:r}),a=(0,translateX_1.getTranslateX)(t?.to,{beforeValue:e,layout:r});break}case"translateY":{e=(0,translateY_1.getTranslateY)(e,{beforeValue:o??0,layout:r}),a=(0,translateY_1.getTranslateY)(t?.to,{beforeValue:e,layout:r});break}case"width":{e=(0,width_1.getWidth)(e??r.width,{beforeValue:o??0,layout:r}),a=(0,width_1.getWidth)(t?.to??r.width,{beforeValue:e,layout:r});break}case"height":{e=(0,height_1.getHeight)(e??r.height,{beforeValue:o??0,layout:r}),a=(0,height_1.getHeight)(t?.to??r.height,{beforeValue:e,layout:r});break}case"transformOriginX":{e=(0,transformOriginX_1.getTransformOriginX)(e,{beforeValue:o??0,layout:r}),a=(0,transformOriginX_1.getTransformOriginX)(t?.to,{beforeValue:e,layout:r});break}case"transformOriginY":{e=(0,transformOriginY_1.getTransformOriginY)(e,{beforeValue:o??0,layout:r}),a=(0,transformOriginY_1.getTransformOriginY)(t?.to,{beforeValue:e,layout:r});break}}const h={...t,easing:t?.easing??f,duration:t?.duration??g,delay:t?.delay??l??0,from:e,to:a};n[s]=h}i.push(n)}return i}

package/dist/cjs/interactions/rally/presets/effects/bounce.d.ts

@@ -0,0 +1,7 @@
+import { EffectTypeOption, MotionInput } from '../../types';
+export type BounceOptions = EffectTypeOption;
+/**
+ * 통통 효과 motion preset
+ * - Rally에 적용 시 loopMode: 'normal'로 사용해주세요.
+ */
+export declare const bounce: ({ type, override }: BounceOptions) => MotionInput[];

package/dist/cjs/interactions/rally/presets/effects/bounce.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.bounce=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motions={small:[{translateY:{to:"+=40%",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)},scaleY:{to:"-=0.1",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.1),delay:(0,utils_1.convertSecondsToMilliseconds)(.05)},scaleX:{to:"+=0.02",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.1),delay:(0,utils_1.convertSecondsToMilliseconds)(.05)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}},{translateY:{to:"-=40%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},scaleY:{to:"+=0.1",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},scaleX:{to:"-=0.02",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.25)}}],big:[{translateY:{to:"+=80%",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},scaleY:{to:"-=0.1",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.15),delay:(0,utils_1.convertSecondsToMilliseconds)(.1)},scaleX:{to:"+=0.02",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.15),delay:(0,utils_1.convertSecondsToMilliseconds)(.1)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.25)}},{translateY:{to:"-=80%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.35)},scaleY:{to:"+=0.1",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.35)},scaleX:{to:"-=0.02",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.35)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.35)}}]},bounce=({type:e=default_1.DefaultEffectType,override:o})=>(0,override_1.overrideEffect)(motions[e],o);exports.bounce=bounce;

package/dist/cjs/interactions/rally/presets/effects/default.d.ts

@@ -0,0 +1 @@
+export declare const DefaultEffectType = "big";

package/dist/cjs/interactions/rally/presets/effects/default.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultEffectType=void 0,exports.DefaultEffectType="big";

package/dist/cjs/interactions/rally/presets/effects/float.d.ts

@@ -0,0 +1,7 @@
+import { EffectTypeOption, MotionInput } from '../../types';
+export type FloatOptions = EffectTypeOption;
+/**
+ * 둥둥 효과 motion preset
+ * - Rally에 적용 시 loopMode: 'normal'과 함께 사용해주세요.
+ */
+export declare const float: ({ type, override }: FloatOptions) => MotionInput[];

package/dist/cjs/interactions/rally/presets/effects/float.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.float=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motion={small:[{translateY:{to:"-=20%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.8)}},{translateY:{to:"+=20%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.7)}}],big:[{translateY:{to:"-=35%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(1)}},{translateY:{to:"+=35%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.9)}}]},float=({type:e=default_1.DefaultEffectType,override:t})=>(0,override_1.overrideEffect)(motion[e],t);exports.float=float;

package/dist/cjs/interactions/rally/presets/effects/float3d.d.ts

@@ -0,0 +1,7 @@
+import { EffectPlayCountOption, EffectTypeOption, MotionInput } from '../../types';
+export type Float3dOptions = EffectTypeOption & EffectPlayCountOption;
+/**
+ * 두둥실 효과 motion preset
+ * - Rally의 playCount가 infinite면 repeatType infinite, playCount가 상수면 normal로 사용해주세요.
+ */
+export declare const float3d: ({ type, repeatType, override }: Float3dOptions) => MotionInput[];

package/dist/cjs/interactions/rally/presets/effects/float3d.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.float3d=void 0;const perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),bezier={1:[.5,.2,.8,.5],2:[.2,.5,.5,.8]},defaultMotions={small:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=4",easing:bezier[2]},rotateY:{to:"+=4",easing:bezier[1]},duration:(0,utils_1.convertSecondsToMilliseconds)(1.5)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=4",easing:bezier[1]},rotateY:{to:"+=4",easing:bezier[2]},duration:(0,utils_1.convertSecondsToMilliseconds)(1.5)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=8",easing:bezier[2]},rotateY:{to:"-=8",easing:bezier[1]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=8",easing:bezier[1]},rotateY:{to:"-=8",easing:bezier[2]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=4",easing:bezier[2]},rotateY:{to:"+=4",easing:bezier[1]},duration:(0,utils_1.convertSecondsToMilliseconds)(1.5)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=4",easing:bezier[1]},rotateY:{to:"+=4",easing:bezier[2]},duration:(0,utils_1.convertSecondsToMilliseconds)(1.5)}],big:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=10",easing:bezier[2]},rotateY:{to:"+=10",easing:bezier[1]},duration:(0,utils_1.convertSecondsToMilliseconds)(1.5)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=10",easing:bezier[1]},rotateY:{to:"+=10",easing:bezier[2]},duration:(0,utils_1.convertSecondsToMilliseconds)(1.5)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=20",easing:bezier[2]},rotateY:{to:"-=20",easing:bezier[1]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=20",easing:bezier[1]},rotateY:{to:"-=20",easing:bezier[2]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=10",easing:bezier[2]},rotateY:{to:"+=10",easing:bezier[1]},duration:(0,utils_1.convertSecondsToMilliseconds)(1.5)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=10",easing:bezier[1]},rotateY:{to:"+=10",easing:bezier[2]},duration:(0,utils_1.convertSecondsToMilliseconds)(1.5)}]},endlessMotions={small:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:8,to:0,easing:bezier[1]},rotateY:{to:8,easing:bezier[2]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:-8,easing:bezier[2]},rotateY:{to:0,easing:bezier[1]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:0,easing:bezier[1]},rotateY:{to:-8,easing:bezier[2]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:8,easing:bezier[2]},rotateY:{to:0,easing:bezier[1]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)}],big:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:20,to:0,easing:bezier[1]},rotateY:{to:20,easing:bezier[2]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:-20,easing:bezier[2]},rotateY:{to:0,easing:bezier[1]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:0,easing:bezier[1]},rotateY:{to:-20,easing:bezier[2]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:20,easing:bezier[2]},rotateY:{to:0,easing:bezier[1]},duration:(0,utils_1.convertSecondsToMilliseconds)(3)}]},float3d=({type:e=default_1.DefaultEffectType,repeatType:o,override:t})=>o==="infinite"?(0,override_1.overrideEffect)(endlessMotions[e],t):(0,override_1.overrideEffect)(defaultMotions[e],t);exports.float3d=float3d;

package/dist/cjs/interactions/rally/presets/effects/index.d.ts

@@ -0,0 +1,8 @@
+export * from './bounce';
+export * from './float';
+export * from './float3d';
+export * from './pulse';
+export * from './ripple';
+export * from './shiver';
+export * from './wiggle';
+export * from './wiggle3d';

package/dist/cjs/interactions/rally/presets/effects/index.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,r,e,t){t===void 0&&(t=e);var o=Object.getOwnPropertyDescriptor(r,e);(!o||("get"in o?!r.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(i,t,o)}:function(i,r,e,t){t===void 0&&(t=e),i[t]=r[e]},__exportStar=function(i,r){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./bounce"),exports),__exportStar(require("./float"),exports),__exportStar(require("./float3d"),exports),__exportStar(require("./pulse"),exports),__exportStar(require("./ripple"),exports),__exportStar(require("./shiver"),exports),__exportStar(require("./wiggle"),exports),__exportStar(require("./wiggle3d"),exports);

package/dist/cjs/interactions/rally/presets/effects/pulse.d.ts

@@ -0,0 +1,7 @@
+import { EffectTypeOption, MotionInput } from '../../types';
+export type PulseOptions = EffectTypeOption;
+/**
+ * 두근두근 효과 motion preset
+ * - Rally에 적용 시 loopMode: 'normal'과 함께 사용해주세요.
+ */
+export declare const pulse: ({ type, override }: PulseOptions) => MotionInput[];

package/dist/cjs/interactions/rally/presets/effects/pulse.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.pulse=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motion={small:[{scale:{to:"+=0.03",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}},{scale:{to:"-=0.03",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}}],big:[{scale:{to:"+=0.1",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}},{scale:{to:"-=0.1",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}}]},pulse=({type:e=default_1.DefaultEffectType,override:s})=>(0,override_1.overrideEffect)(motion[e],s);exports.pulse=pulse;

package/dist/cjs/interactions/rally/presets/effects/ripple.d.ts

@@ -0,0 +1,7 @@
+import { EffectTypeOption, MotionInput } from '../../types';
+export type RippleOptions = EffectTypeOption;
+/**
+ * 잔물결 효과 motion preset
+ * - Rally에 적용 시 loopMode: 'normal'와 함께 사용해주세요.
+ */
+export declare const ripple: ({ type, override }: RippleOptions) => MotionInput[];

package/dist/cjs/interactions/rally/presets/effects/ripple.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ripple=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),scaleTo={small:"+=1.15",big:"+=1.4"},ripple=({type:e=default_1.DefaultEffectType,override:r})=>{const s=[{opacity:{from:1,to:0},scale:{from:1,to:scaleTo[e]},easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.8)}];return(0,override_1.overrideEffect)(s,r)};exports.ripple=ripple;

package/dist/cjs/interactions/rally/presets/effects/shiver.d.ts

@@ -0,0 +1,8 @@
+import { EffectPlayCountOption, EffectTypeOption, MotionInput } from '../../types';
+export type ShiverOptions = EffectTypeOption & EffectPlayCountOption;
+/**
+ * 흔들흔들 효과 motion preset
+ * - Rally에 적용 시 loopMode: 'normal'과 함께 사용해주세요.
+ * - Rally의 playCount가 infinite면 repeatType infinite, playCount가 상수면 normal로 사용해주세요.
+ */
+export declare const shiver: ({ type, repeatType, override }: ShiverOptions) => MotionInput[];

package/dist/cjs/interactions/rally/presets/effects/shiver.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.shiver=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),defaultMotions={small:[{rotate:{to:"-=1"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=2"},transformOriginX:{to:"55%"},transformOriginY:{to:"55%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"-=1.5"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=0.5"},transformOriginX:{to:"50%"},transformOriginY:{to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)}],big:[{rotate:{to:"-=2"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=4"},transformOriginX:{to:"55%"},transformOriginY:{to:"55%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"-=3"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=1"},transformOriginX:{to:"50%"},transformOriginY:{to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)}]},endlessMotion={small:[{rotate:{from:"-=0.6",to:"+=0.6"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)},{rotate:{from:"+=0",to:"-=1.2"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)}],big:[{rotate:{from:"-=1.2deg",to:"+=1.2deg"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)},{rotate:{from:"+=0deg",to:"-=2.4deg"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)}]},shiver=({type:r=default_1.DefaultEffectType,repeatType:e,override:o})=>e==="infinite"?(0,override_1.overrideEffect)(endlessMotion[r],o):(0,override_1.overrideEffect)(defaultMotions[r],o);exports.shiver=shiver;

package/dist/cjs/interactions/rally/presets/effects/wiggle.d.ts

@@ -0,0 +1,6 @@
+import { EffectDirectionOption, EffectTypeOption, MotionInput } from '../../types';
+export type WiggleOptions = EffectTypeOption & EffectDirectionOption;
+/**
+ * 부르르 효과 motion preset
+ */
+export declare const wiggle: ({ type, direction, override }: WiggleOptions) => MotionInput[];

package/dist/cjs/interactions/rally/presets/effects/wiggle.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.wiggle=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motions={x:{small:[{translateX:{to:"+=2"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=4"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"+=3"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=1"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}],big:[{translateX:{to:"+=4"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=8"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"+=6"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=2",easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}]},y:{small:[{translateY:{to:"+=2"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=4"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"+=3"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=1"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}],big:[{translateY:{to:"+=4"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=8"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"+=6"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=2"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}]}},wiggle=({type:e=default_1.DefaultEffectType,direction:n="x",override:i})=>(0,override_1.overrideEffect)(motions[n][e],i);exports.wiggle=wiggle;

package/dist/cjs/interactions/rally/presets/effects/wiggle3d.d.ts

@@ -0,0 +1,7 @@
+import { EffectDirectionOption, EffectTypeOption, MotionInput } from '../../types';
+export type Wiggle3dOptions = EffectTypeOption & EffectDirectionOption;
+/**
+ * 출렁출렁 효과 motion preset
+ * - Rally에 적용 시 loopMode: 'normal'과 함께 사용해주세요.
+ */
+export declare const wiggle3d: ({ type, direction, override }: Wiggle3dOptions) => MotionInput[];