@toss/tds-react-native 1.0.0

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

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

package/dist/cjs/extensions/tab-view/hooks/useScrollStateChangedHandler.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useScrollStateChangedHandler=useScrollStateChangedHandler;const react_1=require("react");function useScrollStateChangedHandler(){const e=(0,react_1.useRef)(!1),r=(0,react_1.useCallback)(t=>{t.nativeEvent.pageScrollState==="dragging"?e.current=!0:t.nativeEvent.pageScrollState==="idle"&&(e.current=!1)},[e]);return{isGestureSwipingRef:e,scrollStateChangedHandler:r}}

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=void 0;var Tabs_1=require("./Tabs");Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return Tabs_1.Tabs}});

package/dist/cjs/extensions/tab-view/utils/getIndicatorInterpolateOutput.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 탭의 길이들을 이용해 indicator 의 변화량을 구합니다.
+ * - 첫번째 탭은 TAB_LIST_PADDING 을 왼쪽에 한 개 갖습니다.
+ * - 첫번째와 두번째 탭 사이에는 TAB_ITEM_MARGIN 두 개 갖습니다.
+ *
+ * ```plaintext
+ * `|`: 탭 구분
+ * `^`: tabListPadding
+ * `o`: tabItemMargin
+ *
+ * |o^TAB1^|^TAB2^|
+ *
+ * - TAB1의 indciator 위치: `o` + `^`
+ * - TAB2의 indciator 위치: <TAB1의 indicator 위치> + `<TAB1의 width>` + `^` + `^`
+ * - ...
+ *
+ * ```
+ */
+export declare function getIndicatorInterpolateOutput(tabWidths: number[], fluid: boolean): number[];

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getIndicatorInterpolateOutput=getIndicatorInterpolateOutput;const const_1=require("../const");function getIndicatorInterpolateOutput(e,_){const T=_?const_1.TAB_LIST_FLUID_CONTAINER_PADDING:const_1.TAB_LIST_CONTAINER_PADDING,r=_?const_1.FLUID_TAB_ITEM_HORIZONTAL_MARGIN:const_1.TAB_ITEM_HORIZONTAL_MARGIN;return e.reduce((I,n,t)=>{if(t===0)return[T+r];const A=I[t-1]+e[t-1]+r*2;return[...I,A]},[])}

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type TabData = {
+    value: string;
+    tabIndex: number;
+};
+export declare function getTabData(_children: ReactNode): TabData[];
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getTabData=getTabData;const react_1=require("react"),TabsList_1=require("../TabsList");function getTabData(t){return(react_1.Children.map(t,e=>e)??[]).filter(e=>(0,react_1.isValidElement)(e)).filter(e=>e.type===TabsList_1.TabsList).map(e=>react_1.Children.map(e.props.children,(r,a)=>({value:r.props.value,tabIndex:a}))).flatMap(e=>e)}

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

@@ -0,0 +1,5 @@
+import { TouchableOpacityProps } from 'react-native';
+export declare const IconButton: ({ name, accessibilityLabel, onPress, color, ...restProps }: {
+    name: string;
+    color?: string;
+} & TouchableOpacityProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),index_1=require("../../components/icon/index"),core_1=require("../../core"),HIT_SLOP={left:8,right:8},IconButton=({name:e,accessibilityLabel:t,onPress:o,color:r,...n})=>{const c=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{hitSlop:HIT_SLOP,onPress:o,...n,children:(0,jsx_runtime_1.jsx)(index_1.Icon,{color:r??c.greyOpacity600,size:20,name:e,accessibilityLabel:t})})};exports.IconButton=IconButton;

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

@@ -0,0 +1,57 @@
+import { ReactNode } from 'react';
+import { ViewProps } from 'react-native';
+import { Icon } from '../../components/icon/index';
+type Icon = {
+    source: {
+        uri: string;
+    };
+    name?: never;
+} | {
+    name: string;
+    source?: never;
+};
+export interface TopNavigationProps {
+    title: string;
+    icon: Icon;
+    withHome?: boolean;
+    onPressTitle?: () => void;
+    onPressDots?: () => void;
+    onPressClose?: () => void;
+    fixedRightButton?: {
+        title: string;
+        icon: Icon;
+        id: string;
+        onPress?: () => void;
+        disabled?: boolean;
+    };
+    contentVisible?: boolean;
+    children?: ReactNode;
+    theme?: NavigationTheme;
+}
+export declare function TopNavigation({ title, icon, onPressTitle, onPressDots, onPressClose, fixedRightButton, children, withHome, contentVisible, theme, }: TopNavigationProps): import("react/jsx-runtime").JSX.Element;
+export type NavigationTheme = 'light' | 'dark';
+export interface NavigationRightContentProps extends ViewProps {
+    fixedRightButton: TopNavigationProps['fixedRightButton'];
+    onPressDots?: () => void;
+    onPressClose?: () => void;
+    theme?: NavigationTheme;
+}
+export declare const COLOR_PALETTE: {
+    light: {
+        titleTextColor: string;
+        backgroundColor: string;
+        iconTintColor: string;
+        dividerColor: string;
+    };
+    dark: {
+        titleTextColor: string;
+        backgroundColor: string;
+        iconTintColor: string;
+        dividerColor: string;
+    };
+};
+export declare function NavigationRightContent({ fixedRightButton, onPressDots, onPressClose, theme, ...viewProps }: NavigationRightContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function CloseWithDotsMono({ onPressDots, onPressClose, theme, }: Pick<TopNavigationProps, 'onPressDots' | 'onPressClose'> & {
+    theme?: NavigationTheme;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.COLOR_PALETTE=void 0,exports.TopNavigation=TopNavigation,exports.NavigationRightContent=NavigationRightContent,exports.CloseWithDotsMono=CloseWithDotsMono;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),react_native_1=require("@granite-js/react-native"),colors_1=require("@toss-design-system/colors"),react_1=require("react"),react_native_2=require("react-native"),index_1=require("../navigation/index"),event_1=require("../partner-navigation/event"),IconButton_1=require("./IconButton"),SAFE_MARGIN=157,WITH_FIXED_RIGHT_SAFE_MARGIN=SAFE_MARGIN+44+4;function TopNavigation({title:o,icon:n,onPressTitle:e,onPressDots:t,onPressClose:s,fixedRightButton:i,children:a,withHome:d=!1,contentVisible:c=!0,theme:r="light"}){const l=(0,native_1.useNavigation)(),g=l.canGoBack();return(0,react_1.useLayoutEffect)(()=>{if(!c){l.setOptions({headerBackVisible:!1,headerTitle:()=>null,headerLeft:()=>null});return}},[c,l]),(0,jsx_runtime_1.jsxs)(index_1.Navigation,{children:[c&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(index_1.NavigationLeft,{children:(0,jsx_runtime_1.jsx)(index_1.NavigationBackButton,{theme:r,canGoBack:g})}),(0,jsx_runtime_1.jsxs)(index_1.NavigationContent,{onPressTitle:e,horizontalSafeMargin:i!=null?WITH_FIXED_RIGHT_SAFE_MARGIN:SAFE_MARGIN,withHome:d,theme:r,children:[(0,jsx_runtime_1.jsx)(index_1.NavigationTitleIcon,{...n}),o!=null&&(0,jsx_runtime_1.jsx)(index_1.NavigationTitleText,{theme:r,children:o}),d&&(0,jsx_runtime_1.jsx)(index_1.NavigationTitleIcon,{name:"icon-home-mono"})]})]}),(0,jsx_runtime_1.jsx)(index_1.NavigationRight,{children:(0,jsx_runtime_1.jsx)(NavigationRightContent,{fixedRightButton:i,onPressDots:t,onPressClose:s,theme:r})}),a]})}exports.COLOR_PALETTE={light:{titleTextColor:"#191F28",backgroundColor:colors_1.colors.greyOpacity50,iconTintColor:colors_1.colors.greyOpacity600,dividerColor:colors_1.colors.greyOpacity200},dark:{titleTextColor:"#FFFFFF",backgroundColor:"rgba(2, 3, 7, 0.58)",iconTintColor:"rgba(253, 253, 255, 0.75))",dividerColor:colors_1.colors.greyOpacity200}};function NavigationRightContent({fixedRightButton:o,onPressDots:n,onPressClose:e,theme:t="light",...s}){const{style:i,...a}=s;return(0,jsx_runtime_1.jsxs)(react_native_2.View,{style:[{flexDirection:"row",gap:4},i],...a,children:[o!=null&&(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{borderRadius:99,overflow:"hidden"},children:(0,jsx_runtime_1.jsx)(IconButton_1.IconButton,{name:o.icon.name??"",accessibilityLabel:o.title,onPress:()=>{o.onPress?.(),event_1.tdsEvent.emit("navigationAccessoryEvent",{id:o.id})},style:{paddingVertical:7,paddingHorizontal:12,backgroundColor:exports.COLOR_PALETTE[t].backgroundColor},color:exports.COLOR_PALETTE[t].iconTintColor,disabled:o.disabled})}),(0,jsx_runtime_1.jsx)(CloseWithDotsMono,{onPressDots:n,onPressClose:e,theme:t})]})}function CloseWithDotsMono({onPressDots:o,onPressClose:n=react_native_1.closeView,theme:e="light"}){return(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{borderRadius:99,overflow:"hidden"},children:(0,jsx_runtime_1.jsxs)(react_native_2.View,{style:{flexDirection:"row",justifyContent:"center",alignItems:"center",gap:12,height:34,paddingHorizontal:12,backgroundColor:exports.COLOR_PALETTE[e].backgroundColor},children:[(0,jsx_runtime_1.jsx)(IconButton_1.IconButton,{name:"icon-dots-mono",accessibilityLabel:"\uB354\uBCF4\uAE30",onPress:o,color:exports.COLOR_PALETTE[e].iconTintColor}),(0,jsx_runtime_1.jsx)(react_native_2.View,{style:{width:1,height:16,backgroundColor:exports.COLOR_PALETTE[e].dividerColor}}),(0,jsx_runtime_1.jsx)(IconButton_1.IconButton,{name:"icon-appsintoss-close-mono",accessibilityLabel:"\uB2EB\uAE30",color:exports.COLOR_PALETTE[e].iconTintColor,onPress:()=>{n()}})]})})}

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

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

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

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./TopNavigation"),exports),__exportStar(require("./useTopNavigation"),exports);

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

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { TopNavigation } from './TopNavigation';
+type AddAccessoryButtonParams = ComponentProps<typeof TopNavigation>['fixedRightButton'];
+type AddAccessoryButton = (params: AddAccessoryButtonParams) => void;
+type RemoveAccessoryButton = () => void;
+export declare function useTopNavigation(): {
+    addAccessoryButton: AddAccessoryButton;
+    removeAccessoryButton: RemoveAccessoryButton;
+};
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTopNavigation=useTopNavigation;const jsx_runtime_1=require("react/jsx-runtime"),native_1=require("@granite-js/native/@react-navigation/native"),react_1=require("react"),index_1=require("../navigation/index"),event_1=require("../partner-navigation/event"),IconButton_1=require("./IconButton"),TopNavigation_1=require("./TopNavigation");function useTopNavigation(){const e=(0,native_1.useNavigation)(),n=(0,react_1.useCallback)(t=>{e.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(WithCloseButton,{children:(0,jsx_runtime_1.jsx)(IconButton_1.IconButton,{disabled:t?.disabled,name:t?.icon.name??"",accessibilityLabel:t?.title,onPress:()=>{t?.onPress?.(),event_1.tdsEvent.emit("navigationAccessoryEvent",{id:t?.id??""})}})})})},[e]),i=(0,react_1.useCallback)(()=>{e.setOptions({headerRight:()=>(0,jsx_runtime_1.jsx)(WithCloseButton,{})})},[e]);return{addAccessoryButton:n,removeAccessoryButton:i}}function WithCloseButton({children:e}){return(0,jsx_runtime_1.jsxs)(index_1.NavigationRightWrapper,{children:[e,(0,jsx_runtime_1.jsx)(TopNavigation_1.CloseWithDotsMono,{})]})}

package/dist/cjs/index.d.ts

@@ -0,0 +1,65 @@
+/** 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/post';
+export * from './components/progress-bar';
+export * from './components/radio';
+export * from './components/result';
+export * from './components/search-field';
+export * from './components/skeleton';
+export * from './components/slider';
+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/segmented-control';
+export * from './components/stepper-row';
+export * from './components/keypad';
+export * from './components/chart';
+export * from './components/rating';
+export * from './components/icon-button';
+export * from './components/numeric-spinner';
+export * from './components/gradient';
+export * from './components/fixed-bottom-cta';
+export * from './components/shadow';
+export * from './components/gradient';
+export * from './components/highlight';
+export * from './components/error-page';
+/** 확장 컴포넌트 */
+export * from './extensions/overlay-extension';
+export * from './extensions/tab-view';
+export * from './extensions/page-navbar';
+export * from './extensions/external-web-view-screen';
+export * from './extensions/partner-web-view-screen';
+export * from './extensions/bridge';
+export { tdsEvent } from './extensions/partner-navigation/event';
+/** util 컴포넌트 */
+export * from './interactions/pressable-effect';
+/** 기타 컴포넌트 */
+export * from './components/carousel';
+/** 단일 Provider */
+export { TDSProvider } from './core';
+export { colors } from '@toss-design-system/colors';

package/dist/cjs/index.js

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

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

@@ -0,0 +1,38 @@
+import { Animated as ReactNativeAnimated } from 'react-native';
+export declare const Animated: {
+    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>;
+    divide<OutputT extends number | string>(a: ReactNativeAnimated.Animated, b: ReactNativeAnimated.Animated): ReactNativeAnimated.AnimatedDivision<OutputT>;
+    multiply<OutputT extends number | string>(a: ReactNativeAnimated.Animated, b: ReactNativeAnimated.Animated): ReactNativeAnimated.AnimatedMultiplication<OutputT>;
+    modulo<OutputT extends number | string>(a: ReactNativeAnimated.Animated, modulus: number): ReactNativeAnimated.AnimatedModulo<OutputT>;
+    diffClamp<OutputT extends number | string>(a: ReactNativeAnimated.Animated, min: number, max: number): ReactNativeAnimated.AnimatedDiffClamp<OutputT>;
+    delay(time: number): ReactNativeAnimated.CompositeAnimation;
+    sequence(animations: Array<ReactNativeAnimated.CompositeAnimation>): ReactNativeAnimated.CompositeAnimation;
+    stagger(time: number, animations: Array<ReactNativeAnimated.CompositeAnimation>): ReactNativeAnimated.CompositeAnimation;
+    loop(animation: ReactNativeAnimated.CompositeAnimation, config?: ReactNativeAnimated.LoopAnimationConfig): ReactNativeAnimated.CompositeAnimation;
+    parallel(animations: Array<ReactNativeAnimated.CompositeAnimation>, config?: ReactNativeAnimated.ParallelConfig): ReactNativeAnimated.CompositeAnimation;
+    event<T>(argMapping: Array<ReactNativeAnimated.Mapping | null>, config?: ReactNativeAnimated.EventConfig<T>): (...args: any[]) => void;
+    createAnimatedComponent<T extends React.ComponentType<any>>(component: T, options?: ReactNativeAnimated.AnimatedComponentOptions): ReactNativeAnimated.AnimatedComponent<T>;
+    Animated: typeof ReactNativeAnimated.Animated;
+    AnimatedNode: typeof ReactNativeAnimated.AnimatedNode;
+    AnimatedWithChildren: typeof ReactNativeAnimated.AnimatedWithChildren;
+    AnimatedColor: typeof ReactNativeAnimated.AnimatedColor;
+    AnimatedInterpolation: typeof ReactNativeAnimated.AnimatedInterpolation;
+    Value: typeof ReactNativeAnimated.Value;
+    ValueXY: typeof ReactNativeAnimated.ValueXY;
+    timing: (value: ReactNativeAnimated.AnimatedValue | ReactNativeAnimated.AnimatedValueXY, config: ReactNativeAnimated.TimingAnimationConfig) => ReactNativeAnimated.CompositeAnimation;
+    AnimatedAddition: typeof ReactNativeAnimated.AnimatedAddition;
+    AnimatedSubtraction: typeof ReactNativeAnimated.AnimatedSubtraction;
+    AnimatedDivision: typeof ReactNativeAnimated.AnimatedDivision;
+    AnimatedMultiplication: typeof ReactNativeAnimated.AnimatedMultiplication;
+    AnimatedModulo: typeof ReactNativeAnimated.AnimatedModulo;
+    AnimatedDiffClamp: typeof ReactNativeAnimated.AnimatedDiffClamp;
+    View: ReactNativeAnimated.AnimatedComponent<typeof import("react-native")._View>;
+    Image: ReactNativeAnimated.AnimatedComponent<typeof import("react-native")._Image>;
+    Text: ReactNativeAnimated.AnimatedComponent<typeof import("react-native")._Text>;
+    ScrollView: ReactNativeAnimated.AnimatedComponent<typeof import("react-native")._ScrollView>;
+    FlatList: typeof ReactNativeAnimated.FlatList;
+    SectionList: typeof ReactNativeAnimated.SectionList;
+};

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./Animated"),exports);

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.spring=void 0;const react_native_1=require("react-native"),spring_easing_1=require("@toss-design-system/spring-easing"),spring=function(e,n){const{stiffness:s,damping:t,velocity:i,tolerance:r,mass:o,...a}=n,{duration:g,easeFunction:c}=(0,spring_easing_1.getSpringEasing)({stiffness:s,damping:t,velocity:i,tolerance:r,mass:o});return react_native_1.Animated.timing(e,{...a,easing:c,duration:g*1e3})};exports.spring=spring;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWiggleAnimation=useWiggleAnimation;const easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native");function useWiggleAnimation({direction:s,type:t}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return{startWiggle:(0,react_1.useCallback)(()=>{const n=WIGGLE_TRANSLATE[t].map(a=>react_native_1.Animated.timing(e,{toValue:a,duration:87.5,easing:react_native_1.Easing.bezier(...easings_1.bezier.linear),useNativeDriver:!0}));react_native_1.Animated.sequence(n).start()},[e,t]),style:{transform:[s==="x"?{translateX:e}:{translateY:e}]}}}const WIGGLE_TRANSLATE={small:[2,-2,1,-1],big:[4,-4,2,-2]};

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

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

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

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./hooks/useWiggleAnim"),exports);

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Prerender=Prerender;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react");function Prerender({initial:e,children:r}){const[t,n]=(0,react_1.useState)(!1);return(0,react_1.useEffect)(()=>{const s=requestAnimationFrame(()=>{n(!0)});return()=>{cancelAnimationFrame(s)}},[]),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t?r:e})}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePressAnim=usePressAnim;const react_1=require("react"),react_native_1=require("react-native"),easings_1=require("@toss-design-system/easings");function usePressAnim({pressIn:i,pressOut:e}){const t=(0,react_1.useRef)(new react_native_1.Animated.Value(e.scale)).current,a=(0,react_1.useRef)(new react_native_1.Animated.Value(e.opacity)).current,r=(0,react_1.useCallback)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(t,{toValue:i.scale,useNativeDriver:!0,...easings_1.spring.rapid}),react_native_1.Animated.spring(a,{toValue:i.opacity,useNativeDriver:!0,...easings_1.spring.rapid})]).start()},[t,a,i]),s=(0,react_1.useCallback)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(t,{toValue:e.scale,useNativeDriver:!0,...easings_1.spring.quick}),react_native_1.Animated.spring(a,{toValue:e.opacity,useNativeDriver:!0,...easings_1.spring.quick})]).start()},[t,a,e]);return{scaleAnim:t,opacityAnim:a,startPressInAnim:r,startPressOutAnim:s}}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PresenceChild=PresenceChild;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),getUniqueId_1=require("../helper/getUniqueId"),PresenceContext_1=require("../contexts/PresenceContext");function PresenceChild(e){const s=(0,react_1.useRef)((0,getUniqueId_1.getUniqueId)()).current,t=(0,react_1.useRef)(new Map).current,i=(0,react_1.useMemo)(()=>({id:s,present:e.present,onExitComplete:n=>{t.set(n,!0);for(const r of t.values())if(!r)return;e.onExitEnd&&e.onExitEnd()},register:n=>(t.set(n,!1),()=>t.delete(n))}),[e.present]);return(0,react_1.useMemo)(()=>{t.forEach((n,r)=>t.set(r,!1))},[e.present]),(0,react_1.useEffect)(()=>{!e.present&&!t.size&&e.onExitEnd&&e.onExitEnd()},[e.present]),(0,jsx_runtime_1.jsx)(PresenceContext_1.PresenceContext.Provider,{value:i,children:e.children})}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RallyView=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native");exports.RallyView=(0,react_1.forwardRef)(function({rally:r,style:e,children:i,onLayout:a,...o},n){return(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{ref:n,style:[...Array.isArray(e)?e:[e],r.style],onLayout:t=>{r.onLayout(t),a?.(t)},...o,children:i})});

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

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

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

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var l=Object.getOwnPropertyDescriptor(t,e);(!l||("get"in l?!t.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,l)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Rally=void 0;const RallySimple_1=require("./RallySimple"),RallyView_1=require("./RallyView");__exportStar(require("./AnimateRallyPresence"),exports),exports.Rally=Object.assign({},RallySimple_1.RallySimple,{View:RallyView_1.RallyView});

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPerspectiveOnWidth=void 0;const perspectiveMultiple={weak:16,medium:8,strong:4,max:2},createGetterOnWidth=e=>t=>t*perspectiveMultiple[e];exports.getPerspectiveOnWidth={weak:createGetterOnWidth("weak"),medium:createGetterOnWidth("medium"),strong:createGetterOnWidth("strong"),max:createGetterOnWidth("max")};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultEasing=exports.defaultDuration=exports.defaultStyles=void 0;const easings_1=require("@toss-design-system/easings");exports.defaultStyles={opacity:1,scale:1,scaleX:1,scaleY:1,rotate:0,rotateX:0,rotateY:0,rotateZ:0,translateX:0,translateY:0,transformOriginX:"center",transformOriginY:"center",color:"black",backgroundColor:"transparent"},exports.defaultDuration=500,exports.defaultEasing=easings_1.bezier.out;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PresenceContext=void 0;const react_1=require("react");exports.PresenceContext=(0,react_1.createContext)(null);

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.calcRelativeOperator=calcRelativeOperator;function calcRelativeOperator(r,e,t){switch(e){case"-=":return r-t;case"+=":return r+t;case"*=":return r*t;case"/=":return r/t}}