@toss/tds-react-native 1.0.0 → 1.2.1

package/dist/esm/extensions/bridge/Bridge.js

@@ -1,2 +1,2 @@
-"use strict";import{jsx as o,jsxs as T}from"react/jsx-runtime";import{bezier as C,spring as R}from"@toss-design-system/easings";import{josa as A}from"es-hangul";import{useCallback as G,useEffect as E,useLayoutEffect as Q,useMemo as X,useRef as Z,useState as w}from"react";import{Dimensions as ee,Easing as v,Platform as te,Pressable as oe,StyleSheet as O,useAnimatedValue as r,View as L}from"react-native";import{usePreservedCallback as k}from"../../components/bottom-sheet/utils/usePreservedCallback";import{LinearGradient as re,RadialGradient as B}from"../../components/gradient";import{Text as z}from"../../components/txt";import{useTheme as ie}from"../../core/theme/ThemeProvider";import{Animated as t}from"../../interactions/animated/Animated";import{Icon as ne,NestedShadow as ae}from"./components";import{getCenterOffset as N}from"./utils";const le=600,se=400;export function Bridge({style:a,icon:f,open:c,colorMode:p="basic",onClose:l,onExited:y,variant:x,serviceName:u,amount:s,...m}){const{token:e}=ie(),g=p==="basic",D=k(l??Y),I=k(y??Y),[j,P]=w(!1),b=Z(null),_=G(()=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{D?.(),b.current=null},se)},[D]);E(()=>()=>{b.current&&clearTimeout(b.current)},[]),E(()=>{const d=setTimeout(()=>{P(!0)},le);return()=>{clearTimeout(d)}},[]);const h={large:412.5,small:375},i=ge();E(()=>{if(c)return i.controller.open().start(),()=>{D?.(),i.controller.close().start(()=>{I?.()})}},[i.controller,D,I,c]);const M=x==="point"?[{type:"strong",text:u},{type:"default",text:A.pick(u,"\uC73C\uB85C/\uB85C")+` \uC774\uB3D9\uD558\uACE0
+"use strict";import{jsx as o,jsxs as T}from"react/jsx-runtime";import{bezier as C,spring as R}from"@toss/tds-easings";import{josa as A}from"es-hangul";import{useCallback as G,useEffect as E,useLayoutEffect as Q,useMemo as X,useRef as Z,useState as w}from"react";import{Dimensions as ee,Easing as v,Platform as te,Pressable as oe,StyleSheet as O,useAnimatedValue as r,View as L}from"react-native";import{usePreservedCallback as k}from"../../components/bottom-sheet/utils/usePreservedCallback";import{LinearGradient as re,RadialGradient as B}from"../../components/gradient";import{Text as z}from"../../components/txt";import{useTheme as ie}from"../../core/theme/ThemeProvider";import{Animated as t}from"../../interactions/animated/Animated";import{Icon as ne,NestedShadow as ae}from"./components";import{getCenterOffset as N}from"./utils";const le=600,se=400;export function Bridge({style:a,icon:f,open:c,colorMode:p="basic",onClose:l,onExited:y,variant:x,serviceName:u,amount:s,...m}){const{token:e}=ie(),g=p==="basic",D=k(l??Y),I=k(y??Y),[j,P]=w(!1),b=Z(null),_=G(()=>{b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{D?.(),b.current=null},se)},[D]);E(()=>()=>{b.current&&clearTimeout(b.current)},[]),E(()=>{const d=setTimeout(()=>{P(!0)},le);return()=>{clearTimeout(d)}},[]);const h={large:412.5,small:375},i=ge();E(()=>{if(c)return i.controller.open().start(),()=>{D?.(),i.controller.close().start(()=>{I?.()})}},[i.controller,D,I,c]);const M=x==="point"?[{type:"strong",text:u},{type:"default",text:A.pick(u,"\uC73C\uB85C/\uB85C")+` \uC774\uB3D9\uD558\uACE0
 `},{type:"strong",text:`${s.toLocaleString()}\uC6D0`},{type:"default",text:" \uBC1B\uC558\uC5B4\uC694"}]:[{type:"strong",text:u},{type:"default",text:A.pick(u,"\uC73C\uB85C/\uB85C")+" \uC774\uB3D9\uD588\uC5B4\uC694"}],[S,H]=w(null),[V,W]=w(null),[U,$]=w(0),q=G(d=>{H(N(d.nativeEvent.layout))},[]),F=G(d=>{W(N(d.nativeEvent.layout))},[]);return Q(()=>{S===null||V===null||$(S.y-V.y)},[V,S]),T(oe,{style:[n.fullCover,{zIndex:10},a],disabled:!j,onPress:_,...m,children:[o(L,{style:{flex:1,paddingTop:te.select({ios:103,android:56,default:56}),zIndex:1},children:T(t.View,{style:[{flexDirection:"column",gap:16,paddingHorizontal:20,alignItems:"center"}],onLayout:q,children:[o(ae,{shadows:g?[{offset:{x:0,y:4},opacity:.03,radius:6,color:"#000"},{offset:{x:0,y:10},opacity:.18,radius:16,color:e.bridge.contentLogoShadowColor},{offset:{x:0,y:12},opacity:.52,radius:64,color:e.bridge.contentLogoShadowColor}]:[],children:o(ce,{...f,style:[n.iconBorder,i.style.contentLogo]})}),o(ue,{style:[{textAlign:"center"},i.style.contentTitle],children:M.map(({type:d,text:J},K)=>o(z,{typography:"t3",fontWeight:"bold",color:g?d==="strong"?e.bridge.contentTitleStrongColor:e.bridge.contentTitleDefaultColor:d==="strong"?e.bridge.contentTitleStrongInvertedColor:e.bridge.contentTitleDefaultInvertedColor,textAlign:"center",children:J},K))})]})}),o(L,{style:[n.fullCover,{height:de}],children:T(t.View,{style:[n.center,n.fullCover,i.style.backgroundGroup],onLayout:F,children:[o(L,{style:n.fullCover,children:o(re,{opacity:1,degree:180,colors:g?[e.bridge.baseGradientStartColor,e.bridge.baseGradientStartColor,e.bridge.baseGradientMiddleColor,e.bridge.baseGradientEndColor]:[e.bridge.baseGradientStartInvertedColor,e.bridge.baseGradientStartInvertedColor,e.bridge.baseGradientMiddleInvertedColor,e.bridge.baseGradientEndInvertedColor],positions:[0,.25,.31,1],easing:"linear"})}),o(L,{style:{width:h.large+135,height:h.large,position:"relative",transform:[{translateY:U}]},children:g&&T(t.View,{style:[n.fullCover,{opacity:.02},i.style.radialGradientGroup],children:[o(t.View,{style:[n.rightCover,{width:h.small,height:h.small},i.style.rightRadialGradient],children:o(B,{colors:[{value:e.bridge.rightRadialGradientColor,opacity:1},{value:e.bridge.rightRadialGradientColor,opacity:0}]})}),o(t.View,{style:[n.leftCover,{width:h.large,height:h.large},i.style.leftRadialGradient],children:o(B,{colors:[{value:e.bridge.leftRadialGradientColor,opacity:1},{value:e.bridge.leftRadialGradientColor,opacity:0}]})})]})})]})})]})}const n=O.create({fullCover:{position:"absolute",top:0,left:0,right:0,bottom:0,width:"100%",height:"100%"},halfCover:{position:"absolute",top:0,left:0,width:"100%",height:"50%"},leftCover:{position:"absolute",bottom:0,left:0},rightCover:{position:"absolute",bottom:0,right:0},center:{display:"flex",justifyContent:"center",alignItems:"center"},iconBorder:{width:56,height:56,borderWidth:O.hairlineWidth,borderRadius:14,borderColor:"rgba(25, 66, 142, 0.12)",borderStyle:"solid",overflow:"hidden"}}),Y=()=>{},de=ee.get("window").height,ce=t.createAnimatedComponent(ne),ue=t.createAnimatedComponent(z);function ge(){const a=r(0),f=r(.5),c=r(0),p=r(0),l=r(0),y=r(.6),x=r(0),u=r(0),s=r(0),m=r(.7),e=G(()=>t.parallel([t.spring(a,{toValue:1,...R.small,useNativeDriver:!1}),t.timing(f,{toValue:1,easing:v.bezier(...C.out),duration:800,useNativeDriver:!1}),t.spring(c,{toValue:1,...R.basic,useNativeDriver:!1}),t.spring(p,{toValue:1,delay:40,...R.basic,useNativeDriver:!1}),t.timing(l,{toValue:1,easing:v.bezier(...C.out),duration:600,useNativeDriver:!1,delay:40}),t.spring(y,{toValue:1,stiffness:120,friction:11,useNativeDriver:!1,delay:40}),t.timing(s,{toValue:1,easing:v.bezier(...C.out),duration:600,useNativeDriver:!1,delay:80}),t.spring(m,{toValue:1,stiffness:120,friction:11,useNativeDriver:!1,delay:80})]),[a,f,c,p,l,y,s,m]),g=G(()=>t.parallel([t.timing(l,{toValue:0,easing:v.bezier(...C.out),duration:500,useNativeDriver:!1}),t.timing(s,{toValue:0,easing:v.bezier(...C.out),duration:500,useNativeDriver:!1}),t.timing(a,{toValue:0,easing:v.bezier(...C.out),duration:500,useNativeDriver:!1})]),[a,l,s]);return X(()=>({style:{backgroundGroup:{opacity:a},radialGradientGroup:{transform:[{scale:f}]},leftRadialGradient:{opacity:c},rightRadialGradient:{opacity:p},contentLogo:{opacity:l,transform:[{translateY:x},{scale:y}]},contentTitle:{opacity:s,transform:[{translateY:u},{scale:m}]}},controller:{open:e,close:g}}),[a,g,l,y,x,s,m,u,c,e,f,p])}

package/dist/esm/extensions/bridge/BridgeDerivedTokenGenerator.js

@@ -1 +1 @@
-"use strict";import{colors as e}from"@toss-design-system/colors";import{BaseDerivedTokenGenerator as u}from"../../core/theme/deriveToken/BaseDerivedTokenGenerator";import{ColorManager as o}from"../../utils/ColorManager";import{getThemeColorCodeFromOklch as f}from"./utils/getThemeColorCodeFromOklch";function h(r){const t=new o(r);return f(t.getOklch())}const m={red:e.purple300,orange:e.yellow500,yellow:"#ffe812",green:e.blue500,teal:e.blue500,blue:e.blue500,purple:e.purple300,grey:e.blue500};function w(r){const t=h(r),n=t==="grey"?e.blue500:r,s=new o(n).setLightness(.418).getRgba(),d=new o(n).setLightness(.315).setAlpha(.56).getRgba(),l="#fff",g=new o(l).setAlpha(.95).getRgba(),i=new o(l).setAlpha(0).getRgba(),c="#fff",b="#b7b7b7",a=new o("#000").setAlpha(.93).getRgba(),C=new o(a).setAlpha(.88).getRgba(),p=new o(a).setAlpha(0).getRgba();return{contentLogoShadowColor:n,leftRadialGradientColor:n,rightRadialGradientColor:m[t]??e.blue500,contentTitleStrongColor:s,contentTitleDefaultColor:d,baseGradientStartColor:l,baseGradientMiddleColor:g,baseGradientEndColor:i,contentTitleStrongInvertedColor:c,contentTitleDefaultInvertedColor:b,baseGradientStartInvertedColor:a,baseGradientMiddleInvertedColor:C,baseGradientEndInvertedColor:p}}export class BridgeDerivedTokenGenerator extends u{calculate(t){return w(t.color.primary)}}
+"use strict";import{colors as e}from"@toss/tds-colors";import{BaseDerivedTokenGenerator as u}from"../../core/theme/deriveToken/BaseDerivedTokenGenerator";import{ColorManager as o}from"../../utils/ColorManager";import{getThemeColorCodeFromOklch as f}from"./utils/getThemeColorCodeFromOklch";function h(r){const t=new o(r);return f(t.getOklch())}const m={red:e.purple300,orange:e.yellow500,yellow:"#ffe812",green:e.blue500,teal:e.blue500,blue:e.blue500,purple:e.purple300,grey:e.blue500};function w(r){const t=h(r),n=t==="grey"?e.blue500:r,s=new o(n).setLightness(.418).getRgba(),d=new o(n).setLightness(.315).setAlpha(.56).getRgba(),l="#fff",g=new o(l).setAlpha(.95).getRgba(),i=new o(l).setAlpha(0).getRgba(),c="#fff",b="#b7b7b7",a=new o("#000").setAlpha(.93).getRgba(),C=new o(a).setAlpha(.88).getRgba(),p=new o(a).setAlpha(0).getRgba();return{contentLogoShadowColor:n,leftRadialGradientColor:n,rightRadialGradientColor:m[t]??e.blue500,contentTitleStrongColor:s,contentTitleDefaultColor:d,baseGradientStartColor:l,baseGradientMiddleColor:g,baseGradientEndColor:i,contentTitleStrongInvertedColor:c,contentTitleDefaultInvertedColor:b,baseGradientStartInvertedColor:a,baseGradientMiddleInvertedColor:C,baseGradientEndInvertedColor:p}}export class BridgeDerivedTokenGenerator extends u{calculate(t){return w(t.color.primary)}}

package/dist/esm/extensions/external-web-view-screen/Navigation.js

@@ -1 +1 @@
-"use strict";import{Fragment as p,jsx as n,jsxs as y}from"react/jsx-runtime";import{useHeaderHeight as O}from"@granite-js/native/@react-navigation/elements";import{useNavigation as s}from"@granite-js/native/@react-navigation/native";import{colors as f,colorsByPreference as v}from"@toss-design-system/colors";import{Children as x,useCallback as C,useLayoutEffect as u,useMemo as k}from"react";import{Dimensions as B,Image as N,Platform as w,View as g}from"react-native";import{closeView as h}from"@granite-js/react-native";import{Asset as T}from"../../components/asset";import{LinearGradient as I}from"../../components/gradient";import{ReactNavigationNavbar as m}from"../../components/navbar";import{useShadow as b}from"../../components/shadow";import{Txt as P}from"../../components/txt";import{useColorPreference as c}from"../../core/contexts/ColorPreferenceProvider";import{PreventFontScaling as R}from"../../extensions/prevent-font-scaling";function l(){const{colorPreference:t}=c(),{adaptive:e}=k(()=>({adaptive:v[t]}),[t]);return e}function d(t){return x.toArray(t).length>0}export function Navigation({children:t}){const e=s(),o=l(),{colorPreference:r}=c(),i=d(t);return u(()=>{function a(){e.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!i){a();return}return e.setOptions({headerStyle:{backgroundColor:o.background},statusBarStyle:"auto"}),()=>{a()}},[e,r,i,o.background]),n(p,{children:t})}export function useBackOrCloseNavigation(){const t=s();return C(()=>{t.canGoBack()?t.goBack():h()},[t])}const L=w.select({android:f.greyOpacity400,ios:f.greyOpacity100,default:f.greyOpacity100});export function NavigationBackdrop(){const{colorPreference:t}=c(),e=l(),o=O(),r=t==="dark",i=b({offset:{x:0,y:0},opacity:1,radius:r?50:20,color:r?"rgba(0, 0, 0, 0.1)":L}),a=r?[e.grey100,e.grey300,e.grey100]:[e.greyOpacity100,e.greyOpacity300,e.greyOpacity100];return y(g,{pointerEvents:"none",style:[{position:"absolute",top:-o,left:0,right:0,zIndex:1,width:"100%",height:o+.5}],children:[n(g,{pointerEvents:"none",style:[{position:"absolute",top:0,left:0,right:0,backgroundColor:e.background,width:"100%",height:o},i]}),n(I,{degree:90,easing:"linear",positions:[0,.5,1],colors:a})]})}export function NavigationLeft({children:t,visible:e=!0}){const o=s();return u(()=>{if(!d(t)||!e){o.setOptions({headerLeft:null});return}o.setOptions({headerLeft:()=>n(p,{children:t})})},[t,o,e]),null}export function NavigationRight({children:t,visible:e=!0}){const o=s();return u(()=>{if(!d(t)||!e){o.setOptions({headerRight:null});return}o.setOptions({headerRight:()=>n(g,{style:{marginRight:4,flexDirection:"row"},children:t})})},[t,o,e]),null}const S=B.get("window").width;export function NavigationCenter({children:t,visible:e=!0}){const r=s();return u(()=>{if(!d(t)||!e){r.setOptions({headerBackVisible:!1,headerTitle:null});return}r.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>n(g,{style:[{maxWidth:S-100,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:5}],children:t})})},[t,r,e]),null}export function NavigationTitleIcon(t){const e={width:16,height:16,radius:5};return t.name!==void 0?n(T.Icon,{name:t.name,frameShape:e}):n(N,{source:t.source,style:{overflow:"hidden",borderRadius:e.radius,width:e.width,height:e.height}})}export function NavigationTitleText({style:t,...e}){const o=l();return n(R,{limit:100,children:n(P,{typography:"st10",fontWeight:"semibold",color:o.grey900,numberOfLines:1,ellipsizeMode:"tail",...e})})}export function NavigationBackButton({onPress:t,canGoBack:e=!0}){const{colorPreference:o}=c(),r=l(),i=o==="light"?r.greyOpacity400:r.greyOpacity500,a=useBackOrCloseNavigation();return n(m.BackButton,{tintColor:i,onPress:()=>{t?.(),e&&a()}})}export function NavigationCloseButton({onPress:t}){const{colorPreference:e}=c(),o=l(),r=e==="light"?o.greyOpacity400:o.greyOpacity500;return n(m.CloseButton,{tintColor:r,onPress:()=>{t?.(),h()}})}
+"use strict";import{Fragment as p,jsx as n,jsxs as y}from"react/jsx-runtime";import{useHeaderHeight as O}from"@granite-js/native/@react-navigation/elements";import{useNavigation as s}from"@granite-js/native/@react-navigation/native";import{closeView as h}from"@granite-js/react-native";import{colors as f,colorsByPreference as v}from"@toss/tds-colors";import{Children as x,useCallback as C,useLayoutEffect as u,useMemo as k}from"react";import{Dimensions as B,Image as N,Platform as w,View as g}from"react-native";import{Asset as T}from"../../components/asset";import{LinearGradient as I}from"../../components/gradient";import{ReactNavigationNavbar as m}from"../../components/navbar";import{useShadow as b}from"../../components/shadow";import{Txt as P}from"../../components/txt";import{useColorPreference as c}from"../../core/contexts/ColorPreferenceProvider";import{PreventFontScaling as R}from"../../extensions/prevent-font-scaling";function l(){const{colorPreference:t}=c(),{adaptive:e}=k(()=>({adaptive:v[t]}),[t]);return e}function d(t){return x.toArray(t).length>0}export function Navigation({children:t}){const e=s(),o=l(),{colorPreference:r}=c(),i=d(t);return u(()=>{function a(){e.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!i){a();return}return e.setOptions({headerStyle:{backgroundColor:o.background},statusBarStyle:"auto"}),()=>{a()}},[e,r,i,o.background]),n(p,{children:t})}export function useBackOrCloseNavigation(){const t=s();return C(()=>{t.canGoBack()?t.goBack():h()},[t])}const L=w.select({android:f.greyOpacity400,ios:f.greyOpacity100,default:f.greyOpacity100});export function NavigationBackdrop(){const{colorPreference:t}=c(),e=l(),o=O(),r=t==="dark",i=b({offset:{x:0,y:0},opacity:1,radius:r?50:20,color:r?"rgba(0, 0, 0, 0.1)":L}),a=r?[e.grey100,e.grey300,e.grey100]:[e.greyOpacity100,e.greyOpacity300,e.greyOpacity100];return y(g,{pointerEvents:"none",style:[{position:"absolute",top:-o,left:0,right:0,zIndex:1,width:"100%",height:o+.5}],children:[n(g,{pointerEvents:"none",style:[{position:"absolute",top:0,left:0,right:0,backgroundColor:e.background,width:"100%",height:o},i]}),n(I,{degree:90,easing:"linear",positions:[0,.5,1],colors:a})]})}export function NavigationLeft({children:t,visible:e=!0}){const o=s();return u(()=>{if(!d(t)||!e){o.setOptions({headerLeft:null});return}o.setOptions({headerLeft:()=>n(p,{children:t})})},[t,o,e]),null}export function NavigationRight({children:t,visible:e=!0}){const o=s();return u(()=>{if(!d(t)||!e){o.setOptions({headerRight:null});return}o.setOptions({headerRight:()=>n(g,{style:{marginRight:4,flexDirection:"row"},children:t})})},[t,o,e]),null}const S=B.get("window").width;export function NavigationCenter({children:t,visible:e=!0}){const r=s();return u(()=>{if(!d(t)||!e){r.setOptions({headerBackVisible:!1,headerTitle:null});return}r.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>n(g,{style:[{maxWidth:S-100,display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",gap:5}],children:t})})},[t,r,e]),null}export function NavigationTitleIcon(t){const e={width:16,height:16,radius:5};return t.name!==void 0?n(T.Icon,{name:t.name,frameShape:e}):n(N,{source:t.source,style:{overflow:"hidden",borderRadius:e.radius,width:e.width,height:e.height}})}export function NavigationTitleText({style:t,...e}){const o=l();return n(R,{limit:100,children:n(P,{typography:"st10",fontWeight:"semibold",color:o.grey900,numberOfLines:1,ellipsizeMode:"tail",...e})})}export function NavigationBackButton({onPress:t,canGoBack:e=!0}){const{colorPreference:o}=c(),r=l(),i=o==="light"?r.greyOpacity400:r.greyOpacity500,a=useBackOrCloseNavigation();return n(m.BackButton,{tintColor:i,onPress:()=>{t?.(),e&&a()}})}export function NavigationCloseButton({onPress:t}){const{colorPreference:e}=c(),o=l(),r=e==="light"?o.greyOpacity400:o.greyOpacity500;return n(m.CloseButton,{tintColor:r,onPress:()=>{t?.(),h()}})}

package/dist/esm/extensions/navigation/Navigation.js

@@ -1 +1 @@
-"use strict";import{Fragment as d,jsx as o}from"react/jsx-runtime";import{useNavigation as s}from"@granite-js/native/@react-navigation/native";import{closeView as x}from"@granite-js/react-native";import{colors as v}from"@toss-design-system/colors";import{Children as C,forwardRef as b,useCallback as k,useLayoutEffect as c}from"react";import{Dimensions as I,Image as O,Platform as B,TouchableOpacity as N,View as f}from"react-native";import{Asset as T}from"../../components/asset";import{ReactNavigationNavbar as p}from"../../components/navbar";import{Txt as w}from"../../components/txt";import{getTypographyMap as L}from"../../constants";import{useAdaptive as m,useColorPreference as R}from"../../core";import{useTypographyLevel as S}from"../../core/hooks/useTypographyLevel";import{PreventFontScaling as D}from"../../extensions/prevent-font-scaling";import{COLOR_PALETTE as g}from"../top-navigation";function u(t){return C.toArray(t).length>0}export function Navigation({children:t}){const e=s(),n=m(),{colorPreference:i}=R(),l=u(t);return c(()=>{function r(){e.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!l){r();return}return e.setOptions({headerStyle:{backgroundColor:n.background},statusBarStyle:i==="dark"?"light":"dark"}),()=>{r()}},[n.background,i,l,e]),o(d,{children:t})}export function useBackOrCloseNavigation(){const t=s();return k(()=>{t.canGoBack()?t.goBack():x()},[t])}export function NavigationLeft({children:t,visible:e=!0}){const n=s();return c(()=>{if(!u(t)||!e){n.setOptions({headerLeft:null});return}n.setOptions({headerLeft:()=>o(d,{children:t})})},[t,n,e]),null}export function NavigationRight({children:t,visible:e=!0}){const n=s();return c(()=>{if(!u(t)||!e){n.setOptions({headerRight:null});return}n.setOptions({headerRight:()=>o(NavigationRightWrapper,{children:t})})},[t,n,e]),null}export function NavigationRightWrapper({children:t}){return o(f,{style:{marginRight:10,flexDirection:"row",justifyContent:"center",alignItems:"center",gap:4,marginLeft:4},children:t})}const h=I.get("window").width;export function NavigationContent({children:t,visible:e=!0,onPressTitle:n,horizontalSafeMargin:i=0,theme:l="light",withHome:r=!1}){const a=s(),y=m();return c(()=>{if(!u(t)||!e){a.setOptions({headerBackVisible:!1,headerTitle:null});return}a.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>o(f,{style:{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",flex:1,marginLeft:B.OS==="ios"?-4:0,alignSelf:"flex-start"},children:o(f,{style:{flexDirection:"row",alignItems:"center",gap:5,maxWidth:h-i},children:n?o(N,{onPress:n,style:{flexDirection:"row",alignItems:"center",gap:5,height:34,paddingLeft:12,paddingRight:10,maxWidth:h-i,backgroundColor:l==="dark"&&!r?void 0:g[l].backgroundColor,borderRadius:99},children:t}):t})}),headerTintColor:v.grey900})},[y.greyOpacity50,t,i,a,n,l,e,r]),null}export function NavigationTitleIcon(t){const e=S(),i=L(e).t6.fontSize,r=Math.min(i,20),a={width:r,height:r,radius:5};return i>=22&&t.name!=="icon-home-mono"?null:t.name!==void 0?o(T.Icon,{name:t.name,frameShape:a}):o(O,{source:t.source,style:{overflow:"hidden",borderRadius:a.radius,width:a.width,height:a.height}})}export function NavigationTitleText({style:t,theme:e="light",...n}){return o(D,{limit:135,children:o(w,{typography:"t6",fontWeight:"semibold",color:g[e].titleTextColor,numberOfLines:1,ellipsizeMode:"tail",...n})})}export function NavigationBackButton({onPress:t,canGoBack:e=!0,theme:n="light"}){const i=useBackOrCloseNavigation();return o(p.BackButton,{tintColor:g[n].titleTextColor,accessibilityRole:"button",accessible:!0,accessibilityLabel:e?"\uB4A4\uB85C\uAC00\uAE30":"\uB2EB\uAE30",onPress:()=>{t?.(),e&&i()}})}export const NavigationIconButton=b(function(e,n){return o(p.RightIconButton,{ref:n,...e})});
+"use strict";import{Fragment as d,jsx as o}from"react/jsx-runtime";import{useNavigation as s}from"@granite-js/native/@react-navigation/native";import{closeView as x}from"@granite-js/react-native";import{colors as v}from"@toss/tds-colors";import{Children as C,forwardRef as b,useCallback as k,useLayoutEffect as c}from"react";import{Dimensions as I,Image as O,Platform as B,TouchableOpacity as N,View as f}from"react-native";import{Asset as T}from"../../components/asset";import{ReactNavigationNavbar as p}from"../../components/navbar";import{Txt as w}from"../../components/txt";import{getTypographyMap as L}from"../../constants";import{useAdaptive as m,useColorPreference as R}from"../../core";import{useTypographyLevel as S}from"../../core/hooks/useTypographyLevel";import{PreventFontScaling as D}from"../../extensions/prevent-font-scaling";import{COLOR_PALETTE as g}from"../top-navigation";function u(t){return C.toArray(t).length>0}export function Navigation({children:t}){const e=s(),n=m(),{colorPreference:i}=R(),l=u(t);return c(()=>{function r(){e.setOptions({headerStyle:null,statusBarStyle:"auto"})}if(!l){r();return}return e.setOptions({headerStyle:{backgroundColor:n.background},statusBarStyle:i==="dark"?"light":"dark"}),()=>{r()}},[n.background,i,l,e]),o(d,{children:t})}export function useBackOrCloseNavigation(){const t=s();return k(()=>{t.canGoBack()?t.goBack():x()},[t])}export function NavigationLeft({children:t,visible:e=!0}){const n=s();return c(()=>{if(!u(t)||!e){n.setOptions({headerLeft:null});return}n.setOptions({headerLeft:()=>o(d,{children:t})})},[t,n,e]),null}export function NavigationRight({children:t,visible:e=!0}){const n=s();return c(()=>{if(!u(t)||!e){n.setOptions({headerRight:null});return}n.setOptions({headerRight:()=>o(NavigationRightWrapper,{children:t})})},[t,n,e]),null}export function NavigationRightWrapper({children:t}){return o(f,{style:{marginRight:10,flexDirection:"row",justifyContent:"center",alignItems:"center",gap:4,marginLeft:4},children:t})}const h=I.get("window").width;export function NavigationContent({children:t,visible:e=!0,onPressTitle:n,horizontalSafeMargin:i=0,theme:l="light",withHome:r=!1}){const a=s(),y=m();return c(()=>{if(!u(t)||!e){a.setOptions({headerBackVisible:!1,headerTitle:null});return}a.setOptions({headerTitleAlign:"center",headerBackVisible:!1,headerTitle:()=>o(f,{style:{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",flex:1,marginLeft:B.OS==="ios"?-4:0,alignSelf:"flex-start"},children:o(f,{style:{flexDirection:"row",alignItems:"center",gap:5,maxWidth:h-i},children:n?o(N,{onPress:n,style:{flexDirection:"row",alignItems:"center",gap:5,height:34,paddingLeft:12,paddingRight:10,maxWidth:h-i,backgroundColor:l==="dark"&&!r?void 0:g[l].backgroundColor,borderRadius:99},children:t}):t})}),headerTintColor:v.grey900})},[y.greyOpacity50,t,i,a,n,l,e,r]),null}export function NavigationTitleIcon(t){const e=S(),i=L(e).t6.fontSize,r=Math.min(i,20),a={width:r,height:r,radius:5};return i>=22&&t.name!=="icon-home-mono"?null:t.name!==void 0?o(T.Icon,{name:t.name,frameShape:a}):o(O,{source:t.source,style:{overflow:"hidden",borderRadius:a.radius,width:a.width,height:a.height}})}export function NavigationTitleText({style:t,theme:e="light",...n}){return o(D,{limit:135,children:o(w,{typography:"t6",fontWeight:"semibold",color:g[e].titleTextColor,numberOfLines:1,ellipsizeMode:"tail",...n})})}export function NavigationBackButton({onPress:t,canGoBack:e=!0,theme:n="light"}){const i=useBackOrCloseNavigation();return o(p.BackButton,{tintColor:g[n].titleTextColor,accessibilityRole:"button",accessible:!0,accessibilityLabel:e?"\uB4A4\uB85C\uAC00\uAE30":"\uB2EB\uAE30",onPress:()=>{t?.(),e&&i()}})}export const NavigationIconButton=b(function(e,n){return o(p.RightIconButton,{ref:n,...e})});

package/dist/esm/extensions/page-navbar/PageNavbar.js

@@ -1 +1 @@
-"use strict";import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useNavigation as n}from"@granite-js/native/@react-navigation/native";import{colors as s}from"@toss-design-system/colors";import{useLayoutEffect as a}from"react";import{ReactNavigationNavbar as c}from"../../components/navbar";import{CompatAccessoryButton as l}from"./CompatAccessoryButton";import{TransparentNavigation as u}from"./components/TransparentNavigationBar/index";import{PageAccessoryButtons as m}from"./PageAccessoryButtons";import{PageTitle as p}from"./PageTitle";export function PageNavbar({children:o,preference:t={type:"showAlways"}}){const i=n();return a(()=>{i.setOptions({headerStyle:{backgroundColor:s.background},statusBarStyle:"dark",headerTintColor:s.grey900})},[i]),t.type==="transparent"?r(f,{children:o}):t.type==="none"?r(g,{children:o}):r(e,{children:o})}function g({children:o}){const t=n();return a(()=>{t.setOptions({headerShown:!1,headerLeft:()=>null,headerRight:()=>null,header:()=>null})},[t]),r(e,{children:o})}function f({children:o}){const t=n();return a(()=>{t.setOptions(u.screenOptions)},[t]),r(e,{children:o})}PageNavbar.Title=p,PageNavbar.AccessoryButtons=m,PageNavbar.AccessoryTextButton=c.RightTextButton,PageNavbar.AccessoryIconButton=c.RightIconButton,PageNavbar.TransparentScrollView=u.ScrollView,PageNavbar.AccessoryButton=l;
+"use strict";import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useNavigation as n}from"@granite-js/native/@react-navigation/native";import{colors as s}from"@toss/tds-colors";import{useLayoutEffect as a}from"react";import{ReactNavigationNavbar as c}from"../../components/navbar";import{CompatAccessoryButton as l}from"./CompatAccessoryButton";import{TransparentNavigation as u}from"./components/TransparentNavigationBar/index";import{PageAccessoryButtons as m}from"./PageAccessoryButtons";import{PageTitle as p}from"./PageTitle";export function PageNavbar({children:o,preference:t={type:"showAlways"}}){const i=n();return a(()=>{i.setOptions({headerStyle:{backgroundColor:s.background},statusBarStyle:"dark",headerTintColor:s.grey900})},[i]),t.type==="transparent"?r(f,{children:o}):t.type==="none"?r(g,{children:o}):r(e,{children:o})}function g({children:o}){const t=n();return a(()=>{t.setOptions({headerShown:!1,headerLeft:()=>null,headerRight:()=>null,header:()=>null})},[t]),r(e,{children:o})}function f({children:o}){const t=n();return a(()=>{t.setOptions(u.screenOptions)},[t]),r(e,{children:o})}PageNavbar.Title=p,PageNavbar.AccessoryButtons=m,PageNavbar.AccessoryTextButton=c.RightTextButton,PageNavbar.AccessoryIconButton=c.RightIconButton,PageNavbar.TransparentScrollView=u.ScrollView,PageNavbar.AccessoryButton=l;

package/dist/esm/extensions/page-navbar/components/TransparentNavigationBar/TransparentNavigationScrollView.js

@@ -1 +1 @@
-"use strict";import{jsx as t,Fragment as g,jsxs as v}from"react/jsx-runtime";import{IOScrollView as y,BlurView as i}from"@granite-js/react-native";import{useHeaderHeight as S}from"@granite-js/native/@react-navigation/elements";import{spring as b}from"@toss-design-system/easings";import{useAdaptive as h,useColorPreference as w}from"../../../../core/index";import{forwardRef as V,useCallback as x,useRef as j}from"react";import{Animated as o,StyleSheet as k}from"react-native";export const TransparentNavigationScrollView=V(function({scrollEventThrottle:a,onScroll:s,...l},c){const n=S(),u=h(),{colorPreference:m}=w(),r=j(new o.Value(0)).current,f={opacity:r},p=x(({isBlur:e})=>{o.spring(r,{toValue:e?1:0,useNativeDriver:!0,...b.quick}).start()},[r]);return v(g,{children:[t(y,{...l,ref:c,scrollEventThrottle:a??300,onScroll:e=>{const d=e.nativeEvent.contentOffset.y>0;p({isBlur:d}),s?.(e)}}),t(o.View,{style:[k.absoluteFill,{height:n},f],children:t(i,{blurType:m,blurAmount:10,vibrancyEffect:!0,style:[{height:n,backgroundColor:i.isSupported?void 0:u.background}]})})]})});
+"use strict";import{jsx as t,Fragment as g,jsxs as v}from"react/jsx-runtime";import{useHeaderHeight as y}from"@granite-js/native/@react-navigation/elements";import{BlurView as i,IOScrollView as S}from"@granite-js/react-native";import{spring as b}from"@toss/tds-easings";import{forwardRef as h,useCallback as w,useRef as V}from"react";import{Animated as o,StyleSheet as x}from"react-native";import{useAdaptive as j,useColorPreference as k}from"../../../../core/index";export const TransparentNavigationScrollView=h(function({scrollEventThrottle:a,onScroll:s,...l},c){const n=y(),u=j(),{colorPreference:m}=k(),r=V(new o.Value(0)).current,f={opacity:r},p=w(({isBlur:e})=>{o.spring(r,{toValue:e?1:0,useNativeDriver:!0,...b.quick}).start()},[r]);return v(g,{children:[t(S,{...l,ref:c,scrollEventThrottle:a??300,onScroll:e=>{const d=e.nativeEvent.contentOffset.y>0;p({isBlur:d}),s?.(e)}}),t(o.View,{style:[x.absoluteFill,{height:n},f],children:t(i,{blurType:m,blurAmount:10,vibrancyEffect:!0,style:[{height:n,backgroundColor:i.isSupported?void 0:u.background}]})})]})});

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

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

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

@@ -1 +1 @@
-"use strict";import{spring as e}from"@toss-design-system/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";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/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-design-system/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";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()}})]})})}

package/dist/esm/index.d.ts

@@ -19,13 +19,25 @@ 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';
@@ -35,31 +47,18 @@ 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/bridge';
+export * from './extensions/external-web-view-screen';
 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';
+export * from './extensions/partner-web-view-screen';
+export * from './extensions/tab-view';
 /** util 컴포넌트 */
 export * from './interactions/pressable-effect';
 /** 기타 컴포넌트 */
 export * from './components/carousel';
 /** 단일 Provider */
 export { TDSProvider } from './core';
-export { colors } from '@toss-design-system/colors';
+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/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";export*from"./interactions/pressable-effect";export*from"./components/carousel";export{TDSProvider}from"./core";export{colors}from"@toss-design-system/colors";
+"use strict";export*from"./components/agreement";export*from"./components/amount-top";export*from"./components/asset";export*from"./components/badge";export*from"./components/board-row";export*from"./components/border";export*from"./components/bottom-cta";export*from"./components/bottom-info";export*from"./components/bottom-sheet";export*from"./components/button";export*from"./components/checkbox";export*from"./components/dialog";export*from"./components/dropdown";export*from"./components/grid-list";export*from"./components/icon";export*from"./components/list";export*from"./components/list-footer";export*from"./components/list-header";export*from"./components/list-row";export*from"./components/loader";export*from"./components/chart";export*from"./components/error-page";export*from"./components/fixed-bottom-cta";export*from"./components/gradient";export*from"./components/highlight";export*from"./components/icon-button";export*from"./components/keypad";export*from"./components/numeric-spinner";export*from"./components/post";export*from"./components/progress-bar";export*from"./components/radio";export*from"./components/rating";export*from"./components/result";export*from"./components/search-field";export*from"./components/segmented-control";export*from"./components/shadow";export*from"./components/skeleton";export*from"./components/slider";export*from"./components/stepper-row";export*from"./components/switch";export*from"./components/tab";export*from"./components/table-row";export*from"./components/text-button";export*from"./components/text-field";export*from"./components/toast";export*from"./components/tooltip";export*from"./components/top";export*from"./components/txt";export*from"./extensions/bridge";export*from"./extensions/external-web-view-screen";export*from"./extensions/overlay-extension";export*from"./extensions/page-navbar";export{tdsEvent}from"./extensions/partner-navigation/event";export*from"./extensions/partner-web-view-screen";export*from"./extensions/tab-view";export*from"./interactions/pressable-effect";export*from"./components/carousel";export{TDSProvider}from"./core";export{colors}from"@toss/tds-colors";

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

@@ -27,11 +27,11 @@ export type SpringAnimationConfig = Animated.SpringAnimationConfig & {
 };
 /**
  *
- * `@toss-design-system/easings`의 `spring` 토큰을 사용하여 스프링 애니메이션을 생성합니다.
+ * `@toss/tds-easings`의 `spring` 토큰을 사용하여 스프링 애니메이션을 생성합니다.
  *
  * @example
  * ```ts
- * import { spring } from '@toss-design-system/easings';
+ * import { spring } from '@toss/tds-easings';
  * import { Animated } from '';
  *
  * const value = new Animated.Value(0);

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

@@ -1 +1 @@
-"use strict";import{Animated as c}from"react-native";import{getSpringEasing as f}from"@toss-design-system/spring-easing";export const spring=function(n,t){const{stiffness:i,damping:o,velocity:r,tolerance:s,mass:e,...a}=t,{duration:g,easeFunction:m}=f({stiffness:i,damping:o,velocity:r,tolerance:s,mass:e});return c.timing(n,{...a,easing:m,duration:g*1e3})};
+"use strict";import{getSpringEasing as c}from"@toss/tds-spring-easing";import{Animated as f}from"react-native";export const spring=function(n,t){const{stiffness:i,damping:o,velocity:r,tolerance:s,mass:e,...a}=t,{duration:g,easeFunction:m}=c({stiffness:i,damping:o,velocity:r,tolerance:s,mass:e});return f.timing(n,{...a,easing:m,duration:g*1e3})};

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

@@ -1 +1 @@
-"use strict";import{bezier as s}from"@toss-design-system/easings";import{useCallback as o,useRef as l}from"react";import{Animated as e,Easing as m}from"react-native";export function useWiggleAnimation({direction:a,type:r}){const t=l(new e.Value(0)).current;return{startWiggle:o(()=>{const n=u[r].map(i=>e.timing(t,{toValue:i,duration:87.5,easing:m.bezier(...s.linear),useNativeDriver:!0}));e.sequence(n).start()},[t,r]),style:{transform:[a==="x"?{translateX:t}:{translateY:t}]}}}const u={small:[2,-2,1,-1],big:[4,-4,2,-2]};
+"use strict";import{bezier as s}from"@toss/tds-easings";import{useCallback as o,useRef as l}from"react";import{Animated as e,Easing as m}from"react-native";export function useWiggleAnimation({direction:a,type:r}){const t=l(new e.Value(0)).current;return{startWiggle:o(()=>{const n=u[r].map(i=>e.timing(t,{toValue:i,duration:87.5,easing:m.bezier(...s.linear),useNativeDriver:!0}));e.sequence(n).start()},[t,r]),style:{transform:[a==="x"?{translateX:t}:{translateY:t}]}}}const u={small:[2,-2,1,-1],big:[4,-4,2,-2]};

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

@@ -1 +1 @@
-"use strict";import{useCallback as o,useRef as u}from"react";import{Animated as e}from"react-native";import{spring as i}from"@toss-design-system/easings";export function usePressAnim({pressIn:n,pressOut:r}){const t=u(new e.Value(r.scale)).current,a=u(new e.Value(r.opacity)).current,c=o(()=>{e.parallel([e.spring(t,{toValue:n.scale,useNativeDriver:!0,...i.rapid}),e.spring(a,{toValue:n.opacity,useNativeDriver:!0,...i.rapid})]).start()},[t,a,n]),l=o(()=>{e.parallel([e.spring(t,{toValue:r.scale,useNativeDriver:!0,...i.quick}),e.spring(a,{toValue:r.opacity,useNativeDriver:!0,...i.quick})]).start()},[t,a,r]);return{scaleAnim:t,opacityAnim:a,startPressInAnim:c,startPressOutAnim:l}}
+"use strict";import{spring as i}from"@toss/tds-easings";import{useCallback as o,useRef as u}from"react";import{Animated as e}from"react-native";export function usePressAnim({pressIn:n,pressOut:r}){const t=u(new e.Value(r.scale)).current,a=u(new e.Value(r.opacity)).current,c=o(()=>{e.parallel([e.spring(t,{toValue:n.scale,useNativeDriver:!0,...i.rapid}),e.spring(a,{toValue:n.opacity,useNativeDriver:!0,...i.rapid})]).start()},[t,a,n]),l=o(()=>{e.parallel([e.spring(t,{toValue:r.scale,useNativeDriver:!0,...i.quick}),e.spring(a,{toValue:r.opacity,useNativeDriver:!0,...i.quick})]).start()},[t,a,r]);return{scaleAnim:t,opacityAnim:a,startPressInAnim:c,startPressOutAnim:l}}

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

@@ -20,5 +20,5 @@ type DefaultStyles = {
  */
 export declare const defaultStyles: DefaultStyles;
 export declare const defaultDuration = 500;
-export declare const defaultEasing: import("@toss-design-system/easings").CubicBezier;
+export declare const defaultEasing: import("@toss/tds-easings").CubicBezier;
 export {};

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

@@ -1 +1 @@
-"use strict";import{bezier as t}from"@toss-design-system/easings";export const 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"},defaultDuration=500,defaultEasing=t.out;
+"use strict";import{bezier as t}from"@toss/tds-easings";export const 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"},defaultDuration=500,defaultEasing=t.out;

package/dist/esm/interactions/rally/presets/effects/bounce.js

@@ -1 +1 @@
-"use strict";import{bezier as t}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as o}from"../../utils";import{overrideEffect as r}from"../helper/override";import{DefaultEffectType as n}from"./default";const i={small:[{translateY:{to:"+=40%",easing:t.ease,duration:o(.15)},scaleY:{to:"-=0.1",easing:t.ease,duration:o(.1),delay:o(.05)},scaleX:{to:"+=0.02",easing:t.ease,duration:o(.1),delay:o(.05)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:o(.15)}},{translateY:{to:"-=40%",easing:t.out,duration:o(.25)},scaleY:{to:"+=0.1",easing:t.out,duration:o(.25)},scaleX:{to:"-=0.02",easing:t.out,duration:o(.25)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:o(.25)}}],big:[{translateY:{to:"+=80%",easing:t.ease,duration:o(.25)},scaleY:{to:"-=0.1",easing:t.ease,duration:o(.15),delay:o(.1)},scaleX:{to:"+=0.02",easing:t.ease,duration:o(.15),delay:o(.1)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:o(.25)}},{translateY:{to:"-=80%",easing:t.out,duration:o(.35)},scaleY:{to:"+=0.1",easing:t.out,duration:o(.35)},scaleX:{to:"-=0.02",easing:t.out,duration:o(.35)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:o(.35)}}]};export const bounce=({type:a=n,override:e})=>r(i[a],e);
+"use strict";import{bezier as t}from"@toss/tds-easings";import{convertSecondsToMilliseconds as o}from"../../utils";import{overrideEffect as r}from"../helper/override";import{DefaultEffectType as n}from"./default";const i={small:[{translateY:{to:"+=40%",easing:t.ease,duration:o(.15)},scaleY:{to:"-=0.1",easing:t.ease,duration:o(.1),delay:o(.05)},scaleX:{to:"+=0.02",easing:t.ease,duration:o(.1),delay:o(.05)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:o(.15)}},{translateY:{to:"-=40%",easing:t.out,duration:o(.25)},scaleY:{to:"+=0.1",easing:t.out,duration:o(.25)},scaleX:{to:"-=0.02",easing:t.out,duration:o(.25)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:o(.25)}}],big:[{translateY:{to:"+=80%",easing:t.ease,duration:o(.25)},scaleY:{to:"-=0.1",easing:t.ease,duration:o(.15),delay:o(.1)},scaleX:{to:"+=0.02",easing:t.ease,duration:o(.15),delay:o(.1)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:o(.25)}},{translateY:{to:"-=80%",easing:t.out,duration:o(.35)},scaleY:{to:"+=0.1",easing:t.out,duration:o(.35)},scaleX:{to:"-=0.02",easing:t.out,duration:o(.35)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:o(.35)}}]};export const bounce=({type:a=n,override:e})=>r(i[a],e);

package/dist/esm/interactions/rally/presets/effects/float.js

@@ -1 +1 @@
-"use strict";import{bezier as t}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as o}from"../../utils";import{overrideEffect as a}from"../helper/override";import{DefaultEffectType as n}from"./default";const i={small:[{translateY:{to:"-=20%",easing:t.out,duration:o(.8)}},{translateY:{to:"+=20%",easing:t.out,duration:o(.7)}}],big:[{translateY:{to:"-=35%",easing:t.out,duration:o(1)}},{translateY:{to:"+=35%",easing:t.out,duration:o(.9)}}]};export const float=({type:r=n,override:e})=>a(i[r],e);
+"use strict";import{bezier as t}from"@toss/tds-easings";import{convertSecondsToMilliseconds as o}from"../../utils";import{overrideEffect as a}from"../helper/override";import{DefaultEffectType as n}from"./default";const i={small:[{translateY:{to:"-=20%",easing:t.out,duration:o(.8)}},{translateY:{to:"+=20%",easing:t.out,duration:o(.7)}}],big:[{translateY:{to:"-=35%",easing:t.out,duration:o(1)}},{translateY:{to:"+=35%",easing:t.out,duration:o(.9)}}]};export const float=({type:r=n,override:e})=>a(i[r],e);

package/dist/esm/interactions/rally/presets/effects/pulse.js

@@ -1 +1 @@
-"use strict";import{bezier as o}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as t}from"../../utils";import{overrideEffect as i}from"../helper/override";import{DefaultEffectType as n}from"./default";const s={small:[{scale:{to:"+=0.03",easing:o.out,duration:t(.15)}},{scale:{to:"-=0.03",easing:o.out,duration:t(.15)}}],big:[{scale:{to:"+=0.1",easing:o.out,duration:t(.15)}},{scale:{to:"-=0.1",easing:o.out,duration:t(.15)}}]};export const pulse=({type:e=n,override:r})=>i(s[e],r);
+"use strict";import{bezier as o}from"@toss/tds-easings";import{convertSecondsToMilliseconds as t}from"../../utils";import{overrideEffect as i}from"../helper/override";import{DefaultEffectType as n}from"./default";const s={small:[{scale:{to:"+=0.03",easing:o.out,duration:t(.15)}},{scale:{to:"-=0.03",easing:o.out,duration:t(.15)}}],big:[{scale:{to:"+=0.1",easing:o.out,duration:t(.15)}},{scale:{to:"-=0.1",easing:o.out,duration:t(.15)}}]};export const pulse=({type:e=n,override:r})=>i(s[e],r);

package/dist/esm/interactions/rally/presets/effects/ripple.js

@@ -1 +1 @@
-"use strict";import{bezier as e}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as i}from"../../utils";import{overrideEffect as m}from"../helper/override";import{DefaultEffectType as c}from"./default";const f={small:"+=1.15",big:"+=1.4"};export const ripple=({type:o=c,override:r})=>{const t=[{opacity:{from:1,to:0},scale:{from:1,to:f[o]},easing:e.out,duration:i(.8)}];return m(t,r)};
+"use strict";import{bezier as e}from"@toss/tds-easings";import{convertSecondsToMilliseconds as i}from"../../utils";import{overrideEffect as m}from"../helper/override";import{DefaultEffectType as c}from"./default";const f={small:"+=1.15",big:"+=1.4"};export const ripple=({type:o=c,override:r})=>{const t=[{opacity:{from:1,to:0},scale:{from:1,to:f[o]},easing:e.out,duration:i(.8)}];return m(t,r)};

package/dist/esm/interactions/rally/presets/effects/shiver.js

@@ -1 +1 @@
-"use strict";import{bezier as r}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as o}from"../../utils";import{overrideEffect as n}from"../helper/override";import{DefaultEffectType as e}from"./default";const f={small:[{rotate:{to:"-=1"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:r.linear,duration:o(.075)},{rotate:{to:"+=2"},transformOriginX:{to:"55%"},transformOriginY:{to:"55%"},easing:r.linear,duration:o(.075)},{rotate:{to:"-=1.5"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:r.linear,duration:o(.075)},{rotate:{to:"+=0.5"},transformOriginX:{to:"50%"},transformOriginY:{to:"50%"},easing:r.linear,duration:o(.075)}],big:[{rotate:{to:"-=2"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:r.linear,duration:o(.075)},{rotate:{to:"+=4"},transformOriginX:{to:"55%"},transformOriginY:{to:"55%"},easing:r.linear,duration:o(.075)},{rotate:{to:"-=3"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:r.linear,duration:o(.075)},{rotate:{to:"+=1"},transformOriginX:{to:"50%"},transformOriginY:{to:"50%"},easing:r.linear,duration:o(.075)}]},s={small:[{rotate:{from:"-=0.6",to:"+=0.6"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:r.linear,duration:o(.12)},{rotate:{from:"+=0",to:"-=1.2"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:r.linear,duration:o(.12)}],big:[{rotate:{from:"-=1.2deg",to:"+=1.2deg"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:r.linear,duration:o(.12)},{rotate:{from:"+=0deg",to:"-=2.4deg"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:r.linear,duration:o(.12)}]};export const shiver=({type:t=e,repeatType:a,override:i})=>a==="infinite"?n(s[t],i):n(f[t],i);
+"use strict";import{bezier as r}from"@toss/tds-easings";import{convertSecondsToMilliseconds as o}from"../../utils";import{overrideEffect as n}from"../helper/override";import{DefaultEffectType as e}from"./default";const f={small:[{rotate:{to:"-=1"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:r.linear,duration:o(.075)},{rotate:{to:"+=2"},transformOriginX:{to:"55%"},transformOriginY:{to:"55%"},easing:r.linear,duration:o(.075)},{rotate:{to:"-=1.5"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:r.linear,duration:o(.075)},{rotate:{to:"+=0.5"},transformOriginX:{to:"50%"},transformOriginY:{to:"50%"},easing:r.linear,duration:o(.075)}],big:[{rotate:{to:"-=2"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:r.linear,duration:o(.075)},{rotate:{to:"+=4"},transformOriginX:{to:"55%"},transformOriginY:{to:"55%"},easing:r.linear,duration:o(.075)},{rotate:{to:"-=3"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:r.linear,duration:o(.075)},{rotate:{to:"+=1"},transformOriginX:{to:"50%"},transformOriginY:{to:"50%"},easing:r.linear,duration:o(.075)}]},s={small:[{rotate:{from:"-=0.6",to:"+=0.6"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:r.linear,duration:o(.12)},{rotate:{from:"+=0",to:"-=1.2"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:r.linear,duration:o(.12)}],big:[{rotate:{from:"-=1.2deg",to:"+=1.2deg"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:r.linear,duration:o(.12)},{rotate:{from:"+=0deg",to:"-=2.4deg"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:r.linear,duration:o(.12)}]};export const shiver=({type:t=e,repeatType:a,override:i})=>a==="infinite"?n(s[t],i):n(f[t],i);

package/dist/esm/interactions/rally/presets/effects/wiggle.js

@@ -1 +1 @@
-"use strict";import{bezier as a}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as t}from"../../utils";import{overrideEffect as i}from"../helper/override";import{DefaultEffectType as o}from"./default";const l={x:{small:[{translateX:{to:"+=2"},easing:a.linear,duration:t(.0875)},{translateX:{to:"-=4"},easing:a.linear,duration:t(.0875)},{translateX:{to:"+=3"},easing:a.linear,duration:t(.0875)},{translateX:{to:"-=1"},easing:a.linear,duration:t(.0875)}],big:[{translateX:{to:"+=4"},easing:a.linear,duration:t(.0875)},{translateX:{to:"-=8"},easing:a.linear,duration:t(.0875)},{translateX:{to:"+=6"},easing:a.linear,duration:t(.0875)},{translateX:{to:"-=2",easing:a.linear,duration:t(.0875)},easing:a.linear,duration:t(.0875)}]},y:{small:[{translateY:{to:"+=2"},easing:a.linear,duration:t(.0875)},{translateY:{to:"-=4"},easing:a.linear,duration:t(.0875)},{translateY:{to:"+=3"},easing:a.linear,duration:t(.0875)},{translateY:{to:"-=1"},easing:a.linear,duration:t(.0875)}],big:[{translateY:{to:"+=4"},easing:a.linear,duration:t(.0875)},{translateY:{to:"-=8"},easing:a.linear,duration:t(.0875)},{translateY:{to:"+=6"},easing:a.linear,duration:t(.0875)},{translateY:{to:"-=2"},easing:a.linear,duration:t(.0875)}]}};export const wiggle=({type:n=o,direction:r="x",override:e})=>i(l[r][n],e);
+"use strict";import{bezier as a}from"@toss/tds-easings";import{convertSecondsToMilliseconds as t}from"../../utils";import{overrideEffect as i}from"../helper/override";import{DefaultEffectType as o}from"./default";const l={x:{small:[{translateX:{to:"+=2"},easing:a.linear,duration:t(.0875)},{translateX:{to:"-=4"},easing:a.linear,duration:t(.0875)},{translateX:{to:"+=3"},easing:a.linear,duration:t(.0875)},{translateX:{to:"-=1"},easing:a.linear,duration:t(.0875)}],big:[{translateX:{to:"+=4"},easing:a.linear,duration:t(.0875)},{translateX:{to:"-=8"},easing:a.linear,duration:t(.0875)},{translateX:{to:"+=6"},easing:a.linear,duration:t(.0875)},{translateX:{to:"-=2",easing:a.linear,duration:t(.0875)},easing:a.linear,duration:t(.0875)}]},y:{small:[{translateY:{to:"+=2"},easing:a.linear,duration:t(.0875)},{translateY:{to:"-=4"},easing:a.linear,duration:t(.0875)},{translateY:{to:"+=3"},easing:a.linear,duration:t(.0875)},{translateY:{to:"-=1"},easing:a.linear,duration:t(.0875)}],big:[{translateY:{to:"+=4"},easing:a.linear,duration:t(.0875)},{translateY:{to:"-=8"},easing:a.linear,duration:t(.0875)},{translateY:{to:"+=6"},easing:a.linear,duration:t(.0875)},{translateY:{to:"-=2"},easing:a.linear,duration:t(.0875)}]}};export const wiggle=({type:n=o,direction:r="x",override:e})=>i(l[r][n],e);

package/dist/esm/interactions/rally/presets/effects/wiggle3d.js

@@ -1 +1 @@
-"use strict";import{bezier as o}from"@toss-design-system/easings";import{getPerspectiveOnWidth as t}from"../../constants/perspertive";import{convertSecondsToMilliseconds as r}from"../../utils";import{overrideEffect as s}from"../helper/override";import{DefaultEffectType as i}from"./default";const g={x:{small:[{perspective:{from:t.strong,to:t.strong},rotateY:{to:"+=6"},translateX:{to:"+=6"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"-=12"},translateX:{to:"-=12"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"+=9"},translateX:{to:"+=9"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"-=3"},translateX:{to:"-=3"},easing:o.linear,duration:r(.125)}],big:[{perspective:{from:t.strong,to:t.strong},rotateY:{to:"+=10"},translateX:{to:"+=10"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"-=20"},translateX:{to:"-=20"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"+=15"},translateX:{to:"+=15"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"-=5"},translateX:{to:"-=5"},easing:o.linear,duration:r(.125)}]},y:{small:[{perspective:{from:t.strong,to:t.strong},rotateX:{to:"+=8"},translateY:{to:"-=6"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"-=12"},translateY:{to:"+=12"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"+=7.5"},translateY:{to:"-=9"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"-=3.5"},translateY:{to:"+=3"},easing:o.linear,duration:r(.125)}],big:[{perspective:{from:t.strong,to:t.strong},rotateX:{to:"+=15"},translateY:{to:"-=10"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"-=25"},translateY:{to:"+=20"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"+=17.5"},translateY:{to:"-=15"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"-=7.5"},translateY:{to:"+=5"},easing:o.linear,duration:r(.125)}]}};export const wiggle3d=({type:e=i,direction:n,override:a})=>s(g[n][e],a);
+"use strict";import{bezier as o}from"@toss/tds-easings";import{getPerspectiveOnWidth as t}from"../../constants/perspertive";import{convertSecondsToMilliseconds as r}from"../../utils";import{overrideEffect as s}from"../helper/override";import{DefaultEffectType as i}from"./default";const g={x:{small:[{perspective:{from:t.strong,to:t.strong},rotateY:{to:"+=6"},translateX:{to:"+=6"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"-=12"},translateX:{to:"-=12"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"+=9"},translateX:{to:"+=9"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"-=3"},translateX:{to:"-=3"},easing:o.linear,duration:r(.125)}],big:[{perspective:{from:t.strong,to:t.strong},rotateY:{to:"+=10"},translateX:{to:"+=10"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"-=20"},translateX:{to:"-=20"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"+=15"},translateX:{to:"+=15"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateY:{to:"-=5"},translateX:{to:"-=5"},easing:o.linear,duration:r(.125)}]},y:{small:[{perspective:{from:t.strong,to:t.strong},rotateX:{to:"+=8"},translateY:{to:"-=6"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"-=12"},translateY:{to:"+=12"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"+=7.5"},translateY:{to:"-=9"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"-=3.5"},translateY:{to:"+=3"},easing:o.linear,duration:r(.125)}],big:[{perspective:{from:t.strong,to:t.strong},rotateX:{to:"+=15"},translateY:{to:"-=10"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"-=25"},translateY:{to:"+=20"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"+=17.5"},translateY:{to:"-=15"},easing:o.linear,duration:r(.125)},{perspective:{from:t.strong,to:t.strong},rotateX:{to:"-=7.5"},translateY:{to:"+=5"},easing:o.linear,duration:r(.125)}]}};export const wiggle3d=({type:e=i,direction:n,override:a})=>s(g[n][e],a);

package/dist/esm/interactions/rally/presets/transitions/fade.js

@@ -1 +1 @@
-"use strict";import{bezier as o}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as s}from"../../utils";import{overrideTransition as a}from"../helper/override";import{DefaultTransitionSpeed as p}from"./default";const c={slow:o.linear,fast:o.ease},f={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}},m=s(.6);export function fade({type:r,speed:t=p,override:e}){const i=c[t],n=f[r];return a({...n,easing:i,duration:m},e)}
+"use strict";import{bezier as o}from"@toss/tds-easings";import{convertSecondsToMilliseconds as s}from"../../utils";import{overrideTransition as a}from"../helper/override";import{DefaultTransitionSpeed as p}from"./default";const c={slow:o.linear,fast:o.ease},f={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}},m=s(.6);export function fade({type:r,speed:t=p,override:e}){const i=c[t],n=f[r];return a({...n,easing:i,duration:m},e)}

package/dist/esm/interactions/rally/presets/transitions/flip.js

@@ -1 +1 @@
-"use strict";import{bezier as r}from"@toss-design-system/easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as e}from"../../utils";import{overrideTransition as f}from"../helper/override";import{DefaultTransitionSpeed as m}from"./default";const c={slow:r.ease,fast:r.expo},g={slow:e(.6),fast:e(.8)},d={in:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"-70deg",to:"0deg"},opacity:{from:0,to:1}},out:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"0deg",to:"70deg"},opacity:{from:1,to:0}}};export function flip({type:i,speed:t=m,override:n}){const s=c[t],p=g[t],a=d[i];return f({...a,easing:s,duration:p},n)}
+"use strict";import{bezier as r}from"@toss/tds-easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as e}from"../../utils";import{overrideTransition as f}from"../helper/override";import{DefaultTransitionSpeed as m}from"./default";const c={slow:r.ease,fast:r.expo},g={slow:e(.6),fast:e(.8)},d={in:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"-70deg",to:"0deg"},opacity:{from:0,to:1}},out:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"0deg",to:"70deg"},opacity:{from:1,to:0}}};export function flip({type:i,speed:t=m,override:n}){const s=c[t],p=g[t],a=d[i];return f({...a,easing:s,duration:p},n)}

package/dist/esm/interactions/rally/presets/transitions/flipBounce.js

@@ -1 +1 @@
-"use strict";import{bezier as c}from"@toss-design-system/easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as t}from"../../utils";import{overrideTransition as m}from"../helper/override";import{DefaultTransitionSpeed as f}from"./default";const a={slow:t(.8),fast:t(.55)},d={in:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"-70deg",to:"0deg"},opacity:{from:0,to:1}},out:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"0deg",to:"70deg"},opacity:{from:1,to:0}}};export function flipBounce({type:r,speed:e=f,override:i}){const n=c.back,s=a[e],p=d[r];return m({...p,easing:n,duration:s},i)}
+"use strict";import{bezier as c}from"@toss/tds-easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as t}from"../../utils";import{overrideTransition as m}from"../helper/override";import{DefaultTransitionSpeed as f}from"./default";const a={slow:t(.8),fast:t(.55)},d={in:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"-70deg",to:"0deg"},opacity:{from:0,to:1}},out:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"0deg",to:"70deg"},opacity:{from:1,to:0}}};export function flipBounce({type:r,speed:e=f,override:i}){const n=c.back,s=a[e],p=d[r];return m({...p,easing:n,duration:s},i)}

package/dist/esm/interactions/rally/presets/transitions/roll.js

@@ -1 +1 @@
-"use strict";import{bezier as r}from"@toss-design-system/easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as e}from"../../utils";import{overrideTransition as m}from"../helper/override";import{DefaultTransitionSpeed as f}from"./default";const c={slow:r.out,fast:r.expo},l={slow:e(.6),fast:e(.8)},g={in:{perspective:{from:o.strong,to:o.strong},opacity:{from:0,to:1},rotateX:{from:"-70deg",to:"0deg"},scale:{from:.8,to:1},translateY:{from:"50%",to:"0%"}},out:{perspective:{from:o.strong,to:o.strong},opacity:{from:1,to:0},rotateX:{from:0,to:"70deg"},scale:{from:1,to:.8},translateY:{from:"0%",to:"-50%"}}};export function roll({type:s,speed:t=f,override:n}){const i=c[t],a=l[t],p=g[s];return m({...p,easing:i,duration:a},n)}
+"use strict";import{bezier as r}from"@toss/tds-easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as e}from"../../utils";import{overrideTransition as m}from"../helper/override";import{DefaultTransitionSpeed as f}from"./default";const c={slow:r.out,fast:r.expo},l={slow:e(.6),fast:e(.8)},g={in:{perspective:{from:o.strong,to:o.strong},opacity:{from:0,to:1},rotateX:{from:"-70deg",to:"0deg"},scale:{from:.8,to:1},translateY:{from:"50%",to:"0%"}},out:{perspective:{from:o.strong,to:o.strong},opacity:{from:1,to:0},rotateX:{from:0,to:"70deg"},scale:{from:1,to:.8},translateY:{from:"0%",to:"-50%"}}};export function roll({type:s,speed:t=f,override:n}){const i=c[t],a=l[t],p=g[s];return m({...p,easing:i,duration:a},n)}

package/dist/esm/interactions/rally/presets/transitions/rollBounce.js

@@ -1 +1 @@
-"use strict";import{bezier as m}from"@toss-design-system/easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as t}from"../../utils";import{overrideTransition as p}from"../helper/override";import{DefaultTransitionSpeed as c}from"./default";const f={slow:t(.8),fast:t(.55)},d={in:{perspective:{from:o.strong,to:o.strong},opacity:{from:0,to:1},rotateX:{from:"-70deg",to:"0deg"},scale:{from:.8,to:1},translateY:{from:"50%",to:"0%"}},out:{perspective:{from:o.strong,to:o.strong},opacity:{from:1,to:0},rotateX:{from:0,to:"70deg"},scale:{from:1,to:.8},translateY:{from:"0%",to:"-50%"}}};export function rollBounce({type:r,speed:e=c,override:n}){const i=m.back,s=f[e],a=d[r];return p({...a,easing:i,duration:s},n)}
+"use strict";import{bezier as m}from"@toss/tds-easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as t}from"../../utils";import{overrideTransition as p}from"../helper/override";import{DefaultTransitionSpeed as c}from"./default";const f={slow:t(.8),fast:t(.55)},d={in:{perspective:{from:o.strong,to:o.strong},opacity:{from:0,to:1},rotateX:{from:"-70deg",to:"0deg"},scale:{from:.8,to:1},translateY:{from:"50%",to:"0%"}},out:{perspective:{from:o.strong,to:o.strong},opacity:{from:1,to:0},rotateX:{from:0,to:"70deg"},scale:{from:1,to:.8},translateY:{from:"0%",to:"-50%"}}};export function rollBounce({type:r,speed:e=c,override:n}){const i=m.back,s=f[e],a=d[r];return p({...a,easing:i,duration:s},n)}

package/dist/esm/interactions/rally/presets/transitions/scale.js

@@ -1 +1 @@
-"use strict";import{bezier as r}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as t}from"../../utils";import{overrideTransition as f}from"../helper/override";import{DefaultTransitionSpeed as m}from"./default";const c={slow:r.out,fast:r.expo},p={slow:t(.6),fast:t(.8)},l={in:{opacity:{from:0,to:1},scale:{from:.6,to:1},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}},out:{opacity:{from:1,to:0},scale:{from:1,to:.6},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}}};export function scale({type:i,speed:o=m,override:n}){const s=c[o],a=p[o],e=l[i];return f({...e,easing:s,duration:a},n)}
+"use strict";import{bezier as r}from"@toss/tds-easings";import{convertSecondsToMilliseconds as t}from"../../utils";import{overrideTransition as f}from"../helper/override";import{DefaultTransitionSpeed as m}from"./default";const c={slow:r.out,fast:r.expo},p={slow:t(.6),fast:t(.8)},l={in:{opacity:{from:0,to:1},scale:{from:.6,to:1},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}},out:{opacity:{from:1,to:0},scale:{from:1,to:.6},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}}};export function scale({type:i,speed:o=m,override:n}){const s=c[o],a=p[o],e=l[i];return f({...e,easing:s,duration:a},n)}

package/dist/esm/interactions/rally/presets/transitions/scaleBounce.js

@@ -1 +1 @@
-"use strict";import{bezier as m}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as o}from"../../utils";import{overrideTransition as a}from"../helper/override";import{DefaultTransitionSpeed as f}from"./default";const c={slow:o(.8),fast:o(.55)},p={in:{opacity:{from:0,to:1},scale:{from:.6,to:1},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}},out:{opacity:{from:1,to:0},scale:{from:1,to:.6},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}}};export function scaleBounce({type:r,speed:t=f,override:i}){const n=m.back,s=c[t],e=p[r];return a({...e,easing:n,duration:s},i)}
+"use strict";import{bezier as m}from"@toss/tds-easings";import{convertSecondsToMilliseconds as o}from"../../utils";import{overrideTransition as a}from"../helper/override";import{DefaultTransitionSpeed as f}from"./default";const c={slow:o(.8),fast:o(.55)},p={in:{opacity:{from:0,to:1},scale:{from:.6,to:1},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}},out:{opacity:{from:1,to:0},scale:{from:1,to:.6},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}}};export function scaleBounce({type:r,speed:t=f,override:i}){const n=m.back,s=c[t],e=p[r];return a({...e,easing:n,duration:s},i)}

package/dist/esm/interactions/rally/presets/transitions/slide.js

@@ -1 +1 @@
-"use strict";import{bezier as r}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as n}from"../../utils";import{overrideTransition as m}from"../helper/override";import{DefaultTransitionSpeed as x}from"./default";const l={slow:r.out,fast:r.expo},c={slow:n(.6),fast:n(.8)},u={"in-left":{translateX:{from:"50px",to:"0px"}},"in-right":{translateX:{from:"-50px",to:"0px"}},"in-up":{translateY:{from:"80px",to:"0px"}},"in-down":{translateY:{from:"-80px",to:"0px"}},"out-left":{translateX:{from:"0px",to:"-50px"}},"out-right":{translateX:{from:"0px",to:"50px"}},"out-up":{translateY:{from:"0px",to:"-80px"}},"out-down":{translateY:{from:"0px",to:"80px"}}},d={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}};export function slide({type:t,speed:o=x,direction:p,hasOpacityMotion:a=!0,override:i}){const s=l[o],e=c[o],f={...u[`${t}-${p}`],...a&&d[t]};return m({...f,easing:s,duration:e},i)}
+"use strict";import{bezier as r}from"@toss/tds-easings";import{convertSecondsToMilliseconds as n}from"../../utils";import{overrideTransition as m}from"../helper/override";import{DefaultTransitionSpeed as x}from"./default";const l={slow:r.out,fast:r.expo},c={slow:n(.6),fast:n(.8)},u={"in-left":{translateX:{from:"50px",to:"0px"}},"in-right":{translateX:{from:"-50px",to:"0px"}},"in-up":{translateY:{from:"80px",to:"0px"}},"in-down":{translateY:{from:"-80px",to:"0px"}},"out-left":{translateX:{from:"0px",to:"-50px"}},"out-right":{translateX:{from:"0px",to:"50px"}},"out-up":{translateY:{from:"0px",to:"-80px"}},"out-down":{translateY:{from:"0px",to:"80px"}}},d={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}};export function slide({type:t,speed:o=x,direction:p,hasOpacityMotion:a=!0,override:i}){const s=l[o],e=c[o],f={...u[`${t}-${p}`],...a&&d[t]};return m({...f,easing:s,duration:e},i)}

package/dist/esm/interactions/rally/presets/transitions/slideBounce.js

@@ -1 +1 @@
-"use strict";import{bezier as f}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as o}from"../../utils";import{overrideTransition as m}from"../helper/override";import{DefaultTransitionSpeed as x}from"./default";const c={slow:o(.8),fast:o(.55)},l={"in-left":{translateX:{from:"50px",to:"0px"}},"in-right":{translateX:{from:"-50px",to:"0px"}},"in-up":{translateY:{from:"80px",to:"0px"}},"in-down":{translateY:{from:"-80px",to:"0px"}},"out-left":{translateX:{from:"0px",to:"-50px"}},"out-right":{translateX:{from:"0px",to:"50px"}},"out-up":{translateY:{from:"0px",to:"-80px"}},"out-down":{translateY:{from:"0px",to:"80px"}}},u={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}};export function slideBounce({type:t,speed:r=x,direction:n,hasOpacityMotion:p=!0,override:a}){const e=f.back,i=c[r],s={...l[`${t}-${n}`],...p&&u[t]};return m({...s,easing:e,duration:i},a)}
+"use strict";import{bezier as f}from"@toss/tds-easings";import{convertSecondsToMilliseconds as o}from"../../utils";import{overrideTransition as m}from"../helper/override";import{DefaultTransitionSpeed as x}from"./default";const c={slow:o(.8),fast:o(.55)},l={"in-left":{translateX:{from:"50px",to:"0px"}},"in-right":{translateX:{from:"-50px",to:"0px"}},"in-up":{translateY:{from:"80px",to:"0px"}},"in-down":{translateY:{from:"-80px",to:"0px"}},"out-left":{translateX:{from:"0px",to:"-50px"}},"out-right":{translateX:{from:"0px",to:"50px"}},"out-up":{translateY:{from:"0px",to:"-80px"}},"out-down":{translateY:{from:"0px",to:"80px"}}},u={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}};export function slideBounce({type:t,speed:r=x,direction:n,hasOpacityMotion:p=!0,override:a}){const e=f.back,i=c[r],s={...l[`${t}-${n}`],...p&&u[t]};return m({...s,easing:e,duration:i},a)}

package/dist/esm/interactions/rally/presets/transitions/snap.js

@@ -1 +1 @@
-"use strict";import{bezier as r}from"@toss-design-system/easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as f}from"../../utils";import{overrideTransition as p}from"../helper/override";import{DefaultTransitionSpeed as a}from"./default";const g={slow:r.ease,fast:r.expo},c={in:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"50deg",to:"0deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"0%",to:"0%"},opacity:{from:0,to:1}},out:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"0deg",to:"-50deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"100%",to:"100%"},opacity:{from:1,to:0}}};export function snap({type:t,speed:e=a,override:i}){const n=g[e],s=f(.6),m=c[t];return p({...m,easing:n,duration:s},i)}
+"use strict";import{bezier as r}from"@toss/tds-easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as f}from"../../utils";import{overrideTransition as p}from"../helper/override";import{DefaultTransitionSpeed as a}from"./default";const g={slow:r.ease,fast:r.expo},c={in:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"50deg",to:"0deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"0%",to:"0%"},opacity:{from:0,to:1}},out:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"0deg",to:"-50deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"100%",to:"100%"},opacity:{from:1,to:0}}};export function snap({type:t,speed:e=a,override:i}){const n=g[e],s=f(.6),m=c[t];return p({...m,easing:n,duration:s},i)}

package/dist/esm/interactions/rally/presets/transitions/snapBounce.js

@@ -1 +1 @@
-"use strict";import{bezier as f}from"@toss-design-system/easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as r}from"../../utils";import{overrideTransition as p}from"../helper/override";import{DefaultTransitionSpeed as a}from"./default";const c={slow:r(.8),fast:r(.55)},g={in:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"50deg",to:"0deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"0%",to:"0%"},opacity:{from:0,to:1}},out:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"0deg",to:"-50deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"100%",to:"100%"},opacity:{from:1,to:0}}};export function snapBounce({type:t,speed:e=a,override:i}){const n=f.back,s=c[e],m=g[t];return p({...m,easing:n,duration:s},i)}
+"use strict";import{bezier as f}from"@toss/tds-easings";import{getPerspectiveOnWidth as o}from"../../constants/perspertive";import{convertSecondsToMilliseconds as r}from"../../utils";import{overrideTransition as p}from"../helper/override";import{DefaultTransitionSpeed as a}from"./default";const c={slow:r(.8),fast:r(.55)},g={in:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"50deg",to:"0deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"0%",to:"0%"},opacity:{from:0,to:1}},out:{perspective:{from:o.strong,to:o.strong},rotateX:{from:"0deg",to:"-50deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"100%",to:"100%"},opacity:{from:1,to:0}}};export function snapBounce({type:t,speed:e=a,override:i}){const n=f.back,s=c[e],m=g[t];return p({...m,easing:n,duration:s},i)}

package/dist/esm/interactions/rally/presets/transitions/zoom.js

@@ -1 +1 @@
-"use strict";import{bezier as t}from"@toss-design-system/easings";import{convertSecondsToMilliseconds as r}from"../../utils";import{overrideTransition as p}from"../helper/override";import{DefaultTransitionSpeed as c}from"./default";const m={slow:t.out,fast:t.expo},f={slow:r(.6),fast:r(.7)},l={in:{opacity:{from:0,to:1},scale:{from:2,to:1}},out:{opacity:{from:1,to:0},scale:{from:1,to:2}}};export function zoom({type:i,speed:o=c,override:n}){const s=m[o],e=f[o],a=l[i];return p({...a,easing:s,duration:e},n)}
+"use strict";import{bezier as t}from"@toss/tds-easings";import{convertSecondsToMilliseconds as r}from"../../utils";import{overrideTransition as p}from"../helper/override";import{DefaultTransitionSpeed as c}from"./default";const m={slow:t.out,fast:t.expo},f={slow:r(.6),fast:r(.7)},l={in:{opacity:{from:0,to:1},scale:{from:2,to:1}},out:{opacity:{from:1,to:0},scale:{from:1,to:2}}};export function zoom({type:i,speed:o=c,override:n}){const s=m[o],e=f[o],a=l[i];return p({...a,easing:s,duration:e},n)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toss/tds-react-native",
-  "version": "1.0.0",
+  "version": "1.2.1",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -73,11 +73,11 @@
   "dependencies": {
     "@react-spring/native": "9.5.2",
     "@react-stately/radio": "^3.6.0",
-    "@toss-design-system/color-utils": "^0.0.1",
-    "@toss-design-system/colors": "^0.0.1",
-    "@toss-design-system/easings": "^0.0.1",
-    "@toss-design-system/spring-easing": "^0.0.1",
-    "@toss-design-system/typography": "^0.0.1",
+    "@toss/tds-color-utils": "^0.0.1",
+    "@toss/tds-colors": "^0.1.0",
+    "@toss/tds-easings": "^0.0.1",
+    "@toss/tds-spring-easing": "^0.0.1",
+    "@toss/tds-typography": "^0.0.1",
     "@toss/utils": "^1.6.1",
     "culori": "^4.0.1",
     "es-hangul": "^2.3.0",