@toss/tds-react-native 1.0.0

package/dist/esm/interactions/animated/index.d.ts

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

package/dist/esm/interactions/animated/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./Animated";

package/dist/esm/interactions/animated/spring.d.ts

@@ -0,0 +1,45 @@
+import { Animated } from 'react-native';
+export type SpringAnimationConfig = Animated.SpringAnimationConfig & {
+    /**
+     * 애니메이션이 끝났을 때 도달할 목표 값을 설정합니다
+     * @remarks
+     * react-native의 Animated.spring과 다르게 RgbaValue와 AnimatedColor 타입의 toValue를 지원하지 않습니다.
+     */
+    toValue: Animated.TimingAnimationConfig['toValue'];
+    /**
+     * 스프링의 강성.
+     * 값이 높을수록 더 갑작스러운 움직임을 만듭니다.
+     */
+    stiffness?: number;
+    /**
+     * 반대 힘의 강도.
+     * 0으로 설정하면 스프링이 무한히 진동합니다.
+     */
+    damping?: number;
+    /**
+     * 스프링의 초기 속도.
+     */
+    velocity?: number;
+    /**
+     * 스프링의 허용 오차.
+     */
+    tolerance?: number;
+};
+/**
+ *
+ * `@toss-design-system/easings`의 `spring` 토큰을 사용하여 스프링 애니메이션을 생성합니다.
+ *
+ * @example
+ * ```ts
+ * import { spring } from '@toss-design-system/easings';
+ * import { Animated } from '';
+ *
+ * const value = new Animated.Value(0);
+ * Animated.spring(value, {
+ *  toValue: 1,
+ *  useNativeDriver: false,
+ *  ...spring.basic,
+ * }).start();
+ * ```
+ */
+export declare const spring: (value: Animated.Value | Animated.ValueXY, config: SpringAnimationConfig) => Animated.CompositeAnimation;

package/dist/esm/interactions/animated/spring.js

@@ -0,0 +1 @@
+"use strict";import{Animated as c}from"react-native";import{getSpringEasing as f}from"@toss-design-system/spring-easing";export const spring=function(n,t){const{stiffness:i,damping:o,velocity:r,tolerance:s,mass:e,...a}=t,{duration:g,easeFunction:m}=f({stiffness:i,damping:o,velocity:r,tolerance:s,mass:e});return c.timing(n,{...a,easing:m,duration:g*1e3})};

package/dist/esm/interactions/animation/hooks/useWiggleAnim.d.ts

@@ -0,0 +1,16 @@
+import { Animated, ViewStyle } from 'react-native';
+interface Props {
+    /**
+     * @description 모션 방향
+     */
+    direction: 'x' | 'y';
+    /**
+     * @description 모션 크기
+     */
+    type: 'small' | 'big';
+}
+export declare function useWiggleAnimation({ direction, type }: Props): {
+    startWiggle: () => void;
+    style: Animated.WithAnimatedObject<ViewStyle>;
+};
+export {};

package/dist/esm/interactions/animation/hooks/useWiggleAnim.js

@@ -0,0 +1 @@
+"use strict";import{bezier as s}from"@toss-design-system/easings";import{useCallback as o,useRef as l}from"react";import{Animated as e,Easing as m}from"react-native";export function useWiggleAnimation({direction:a,type:r}){const t=l(new e.Value(0)).current;return{startWiggle:o(()=>{const n=u[r].map(i=>e.timing(t,{toValue:i,duration:87.5,easing:m.bezier(...s.linear),useNativeDriver:!0}));e.sequence(n).start()},[t,r]),style:{transform:[a==="x"?{translateX:t}:{translateY:t}]}}}const u={small:[2,-2,1,-1],big:[4,-4,2,-2]};

package/dist/esm/interactions/animation/index.d.ts

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

package/dist/esm/interactions/animation/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./hooks/useWiggleAnim";

package/dist/esm/interactions/pressable-effect/Prerender.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren, ReactNode } from 'react';
+interface Props {
+    initial: ReactNode;
+}
+/**
+ * 초기 로딩 성능 개선을 위해 가벼운 컴포넌트를 먼저 그리고 CPU가 바쁘지 않을 때 무거운 컴포넌트를 그립니다
+ * @param initial 가벼운 컴포넌트
+ */
+export declare function Prerender({ initial, children }: PropsWithChildren<Props>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/interactions/pressable-effect/Prerender.js

@@ -0,0 +1 @@
+"use strict";import{Fragment as s,jsx as a}from"react/jsx-runtime";import{useEffect as i,useState as m}from"react";export function Prerender({initial:e,children:r}){const[n,t]=m(!1);return i(()=>{const o=requestAnimationFrame(()=>{t(!0)});return()=>{cancelAnimationFrame(o)}},[]),a(s,{children:n?r:e})}

package/dist/esm/interactions/pressable-effect/PressableEffect.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement, ReactNode } from 'react';
+import { PressableProps, StyleProp, View, ViewStyle } from 'react-native';
+import { PressableUnderlay } from './PressableUnderlay';
+interface PressableEffectProps extends PressableProps {
+    style?: StyleProp<ViewStyle>;
+    underlay?: ReactElement | null;
+    children?: ReactNode;
+}
+/**
+ * onPress가 없다면, View로 렌더링됩니다.
+ */
+export declare const PressableEffect: import("react").ForwardRefExoticComponent<PressableEffectProps & import("react").RefAttributes<View>> & {
+    Underlay: typeof PressableUnderlay;
+};
+export {};

package/dist/esm/interactions/pressable-effect/PressableEffect.js

@@ -0,0 +1 @@
+"use strict";import{jsx as r,Fragment as A,jsxs as O}from"react/jsx-runtime";import{cloneElement as j,forwardRef as f,useCallback as m}from"react";import{Animated as x,Pressable as E,StyleSheet as g,TouchableOpacity as I,View as w}from"react-native";import{Prerender as F}from"./Prerender";import{PressableUnderlay as u}from"./PressableUnderlay";import{usePressAnim as R}from"./usePressAnim";const S=f((e,s)=>e.onPress==null?r(w,{ref:s,...e,children:e.children}):r(F,{initial:r(U,{onPress:e.onPress,children:e.children,style:e.style}),children:r(V,{ref:s,...e})})),U=({onPress:e,style:s,children:n})=>r(I,{role:e!=null?"button":void 0,style:s,onPress:e,children:n}),V=f(({children:e,underlay:s=r(u,{style:_.underlay}),style:n,onPress:t,onPressIn:i,onPressOut:c,...d},y)=>{const{scaleAnim:P,opacityAnim:b,startPressInAnim:a,startPressOutAnim:o}=R({pressIn:{scale:.96,opacity:1},pressOut:{scale:1,opacity:0}}),h=m(l=>{i?.(l),t!=null&&a()},[i,t,a]),p=m(l=>{c?.(l),t!=null&&o()},[c,t,o]);return r(E,{role:"button",ref:y,onPress:t,onPressIn:h,onPressOut:p,style:n,...d,children:r(x.View,{style:{transform:[{scale:P}]},children:O(A,{children:[s!=null?j(s,{...s.props,style:[s.props.style,{opacity:b}]}):null,e]})})})}),_=g.create({underlay:{borderRadius:12}});export const PressableEffect=Object.assign(S,{Underlay:u});

package/dist/esm/interactions/pressable-effect/PressableUnderlay.d.ts

@@ -0,0 +1,6 @@
+import { ViewStyle, StyleProp } from 'react-native';
+interface Props {
+    style?: StyleProp<ViewStyle>;
+}
+export declare function PressableUnderlay({ style }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/interactions/pressable-effect/PressableUnderlay.js

@@ -0,0 +1 @@
+"use strict";import{jsx as e}from"react/jsx-runtime";import{useAdaptive as a}from"../../core";import{Animated as i,StyleSheet as n,View as s}from"react-native";export function PressableUnderlay({style:o}){const r=a();return e(s,{style:t.container,focusable:!1,children:e(i.View,{style:[t.underlay,{backgroundColor:r.opacity100},o]})})}const t=n.create({container:{position:"absolute",width:"100%",height:"100%"},underlay:{flex:1}});

package/dist/esm/interactions/pressable-effect/index.d.ts

@@ -0,0 +1,2 @@
+export { PressableEffect } from './PressableEffect';
+export { usePressAnim } from './usePressAnim';

package/dist/esm/interactions/pressable-effect/index.js

@@ -0,0 +1 @@
+"use strict";export{PressableEffect}from"./PressableEffect";export{usePressAnim}from"./usePressAnim";

package/dist/esm/interactions/pressable-effect/usePressAnim.d.ts

@@ -0,0 +1,18 @@
+import { Animated } from 'react-native';
+interface Props {
+    pressIn: {
+        scale: number;
+        opacity: number;
+    };
+    pressOut: {
+        scale: number;
+        opacity: number;
+    };
+}
+export declare function usePressAnim({ pressIn, pressOut }: Props): {
+    scaleAnim: Animated.Value;
+    opacityAnim: Animated.Value;
+    startPressInAnim: () => void;
+    startPressOutAnim: () => void;
+};
+export {};

package/dist/esm/interactions/pressable-effect/usePressAnim.js

@@ -0,0 +1 @@
+"use strict";import{useCallback as o,useRef as u}from"react";import{Animated as e}from"react-native";import{spring as i}from"@toss-design-system/easings";export function usePressAnim({pressIn:n,pressOut:r}){const t=u(new e.Value(r.scale)).current,a=u(new e.Value(r.opacity)).current,c=o(()=>{e.parallel([e.spring(t,{toValue:n.scale,useNativeDriver:!0,...i.rapid}),e.spring(a,{toValue:n.opacity,useNativeDriver:!0,...i.rapid})]).start()},[t,a,n]),l=o(()=>{e.parallel([e.spring(t,{toValue:r.scale,useNativeDriver:!0,...i.quick}),e.spring(a,{toValue:r.opacity,useNativeDriver:!0,...i.quick})]).start()},[t,a,r]);return{scaleAnim:t,opacityAnim:a,startPressInAnim:c,startPressOutAnim:l}}

package/dist/esm/interactions/rally/components/AnimateRallyPresence.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface AnimateRallyPresenceProps {
+    children: ReactNode;
+    preserveUntilCompleteAll?: boolean;
+    onExitEnd?: () => void;
+}
+export declare function AnimateRallyPresence(props: AnimateRallyPresenceProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/interactions/rally/components/AnimateRallyPresence.js

@@ -0,0 +1 @@
+"use strict";import{jsx as f,Fragment as C}from"react/jsx-runtime";import{Children as y,isValidElement as U,useEffect as R,useLayoutEffect as I,useMemo as w,useRef as a}from"react";import{useForceRerender as M}from"../hooks/utils/useForceRerender";import{useIsMounted as O}from"../hooks/utils/useIsMounted";import{PresenceChild as h}from"./PresenceChild";const s=n=>n.key||"",F=n=>{const i=[];return y.forEach(n,t=>{U(t)&&i.push(t)}),i},K=(n,i)=>{n.forEach(t=>{const m=s(t);i.set(m,t)})};export function AnimateRallyPresence(n){const i=O(),t=a(!0),{forceRerender:m}=M(),c=w(()=>F(n.children),[n.children]);let r=c;const u=a(r),o=a(new Set).current,d=a(new Map).current;if(I(()=>{t.current=!1,K(c,d),u.current=r},[d,r,c]),R(()=>()=>{t.current=!0,d.clear(),o.clear()},[]),t.current)return f(C,{children:r.map(e=>f(h,{present:!0,preserveUntilCompleteAll:n.preserveUntilCompleteAll,children:e},s(e)))});r=[...r];const p=u.current.map(s),x=c.map(s);for(let e=0;e<p.length;e+=1){const l=p[e];x.indexOf(l)===-1&&o.add(l)}return o.forEach(e=>{if(x.indexOf(e)!==-1)return;const l=d.get(e);if(!l)return;const E=p.indexOf(e),v=()=>{d.delete(e),o.delete(e);const A=u.current.findIndex(g=>g.key===e);if(u.current.splice(A,1),n.preserveUntilCompleteAll!==!0&&m(),o.size===0){if(u.current=c,i===!1)return;m(),n.onExitEnd!==void 0&&n.onExitEnd()}};r.splice(E,0,f(h,{present:!1,onExitEnd:v,preserveUntilCompleteAll:n.preserveUntilCompleteAll,children:l},s(l)))}),r=r.map(e=>{const l=e.key;return o.has(l)?e:f(h,{present:!0,preserveUntilCompleteAll:n.preserveUntilCompleteAll,children:e},s(e))}),f(C,{children:r})}

package/dist/esm/interactions/rally/components/PresenceChild.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface PresenceChildProps {
+    children: ReactNode;
+    present: boolean;
+    preserveUntilCompleteAll?: boolean;
+    onExitEnd?: () => void;
+}
+export declare function PresenceChild(props: PresenceChildProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/interactions/rally/components/PresenceChild.js

@@ -0,0 +1 @@
+"use strict";import{jsx as c}from"react/jsx-runtime";import{useEffect as u,useMemo as i,useRef as o}from"react";import{getUniqueId as d}from"../helper/getUniqueId";import{PresenceContext as l}from"../contexts/PresenceContext";export function PresenceChild(e){const s=o(d()).current,t=o(new Map).current,f=i(()=>({id:s,present:e.present,onExitComplete:n=>{t.set(n,!0);for(const r of t.values())if(!r)return;e.onExitEnd&&e.onExitEnd()},register:n=>(t.set(n,!1),()=>t.delete(n))}),[e.present]);return i(()=>{t.forEach((n,r)=>t.set(r,!1))},[e.present]),u(()=>{!e.present&&!t.size&&e.onExitEnd&&e.onExitEnd()},[e.present]),c(l.Provider,{value:f,children:e.children})}

package/dist/esm/interactions/rally/components/RallySimple.d.ts

@@ -0,0 +1,6 @@
+import { View, ViewProps } from 'react-native';
+import { RallyProps } from '../types';
+export interface RallySimpleProps extends ViewProps, RallyProps {
+    play?: boolean;
+}
+export declare const RallySimple: import("react").ForwardRefExoticComponent<RallySimpleProps & import("react").RefAttributes<View>>;

package/dist/esm/interactions/rally/components/RallySimple.js

@@ -0,0 +1 @@
+"use strict";import{jsx as R}from"react/jsx-runtime";import{forwardRef as c,useEffect as x}from"react";import{useRally as j}from"../hooks/useRally";import{RallyView as w}from"./RallyView";export const RallySimple=c(function({motion:e,playCount:t,exit:f,loopMode:a,loopDelay:m,delay:i,defaultEasing:s,defaultDuration:u,play:o=!0,onLayout:y,...p},n){const r=j({motion:e,playCount:t,loopMode:a,loopDelay:m,delay:i,exit:f,defaultEasing:s,defaultDuration:u});return x(()=>{o===!0?r.play():r.reset()},[o,r]),R(w,{...p,rally:r,onLayout:l=>{r.onLayout(l),y?.(l)},ref:n})});

package/dist/esm/interactions/rally/components/RallyView.d.ts

@@ -0,0 +1,10 @@
+import { Animated, LayoutChangeEvent, TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+type RallyProps = {
+    onLayout: (event: LayoutChangeEvent) => void;
+    style?: Animated.WithAnimatedObject<ViewStyle | TextStyle>;
+};
+export interface RallyView extends ViewProps {
+    rally: RallyProps;
+}
+export declare const RallyView: import("react").ForwardRefExoticComponent<RallyView & import("react").RefAttributes<View>>;
+export {};

package/dist/esm/interactions/rally/components/RallyView.js

@@ -0,0 +1 @@
+"use strict";import{jsx as m}from"react/jsx-runtime";import{forwardRef as n}from"react";import{Animated as s}from"react-native";export const RallyView=n(function({rally:o,style:r,children:t,onLayout:a,...e},f){return m(s.View,{ref:f,style:[...Array.isArray(r)?r:[r],o.style],onLayout:i=>{o.onLayout(i),a?.(i)},...e,children:t})});

package/dist/esm/interactions/rally/components/index.d.ts

@@ -0,0 +1,5 @@
+import { RallyView } from './RallyView';
+export * from './AnimateRallyPresence';
+export declare const Rally: import("react").ForwardRefExoticComponent<import("./RallySimple").RallySimpleProps & import("react").RefAttributes<import("react-native").View>> & {
+    View: import("react").ForwardRefExoticComponent<RallyView & import("react").RefAttributes<import("react-native").View>>;
+};

package/dist/esm/interactions/rally/components/index.js

@@ -0,0 +1 @@
+"use strict";import{RallySimple as o}from"./RallySimple";import{RallyView as l}from"./RallyView";export*from"./AnimateRallyPresence";export const Rally=Object.assign({},o,{View:l});

package/dist/esm/interactions/rally/constants/perspertive.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 엘리먼트의 너비에 대한 투시값을 구하는 함수 토큰들
+ */
+export declare const getPerspectiveOnWidth: {
+    readonly weak: (width: number) => number;
+    readonly medium: (width: number) => number;
+    readonly strong: (width: number) => number;
+    readonly max: (width: number) => number;
+};

package/dist/esm/interactions/rally/constants/perspertive.js

@@ -0,0 +1 @@
+"use strict";const i={weak:16,medium:8,strong:4,max:2},e=t=>m=>m*i[t];export const getPerspectiveOnWidth={weak:e("weak"),medium:e("medium"),strong:e("strong"),max:e("max")};

package/dist/esm/interactions/rally/constants/property.d.ts

@@ -0,0 +1,24 @@
+import { Color, Degree, TransformOrigin } from '../types';
+type DefaultStyles = {
+    opacity: number;
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    rotate: Degree;
+    rotateX: Degree;
+    rotateY: Degree;
+    rotateZ: Degree;
+    translateX: number;
+    translateY: number;
+    transformOriginX: TransformOrigin;
+    transformOriginY: TransformOrigin;
+    color: Color;
+    backgroundColor: Color;
+};
+/**
+ * 기본 스타일 값
+ */
+export declare const defaultStyles: DefaultStyles;
+export declare const defaultDuration = 500;
+export declare const defaultEasing: import("@toss-design-system/easings").CubicBezier;
+export {};

package/dist/esm/interactions/rally/constants/property.js

@@ -0,0 +1 @@
+"use strict";import{bezier as t}from"@toss-design-system/easings";export const defaultStyles={opacity:1,scale:1,scaleX:1,scaleY:1,rotate:0,rotateX:0,rotateY:0,rotateZ:0,translateX:0,translateY:0,transformOriginX:"center",transformOriginY:"center",color:"black",backgroundColor:"transparent"},defaultDuration=500,defaultEasing=t.out;

package/dist/esm/interactions/rally/contexts/PresenceContext.d.ts

@@ -0,0 +1,7 @@
+export interface PresenceContextProps {
+    id: string;
+    present: boolean;
+    register: (id: string) => () => void;
+    onExitComplete?: (id: string) => void;
+}
+export declare const PresenceContext: import("react").Context<PresenceContextProps | null>;

package/dist/esm/interactions/rally/contexts/PresenceContext.js

@@ -0,0 +1 @@
+"use strict";import{createContext as e}from"react";export const PresenceContext=e(null);

package/dist/esm/interactions/rally/contexts/usePresence.d.ts

@@ -0,0 +1,10 @@
+type SafeToRemove = () => void;
+type UsePresenceParameter = {
+    presence: boolean;
+};
+type UsePresence = {
+    present: boolean;
+    safeToRemove?: SafeToRemove | null;
+};
+export declare function usePresence({ presence }: UsePresenceParameter): UsePresence;
+export {};

package/dist/esm/interactions/rally/contexts/usePresence.js

@@ -0,0 +1 @@
+"use strict";import{useContext as s,useEffect as f,useRef as u}from"react";import{getUniqueId as i}from"../helper/getUniqueId";import{PresenceContext as m}from"./PresenceContext";export function usePresence({presence:r}){const t=u(i()).current,e=s(m);if(f(()=>{e&&r&&e.register(t)},[t,e,r]),e===null)return{present:!0,safeToRemove:null};const{present:n,onExitComplete:o}=e;return!n&&o?{present:!1,safeToRemove:()=>o&&o(t)}:{present:!0}}

package/dist/esm/interactions/rally/helper/calcRelativeOperator.d.ts

@@ -0,0 +1,2 @@
+import { RelativeOperator } from '../types';
+export declare function calcRelativeOperator(baseValue: number, operator: RelativeOperator, value: number): number;

package/dist/esm/interactions/rally/helper/calcRelativeOperator.js

@@ -0,0 +1 @@
+"use strict";export function calcRelativeOperator(r,c,t){switch(c){case"-=":return r-t;case"+=":return r+t;case"*=":return r*t;case"/=":return r/t}}

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

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

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

@@ -0,0 +1 @@
+"use strict";let e=0;export function getUniqueId(){return`id${e++}`}

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

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

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

@@ -0,0 +1 @@
+"use strict";export*from"./calcRelativeOperator";export*from"./nativeDriver";export*from"./parseMotionValue";

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

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

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

@@ -0,0 +1 @@
+"use strict";export function shouldUseNativeDriver(r){return!(r==="backgroundColor"||r==="color"||r==="width"||r==="height")}

package/dist/esm/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/esm/interactions/rally/helper/parseMotionValue.js

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

package/dist/esm/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/esm/interactions/rally/hooks/useAnimationController.js

@@ -0,0 +1 @@
+"use strict";import{delay as F}from"@toss/utils";import{useCallback as a,useEffect as E,useMemo as b,useRef as P}from"react";import{AppState as I}from"react-native";import{repeat as O,repeatCycle as x}from"../utils";import{useWaitFor as L}from"./utils/useWaitFor";export function useAnimationController({forwardAnimation:e,backwardAnimation:n,playCount:f=1,loopDelay:u=0,loopMode:c="alternate",mounted:y,delay:o=0}){const{waitFor:r}=L(y),t=P(!1),g=P(0),i=f==="infinite"?1/0:f,p=e,h=a(async()=>{if(await r(),t.current===!0)return!1;t.current=!0;try{await F(o);for(const s of x([e,n],i,{gutter:B(u)}))if(s==null||!await s.start())return!1;return!0}finally{t.current=!1}},[e,n,i,o,u,r]),m=a(async()=>{if(await r(),t.current===!0)return!1;t.current=!0;try{await F(o);for(const s of O(e,i,{gutter:B(u)}))if(s==null||(s.seekProgress(0),!await s.start()))return!1;return!0}finally{t.current=!1}},[o,e,i,u,r]),C=a(s=>{t.current=!1,e.seekProgress(s)},[e]),l=b(()=>c==="normal"?m:h,[c,m,h]),d=a(async()=>(await r(),t.current=!1,g.current=0,e.seekProgress(0),await l()),[e,l,r]),v=a(async()=>(await r(),t.current=!1,g.current=0,e.seekProgress(1),await n.start()),[e,n,r]),w=a(()=>{t.current=!1,g.current=0,p.reset()},[p]),k=a(()=>{p.stop(),t.current=!1},[p]);return N({play:l,pause:k,isPlaying:t,condition:i===1/0}),b(()=>({startForward:d,startBackward:v,play:l,seekProgress:C,reset:w,pause:k}),[d,v,l,C,w,k])}function B(e){return{start:async()=>(await F(e),!0),seekProgress:()=>{},stop:()=>{},reset:()=>{}}}function N({play:e,pause:n,condition:f,isPlaying:u}){const c=P(!1);E(()=>{if(!f)return;function y(r){switch(r){case"active":{c.current===!0&&(c.current=!1,e());break}case"background":case"inactive":{u.current===!0&&(c.current=!0,n());break}default:break}}const o=I.addEventListener("change",y);return()=>{o.remove()}},[f,u,n,e])}

package/dist/esm/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/esm/interactions/rally/hooks/useCurrentProgressStyle.js

@@ -0,0 +1 @@
+"use strict";import{useEffect as d,useState as o}from"react";export function useCurrentProgressStyleIndex(e,{motionLength:r}){const[n,t]=o(0);return d(()=>{const a=e.addListener(u=>{const s=Math.floor(u.value);t(s===r?Math.max(0,r-1):Math.max(0,s))});return()=>{e.removeListener(a)}},[e,r]),n}

package/dist/esm/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/esm/interactions/rally/hooks/useRally.js

@@ -0,0 +1 @@
+"use strict";import{useCallback as E,useEffect as w,useMemo as h,useState as I}from"react";import{usePresence as L}from"../contexts/usePresence";import{useAnimationController as M}from"./useAnimationController";import{useRallyAnimation as A}from"./useRallyAnimation";import{usePreservedReference as b}from"./utils/usePreservedReference";export function useRally({playOnRender:m,exit:r,motion:c,defaultDuration:f,defaultEasing:u,applyBeforeMountedStyle:y=!0,...v}){const g=b(Array.isArray(c)?c:[c]),k=b(r??{}),[t,x]=I({width:0,height:0,x:0,y:0}),o=t.width!==0||t.height!==0||t.x!==0||t.y!==0,l=E(e=>{o||x(e.nativeEvent.layout)},[o]),{forward:R,backward:C,style:i}=A({motionInputs:g.map(e=>({easing:u,duration:f,...e})),layout:t}),s=A({motionInputs:[{easing:u,duration:f,...k}],layout:t}),n=M({forwardAnimation:R,backwardAnimation:C,mounted:o,...v}),{present:a,safeToRemove:d}=L({presence:r!==void 0});w(()=>{async function e(){!a&&r&&await s.forward.start()&&d?.()}e()},[a,s.forward,d,r]),w(()=>{m&&n.play()},[m,n.play,n]);const p=h(()=>({...i,opacity:0,transform:[]}),[i]);return h(()=>({...n,onLayout:l,style:o||!y?a?i:s.style:p}),[n,l,o,y,a,i,s.style,p])}

package/dist/esm/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("..").AnimationController;
+    backward: import("..").AnimationController;
+    style: Animated.WithAnimatedObject<import("react-native").ViewStyle | import("react-native").TextStyle> | undefined;
+};

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

@@ -0,0 +1 @@
+"use strict";import{useMemo as a,useRef as h}from"react";import{Animated as A}from"react-native";import{Animation as p,createInterpolationStyle as b,createMotionAnimation as u,toAnimationController as g,toMotions as k}from"../operations";import{useCurrentProgressStyleIndex as P}from"./useCurrentProgressStyle";export function useRallyAnimation({motionInputs:n,layout:c}){const e=h(new A.Value(0)).current,d=P(e,{motionLength:n.length}),t=a(()=>k(n,c),[n,c]),s=a(()=>t.map((r,o)=>{const f=b(e,{motion:r,inputRange:[o,o+1]}),w=u({progress:e,toValue:o+1,motion:r}),y=u({progress:e,toValue:o,motion:r});return{style:f,forward:g(w,{progress:e,endProgress:t.length}),backward:g(y,{progress:e,endProgress:t.length})}}),[t,e]),l=p.sequence(s.map(r=>r.forward)),m=p.sequence([...s.map(r=>r.backward).reverse()]),i=s.map(r=>r.style)[d];return a(()=>({forward:l,backward:m,style:i}),[l,m,i])}

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

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

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

@@ -0,0 +1 @@
+"use strict";import{useCallback as t,useState as n}from"react";import{useIsMounted as s}from"./useIsMounted";export function useForceRerender(){const e=s(),[,r]=n(0);return{forceRerender:t(()=>{e&&r(o=>o+1)},[e])}}

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

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

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

@@ -0,0 +1 @@
+"use strict";import{useEffect as u,useState as o}from"react";export function useIsMounted(){const[e,t]=o(!1);return u(()=>{t(!0)},[]),e}

package/dist/esm/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/esm/interactions/rally/hooks/utils/usePreservedReference.js

@@ -0,0 +1 @@
+"use strict";import{useEffect as f,useState as i}from"react";export function usePreservedReference(e,r=c){const[t,n]=i(e);return f(()=>{r(e,t)||n(e)},[r,t,e]),t}function c(e,r){return JSON.stringify(e)===JSON.stringify(r)}

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

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

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

@@ -0,0 +1 @@
+"use strict";import{useCallback as s,useEffect as c,useRef as f}from"react";export function useWaitFor(e){const r=f(new Set).current,a=s(async()=>{if(!e)return new Promise(t=>{r.add(t)})},[e,r]);return c(()=>{if(e)for(const t of r)t()},[e,r]),{waitFor:a}}

package/dist/esm/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/esm/interactions/rally/index.js

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

package/dist/esm/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/esm/interactions/rally/operations/animations/index.js

@@ -0,0 +1 @@
+"use strict";import{parallelAnimation as o}from"./parallel";import{sequenceAnimation as e}from"./sequence";export*from"./toAnimationController";export const Animation={parallel:o,sequence:e};

package/dist/esm/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/esm/interactions/rally/operations/animations/parallel.js

@@ -0,0 +1 @@
+"use strict";export const parallelAnimation=function(r,s){let n=0;const o={},h=!(s&&s.stopTogether===!1),f={start:function(t){if(n===r.length){t&&t({finished:!0});return}r.forEach((e,u)=>{const c=function(i){if(o[u]=!0,n++,n===r.length){n=0,t&&t(i);return}!i.finished&&h&&f.stop()};o[u]=!1,e.start(c)})},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 f};

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

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

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

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

package/dist/esm/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/esm/interactions/rally/operations/animations/toAnimationController.js

@@ -0,0 +1 @@
+"use strict";export function toAnimationController(r,{progress:t,endProgress:s}){return{...r,start(){return new Promise(e=>{r.start(n=>{e(n.finished)})})},seekProgress(e){t.setValue(e*s)}}}

package/dist/esm/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/esm/interactions/rally/operations/createInterpolationStyle.js

@@ -0,0 +1 @@
+"use strict";import{objectEntries as R}from"@toss/utils";export function createInterpolationStyle(o,{inputRange:c,motion:n}){const e=o.interpolate({inputRange:c,outputRange:[0,1]});return v({progress:e,motion:n})}function v({progress:o,motion:c}){const n={transform:[]},e={transform:[]},i={transform:[]},{perspective:u,...f}=c,m=[["perspective",u],...R(f)];for(const[s,r]of m)switch(s){case"width":case"height":case"opacity":{const t=r;if(t==null)continue;n[s]=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]});break}case"color":{const t=r;t!=null&&(n.color=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]}));break}case"backgroundColor":{const t=r;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=r;if(t!=null){const a=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]});n.transform=[...n.transform,{[s]:a}]}break}case"perspective":{const t=r;if(t!=null){const a=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]});n.transform=[...n.transform,{perspective:a}]}break}case"rotateY":case"rotateZ":case"rotateX":case"rotate":{const t=r;if(t!=null){const a=o.interpolate({inputRange:[0,1],outputRange:[`${t.from}deg`,`${t.to}deg`]});n.transform=[...n.transform,{[s]:a}]}break}case"translateX":{const t=r;if(t!=null){const a=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]});n.transform=[...n.transform,{[s]:a}]}break}case"translateY":{const t=r;if(t!=null){const a=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]});n.transform=[...n.transform,{[s]:a}]}break}case"transformOriginX":{const t=r;if(t!=null){const a=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]}),l=o.interpolate({inputRange:[0,1],outputRange:[-t.from,-t.to]});e.transform=[{translateX:a},{translateX:l}]}break}case"transformOriginY":{const t=r;if(t!=null){const a=o.interpolate({inputRange:[0,1],outputRange:[t.from,t.to]}),l=o.interpolate({inputRange:[0,1],outputRange:[-t.from,-t.to]});i.transform=[{translateY:a},{translateY:l}]}break}}const p=Array.isArray(e.transform)&&e.transform.length===2,g=Array.isArray(i.transform)&&i.transform.length===2;return p&&(n.transform=[e.transform[0],...n.transform??[],e.transform[1]]),g&&(n.transform=[i.transform[0],...n.transform??[],i.transform[1]]),n}

package/dist/esm/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/esm/interactions/rally/operations/createMotionAnimation.js

@@ -0,0 +1 @@
+"use strict";import{shouldUseNativeDriver as a}from"../helper";import{Animation as m}from"./animations";import{createMotionPropertyAnimation as s}from"./createMotionPropertyAnimation";export function createMotionAnimation({progress:t,toValue:o,motion:r}){const i=Object.keys(r).every(e=>a(e)),n=Object.values(r).map(e=>s({progress:t,toValue:o,useNativeDriver:i,...e}));return m.parallel(n)}

package/dist/esm/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/esm/interactions/rally/operations/createMotionPropertyAnimation.js

@@ -0,0 +1 @@
+"use strict";import{Animated as e}from"../../../interactions/animated";import{Easing as m}from"react-native";import{defaultDuration as c,defaultEasing as g}from"../constants/property";function s(n){return typeof n=="function"||Array.isArray(n)&&n.length===4}function d(n){return n??g}function p(n,i){return n&&i==null?c:i}export function createMotionPropertyAnimation({progress:n,toValue:i,useNativeDriver:r,delay:f,...o}){const t=d(o.easing),u=s(t),a=p(u,o.duration);return u?e.timing(n,{toValue:i,useNativeDriver:r,duration:a,easing:typeof t=="function"?t:Array.isArray(t)?m.bezier(...t):void 0,delay:f}):e.spring(n,{toValue:i,useNativeDriver:r,...t})}

package/dist/esm/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/esm/interactions/rally/operations/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./animations";export*from"./createInterpolationStyle";export*from"./createMotionAnimation";export*from"./motions/toMotions";

package/dist/esm/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;