@toss/tds-react-native 1.2.1 → 1.3.1

package/dist/cjs/index.d.ts

@@ -1,64 +1,64 @@
 /** TDS 컴포넌트 */
-export * from './components/agreement';
-export * from './components/amount-top';
-export * from './components/asset';
-export * from './components/badge';
-export * from './components/board-row';
-export * from './components/border';
-export * from './components/bottom-cta';
-export * from './components/bottom-info';
-export * from './components/bottom-sheet';
-export * from './components/button';
-export * from './components/checkbox';
-export * from './components/dialog';
-export * from './components/dropdown';
-export * from './components/grid-list';
-export * from './components/icon';
-export * from './components/list';
-export * from './components/list-footer';
-export * from './components/list-header';
-export * from './components/list-row';
-export * from './components/loader';
-export * from './components/chart';
-export * from './components/error-page';
-export * from './components/fixed-bottom-cta';
-export * from './components/gradient';
-export * from './components/highlight';
-export * from './components/icon-button';
-export * from './components/keypad';
-export * from './components/numeric-spinner';
-export * from './components/post';
-export * from './components/progress-bar';
-export * from './components/radio';
-export * from './components/rating';
-export * from './components/result';
-export * from './components/search-field';
-export * from './components/segmented-control';
-export * from './components/shadow';
-export * from './components/skeleton';
-export * from './components/slider';
-export * from './components/stepper-row';
-export * from './components/switch';
-export * from './components/tab';
-export * from './components/table-row';
-export * from './components/text-button';
-export * from './components/text-field';
-export * from './components/toast';
-export * from './components/tooltip';
-export * from './components/top';
-export * from './components/txt';
+export * from './components/agreement/index.js';
+export * from './components/amount-top/index.js';
+export * from './components/asset/index.js';
+export * from './components/badge/index.js';
+export * from './components/board-row/index.js';
+export * from './components/border/index.js';
+export * from './components/bottom-cta/index.js';
+export * from './components/bottom-info/index.js';
+export * from './components/bottom-sheet/index.js';
+export * from './components/button/index.js';
+export * from './components/checkbox/index.js';
+export * from './components/dialog/index.js';
+export * from './components/dropdown/index.js';
+export * from './components/grid-list/index.js';
+export * from './components/icon/index.js';
+export * from './components/list/index.js';
+export * from './components/list-footer/index.js';
+export * from './components/list-header/index.js';
+export * from './components/list-row/index.js';
+export * from './components/loader/index.js';
+export * from './components/chart/index.js';
+export * from './components/error-page/index.js';
+export * from './components/fixed-bottom-cta/index.js';
+export * from './components/gradient/index.js';
+export * from './components/highlight/index.js';
+export * from './components/icon-button/index.js';
+export * from './components/keypad/index.js';
+export * from './components/numeric-spinner/index.js';
+export * from './components/post/index.js';
+export * from './components/progress-bar/index.js';
+export * from './components/radio/index.js';
+export * from './components/rating/index.js';
+export * from './components/result/index.js';
+export * from './components/search-field/index.js';
+export * from './components/segmented-control/index.js';
+export * from './components/shadow/index.js';
+export * from './components/skeleton/index.js';
+export * from './components/slider/index.js';
+export * from './components/stepper-row/index.js';
+export * from './components/switch/index.js';
+export * from './components/tab/index.js';
+export * from './components/table-row/index.js';
+export * from './components/text-button/index.js';
+export * from './components/text-field/index.js';
+export * from './components/toast/index.js';
+export * from './components/tooltip/index.js';
+export * from './components/top/index.js';
+export * from './components/txt/index.js';
 /** 확장 컴포넌트 */
-export * from './extensions/bridge';
-export * from './extensions/external-web-view-screen';
-export * from './extensions/overlay-extension';
-export * from './extensions/page-navbar';
-export { tdsEvent } from './extensions/partner-navigation/event';
-export * from './extensions/partner-web-view-screen';
-export * from './extensions/tab-view';
+export * from './extensions/bridge/index.js';
+export * from './extensions/external-web-view-screen/index.js';
+export * from './extensions/overlay-extension/index.js';
+export * from './extensions/page-navbar/index.js';
+export { tdsEvent } from './extensions/partner-navigation/event.js';
+export * from './extensions/partner-web-view-screen/index.js';
+export * from './extensions/tab-view/index.js';
 /** util 컴포넌트 */
-export * from './interactions/pressable-effect';
+export * from './interactions/pressable-effect/index.js';
 /** 기타 컴포넌트 */
-export * from './components/carousel';
+export * from './components/carousel/index.js';
 /** 단일 Provider */
-export { TDSProvider } from './core';
+export { TDSProvider } from './core/index.js';
 export { colors } from '@toss/tds-colors';

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(t,r,e,o){o===void 0&&(o=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(t,o,n)}:function(t,r,e,o){o===void 0&&(o=e),t[o]=r[e]},__exportStar=function(t,r){for(var e in t)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,t,e)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.colors=exports.TDSProvider=exports.tdsEvent=void 0,__exportStar(require("./components/agreement"),exports),__exportStar(require("./components/amount-top"),exports),__exportStar(require("./components/asset"),exports),__exportStar(require("./components/badge"),exports),__exportStar(require("./components/board-row"),exports),__exportStar(require("./components/border"),exports),__exportStar(require("./components/bottom-cta"),exports),__exportStar(require("./components/bottom-info"),exports),__exportStar(require("./components/bottom-sheet"),exports),__exportStar(require("./components/button"),exports),__exportStar(require("./components/checkbox"),exports),__exportStar(require("./components/dialog"),exports),__exportStar(require("./components/dropdown"),exports),__exportStar(require("./components/grid-list"),exports),__exportStar(require("./components/icon"),exports),__exportStar(require("./components/list"),exports),__exportStar(require("./components/list-footer"),exports),__exportStar(require("./components/list-header"),exports),__exportStar(require("./components/list-row"),exports),__exportStar(require("./components/loader"),exports),__exportStar(require("./components/chart"),exports),__exportStar(require("./components/error-page"),exports),__exportStar(require("./components/fixed-bottom-cta"),exports),__exportStar(require("./components/gradient"),exports),__exportStar(require("./components/highlight"),exports),__exportStar(require("./components/icon-button"),exports),__exportStar(require("./components/keypad"),exports),__exportStar(require("./components/numeric-spinner"),exports),__exportStar(require("./components/post"),exports),__exportStar(require("./components/progress-bar"),exports),__exportStar(require("./components/radio"),exports),__exportStar(require("./components/rating"),exports),__exportStar(require("./components/result"),exports),__exportStar(require("./components/search-field"),exports),__exportStar(require("./components/segmented-control"),exports),__exportStar(require("./components/shadow"),exports),__exportStar(require("./components/skeleton"),exports),__exportStar(require("./components/slider"),exports),__exportStar(require("./components/stepper-row"),exports),__exportStar(require("./components/switch"),exports),__exportStar(require("./components/tab"),exports),__exportStar(require("./components/table-row"),exports),__exportStar(require("./components/text-button"),exports),__exportStar(require("./components/text-field"),exports),__exportStar(require("./components/toast"),exports),__exportStar(require("./components/tooltip"),exports),__exportStar(require("./components/top"),exports),__exportStar(require("./components/txt"),exports),__exportStar(require("./extensions/bridge"),exports),__exportStar(require("./extensions/external-web-view-screen"),exports),__exportStar(require("./extensions/overlay-extension"),exports),__exportStar(require("./extensions/page-navbar"),exports);var event_1=require("./extensions/partner-navigation/event");Object.defineProperty(exports,"tdsEvent",{enumerable:!0,get:function(){return event_1.tdsEvent}}),__exportStar(require("./extensions/partner-web-view-screen"),exports),__exportStar(require("./extensions/tab-view"),exports),__exportStar(require("./interactions/pressable-effect"),exports),__exportStar(require("./components/carousel"),exports);var core_1=require("./core");Object.defineProperty(exports,"TDSProvider",{enumerable:!0,get:function(){return core_1.TDSProvider}});var tds_colors_1=require("@toss/tds-colors");Object.defineProperty(exports,"colors",{enumerable:!0,get:function(){return tds_colors_1.colors}});
+"use strict";var __createBinding=Object.create?function(n,r,e,o){o===void 0&&(o=e);var t=Object.getOwnPropertyDescriptor(r,e);(!t||("get"in t?!r.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(n,o,t)}:function(n,r,e,o){o===void 0&&(o=e),n[o]=r[e]},__exportStar=function(n,r){for(var e in n)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,n,e)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.colors=exports.TDSProvider=exports.tdsEvent=void 0,__exportStar(require("./components/agreement/index.js"),exports),__exportStar(require("./components/amount-top/index.js"),exports),__exportStar(require("./components/asset/index.js"),exports),__exportStar(require("./components/badge/index.js"),exports),__exportStar(require("./components/board-row/index.js"),exports),__exportStar(require("./components/border/index.js"),exports),__exportStar(require("./components/bottom-cta/index.js"),exports),__exportStar(require("./components/bottom-info/index.js"),exports),__exportStar(require("./components/bottom-sheet/index.js"),exports),__exportStar(require("./components/button/index.js"),exports),__exportStar(require("./components/checkbox/index.js"),exports),__exportStar(require("./components/dialog/index.js"),exports),__exportStar(require("./components/dropdown/index.js"),exports),__exportStar(require("./components/grid-list/index.js"),exports),__exportStar(require("./components/icon/index.js"),exports),__exportStar(require("./components/list/index.js"),exports),__exportStar(require("./components/list-footer/index.js"),exports),__exportStar(require("./components/list-header/index.js"),exports),__exportStar(require("./components/list-row/index.js"),exports),__exportStar(require("./components/loader/index.js"),exports),__exportStar(require("./components/chart/index.js"),exports),__exportStar(require("./components/error-page/index.js"),exports),__exportStar(require("./components/fixed-bottom-cta/index.js"),exports),__exportStar(require("./components/gradient/index.js"),exports),__exportStar(require("./components/highlight/index.js"),exports),__exportStar(require("./components/icon-button/index.js"),exports),__exportStar(require("./components/keypad/index.js"),exports),__exportStar(require("./components/numeric-spinner/index.js"),exports),__exportStar(require("./components/post/index.js"),exports),__exportStar(require("./components/progress-bar/index.js"),exports),__exportStar(require("./components/radio/index.js"),exports),__exportStar(require("./components/rating/index.js"),exports),__exportStar(require("./components/result/index.js"),exports),__exportStar(require("./components/search-field/index.js"),exports),__exportStar(require("./components/segmented-control/index.js"),exports),__exportStar(require("./components/shadow/index.js"),exports),__exportStar(require("./components/skeleton/index.js"),exports),__exportStar(require("./components/slider/index.js"),exports),__exportStar(require("./components/stepper-row/index.js"),exports),__exportStar(require("./components/switch/index.js"),exports),__exportStar(require("./components/tab/index.js"),exports),__exportStar(require("./components/table-row/index.js"),exports),__exportStar(require("./components/text-button/index.js"),exports),__exportStar(require("./components/text-field/index.js"),exports),__exportStar(require("./components/toast/index.js"),exports),__exportStar(require("./components/tooltip/index.js"),exports),__exportStar(require("./components/top/index.js"),exports),__exportStar(require("./components/txt/index.js"),exports),__exportStar(require("./extensions/bridge/index.js"),exports),__exportStar(require("./extensions/external-web-view-screen/index.js"),exports),__exportStar(require("./extensions/overlay-extension/index.js"),exports),__exportStar(require("./extensions/page-navbar/index.js"),exports);var event_js_1=require("./extensions/partner-navigation/event.js");Object.defineProperty(exports,"tdsEvent",{enumerable:!0,get:function(){return event_js_1.tdsEvent}}),__exportStar(require("./extensions/partner-web-view-screen/index.js"),exports),__exportStar(require("./extensions/tab-view/index.js"),exports),__exportStar(require("./interactions/pressable-effect/index.js"),exports),__exportStar(require("./components/carousel/index.js"),exports);var index_js_1=require("./core/index.js");Object.defineProperty(exports,"TDSProvider",{enumerable:!0,get:function(){return index_js_1.TDSProvider}});var tds_colors_1=require("@toss/tds-colors");Object.defineProperty(exports,"colors",{enumerable:!0,get:function(){return tds_colors_1.colors}});

package/dist/cjs/interactions/animated/Animated.d.ts

@@ -1,6 +1,6 @@
 import { Animated as ReactNativeAnimated } from 'react-native';
 export declare const Animated: {
-    spring: (value: ReactNativeAnimated.Value | ReactNativeAnimated.ValueXY, config: import("./spring").SpringAnimationConfig) => ReactNativeAnimated.CompositeAnimation;
+    spring: (value: ReactNativeAnimated.Value | ReactNativeAnimated.ValueXY, config: import("./spring.js").SpringAnimationConfig) => ReactNativeAnimated.CompositeAnimation;
     decay(value: ReactNativeAnimated.AnimatedValue | ReactNativeAnimated.AnimatedValueXY, config: ReactNativeAnimated.DecayAnimationConfig): ReactNativeAnimated.CompositeAnimation;
     add<OutputT extends number | string>(a: ReactNativeAnimated.Animated, b: ReactNativeAnimated.Animated): ReactNativeAnimated.AnimatedAddition<OutputT>;
     subtract<OutputT extends number | string>(a: ReactNativeAnimated.Animated, b: ReactNativeAnimated.Animated): ReactNativeAnimated.AnimatedSubtraction<OutputT>;

package/dist/cjs/interactions/animated/Animated.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Animated=void 0;const react_native_1=require("react-native"),spring_1=require("./spring");exports.Animated={...react_native_1.Animated,spring:spring_1.spring};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Animated=void 0;const react_native_1=require("react-native"),spring_js_1=require("./spring.js");exports.Animated={...react_native_1.Animated,spring:spring_js_1.spring};

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

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

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

@@ -1 +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("./Animated"),exports);
+"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("./Animated.js"),exports);

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

@@ -1,4 +1,5 @@
-import { Animated, ViewStyle } from 'react-native';
+import type { ViewStyle } from 'react-native';
+import { Animated } from 'react-native';
 interface Props {
     /**
      * @description 모션 방향

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

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

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

@@ -1 +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("./hooks/useWiggleAnim"),exports);
+"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("./hooks/useWiggleAnim.js"),exports);

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import type { PropsWithChildren, ReactNode } from 'react';
 interface Props {
     initial: ReactNode;
 }

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

@@ -1,6 +1,7 @@
-import { ReactElement, ReactNode } from 'react';
-import { PressableProps, StyleProp, View, ViewStyle } from 'react-native';
-import { PressableUnderlay } from './PressableUnderlay';
+import type { ReactElement, ReactNode } from 'react';
+import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import { View } from 'react-native';
+import { PressableUnderlay } from './PressableUnderlay.js';
 interface PressableEffectProps extends PressableProps {
     style?: StyleProp<ViewStyle>;
     underlay?: ReactElement | null;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PressableEffect=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),Prerender_1=require("./Prerender"),PressableUnderlay_1=require("./PressableUnderlay"),usePressAnim_1=require("./usePressAnim"),_PressableEffect=(0,react_1.forwardRef)((e,s)=>e.onPress==null?(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:s,...e,children:e.children}):(0,jsx_runtime_1.jsx)(Prerender_1.Prerender,{initial:(0,jsx_runtime_1.jsx)(LightPressableEffect,{onPress:e.onPress,children:e.children,style:e.style}),children:(0,jsx_runtime_1.jsx)(HeavyPressableEffect,{ref:s,...e})})),LightPressableEffect=({onPress:e,style:s,children:t})=>(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{role:e!=null?"button":void 0,style:s,onPress:e,children:t}),HeavyPressableEffect=(0,react_1.forwardRef)(({children:e,underlay:s=(0,jsx_runtime_1.jsx)(PressableUnderlay_1.PressableUnderlay,{style:styles.underlay}),style:t,onPress:r,onPressIn:l,onPressOut:c,...u},o)=>{const{scaleAnim:d,opacityAnim:P,startPressInAnim:a,startPressOutAnim:i}=(0,usePressAnim_1.usePressAnim)({pressIn:{scale:.96,opacity:1},pressOut:{scale:1,opacity:0}}),f=(0,react_1.useCallback)(n=>{l?.(n),r!=null&&a()},[l,r,a]),y=(0,react_1.useCallback)(n=>{c?.(n),r!=null&&i()},[c,r,i]);return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{role:"button",ref:o,onPress:r,onPressIn:f,onPressOut:y,style:t,...u,children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:{transform:[{scale:d}]},children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[s!=null?(0,react_1.cloneElement)(s,{...s.props,style:[s.props.style,{opacity:P}]}):null,e]})})})}),styles=react_native_1.StyleSheet.create({underlay:{borderRadius:12}});exports.PressableEffect=Object.assign(_PressableEffect,{Underlay:PressableUnderlay_1.PressableUnderlay});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PressableEffect=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),Prerender_js_1=require("./Prerender.js"),PressableUnderlay_js_1=require("./PressableUnderlay.js"),usePressAnim_js_1=require("./usePressAnim.js"),a11y_js_1=require("../../utils/a11y.js"),_PressableEffect=(0,react_1.forwardRef)((e,s)=>e.onPress==null?(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:s,...e,children:e.children}):(0,jsx_runtime_1.jsx)(Prerender_js_1.Prerender,{initial:(0,jsx_runtime_1.jsx)(LightPressableEffect,{onPress:e.onPress,children:e.children,style:e.style}),children:(0,jsx_runtime_1.jsx)(HeavyPressableEffect,{ref:s,...e})})),LightPressableEffect=({onPress:e,style:s,children:t})=>(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{role:e!=null?"button":void 0,style:s,onPress:e,children:t}),HeavyPressableEffect=(0,react_1.forwardRef)(({children:e,underlay:s=(0,jsx_runtime_1.jsx)(PressableUnderlay_js_1.PressableUnderlay,{style:styles.underlay}),style:t,onPress:r,onPressIn:l,onPressOut:a,...u},o)=>{const{scaleAnim:d,opacityAnim:y,startPressInAnim:c,startPressOutAnim:i}=(0,usePressAnim_js_1.usePressAnim)({pressIn:{scale:.96,opacity:1},pressOut:{scale:1,opacity:0}}),P=(0,react_1.useCallback)(n=>{l?.(n),r!=null&&c()},[l,r,c]),f=(0,react_1.useCallback)(n=>{a?.(n),r!=null&&i()},[a,r,i]);return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{ref:o,onPress:r,onPressIn:P,onPressOut:f,style:t,...(0,a11y_js_1.generateA11yRestProps)(u,{role:"button"}),children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:{transform:[{scale:d}]},children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[s!=null?(0,react_1.cloneElement)(s,{...s.props,style:[s.props.style,{opacity:y}]}):null,e]})})})}),styles=react_native_1.StyleSheet.create({underlay:{borderRadius:12}});exports.PressableEffect=Object.assign(_PressableEffect,{Underlay:PressableUnderlay_js_1.PressableUnderlay});

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

@@ -1,4 +1,4 @@
-import { ViewStyle, StyleProp } from 'react-native';
+import type { ViewStyle, StyleProp } from 'react-native';
 interface Props {
     style?: StyleProp<ViewStyle>;
 }

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PressableUnderlay=PressableUnderlay;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),react_native_1=require("react-native");function PressableUnderlay({style:e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.container,focusable:!1,children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.underlay,{backgroundColor:t.opacity100},e]})})}const styles=react_native_1.StyleSheet.create({container:{position:"absolute",width:"100%",height:"100%"},underlay:{flex:1}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PressableUnderlay=PressableUnderlay;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),react_native_1=require("react-native");function PressableUnderlay({style:e}){const t=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.container,focusable:!1,children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.underlay,{backgroundColor:t.opacity100},e]})})}const styles=react_native_1.StyleSheet.create({container:{position:"absolute",width:"100%",height:"100%"},underlay:{flex:1}});

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePressAnim=exports.PressableEffect=void 0;var PressableEffect_1=require("./PressableEffect");Object.defineProperty(exports,"PressableEffect",{enumerable:!0,get:function(){return PressableEffect_1.PressableEffect}});var usePressAnim_1=require("./usePressAnim");Object.defineProperty(exports,"usePressAnim",{enumerable:!0,get:function(){return usePressAnim_1.usePressAnim}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePressAnim=exports.PressableEffect=void 0;var PressableEffect_js_1=require("./PressableEffect.js");Object.defineProperty(exports,"PressableEffect",{enumerable:!0,get:function(){return PressableEffect_js_1.PressableEffect}});var usePressAnim_js_1=require("./usePressAnim.js");Object.defineProperty(exports,"usePressAnim",{enumerable:!0,get:function(){return usePressAnim_js_1.usePressAnim}});

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface AnimateRallyPresenceProps {
     children: ReactNode;
     preserveUntilCompleteAll?: boolean;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimateRallyPresence=AnimateRallyPresence;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),useForceRerender_1=require("../hooks/utils/useForceRerender"),useIsMounted_1=require("../hooks/utils/useIsMounted"),PresenceChild_1=require("./PresenceChild"),getComponentKey=n=>n.key||"",getOnlyElements=n=>{const l=[];return react_1.Children.forEach(n,t=>{(0,react_1.isValidElement)(t)&&l.push(t)}),l},updateChildLookup=(n,l)=>{n.forEach(t=>{const d=getComponentKey(t);l.set(d,t)})};function AnimateRallyPresence(n){const l=(0,useIsMounted_1.useIsMounted)(),t=(0,react_1.useRef)(!0),{forceRerender:d}=(0,useForceRerender_1.useForceRerender)(),c=(0,react_1.useMemo)(()=>getOnlyElements(n.children),[n.children]);let r=c;const u=(0,react_1.useRef)(r),i=(0,react_1.useRef)(new Set).current,o=(0,react_1.useRef)(new Map).current;if((0,react_1.useLayoutEffect)(()=>{t.current=!1,updateChildLookup(c,o),u.current=r},[o,r,c]),(0,react_1.useEffect)(()=>()=>{t.current=!0,o.clear(),i.clear()},[]),t.current)return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:r.map(e=>(0,jsx_runtime_1.jsx)(PresenceChild_1.PresenceChild,{present:!0,preserveUntilCompleteAll:n.preserveUntilCompleteAll,children:e},getComponentKey(e)))});r=[...r];const f=u.current.map(getComponentKey),a=c.map(getComponentKey);for(let e=0;e<f.length;e+=1){const s=f[e];a.indexOf(s)===-1&&i.add(s)}return i.forEach(e=>{if(a.indexOf(e)!==-1)return;const s=o.get(e);if(!s)return;const m=f.indexOf(e),h=()=>{o.delete(e),i.delete(e);const x=u.current.findIndex(C=>C.key===e);if(u.current.splice(x,1),n.preserveUntilCompleteAll!==!0&&d(),i.size===0){if(u.current=c,l===!1)return;d(),n.onExitEnd!==void 0&&n.onExitEnd()}};r.splice(m,0,(0,jsx_runtime_1.jsx)(PresenceChild_1.PresenceChild,{present:!1,onExitEnd:h,preserveUntilCompleteAll:n.preserveUntilCompleteAll,children:s},getComponentKey(s)))}),r=r.map(e=>{const s=e.key;return i.has(s)?e:(0,jsx_runtime_1.jsx)(PresenceChild_1.PresenceChild,{present:!0,preserveUntilCompleteAll:n.preserveUntilCompleteAll,children:e},getComponentKey(e))}),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:r})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimateRallyPresence=AnimateRallyPresence;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),useForceRerender_js_1=require("../hooks/utils/useForceRerender.js"),useIsMounted_js_1=require("../hooks/utils/useIsMounted.js"),PresenceChild_js_1=require("./PresenceChild.js"),getComponentKey=n=>n.key||"",getOnlyElements=n=>{const l=[];return react_1.Children.forEach(n,t=>{(0,react_1.isValidElement)(t)&&l.push(t)}),l},updateChildLookup=(n,l)=>{n.forEach(t=>{const d=getComponentKey(t);l.set(d,t)})};function AnimateRallyPresence(n){const l=(0,useIsMounted_js_1.useIsMounted)(),t=(0,react_1.useRef)(!0),{forceRerender:d}=(0,useForceRerender_js_1.useForceRerender)(),c=(0,react_1.useMemo)(()=>getOnlyElements(n.children),[n.children]);let r=c;const u=(0,react_1.useRef)(r),i=(0,react_1.useRef)(new Set).current,o=(0,react_1.useRef)(new Map).current;if((0,react_1.useLayoutEffect)(()=>{t.current=!1,updateChildLookup(c,o),u.current=r},[o,r,c]),(0,react_1.useEffect)(()=>()=>{t.current=!0,o.clear(),i.clear()},[]),t.current)return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:r.map(e=>(0,jsx_runtime_1.jsx)(PresenceChild_js_1.PresenceChild,{present:!0,preserveUntilCompleteAll:n.preserveUntilCompleteAll,children:e},getComponentKey(e)))});r=[...r];const f=u.current.map(getComponentKey),a=c.map(getComponentKey);for(let e=0;e<f.length;e+=1){const s=f[e];a.indexOf(s)===-1&&i.add(s)}return i.forEach(e=>{if(a.indexOf(e)!==-1)return;const s=o.get(e);if(!s)return;const m=f.indexOf(e),h=()=>{o.delete(e),i.delete(e);const x=u.current.findIndex(C=>C.key===e);if(u.current.splice(x,1),n.preserveUntilCompleteAll!==!0&&d(),i.size===0){if(u.current=c,l===!1)return;d(),n.onExitEnd!==void 0&&n.onExitEnd()}};r.splice(m,0,(0,jsx_runtime_1.jsx)(PresenceChild_js_1.PresenceChild,{present:!1,onExitEnd:h,preserveUntilCompleteAll:n.preserveUntilCompleteAll,children:s},getComponentKey(s)))}),r=r.map(e=>{const s=e.key;return i.has(s)?e:(0,jsx_runtime_1.jsx)(PresenceChild_js_1.PresenceChild,{present:!0,preserveUntilCompleteAll:n.preserveUntilCompleteAll,children:e},getComponentKey(e))}),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:r})}

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface PresenceChildProps {
     children: ReactNode;
     present: boolean;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PresenceChild=PresenceChild;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getUniqueId_1=require("../helper/getUniqueId"),PresenceContext_1=require("../contexts/PresenceContext");function PresenceChild(e){const s=(0,react_1.useRef)((0,getUniqueId_1.getUniqueId)()).current,t=(0,react_1.useRef)(new Map).current,i=(0,react_1.useMemo)(()=>({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(0,react_1.useMemo)(()=>{t.forEach((n,r)=>t.set(r,!1))},[e.present]),(0,react_1.useEffect)(()=>{!e.present&&!t.size&&e.onExitEnd&&e.onExitEnd()},[e.present]),(0,jsx_runtime_1.jsx)(PresenceContext_1.PresenceContext.Provider,{value:i,children:e.children})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PresenceChild=PresenceChild;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getUniqueId_js_1=require("../helper/getUniqueId.js"),PresenceContext_js_1=require("../contexts/PresenceContext.js");function PresenceChild(e){const s=(0,react_1.useRef)((0,getUniqueId_js_1.getUniqueId)()).current,t=(0,react_1.useRef)(new Map).current,i=(0,react_1.useMemo)(()=>({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(0,react_1.useMemo)(()=>{t.forEach((n,r)=>t.set(r,!1))},[e.present]),(0,react_1.useEffect)(()=>{!e.present&&!t.size&&e.onExitEnd&&e.onExitEnd()},[e.present]),(0,jsx_runtime_1.jsx)(PresenceContext_js_1.PresenceContext.Provider,{value:i,children:e.children})}

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

@@ -1,5 +1,5 @@
-import { View, ViewProps } from 'react-native';
-import { RallyProps } from '../types';
+import type { View, ViewProps } from 'react-native';
+import type { RallyProps } from '../types/index.js';
 export interface RallySimpleProps extends ViewProps, RallyProps {
     play?: boolean;
 }

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RallySimple=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),useRally_1=require("../hooks/useRally"),RallyView_1=require("./RallyView");exports.RallySimple=(0,react_1.forwardRef)(function({motion:t,playCount:s,exit:u,loopMode:o,loopDelay:a,delay:i,defaultEasing:y,defaultDuration:c,play:r=!0,onLayout:n,...R},f){const e=(0,useRally_1.useRally)({motion:t,playCount:s,loopMode:o,loopDelay:a,delay:i,exit:u,defaultEasing:y,defaultDuration:c});return(0,react_1.useEffect)(()=>{r===!0?e.play():e.reset()},[r,e]),(0,jsx_runtime_1.jsx)(RallyView_1.RallyView,{...R,rally:e,onLayout:l=>{e.onLayout(l),n?.(l)},ref:f})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RallySimple=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),useRally_js_1=require("../hooks/useRally.js"),RallyView_js_1=require("./RallyView.js");exports.RallySimple=(0,react_1.forwardRef)(function({motion:s,playCount:t,exit:u,loopMode:o,loopDelay:a,delay:i,defaultEasing:y,defaultDuration:c,play:r=!0,onLayout:n,...R},_){const e=(0,useRally_js_1.useRally)({motion:s,playCount:t,loopMode:o,loopDelay:a,delay:i,exit:u,defaultEasing:y,defaultDuration:c});return(0,react_1.useEffect)(()=>{r===!0?e.play():e.reset()},[r,e]),(0,jsx_runtime_1.jsx)(RallyView_js_1.RallyView,{...R,rally:e,onLayout:l=>{e.onLayout(l),n?.(l)},ref:_})});

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

@@ -1,4 +1,5 @@
-import { Animated, LayoutChangeEvent, TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import type { LayoutChangeEvent, TextStyle, View, ViewProps, ViewStyle } from 'react-native';
+import { Animated } from 'react-native';
 type RallyProps = {
     onLayout: (event: LayoutChangeEvent) => void;
     style?: Animated.WithAnimatedObject<ViewStyle | TextStyle>;

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

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

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

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,l)}: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.Rally=void 0;const RallySimple_1=require("./RallySimple"),RallyView_1=require("./RallyView");__exportStar(require("./AnimateRallyPresence"),exports),exports.Rally=Object.assign({},RallySimple_1.RallySimple,{View:RallyView_1.RallyView});
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,l)}: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.Rally=void 0;const RallySimple_js_1=require("./RallySimple.js"),RallyView_js_1=require("./RallyView.js");__exportStar(require("./AnimateRallyPresence.js"),exports),exports.Rally=Object.assign({},RallySimple_js_1.RallySimple,{View:RallyView_js_1.RallyView});

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

@@ -1,4 +1,4 @@
-import { Color, Degree, TransformOrigin } from '../types';
+import type { Color, Degree, TransformOrigin } from '../types/index.js';
 type DefaultStyles = {
     opacity: number;
     scale: number;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePresence=usePresence;const react_1=require("react"),getUniqueId_1=require("../helper/getUniqueId"),PresenceContext_1=require("./PresenceContext");function usePresence({presence:n}){const t=(0,react_1.useRef)((0,getUniqueId_1.getUniqueId)()).current,e=(0,react_1.useContext)(PresenceContext_1.PresenceContext);if((0,react_1.useEffect)(()=>{e&&n&&e.register(t)},[t,e,n]),e===null)return{present:!0,safeToRemove:null};const{present:s,onExitComplete:r}=e;return!s&&r?{present:!1,safeToRemove:()=>r&&r(t)}:{present:!0}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePresence=usePresence;const react_1=require("react"),getUniqueId_js_1=require("../helper/getUniqueId.js"),PresenceContext_js_1=require("./PresenceContext.js");function usePresence({presence:r}){const t=(0,react_1.useRef)((0,getUniqueId_js_1.getUniqueId)()).current,e=(0,react_1.useContext)(PresenceContext_js_1.PresenceContext);if((0,react_1.useEffect)(()=>{e&&r&&e.register(t)},[t,e,r]),e===null)return{present:!0,safeToRemove:null};const{present:n,onExitComplete:s}=e;return!n&&s?{present:!1,safeToRemove:()=>s&&s(t)}:{present:!0}}

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

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

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

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

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

@@ -1 +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);
+"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.js"),exports),__exportStar(require("./nativeDriver.js"),exports),__exportStar(require("./parseMotionValue.js"),exports);

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

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

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

@@ -1,4 +1,4 @@
-import { AnimationController, RallyPlayConfig } from '../types';
+import type { AnimationController, RallyPlayConfig } from '../types/index.js';
 type Props = {
     forwardAnimation: AnimationController;
     backwardAnimation: AnimationController;

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

@@ -1 +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])}
+"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"),index_js_1=require("../utils/index.js"),useWaitFor_js_1=require("./utils/useWaitFor.js");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_js_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,index_js_1.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,index_js_1.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]),d=(0,react_1.useCallback)(s=>{t.current=!1,e.seekProgress(s)},[e]),o=(0,react_1.useMemo)(()=>a==="normal"?p:C,[a,p,C]),b=(0,react_1.useCallback)(async()=>(await r(),t.current=!1,k.current=0,e.seekProgress(0),await o()),[e,o,r]),F=(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:b,startBackward:F,play:o,seekProgress:d,reset:P,pause:g}),[b,F,o,d,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

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

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

@@ -1,5 +1,5 @@
-import { Animated, LayoutChangeEvent, ViewStyle } from 'react-native';
-import { RallyProps } from '../types';
+import type { Animated, LayoutChangeEvent, ViewStyle } from 'react-native';
+import type { RallyProps } from '../types/index.js';
 type Props = RallyProps & {
     /** render 가 되자마자 재생할 지 여부 */
     playOnRender?: boolean;

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

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

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

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

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

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

@@ -1 +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])}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useForceRerender=useForceRerender;const react_1=require("react"),useIsMounted_js_1=require("./useIsMounted.js");function useForceRerender(){const e=(0,useIsMounted_js_1.useIsMounted)(),[,r]=(0,react_1.useState)(0);return{forceRerender:(0,react_1.useCallback)(()=>{e&&r(s=>s+1)},[e])}}

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

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

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

@@ -1 +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);
+"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/index.js"),exports);var perspertive_js_1=require("./constants/perspertive.js");Object.defineProperty(exports,"getPerspectiveOnWidth",{enumerable:!0,get:function(){return perspertive_js_1.getPerspectiveOnWidth}}),__exportStar(require("./hooks/useRally.js"),exports),__exportStar(require("./types/index.js"),exports);

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

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

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

@@ -1 +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};
+"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_js_1=require("./parallel.js"),sequence_js_1=require("./sequence.js");__exportStar(require("./toAnimationController.js"),exports),exports.Animation={parallel:parallel_js_1.parallelAnimation,sequence:sequence_js_1.sequenceAnimation};

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { Animated, TextStyle, ViewStyle } from 'react-native';
-import { Motion } from '../types';
+import type { Animated, TextStyle, ViewStyle } from 'react-native';
+import type { Motion } from '../types/index.js';
 export declare function createInterpolationStyle(progress: Animated.Value, { inputRange, motion, }: {
     inputRange: [number, number];
     motion: Motion;

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

@@ -1,5 +1,5 @@
-import { Animated } from 'react-native';
-import { MotionInput } from '../types';
+import type { Animated } from 'react-native';
+import type { MotionInput } from '../types/index.js';
 export declare function createMotionAnimation({ progress, toValue, motion, }: {
     progress: Animated.Value;
     toValue: number;

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

@@ -1 +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)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createMotionAnimation=createMotionAnimation;const index_js_1=require("../helper/index.js"),index_js_2=require("./animations/index.js"),createMotionPropertyAnimation_js_1=require("./createMotionPropertyAnimation.js");function createMotionAnimation({progress:i,toValue:n,motion:t}){const r=Object.keys(t).every(e=>(0,index_js_1.shouldUseNativeDriver)(e)),o=Object.values(t).map(e=>(0,createMotionPropertyAnimation_js_1.createMotionPropertyAnimation)({progress:i,toValue:n,useNativeDriver:r,...e}));return index_js_2.Animation.parallel(o)}

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

@@ -1,5 +1,5 @@
-import { Animated as ReactNativeAnimated } from 'react-native';
-import { TimeControl, Transition } from '../types';
+import type { Animated as ReactNativeAnimated } from 'react-native';
+import type { TimeControl, Transition } from '../types/index.js';
 export declare function createMotionPropertyAnimation({ progress, toValue, useNativeDriver, delay, ...playConfig }: {
     progress: ReactNativeAnimated.Value;
     useNativeDriver: boolean;

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

@@ -1 +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})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createMotionPropertyAnimation=createMotionPropertyAnimation;const index_js_1=require("../../../interactions/animated/index.js"),react_native_1=require("react-native"),property_js_1=require("../constants/property.js");function isTimingEasing(n){return typeof n=="function"||Array.isArray(n)&&n.length===4}function getEasing(n){return n??property_js_1.defaultEasing}function getDuration(n,e){return n&&e==null?property_js_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?index_js_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}):index_js_1.Animated.spring(n,{toValue:e,useNativeDriver:r,...t})}

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

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