@toss/tds-react-native 1.0.0 → 1.2.1

package/dist/cjs/components/agreement/Collapsible/CollapsibleContent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleContent=CollapsibleContent;const jsx_runtime_1=require("react/jsx-runtime"),easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native"),CollapsibleContext_1=require("./CollapsibleContext"),INITIAL_HEIGHT=0;function CollapsibleContent({children:i,style:r}){const{open:n}=(0,react_1.useContext)(CollapsibleContext_1.CollapsibleContext),s=(0,react_1.useRef)(INITIAL_HEIGHT),e=(0,react_1.useRef)(new react_native_1.Animated.Value(INITIAL_HEIGHT)).current,t=(0,react_1.useCallback)(()=>{react_native_1.Animated.spring(e,{toValue:n?s.current:INITIAL_HEIGHT,...easings_1.spring.quick,useNativeDriver:!1}).start()},[e,n]);return(0,react_1.useEffect)(()=>{t()},[t]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.outerContainer,{height:e},r],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.innerContainer,onLayout:o=>{s.current=o.nativeEvent.layout.height,t()},children:i})})}const styles=react_native_1.StyleSheet.create({outerContainer:{overflow:"hidden"},innerContainer:{position:"absolute",top:0,left:0,width:"100%"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleContent=CollapsibleContent;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),CollapsibleContext_1=require("./CollapsibleContext"),INITIAL_HEIGHT=0;function CollapsibleContent({children:i,style:r}){const{open:n}=(0,react_1.useContext)(CollapsibleContext_1.CollapsibleContext),s=(0,react_1.useRef)(INITIAL_HEIGHT),e=(0,react_1.useRef)(new react_native_1.Animated.Value(INITIAL_HEIGHT)).current,t=(0,react_1.useCallback)(()=>{react_native_1.Animated.spring(e,{toValue:n?s.current:INITIAL_HEIGHT,...tds_easings_1.spring.quick,useNativeDriver:!1}).start()},[e,n]);return(0,react_1.useEffect)(()=>{t()},[t]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.outerContainer,{height:e},r],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.innerContainer,onLayout:o=>{s.current=o.nativeEvent.layout.height,t()},children:i})})}const styles=react_native_1.StyleSheet.create({outerContainer:{overflow:"hidden"},innerContainer:{position:"absolute",top:0,left:0,width:"100%"}});

package/dist/cjs/components/agreement/useAnimatedRotateValue.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAnimatedRotateValue=useAnimatedRotateValue;const easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native");function useAnimatedRotateValue(a,{min:t,max:r}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(a)).current,s=(0,react_1.useCallback)(u=>{const n=react_native_1.Animated.spring(e,{toValue:u,...easings_1.spring.quick,useNativeDriver:!0});return{...n,start:()=>new Promise(o=>{n.start(c=>o(c.finished))})}},[e]),i=e.interpolate({inputRange:[t,r],outputRange:[`${t}deg`,`${r}deg`]});return{startAnimation:s,rotate:i}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAnimatedRotateValue=useAnimatedRotateValue;const tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native");function useAnimatedRotateValue(a,{min:t,max:r}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(a)).current,s=(0,react_1.useCallback)(u=>{const n=react_native_1.Animated.spring(e,{toValue:u,...tds_easings_1.spring.quick,useNativeDriver:!0});return{...n,start:()=>new Promise(o=>{n.start(c=>o(c.finished))})}},[e]),i=e.interpolate({inputRange:[t,r],outputRange:[`${t}deg`,`${r}deg`]});return{startAnimation:s,rotate:i}}

package/dist/cjs/components/asset/blocks/Frame.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),core_1=require("../../../core"),react_1=require("react"),react_native_1=require("react-native"),AssetContext_1=require("./AssetContext");exports.Frame=(0,react_1.forwardRef)(function({shape:e={},content:h,backgroundColor:m,overlap:r,accPosition:t="bottom-right",acc:o,color:C,style:w,...y},g){const x=(0,core_1.useAdaptive)(),c=m??x.grey100,b=(0,react_1.useMemo)(()=>({width:e.width,height:e.height,borderRadius:e.radius,backgroundColor:c}),[c,e]),v=(0,react_1.useMemo)(()=>r==null?{}:{shadowOffset:{width:e?.overlap?.x??0,height:e?.overlap?.y??0},shadowOpacity:1,shadowRadius:e?.overlap?.blur??0,shadowColor:r?.color??colors_1.colors.blue500},[r,e]),n=e.acc?.x??0,s=e.acc?.y??0,i=e.acc?.width??0,d=e.acc?.height??0,u=t?.includes("top")?s:void 0,l=t?.includes("right")?n:void 0,a=t?.includes("bottom")?s:void 0,f=t?.includes("left")?n:void 0,_=(0,react_1.useMemo)(()=>({top:u,right:l,bottom:a,left:f,width:i,height:d}),[a,d,f,l,u,i]);return(0,jsx_runtime_1.jsx)(AssetContext_1.AssetContext.Provider,{value:{shape:e},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:g,style:[v,w],...y,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.frame,b],children:h}),o!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.acc,_],children:o}):void 0]})})});const styles=react_native_1.StyleSheet.create({frame:{justifyContent:"center",overflow:"hidden"},acc:{position:"absolute"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),AssetContext_1=require("./AssetContext");exports.Frame=(0,react_1.forwardRef)(function({shape:e={},content:h,backgroundColor:m,overlap:r,accPosition:t="bottom-right",acc:o,color:C,style:w,...x},y){const g=(0,core_1.useAdaptive)(),c=m??g.grey100,_=(0,react_1.useMemo)(()=>({width:e.width,height:e.height,borderRadius:e.radius,backgroundColor:c}),[c,e]),b=(0,react_1.useMemo)(()=>r==null?{}:{shadowOffset:{width:e?.overlap?.x??0,height:e?.overlap?.y??0},shadowOpacity:1,shadowRadius:e?.overlap?.blur??0,shadowColor:r?.color??tds_colors_1.colors.blue500},[r,e]),n=e.acc?.x??0,s=e.acc?.y??0,i=e.acc?.width??0,d=e.acc?.height??0,u=t?.includes("top")?s:void 0,l=t?.includes("right")?n:void 0,a=t?.includes("bottom")?s:void 0,f=t?.includes("left")?n:void 0,v=(0,react_1.useMemo)(()=>({top:u,right:l,bottom:a,left:f,width:i,height:d}),[a,d,f,l,u,i]);return(0,jsx_runtime_1.jsx)(AssetContext_1.AssetContext.Provider,{value:{shape:e},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:y,style:[b,w],...x,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.frame,_],children:h}),o!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.acc,v],children:o}):void 0]})})});const styles=react_native_1.StyleSheet.create({frame:{justifyContent:"center",overflow:"hidden"},acc:{position:"absolute"}});

package/dist/cjs/components/board-row/BoardRow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),border_1=require("../border"),icon_1=require("../icon"),txt_1=require("../txt");function BoardRow({title:r,icon:o,contents:n}){const[e,i]=(0,react_1.useState)(!1),t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"column"},children:[(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"button",accessibilityState:{expanded:e},onPress:()=>{i(!e)},style:{paddingLeft:24,paddingTop:16,paddingBottom:15,paddingRight:16,flexDirection:"row"},children:[o,(0,jsx_runtime_1.jsx)(txt_1.Txt,{fontWeight:"regular",color:e?colors_1.colors.blue500:t.grey700,typography:"t5",children:r}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1}}),(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:"icn-arrow-rightwards",color:t.grey400,size:24,style:{transform:[{rotate:e?"90deg":"0deg"}]}})]}),e?null:(0,jsx_runtime_1.jsx)(border_1.Border,{type:"padding24",style:{backgroundColor:t.grey200}}),e?(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingHorizontal:24,paddingVertical:16,backgroundColor:t.greyBackground},children:n})}):null]})}BoardRow.QuestionIcon=QuestionIcon,BoardRow.QIcon=QIcon;function QuestionIcon(){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingRight:16},children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:"icon-question-gray-fill",size:24})})}function QIcon(){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:{fontSize:19,color:colors_1.colors.blue500,marginRight:8,lineHeight:23},children:"Q"})}exports.default=BoardRow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),border_1=require("../border"),icon_1=require("../icon"),txt_1=require("../txt");function BoardRow({title:r,icon:o,contents:n}){const[e,i]=(0,react_1.useState)(!1),t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"column"},children:[(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{accessibilityRole:"button",accessibilityState:{expanded:e},onPress:()=>{i(!e)},style:{paddingLeft:24,paddingTop:16,paddingBottom:15,paddingRight:16,flexDirection:"row"},children:[o,(0,jsx_runtime_1.jsx)(txt_1.Txt,{fontWeight:"regular",color:e?tds_colors_1.colors.blue500:t.grey700,typography:"t5",children:r}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1}}),(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:"icn-arrow-rightwards",color:t.grey400,size:24,style:{transform:[{rotate:e?"90deg":"0deg"}]}})]}),e?null:(0,jsx_runtime_1.jsx)(border_1.Border,{type:"padding24",style:{backgroundColor:t.grey200}}),e?(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingHorizontal:24,paddingVertical:16,backgroundColor:t.greyBackground},children:n})}):null]})}BoardRow.QuestionIcon=QuestionIcon,BoardRow.QIcon=QIcon;function QuestionIcon(){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingRight:16},children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:"icon-question-gray-fill",size:24})})}function QIcon(){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:{fontSize:19,color:tds_colors_1.colors.blue500,marginRight:8,lineHeight:23},children:"Q"})}exports.default=BoardRow;

package/dist/cjs/components/bottom-sheet/Container.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetContainer=BottomSheetContainer;const jsx_runtime_1=require("react/jsx-runtime"),easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),utils_1=require("../../utils"),DragAnimation_1=require("./DragAnimation"),usePreservedCallback_1=require("./utils/usePreservedCallback"),defaultSafeAreaBottom=10,noop=()=>{};function BottomSheetContainer({open:t,children:u,onDragFinished:l,onDragToClose:d,onDraggedDown:g,onDraggedMiddle:h,onDraggedUp:m,onExited:f,style:v,unstable_disableDragging:b=!1}){const r=(0,react_native_1.useWindowDimensions)(),y=(0,core_1.useAdaptive)(),a=(0,usePreservedCallback_1.usePreservedCallback)(f??noop),p=(0,react_1.useRef)(0),n=(0,react_1.useRef)(new react_native_1.Animated.Value(r.height)).current,s=(0,utils_1.useSafeAreaBottom)()||defaultSafeAreaBottom,{typographyLevel:c}=(0,core_1.useTypographyTheme)(),S=react_native_1.Platform.OS==="android"?c>150:c?.startsWith("A11y"),w=r.height*(S?.9:.7),e=(0,react_1.useCallback)(({moveTo:o})=>react_native_1.Animated.spring(n,{toValue:o,useNativeDriver:!0,...easings_1.spring.quick}),[n]);return(0,react_1.useEffect)(()=>{if(t)return e({moveTo:-s}).start(),()=>{e({moveTo:r.height}).start(()=>{a?.()})}},[e,r.height,a,t,s]),(0,react_1.useEffect)(()=>{if(!t||react_native_1.Platform.OS!=="ios")return;const o=react_native_1.Keyboard.addListener("keyboardWillShow",_=>{const A=_.endCoordinates.height;e({moveTo:-(defaultSafeAreaBottom+A)}).start()}),i=react_native_1.Keyboard.addListener("keyboardWillHide",()=>{e({moveTo:-s}).start()});return()=>{o.remove(),i.remove()}},[e,s,t]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.wrapper,{transform:[{translateY:n}]}],children:(0,jsx_runtime_1.jsx)(DragAnimation_1.BottomSheetDragAnimation,{onDraggedUp:m,onDraggedMiddle:h,onDraggedDown:g,onDragToClose:d,onDragFinished:l,unstable_disableDragging:b,style:[styles.container,{backgroundColor:y.layeredBackground,maxHeight:w,width:r.width-20},v],onLayout:o=>{const i=o.nativeEvent.layout.height;p.current=i,t||n.setValue(i)},children:u})})}const styles=react_native_1.StyleSheet.create({wrapper:{position:"absolute",bottom:0},container:{bottom:0,borderRadius:28,left:10}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetContainer=BottomSheetContainer;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),utils_1=require("../../utils"),DragAnimation_1=require("./DragAnimation"),usePreservedCallback_1=require("./utils/usePreservedCallback"),defaultSafeAreaBottom=10,noop=()=>{};function BottomSheetContainer({open:t,children:u,onDragFinished:l,onDragToClose:d,onDraggedDown:g,onDraggedMiddle:h,onDraggedUp:m,onExited:f,style:v,unstable_disableDragging:b=!1}){const r=(0,react_native_1.useWindowDimensions)(),y=(0,core_1.useAdaptive)(),a=(0,usePreservedCallback_1.usePreservedCallback)(f??noop),p=(0,react_1.useRef)(0),n=(0,react_1.useRef)(new react_native_1.Animated.Value(r.height)).current,s=(0,utils_1.useSafeAreaBottom)()||defaultSafeAreaBottom,{typographyLevel:c}=(0,core_1.useTypographyTheme)(),S=react_native_1.Platform.OS==="android"?c>150:c?.startsWith("A11y"),_=r.height*(S?.9:.7),e=(0,react_1.useCallback)(({moveTo:o})=>react_native_1.Animated.spring(n,{toValue:o,useNativeDriver:!0,...tds_easings_1.spring.quick}),[n]);return(0,react_1.useEffect)(()=>{if(t)return e({moveTo:-s}).start(),()=>{e({moveTo:r.height}).start(()=>{a?.()})}},[e,r.height,a,t,s]),(0,react_1.useEffect)(()=>{if(!t||react_native_1.Platform.OS!=="ios")return;const o=react_native_1.Keyboard.addListener("keyboardWillShow",w=>{const A=w.endCoordinates.height;e({moveTo:-(defaultSafeAreaBottom+A)}).start()}),i=react_native_1.Keyboard.addListener("keyboardWillHide",()=>{e({moveTo:-s}).start()});return()=>{o.remove(),i.remove()}},[e,s,t]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.wrapper,{transform:[{translateY:n}]}],children:(0,jsx_runtime_1.jsx)(DragAnimation_1.BottomSheetDragAnimation,{onDraggedUp:m,onDraggedMiddle:h,onDraggedDown:g,onDragToClose:d,onDragFinished:l,unstable_disableDragging:b,style:[styles.container,{backgroundColor:y.layeredBackground,maxHeight:_,width:r.width-20},v],onLayout:o=>{const i=o.nativeEvent.layout.height;p.current=i,t||n.setValue(i)},children:u})})}const styles=react_native_1.StyleSheet.create({wrapper:{position:"absolute",bottom:0},container:{bottom:0,borderRadius:28,left:10}});

package/dist/cjs/components/bottom-sheet/Dimmer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetDimmer=void 0;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),easings_1=require("@toss-design-system/easings"),core_1=require("../../core"),react_1=require("react"),react_native_1=require("react-native"),dimmerOpacity={light:{normal:.2,darker:.4},dark:{normal:.56,darker:.8}},AnimatedPressable=react_native_1.Animated.createAnimatedComponent(react_native_1.Pressable);exports.BottomSheetDimmer=(0,react_1.forwardRef)(function({open:r,onPress:s},i){const{width:n,height:o}=(0,react_native_1.useWindowDimensions)(),{colorPreference:t}=(0,core_1.useColorPreference)(),e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{if(r)return react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal,useNativeDriver:!0,...easings_1.spring.quick}).start(),()=>{requestAnimationFrame(()=>react_native_1.Animated.spring(e,{toValue:0,useNativeDriver:!0,...easings_1.spring.quick}).start())}},[t,e,r]),(0,react_1.useImperativeHandle)(i,()=>({darken:()=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].darker,useNativeDriver:!0,...easings_1.spring.quick}).start()},lighten:a=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal*(1-a),useNativeDriver:!0,...easings_1.spring.quick}).start()},reset:()=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal,useNativeDriver:!0,...easings_1.spring.quick}).start()}}),[t,e]),(0,jsx_runtime_1.jsx)(AnimatedPressable,{pointerEvents:r?void 0:"none",onPress:s,style:[styles.container,{opacity:e},{width:n,height:o}]})});const styles=react_native_1.StyleSheet.create({container:{position:"absolute",top:0,left:0,bottom:0,right:0,backgroundColor:colors_1.colors.black,opacity:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetDimmer=void 0;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),dimmerOpacity={light:{normal:.2,darker:.4},dark:{normal:.56,darker:.8}},AnimatedPressable=react_native_1.Animated.createAnimatedComponent(react_native_1.Pressable);exports.BottomSheetDimmer=(0,react_1.forwardRef)(function({open:r,onPress:s},i){const{width:n,height:o}=(0,react_native_1.useWindowDimensions)(),{colorPreference:t}=(0,core_1.useColorPreference)(),e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{if(r)return react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal,useNativeDriver:!0,...tds_easings_1.spring.quick}).start(),()=>{requestAnimationFrame(()=>react_native_1.Animated.spring(e,{toValue:0,useNativeDriver:!0,...tds_easings_1.spring.quick}).start())}},[t,e,r]),(0,react_1.useImperativeHandle)(i,()=>({darken:()=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].darker,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},lighten:a=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal*(1-a),useNativeDriver:!0,...tds_easings_1.spring.quick}).start()},reset:()=>{react_native_1.Animated.spring(e,{toValue:dimmerOpacity[t].normal,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()}}),[t,e]),(0,jsx_runtime_1.jsx)(AnimatedPressable,{pointerEvents:r?void 0:"none",onPress:s,style:[styles.container,{opacity:e},{width:n,height:o}]})});const styles=react_native_1.StyleSheet.create({container:{position:"absolute",top:0,left:0,bottom:0,right:0,backgroundColor:tds_colors_1.colors.black,opacity:0}});

package/dist/cjs/components/bottom-sheet/DragAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetDragAnimation=BottomSheetDragAnimation;const jsx_runtime_1=require("react/jsx-runtime"),react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native");function BottomSheetDragAnimation({children:f,onDraggedUp:i,onDraggedDown:u,onDraggedMiddle:o,onDragToClose:l,onDragFinished:c,unstable_disableDragging:p=!1,...m}){const t=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,r=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,n=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,a=(0,react_1.useMemo)(()=>react_native_gesture_handler_1.Gesture.Pan().activateAfterLongPress(200).onUpdate(e=>{const h=Math.log(Math.abs(e.translationX)+10)*5,M=Math.log(15)*5,V=Math.sign(e.translationX)*Math.max(h-M,0),_=Math.log(Math.abs(e.translationY)+10)*15,Y=Math.log(15)*15,x=Math.sign(e.translationY)*Math.max(_-Y,0),d=easings_1.bezier.linear,v=e.translationY<0?.1:.01;react_native_1.Animated.parallel([react_native_1.Animated.timing(r,{toValue:V,duration:v,easing:react_native_1.Easing.bezier(...d),useNativeDriver:!0}),react_native_1.Animated.timing(n,{toValue:x,duration:v,easing:react_native_1.Easing.bezier(...d),useNativeDriver:!0})]).start(),e.translationY<=-50?i?.():e.translationY>=10?u?.():o?.()}).onFinalize(e=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(t,{toValue:1,...easings_1.spring.rapid,useNativeDriver:!0}),react_native_1.Animated.spring(r,{toValue:0,...easings_1.spring.quick,useNativeDriver:!0}),react_native_1.Animated.spring(n,{toValue:0,...easings_1.spring.quick,useNativeDriver:!0})]).start(),e.translationY>=50&&l?.(),c?.()}),[c,l,u,o,i,t,r,n]),s=(0,react_1.useMemo)(()=>react_native_gesture_handler_1.Gesture.LongPress().onStart(()=>{react_native_1.Animated.spring(t,{toValue:.98,...easings_1.spring.rapid,useNativeDriver:!0}).start()}).onEnd(()=>{react_native_1.Animated.spring(t,{toValue:1,...easings_1.spring.rapid,useNativeDriver:!0}).start()}),[t]),A=(0,react_1.useMemo)(()=>(a.runOnJS(!0),s.runOnJS(!0),react_native_gesture_handler_1.Gesture.Simultaneous(a,s)),[a,s]),g=(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{...m,style:[{transform:[{translateX:r},{translateY:n},{scale:t}]},m.style],children:f});return p?g:(0,jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector,{gesture:A,children:g})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetDragAnimation=BottomSheetDragAnimation;const jsx_runtime_1=require("react/jsx-runtime"),react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native");function BottomSheetDragAnimation({children:f,onDraggedUp:i,onDraggedDown:u,onDraggedMiddle:o,onDragToClose:l,onDragFinished:c,unstable_disableDragging:p=!1,...m}){const t=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,r=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,n=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,a=(0,react_1.useMemo)(()=>react_native_gesture_handler_1.Gesture.Pan().activateAfterLongPress(200).onUpdate(e=>{const h=Math.log(Math.abs(e.translationX)+10)*5,M=Math.log(15)*5,_=Math.sign(e.translationX)*Math.max(h-M,0),V=Math.log(Math.abs(e.translationY)+10)*15,Y=Math.log(15)*15,x=Math.sign(e.translationY)*Math.max(V-Y,0),d=tds_easings_1.bezier.linear,v=e.translationY<0?.1:.01;react_native_1.Animated.parallel([react_native_1.Animated.timing(r,{toValue:_,duration:v,easing:react_native_1.Easing.bezier(...d),useNativeDriver:!0}),react_native_1.Animated.timing(n,{toValue:x,duration:v,easing:react_native_1.Easing.bezier(...d),useNativeDriver:!0})]).start(),e.translationY<=-50?i?.():e.translationY>=10?u?.():o?.()}).onFinalize(e=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(t,{toValue:1,...tds_easings_1.spring.rapid,useNativeDriver:!0}),react_native_1.Animated.spring(r,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!0}),react_native_1.Animated.spring(n,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!0})]).start(),e.translationY>=50&&l?.(),c?.()}),[c,l,u,o,i,t,r,n]),s=(0,react_1.useMemo)(()=>react_native_gesture_handler_1.Gesture.LongPress().onStart(()=>{react_native_1.Animated.spring(t,{toValue:.98,...tds_easings_1.spring.rapid,useNativeDriver:!0}).start()}).onEnd(()=>{react_native_1.Animated.spring(t,{toValue:1,...tds_easings_1.spring.rapid,useNativeDriver:!0}).start()}),[t]),A=(0,react_1.useMemo)(()=>(a.runOnJS(!0),s.runOnJS(!0),react_native_gesture_handler_1.Gesture.Simultaneous(a,s)),[a,s]),g=(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{...m,style:[{transform:[{translateX:r},{translateY:n},{scale:t}]},m.style],children:f});return p?g:(0,jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector,{gesture:A,children:g})}

package/dist/cjs/components/bottom-sheet/utils/CTAAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetCTAAnimation=BottomSheetCTAAnimation;const jsx_runtime_1=require("react/jsx-runtime"),easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native");function BottomSheetCTAAnimation({children:t,style:i}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(e,{toValue:1,easing:react_native_1.Easing.bezier(...easings_1.bezier.ease),duration:600,useNativeDriver:!0}).start()},[e]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:i,children:t})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetCTAAnimation=BottomSheetCTAAnimation;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native");function BottomSheetCTAAnimation({children:t,style:r}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(e,{toValue:1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.ease),duration:600,useNativeDriver:!0}).start()},[e]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:r,children:t})}

package/dist/cjs/components/bottom-sheet/utils/RenderingAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetRenderingAnimation=BottomSheetRenderingAnimation;const jsx_runtime_1=require("react/jsx-runtime"),easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native");function BottomSheetRenderingAnimation({delay:e=0,children:r}){const t=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,i=(0,react_1.useRef)(new react_native_1.Animated.Value(80)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(t,{toValue:1,duration:800,delay:e,easing:react_native_1.Easing.bezier(...easings_1.bezier.expo),useNativeDriver:!0}),react_native_1.Animated.timing(i,{toValue:0,duration:800,delay:e,easing:react_native_1.Easing.bezier(...easings_1.bezier.expo),useNativeDriver:!0})]).start()},[e,t,i]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:{opacity:t,transform:[{translateY:i}]},children:r})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BottomSheetRenderingAnimation=BottomSheetRenderingAnimation;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native");function BottomSheetRenderingAnimation({delay:e=0,children:i}){const t=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new react_native_1.Animated.Value(80)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(t,{toValue:1,duration:800,delay:e,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.expo),useNativeDriver:!0}),react_native_1.Animated.timing(r,{toValue:0,duration:800,delay:e,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.expo),useNativeDriver:!0})]).start()},[e,t,r]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:{opacity:t,transform:[{translateY:r}]},children:i})}

package/dist/cjs/components/button/Button.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Button=exports.containerStylesBySize=void 0;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../core/index"),index_2=require("../../interactions/animated/index"),index_3=require("../gradient/index"),txt_1=require("../txt"),BaseButton=(0,react_1.forwardRef)(function({children:r,onPress:t,size:i="big",style:s="fill",display:l="inline",disabled:n=!1,loading:a=!1,viewStyle:o,color:u,containerStyle:A,textStyle:y,pointerEvents:k=void 0,leftAccessory:V,onPressIn:p,onPressOut:b},D){const d=(0,index_1.useTheme)(),f=useLoadersAnimation(),g=s==="weak"?{backgroundColor:d.token.button.backgroundWeakColor,textColor:d.token.button.textWeakColor,dimColor:d.token.button.dimWeakColor,gradientStartColor:d.token.button.gradientStartWeakColor,gradientEndColor:d.token.button.gradientEndWeakColor,loaderColor:d.token.button.loaderWeakColor}:{backgroundColor:d.token.button.backgroundFillColor,textColor:d.token.button.textFillColor,dimColor:d.token.button.dimFillColor,gradientStartColor:d.token.button.gradientStartFillColor,gradientEndColor:d.token.button.gradientEndFillColor,loaderColor:d.token.button.loaderFillColor},v=!(n||a),[h,q]=(0,react_1.useState)(!1),x=(0,react_1.useCallback)(m=>{p?.(m),v!==!1&&q(!0)},[p,v]),C=(0,react_1.useCallback)(m=>{b?.(m),v!==!1&&q(!1)},[b,v]),c=useButtonAnimation({style:s,display:l});(0,react_1.useEffect)(()=>{if(h){c.controller.pressed.start();return}if(a&&f.controller.loader.start(),a&&n){c.controller.loadingWhileDisabled.start();return}if(a&&!n){c.controller.loading.start();return}if(!a&&n){c.controller.disabled.start();return}c.controller.default.start()},[a,n,c.controller,f.controller,h]);const N=react_1.Children.map(r,(m,S)=>typeof m=="string"||typeof m=="number"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:typographyBySize[i],color:u??g.textColor,style:y,fontWeight:"semibold",children:m}):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:m},S));return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{accessibilityRole:"button",accessibilityState:{disabled:n},onPress:v?t:void 0,pointerEvents:k,onPressIn:x,onPressOut:C,style:[vierStyleByDislpay[l],o],ref:D,children:(0,jsx_runtime_1.jsxs)(index_2.Animated.View,{ref:D,style:[exports.containerStylesBySize.base,exports.containerStylesBySize[i],containerStylesByDisplay[l],c.style.container,A],children:[(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:g.backgroundColor},c.style.background]}),(0,jsx_runtime_1.jsxs)(index_2.Animated.View,{style:[{flexDirection:"row",alignItems:"center"},c.style.text],children:[V,N]}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},c.style.gradient],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:"110%",aspectRatio:1},children:(0,jsx_runtime_1.jsx)(index_3.RadialGradient,{colors:[g.gradientStartColor,g.gradientEndColor]})})}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},c.style.loader],children:(0,jsx_runtime_1.jsxs)(index_2.Animated.View,{style:{flexDirection:"row",gap:7},children:[(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader1]}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader2]}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader3]})]})}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:g.dimColor},c.style.dim]})]})})});exports.containerStylesBySize=react_native_1.StyleSheet.create({base:{alignItems:"center",justifyContent:"center",overflow:"hidden",position:"relative"},tiny:{paddingHorizontal:10,paddingVertical:2,minHeight:32,minWidth:52,borderRadius:8},medium:{paddingHorizontal:16,paddingVertical:2,minHeight:38,minWidth:64,borderRadius:10},large:{paddingHorizontal:16,paddingVertical:2,minHeight:48,minWidth:80,borderRadius:14},big:{paddingHorizontal:28,paddingVertical:2,minHeight:56,minWidth:96,borderRadius:16}});const vierStyleByDislpay=react_native_1.StyleSheet.create({inline:{alignSelf:"flex-start"},block:{},full:{}}),containerStylesByDisplay=react_native_1.StyleSheet.create({inline:{},block:{},full:{borderRadius:0}});function useLoaderAnimation(){const e=(0,react_native_1.useAnimatedValue)(.2),r=(0,react_native_1.useAnimatedValue)(.8),t=(0,react_1.useCallback)(()=>index_2.Animated.parallel([index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(e,{toValue:1,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_2.Animated.timing(e,{toValue:.2,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1})])),index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(r,{toValue:1,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_2.Animated.timing(r,{toValue:.8,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1})]))]),[e,r]);return(0,react_1.useMemo)(()=>({style:{loader:{opacity:e,transform:[{scale:r}]}},controller:{create:t}}),[e,r,t])}function useLoadersAnimation(){const e=useLoaderAnimation(),r=useLoaderAnimation(),t=useLoaderAnimation(),i=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.sequence([e.controller.create()]),index_2.Animated.sequence([index_2.Animated.delay(100),r.controller.create()]),index_2.Animated.sequence([index_2.Animated.delay(200),t.controller.create()])]),[e.controller,r.controller,t.controller]);return(0,react_1.useMemo)(()=>({style:{loader1:e.style.loader,loader2:r.style.loader,loader3:t.style.loader},controller:{loader:{...i,start:()=>{i.reset(),i.start()}}}}),[e.style.loader,r.style.loader,t.style.loader,i])}function useButtonAnimation({style:e,display:r}){const t=(0,react_native_1.useAnimatedValue)(1),i=(0,react_native_1.useAnimatedValue)(1),s=(0,react_native_1.useAnimatedValue)(1),l=(0,react_native_1.useAnimatedValue)(1),n=(0,react_native_1.useAnimatedValue)(1),a=(0,react_native_1.useAnimatedValue)(0),o=(0,react_native_1.useAnimatedValue)(0),u=(0,react_native_1.useAnimatedValue)(0),A=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:0,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(o,{toValue:0,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(l,{toValue:1,...easings_1.spring.quick,delay:100,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:0,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1})]),[s,t,i,a,o,u,l,n]),y=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:.26,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(o,{toValue:0,...easings_1.spring.quick,useNativeDriver:!1}),r==="inline"?index_2.Animated.spring(i,{toValue:.96,...easings_1.spring.rapid,useNativeDriver:!1}):index_2.Animated.spring(n,{toValue:.96,...easings_1.spring.rapid,useNativeDriver:!1})]),[s,i,a,r,o,n]),k=(0,react_1.useMemo)(()=>(o.setValue(0),index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:.13,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(o,{toValue:e==="fill"?.7:.24,easing:react_native_1.Easing.bezier(...easings_1.bezier.out),duration:600,useNativeDriver:!1}),index_2.Animated.timing(o,{toValue:0,easing:react_native_1.Easing.bezier(...easings_1.bezier.out),duration:600,useNativeDriver:!1})])),index_2.Animated.spring(l,{toValue:0,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1})])),[s,t,i,a,o,u,e,l,n]),V=(0,react_1.useMemo)(()=>(o.setValue(0),index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:0,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:e==="fill"?.26:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(o,{toValue:e==="fill"?.2:.14,easing:react_native_1.Easing.bezier(...easings_1.bezier.out),duration:600,useNativeDriver:!1}),index_2.Animated.timing(o,{toValue:0,easing:react_native_1.Easing.bezier(...easings_1.bezier.out),duration:600,useNativeDriver:!1})])),index_2.Animated.spring(l,{toValue:0,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:e==="fill"?.7:.3,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1})])),[s,t,i,a,o,u,e,l,n]),p=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:0,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(o,{toValue:0,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(l,{toValue:e==="fill"?1:.38,...easings_1.spring.quick,delay:100,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:0,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:e==="fill"?.26:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...easings_1.spring.quick,useNativeDriver:!1})]),[s,t,i,a,o,u,e,l,n]);return(0,react_1.useMemo)(()=>({style:{container:{opacity:t,transform:[{scale:i}]},background:{opacity:s},text:{opacity:l,transform:[{scale:n}]},dim:{opacity:a},gradient:{opacity:o},loader:{opacity:u}},controller:{default:A,pressed:y,loading:k,loadingWhileDisabled:V,disabled:p}}),[s,t,i,A,a,p,o,u,k,V,y,l,n])}const typographyBySize={tiny:"t7",medium:"t6",large:"st9",big:"st9"},ColorByType={danger:colors_1.colors.red500,light:colors_1.colors.whiteOpacity900,dark:colors_1.colors.grey700};exports.Button=(0,react_1.forwardRef)(function({type:r,...t},i){const s=(0,react_1.useMemo)(()=>r===void 0||r==="primary"?{}:{color:{primary:ColorByType[r]}},[r]);return(0,jsx_runtime_1.jsx)(index_1.ThemeProvider,{token:s,children:(0,jsx_runtime_1.jsx)(BaseButton,{...t,ref:i})})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Button=exports.containerStylesBySize=void 0;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../core/index"),index_2=require("../../interactions/animated/index"),index_3=require("../gradient/index"),txt_1=require("../txt"),BaseButton=(0,react_1.forwardRef)(function({children:r,onPress:t,size:i="big",style:s="fill",display:l="inline",disabled:n=!1,loading:a=!1,viewStyle:o,color:u,containerStyle:A,textStyle:k,pointerEvents:y=void 0,leftAccessory:V,onPressIn:p,onPressOut:b},D){const d=(0,index_1.useTheme)(),f=useLoadersAnimation(),g=s==="weak"?{backgroundColor:d.token.button.backgroundWeakColor,textColor:d.token.button.textWeakColor,dimColor:d.token.button.dimWeakColor,gradientStartColor:d.token.button.gradientStartWeakColor,gradientEndColor:d.token.button.gradientEndWeakColor,loaderColor:d.token.button.loaderWeakColor}:{backgroundColor:d.token.button.backgroundFillColor,textColor:d.token.button.textFillColor,dimColor:d.token.button.dimFillColor,gradientStartColor:d.token.button.gradientStartFillColor,gradientEndColor:d.token.button.gradientEndFillColor,loaderColor:d.token.button.loaderFillColor},v=!(n||a),[h,q]=(0,react_1.useState)(!1),x=(0,react_1.useCallback)(m=>{p?.(m),v!==!1&&q(!0)},[p,v]),C=(0,react_1.useCallback)(m=>{b?.(m),v!==!1&&q(!1)},[b,v]),c=useButtonAnimation({style:s,display:l});(0,react_1.useEffect)(()=>{if(h){c.controller.pressed.start();return}if(a&&f.controller.loader.start(),a&&n){c.controller.loadingWhileDisabled.start();return}if(a&&!n){c.controller.loading.start();return}if(!a&&n){c.controller.disabled.start();return}c.controller.default.start()},[a,n,c.controller,f.controller,h]);const N=react_1.Children.map(r,(m,S)=>typeof m=="string"||typeof m=="number"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:typographyBySize[i],color:u??g.textColor,style:k,fontWeight:"semibold",children:m}):(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:m},S));return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{accessibilityRole:"button",accessibilityState:{disabled:n},onPress:v?t:void 0,pointerEvents:y,onPressIn:x,onPressOut:C,style:[vierStyleByDislpay[l],o],ref:D,children:(0,jsx_runtime_1.jsxs)(index_2.Animated.View,{ref:D,style:[exports.containerStylesBySize.base,exports.containerStylesBySize[i],containerStylesByDisplay[l],c.style.container,A],children:[(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:g.backgroundColor},c.style.background]}),(0,jsx_runtime_1.jsxs)(index_2.Animated.View,{style:[{flexDirection:"row",alignItems:"center"},c.style.text],children:[V,N]}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},c.style.gradient],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:"110%",aspectRatio:1},children:(0,jsx_runtime_1.jsx)(index_3.RadialGradient,{colors:[g.gradientStartColor,g.gradientEndColor]})})}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},c.style.loader],children:(0,jsx_runtime_1.jsxs)(index_2.Animated.View,{style:{flexDirection:"row",gap:7},children:[(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader1]}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader2]}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{width:8,height:8,backgroundColor:g.loaderColor,borderRadius:99},f.style.loader3]})]})}),(0,jsx_runtime_1.jsx)(index_2.Animated.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:g.dimColor},c.style.dim]})]})})});exports.containerStylesBySize=react_native_1.StyleSheet.create({base:{alignItems:"center",justifyContent:"center",overflow:"hidden",position:"relative"},tiny:{paddingHorizontal:10,paddingVertical:2,minHeight:32,minWidth:52,borderRadius:8},medium:{paddingHorizontal:16,paddingVertical:2,minHeight:38,minWidth:64,borderRadius:10},large:{paddingHorizontal:16,paddingVertical:2,minHeight:48,minWidth:80,borderRadius:14},big:{paddingHorizontal:28,paddingVertical:2,minHeight:56,minWidth:96,borderRadius:16}});const vierStyleByDislpay=react_native_1.StyleSheet.create({inline:{alignSelf:"flex-start"},block:{},full:{}}),containerStylesByDisplay=react_native_1.StyleSheet.create({inline:{},block:{},full:{borderRadius:0}});function useLoaderAnimation(){const e=(0,react_native_1.useAnimatedValue)(.2),r=(0,react_native_1.useAnimatedValue)(.8),t=(0,react_1.useCallback)(()=>index_2.Animated.parallel([index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(e,{toValue:1,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_2.Animated.timing(e,{toValue:.2,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1})])),index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(r,{toValue:1,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_2.Animated.timing(r,{toValue:.8,duration:300,easing:react_native_1.Easing.linear,useNativeDriver:!1})]))]),[e,r]);return(0,react_1.useMemo)(()=>({style:{loader:{opacity:e,transform:[{scale:r}]}},controller:{create:t}}),[e,r,t])}function useLoadersAnimation(){const e=useLoaderAnimation(),r=useLoaderAnimation(),t=useLoaderAnimation(),i=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.sequence([e.controller.create()]),index_2.Animated.sequence([index_2.Animated.delay(100),r.controller.create()]),index_2.Animated.sequence([index_2.Animated.delay(200),t.controller.create()])]),[e.controller,r.controller,t.controller]);return(0,react_1.useMemo)(()=>({style:{loader1:e.style.loader,loader2:r.style.loader,loader3:t.style.loader},controller:{loader:{...i,start:()=>{i.reset(),i.start()}}}}),[e.style.loader,r.style.loader,t.style.loader,i])}function useButtonAnimation({style:e,display:r}){const t=(0,react_native_1.useAnimatedValue)(1),i=(0,react_native_1.useAnimatedValue)(1),s=(0,react_native_1.useAnimatedValue)(1),l=(0,react_native_1.useAnimatedValue)(1),n=(0,react_native_1.useAnimatedValue)(1),a=(0,react_native_1.useAnimatedValue)(0),o=(0,react_native_1.useAnimatedValue)(0),u=(0,react_native_1.useAnimatedValue)(0),A=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(l,{toValue:1,...tds_easings_1.spring.quick,delay:100,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})]),[s,t,i,a,o,u,l,n]),k=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:.26,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),r==="inline"?index_2.Animated.spring(i,{toValue:.96,...tds_easings_1.spring.rapid,useNativeDriver:!1}):index_2.Animated.spring(n,{toValue:.96,...tds_easings_1.spring.rapid,useNativeDriver:!1})]),[s,i,a,r,o,n]),y=(0,react_1.useMemo)(()=>(o.setValue(0),index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:.13,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(o,{toValue:e==="fill"?.7:.24,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1}),index_2.Animated.timing(o,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1})])),index_2.Animated.spring(l,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})])),[s,t,i,a,o,u,e,l,n]),V=(0,react_1.useMemo)(()=>(o.setValue(0),index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:e==="fill"?.26:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.loop(index_2.Animated.sequence([index_2.Animated.timing(o,{toValue:e==="fill"?.2:.14,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1}),index_2.Animated.timing(o,{toValue:0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:600,useNativeDriver:!1})])),index_2.Animated.spring(l,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:e==="fill"?.7:.3,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})])),[s,t,i,a,o,u,e,l,n]),p=(0,react_1.useMemo)(()=>index_2.Animated.parallel([index_2.Animated.spring(a,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(s,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(o,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(l,{toValue:e==="fill"?1:.38,...tds_easings_1.spring.quick,delay:100,useNativeDriver:!1}),index_2.Animated.spring(u,{toValue:0,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(t,{toValue:e==="fill"?.26:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(i,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1}),index_2.Animated.spring(n,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!1})]),[s,t,i,a,o,u,e,l,n]);return(0,react_1.useMemo)(()=>({style:{container:{opacity:t,transform:[{scale:i}]},background:{opacity:s},text:{opacity:l,transform:[{scale:n}]},dim:{opacity:a},gradient:{opacity:o},loader:{opacity:u}},controller:{default:A,pressed:k,loading:y,loadingWhileDisabled:V,disabled:p}}),[s,t,i,A,a,p,o,u,y,V,k,l,n])}const typographyBySize={tiny:"t7",medium:"t6",large:"st9",big:"st9"},ColorByType={danger:tds_colors_1.colors.red500,light:tds_colors_1.colors.whiteOpacity900,dark:tds_colors_1.colors.grey700};exports.Button=(0,react_1.forwardRef)(function({type:r,...t},i){const s=(0,react_1.useMemo)(()=>r===void 0||r==="primary"?{}:{color:{primary:ColorByType[r]}},[r]);return(0,jsx_runtime_1.jsx)(index_1.ThemeProvider,{token:s,children:(0,jsx_runtime_1.jsx)(BaseButton,{...t,ref:i})})});

package/dist/cjs/components/button/ButtonDerivedTokenGenerator.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ButtonDerivedTokenGenerator=void 0;const colors_1=require("@toss-design-system/colors"),ColorManager_js_1=require("../../utils/ColorManager.js"),BaseDerivedTokenGenerator_js_1=require("../../core/theme/deriveToken/BaseDerivedTokenGenerator.js");function getBaseColors(e){const o=new ColorManager_js_1.ColorManager(e).getOklch();return o.l<.4?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:colors_1.colors.grey700}:o.l<=.525?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.08).getRgba(),textWeakColor:e}:o.l<=.645?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.09).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<.7?{backgroundFillColor:new ColorManager_js_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.11).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<=.75?{backgroundFillColor:new ColorManager_js_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.13).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<.8?{backgroundFillColor:new ColorManager_js_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.15).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:{backgroundFillColor:e,textFillColor:colors_1.colors.greyOpacity800,backgroundWeakColor:new ColorManager_js_1.ColorManager(colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:colors_1.colors.grey700}}function getWeakColorsWithSpecialCondition(e,o){const r=new ColorManager_js_1.ColorManager(e).getOklch();return r.l>=.8||r.l<.4?{backgroundWeakColor:new ColorManager_js_1.ColorManager(colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:colors_1.colors.grey700,dimWeakColor:colors_1.colors.grey700,gradientStartWeakColor:colors_1.colors.grey700,loaderWeakColor:colors_1.colors.grey700}:{backgroundWeakColor:o.backgroundWeakColor,textWeakColor:o.textWeakColor,dimWeakColor:r.l>=.8?colors_1.colors.grey700:o.backgroundFillColor,gradientStartWeakColor:r.l>=.8?colors_1.colors.grey700:o.backgroundFillColor,loaderWeakColor:r.l>=.8?colors_1.colors.grey700:o.backgroundFillColor}}function getThemeColors(e){const o=new ColorManager_js_1.ColorManager(e).getOklch(),r=getBaseColors(e),a=getWeakColorsWithSpecialCondition(e,r),l=new ColorManager_js_1.ColorManager(r.backgroundFillColor).setLightness(new ColorManager_js_1.ColorManager(r.backgroundFillColor).getLightness()-.134).getRgba();return{...r,backgroundWeakColor:a.backgroundWeakColor,textWeakColor:a.textWeakColor,dimFillColor:o.l>=.8?"rgba(0,0,0,0.5)":"#000",dimWeakColor:a.dimWeakColor,gradientStartFillColor:l,gradientStartWeakColor:a.gradientStartWeakColor,gradientEndFillColor:new ColorManager_js_1.ColorManager(r.backgroundFillColor).setAlpha(0).getRgba(),gradientEndWeakColor:new ColorManager_js_1.ColorManager(a.gradientStartWeakColor).setAlpha(0).getRgba(),loaderFillColor:o.l>=.8?colors_1.colors.greyOpacity600:"#fff",loaderWeakColor:a.loaderWeakColor}}class ButtonDerivedTokenGenerator extends BaseDerivedTokenGenerator_js_1.BaseDerivedTokenGenerator{calculate(o){return getThemeColors(o.color.primary)}}exports.ButtonDerivedTokenGenerator=ButtonDerivedTokenGenerator;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ButtonDerivedTokenGenerator=void 0;const tds_colors_1=require("@toss/tds-colors"),BaseDerivedTokenGenerator_js_1=require("../../core/theme/deriveToken/BaseDerivedTokenGenerator.js"),ColorManager_js_1=require("../../utils/ColorManager.js");function getBaseColors(e){const o=new ColorManager_js_1.ColorManager(e).getOklch();return o.l<.4?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(tds_colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:tds_colors_1.colors.grey700}:o.l<=.525?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.08).getRgba(),textWeakColor:e}:o.l<=.645?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.09).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<.7?{backgroundFillColor:new ColorManager_js_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.11).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<=.75?{backgroundFillColor:new ColorManager_js_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.13).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:o.l<.8?{backgroundFillColor:new ColorManager_js_1.ColorManager(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new ColorManager_js_1.ColorManager(e).setAlpha(.15).getRgba(),textWeakColor:new ColorManager_js_1.ColorManager(e).setLightness(.525).getRgba()}:{backgroundFillColor:e,textFillColor:tds_colors_1.colors.greyOpacity800,backgroundWeakColor:new ColorManager_js_1.ColorManager(tds_colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:tds_colors_1.colors.grey700}}function getWeakColorsWithSpecialCondition(e,o){const r=new ColorManager_js_1.ColorManager(e).getOklch();return r.l>=.8||r.l<.4?{backgroundWeakColor:new ColorManager_js_1.ColorManager(tds_colors_1.colors.grey700).setAlpha(.07).getRgba(),textWeakColor:tds_colors_1.colors.grey700,dimWeakColor:tds_colors_1.colors.grey700,gradientStartWeakColor:tds_colors_1.colors.grey700,loaderWeakColor:tds_colors_1.colors.grey700}:{backgroundWeakColor:o.backgroundWeakColor,textWeakColor:o.textWeakColor,dimWeakColor:r.l>=.8?tds_colors_1.colors.grey700:o.backgroundFillColor,gradientStartWeakColor:r.l>=.8?tds_colors_1.colors.grey700:o.backgroundFillColor,loaderWeakColor:r.l>=.8?tds_colors_1.colors.grey700:o.backgroundFillColor}}function getThemeColors(e){const o=new ColorManager_js_1.ColorManager(e).getOklch(),r=getBaseColors(e),a=getWeakColorsWithSpecialCondition(e,r),l=new ColorManager_js_1.ColorManager(r.backgroundFillColor).setLightness(new ColorManager_js_1.ColorManager(r.backgroundFillColor).getLightness()-.134).getRgba();return{...r,backgroundWeakColor:a.backgroundWeakColor,textWeakColor:a.textWeakColor,dimFillColor:o.l>=.8?"rgba(0,0,0,0.5)":"#000",dimWeakColor:a.dimWeakColor,gradientStartFillColor:l,gradientStartWeakColor:a.gradientStartWeakColor,gradientEndFillColor:new ColorManager_js_1.ColorManager(r.backgroundFillColor).setAlpha(0).getRgba(),gradientEndWeakColor:new ColorManager_js_1.ColorManager(a.gradientStartWeakColor).setAlpha(0).getRgba(),loaderFillColor:o.l>=.8?tds_colors_1.colors.greyOpacity600:"#fff",loaderWeakColor:a.loaderWeakColor}}class ButtonDerivedTokenGenerator extends BaseDerivedTokenGenerator_js_1.BaseDerivedTokenGenerator{calculate(o){return getThemeColors(o.color.primary)}}exports.ButtonDerivedTokenGenerator=ButtonDerivedTokenGenerator;

package/dist/cjs/components/carousel/animations/scale.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTapScaleAnimation=useTapScaleAnimation;const react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native");function useTapScaleAnimation(){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,r=(0,react_1.useMemo)(()=>{const t=react_native_gesture_handler_1.Gesture.Pan().onBegin(()=>{react_native_1.Animated.spring(e,{toValue:.96,useNativeDriver:!0,...easings_1.spring.quick}).start()}).onFinalize(()=>{react_native_1.Animated.spring(e,{toValue:.96,useNativeDriver:!0,...easings_1.spring.quick}).start()});return t.runOnJS(!0),t},[e]),n=(0,react_1.useMemo)(()=>[{scaleX:e},{scaleY:e}],[e]);return{gesture:r,transforms:n}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTapScaleAnimation=useTapScaleAnimation;const react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native");function useTapScaleAnimation(){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,r=(0,react_1.useMemo)(()=>{const t=react_native_gesture_handler_1.Gesture.Pan().onBegin(()=>{react_native_1.Animated.spring(e,{toValue:.96,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()}).onFinalize(()=>{react_native_1.Animated.spring(e,{toValue:.96,useNativeDriver:!0,...tds_easings_1.spring.quick}).start()});return t.runOnJS(!0),t},[e]),n=(0,react_1.useMemo)(()=>[{scaleX:e},{scaleY:e}],[e]);return{gesture:r,transforms:n}}

package/dist/cjs/components/carousel/animations/snap.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSnapAnimation=useSnapAnimation;const react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native");function useSnapAnimation(e){const r=(0,react_1.useRef)(new react_native_1.Animated.Value(e.padding)).current,t=(0,react_1.useRef)(!1),[n,c]=(0,react_1.useState)(0),u=(0,react_1.useRef)(e.padding),i=(0,react_1.useRef)(e.padding),f=(0,react_1.useMemo)(()=>{const d=react_native_gesture_handler_1.Gesture.Pan().onUpdate(s=>{t.current!==!0&&(i.current=u.current+s.translationX,r.setValue(i.current))}).onEnd(s=>{if(t.current===!0)return;const o=getSnapPositions(e),g=getEstimatedPosition({translateX:i.current,translationX:s.translationX,velocityX:s.velocityX},e),a=roundToSnapPosition(g,o);t.current=!0,react_native_1.Animated.spring(r,{toValue:a,useNativeDriver:!0,...easings_1.spring.quick}).start(()=>{i.current=a,u.current=i.current,t.current=!1}),c(o.findIndex(p=>p===a))});return d.runOnJS(!0),d},[e,r]),m=(0,react_1.useMemo)(()=>[{translateX:r}],[r]);return{gesture:f,transforms:m,activeIndex:n}}const WINDOW_WIDTH=react_native_1.Dimensions.get("window").width;function getSnapPositions(e){"worklet";return Array(e.itemsCount).fill(void 0).map((r,t)=>{switch(t){case 0:return e.padding;case e.itemsCount-1:{const n=WINDOW_WIDTH-e.itemWidth-e.padding;return e.padding-(e.itemWidth+e.itemGap)*(e.itemsCount-1)+(n-e.padding)}default:{const n=(WINDOW_WIDTH-e.itemWidth)/2;return e.padding-(e.itemWidth+e.itemGap)*t+(n-e.padding)}}})}function roundToSnapPosition(e,r){"worklet";let t=r[0];for(const n of r)Math.abs(n-e)<Math.abs(t-e)&&(t=n);return t}function getEstimatedPosition({translateX:e,translationX:r,velocityX:t},n){"worklet";return Math.abs(t)<n.itemWidth/2||Math.abs(r)>=n.itemWidth/2?e:e+Math.sign(t)*n.itemWidth}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSnapAnimation=useSnapAnimation;const react_native_gesture_handler_1=require("@granite-js/native/react-native-gesture-handler"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native");function useSnapAnimation(e){const r=(0,react_1.useRef)(new react_native_1.Animated.Value(e.padding)).current,t=(0,react_1.useRef)(!1),[n,c]=(0,react_1.useState)(0),u=(0,react_1.useRef)(e.padding),i=(0,react_1.useRef)(e.padding),f=(0,react_1.useMemo)(()=>{const d=react_native_gesture_handler_1.Gesture.Pan().onUpdate(s=>{t.current!==!0&&(i.current=u.current+s.translationX,r.setValue(i.current))}).onEnd(s=>{if(t.current===!0)return;const o=getSnapPositions(e),p=getEstimatedPosition({translateX:i.current,translationX:s.translationX,velocityX:s.velocityX},e),a=roundToSnapPosition(p,o);t.current=!0,react_native_1.Animated.spring(r,{toValue:a,useNativeDriver:!0,...tds_easings_1.spring.quick}).start(()=>{i.current=a,u.current=i.current,t.current=!1}),c(o.findIndex(g=>g===a))});return d.runOnJS(!0),d},[e,r]),m=(0,react_1.useMemo)(()=>[{translateX:r}],[r]);return{gesture:f,transforms:m,activeIndex:n}}const WINDOW_WIDTH=react_native_1.Dimensions.get("window").width;function getSnapPositions(e){"worklet";return Array(e.itemsCount).fill(void 0).map((r,t)=>{switch(t){case 0:return e.padding;case e.itemsCount-1:{const n=WINDOW_WIDTH-e.itemWidth-e.padding;return e.padding-(e.itemWidth+e.itemGap)*(e.itemsCount-1)+(n-e.padding)}default:{const n=(WINDOW_WIDTH-e.itemWidth)/2;return e.padding-(e.itemWidth+e.itemGap)*t+(n-e.padding)}}})}function roundToSnapPosition(e,r){"worklet";let t=r[0];for(const n of r)Math.abs(n-e)<Math.abs(t-e)&&(t=n);return t}function getEstimatedPosition({translateX:e,translationX:r,velocityX:t},n){"worklet";return Math.abs(t)<n.itemWidth/2||Math.abs(r)>=n.itemWidth/2?e:e+Math.sign(t)*n.itemWidth}

package/dist/cjs/components/chart/BarChart.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(r,e,n,o){o===void 0&&(o=n);var t=Object.getOwnPropertyDescriptor(e,n);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(r,o,t)}:function(r,e,n,o){o===void 0&&(o=n),r[o]=e[n]},__setModuleDefault=Object.create?function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}:function(r,e){r.default=e},__importStar=function(){var r=function(e){return r=Object.getOwnPropertyNames||function(n){var o=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(o[o.length]=t);return o},r(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var o=r(e),t=0;t<o.length;t++)o[t]!=="default"&&__createBinding(n,e,o[t]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.BarChart=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),react_native_1=require("@granite-js/react-native"),colors_1=require("@toss-design-system/colors"),core_1=require("../../core"),txt_1=require("../txt"),react_1=require("react"),react_native_2=require("react-native");function Bar({borderRadius:r,backgroundColor:e=colors_1.colors.grey100,...n}){const o="bar-background-color",t=`0 0 ${n.width} ${n.height}`;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.default,{viewBox:t,...n,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.RadialGradient,{id:o,cx:"0%",cy:"100%",r:"100%",fx:"0%",fy:"100%",gradientUnits:"objectBoundingBox",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"0%",stopColor:typeof e=="string"?e:e[0]}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"100%",stopColor:typeof e=="string"?e:e[1]})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{width:n.width??"100%",height:n.height??"100%",fill:`url(#${o})`,rx:r,ry:r})]})}function XAxisLabel({style:r,color:e=colors_1.colors.grey600,...n}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:[{marginTop:6,paddingHorizontal:4},r],typography:"st13",color:e,fontWeight:"medium",textAlign:"center",...n})}function BarAnnotation({style:r,color:e=colors_1.colors.grey500,...n}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:[{marginBottom:6,paddingHorizontal:6},r],typography:"st12",color:e,fontWeight:"medium",textAlign:"center",...n})}function BarContainer({gutter:r=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"vertical",align:"center",justify:"flex-end",gutter:r,...e})}function ChartArea({gutter:r=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:r,...e})}function XAxisArea({gutter:r=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:r,...e})}const{width:WINDOW_WIDTH}=react_native_2.Dimensions.get("window");exports.BarChart=(0,react_1.forwardRef)(function({data:e=[],width:n=WINDOW_WIDTH,height:o=205,fill:t={type:"all-bar",theme:"blue"},style:y,...x},p){const i=(0,core_1.useAdaptive)(),v=48,B=24,A=23,j=58,M=38,C=n-v,O=o-B-A,H=Math.max(...e.map(({value:s})=>s)),d=Math.floor(Math.min(C/e.length,j)),S=O*.7,b=s=>Math.floor(s/H*S),u=Math.round(M/j*d),w=u>=30?8:u>9?Math.floor(u/5+2):3,a=(0,react_1.useMemo)(()=>({default:i.grey100,blue:[i.blue300,i.blue500],green:[i.green200,i.green400],yellow:[i.yellow300,i.yellow500],orange:[i.orange300,i.orange500],red:[i.red300,i.red500],grey:[i.grey400,i.grey500]}),[i]),l=(0,react_1.useMemo)(()=>({default:i.grey500,blue:i.blue700,green:i.green800,yellow:i.yellow900,orange:i.orange900,red:i.red700,grey:i.grey700}),[i]),_=[t.type,t.theme,t.count],m=(0,react_1.useMemo)(()=>{const s=a.default;if(t.type==="auto"){const g=[a.blue,a.green,a.yellow,a.orange,a.red,a.grey];return new Array(e.length).fill(s).map((f,h)=>h<t.count?g[h%g.length]:f).reverse()}const c=a[t.theme]??t.theme;return t.type==="single-bar"?[...new Array(e.length-1).fill(s),c]:new Array(e.length).fill(c)},[..._,e.length,a]),D=(0,react_1.useMemo)(()=>{const s=l.default;if(t.type==="auto"){const g=[l.blue,l.green,l.yellow,l.orange,l.red,l.grey];return new Array(e.length).fill(s).map((f,h)=>h<t.count?g[h%g.length]:f).reverse()}const c=l[t.theme]??t.theme;return t.type==="single-bar"?[...new Array(e.length-1).fill(s),c]:new Array(e.length).fill(s)},[..._,e.length,l]);return e.length<=12?(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:p,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:o},y],gutter:0,...x,children:[(0,jsx_runtime_1.jsx)(ChartArea,{children:e.map(({value:s},c)=>(0,jsx_runtime_1.jsxs)(BarContainer,{style:{width:d},children:[(0,jsx_runtime_1.jsx)(BarAnnotation,{color:D[c],children:s}),(0,jsx_runtime_1.jsx)(Bar,{width:u,height:b(s),borderRadius:w,backgroundColor:m[c]})]},c))}),(0,jsx_runtime_1.jsx)(XAxisArea,{children:e.map(({xAxisLabel:s},c)=>(0,jsx_runtime_1.jsx)(XAxisLabel,{style:{width:d},children:s},c))})]}):(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:p,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:o},y],gutter:0,...x,children:[(0,jsx_runtime_1.jsx)(ChartArea,{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.map(({value:s},c)=>(0,jsx_runtime_1.jsx)(BarContainer,{style:{width:d},children:(0,jsx_runtime_1.jsx)(Bar,{width:u,height:b(s),borderRadius:w,backgroundColor:m[c]})},c))}),(0,jsx_runtime_1.jsxs)(XAxisArea,{justify:"space-between",children:[(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[0]?.xAxisLabel}),(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[e.length-1]?.xAxisLabel})]})]})});
+"use strict";var __createBinding=Object.create?function(r,e,n,o){o===void 0&&(o=n);var t=Object.getOwnPropertyDescriptor(e,n);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(r,o,t)}:function(r,e,n,o){o===void 0&&(o=n),r[o]=e[n]},__setModuleDefault=Object.create?function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}:function(r,e){r.default=e},__importStar=function(){var r=function(e){return r=Object.getOwnPropertyNames||function(n){var o=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(o[o.length]=t);return o},r(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var o=r(e),t=0;t<o.length;t++)o[t]!=="default"&&__createBinding(n,e,o[t]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.BarChart=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),react_native_1=require("@granite-js/react-native"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_2=require("react-native"),core_1=require("../../core"),txt_1=require("../txt");function Bar({borderRadius:r,backgroundColor:e=tds_colors_1.colors.grey100,...n}){const o="bar-background-color",t=`0 0 ${n.width} ${n.height}`;return(0,jsx_runtime_1.jsxs)(react_native_svg_1.default,{viewBox:t,...n,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.RadialGradient,{id:o,cx:"0%",cy:"100%",r:"100%",fx:"0%",fy:"100%",gradientUnits:"objectBoundingBox",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"0%",stopColor:typeof e=="string"?e:e[0]}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"100%",stopColor:typeof e=="string"?e:e[1]})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{width:n.width??"100%",height:n.height??"100%",fill:`url(#${o})`,rx:r,ry:r})]})}function XAxisLabel({style:r,color:e=tds_colors_1.colors.grey600,...n}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:[{marginTop:6,paddingHorizontal:4},r],typography:"st13",color:e,fontWeight:"medium",textAlign:"center",...n})}function BarAnnotation({style:r,color:e=tds_colors_1.colors.grey500,...n}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:[{marginBottom:6,paddingHorizontal:6},r],typography:"st12",color:e,fontWeight:"medium",textAlign:"center",...n})}function BarContainer({gutter:r=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"vertical",align:"center",justify:"flex-end",gutter:r,...e})}function ChartArea({gutter:r=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:r,...e})}function XAxisArea({gutter:r=0,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.Stack,{direction:"horizontal",justify:"center",gutter:r,...e})}const{width:WINDOW_WIDTH}=react_native_2.Dimensions.get("window");exports.BarChart=(0,react_1.forwardRef)(function({data:e=[],width:n=WINDOW_WIDTH,height:o=205,fill:t={type:"all-bar",theme:"blue"},style:y,...x},p){const i=(0,core_1.useAdaptive)(),v=48,B=24,A=23,j=58,M=38,C=n-v,O=o-B-A,H=Math.max(...e.map(({value:s})=>s)),d=Math.floor(Math.min(C/e.length,j)),S=O*.7,_=s=>Math.floor(s/H*S),u=Math.round(M/j*d),b=u>=30?8:u>9?Math.floor(u/5+2):3,a=(0,react_1.useMemo)(()=>({default:i.grey100,blue:[i.blue300,i.blue500],green:[i.green200,i.green400],yellow:[i.yellow300,i.yellow500],orange:[i.orange300,i.orange500],red:[i.red300,i.red500],grey:[i.grey400,i.grey500]}),[i]),l=(0,react_1.useMemo)(()=>({default:i.grey500,blue:i.blue700,green:i.green800,yellow:i.yellow900,orange:i.orange900,red:i.red700,grey:i.grey700}),[i]),w=[t.type,t.theme,t.count],m=(0,react_1.useMemo)(()=>{const s=a.default;if(t.type==="auto"){const g=[a.blue,a.green,a.yellow,a.orange,a.red,a.grey];return new Array(e.length).fill(s).map((f,h)=>h<t.count?g[h%g.length]:f).reverse()}const c=a[t.theme]??t.theme;return t.type==="single-bar"?[...new Array(e.length-1).fill(s),c]:new Array(e.length).fill(c)},[...w,e.length,a]),D=(0,react_1.useMemo)(()=>{const s=l.default;if(t.type==="auto"){const g=[l.blue,l.green,l.yellow,l.orange,l.red,l.grey];return new Array(e.length).fill(s).map((f,h)=>h<t.count?g[h%g.length]:f).reverse()}const c=l[t.theme]??t.theme;return t.type==="single-bar"?[...new Array(e.length-1).fill(s),c]:new Array(e.length).fill(s)},[...w,e.length,l]);return e.length<=12?(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:p,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:o},y],gutter:0,...x,children:[(0,jsx_runtime_1.jsx)(ChartArea,{children:e.map(({value:s},c)=>(0,jsx_runtime_1.jsxs)(BarContainer,{style:{width:d},children:[(0,jsx_runtime_1.jsx)(BarAnnotation,{color:D[c],children:s}),(0,jsx_runtime_1.jsx)(Bar,{width:u,height:_(s),borderRadius:b,backgroundColor:m[c]})]},c))}),(0,jsx_runtime_1.jsx)(XAxisArea,{children:e.map(({xAxisLabel:s},c)=>(0,jsx_runtime_1.jsx)(XAxisLabel,{style:{width:d},children:s},c))})]}):(0,jsx_runtime_1.jsxs)(react_native_1.Stack,{ref:p,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:o},y],gutter:0,...x,children:[(0,jsx_runtime_1.jsx)(ChartArea,{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.map(({value:s},c)=>(0,jsx_runtime_1.jsx)(BarContainer,{style:{width:d},children:(0,jsx_runtime_1.jsx)(Bar,{width:u,height:_(s),borderRadius:b,backgroundColor:m[c]})},c))}),(0,jsx_runtime_1.jsxs)(XAxisArea,{justify:"space-between",children:[(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[0]?.xAxisLabel}),(0,jsx_runtime_1.jsx)(XAxisLabel,{children:e[e.length-1]?.xAxisLabel})]})]})});

package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphic.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphic=AnimatedCheckboxGraphic;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),colors_1=require("@toss-design-system/colors"),index_1=require("../../../../core/index"),index_2=require("../../../../interactions/pressable-effect/index"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),const_1=require("../../const"),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphic({checked:t,size:o,children:m,style:b,onTouchStart:C,onTouchEnd:x,onTouchCancel:_,onPress:A,...v}){const[s,n]=(0,react_1.useState)(t?"on":"off"),l=(0,react_1.useMemo)(()=>o*20/24,[o]),a=(0,index_1.useAdaptive)(),u=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(a.background??colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(a.grey200??colors_1.colors.grey200),blue600:(0,hex_to_rgba_1.default)(colors_1.colors.blue600),blue500:(0,hex_to_rgba_1.default)(colors_1.colors.blue500),white:(0,hex_to_rgba_1.default)(colors_1.colors.white),transparent:(0,hex_to_rgba_1.default)(colors_1.colors.grey200,0)}),[a.background,a.grey200]),{startPressInAnim:d,startPressOutAnim:p,scaleAnim:h}=(0,index_2.usePressAnim)(pressAnimConfig),r=(0,react_1.useMemo)(()=>{const{background:e,grey200:j,blue600:c,blue500:g,white:k,transparent:D}=u;return{check:{off:{stroke:D,strokeDashoffset:24,scale:pressAnimConfig.pressOut.scale},"off-press":{stroke:c,strokeDashoffset:16,scale:pressAnimConfig.pressIn.scale},on:{stroke:k,strokeDashoffset:0,scale:pressAnimConfig.pressOut.scale},"on-press":{stroke:k,strokeDashoffset:13.5,scale:pressAnimConfig.pressIn.scale}},backgroundCheck:{off:{opacity:1},"off-press":{opacity:1},on:{opacity:0},"on-press":{opacity:0}},outerCircle:{off:{fill:j},"off-press":{fill:c},on:{fill:g},"on-press":{fill:c}},innerCircle:{off:{fill:e,scale:1},"off-press":{fill:e,scale:1},on:{fill:g,scale:0},"on-press":{fill:c,scale:0}},innerCircleScaleOrigin\uBCF4\uC815:{off:{x:0,y:0},"off-press":{x:0,y:0},on:{x:12,y:12},"on-press":{x:12,y:12}}}},[u]),w=(0,react_1.useCallback)(()=>{n(e=>e==="on"?"on-press":"off-press"),d()},[d]),y=(0,react_1.useCallback)(()=>{n(t?e=>e==="on-press"?"on":"off":e=>e==="off-press"?"off":"on"),p()},[t,p]);(0,react_1.useEffect)(()=>{n(t?"on":"off")},[t]);const i=(0,react_1.useRef)(new react_native_1.Animated.Value(r.innerCircle[s].scale)).current;(0,react_1.useEffect)(()=>{s==="on"||s==="off"?react_native_1.Animated.spring(i,{toValue:r.innerCircle[s].scale,...const_1.SPRING_CONFIG,useNativeDriver:!0}).start():react_native_1.Animated.timing(i,{toValue:r.innerCircle[s].scale,duration:0,useNativeDriver:!0}).start()},[r.innerCircle,s,i]);const f=(0,react_1.useRef)(new react_native_1.Animated.Value(r.check[s].strokeDashoffset)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(f,{toValue:r.check[s].strokeDashoffset,...const_1.TIMING_CONFIG,useNativeDriver:!0}).start()},[r.check,s,f]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onTouchStart:e=>{w(),C?.(e)},onTouchEnd:e=>{y(),x?.(e)},onTouchCancel:e=>{y(),_?.(e)},onPress:A,style:[styles_1.styles.container,{width:o,height:o},b],accessibilityRole:"checkbox",accessibilityState:{checked:t,disabled:!1},...v,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[{transform:[{scale:h}]},{width:o,height:o},styles_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:r.outerCircle[s].fill,borderRadius:o/2},styles_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{width:l,height:l,backgroundColor:r.innerCircle[s].fill,borderRadius:l/2,transform:[{scale:i}]}]})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:o,height:o},styles_1.styles.checkContainer],children:(0,jsx_runtime_1.jsxs)(AnimatedSvg,{viewBox:"0 0 24 24",style:{transform:[{scale:h}]},children:[(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:u.grey200,style:{opacity:r.backgroundCheck[s].opacity}}),(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:r.check[s].stroke,strokeDasharray:"24px 24px",strokeDashoffset:f})]})}),m]})})}const AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.default),pressAnimConfig={pressIn:{scale:.9,opacity:0},pressOut:{scale:1,opacity:0}};
+"use strict";var __importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphic=AnimatedCheckboxGraphic;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../../../core/index"),index_2=require("../../../../interactions/pressable-effect/index"),const_1=require("../../const"),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphic({checked:t,size:o,children:m,style:b,onTouchStart:C,onTouchEnd:x,onTouchCancel:_,onPress:A,...v}){const[s,n]=(0,react_1.useState)(t?"on":"off"),l=(0,react_1.useMemo)(()=>o*20/24,[o]),a=(0,index_1.useAdaptive)(),u=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(a.background??tds_colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(a.grey200??tds_colors_1.colors.grey200),blue600:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue600),blue500:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500),white:(0,hex_to_rgba_1.default)(tds_colors_1.colors.white),transparent:(0,hex_to_rgba_1.default)(tds_colors_1.colors.grey200,0)}),[a.background,a.grey200]),{startPressInAnim:d,startPressOutAnim:p,scaleAnim:h}=(0,index_2.usePressAnim)(pressAnimConfig),r=(0,react_1.useMemo)(()=>{const{background:e,grey200:j,blue600:c,blue500:k,white:g,transparent:D}=u;return{check:{off:{stroke:D,strokeDashoffset:24,scale:pressAnimConfig.pressOut.scale},"off-press":{stroke:c,strokeDashoffset:16,scale:pressAnimConfig.pressIn.scale},on:{stroke:g,strokeDashoffset:0,scale:pressAnimConfig.pressOut.scale},"on-press":{stroke:g,strokeDashoffset:13.5,scale:pressAnimConfig.pressIn.scale}},backgroundCheck:{off:{opacity:1},"off-press":{opacity:1},on:{opacity:0},"on-press":{opacity:0}},outerCircle:{off:{fill:j},"off-press":{fill:c},on:{fill:k},"on-press":{fill:c}},innerCircle:{off:{fill:e,scale:1},"off-press":{fill:e,scale:1},on:{fill:k,scale:0},"on-press":{fill:c,scale:0}},innerCircleScaleOrigin\uBCF4\uC815:{off:{x:0,y:0},"off-press":{x:0,y:0},on:{x:12,y:12},"on-press":{x:12,y:12}}}},[u]),w=(0,react_1.useCallback)(()=>{n(e=>e==="on"?"on-press":"off-press"),d()},[d]),y=(0,react_1.useCallback)(()=>{n(t?e=>e==="on-press"?"on":"off":e=>e==="off-press"?"off":"on"),p()},[t,p]);(0,react_1.useEffect)(()=>{n(t?"on":"off")},[t]);const i=(0,react_1.useRef)(new react_native_1.Animated.Value(r.innerCircle[s].scale)).current;(0,react_1.useEffect)(()=>{s==="on"||s==="off"?react_native_1.Animated.spring(i,{toValue:r.innerCircle[s].scale,...const_1.SPRING_CONFIG,useNativeDriver:!0}).start():react_native_1.Animated.timing(i,{toValue:r.innerCircle[s].scale,duration:0,useNativeDriver:!0}).start()},[r.innerCircle,s,i]);const f=(0,react_1.useRef)(new react_native_1.Animated.Value(r.check[s].strokeDashoffset)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(f,{toValue:r.check[s].strokeDashoffset,...const_1.TIMING_CONFIG,useNativeDriver:!0}).start()},[r.check,s,f]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onTouchStart:e=>{w(),C?.(e)},onTouchEnd:e=>{y(),x?.(e)},onTouchCancel:e=>{y(),_?.(e)},onPress:A,style:[styles_1.styles.container,{width:o,height:o},b],accessibilityRole:"checkbox",accessibilityState:{checked:t,disabled:!1},...v,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[{transform:[{scale:h}]},{width:o,height:o},styles_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:r.outerCircle[s].fill,borderRadius:o/2},styles_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{width:l,height:l,backgroundColor:r.innerCircle[s].fill,borderRadius:l/2,transform:[{scale:i}]}]})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:o,height:o},styles_1.styles.checkContainer],children:(0,jsx_runtime_1.jsxs)(AnimatedSvg,{viewBox:"0 0 24 24",style:{transform:[{scale:h}]},children:[(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:u.grey200,style:{opacity:r.backgroundCheck[s].opacity}}),(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:r.check[s].stroke,strokeDasharray:"24px 24px",strokeDashoffset:f})]})}),m]})})}const AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.default),pressAnimConfig={pressIn:{scale:.9,opacity:0},pressOut:{scale:1,opacity:0}};

package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphicDisabled.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphicDisabled=AnimatedCheckboxGraphicDisabled;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),colors_1=require("@toss-design-system/colors"),index_1=require("../../../../core/index"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),useWiggle_1=__importDefault(require("../../useWiggle")),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphicDisabled({checked:e,size:t,style:a,children:l,onPress:d,...n}){const i=(0,react_1.useMemo)(()=>t*20/24,[t]),{colorPreference:o}=(0,index_1.useColorPreference)(),s=(0,index_1.useAdaptive)(),r=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(s.background??colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(s.grey200??colors_1.colors.grey200),disabledBlue500:o==="light"?(0,hex_to_rgba_1.default)(colors_1.colors.blue100):(0,hex_to_rgba_1.default)(colors_1.colors.blue500,.2),white:(0,hex_to_rgba_1.default)(colors_1.colors.white),disabledWhite:o==="light"?(0,hex_to_rgba_1.default)(colors_1.colors.white):(0,hex_to_rgba_1.default)(colors_1.colors.white,.2),transparent:(0,hex_to_rgba_1.default)(colors_1.colors.grey200,0)}),[o,s.background,s.grey200]),{startWiggle:c,style:u}=(0,useWiggle_1.default)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:c,accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!0},...n,children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[[styles_1.styles.container,{width:t,height:t},u,a]],children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{width:t,height:t},styles_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:e?r.disabledBlue500:r.grey200,borderRadius:t/2},styles_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:i,height:i,backgroundColor:e?r.transparent:r.background,borderRadius:i/2}})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:t,height:t},styles_1.styles.checkContainer],children:(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{viewBox:"0 0 24 24",children:(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:e?r.disabledWhite:r.grey200,strokeDasharray:"24px 24px"})})}),l]})})})}
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphicDisabled=AnimatedCheckboxGraphicDisabled;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../../../core/index"),useWiggle_1=__importDefault(require("../../useWiggle")),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphicDisabled({checked:e,size:t,style:a,children:l,onPress:d,...n}){const i=(0,react_1.useMemo)(()=>t*20/24,[t]),{colorPreference:o}=(0,index_1.useColorPreference)(),s=(0,index_1.useAdaptive)(),r=(0,react_1.useMemo)(()=>({background:(0,hex_to_rgba_1.default)(s.background??tds_colors_1.colors.background),grey200:(0,hex_to_rgba_1.default)(s.grey200??tds_colors_1.colors.grey200),disabledBlue500:o==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue100):(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500,.2),white:(0,hex_to_rgba_1.default)(tds_colors_1.colors.white),disabledWhite:o==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.white):(0,hex_to_rgba_1.default)(tds_colors_1.colors.white,.2),transparent:(0,hex_to_rgba_1.default)(tds_colors_1.colors.grey200,0)}),[o,s.background,s.grey200]),{startWiggle:c,style:u}=(0,useWiggle_1.default)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:c,accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!0},...n,children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[[styles_1.styles.container,{width:t,height:t},u,a]],children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{width:t,height:t},styles_1.styles.circleContainer],children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:e?r.disabledBlue500:r.grey200,borderRadius:t/2},styles_1.styles.outerCircle]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:i,height:i,backgroundColor:e?r.transparent:r.background,borderRadius:i/2}})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:t,height:t},styles_1.styles.checkContainer],children:(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{viewBox:"0 0 24 24",children:(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:e?r.disabledWhite:r.grey200,strokeDasharray:"24px 24px"})})}),l]})})})}

package/dist/cjs/components/checkbox/Line/Graphic/AnimatedCheckboxGraphic.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphic=AnimatedCheckboxGraphic;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),colors_1=require("@toss-design-system/colors"),index_1=require("../../../../core/index"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),const_1=require("../../const"),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphic({checked:e,size:n,children:f,style:l,onPress:h,onTouchStart:_,onTouchEnd:p,onTouchCancel:d,...x}){const[t,r]=(0,react_1.useState)(e?"on":"off"),c=(0,index_1.useAdaptive)(),i=(0,react_1.useMemo)(()=>({grey200:(0,hex_to_rgba_1.default)(c.grey200??colors_1.colors.grey200),blue500:(0,hex_to_rgba_1.default)(colors_1.colors.blue500)}),[c.grey200]),k=(0,react_1.useCallback)(()=>{r(s=>s==="on"?"on-press":"off-press")},[]),u=(0,react_1.useCallback)(()=>{r(e?s=>s==="on-press"?"on":"off":s=>s==="off-press"?"off":"on")},[e]);(0,react_1.useEffect)(()=>{r(e?"on":"off")},[e]);const o=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.check[t].strokeDashoffset)).current;(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(o,{toValue:animationConfig.check[t].strokeDashoffset,...const_1.TIMING_CONFIG,useNativeDriver:!0}).start()},[t,o]);const a=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.check[t].scale)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.spring(a,{toValue:animationConfig.check[t].scale,...const_1.SPRING_CONFIG,useNativeDriver:!0}).start()},[t,a]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onTouchStart:s=>{k(),_?.(s)},onTouchEnd:s=>{u(),p?.(s)},onTouchCancel:s=>{u(),d?.(s)},onPress:h,style:[styles_1.styles.container,l],accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!1},...x,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:n,height:n},styles_1.styles.checkContainer],children:(0,jsx_runtime_1.jsxs)(AnimatedSvg,{viewBox:"0 0 24 24",style:{transform:[{scale:a}]},children:[(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:i.grey200}),(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:i.blue500,strokeDasharray:"24px 24px",strokeDashoffset:o})]})}),f]})})}const AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.default),animationConfig={check:{off:{strokeDashoffset:24,scale:1},"off-press":{strokeDashoffset:24*.6,scale:.9},on:{strokeDashoffset:0,scale:1},"on-press":{strokeDashoffset:10,scale:.9}}};
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphic=AnimatedCheckboxGraphic;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../../../core/index"),const_1=require("../../const"),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphic({checked:e,size:n,children:f,style:l,onPress:h,onTouchStart:_,onTouchEnd:p,onTouchCancel:d,...x}){const[t,r]=(0,react_1.useState)(e?"on":"off"),c=(0,index_1.useAdaptive)(),i=(0,react_1.useMemo)(()=>({grey200:(0,hex_to_rgba_1.default)(c.grey200??tds_colors_1.colors.grey200),blue500:(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500)}),[c.grey200]),k=(0,react_1.useCallback)(()=>{r(s=>s==="on"?"on-press":"off-press")},[]),u=(0,react_1.useCallback)(()=>{r(e?s=>s==="on-press"?"on":"off":s=>s==="off-press"?"off":"on")},[e]);(0,react_1.useEffect)(()=>{r(e?"on":"off")},[e]);const o=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.check[t].strokeDashoffset)).current;(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(o,{toValue:animationConfig.check[t].strokeDashoffset,...const_1.TIMING_CONFIG,useNativeDriver:!0}).start()},[t,o]);const a=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.check[t].scale)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.spring(a,{toValue:animationConfig.check[t].scale,...const_1.SPRING_CONFIG,useNativeDriver:!0}).start()},[t,a]),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onTouchStart:s=>{k(),_?.(s)},onTouchEnd:s=>{u(),p?.(s)},onTouchCancel:s=>{u(),d?.(s)},onPress:h,style:[styles_1.styles.container,l],accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!1},...x,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{width:n,height:n},styles_1.styles.checkContainer],children:(0,jsx_runtime_1.jsxs)(AnimatedSvg,{viewBox:"0 0 24 24",style:{transform:[{scale:a}]},children:[(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:i.grey200}),(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:i.blue500,strokeDasharray:"24px 24px",strokeDashoffset:o})]})}),f]})})}const AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.default),animationConfig={check:{off:{strokeDashoffset:24,scale:1},"off-press":{strokeDashoffset:24*.6,scale:.9},on:{strokeDashoffset:0,scale:1},"on-press":{strokeDashoffset:10,scale:.9}}};

package/dist/cjs/components/checkbox/Line/Graphic/AnimatedCheckboxGraphicDisabled.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphicDisabled=AnimatedCheckboxGraphicDisabled;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),colors_1=require("@toss-design-system/colors"),index_1=require("../../../../core/index"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),useWiggle_1=__importDefault(require("../../useWiggle")),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphicDisabled({checked:e,size:t,style:o,children:a,onPress:u,...c}){const{colorPreference:r}=(0,index_1.useColorPreference)(),s=(0,index_1.useAdaptive)(),i=(0,react_1.useMemo)(()=>({grey200:(0,hex_to_rgba_1.default)(s.grey200??colors_1.colors.grey200),disabledBlue500:r==="light"?(0,hex_to_rgba_1.default)(colors_1.colors.blue100):(0,hex_to_rgba_1.default)(colors_1.colors.blue500,.2)}),[r,s.grey200]),{startWiggle:l,style:n}=(0,useWiggle_1.default)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:l,style:[styles_1.styles.container,o],accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!0},...c,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:n,children:(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{viewBox:"0 0 24 24",width:t,height:t,children:(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:e?i.disabledBlue500:i.grey200})})}),a]})})}
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnimatedCheckboxGraphicDisabled=AnimatedCheckboxGraphicDisabled;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importDefault(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_1=require("../../../../core/index"),useWiggle_1=__importDefault(require("../../useWiggle")),paths_1=require("./paths"),styles_1=require("./styles");function AnimatedCheckboxGraphicDisabled({checked:e,size:t,style:o,children:a,onPress:u,...c}){const{colorPreference:r}=(0,index_1.useColorPreference)(),s=(0,index_1.useAdaptive)(),i=(0,react_1.useMemo)(()=>({grey200:(0,hex_to_rgba_1.default)(s.grey200??tds_colors_1.colors.grey200),disabledBlue500:r==="light"?(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue100):(0,hex_to_rgba_1.default)(tds_colors_1.colors.blue500,.2)}),[r,s.grey200]),{startWiggle:l,style:n}=(0,useWiggle_1.default)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:l,style:[styles_1.styles.container,o],accessibilityRole:"checkbox",accessibilityState:{checked:e,disabled:!0},...c,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:n,children:(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{viewBox:"0 0 24 24",width:t,height:t,children:(0,jsx_runtime_1.jsx)(paths_1.Check,{stroke:e?i.disabledBlue500:i.grey200})})}),a]})})}

package/dist/cjs/components/checkbox/const.d.ts

@@ -1,5 +1,5 @@
 export declare const TIMING_CONFIG: {
-    easeing: import("@toss-design-system/easings").CubicBezier;
+    easeing: import("@toss/tds-easings").CubicBezier;
     duration: number;
 };
 export declare const SPRING_CONFIG: {

package/dist/cjs/components/checkbox/const.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SPRING_CONFIG=exports.TIMING_CONFIG=void 0;const easings_1=require("@toss-design-system/easings");exports.TIMING_CONFIG={easeing:easings_1.bezier.back,duration:150},exports.SPRING_CONFIG={stiffness:650,damping:35};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SPRING_CONFIG=exports.TIMING_CONFIG=void 0;const tds_easings_1=require("@toss/tds-easings");exports.TIMING_CONFIG={easeing:tds_easings_1.bezier.back,duration:150},exports.SPRING_CONFIG={stiffness:650,damping:35};

package/dist/cjs/components/dialog/AlertDialog.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),react_1=require("react"),react_native_1=require("react-native"),HideAccessibility_1=require("../../core/contexts/HideAccessibility"),text_button_1=require("../text-button"),BaseDialog_1=__importDefault(require("./BaseDialog")),BaseDialogContents_1=require("./BaseDialogContents");function AlertDialog({open:e,title:s,description:i,content:n,buttonText:o="\uD655\uC778",closeOnDimmerClick:c,onClose:r,onExited:a,onButtonPress:l,onEntered:u,...d}){const t=(0,HideAccessibility_1.useHideAccessibility)(),_=(0,react_1.useCallback)(async()=>{l?.(),r()},[l,r]);return(0,react_1.useEffect)(()=>(e?t.activate():t.inactivate(),t.inactivate),[t,e]),(0,jsx_runtime_1.jsx)(BaseDialog_1.default,{open:e,header:s!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogHeaderTxt,{children:s}):void 0,body:i!=null||n!=null?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[i!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogBodyTxt,{children:i}):null,n]}):void 0,footer:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{alignSelf:"flex-end"},children:(0,jsx_runtime_1.jsx)(text_button_1.TextButton,{color:colors_1.colors.blue500,onPress:_,typography:"t5",fontWeight:"medium",children:o})}),closeOnDimmerClick:c,onClose:r,onExited:a,onEntered:u,...d})}exports.default=AlertDialog;
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),HideAccessibility_1=require("../../core/contexts/HideAccessibility"),text_button_1=require("../text-button"),BaseDialog_1=__importDefault(require("./BaseDialog")),BaseDialogContents_1=require("./BaseDialogContents");function AlertDialog({open:e,title:s,description:i,content:n,buttonText:o="\uD655\uC778",closeOnDimmerClick:c,onClose:r,onExited:a,onButtonPress:l,onEntered:u,...d}){const t=(0,HideAccessibility_1.useHideAccessibility)(),_=(0,react_1.useCallback)(async()=>{l?.(),r()},[l,r]);return(0,react_1.useEffect)(()=>(e?t.activate():t.inactivate(),t.inactivate),[t,e]),(0,jsx_runtime_1.jsx)(BaseDialog_1.default,{open:e,header:s!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogHeaderTxt,{children:s}):void 0,body:i!=null||n!=null?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[i!=null?(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogBodyTxt,{children:i}):null,n]}):void 0,footer:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{alignSelf:"flex-end"},children:(0,jsx_runtime_1.jsx)(text_button_1.TextButton,{color:tds_colors_1.colors.blue500,onPress:_,typography:"t5",fontWeight:"medium",children:o})}),closeOnDimmerClick:c,onClose:r,onExited:a,onEntered:u,...d})}exports.default=AlertDialog;

package/dist/cjs/components/dialog/BaseDialog.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native"),utils_1=require("../../utils"),BaseDialogContents_1=require("./BaseDialogContents"),noop=()=>{},BaseDialog=(0,react_1.forwardRef)(({open:s,header:r,body:a,footer:o,closeOnDimmerClick:c,onClose:l,onExited:u,onEntered:p=noop,...m},d)=>{const e=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.content.close.opacity)).current,n=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.content.close.scale)).current,t=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.dimmer.close.opacity)).current,g=(0,react_1.useCallback)(()=>new Promise(i=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(e,{toValue:animationConfig.content.open.opacity,useNativeDriver:!0,...easings_1.spring.quick}),react_native_1.Animated.spring(n,{toValue:animationConfig.content.open.scale,useNativeDriver:!0,...easings_1.spring.quick}),react_native_1.Animated.spring(t,{toValue:animationConfig.dimmer.open.opacity,useNativeDriver:!0,...easings_1.spring.quick})]).start(()=>{i()})}),[e,n,t]),y=(0,react_1.useCallback)(()=>new Promise(i=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(e,{toValue:animationConfig.content.close.opacity,useNativeDriver:!0,...easings_1.spring.rapid}),react_native_1.Animated.spring(t,{toValue:animationConfig.dimmer.close.opacity,useNativeDriver:!0,...easings_1.spring.rapid})]).start(()=>{i()})}),[e,t]),{presenceState:A}=(0,utils_1.useAnimatePresence)(s,{enter:g,exit:y,onExited:u,onEntered:p}),{startWiggle:f,style:v}=(0,utils_1.useWiggleAnim)({direction:"x",type:"small"});return A==="invisible"?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{}):(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:d,style:styles.container,...m,children:[(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogOverlay,{style:{opacity:t},onPress:c?l:f}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{opacity:e,transform:[{scale:n},...v.transform]}],children:(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogContent,{header:r,body:a,footer:o})})]})});exports.default=BaseDialog;const animationConfig={dimmer:{open:{opacity:.2},close:{opacity:0}},content:{open:{opacity:1,scale:1},close:{opacity:0,scale:.8}}},styles=react_native_1.StyleSheet.create({container:{flex:1,justifyContent:"center",alignItems:"center",position:"absolute",width:"100%",height:"100%"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),utils_1=require("../../utils"),BaseDialogContents_1=require("./BaseDialogContents"),noop=()=>{},BaseDialog=(0,react_1.forwardRef)(({open:s,header:r,body:a,footer:o,closeOnDimmerClick:c,onClose:l,onExited:u,onEntered:p=noop,...m},d)=>{const e=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.content.close.opacity)).current,n=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.content.close.scale)).current,t=(0,react_1.useRef)(new react_native_1.Animated.Value(animationConfig.dimmer.close.opacity)).current,g=(0,react_1.useCallback)(()=>new Promise(i=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(e,{toValue:animationConfig.content.open.opacity,useNativeDriver:!0,...tds_easings_1.spring.quick}),react_native_1.Animated.spring(n,{toValue:animationConfig.content.open.scale,useNativeDriver:!0,...tds_easings_1.spring.quick}),react_native_1.Animated.spring(t,{toValue:animationConfig.dimmer.open.opacity,useNativeDriver:!0,...tds_easings_1.spring.quick})]).start(()=>{i()})}),[e,n,t]),y=(0,react_1.useCallback)(()=>new Promise(i=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(e,{toValue:animationConfig.content.close.opacity,useNativeDriver:!0,...tds_easings_1.spring.rapid}),react_native_1.Animated.spring(t,{toValue:animationConfig.dimmer.close.opacity,useNativeDriver:!0,...tds_easings_1.spring.rapid})]).start(()=>{i()})}),[e,t]),{presenceState:A}=(0,utils_1.useAnimatePresence)(s,{enter:g,exit:y,onExited:u,onEntered:p}),{startWiggle:f,style:v}=(0,utils_1.useWiggleAnim)({direction:"x",type:"small"});return A==="invisible"?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{}):(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:d,style:styles.container,...m,children:[(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogOverlay,{style:{opacity:t},onPress:c?l:f}),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{opacity:e,transform:[{scale:n},...v.transform]}],children:(0,jsx_runtime_1.jsx)(BaseDialogContents_1.DialogContent,{header:r,body:a,footer:o})})]})});exports.default=BaseDialog;const animationConfig={dimmer:{open:{opacity:.2},close:{opacity:0}},content:{open:{opacity:1,scale:1},close:{opacity:0,scale:.8}}},styles=react_native_1.StyleSheet.create({container:{flex:1,justifyContent:"center",alignItems:"center",position:"absolute",width:"100%",height:"100%"}});

package/dist/cjs/components/dialog/BaseDialogContents.d.ts

@@ -13,4 +13,4 @@ declare function DialogContent({ header, body, footer, }: {
 }): import("react/jsx-runtime").JSX.Element;
 declare function DialogHeaderTxt({ ...props }: TxtProps): import("react/jsx-runtime").JSX.Element;
 declare function DialogBodyTxt({ ...props }: TxtProps): import("react/jsx-runtime").JSX.Element;
-export { DialogOverlay, DialogContent, DialogHeaderTxt, DialogBodyTxt };
+export { DialogBodyTxt, DialogContent, DialogHeaderTxt, DialogOverlay };

package/dist/cjs/components/dialog/BaseDialogContents.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DialogOverlay=DialogOverlay,exports.DialogContent=DialogContent,exports.DialogHeaderTxt=DialogHeaderTxt,exports.DialogBodyTxt=DialogBodyTxt;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),react_native_1=require("react-native"),core_1=require("../../core"),txt_1=require("../txt");function DialogOverlay({color:e,style:t,onPress:o}){const{width:n,height:r}=(0,react_native_1.useWindowDimensions)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:o,style:[{width:n,height:r},styles.overlayPressable],children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:e??colors_1.colors.black},styles.overlay,t]})})}function DialogContent({header:e,body:t,footer:o}){const n=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{backgroundColor:n.floatBackground},styles.content],children:[(0,jsx_runtime_1.jsxs)(react_native_1.ScrollView,{style:styles.contentScrollView,children:[e!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{children:e}):null,t!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.contentBody,children:t}):null]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.contentFooter,children:o})]})}function DialogHeaderTxt({...e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:t.grey800,fontWeight:"bold",typography:"t4",...e})}function DialogBodyTxt({...e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:t.grey700,fontWeight:"medium",typography:"t6",...e})}const styles=react_native_1.StyleSheet.create({overlayPressable:{position:"absolute",top:0,left:0},overlay:{width:"100%",height:"100%"},content:{width:312,paddingTop:22,paddingHorizontal:22,paddingBottom:16,borderRadius:24},contentScrollView:{maxHeight:react_native_1.Dimensions.get("window").height*.7},contentBody:{marginTop:8},contentFooter:{marginTop:20}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DialogBodyTxt=DialogBodyTxt,exports.DialogContent=DialogContent,exports.DialogHeaderTxt=DialogHeaderTxt,exports.DialogOverlay=DialogOverlay;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_native_1=require("react-native"),core_1=require("../../core"),txt_1=require("../txt");function DialogOverlay({color:e,style:t,onPress:o}){const{width:n,height:r}=(0,react_native_1.useWindowDimensions)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:o,style:[{width:n,height:r},styles.overlayPressable],children:(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[{backgroundColor:e??tds_colors_1.colors.black},styles.overlay,t]})})}function DialogContent({header:e,body:t,footer:o}){const n=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{backgroundColor:n.floatBackground},styles.content],children:[(0,jsx_runtime_1.jsxs)(react_native_1.ScrollView,{style:styles.contentScrollView,children:[e!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{children:e}):null,t!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.contentBody,children:t}):null]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.contentFooter,children:o})]})}function DialogHeaderTxt({...e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:t.grey800,fontWeight:"bold",typography:"t4",...e})}function DialogBodyTxt({...e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{color:t.grey700,fontWeight:"medium",typography:"t6",...e})}const styles=react_native_1.StyleSheet.create({overlayPressable:{position:"absolute",top:0,left:0},overlay:{width:"100%",height:"100%"},content:{width:312,paddingTop:22,paddingHorizontal:22,paddingBottom:16,borderRadius:24},contentScrollView:{maxHeight:react_native_1.Dimensions.get("window").height*.7},contentBody:{marginTop:8},contentFooter:{marginTop:20}});

package/dist/cjs/components/dropdown/components/Dropdown.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(t,e,n,r){r===void 0&&(r=n);var o=Object.getOwnPropertyDescriptor(e,n);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,r,o)}:function(t,e,n,r){r===void 0&&(r=n),t[r]=e[n]},__setModuleDefault=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},__importStar=function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(r[r.length]=o);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=t(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(n,e,r[o]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=Dropdown;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),core_1=require("../../../core"),Paragraph=__importStar(require("../../paragraph")),react_native_1=require("react-native"),DropdownContext_1=require("../contexts/DropdownContext"),DropdownItem_1=require("./DropdownItem");function Dropdown({title:t,children:e}){const n=(0,core_1.useAdaptive)(),{colorPreference:r}=(0,core_1.useColorPreference)(),{dropdownBaseRef:o}=(0,DropdownContext_1.useDropdown)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:o,style:{width:240,backgroundColor:n.floatBackground,paddingVertical:12,borderRadius:16,shadowColor:r==="light"?react_native_1.Platform.OS==="ios"?colors_1.colors.greyOpacity300:void 0:colors_1.colors.greyOpacity900,shadowOffset:{width:0,height:16},shadowOpacity:1,shadowRadius:60,elevation:40},children:[t!=null?(0,jsx_runtime_1.jsx)(TitleWrapper,{children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"bold",typography:"st8",color:n.grey800,children:t})}):void 0,e]})}function TitleWrapper({style:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingVertical:12,paddingHorizontal:24,flexDirection:"row",alignItems:"center"},t],...e})}Dropdown.Item=DropdownItem_1.DropdownItem;
+"use strict";var __createBinding=Object.create?function(t,e,n,r){r===void 0&&(r=n);var o=Object.getOwnPropertyDescriptor(e,n);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,r,o)}:function(t,e,n,r){r===void 0&&(r=n),t[r]=e[n]},__setModuleDefault=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},__importStar=function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(r[r.length]=o);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=t(e),o=0;o<r.length;o++)r[o]!=="default"&&__createBinding(n,e,r[o]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=Dropdown;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_native_1=require("react-native"),core_1=require("../../../core"),Paragraph=__importStar(require("../../paragraph")),DropdownContext_1=require("../contexts/DropdownContext"),DropdownItem_1=require("./DropdownItem");function Dropdown({title:t,children:e}){const n=(0,core_1.useAdaptive)(),{colorPreference:r}=(0,core_1.useColorPreference)(),{dropdownBaseRef:o}=(0,DropdownContext_1.useDropdown)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:o,style:{width:240,backgroundColor:n.floatBackground,paddingVertical:12,borderRadius:16,shadowColor:r==="light"?react_native_1.Platform.OS==="ios"?tds_colors_1.colors.greyOpacity300:void 0:tds_colors_1.colors.greyOpacity900,shadowOffset:{width:0,height:16},shadowOpacity:1,shadowRadius:60,elevation:40},children:[t!=null?(0,jsx_runtime_1.jsx)(TitleWrapper,{children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"bold",typography:"st8",color:n.grey800,children:t})}):void 0,e]})}function TitleWrapper({style:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingVertical:12,paddingHorizontal:24,flexDirection:"row",alignItems:"center"},t],...e})}Dropdown.Item=DropdownItem_1.DropdownItem;

package/dist/cjs/components/dropdown/components/FixedFloatingDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FixedFloatingDropdown=FixedFloatingDropdown;const jsx_runtime_1=require("react/jsx-runtime"),easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),rally_1=require("../../../interactions/rally"),z_index_1=require("../constants/z-index"),DropdownContext_1=require("../contexts/DropdownContext"),mergeRefs_1=require("../utils/mergeRefs");function FixedFloatingDropdown({children:s,onOpen:f,onClose:n,open:o,dropdown:c,containerStyle:r}){const{placement:g}=(0,DropdownContext_1.useDropdown)(),i=(0,react_1.useRef)(null),d=(0,react_1.useRef)(null),l=(0,react_1.useRef)(null),x=s.ref,R=(0,react_1.cloneElement)(s,{...s.props,ref:x!=null?(0,mergeRefs_1.mergeRefs)(x,i):i,onPress:()=>{o?n?.():f?.(),s.props?.onPress?.()}}),m=(0,core_1.useGlobalEvent)();(0,react_1.useEffect)(()=>{const t=a=>{const e=a.nativeEvent.pageX,u=a.nativeEvent.pageY;l?.current&&l.current.measure((y,v,p,w,E,_)=>{e>=E&&e<=E+p&&u>=_&&u<=_+w||n?.()})};return m.addEventListener("touchEnd",t),()=>{m.removeEventListener("touchEnd",t)}},[l,m,n,i]);const h=(0,core_1.useOverlay)();return(0,react_1.useEffect)(()=>{if(!o){h.close();return}i.current==null||d.current==null||i.current.measure((...t)=>{d.current?.measure((...a)=>{const e={x:0,y:1,width:2,height:3,pageX:4,pageY:5};h.open(({isOpen:u,exit:y,close:v})=>{const p=g==="bottom-start"?{top:(t[e.pageY]??0)+(t[e.height]??0),left:t[e.pageX]}:{top:(t[e.pageY]??0)+(t[e.height]??0),left:(t[e.pageX]??0)+(t[e.width]??0)-(a[e.width]??0)};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:()=>{v(),n?.()},style:[{flex:1,position:"absolute",width:"100%",height:"100%",zIndex:z_index_1.MENU_Z_INDEX},r],children:(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{onExitEnd:y,children:u?(0,jsx_runtime_1.jsx)(FloatingOverlay,{ref:l,style:[p],placement:g,children:c}):void 0})})})})})},[o]),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[R,(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:d,style:{opacity:0,position:"absolute",zIndex:-1},pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:c})]})}const FloatingOverlay=(0,react_1.forwardRef)(function({style:f,children:n,placement:o},c){const r=o==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(rally_1.Rally,{ref:c,style:[{zIndex:9e3,position:"absolute"},f],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:easings_1.spring.medium},children:n})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FixedFloatingDropdown=FixedFloatingDropdown;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),rally_1=require("../../../interactions/rally"),z_index_1=require("../constants/z-index"),DropdownContext_1=require("../contexts/DropdownContext"),mergeRefs_1=require("../utils/mergeRefs");function FixedFloatingDropdown({children:s,onOpen:f,onClose:n,open:o,dropdown:c,containerStyle:r}){const{placement:g}=(0,DropdownContext_1.useDropdown)(),i=(0,react_1.useRef)(null),d=(0,react_1.useRef)(null),l=(0,react_1.useRef)(null),x=s.ref,R=(0,react_1.cloneElement)(s,{...s.props,ref:x!=null?(0,mergeRefs_1.mergeRefs)(x,i):i,onPress:()=>{o?n?.():f?.(),s.props?.onPress?.()}}),m=(0,core_1.useGlobalEvent)();(0,react_1.useEffect)(()=>{const t=a=>{const e=a.nativeEvent.pageX,u=a.nativeEvent.pageY;l?.current&&l.current.measure((v,y,p,w,E,_)=>{e>=E&&e<=E+p&&u>=_&&u<=_+w||n?.()})};return m.addEventListener("touchEnd",t),()=>{m.removeEventListener("touchEnd",t)}},[l,m,n,i]);const h=(0,core_1.useOverlay)();return(0,react_1.useEffect)(()=>{if(!o){h.close();return}i.current==null||d.current==null||i.current.measure((...t)=>{d.current?.measure((...a)=>{const e={x:0,y:1,width:2,height:3,pageX:4,pageY:5};h.open(({isOpen:u,exit:v,close:y})=>{const p=g==="bottom-start"?{top:(t[e.pageY]??0)+(t[e.height]??0),left:t[e.pageX]}:{top:(t[e.pageY]??0)+(t[e.height]??0),left:(t[e.pageX]??0)+(t[e.width]??0)-(a[e.width]??0)};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:()=>{y(),n?.()},style:[{flex:1,position:"absolute",width:"100%",height:"100%",zIndex:z_index_1.MENU_Z_INDEX},r],children:(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{onExitEnd:v,children:u?(0,jsx_runtime_1.jsx)(FloatingOverlay,{ref:l,style:[p],placement:g,children:c}):void 0})})})})})},[o]),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[R,(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:d,style:{opacity:0,position:"absolute",zIndex:-1},pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:c})]})}const FloatingOverlay=(0,react_1.forwardRef)(function({style:f,children:n,placement:o},c){const r=o==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(rally_1.Rally,{ref:c,style:[{zIndex:9e3,position:"absolute"},f],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:r,to:r},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},children:n})});

package/dist/cjs/components/dropdown/components/Trigger.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Trigger=Trigger;const jsx_runtime_1=require("react/jsx-runtime"),rally_1=require("../../../interactions/rally"),core_1=require("../../../core"),react_1=require("react"),react_native_1=require("react-native"),z_index_1=require("../constants/z-index"),DropdownContext_1=require("../contexts/DropdownContext"),mergeRefs_1=require("../utils/mergeRefs"),easings_1=require("@toss-design-system/easings"),FixedFloatingDropdown_1=require("./FixedFloatingDropdown");function ControlledTrigger({children:e,placement:t="bottom-start",strategy:r="absolute",...n}){const o=r==="fixed"?FixedFloatingDropdown_1.FixedFloatingDropdown:AbsoluteFloatingDropdown;return(0,jsx_runtime_1.jsx)(DropdownContext_1.DropdownProvider,{placement:t,children:(0,jsx_runtime_1.jsx)(o,{...n,children:e})})}function AbsoluteFloatingDropdown({children:e,onOpen:t,onClose:r,open:n,dropdown:o,containerStyle:l}){const{targetRef:i,dropdownBaseRef:a}=(0,DropdownContext_1.useDropdown)(),u=e.ref,d=(0,react_1.cloneElement)(e,{...e.props,ref:u!=null?(0,mergeRefs_1.mergeRefs)(u,i):i,onPress:()=>{n?r?.():t?.(),e.props?.onPress?.()}}),s=(0,core_1.useGlobalEvent)();return(0,react_1.useEffect)(()=>{const f=(c,g)=>{a?.current==null||c.target==null||!g&&!isInsideComponent(c.target,a.current)&&!isInsideComponent(c.target,i?.current)&&r?.()};return s.addEventListener("touchEnd",f),()=>{s.removeEventListener("touchEnd",f)}},[a,s,r,i]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{position:"relative",zIndex:z_index_1.MENU_Z_INDEX},l],children:[d,(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{children:n?(0,jsx_runtime_1.jsx)(FloatingOverlay,{children:o}):void 0})]})}function FloatingOverlay({style:e,children:t,...r}){const{targetRef:n,dropdownBaseRef:o,placement:l}=(0,DropdownContext_1.useDropdown)(),[i,a]=(0,react_1.useState)(null),[u,d]=(0,react_1.useState)(null);if((0,react_1.useEffect)(()=>{n?.current!=null&&o?.current!=null&&n.current.measureInWindow((f,c,g,p)=>{o?.current?.measureInWindow((x,h,m,_)=>{a({width:g,height:p}),d({width:m,height:_})})})},[o,n]),u==null||i==null)return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{opacity:0,position:"absolute",alignSelf:"flex-start"},children:t});const s=l==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(rally_1.Rally,{style:[{zIndex:9e3,position:"absolute",top:i.height},l==="bottom-start"?{left:0}:{right:0},e],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:easings_1.spring.medium},...r,children:t})})}function UnControlledTrigger({defaultOpen:e=!1,onOpen:t,onClose:r,...n}){const[o,l]=(0,react_1.useState)(e),i=(0,react_1.useCallback)(()=>{t?.(),l(!0)},[t]),a=(0,react_1.useCallback)(()=>{r?.(),l(!1)},[r]);return(0,jsx_runtime_1.jsx)(ControlledTrigger,{open:o,onOpen:i,onClose:a,...n})}function Trigger(e){return e.open!=null?(0,jsx_runtime_1.jsx)(ControlledTrigger,{...e}):(0,jsx_runtime_1.jsx)(UnControlledTrigger,{...e})}Trigger.zIndex=z_index_1.MENU_Z_INDEX;const isInsideComponent=(e,t)=>{if(e&&t&&e._nativeTag===t._nativeTag)return!0;if(t._children&&t._children.length>0){for(let r=0;r<=t._children.length-1;r++)if(isInsideComponent(e,t._children[r]))return!0}return!1};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Trigger=Trigger;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),rally_1=require("../../../interactions/rally"),z_index_1=require("../constants/z-index"),DropdownContext_1=require("../contexts/DropdownContext"),mergeRefs_1=require("../utils/mergeRefs"),FixedFloatingDropdown_1=require("./FixedFloatingDropdown");function ControlledTrigger({children:e,placement:t="bottom-start",strategy:r="absolute",...n}){const o=r==="fixed"?FixedFloatingDropdown_1.FixedFloatingDropdown:AbsoluteFloatingDropdown;return(0,jsx_runtime_1.jsx)(DropdownContext_1.DropdownProvider,{placement:t,children:(0,jsx_runtime_1.jsx)(o,{...n,children:e})})}function AbsoluteFloatingDropdown({children:e,onOpen:t,onClose:r,open:n,dropdown:o,containerStyle:l}){const{targetRef:i,dropdownBaseRef:a}=(0,DropdownContext_1.useDropdown)(),u=e.ref,d=(0,react_1.cloneElement)(e,{...e.props,ref:u!=null?(0,mergeRefs_1.mergeRefs)(u,i):i,onPress:()=>{n?r?.():t?.(),e.props?.onPress?.()}}),s=(0,core_1.useGlobalEvent)();return(0,react_1.useEffect)(()=>{const f=(c,g)=>{a?.current==null||c.target==null||!g&&!isInsideComponent(c.target,a.current)&&!isInsideComponent(c.target,i?.current)&&r?.()};return s.addEventListener("touchEnd",f),()=>{s.removeEventListener("touchEnd",f)}},[a,s,r,i]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{position:"relative",zIndex:z_index_1.MENU_Z_INDEX},l],children:[d,(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{children:n?(0,jsx_runtime_1.jsx)(FloatingOverlay,{children:o}):void 0})]})}function FloatingOverlay({style:e,children:t,...r}){const{targetRef:n,dropdownBaseRef:o,placement:l}=(0,DropdownContext_1.useDropdown)(),[i,a]=(0,react_1.useState)(null),[u,d]=(0,react_1.useState)(null);if((0,react_1.useEffect)(()=>{n?.current!=null&&o?.current!=null&&n.current.measureInWindow((f,c,g,p)=>{o?.current?.measureInWindow((x,h,m,_)=>{a({width:g,height:p}),d({width:m,height:_})})})},[o,n]),u==null||i==null)return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{opacity:0,position:"absolute",alignSelf:"flex-start"},children:t});const s=l==="bottom-start"?"left":"right";return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(rally_1.Rally,{style:[{zIndex:9e3,position:"absolute",top:i.height},l==="bottom-start"?{left:0}:{right:0},e],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:tds_easings_1.spring.medium},...r,children:t})})}function UnControlledTrigger({defaultOpen:e=!1,onOpen:t,onClose:r,...n}){const[o,l]=(0,react_1.useState)(e),i=(0,react_1.useCallback)(()=>{t?.(),l(!0)},[t]),a=(0,react_1.useCallback)(()=>{r?.(),l(!1)},[r]);return(0,jsx_runtime_1.jsx)(ControlledTrigger,{open:o,onOpen:i,onClose:a,...n})}function Trigger(e){return e.open!=null?(0,jsx_runtime_1.jsx)(ControlledTrigger,{...e}):(0,jsx_runtime_1.jsx)(UnControlledTrigger,{...e})}Trigger.zIndex=z_index_1.MENU_Z_INDEX;const isInsideComponent=(e,t)=>{if(e&&t&&e._nativeTag===t._nativeTag)return!0;if(t._children&&t._children.length>0){for(let r=0;r<=t._children.length-1;r++)if(isInsideComponent(e,t._children[r]))return!0}return!1};

package/dist/cjs/components/gradient/LinearGradient.d.ts

@@ -1,4 +1,4 @@
-import { GetLinearGradientOption } from '@toss-design-system/color-utils';
 import { Svg, SvgProps } from '@granite-js/native/react-native-svg';
+import { GetLinearGradientOption } from '@toss/tds-color-utils';
 export type LinearGradientProps = GetLinearGradientOption & SvgProps;
 export declare const LinearGradient: import("react").ForwardRefExoticComponent<LinearGradientProps & import("react").RefAttributes<Svg>>;

package/dist/cjs/components/gradient/LinearGradient.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinearGradient=void 0;const jsx_runtime_1=require("react/jsx-runtime"),color_utils_1=require("@toss-design-system/color-utils"),react_1=require("react"),react_native_svg_1=require("@granite-js/native/react-native-svg"),DECIMAL_PRECISION=4;exports.LinearGradient=(0,react_1.forwardRef)(function({children:c,degree:e="180deg",easing:n,colors:r,positions:s,colorStopCount:i,...d},u){const g=(0,react_1.useMemo)(()=>(0,color_utils_1.getLinearGradientRgbaArray)({easing:n,colors:r,positions:s,colorStopCount:i}).map(({rgba:a,position:o})=>{const[f,p,h,x]=a;return{offset:(0,color_utils_1.fixedDecimalRound)(o*100,DECIMAL_PRECISION)+"%",stopColor:`rgb(${f}, ${p}, ${h})`,stopOpacity:x}}),[JSON.stringify(r)]),l=(0,react_1.useMemo)(()=>calculateGradientCoordinates(e),[e]);return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{ref:u,height:"100%",width:"100%",...d,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.LinearGradient,{id:"grad",...l,children:g.map((a,o)=>(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{...a},o))})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:0,y:0,width:"100%",height:"100%",fill:"url(#grad)"}),c]})});function parseDegree(t){return typeof t=="string"?parseFloat(t.replace("deg","").trim()):t}function calculateGradientCoordinates(t){const e=parseDegree(t)%360*Math.PI/180,n=.5-.5*Math.sin(e),r=.5+.5*Math.cos(e),s=.5+.5*Math.sin(e),i=.5-.5*Math.cos(e);return{x1:n,y1:r,x2:s,y2:i}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinearGradient=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_color_utils_1=require("@toss/tds-color-utils"),react_1=require("react"),DECIMAL_PRECISION=4;exports.LinearGradient=(0,react_1.forwardRef)(function({children:c,degree:e="180deg",easing:n,colors:r,positions:s,colorStopCount:i,...d},u){const g=(0,react_1.useMemo)(()=>(0,tds_color_utils_1.getLinearGradientRgbaArray)({easing:n,colors:r,positions:s,colorStopCount:i}).map(({rgba:a,position:o})=>{const[f,p,h,x]=a;return{offset:(0,tds_color_utils_1.fixedDecimalRound)(o*100,DECIMAL_PRECISION)+"%",stopColor:`rgb(${f}, ${p}, ${h})`,stopOpacity:x}}),[JSON.stringify(r)]),l=(0,react_1.useMemo)(()=>calculateGradientCoordinates(e),[e]);return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{ref:u,height:"100%",width:"100%",...d,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.LinearGradient,{id:"grad",...l,children:g.map((a,o)=>(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{...a},o))})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:0,y:0,width:"100%",height:"100%",fill:"url(#grad)"}),c]})});function parseDegree(t){return typeof t=="string"?parseFloat(t.replace("deg","").trim()):t}function calculateGradientCoordinates(t){const e=parseDegree(t)%360*Math.PI/180,n=.5-.5*Math.sin(e),r=.5+.5*Math.cos(e),s=.5+.5*Math.sin(e),i=.5-.5*Math.cos(e);return{x1:n,y1:r,x2:s,y2:i}}

package/dist/cjs/components/gradient/RadialGradient.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadialGradient=void 0;const jsx_runtime_1=require("react/jsx-runtime"),color_utils_1=require("@toss-design-system/color-utils"),react_1=require("react"),react_native_svg_1=require("@granite-js/native/react-native-svg"),DECIMAL_PRECISION=4;exports.RadialGradient=(0,react_1.forwardRef)(function({children:o,colors:s,positions:i,...n},a){const c=(0,react_1.useMemo)(()=>{const t=(0,color_utils_1.ensureColorValue)(s),e=(0,color_utils_1.getRGBAFromColors)(t).map(color_utils_1.extractNumbersFromRGBA),r=i??(0,color_utils_1.getDefaultPosition)(t);return e.map((l,d)=>{const u=r[d]??1,[p,g,x,f]=l;return{offset:(0,color_utils_1.fixedDecimalRound)(u*100,DECIMAL_PRECISION)+"%",stopColor:`rgb(${p}, ${g}, ${x})`,stopOpacity:f}})},[JSON.stringify(s)]);return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{ref:a,height:"100%",width:"100%",...n,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.RadialGradient,{gradientUnits:"userSpaceOnUse",id:"grad",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",children:c.map(({offset:t,stopColor:e,stopOpacity:r})=>(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:t,stopColor:e,stopOpacity:r},t))})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:"url(#grad)"}),o]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RadialGradient=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_color_utils_1=require("@toss/tds-color-utils"),react_1=require("react"),DECIMAL_PRECISION=4;exports.RadialGradient=(0,react_1.forwardRef)(function({children:o,colors:s,positions:i,...n},a){const c=(0,react_1.useMemo)(()=>{const t=(0,tds_color_utils_1.ensureColorValue)(s),e=(0,tds_color_utils_1.getRGBAFromColors)(t).map(tds_color_utils_1.extractNumbersFromRGBA),r=i??(0,tds_color_utils_1.getDefaultPosition)(t);return e.map((d,l)=>{const u=r[l]??1,[p,g,x,f]=d;return{offset:(0,tds_color_utils_1.fixedDecimalRound)(u*100,DECIMAL_PRECISION)+"%",stopColor:`rgb(${p}, ${g}, ${x})`,stopOpacity:f}})},[JSON.stringify(s)]);return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{ref:a,height:"100%",width:"100%",...n,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.RadialGradient,{gradientUnits:"userSpaceOnUse",id:"grad",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",children:c.map(({offset:t,stopColor:e,stopOpacity:r})=>(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:t,stopColor:e,stopOpacity:r},t))})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{x:"0",y:"0",width:"100%",height:"100%",fill:"url(#grad)"}),o]})});

package/dist/cjs/components/highlight/Highlight.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Highlight=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),colors_1=require("@toss-design-system/colors"),core_1=require("../../core"),HighlightUI_1=require("./HighlightUI"),hooks_1=require("./hooks"),useTimestampRef_1=require("./hooks/useTimestampRef"),mergeRefs_1=require("./utils/mergeRefs");exports.Highlight=(0,react_1.forwardRef)(function({open:r,delay:n=0,padding:e=0,paddingLeft:u=e,paddingTop:l=e,paddingRight:h=e,paddingBottom:f=e,message:a,messageColor:m=colors_1.colors.white,messageXAlignment:g,messageYAlignment:_,onPress:t,onExited:R,onTargetPress:q,children:v,closeLockDuration:x=0,...s},w){const j={padding:e,paddingLeft:u,paddingTop:l,paddingRight:h,paddingBottom:f,message:a,messageColor:m,messageXAlignment:g,messageYAlignment:_,onPress:t,onTargetPress:q,...s},i=(0,core_1.useOverlay)(),o=(0,hooks_1.useTimeout)(),c=(0,react_1.useRef)(null),p=(0,useTimestampRef_1.useTimestampRef)({active:r});return(0,react_1.useEffect)(()=>{if(r)return o.set(()=>{c.current?.measureInWindow((H,T,I,y)=>{i.open(({isOpen:U,close:d,exit:k})=>(0,jsx_runtime_1.jsx)(HighlightUI_1.HighlightUI,{...j,x:H,y:T,width:I,height:y,open:U,onPress:()=>{new Date().getTime()-p.current>x*1e3&&(t?.(),d())},onExited:()=>{R?.(),k()}}))})},n*1e3),o.clear;i.close()},[r]),(0,jsx_runtime_1.jsx)(react_native_1.View,{...s,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:(0,mergeRefs_1.mergeRefs)(w,c),removeClippedSubviews:!1,children:v})})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Highlight=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_colors_1=require("@toss/tds-colors"),core_1=require("../../core"),HighlightUI_1=require("./HighlightUI"),hooks_1=require("./hooks"),useTimestampRef_1=require("./hooks/useTimestampRef"),mergeRefs_1=require("./utils/mergeRefs");exports.Highlight=(0,react_1.forwardRef)(function({open:r,delay:u=0,padding:e=0,paddingLeft:n=e,paddingTop:l=e,paddingRight:h=e,paddingBottom:f=e,message:a,messageColor:m=tds_colors_1.colors.white,messageXAlignment:g,messageYAlignment:_,onPress:t,onExited:R,onTargetPress:q,children:v,closeLockDuration:x=0,...s},w){const j={padding:e,paddingLeft:n,paddingTop:l,paddingRight:h,paddingBottom:f,message:a,messageColor:m,messageXAlignment:g,messageYAlignment:_,onPress:t,onTargetPress:q,...s},i=(0,core_1.useOverlay)(),o=(0,hooks_1.useTimeout)(),c=(0,react_1.useRef)(null),p=(0,useTimestampRef_1.useTimestampRef)({active:r});return(0,react_1.useEffect)(()=>{if(r)return o.set(()=>{c.current?.measureInWindow((H,T,I,d)=>{i.open(({isOpen:U,close:k,exit:y})=>(0,jsx_runtime_1.jsx)(HighlightUI_1.HighlightUI,{...j,x:H,y:T,width:I,height:d,open:U,onPress:()=>{new Date().getTime()-p.current>x*1e3&&(t?.(),k())},onExited:()=>{R?.(),y()}}))})},u*1e3),o.clear;i.close()},[r]),(0,jsx_runtime_1.jsx)(react_native_1.View,{...s,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:(0,mergeRefs_1.mergeRefs)(w,c),removeClippedSubviews:!1,children:v})})});

package/dist/cjs/components/highlight/HighlightUI.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlightUI=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),colors_1=require("@toss-design-system/colors"),utils_1=require("../../utils"),components_1=require("./components"),hooks_1=require("./hooks"),utils_2=require("./utils");exports.HighlightUI=(0,react_1.forwardRef)(function({open:g,x:s,y:o,width:r,height:l,padding:e=0,paddingLeft:h=e,paddingTop:m=e,paddingRight:y=e,paddingBottom:p=e,message:t,messageColor:d=colors_1.colors.white,messageXAlignment:v,messageYAlignment:x,onPress:_,onExited:A,onTargetPress:j,...a},w){const n=(0,utils_2.addLayoutPadding)({layout:{x:s,y:o,width:r,height:l},padding:{paddingLeft:h,paddingTop:m,paddingRight:y,paddingBottom:p}}),{style:i,enter:q,exit:H}=(0,hooks_1.useHighlightUIAnimation)(),{width:f,height:S}=react_native_1.Dimensions.get("window"),E=v??(0,utils_2.getElementXAlignment)({x:s,width:r,parentWidth:f}),c=x??(0,utils_2.getElementYAlignment)({y:o,height:l,parentHeight:S}),{presenceState:u}=(0,utils_1.useAnimatePresence)(g,{enter:q,exit:H,onExited:A});return u==="invisible"?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:w,...a,style:[react_native_1.StyleSheet.absoluteFill,{pointerEvents:"none"},a.style],children:[(0,jsx_runtime_1.jsx)(components_1.SvgHighlightOverlay,{layout:n,opacity:i.overlayOpacity,holeStep:i.holeStep}),t&&(0,jsx_runtime_1.jsx)(components_1.MessageBox,{layout:n,opacity:i.messageOpacity,yAlignment:c,children:typeof t=="string"?(0,jsx_runtime_1.jsx)(components_1.Message,{layout:n,color:d,xAlignment:E,yAlignment:c,children:t}):t})]}),(0,jsx_runtime_1.jsx)(components_1.PassClickEventThroughHoleOverlay,{layout:n,onPress:_,onTargetPress:j,style:{pointerEvents:u==="invisible-animation"?"none":"auto"}})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HighlightUI=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_colors_1=require("@toss/tds-colors"),utils_1=require("../../utils"),components_1=require("./components"),hooks_1=require("./hooks"),utils_2=require("./utils");exports.HighlightUI=(0,react_1.forwardRef)(function({open:g,x:s,y:o,width:r,height:l,padding:e=0,paddingLeft:h=e,paddingTop:m=e,paddingRight:y=e,paddingBottom:d=e,message:t,messageColor:p=tds_colors_1.colors.white,messageXAlignment:v,messageYAlignment:x,onPress:_,onExited:A,onTargetPress:j,...a},w){const n=(0,utils_2.addLayoutPadding)({layout:{x:s,y:o,width:r,height:l},padding:{paddingLeft:h,paddingTop:m,paddingRight:y,paddingBottom:d}}),{style:i,enter:q,exit:H}=(0,hooks_1.useHighlightUIAnimation)(),{width:f,height:S}=react_native_1.Dimensions.get("window"),E=v??(0,utils_2.getElementXAlignment)({x:s,width:r,parentWidth:f}),c=x??(0,utils_2.getElementYAlignment)({y:o,height:l,parentHeight:S}),{presenceState:u}=(0,utils_1.useAnimatePresence)(g,{enter:q,exit:H,onExited:A});return u==="invisible"?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:w,...a,style:[react_native_1.StyleSheet.absoluteFill,{pointerEvents:"none"},a.style],children:[(0,jsx_runtime_1.jsx)(components_1.SvgHighlightOverlay,{layout:n,opacity:i.overlayOpacity,holeStep:i.holeStep}),t&&(0,jsx_runtime_1.jsx)(components_1.MessageBox,{layout:n,opacity:i.messageOpacity,yAlignment:c,children:typeof t=="string"?(0,jsx_runtime_1.jsx)(components_1.Message,{layout:n,color:p,xAlignment:E,yAlignment:c,children:t}):t})]}),(0,jsx_runtime_1.jsx)(components_1.PassClickEventThroughHoleOverlay,{layout:n,onPress:_,onTargetPress:j,style:{pointerEvents:u==="invisible-animation"?"none":"auto"}})]})});

package/dist/cjs/components/highlight/components/MessageBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageBox=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),easings_1=require("@toss-design-system/easings"),animated_1=require("../../../interactions/animated"),asset_1=require("../../asset"),utils_1=require("../utils"),HORIZONTAL_PADDING=12,MessageBox=({layout:{x:i,y:s,width:r,height:n},yAlignment:o,opacity:a,children:u})=>{const{height:c}=react_native_1.Dimensions.get("window"),t=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,e=o==="top";return(0,react_1.useEffect)(()=>{animated_1.Animated.sequence([animated_1.Animated.timing(t,{toValue:e?5:-5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...easings_1.bezier.out),duration:(0,utils_1.sToMs)(.6)}),animated_1.Animated.timing(t,{toValue:e?-5:5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...easings_1.bezier.out),duration:(0,utils_1.sToMs)(.8)}),animated_1.Animated.timing(t,{toValue:e?5:-5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...easings_1.bezier.out),duration:(0,utils_1.sToMs)(.8)})]).start()},[]),(0,jsx_runtime_1.jsxs)(animated_1.Animated.View,{style:[{position:"absolute",left:0,right:0},e?{bottom:c-s+HORIZONTAL_PADDING,flexDirection:"column-reverse"}:{top:s+n+HORIZONTAL_PADDING,flexDirection:"column"},{transform:[{translateY:t}],opacity:a}],children:[(0,jsx_runtime_1.jsx)(asset_1.Asset.Icon,{style:{left:i+r/2-HORIZONTAL_PADDING,transform:[{rotateX:e?"180deg":"0deg"}]},frameShape:asset_1.Asset.frameShape.CleanW24,name:"icon-arrow-up-sidebar-mono",color:"white"}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{position:"relative",width:"100%"}],children:u})]})};exports.MessageBox=MessageBox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageBox=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_easings_1=require("@toss/tds-easings"),animated_1=require("../../../interactions/animated"),asset_1=require("../../asset"),utils_1=require("../utils"),HORIZONTAL_PADDING=12,MessageBox=({layout:{x:i,y:s,width:r,height:n},yAlignment:o,opacity:a,children:u})=>{const{height:c}=react_native_1.Dimensions.get("window"),t=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,e=o==="top";return(0,react_1.useEffect)(()=>{animated_1.Animated.sequence([animated_1.Animated.timing(t,{toValue:e?5:-5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:(0,utils_1.sToMs)(.6)}),animated_1.Animated.timing(t,{toValue:e?-5:5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:(0,utils_1.sToMs)(.8)}),animated_1.Animated.timing(t,{toValue:e?5:-5,useNativeDriver:!0,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:(0,utils_1.sToMs)(.8)})]).start()},[]),(0,jsx_runtime_1.jsxs)(animated_1.Animated.View,{style:[{position:"absolute",left:0,right:0},e?{bottom:c-s+HORIZONTAL_PADDING,flexDirection:"column-reverse"}:{top:s+n+HORIZONTAL_PADDING,flexDirection:"column"},{transform:[{translateY:t}],opacity:a}],children:[(0,jsx_runtime_1.jsx)(asset_1.Asset.Icon,{style:{left:i+r/2-HORIZONTAL_PADDING,transform:[{rotateX:e?"180deg":"0deg"}]},frameShape:asset_1.Asset.frameShape.CleanW24,name:"icon-arrow-up-sidebar-mono",color:"white"}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{position:"relative",width:"100%"}],children:u})]})};exports.MessageBox=MessageBox;

package/dist/cjs/components/highlight/hooks/useHighlightUIAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHighlightUIAnimation=void 0;const react_1=require("react"),react_native_1=require("react-native"),easings_1=require("@toss-design-system/easings"),animated_1=require("../../../interactions/animated"),useHighlightUIAnimation=()=>{const e=react_native_1.Platform.OS==="android",t=(0,react_1.useRef)(new animated_1.Animated.Value(e?1:0)).current,i=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current;return{style:{overlayOpacity:i,holeStep:t,messageOpacity:r},enter:()=>new Promise(n=>animated_1.Animated.parallel([...e?[]:[animated_1.Animated.spring(t,{...easings_1.spring.basic,toValue:1,useNativeDriver:!0})],animated_1.Animated.spring(i,{...easings_1.spring.basic,toValue:1,useNativeDriver:!0}),animated_1.Animated.spring(r,{...easings_1.spring.quick,toValue:1,useNativeDriver:!0})]).start(()=>{n()})),exit:()=>new Promise(n=>{animated_1.Animated.parallel([...e?[]:[animated_1.Animated.spring(t,{...easings_1.spring.slow,toValue:2,useNativeDriver:!0})],animated_1.Animated.spring(i,{...easings_1.spring.basic,toValue:0,useNativeDriver:!0}),animated_1.Animated.spring(r,{...easings_1.spring.rapid,toValue:0,useNativeDriver:!0})]).start(()=>{n()})})}};exports.useHighlightUIAnimation=useHighlightUIAnimation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHighlightUIAnimation=void 0;const react_1=require("react"),react_native_1=require("react-native"),tds_easings_1=require("@toss/tds-easings"),animated_1=require("../../../interactions/animated"),useHighlightUIAnimation=()=>{const e=react_native_1.Platform.OS==="android",t=(0,react_1.useRef)(new animated_1.Animated.Value(e?1:0)).current,i=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current;return{style:{overlayOpacity:i,holeStep:t,messageOpacity:r},enter:()=>new Promise(n=>animated_1.Animated.parallel([...e?[]:[animated_1.Animated.spring(t,{...tds_easings_1.spring.basic,toValue:1,useNativeDriver:!0})],animated_1.Animated.spring(i,{...tds_easings_1.spring.basic,toValue:1,useNativeDriver:!0}),animated_1.Animated.spring(r,{...tds_easings_1.spring.quick,toValue:1,useNativeDriver:!0})]).start(()=>{n()})),exit:()=>new Promise(n=>{animated_1.Animated.parallel([...e?[]:[animated_1.Animated.spring(t,{...tds_easings_1.spring.slow,toValue:2,useNativeDriver:!0})],animated_1.Animated.spring(i,{...tds_easings_1.spring.basic,toValue:0,useNativeDriver:!0}),animated_1.Animated.spring(r,{...tds_easings_1.spring.rapid,toValue:0,useNativeDriver:!0})]).start(()=>{n()})})}};exports.useHighlightUIAnimation=useHighlightUIAnimation;

package/dist/cjs/components/icon-button/IconButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),easings_1=require("@toss-design-system/easings"),animated_1=require("../../interactions/animated"),color_utils_1=require("@toss-design-system/color-utils"),core_1=require("../../core"),private_1=require("../icon/private"),generateHapticFeedback_1=require("../../native/generateHapticFeedback"),react_1=require("react"),react_native_1=require("react-native"),AnimatedSvg=animated_1.Animated.createAnimatedComponent(react_native_svg_1.Svg),AnimatedRect=animated_1.Animated.createAnimatedComponent(react_native_svg_1.Rect),AnimatedPressable=animated_1.Animated.createAnimatedComponent(react_native_1.Pressable),IconButtonImpl=(0,react_1.forwardRef)(function({source:d,name:g,color:r,bgColor:h,variant:t="clear",label:A,iconSize:o=24,children:y,style:x,onPressIn:p,onPressOut:m,...C},k){const f=(0,core_1.useAdaptive)(),c=h??f.greyOpacity100,R={borderWidth:1,borderStyle:"solid",borderColor:f.greyOpacity100},n=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,i=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,_=n.interpolate({inputRange:[0,1],outputRange:[c,(0,color_utils_1.getNextColorValue)({color:c})]}),a=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,V=a.interpolate({inputRange:[0,1],outputRange:["transparent",c]}),u=r!=null,s=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,q=s.interpolate({inputRange:[0,1],outputRange:[r??"grey",r?(0,color_utils_1.getNextColorValue)({color:r}):"grey"]}),v=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(i,{toValue:.9,useNativeDriver:!1,...easings_1.spring.rapid}).start(),t==="fill"?animated_1.Animated.timing(n,{toValue:1,useNativeDriver:!1,easing:react_native_1.Easing.bezier(...easings_1.bezier.out),duration:500}).start():animated_1.Animated.spring(a,{toValue:1,useNativeDriver:!1,...easings_1.spring.rapid}).start(),u&&animated_1.Animated.spring(s,{toValue:1,useNativeDriver:!1,...easings_1.spring.rapid}).start()},[n,a,s,i,t,u]),b=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(i,{toValue:1,useNativeDriver:!1,...easings_1.spring.quick}).start(),t==="fill"?animated_1.Animated.timing(n,{toValue:0,useNativeDriver:!1,easing:react_native_1.Easing.bezier(...easings_1.bezier.out),duration:500}).start():animated_1.Animated.spring(a,{toValue:0,useNativeDriver:!1,...easings_1.spring.quick}).start(),u&&animated_1.Animated.spring(s,{toValue:0,useNativeDriver:!1,...easings_1.spring.quick}).start()},[n,a,s,i,t,u]),w=(0,react_1.useCallback)(l=>{v(),p?.(l),(0,generateHapticFeedback_1.generateHapticFeedback)({type:"tickWeak"})},[v,p]),I=(0,react_1.useCallback)(l=>{b(),m?.(l)},[m,b]);return(0,jsx_runtime_1.jsx)(AnimatedPressable,{ref:k,style:[{borderRadius:getRadius(o),transform:[{scale:i}],padding:getPaddingFromSize(o),backgroundColor:t==="fill"?_:V,...t==="border"?R:void 0},x],onPressIn:w,onPressOut:I,accessible:!0,accessibilityRole:"button",accessibilityLabel:A,...C,children:(0,jsx_runtime_1.jsx)(AnimatedSvg,{height:o,width:o,viewBox:"0 0 100 100",children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_svg_1.Mask,{id:"mask",x:"0",y:"0",width:"100",height:"100",children:[d!==void 0&&(0,jsx_runtime_1.jsx)(react_native_svg_1.Image,{href:d,x:"0",y:"0",height:"100",width:"100",preserveAspectRatio:"xMidYMid meet"}),g!==void 0&&(0,jsx_runtime_1.jsx)(private_1.SvgIcon,{name:g,x:"0",y:"0",height:"100",width:"100",preserveAspectRatio:"xMidYMid meet"})]}),(0,jsx_runtime_1.jsx)(AnimatedRect,{x:"0",y:"0",width:"100%",height:"100%",mask:"url(#mask)",fill:r&&q}),y]})})})});exports.IconButton=(0,react_1.memo)(IconButtonImpl);function getPaddingFromSize(e){return 18<=e&&e<=20?9:e/2}function getRadius(e){return e<=16?6:e<=20?8:12}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_color_utils_1=require("@toss/tds-color-utils"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),animated_1=require("../../interactions/animated"),generateHapticFeedback_1=require("../../native/generateHapticFeedback"),private_1=require("../icon/private"),AnimatedSvg=animated_1.Animated.createAnimatedComponent(react_native_svg_1.Svg),AnimatedRect=animated_1.Animated.createAnimatedComponent(react_native_svg_1.Rect),AnimatedPressable=animated_1.Animated.createAnimatedComponent(react_native_1.Pressable),IconButtonImpl=(0,react_1.forwardRef)(function({source:d,name:g,color:r,bgColor:h,variant:t="clear",label:A,iconSize:o=24,children:x,style:y,onPressIn:p,onPressOut:m,...C},k){const f=(0,core_1.useAdaptive)(),c=h??f.greyOpacity100,_={borderWidth:1,borderStyle:"solid",borderColor:f.greyOpacity100},n=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,i=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,R=n.interpolate({inputRange:[0,1],outputRange:[c,(0,tds_color_utils_1.getNextColorValue)({color:c})]}),a=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,V=a.interpolate({inputRange:[0,1],outputRange:["transparent",c]}),u=r!=null,s=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,q=s.interpolate({inputRange:[0,1],outputRange:[r??"grey",r?(0,tds_color_utils_1.getNextColorValue)({color:r}):"grey"]}),v=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(i,{toValue:.9,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start(),t==="fill"?animated_1.Animated.timing(n,{toValue:1,useNativeDriver:!1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500}).start():animated_1.Animated.spring(a,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start(),u&&animated_1.Animated.spring(s,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[n,a,s,i,t,u]),b=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(i,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick}).start(),t==="fill"?animated_1.Animated.timing(n,{toValue:0,useNativeDriver:!1,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),duration:500}).start():animated_1.Animated.spring(a,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start(),u&&animated_1.Animated.spring(s,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()},[n,a,s,i,t,u]),w=(0,react_1.useCallback)(l=>{v(),p?.(l),(0,generateHapticFeedback_1.generateHapticFeedback)({type:"tickWeak"})},[v,p]),I=(0,react_1.useCallback)(l=>{b(),m?.(l)},[m,b]);return(0,jsx_runtime_1.jsx)(AnimatedPressable,{ref:k,style:[{borderRadius:getRadius(o),transform:[{scale:i}],padding:getPaddingFromSize(o),backgroundColor:t==="fill"?R:V,...t==="border"?_:void 0},y],onPressIn:w,onPressOut:I,accessible:!0,accessibilityRole:"button",accessibilityLabel:A,...C,children:(0,jsx_runtime_1.jsx)(AnimatedSvg,{height:o,width:o,viewBox:"0 0 100 100",children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_svg_1.Mask,{id:"mask",x:"0",y:"0",width:"100",height:"100",children:[d!==void 0&&(0,jsx_runtime_1.jsx)(react_native_svg_1.Image,{href:d,x:"0",y:"0",height:"100",width:"100",preserveAspectRatio:"xMidYMid meet"}),g!==void 0&&(0,jsx_runtime_1.jsx)(private_1.SvgIcon,{name:g,x:"0",y:"0",height:"100",width:"100",preserveAspectRatio:"xMidYMid meet"})]}),(0,jsx_runtime_1.jsx)(AnimatedRect,{x:"0",y:"0",width:"100%",height:"100%",mask:"url(#mask)",fill:r&&q}),x]})})})});exports.IconButton=(0,react_1.memo)(IconButtonImpl);function getPaddingFromSize(e){return 18<=e&&e<=20?9:e/2}function getRadius(e){return e<=16?6:e<=20?8:12}

package/dist/cjs/components/keypad/FullSecureKeypad/BackspaceIcon.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}:function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]},__setModuleDefault=Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e},__importStar=function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.BackspaceIcon=BackspaceIcon;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),colors_1=require("@toss-design-system/colors");function BackspaceIcon(){return(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{viewBox:"0 0 24 24","aria-label":"\uC9C0\uC6B0\uAE30",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{fill:colors_1.colors.white,fillRule:"evenodd",d:"M20.966 10.8H6.93l5.451-5.451a1.2 1.2 0 10-1.697-1.697l-7.5 7.5c-.003.002-.004.006-.007.009a1.2 1.2 0 00-.252 1.298c.06.143.145.27.252.38l.007.01 7.5 7.5c.235.234.542.35.848.35a1.2 1.2 0 00.849-2.048L6.931 13.2h14.036a1.2 1.2 0 100-2.4"})})}
+"use strict";var __createBinding=Object.create?function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}:function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]},__setModuleDefault=Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e},__importStar=function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.BackspaceIcon=BackspaceIcon;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors");function BackspaceIcon(){return(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{viewBox:"0 0 24 24","aria-label":"\uC9C0\uC6B0\uAE30",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{fill:tds_colors_1.colors.white,fillRule:"evenodd",d:"M20.966 10.8H6.93l5.451-5.451a1.2 1.2 0 10-1.697-1.697l-7.5 7.5c-.003.002-.004.006-.007.009a1.2 1.2 0 00-.252 1.298c.06.143.145.27.252.38l.007.01 7.5 7.5c.235.234.542.35.848.35a1.2 1.2 0 00.849-2.048L6.931 13.2h14.036a1.2 1.2 0 100-2.4"})})}

package/dist/cjs/components/keypad/FullSecureKeypad/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullSecureKeypad=void 0;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),colors_1=require("@toss-design-system/colors"),react_1=require("react"),react_native_1=require("react-native"),ControlKeyButton_1=require("./ControlKeyButton"),GridItem_1=require("./GridItem"),GridRow_1=require("./GridRow"),keys_1=require("./keys"),SecureKeyButton_1=require("./SecureKeyButton"),ShiftIcon_1=require("./ShiftIcon"),useKeypad_1=require("./useKeypad");exports.FullSecureKeypad=(0,react_1.memo)((0,react_1.forwardRef)(({style:d,onKeyPress:s,onBackspacePress:n,onSpacePress:c,onSubmit:u,submitButtonText:a="\uC785\uB825 \uC644\uB8CC",submitDisabled:l=!1},y)=>{const o=(0,core_1.useAdaptive)(),e=(0,useKeypad_1.useKeypad)(),i=(0,react_1.useRef)(null);(0,react_1.useImperativeHandle)(y,()=>({reorderEmptyCells:e.reorderEmptyCells,element:i.current}),[e]);const _=(0,react_1.useCallback)(r=>{r===keys_1.SPECIAL_KEY.backspace?n():s(r)},[s,n]);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{backgroundColor:"#283447"},d],ref:i,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingTop:6,paddingHorizontal:0,paddingBottom:10},children:e.keys.map((r,p)=>(0,jsx_runtime_1.jsx)(GridRow_1.GridRow,{height:52,horizontalPadding:10,children:r.keys.map(t=>t.value===""?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1}},t.value):(0,jsx_runtime_1.jsx)(SecureKeyButton_1.SecureKeyButton,{secureKey:t,onPressIn:_},t.value))},`${e.mode}-${p}`))}),(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsxs)(GridRow_1.GridRow,{height:56,children:[(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SHIFT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:e.toggleShift,disabled:e.mode===useKeypad_1.KeypadStatus.SPECIAL,children:(0,jsx_runtime_1.jsx)(ShiftIcon_1.ShiftIcon,{color:e.mode===useKeypad_1.KeypadStatus.SPECIAL?o.grey500:colors_1.colors.white,filled:e.mode===useKeypad_1.KeypadStatus.ALPHABET_CAPITALIZED})})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_CHARACTER_TYPE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:e.toggleSpecialAndAlphabet,children:e.mode===useKeypad_1.KeypadStatus.SPECIAL?"\uC601\uBB38":"\uD2B9\uC218"})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SPACE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:c,children:"Space"})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SUBMIT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:()=>{u()},color:l?o.blue100:o.blue500,disabled:l,children:a})})]})})]})}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullSecureKeypad=void 0;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),ControlKeyButton_1=require("./ControlKeyButton"),GridItem_1=require("./GridItem"),GridRow_1=require("./GridRow"),keys_1=require("./keys"),SecureKeyButton_1=require("./SecureKeyButton"),ShiftIcon_1=require("./ShiftIcon"),useKeypad_1=require("./useKeypad");exports.FullSecureKeypad=(0,react_1.memo)((0,react_1.forwardRef)(({style:d,onKeyPress:s,onBackspacePress:n,onSpacePress:c,onSubmit:u,submitButtonText:a="\uC785\uB825 \uC644\uB8CC",submitDisabled:l=!1},y)=>{const o=(0,core_1.useAdaptive)(),e=(0,useKeypad_1.useKeypad)(),i=(0,react_1.useRef)(null);(0,react_1.useImperativeHandle)(y,()=>({reorderEmptyCells:e.reorderEmptyCells,element:i.current}),[e]);const _=(0,react_1.useCallback)(r=>{r===keys_1.SPECIAL_KEY.backspace?n():s(r)},[s,n]);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{backgroundColor:"#283447"},d],ref:i,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingTop:6,paddingHorizontal:0,paddingBottom:10},children:e.keys.map((r,p)=>(0,jsx_runtime_1.jsx)(GridRow_1.GridRow,{height:52,horizontalPadding:10,children:r.keys.map(t=>t.value===""?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1}},t.value):(0,jsx_runtime_1.jsx)(SecureKeyButton_1.SecureKeyButton,{secureKey:t,onPressIn:_},t.value))},`${e.mode}-${p}`))}),(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsxs)(GridRow_1.GridRow,{height:56,children:[(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SHIFT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:e.toggleShift,disabled:e.mode===useKeypad_1.KeypadStatus.SPECIAL,children:(0,jsx_runtime_1.jsx)(ShiftIcon_1.ShiftIcon,{color:e.mode===useKeypad_1.KeypadStatus.SPECIAL?o.grey500:tds_colors_1.colors.white,filled:e.mode===useKeypad_1.KeypadStatus.ALPHABET_CAPITALIZED})})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_CHARACTER_TYPE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:e.toggleSpecialAndAlphabet,children:e.mode===useKeypad_1.KeypadStatus.SPECIAL?"\uC601\uBB38":"\uD2B9\uC218"})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SPACE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:c,children:"Space"})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SUBMIT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:()=>{u()},color:l?o.blue100:o.blue500,disabled:l,children:a})})]})})]})}));