@toss/tds-react-native 1.3.0 → 1.3.1

package/dist/esm/extensions/top-navigation/IconButton.d.ts

@@ -1,4 +1,4 @@
-import { TouchableOpacityProps } from 'react-native';
+import type { TouchableOpacityProps } from 'react-native';
 export declare const IconButton: ({ name, accessibilityLabel, onPress, color, ...restProps }: {
     name: string;
     color?: string;

package/dist/esm/extensions/top-navigation/IconButton.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{TouchableOpacity as a}from"react-native";import{Icon as n}from"../../components/icon/index";import{useAdaptive as p}from"../../core";const m={left:8,right:8};export const IconButton=({name:t,accessibilityLabel:r,onPress:i,color:e,...c})=>{const s=p();return o(a,{hitSlop:m,onPress:i,...c,children:o(n,{color:e??s.greyOpacity600,size:20,name:t,accessibilityLabel:r})})};
+"use strict";import{jsx as o}from"react/jsx-runtime";import{TouchableOpacity as a}from"react-native";import{Icon as n}from"../../components/icon/index.js";import{useAdaptive as p}from"../../core/index.js";const m={left:8,right:8};export const IconButton=({name:t,accessibilityLabel:r,onPress:i,color:e,...c})=>{const s=p();return o(a,{hitSlop:m,onPress:i,...c,children:o(n,{color:e??s.greyOpacity600,size:20,name:t,accessibilityLabel:r})})};

package/dist/esm/extensions/top-navigation/TopNavigation.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
-import { Icon } from '../../components/icon/index';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+import type { Icon } from '../../components/icon/index.js';
 type Icon = {
     source: {
         uri: string;

package/dist/esm/extensions/top-navigation/TopNavigation.js

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as t,Fragment as v}from"react/jsx-runtime";import{useNavigation as b}from"@granite-js/native/@react-navigation/native";import{closeView as T}from"@granite-js/react-native";import{colors as c}from"@toss/tds-colors";import{useLayoutEffect as k}from"react";import{View as a}from"react-native";import{Navigation as F,NavigationBackButton as N,NavigationContent as P,NavigationLeft as w,NavigationRight as _,NavigationTitleIcon as y,NavigationTitleText as x}from"../navigation/index";import{tdsEvent as E}from"../partner-navigation/event";import{IconButton as C}from"./IconButton";const h=157,I=h+44+4;export function TopNavigation({title:r,icon:n,onPressTitle:i,onPressDots:e,onPressClose:d,fixedRightButton:l,children:g,withHome:u=!1,contentVisible:m=!0,theme:s="light"}){const p=b(),f=p.canGoBack();return k(()=>{if(!m){p.setOptions({headerBackVisible:!1,headerTitle:()=>null,headerLeft:()=>null});return}},[m,p]),t(F,{children:[m&&t(v,{children:[o(w,{children:o(N,{theme:s,canGoBack:f})}),t(P,{onPressTitle:i,horizontalSafeMargin:l!=null?I:h,withHome:u,theme:s,children:[o(y,{...n}),r!=null&&o(x,{theme:s,children:r}),u&&o(y,{name:"icon-home-mono"})]})]}),o(_,{children:o(NavigationRightContent,{fixedRightButton:l,onPressDots:e,onPressClose:d,theme:s})}),g]})}export const COLOR_PALETTE={light:{titleTextColor:"#191F28",backgroundColor:c.greyOpacity50,iconTintColor:c.greyOpacity600,dividerColor:c.greyOpacity200},dark:{titleTextColor:"#FFFFFF",backgroundColor:"rgba(2, 3, 7, 0.58)",iconTintColor:"rgba(253, 253, 255, 0.75))",dividerColor:c.greyOpacity200}};export function NavigationRightContent({fixedRightButton:r,onPressDots:n,onPressClose:i,theme:e="light",...d}){const{style:l,...g}=d;return t(a,{style:[{flexDirection:"row",gap:4},l],...g,children:[r!=null&&o(a,{style:{borderRadius:99,overflow:"hidden"},children:o(C,{name:r.icon.name??"",accessibilityLabel:r.title,onPress:()=>{r.onPress?.(),E.emit("navigationAccessoryEvent",{id:r.id})},style:{paddingVertical:7,paddingHorizontal:12,backgroundColor:COLOR_PALETTE[e].backgroundColor},color:COLOR_PALETTE[e].iconTintColor,disabled:r.disabled})}),o(CloseWithDotsMono,{onPressDots:n,onPressClose:i,theme:e})]})}export function CloseWithDotsMono({onPressDots:r,onPressClose:n=T,theme:i="light"}){return o(a,{style:{borderRadius:99,overflow:"hidden"},children:t(a,{style:{flexDirection:"row",justifyContent:"center",alignItems:"center",gap:12,height:34,paddingHorizontal:12,backgroundColor:COLOR_PALETTE[i].backgroundColor},children:[o(C,{name:"icon-dots-mono",accessibilityLabel:"\uB354\uBCF4\uAE30",onPress:r,color:COLOR_PALETTE[i].iconTintColor}),o(a,{style:{width:1,height:16,backgroundColor:COLOR_PALETTE[i].dividerColor}}),o(C,{name:"icon-appsintoss-close-mono",accessibilityLabel:"\uB2EB\uAE30",color:COLOR_PALETTE[i].iconTintColor,onPress:()=>{n()}})]})})}
+"use strict";import{jsx as o,jsxs as t,Fragment as v}from"react/jsx-runtime";import{useNavigation as b}from"@granite-js/native/@react-navigation/native";import{closeView as T}from"@granite-js/react-native";import{colors as c}from"@toss/tds-colors";import{useLayoutEffect as k}from"react";import{View as a}from"react-native";import{Navigation as F,NavigationBackButton as N,NavigationContent as P,NavigationLeft as w,NavigationRight as _,NavigationTitleIcon as y,NavigationTitleText as x}from"../navigation/index.js";import{tdsEvent as E}from"../partner-navigation/event.js";import{IconButton as C}from"./IconButton.js";const h=157,I=h+44+4;export function TopNavigation({title:r,icon:n,onPressTitle:i,onPressDots:e,onPressClose:d,fixedRightButton:l,children:g,withHome:u=!1,contentVisible:m=!0,theme:s="light"}){const p=b(),f=p.canGoBack();return k(()=>{if(!m){p.setOptions({headerBackVisible:!1,headerTitle:()=>null,headerLeft:()=>null});return}},[m,p]),t(F,{children:[m&&t(v,{children:[o(w,{children:o(N,{theme:s,canGoBack:f})}),t(P,{onPressTitle:i,horizontalSafeMargin:l!=null?I:h,withHome:u,theme:s,children:[o(y,{...n}),r!=null&&o(x,{theme:s,children:r}),u&&o(y,{name:"icon-home-mono"})]})]}),o(_,{children:o(NavigationRightContent,{fixedRightButton:l,onPressDots:e,onPressClose:d,theme:s})}),g]})}export const COLOR_PALETTE={light:{titleTextColor:"#191F28",backgroundColor:c.greyOpacity50,iconTintColor:c.greyOpacity600,dividerColor:c.greyOpacity200},dark:{titleTextColor:"#FFFFFF",backgroundColor:"rgba(2, 3, 7, 0.58)",iconTintColor:"rgba(253, 253, 255, 0.75))",dividerColor:c.greyOpacity200}};export function NavigationRightContent({fixedRightButton:r,onPressDots:n,onPressClose:i,theme:e="light",...d}){const{style:l,...g}=d;return t(a,{style:[{flexDirection:"row",gap:4},l],...g,children:[r!=null&&o(a,{style:{borderRadius:99,overflow:"hidden"},children:o(C,{name:r.icon.name??"",accessibilityLabel:r.title,onPress:()=>{r.onPress?.(),E.emit("navigationAccessoryEvent",{id:r.id})},style:{paddingVertical:7,paddingHorizontal:12,backgroundColor:COLOR_PALETTE[e].backgroundColor},color:COLOR_PALETTE[e].iconTintColor,disabled:r.disabled})}),o(CloseWithDotsMono,{onPressDots:n,onPressClose:i,theme:e})]})}export function CloseWithDotsMono({onPressDots:r,onPressClose:n=T,theme:i="light"}){return o(a,{style:{borderRadius:99,overflow:"hidden"},children:t(a,{style:{flexDirection:"row",justifyContent:"center",alignItems:"center",gap:12,height:34,paddingHorizontal:12,backgroundColor:COLOR_PALETTE[i].backgroundColor},children:[o(C,{name:"icon-dots-mono",accessibilityLabel:"\uB354\uBCF4\uAE30",onPress:r,color:COLOR_PALETTE[i].iconTintColor}),o(a,{style:{width:1,height:16,backgroundColor:COLOR_PALETTE[i].dividerColor}}),o(C,{name:"icon-appsintoss-close-mono",accessibilityLabel:"\uB2EB\uAE30",color:COLOR_PALETTE[i].iconTintColor,onPress:()=>{n()}})]})})}

package/dist/esm/extensions/top-navigation/index.d.ts

@@ -1,2 +1,2 @@
-export * from './TopNavigation';
-export * from './useTopNavigation';
+export * from './TopNavigation.js';
+export * from './useTopNavigation.js';

package/dist/esm/extensions/top-navigation/index.js

@@ -1 +1 @@
-"use strict";export*from"./TopNavigation";export*from"./useTopNavigation";
+"use strict";export*from"./TopNavigation.js";export*from"./useTopNavigation.js";

package/dist/esm/extensions/top-navigation/useTopNavigation.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps } from 'react';
-import { TopNavigation } from './TopNavigation';
+import type { ComponentProps } from 'react';
+import type { TopNavigation } from './TopNavigation.js';
 type AddAccessoryButtonParams = ComponentProps<typeof TopNavigation>['fixedRightButton'];
 type AddAccessoryButton = (params: AddAccessoryButtonParams) => void;
 type RemoveAccessoryButton = () => void;

package/dist/esm/extensions/top-navigation/useTopNavigation.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useNavigation as c}from"@granite-js/native/@react-navigation/native";import{useCallback as i}from"react";import{NavigationRightWrapper as m}from"../navigation/index";import{tdsEvent as d}from"../partner-navigation/event";import{IconButton as l}from"./IconButton";import{CloseWithDotsMono as u}from"./TopNavigation";export function useTopNavigation(){const t=c(),r=i(o=>{t.setOptions({headerRight:()=>e(s,{children:e(l,{disabled:o?.disabled,name:o?.icon.name??"",accessibilityLabel:o?.title,onPress:()=>{o?.onPress?.(),d.emit("navigationAccessoryEvent",{id:o?.id??""})}})})})},[t]),n=i(()=>{t.setOptions({headerRight:()=>e(s,{})})},[t]);return{addAccessoryButton:r,removeAccessoryButton:n}}function s({children:t}){return a(m,{children:[t,e(u,{})]})}
+"use strict";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useNavigation as c}from"@granite-js/native/@react-navigation/native";import{useCallback as i}from"react";import{NavigationRightWrapper as m}from"../navigation/index.js";import{tdsEvent as d}from"../partner-navigation/event.js";import{IconButton as l}from"./IconButton.js";import{CloseWithDotsMono as u}from"./TopNavigation.js";export function useTopNavigation(){const t=c(),r=i(o=>{t.setOptions({headerRight:()=>e(s,{children:e(l,{disabled:o?.disabled,name:o?.icon.name??"",accessibilityLabel:o?.title,onPress:()=>{o?.onPress?.(),d.emit("navigationAccessoryEvent",{id:o?.id??""})}})})})},[t]),n=i(()=>{t.setOptions({headerRight:()=>e(s,{})})},[t]);return{addAccessoryButton:r,removeAccessoryButton:n}}function s({children:t}){return a(m,{children:[t,e(u,{})]})}

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

@@ -1 +1 @@
-"use strict";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"./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"./interactions/pressable-effect";export*from"./components/carousel";export{TDSProvider}from"./core";export{colors}from"@toss/tds-colors";
+"use strict";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/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";export*from"./interactions/pressable-effect/index.js";export*from"./components/carousel/index.js";export{TDSProvider}from"./core/index.js";export{colors}from"@toss/tds-colors";

package/dist/esm/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/esm/interactions/animated/Animated.js

@@ -1 +1 @@
-"use strict";import{Animated as t}from"react-native";import{spring as i}from"./spring";export const Animated={...t,spring:i};
+"use strict";import{Animated as t}from"react-native";import{spring as i}from"./spring.js";export const Animated={...t,spring:i};

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

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

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

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

package/dist/esm/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/esm/interactions/animation/index.d.ts

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

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

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

package/dist/esm/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/esm/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/esm/interactions/pressable-effect/PressableEffect.js

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

package/dist/esm/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/esm/interactions/pressable-effect/PressableUnderlay.js

@@ -1 +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}});
+"use strict";import{jsx as e}from"react/jsx-runtime";import{useAdaptive as a}from"../../core/index.js";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

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

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

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

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

@@ -1 +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})}
+"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.js";import{useIsMounted as O}from"../hooks/utils/useIsMounted.js";import{PresenceChild as h}from"./PresenceChild.js";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

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

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

@@ -1 +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})}
+"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.js";import{PresenceContext as l}from"../contexts/PresenceContext.js";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

@@ -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/esm/interactions/rally/components/RallySimple.js

@@ -1 +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})});
+"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.js";import{RallyView as w}from"./RallyView.js";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

@@ -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/esm/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/esm/interactions/rally/components/index.js

@@ -1 +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});
+"use strict";import{RallySimple as o}from"./RallySimple.js";import{RallyView as l}from"./RallyView.js";export*from"./AnimateRallyPresence.js";export const Rally=Object.assign({},o,{View:l});

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

@@ -1 +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}}
+"use strict";import{useContext as s,useEffect as f,useRef as u}from"react";import{getUniqueId as i}from"../helper/getUniqueId.js";import{PresenceContext as m}from"./PresenceContext.js";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

@@ -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/esm/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/esm/interactions/rally/helper/index.js

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

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

@@ -1 +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])}
+"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/index.js";import{useWaitFor as L}from"./utils/useWaitFor.js";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

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

@@ -1 +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])}
+"use strict";import{useCallback as E,useEffect as w,useMemo as h,useState as I}from"react";import{usePresence as L}from"../contexts/usePresence.js";import{useAnimationController as M}from"./useAnimationController.js";import{useRallyAnimation as A}from"./useRallyAnimation.js";import{usePreservedReference as b}from"./utils/usePreservedReference.js";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

@@ -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("..").AnimationController;
-    backward: import("..").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/esm/interactions/rally/hooks/useRallyAnimation.js

@@ -1 +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])}
+"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/index.js";import{useCurrentProgressStyleIndex as P}from"./useCurrentProgressStyle.js";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.js

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

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

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

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

@@ -1 +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};
+"use strict";import{parallelAnimation as o}from"./parallel.js";import{sequenceAnimation as e}from"./sequence.js";export*from"./toAnimationController.js";export const Animation={parallel:o,sequence:e};

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

@@ -1 +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)}
+"use strict";import{shouldUseNativeDriver as a}from"../helper/index.js";import{Animation as m}from"./animations/index.js";import{createMotionPropertyAnimation as s}from"./createMotionPropertyAnimation.js";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

@@ -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;