@toss/tds-react-native 1.3.4 → 1.3.5

package/dist/esm/extensions/prevent-font-scaling/index.js

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

package/dist/esm/extensions/tab-view/Gradient.js

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{Svg as e,Defs as n,LinearGradient as a,Rect as c,Stop as s}from"@granite-js/native/react-native-svg";import{colors as d}from"@toss/tds-colors";import{useAdaptive as p}from"../../core/index.js";export function Gradient(){const t=p().background??d.background;return r(e,{width:l,height:f,pointerEvents:"none",children:[o(n,{children:r(a,{id:i,children:[o(s,{offset:0,stopColor:t,stopOpacity:0}),o(s,{offset:1,stopColor:t})]})}),o(c,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${i})`})]})}const i="tds-rn-bottom-cta-gradient",f=52,l=17;
+"use strict";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{Svg as e,Defs as n,LinearGradient as a,Rect as c,Stop as s}from"@granite-js/native/react-native-svg";import{colors as d}from"@toss/tds-colors";import{useAdaptive as p}from"../../core";export function Gradient(){const t=p().background??d.background;return r(e,{width:l,height:f,pointerEvents:"none",children:[o(n,{children:r(a,{id:i,children:[o(s,{offset:0,stopColor:t,stopOpacity:0}),o(s,{offset:1,stopColor:t})]})}),o(c,{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${i})`})]})}const i="tds-rn-bottom-cta-gradient",f=52,l=17;

package/dist/esm/extensions/tab-view/Indicator.js

@@ -1 +1 @@
-"use strict";import{jsx as c}from"react/jsx-runtime";import{useAdaptive as m}from"../../core/index.js";import{Animated as t,StyleSheet as p}from"react-native";import{FLUID_INDICATOR_PADDING as f,INDICATOR_PADDING as I}from"./const.js";import{useIndicatorOpacityAnimation as l}from"./hooks/useIndicatorOpacityAnimation.js";import{useIndicator as u}from"./IndicatorContext.js";export function Indicator({fluid:i}){l();const r=m(),{translateX:a,width:n,opacity:e}=u(),o=i?f:I,d=t.add(a,o),s=t.add(n,-o*2);return c(t.View,{style:[{backgroundColor:r.grey800},A.indicator,{width:s,transform:[{translateX:d}],opacity:e}]})}const A=p.create({indicator:{height:2,borderRadius:1,bottom:1}});
+"use strict";import{jsx as c}from"react/jsx-runtime";import{useAdaptive as m}from"../../core";import{Animated as t,StyleSheet as p}from"react-native";import{FLUID_INDICATOR_PADDING as f,INDICATOR_PADDING as I}from"./const";import{useIndicatorOpacityAnimation as l}from"./hooks/useIndicatorOpacityAnimation";import{useIndicator as u}from"./IndicatorContext";export function Indicator({fluid:i}){l();const r=m(),{translateX:a,width:n,opacity:e}=u(),o=i?f:I,d=t.add(a,o),s=t.add(n,-o*2);return c(t.View,{style:[{backgroundColor:r.grey800},A.indicator,{width:s,transform:[{translateX:d}],opacity:e}]})}const A=p.create({indicator:{height:2,borderRadius:1,bottom:1}});

package/dist/esm/extensions/tab-view/IndicatorProvider.js

@@ -1 +1 @@
-"use strict";import{jsx as g}from"react/jsx-runtime";import{useRef as R}from"react";import{Animated as o}from"react-native";import{useIndicatorInterpolationRanges as x}from"./hooks/useIndicatorInterpolationRanges.js";import{useScrollHandler as S}from"./hooks/usePagerViewScrollHandler.js";import{useScrollStateChangedHandler as h}from"./hooks/useScrollStateChangedHandler.js";import{IndicatorContext as w}from"./IndicatorContext.js";import{useTabs as I}from"./TabsContext.js";export function IndicatorProvider({children:n}){const{initialTabIndex:r}=I(),{isGestureSwipingRef:a,scrollStateChangedHandler:i}=h(),s=R(new o.Value(0)).current,{position:p,offset:l,scrollHandler:u}=S({initialPosition:r}),{inputRange:t,widthOutputRange:c,translateXOutputRange:m}=x(),e=o.add(p,l),d=e.interpolate({inputRange:t,outputRange:c,extrapolate:"clamp"}),f=e.interpolate({inputRange:t,outputRange:m,extrapolate:"clamp"});return g(w.Provider,{value:{width:d,translateX:f,opacity:s,isGestureSwiping:a,scrollHandler:u,scrollStateChangedHandler:i},children:n})}
+"use strict";import{jsx as g}from"react/jsx-runtime";import{useRef as R}from"react";import{Animated as o}from"react-native";import{useIndicatorInterpolationRanges as x}from"./hooks/useIndicatorInterpolationRanges";import{useScrollHandler as S}from"./hooks/usePagerViewScrollHandler";import{useScrollStateChangedHandler as h}from"./hooks/useScrollStateChangedHandler";import{IndicatorContext as w}from"./IndicatorContext";import{useTabs as I}from"./TabsContext";export function IndicatorProvider({children:n}){const{initialTabIndex:r}=I(),{isGestureSwipingRef:a,scrollStateChangedHandler:i}=h(),s=R(new o.Value(0)).current,{position:p,offset:l,scrollHandler:u}=S({initialPosition:r}),{inputRange:t,widthOutputRange:c,translateXOutputRange:m}=x(),e=o.add(p,l),d=e.interpolate({inputRange:t,outputRange:c,extrapolate:"clamp"}),f=e.interpolate({inputRange:t,outputRange:m,extrapolate:"clamp"});return g(w.Provider,{value:{width:d,translateX:f,opacity:s,isGestureSwiping:a,scrollHandler:u,scrollStateChangedHandler:i},children:n})}

package/dist/esm/extensions/tab-view/TabItem.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import type { TabValue } from './TabsContext.js';
+import type { TabValue } from './TabsContext';
 interface TabItemProps {
     redBean?: boolean;
     value: TabValue;

package/dist/esm/extensions/tab-view/TabItem.js

@@ -1 +1 @@
-"use strict";import{jsx as i,jsxs as b}from"react/jsx-runtime";import{useAdaptive as C}from"../../core/index.js";import{Txt as M}from"../../components/txt/index.js";import{useCallback as A,useMemo as R}from"react";import{Pressable as I,StyleSheet as j,View as p}from"react-native";import{FLUID_TAB_ITEM_HORIZONTAL_MARGIN as B,TAB_ITEM_HORIZONTAL_MARGIN as H}from"./const.js";import{Gradient as L}from"./Gradient.js";import{useTabs as N}from"./TabsContext.js";function O({redBean:f=!1,value:t,children:g,style:h,onPress:l,tabIndex:e}){const{fluid:a,value:c,onChange:u,pagerViewRef:r,setTabWidthMap:m}=N(),n=R(()=>t===c,[t,c]),d=C(),y=A(s=>{l?.(s),u?.(t,e),e!=null&&r?.current!=null&&r.current.setPage(e)},[u,l,r,e,t]);return b(I,{accessibilityRole:"tab",accessibilityState:{selected:n},onPress:y,style:[o.container,a?o.fluidContainer:{},h],onLayout:s=>{const T=s.nativeEvent.layout;m!=null&&e!=null&&m(_=>({..._,[e]:T}))},children:[i(M,{numberOfLines:1,ellipsizeMode:"clip",typography:"st9",fontWeight:n?"bold":"semiBold",color:n?d.grey800:d.grey600,children:g}),a?null:i(p,{style:o.gradientContainer,children:i(L,{})}),f?i(p,{style:o.redBean}):null]})}const V=40,o=j.create({container:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:12,minWidth:V,marginHorizontal:H},fluidContainer:{marginHorizontal:B},gradientContainer:{position:"absolute",top:0,right:-1,height:"100%"},redBean:{position:"absolute",top:4,right:0,width:6,height:6,borderRadius:3,backgroundColor:"#f44336"}});export{O as TabItem};
+"use strict";import{jsx as i,jsxs as b}from"react/jsx-runtime";import{useAdaptive as C}from"../../core";import{Txt as M}from"../../components/txt";import{useCallback as A,useMemo as R}from"react";import{Pressable as I,StyleSheet as j,View as p}from"react-native";import{FLUID_TAB_ITEM_HORIZONTAL_MARGIN as B,TAB_ITEM_HORIZONTAL_MARGIN as H}from"./const";import{Gradient as L}from"./Gradient";import{useTabs as N}from"./TabsContext";function O({redBean:f=!1,value:t,children:g,style:h,onPress:l,tabIndex:e}){const{fluid:a,value:c,onChange:u,pagerViewRef:r,setTabWidthMap:m}=N(),n=R(()=>t===c,[t,c]),d=C(),y=A(s=>{l?.(s),u?.(t,e),e!=null&&r?.current!=null&&r.current.setPage(e)},[u,l,r,e,t]);return b(I,{accessibilityRole:"tab",accessibilityState:{selected:n},onPress:y,style:[o.container,a?o.fluidContainer:{},h],onLayout:s=>{const T=s.nativeEvent.layout;m!=null&&e!=null&&m(_=>({..._,[e]:T}))},children:[i(M,{numberOfLines:1,ellipsizeMode:"clip",typography:"st9",fontWeight:n?"bold":"semiBold",color:n?d.grey800:d.grey600,children:g}),a?null:i(p,{style:o.gradientContainer,children:i(L,{})}),f?i(p,{style:o.redBean}):null]})}const V=40,o=j.create({container:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:12,minWidth:V,marginHorizontal:H},fluidContainer:{marginHorizontal:B},gradientContainer:{position:"absolute",top:0,right:-1,height:"100%"},redBean:{position:"absolute",top:4,right:0,width:6,height:6,borderRadius:3,backgroundColor:"#f44336"}});export{O as TabItem};

package/dist/esm/extensions/tab-view/Tabs.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import { TabsList } from './TabsList.js';
-import { TabsViewList } from './TabsViews.js';
-import { TabView } from './TabView.js';
+import { TabsList } from './TabsList';
+import { TabsViewList } from './TabsViews';
+import { TabView } from './TabView';
 interface Props {
     fluid: boolean;
     defaultValue: string;
@@ -12,7 +12,7 @@ interface Props {
 declare function Tabs({ fluid, defaultValue, value: _value, children, onChange }: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Tabs {
     var TabList: typeof TabsList;
-    var TabItem: typeof import("./TabItem.js").TabItem;
+    var TabItem: typeof import("./TabItem").TabItem;
     var ViewList: typeof TabsViewList;
     var View: typeof TabView;
 }

package/dist/esm/extensions/tab-view/Tabs.js

@@ -1 +1 @@
-"use strict";import{jsx as d}from"react/jsx-runtime";import{useCallback as f,useMemo as C,useRef as h,useState as p}from"react";import{useControlled as D}from"../../utils/index.js";import{IndicatorProvider as M}from"./IndicatorProvider.js";import{TabItem as P}from"./TabItem.js";import{TabsContext as j}from"./TabsContext.js";import{TabsList as R}from"./TabsList.js";import{TabsViewList as S}from"./TabsViews.js";import{TabView as k}from"./TabView.js";import{getTabData as y}from"./utils/getTabData.js";function e({fluid:u,defaultValue:s,value:c,children:a,onChange:m}){const[T,l]=D({controlledValue:c,defaultValue:s}),x=h(null),[I,v]=p({}),n=C(()=>y(a),[a]),b=n.findIndex(t=>t.value===s),[V,g]=p(b),i=f((t,o)=>{m?.(t,o),l(t),g(o)},[m,l]),w=f(t=>{const o=t.nativeEvent.position,r=n.find(L=>L.tabIndex===o);r!=null&&i(r.value,r.tabIndex)},[i,n]);return d(j.Provider,{value:{fluid:u,value:T,tabLayoutMap:I,setTabWidthMap:v,onChange:i,onPageSelected:w,initialTabIndex:b,pagerViewRef:x,tabIndex:V},children:d(M,{children:a})})}e.TabList=R,e.TabItem=P,e.ViewList=S,e.View=k;export{e as Tabs};
+"use strict";import{jsx as d}from"react/jsx-runtime";import{useCallback as f,useMemo as C,useRef as h,useState as p}from"react";import{useControlled as D}from"../../utils";import{IndicatorProvider as M}from"./IndicatorProvider";import{TabItem as P}from"./TabItem";import{TabsContext as j}from"./TabsContext";import{TabsList as R}from"./TabsList";import{TabsViewList as S}from"./TabsViews";import{TabView as k}from"./TabView";import{getTabData as y}from"./utils/getTabData";function e({fluid:u,defaultValue:s,value:c,children:a,onChange:m}){const[T,l]=D({controlledValue:c,defaultValue:s}),x=h(null),[I,v]=p({}),n=C(()=>y(a),[a]),b=n.findIndex(t=>t.value===s),[V,g]=p(b),i=f((t,o)=>{m?.(t,o),l(t),g(o)},[m,l]),w=f(t=>{const o=t.nativeEvent.position,r=n.find(L=>L.tabIndex===o);r!=null&&i(r.value,r.tabIndex)},[i,n]);return d(j.Provider,{value:{fluid:u,value:T,tabLayoutMap:I,setTabWidthMap:v,onChange:i,onPageSelected:w,initialTabIndex:b,pagerViewRef:x,tabIndex:V},children:d(M,{children:a})})}e.TabList=R,e.TabItem=P,e.ViewList=S,e.View=k;export{e as Tabs};

package/dist/esm/extensions/tab-view/TabsList.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useAdaptive as h}from"../../core/index.js";import{Children as p,cloneElement as u,isValidElement as b}from"react";import{ScrollView as y,StyleSheet as s,View as t}from"react-native";import{TAB_LIST_CONTAINER_PADDING as I,TAB_LIST_FLUID_CONTAINER_PADDING as w}from"./const.js";import{Indicator as _}from"./Indicator.js";import{useTabs as g}from"./TabsContext.js";export function TabsList({children:n,style:a,...m}){const{fluid:i}=g(),c=h(),d={...r.border,borderBottomColor:c.grey200};return l(t,{children:[i?e(t,{style:[d,r.fluidBorder]}):null,e(y,{horizontal:i,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:l(t,{children:[l(t,{style:[r.itemList,a],accessibilityRole:"tablist",...m,children:[e(t,{style:[r.padding,i?r.fluidPadding:{}]}),p.map(n,(o,f)=>{if(b(o))return u(o,{...o.props,tabIndex:f})}),i?null:e(t,{style:r.padding})]}),i?null:e(t,{style:d}),e(_,{fluid:i})]})})]})}const r=s.create({padding:{width:I,height:1},fluidPadding:{width:w,height:1},itemList:{flexDirection:"row",width:"100%"},border:{width:"100%",borderBottomWidth:s.hairlineWidth},fluidBorder:{position:"absolute",bottom:2}});
+"use strict";import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useAdaptive as h}from"../../core";import{Children as p,cloneElement as u,isValidElement as b}from"react";import{ScrollView as y,StyleSheet as s,View as t}from"react-native";import{TAB_LIST_CONTAINER_PADDING as I,TAB_LIST_FLUID_CONTAINER_PADDING as w}from"./const";import{Indicator as _}from"./Indicator";import{useTabs as g}from"./TabsContext";export function TabsList({children:n,style:a,...m}){const{fluid:i}=g(),c=h(),d={...r.border,borderBottomColor:c.grey200};return l(t,{children:[i?e(t,{style:[d,r.fluidBorder]}):null,e(y,{horizontal:i,showsHorizontalScrollIndicator:!1,alwaysBounceVertical:!1,children:l(t,{children:[l(t,{style:[r.itemList,a],accessibilityRole:"tablist",...m,children:[e(t,{style:[r.padding,i?r.fluidPadding:{}]}),p.map(n,(o,f)=>{if(b(o))return u(o,{...o.props,tabIndex:f})}),i?null:e(t,{style:r.padding})]}),i?null:e(t,{style:d}),e(_,{fluid:i})]})})]})}const r=s.create({padding:{width:I,height:1},fluidPadding:{width:w,height:1},itemList:{flexDirection:"row",width:"100%"},border:{width:"100%",borderBottomWidth:s.hairlineWidth},fluidBorder:{position:"absolute",bottom:2}});

package/dist/esm/extensions/tab-view/hooks/useIndicatorInterpolationRanges.js

@@ -1 +1 @@
-"use strict";import{useMemo as r}from"react";import{useTabs as p}from"../TabsContext.js";import{getIndicatorInterpolateOutput as c}from"../utils/getIndicatorInterpolateOutput.js";export function useIndicatorInterpolationRanges(){const{fluid:t,tabLayoutMap:u}=p(),n=r(()=>{const e=Object.values(u??{}).map(o=>o.width);return a(e)},[u]),s=r(()=>a(n.map((e,o)=>o)),[n]),i=r(()=>{const e=c(n,t);return a(e)},[t,n]);return{inputRange:s,widthOutputRange:n,translateXOutputRange:i}}function a(t){return t.length<2?[0,1]:t}
+"use strict";import{useMemo as r}from"react";import{useTabs as p}from"../TabsContext";import{getIndicatorInterpolateOutput as c}from"../utils/getIndicatorInterpolateOutput";export function useIndicatorInterpolationRanges(){const{fluid:t,tabLayoutMap:u}=p(),n=r(()=>{const e=Object.values(u??{}).map(o=>o.width);return a(e)},[u]),s=r(()=>a(n.map((e,o)=>o)),[n]),i=r(()=>{const e=c(n,t);return a(e)},[t,n]);return{inputRange:s,widthOutputRange:n,translateXOutputRange:i}}function a(t){return t.length<2?[0,1]:t}

package/dist/esm/extensions/tab-view/hooks/useIndicatorOpacityAnimation.js

@@ -1 +1 @@
-"use strict";import{spring as e}from"@toss/tds-easings";import{useEffect as o}from"react";import{Animated as i}from"react-native";import{useIndicator as n}from"../IndicatorContext.js";export function useIndicatorOpacityAnimation(){const{opacity:r,isGestureSwiping:t}=n();o(()=>{t?.current!==!0&&i.sequence([i.spring(r,{toValue:1,...e.slow,useNativeDriver:!1})]).start()},[t,r])}
+"use strict";import{spring as e}from"@toss/tds-easings";import{useEffect as o}from"react";import{Animated as i}from"react-native";import{useIndicator as n}from"../IndicatorContext";export function useIndicatorOpacityAnimation(){const{opacity:r,isGestureSwiping:t}=n();o(()=>{t?.current!==!0&&i.sequence([i.spring(r,{toValue:1,...e.slow,useNativeDriver:!1})]).start()},[t,r])}

package/dist/esm/extensions/tab-view/index.d.ts

@@ -1 +1 @@
-export { Tabs } from './Tabs.js';
+export { Tabs } from './Tabs';

package/dist/esm/extensions/tab-view/index.js

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

package/dist/esm/extensions/tab-view/utils/getIndicatorInterpolateOutput.js

@@ -1 +1 @@
-"use strict";import{FLUID_TAB_ITEM_HORIZONTAL_MARGIN as n,TAB_ITEM_HORIZONTAL_MARGIN as o,TAB_LIST_CONTAINER_PADDING as e,TAB_LIST_FLUID_CONTAINER_PADDING as D}from"../const.js";export function getIndicatorInterpolateOutput(I,T){const t=T?D:e,A=T?n:o;return I.reduce((r,L,_)=>{if(_===0)return[t+A];const N=r[_-1]+I[_-1]+A*2;return[...r,N]},[])}
+"use strict";import{FLUID_TAB_ITEM_HORIZONTAL_MARGIN as n,TAB_ITEM_HORIZONTAL_MARGIN as o,TAB_LIST_CONTAINER_PADDING as e,TAB_LIST_FLUID_CONTAINER_PADDING as D}from"../const";export function getIndicatorInterpolateOutput(I,T){const t=T?D:e,A=T?n:o;return I.reduce((r,L,_)=>{if(_===0)return[t+A];const N=r[_-1]+I[_-1]+A*2;return[...r,N]},[])}

package/dist/esm/extensions/tab-view/utils/getTabData.js

@@ -1 +1 @@
-"use strict";import{Children as e,isValidElement as n}from"react";import{TabsList as p}from"../TabsList.js";export function getTabData(t){return(e.map(t,r=>r)??[]).filter(r=>n(r)).filter(r=>r.type===p).map(r=>e.map(r.props.children,(a,i)=>({value:a.props.value,tabIndex:i}))).flatMap(r=>r)}
+"use strict";import{Children as e,isValidElement as n}from"react";import{TabsList as p}from"../TabsList";export function getTabData(t){return(e.map(t,r=>r)??[]).filter(r=>n(r)).filter(r=>r.type===p).map(r=>e.map(r.props.children,(a,i)=>({value:a.props.value,tabIndex:i}))).flatMap(r=>r)}

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.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})})};
+"use strict";import{jsx as o}from"react/jsx-runtime";import{TouchableOpacity as a}from"react-native";import{Icon as n}from"../../components/icon";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})})};

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
-import type { Icon } from '../../components/icon/index.js';
+import type { Icon } from '../../components/icon';
 type Icon = {
     source: {
         uri: string;
@@ -27,8 +27,9 @@ export interface TopNavigationProps {
     contentVisible?: boolean;
     children?: ReactNode;
     theme?: NavigationTheme;
+    leftVisible?: boolean;
 }
-export declare function TopNavigation({ title, icon, onPressTitle, onPressDots, onPressClose, fixedRightButton, children, withHome, contentVisible, theme, }: TopNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare function TopNavigation({ title, icon, onPressTitle, onPressDots, onPressClose, fixedRightButton, children, withHome, contentVisible, theme, leftVisible, }: TopNavigationProps): import("react/jsx-runtime").JSX.Element;
 export type NavigationTheme = 'light' | 'dark';
 export interface NavigationRightContentProps extends ViewProps {
     fixedRightButton: TopNavigationProps['fixedRightButton'];

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import type { ComponentProps } from 'react';
-import type { TopNavigation } from './TopNavigation.js';
+import type { TopNavigation } from './TopNavigation';
 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.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,{})]})}
+"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";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,{})]})}

package/dist/esm/index.d.ts

@@ -1,64 +1,64 @@
 /** TDS 컴포넌트 */
-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 './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/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 './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';
 /** util 컴포넌트 */
-export * from './interactions/pressable-effect/index.js';
+export * from './interactions/pressable-effect';
 /** 기타 컴포넌트 */
-export * from './components/carousel/index.js';
+export * from './components/carousel';
 /** 단일 Provider */
-export { TDSProvider } from './core/index.js';
+export { TDSProvider } from './core';
 export { colors } from '@toss/tds-colors';

package/dist/esm/index.js

@@ -1 +1 @@
-"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";
+"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";

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.js").SpringAnimationConfig) => ReactNativeAnimated.CompositeAnimation;
+    spring: (value: ReactNativeAnimated.Value | ReactNativeAnimated.ValueXY, config: import("./spring").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.js";export const Animated={...t,spring:i};
+"use strict";import{Animated as t}from"react-native";import{spring as i}from"./spring";export const Animated={...t,spring:i};

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import type { ReactElement, ReactNode } from 'react';
 import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
 import { View } from 'react-native';
-import { PressableUnderlay } from './PressableUnderlay.js';
+import { PressableUnderlay } from './PressableUnderlay';
 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 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});
+"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";import{PressableUnderlay as u}from"./PressableUnderlay";import{usePressAnim as F}from"./usePressAnim";import{generateA11yRestProps as S}from"../../utils/a11y";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.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import type { Color, Degree, TransformOrigin } from '../types/index.js';
+import type { Color, Degree, TransformOrigin } from '../types';
 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.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}}
+"use strict";import{useContext as s,useEffect as f,useRef as u}from"react";import{getUniqueId as i}from"../helper/getUniqueId";import{PresenceContext as m}from"./PresenceContext";export function usePresence({presence:r}){const t=u(i()).current,e=s(m);if(f(()=>{e&&r&&e.register(t)},[t,e,r]),e===null)return{present:!0,safeToRemove:null};const{present:n,onExitComplete:o}=e;return!n&&o?{present:!1,safeToRemove:()=>o&&o(t)}:{present:!0}}

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

@@ -1,2 +1,2 @@
-import type { RelativeOperator } from '../types/index.js';
+import type { RelativeOperator } from '../types';
 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.js';
-export * from './nativeDriver.js';
-export * from './parseMotionValue.js';
+export * from './calcRelativeOperator';
+export * from './nativeDriver';
+export * from './parseMotionValue';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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