@toss/tds-react-native 1.2.1 → 1.3.1

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

@@ -1,6 +1,7 @@
-import { PagerViewOnPageScrollEventData, PageScrollStateChangedNativeEventData } from '@granite-js/native/react-native-pager-view';
-import { MutableRefObject } from 'react';
-import { Animated, NativeSyntheticEvent } from 'react-native';
+import type { PagerViewOnPageScrollEventData, PageScrollStateChangedNativeEventData } from '@granite-js/native/react-native-pager-view';
+import type { MutableRefObject } from 'react';
+import type { NativeSyntheticEvent } from 'react-native';
+import { Animated } from 'react-native';
 export interface IndicatorContext {
     width: Animated.AnimatedInterpolation<number>;
     translateX: Animated.AnimatedInterpolation<number>;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export declare function IndicatorProvider({ children }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

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";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})}
+"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})}

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import { TabValue } from './TabsContext';
+import type { ReactNode } from 'react';
+import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { TabValue } from './TabsContext.js';
 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";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};
+"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};

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

@@ -1,2 +1,2 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 export declare function TabView(props: ViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { TabsList } from './TabsList';
-import { TabsViewList } from './TabsViews';
-import { TabView } from './TabView';
+import type { ReactNode } from 'react';
+import { TabsList } from './TabsList.js';
+import { TabsViewList } from './TabsViews.js';
+import { TabView } from './TabView.js';
 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").TabItem;
+    var TabItem: typeof import("./TabItem.js").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{useControlled as C}from"../../utils";import{useCallback as f,useMemo as h,useRef as D,useState as p}from"react";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]=C({controlledValue:c,defaultValue:s}),x=D(null),[I,v]=p({}),n=h(()=>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/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};

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

@@ -1,6 +1,6 @@
-import PagerView from '@granite-js/native/react-native-pager-view';
-import { Dispatch, RefObject, SetStateAction } from 'react';
-import { LayoutRectangle } from 'react-native/types';
+import type { PagerView } from '@granite-js/native/react-native-pager-view';
+import type { Dispatch, RefObject, SetStateAction } from 'react';
+import type { LayoutRectangle } from 'react-native';
 export type TabValue = string;
 export type TabIndex = number;
 export type TabWidthMap = Record<TabIndex, LayoutRectangle>;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
 interface Props extends ViewProps {
     children: ReactNode;
 }

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";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}});
+"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}});

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

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

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";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}
+"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}

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";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.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])}

package/dist/esm/extensions/tab-view/hooks/useScrollStateChangedHandler.d.ts

@@ -1,5 +1,5 @@
-import { PageScrollStateChangedNativeEventData } from '@granite-js/native/react-native-pager-view';
-import { NativeSyntheticEvent } from 'react-native';
+import type { PageScrollStateChangedNativeEventData } from '@granite-js/native/react-native-pager-view';
+import type { NativeSyntheticEvent } from 'react-native';
 export declare function useScrollStateChangedHandler(): {
     isGestureSwipingRef: import("react").MutableRefObject<boolean>;
     scrollStateChangedHandler: (e: NativeSyntheticEvent<PageScrollStateChangedNativeEventData>) => void;

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

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

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

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

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";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.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]},[])}

package/dist/esm/extensions/tab-view/utils/getTabData.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type TabData = {
     value: string;
     tabIndex: number;

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";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.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)}

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