@toss/tds-react-native 1.3.4 → 1.3.5

package/dist/cjs/components/list-row/ListRowTexts/Texts3RowTypeD.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeD=Texts3RowTypeD;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_js_1=require("./ListRowTxt.js"),TextsContainer_js_1=require("./TextsContainer.js");function Texts3RowTypeD(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_js_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_js_1.ListRowTxt,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_js_1.ListRowTxt,{typography:"t4",fontWeight:"semiBold",...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_js_1.ListRowTxt,{typography:"t6",fontWeight:"regular",...t.bottomProps,children:t.bottom}):t.bottom]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeD=Texts3RowTypeD;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts3RowTypeD(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t4",fontWeight:"semiBold",...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"regular",...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/cjs/components/list-row/ListRowTexts/Texts3RowTypeE.d.ts

@@ -1,4 +1,4 @@
-import type { Texts3RowProps } from '../types.js';
+import type { Texts3RowProps } from '../types';
 export interface Texts3RowTypeEProps extends Texts3RowProps {
     type: '3RowTypeE';
 }

package/dist/cjs/components/list-row/ListRowTexts/Texts3RowTypeE.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeE=Texts3RowTypeE;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_js_1=require("./ListRowTxt.js"),TextsContainer_js_1=require("./TextsContainer.js");function Texts3RowTypeE(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_js_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_js_1.ListRowTxt,{typography:"t7",fontWeight:"medium",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_js_1.ListRowTxt,{typography:"t7",fontWeight:"medium",...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_js_1.ListRowTxt,{typography:"t5",fontWeight:"bold",...t.bottomProps,children:t.bottom}):t.bottom]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeE=Texts3RowTypeE;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts3RowTypeE(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t7",fontWeight:"medium",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t7",fontWeight:"medium",...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t5",fontWeight:"bold",...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/cjs/components/list-row/ListRowTexts/Texts3RowTypeF.d.ts

@@ -1,4 +1,4 @@
-import type { Texts3RowProps } from '../types.js';
+import type { Texts3RowProps } from '../types';
 export interface Texts3RowTypeFProps extends Texts3RowProps {
     type: '3RowTypeF';
 }

package/dist/cjs/components/list-row/ListRowTexts/Texts3RowTypeF.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeF=Texts3RowTypeF;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_js_1=require("./ListRowTxt.js"),TextsContainer_js_1=require("./TextsContainer.js");function Texts3RowTypeF(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_js_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_js_1.ListRowTxt,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_js_1.ListRowTxt,{typography:"t6",fontWeight:"regular",...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_js_1.ListRowTxt,{typography:"t4",fontWeight:"semiBold",...t.bottomProps,children:t.bottom}):t.bottom]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeF=Texts3RowTypeF;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts3RowTypeF(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"regular",...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t4",fontWeight:"semiBold",...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/cjs/components/list-row/ListRowTexts/index.d.ts

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

package/dist/cjs/components/list-row/ListRowTexts/index.js

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

package/dist/cjs/components/list-row/animation/BlinkEffect.d.ts

@@ -1,4 +1,4 @@
-import type { useBlinkAnimation } from './useBlinkAnimation.js';
+import type { useBlinkAnimation } from './useBlinkAnimation';
 type Props = {
     blinkAnimation: ReturnType<typeof useBlinkAnimation>;
 };

package/dist/cjs/components/list-row/animation/BlinkEffect.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BlinkEffect=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../interactions/animated/index.js"),index_js_2=require("../../../core/index.js"),react_native_1=require("react-native"),index_js_3=require("../../gradient/index.js"),animationState_js_1=require("./animationState.js"),ANIMATION_ENDED_FLAG=animationState_js_1.BlinkAnimationState.EndAnimation|animationState_js_1.BlinkAnimationState.Finished,BlinkEffect=({blinkAnimation:e})=>{const t=(0,index_js_2.useAdaptive)();return e.state===animationState_js_1.BlinkAnimationState.Idle||(e.state&ANIMATION_ENDED_FLAG)===ANIMATION_ENDED_FLAG?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(index_js_1.Animated.View,{style:[styles.blinkGradient,e.gradient],pointerEvents:"none",children:(0,jsx_runtime_1.jsx)(index_js_3.RadialGradient,{colors:[{value:t.blue500,opacity:.1},{value:t.blue500,opacity:0}],positions:[0,1],style:{width:"100%",height:"100%"}})}),(0,jsx_runtime_1.jsx)(index_js_1.Animated.View,{pointerEvents:"none",style:[styles.blinkDimmer,{backgroundColor:t.blue500},e.dimmer]})]})};exports.BlinkEffect=BlinkEffect;const styles=react_native_1.StyleSheet.create({blinkDimmer:{position:"absolute",top:0,left:0,right:0,bottom:0},blinkGradient:{position:"absolute",top:"50%",left:0,right:0,borderRadius:999,aspectRatio:1}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BlinkEffect=void 0;const jsx_runtime_1=require("react/jsx-runtime"),animated_1=require("../../../interactions/animated"),core_1=require("../../../core"),react_native_1=require("react-native"),gradient_1=require("../../gradient"),animationState_1=require("./animationState"),ANIMATION_ENDED_FLAG=animationState_1.BlinkAnimationState.EndAnimation|animationState_1.BlinkAnimationState.Finished,BlinkEffect=({blinkAnimation:e})=>{const t=(0,core_1.useAdaptive)();return e.state===animationState_1.BlinkAnimationState.Idle||(e.state&ANIMATION_ENDED_FLAG)===ANIMATION_ENDED_FLAG?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[styles.blinkGradient,e.gradient],pointerEvents:"none",children:(0,jsx_runtime_1.jsx)(gradient_1.RadialGradient,{colors:[{value:t.blue500,opacity:.1},{value:t.blue500,opacity:0}],positions:[0,1],style:{width:"100%",height:"100%"}})}),(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{pointerEvents:"none",style:[styles.blinkDimmer,{backgroundColor:t.blue500},e.dimmer]})]})};exports.BlinkEffect=BlinkEffect;const styles=react_native_1.StyleSheet.create({blinkDimmer:{position:"absolute",top:0,left:0,right:0,bottom:0},blinkGradient:{position:"absolute",top:"50%",left:0,right:0,borderRadius:999,aspectRatio:1}});

package/dist/cjs/components/list-row/animation/ShineEffect.d.ts

@@ -1,4 +1,4 @@
-import type { useShineAnimation } from './useShineAnimation.js';
+import type { useShineAnimation } from './useShineAnimation';
 type ShineEffectProps = {
     shineAnimation: ReturnType<typeof useShineAnimation>;
 };

package/dist/cjs/components/list-row/animation/ShineEffect.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShineEffect=void 0;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../../interactions/animated/index.js"),index_js_3=require("../../gradient/index.js"),animationState_js_1=require("./animationState.js"),ShineEffectLight=({shineAnimation:e})=>(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{pointerEvents:"none",style:[styles.shineLight,e.light.gradient],children:(0,jsx_runtime_1.jsx)(index_js_3.LinearGradient,{degree:140,colors:[{value:tds_colors_1.colors.white,opacity:0},{value:tds_colors_1.colors.white,opacity:.8},{value:tds_colors_1.colors.white,opacity:0}],easing:"linear",positions:[.3,.5,.7],style:{width:"100%",height:"100%"}})}),ShineEffectDark=({shineAnimation:e})=>(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{pointerEvents:"none",style:[styles.shineDark,e.dark.gradient],children:(0,jsx_runtime_1.jsx)(index_js_3.LinearGradient,{degree:135,colors:[{value:"rgba(23, 23, 28, 0.6)"},{value:"rgba(23, 23, 28, 0)"},{value:"rgba(23, 23, 28, 0.6)"}],easing:"linear",positions:[.4,.5,.6],style:{width:"100%",height:"100%"}})}),styles=react_native_1.StyleSheet.create({shineLight:{position:"absolute",height:"300%",top:0,aspectRatio:1},shineDark:{position:"absolute",top:0,left:0,width:"400%",height:"100%"}}),ShineEffect=({shineAnimation:e})=>{const{colorPreference:t}=(0,index_js_1.useColorPreference)();return e.state===animationState_js_1.ShineAnimationState.Idle||e.state===animationState_js_1.ShineAnimationState.Finished?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[t==="light"&&(0,jsx_runtime_1.jsx)(ShineEffectLight,{shineAnimation:e}),t==="dark"&&(0,jsx_runtime_1.jsx)(ShineEffectDark,{shineAnimation:e})]})};exports.ShineEffect=ShineEffect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShineEffect=void 0;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"),animated_1=require("../../../interactions/animated"),gradient_1=require("../../gradient"),animationState_1=require("./animationState"),ShineEffectLight=({shineAnimation:e})=>(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{pointerEvents:"none",style:[styles.shineLight,e.light.gradient],children:(0,jsx_runtime_1.jsx)(gradient_1.LinearGradient,{degree:140,colors:[{value:tds_colors_1.colors.white,opacity:0},{value:tds_colors_1.colors.white,opacity:.8},{value:tds_colors_1.colors.white,opacity:0}],easing:"linear",positions:[.3,.5,.7],style:{width:"100%",height:"100%"}})}),ShineEffectDark=({shineAnimation:e})=>(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{pointerEvents:"none",style:[styles.shineDark,e.dark.gradient],children:(0,jsx_runtime_1.jsx)(gradient_1.LinearGradient,{degree:135,colors:[{value:"rgba(23, 23, 28, 0.6)"},{value:"rgba(23, 23, 28, 0)"},{value:"rgba(23, 23, 28, 0.6)"}],easing:"linear",positions:[.4,.5,.6],style:{width:"100%",height:"100%"}})}),styles=react_native_1.StyleSheet.create({shineLight:{position:"absolute",height:"300%",top:0,aspectRatio:1},shineDark:{position:"absolute",top:0,left:0,width:"400%",height:"100%"}}),ShineEffect=({shineAnimation:e})=>{const{colorPreference:t}=(0,core_1.useColorPreference)();return e.state===animationState_1.ShineAnimationState.Idle||e.state===animationState_1.ShineAnimationState.Finished?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[t==="light"&&(0,jsx_runtime_1.jsx)(ShineEffectLight,{shineAnimation:e}),t==="dark"&&(0,jsx_runtime_1.jsx)(ShineEffectDark,{shineAnimation:e})]})};exports.ShineEffect=ShineEffect;

package/dist/cjs/components/list-row/animation/useBlinkAnimation.d.ts

@@ -1,4 +1,4 @@
-import { BlinkAnimationState } from './animationState.js';
+import { BlinkAnimationState } from './animationState';
 type UseBlinkAnimationProps = {
     containerSize: {
         width: number;

package/dist/cjs/components/list-row/animation/useBlinkAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBlinkAnimation=void 0;const tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),index_js_1=require("../../../interactions/animated/index.js"),animationState_js_1=require("./animationState.js"),sToMs_js_1=require("./sToMs.js"),useBlinkAnimation=({containerSize:l})=>{const t=(0,react_1.useRef)(new index_js_1.Animated.Value(1)).current,i=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,e=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,n=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,[m,a]=(0,react_1.useState)(animationState_js_1.BlinkAnimationState.Idle),u=(0,react_1.useCallback)(()=>{a(animationState_js_1.BlinkAnimationState.StartAnimation|animationState_js_1.BlinkAnimationState.Playing),t.setValue(1);const s=index_js_1.Animated.sequence([index_js_1.Animated.spring(t,{toValue:1.02,stiffness:766,damping:52,useNativeDriver:!0}),index_js_1.Animated.spring(t,{toValue:1,...tds_easings_1.spring.slow,useNativeDriver:!0})]);e.setValue(0);const r=index_js_1.Animated.parallel([index_js_1.Animated.spring(i,{toValue:.04,delay:(0,sToMs_js_1.sToMs)(.48),...tds_easings_1.spring.basic,useNativeDriver:!0})]);n.setValue(0),e.setValue(0);const o=index_js_1.Animated.parallel([index_js_1.Animated.spring(e,{toValue:1,delay:(0,sToMs_js_1.sToMs)(.02),...tds_easings_1.spring.basic,useNativeDriver:!0}),index_js_1.Animated.spring(n,{toValue:1,delay:(0,sToMs_js_1.sToMs)(.02),...tds_easings_1.spring.slow,useNativeDriver:!0})]);index_js_1.Animated.parallel([s,r,o]).start(()=>{a(animationState_js_1.BlinkAnimationState.StartAnimation|animationState_js_1.BlinkAnimationState.Finished)})},[t,i,e,n]),d=(0,react_1.useCallback)(()=>{a(animationState_js_1.BlinkAnimationState.EndAnimation|animationState_js_1.BlinkAnimationState.Playing);const s=index_js_1.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!0}),r=index_js_1.Animated.spring(i,{toValue:0,...tds_easings_1.spring.slow,useNativeDriver:!0}),o=index_js_1.Animated.spring(e,{toValue:0,...tds_easings_1.spring.slow,useNativeDriver:!0});index_js_1.Animated.parallel([s,r,o]).start(()=>{a(animationState_js_1.BlinkAnimationState.EndAnimation|animationState_js_1.BlinkAnimationState.Finished)})},[t,i,e]);return(0,react_1.useMemo)(()=>({container:{transform:[{scale:t}]},dimmer:{opacity:i},gradient:{opacity:e,transform:[{scale:n},{translateY:index_js_1.Animated.divide(index_js_1.Animated.multiply(n,-l.height),2)}]},state:m,start:u,exit:d}),[t,i,m,d,l,e,n,u])};exports.useBlinkAnimation=useBlinkAnimation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBlinkAnimation=void 0;const tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),animated_1=require("../../../interactions/animated"),animationState_1=require("./animationState"),sToMs_1=require("./sToMs"),useBlinkAnimation=({containerSize:l})=>{const t=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,i=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,e=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,n=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,[m,a]=(0,react_1.useState)(animationState_1.BlinkAnimationState.Idle),u=(0,react_1.useCallback)(()=>{a(animationState_1.BlinkAnimationState.StartAnimation|animationState_1.BlinkAnimationState.Playing),t.setValue(1);const s=animated_1.Animated.sequence([animated_1.Animated.spring(t,{toValue:1.02,stiffness:766,damping:52,useNativeDriver:!0}),animated_1.Animated.spring(t,{toValue:1,...tds_easings_1.spring.slow,useNativeDriver:!0})]);e.setValue(0);const r=animated_1.Animated.parallel([animated_1.Animated.spring(i,{toValue:.04,delay:(0,sToMs_1.sToMs)(.48),...tds_easings_1.spring.basic,useNativeDriver:!0})]);n.setValue(0),e.setValue(0);const o=animated_1.Animated.parallel([animated_1.Animated.spring(e,{toValue:1,delay:(0,sToMs_1.sToMs)(.02),...tds_easings_1.spring.basic,useNativeDriver:!0}),animated_1.Animated.spring(n,{toValue:1,delay:(0,sToMs_1.sToMs)(.02),...tds_easings_1.spring.slow,useNativeDriver:!0})]);animated_1.Animated.parallel([s,r,o]).start(()=>{a(animationState_1.BlinkAnimationState.StartAnimation|animationState_1.BlinkAnimationState.Finished)})},[t,i,e,n]),c=(0,react_1.useCallback)(()=>{a(animationState_1.BlinkAnimationState.EndAnimation|animationState_1.BlinkAnimationState.Playing);const s=animated_1.Animated.spring(t,{toValue:1,...tds_easings_1.spring.quick,useNativeDriver:!0}),r=animated_1.Animated.spring(i,{toValue:0,...tds_easings_1.spring.slow,useNativeDriver:!0}),o=animated_1.Animated.spring(e,{toValue:0,...tds_easings_1.spring.slow,useNativeDriver:!0});animated_1.Animated.parallel([s,r,o]).start(()=>{a(animationState_1.BlinkAnimationState.EndAnimation|animationState_1.BlinkAnimationState.Finished)})},[t,i,e]);return(0,react_1.useMemo)(()=>({container:{transform:[{scale:t}]},dimmer:{opacity:i},gradient:{opacity:e,transform:[{scale:n},{translateY:animated_1.Animated.divide(animated_1.Animated.multiply(n,-l.height),2)}]},state:m,start:u,exit:c}),[t,i,m,c,l,e,n,u])};exports.useBlinkAnimation=useBlinkAnimation;

package/dist/cjs/components/list-row/animation/useShineAnimation.d.ts

@@ -1,4 +1,4 @@
-import { ShineAnimationState } from './animationState.js';
+import { ShineAnimationState } from './animationState';
 type UseShineAnimationProps = {
     containerSize: {
         width: number;

package/dist/cjs/components/list-row/animation/useShineAnimation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useShineAnimation=void 0;const tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../interactions/animated/index.js"),animationState_js_1=require("./animationState.js"),sToMs_js_1=require("./sToMs.js"),useShineAnimation=({containerSize:i})=>{const s=i.height*3,t=(0,react_1.useRef)(new index_js_1.Animated.Value(-s)).current,[d,m]=(0,react_1.useState)(animationState_js_1.ShineAnimationState.Idle);(0,react_1.useEffect)(()=>{t.setValue(-s)},[t,s]);const l=(0,react_1.useCallback)((n,o)=>{index_js_1.Animated.loop(index_js_1.Animated.sequence([index_js_1.Animated.timing(t,{toValue:-s,duration:0,useNativeDriver:!0}),index_js_1.Animated.timing(t,{toValue:i.width,duration:(0,sToMs_js_1.sToMs)(2.2),easing:react_native_1.Easing.bezier(.7,0,.7,1),useNativeDriver:!0}),index_js_1.Animated.delay((0,sToMs_js_1.sToMs)(.1))]),{iterations:n}).start(o)},[t,s,i.width]),r=i.width*4,e=(0,react_1.useRef)(new index_js_1.Animated.Value(-r*.75)).current,a=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{e.setValue(-r*.75)},[e,r]);const c=(0,react_1.useCallback)((n,o)=>{const u=index_js_1.Animated.sequence([index_js_1.Animated.timing(e,{toValue:-r*.75,duration:0,useNativeDriver:!0}),index_js_1.Animated.timing(e,{toValue:0,easing:react_native_1.Easing.bezier(.37,0,.63,1),duration:(0,sToMs_js_1.sToMs)(2.5),useNativeDriver:!0})]),g=index_js_1.Animated.sequence([index_js_1.Animated.timing(a,{toValue:0,duration:0,useNativeDriver:!0}),index_js_1.Animated.timing(a,{toValue:1,duration:(0,sToMs_js_1.sToMs)(.9),easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.linear),useNativeDriver:!0}),index_js_1.Animated.timing(a,{toValue:0,duration:(0,sToMs_js_1.sToMs)(1.6),delay:(0,sToMs_js_1.sToMs)(.9),easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),useNativeDriver:!0})]);index_js_1.Animated.loop(index_js_1.Animated.parallel([u,g]),{iterations:n}).start(o)},[a,e,r]);return(0,react_1.useMemo)(()=>{function n(o){return u=>{m(animationState_js_1.ShineAnimationState.Playing),o(u,()=>m(animationState_js_1.ShineAnimationState.Finished))}}return{state:d,light:{gradient:{transform:[{translateX:t},{translateY:-i.height}]},start:n(l)},dark:{gradient:{opacity:a,transform:[{translateX:e}]},start:n(c)}}},[i.height,d,t,l,a,e,c])};exports.useShineAnimation=useShineAnimation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useShineAnimation=void 0;const tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),animated_1=require("../../../interactions/animated"),animationState_1=require("./animationState"),sToMs_1=require("./sToMs"),useShineAnimation=({containerSize:i})=>{const s=i.height*3,t=(0,react_1.useRef)(new animated_1.Animated.Value(-s)).current,[d,m]=(0,react_1.useState)(animationState_1.ShineAnimationState.Idle);(0,react_1.useEffect)(()=>{t.setValue(-s)},[t,s]);const l=(0,react_1.useCallback)((n,o)=>{animated_1.Animated.loop(animated_1.Animated.sequence([animated_1.Animated.timing(t,{toValue:-s,duration:0,useNativeDriver:!0}),animated_1.Animated.timing(t,{toValue:i.width,duration:(0,sToMs_1.sToMs)(2.2),easing:react_native_1.Easing.bezier(.7,0,.7,1),useNativeDriver:!0}),animated_1.Animated.delay((0,sToMs_1.sToMs)(.1))]),{iterations:n}).start(o)},[t,s,i.width]),r=i.width*4,e=(0,react_1.useRef)(new animated_1.Animated.Value(-r*.75)).current,a=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{e.setValue(-r*.75)},[e,r]);const c=(0,react_1.useCallback)((n,o)=>{const u=animated_1.Animated.sequence([animated_1.Animated.timing(e,{toValue:-r*.75,duration:0,useNativeDriver:!0}),animated_1.Animated.timing(e,{toValue:0,easing:react_native_1.Easing.bezier(.37,0,.63,1),duration:(0,sToMs_1.sToMs)(2.5),useNativeDriver:!0})]),g=animated_1.Animated.sequence([animated_1.Animated.timing(a,{toValue:0,duration:0,useNativeDriver:!0}),animated_1.Animated.timing(a,{toValue:1,duration:(0,sToMs_1.sToMs)(.9),easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.linear),useNativeDriver:!0}),animated_1.Animated.timing(a,{toValue:0,duration:(0,sToMs_1.sToMs)(1.6),delay:(0,sToMs_1.sToMs)(.9),easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.out),useNativeDriver:!0})]);animated_1.Animated.loop(animated_1.Animated.parallel([u,g]),{iterations:n}).start(o)},[a,e,r]);return(0,react_1.useMemo)(()=>{function n(o){return u=>{m(animationState_1.ShineAnimationState.Playing),o(u,()=>m(animationState_1.ShineAnimationState.Finished))}}return{state:d,light:{gradient:{transform:[{translateX:t},{translateY:-i.height}]},start:n(l)},dark:{gradient:{opacity:a,transform:[{translateX:e}]},start:n(c)}}},[i.height,d,t,l,a,e,c])};exports.useShineAnimation=useShineAnimation;

package/dist/cjs/components/list-row/index.d.ts

@@ -1,10 +1,10 @@
-import type { ListRowProps, ListRowRef } from './ListRow.js';
-import { ListRowRightTexts } from './ListRowRightTexts/index.js';
-import { ListRowTexts } from './ListRowTexts/index.js';
-import { ListRowImageContainer } from './ListRowImageContainer.js';
-import { ListRowIcon } from './ListRowIcon.js';
-import { ListRowImage } from './ListRowImage.js';
-import { ListRowLeftText } from './ListRowLeftText.js';
+import type { ListRowProps, ListRowRef } from './ListRow';
+import { ListRowRightTexts } from './ListRowRightTexts';
+import { ListRowTexts } from './ListRowTexts';
+import { ListRowImageContainer } from './ListRowImageContainer';
+import { ListRowIcon } from './ListRowIcon';
+import { ListRowImage } from './ListRowImage';
+import { ListRowLeftText } from './ListRowLeftText';
 interface CompoundComposition {
     Icon: typeof ListRowIcon;
     Image: typeof ListRowImage;

package/dist/cjs/components/list-row/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRow=void 0;const ListRow_js_1=require("./ListRow.js"),index_js_1=require("./ListRowRightTexts/index.js"),index_js_2=require("./ListRowTexts/index.js"),ListRowImageContainer_js_1=require("./ListRowImageContainer.js"),ListRowIcon_js_1=require("./ListRowIcon.js"),ListRowImage_js_1=require("./ListRowImage.js"),ListRowLeftText_js_1=require("./ListRowLeftText.js");exports.ListRow=Object.assign(ListRow_js_1.ListRow,{Icon:ListRowIcon_js_1.ListRowIcon,Image:ListRowImage_js_1.ListRowImage,Texts:index_js_2.ListRowTexts,LeftText:ListRowLeftText_js_1.ListRowLeftText,RightTexts:index_js_1.ListRowRightTexts,ImageContainer:ListRowImageContainer_js_1.ListRowImageContainer});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRow=void 0;const ListRow_1=require("./ListRow"),ListRowRightTexts_1=require("./ListRowRightTexts"),ListRowTexts_1=require("./ListRowTexts"),ListRowImageContainer_1=require("./ListRowImageContainer"),ListRowIcon_1=require("./ListRowIcon"),ListRowImage_1=require("./ListRowImage"),ListRowLeftText_1=require("./ListRowLeftText");exports.ListRow=Object.assign(ListRow_1.ListRow,{Icon:ListRowIcon_1.ListRowIcon,Image:ListRowImage_1.ListRowImage,Texts:ListRowTexts_1.ListRowTexts,LeftText:ListRowLeftText_1.ListRowLeftText,RightTexts:ListRowRightTexts_1.ListRowRightTexts,ImageContainer:ListRowImageContainer_1.ListRowImageContainer});

package/dist/cjs/components/list-row/types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { TxtProps } from '../txt/index.js';
+import type { TxtProps } from '../txt';
 export interface Texts1RowProps {
     /**
      * @description 가급적 string 타입을 사용해주시고, 커스텀이 필요할 경우 topProps를 사용해주세요.

package/dist/cjs/components/loader/Loader.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),useAnnounce_js_1=require("../../utils/useAnnounce.js"),index_js_2=require("../txt/index.js"),AnimatedView=react_native_1.Animated.createAnimatedComponent(react_native_1.View),AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Svg),AnimatedCircle=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Circle);function _Loader({size:e=DEFAULT_PROPS.size,type:t=DEFAULT_PROPS.type,customStrokeColor:n,customSize:a}){const s=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,i=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,o=s.interpolate({inputRange:[0,1],outputRange:["0deg","360deg"]}),c=r.interpolate({inputRange:[0,1,2],outputRange:[180,45,180]}),l=i.interpolate({inputRange:[0,1,2],outputRange:["0deg","108deg","360deg"]}),d=n??strokeColorByType[t],u=a??sizeMap[e];return(0,react_1.useEffect)(()=>{react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(r,{toValue:1,duration:900,useNativeDriver:!0,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)}),react_native_1.Animated.timing(r,{toValue:2,useNativeDriver:!0,duration:900,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)})]),{iterations:1/0}).start(),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(i,{toValue:1,duration:900,useNativeDriver:!0,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)}),react_native_1.Animated.timing(i,{toValue:2,useNativeDriver:!0,duration:900,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)})]),{iterations:1/0}).start(),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(s,{toValue:0,duration:0,useNativeDriver:!0,easing:react_native_1.Easing.linear}),react_native_1.Animated.timing(s,{toValue:1,duration:1800,useNativeDriver:!0,easing:react_native_1.Easing.linear})]),{iterations:1/0}).start()},[r,s,i]),(0,jsx_runtime_1.jsx)(AnimatedView,{style:{width:u,height:u,transform:[{rotate:l}]},children:(0,jsx_runtime_1.jsx)(AnimatedSvg,{width:u,height:u,viewBox:"0 0 66 66",stroke:d,style:[{transform:[{rotate:o}]}],children:(0,jsx_runtime_1.jsx)(AnimatedCircle,{fill:"none",strokeWidth:"6",strokeLinecap:"round",cx:"33",cy:"33",r:"30",strokeDashoffset:c,strokeDasharray:180})})})}function DelayLoader({delay:e=700,...t}){const n=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(n,{toValue:1,delay:e,duration:0,useNativeDriver:!0}).start()},[e,n]),(0,jsx_runtime_1.jsx)(AnimatedView,{style:{opacity:n},children:(0,jsx_runtime_1.jsx)(_Loader,{...t})})}function Loader({delay:e,label:t,size:n=DEFAULT_PROPS.size,type:a=DEFAULT_PROPS.type,style:s,...i}){const r=(0,index_js_1.useAdaptive)(),{announce:o}=(0,useAnnounce_js_1.useAnnounce)(),c=(0,react_1.useMemo)(()=>getLabelColorByType({grey800:r.grey800}),[r.grey800]);return(0,react_1.useEffect)(()=>{t!=null?o(t,{queue:!0,delay:200}):o("\uB85C\uB529\uC911\uC785\uB2C8\uB2E4",{queue:!0,delay:200})},[t,o]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{alignItems:"center"},s],children:[e!=null?(0,jsx_runtime_1.jsx)(DelayLoader,{delay:e,size:n,type:a,...i}):(0,jsx_runtime_1.jsx)(_Loader,{size:n,type:a,...i}),t!=null?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t6",color:c[a],style:{marginTop:spacingBySize[n]},children:t}):null]})}function CenteredLoader({style:e,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{padding:40,alignItems:"center"},e],children:(0,jsx_runtime_1.jsx)(_Loader,{...t})})}function FullScreenLoader({style:e,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{flex:1,justifyContent:"center",alignItems:"center"},e],children:(0,jsx_runtime_1.jsx)(Loader,{...t})})}const DEFAULT_PROPS={size:"large",type:"primary"},sizeMap={small:24,medium:36,large:48},strokeColorByType={primary:"#3188ff",dark:tds_colors_1.colors.grey600,light:tds_colors_1.colors.white},spacingBySize={small:12,medium:12,large:16},getLabelColorByType=({grey800:e})=>({primary:e,dark:e,light:tds_colors_1.colors.white});Loader.Delay=DelayLoader,Loader.FullScreen=FullScreenLoader,Loader.Centered=CenteredLoader,exports.default=Loader;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),useAnnounce_1=require("../../utils/useAnnounce"),txt_1=require("../txt"),AnimatedView=react_native_1.Animated.createAnimatedComponent(react_native_1.View),AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Svg),AnimatedCircle=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Circle);function _Loader({size:e=DEFAULT_PROPS.size,type:t=DEFAULT_PROPS.type,customStrokeColor:n,customSize:s}){const a=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,i=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,o=a.interpolate({inputRange:[0,1],outputRange:["0deg","360deg"]}),c=r.interpolate({inputRange:[0,1,2],outputRange:[180,45,180]}),l=i.interpolate({inputRange:[0,1,2],outputRange:["0deg","108deg","360deg"]}),d=n??strokeColorByType[t],u=s??sizeMap[e];return(0,react_1.useEffect)(()=>{react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(r,{toValue:1,duration:900,useNativeDriver:!0,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)}),react_native_1.Animated.timing(r,{toValue:2,useNativeDriver:!0,duration:900,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)})]),{iterations:1/0}).start(),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(i,{toValue:1,duration:900,useNativeDriver:!0,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)}),react_native_1.Animated.timing(i,{toValue:2,useNativeDriver:!0,duration:900,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)})]),{iterations:1/0}).start(),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(a,{toValue:0,duration:0,useNativeDriver:!0,easing:react_native_1.Easing.linear}),react_native_1.Animated.timing(a,{toValue:1,duration:1800,useNativeDriver:!0,easing:react_native_1.Easing.linear})]),{iterations:1/0}).start()},[r,a,i]),(0,jsx_runtime_1.jsx)(AnimatedView,{style:{width:u,height:u,transform:[{rotate:l}]},children:(0,jsx_runtime_1.jsx)(AnimatedSvg,{width:u,height:u,viewBox:"0 0 66 66",stroke:d,style:[{transform:[{rotate:o}]}],children:(0,jsx_runtime_1.jsx)(AnimatedCircle,{fill:"none",strokeWidth:"6",strokeLinecap:"round",cx:"33",cy:"33",r:"30",strokeDashoffset:c,strokeDasharray:180})})})}function DelayLoader({delay:e=700,...t}){const n=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(n,{toValue:1,delay:e,duration:0,useNativeDriver:!0}).start()},[e,n]),(0,jsx_runtime_1.jsx)(AnimatedView,{style:{opacity:n},children:(0,jsx_runtime_1.jsx)(_Loader,{...t})})}function Loader({delay:e,label:t,size:n=DEFAULT_PROPS.size,type:s=DEFAULT_PROPS.type,style:a,...i}){const r=(0,core_1.useAdaptive)(),{announce:o}=(0,useAnnounce_1.useAnnounce)(),c=(0,react_1.useMemo)(()=>getLabelColorByType({grey800:r.grey800}),[r.grey800]);return(0,react_1.useEffect)(()=>{t!=null?o(t,{queue:!0,delay:200}):o("\uB85C\uB529\uC911\uC785\uB2C8\uB2E4",{queue:!0,delay:200})},[t,o]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{alignItems:"center"},a],children:[e!=null?(0,jsx_runtime_1.jsx)(DelayLoader,{delay:e,size:n,type:s,...i}):(0,jsx_runtime_1.jsx)(_Loader,{size:n,type:s,...i}),t!=null?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",color:c[s],style:{marginTop:spacingBySize[n]},children:t}):null]})}function CenteredLoader({style:e,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{padding:40,alignItems:"center"},e],children:(0,jsx_runtime_1.jsx)(_Loader,{...t})})}function FullScreenLoader({style:e,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{flex:1,justifyContent:"center",alignItems:"center"},e],children:(0,jsx_runtime_1.jsx)(Loader,{...t})})}const DEFAULT_PROPS={size:"large",type:"primary"},sizeMap={small:24,medium:36,large:48},strokeColorByType={primary:"#3188ff",dark:tds_colors_1.colors.grey600,light:tds_colors_1.colors.white},spacingBySize={small:12,medium:12,large:16},getLabelColorByType=({grey800:e})=>({primary:e,dark:e,light:tds_colors_1.colors.white});Loader.Delay=DelayLoader,Loader.FullScreen=FullScreenLoader,Loader.Centered=CenteredLoader,exports.default=Loader;

package/dist/cjs/components/loader/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Loader } from './Loader.js';
-export type { LoaderProps } from './Loader.js';
+export { default as Loader } from './Loader';
+export type { LoaderProps } from './Loader';

package/dist/cjs/components/loader/index.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Loader=void 0;var Loader_js_1=require("./Loader.js");Object.defineProperty(exports,"Loader",{enumerable:!0,get:function(){return __importDefault(Loader_js_1).default}});
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Loader=void 0;var Loader_1=require("./Loader");Object.defineProperty(exports,"Loader",{enumerable:!0,get:function(){return __importDefault(Loader_1).default}});

package/dist/cjs/components/navbar/ReactNavigationHelper/BackButton.d.ts

@@ -3,5 +3,5 @@ interface BackButtonProps extends TouchableOpacityProps {
     tintColor?: string;
     onPress?: () => void;
 }
-declare function BackButton({ tintColor, onPress }: BackButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function BackButton({ tintColor, ...restProps }: BackButtonProps): import("react/jsx-runtime").JSX.Element;
 export { BackButton };

package/dist/cjs/components/navbar/ReactNavigationHelper/BackButton.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BackButton=BackButton;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js");function BackButton({tintColor:e,onPress:t}){const i=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(NavbarBackButton,{onPress:t,color:e??i.grey900})}function NavbarBackButton({onPress:e,color:t}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24,marginRight:BACK_BUTTON_MARGIN},onPress:e,accessible:!0,accessibilityLabel:"\uB4A4\uB85C\uAC00\uAE30",accessibilityRole:"button",children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:24,height:24},children:(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgXml,{width:24,height:24,xml:BACK_BUTTON_XML.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${t}"`)})})})}const ANDROID_BACK_BUTTON=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="line-icon">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BackButton=BackButton;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_native_1=require("react-native"),core_1=require("../../../core"),a11y_1=require("../../../utils/a11y");function BackButton({tintColor:t,...e}){const i=(0,core_1.useAdaptive)(),r=t??i.grey900;return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24,marginRight:BACK_BUTTON_MARGIN_RIGHT,marginLeft:BACK_BUTTON_MARGIN_LEFT},...(0,a11y_1.generateA11yRestProps)(e,{role:"button",label:"\uB4A4\uB85C\uAC00\uAE30"}),children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:24,height:24},children:(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgXml,{width:24,height:24,xml:BACK_BUTTON_XML.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${r}"`)})})})}const ANDROID_BACK_BUTTON=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="line-icon">
 <path fill="#B0B8C1" fill-rule="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"/>
 </svg>`,IOS_BACK_BUTTON=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M20.8 20.7001C20.5 20.7001 20.2 20.6001 20 20.3001L12.5 12.8001C12 12.3001 12 11.6001 12.5 11.1001L20 3.6001C20.5 3.1001 21.2 3.1001 21.7 3.6001C22.2 4.1001 22.2 4.8001 21.7 5.3001L14.9 12.0001L21.6 18.7001C22.1 19.2001 22.1 19.9001 21.6 20.4001C21.4 20.6001 21.1 20.7001 20.8 20.7001Z" fill="#191F28"/>
 </svg>
-`,BACK_BUTTON_XML=react_native_1.Platform.select({android:ANDROID_BACK_BUTTON,ios:IOS_BACK_BUTTON,default:IOS_BACK_BUTTON}),BACK_BUTTON_MARGIN=react_native_1.Platform.select({android:12,ios:14,default:14});
+`,BACK_BUTTON_XML=react_native_1.Platform.select({android:ANDROID_BACK_BUTTON,ios:IOS_BACK_BUTTON,default:IOS_BACK_BUTTON}),BACK_BUTTON_MARGIN_RIGHT=react_native_1.Platform.select({android:12,ios:14,default:14}),BACK_BUTTON_MARGIN_LEFT=react_native_1.Platform.select({android:0,ios:-8,default:-8});

package/dist/cjs/components/navbar/ReactNavigationHelper/CloseButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CloseButton=CloseButton;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js");function CloseButton({tintColor:e,onPress:t}){const i=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(NavbarCloseButton,{onPress:t,color:e??i.grey900})}function NavbarCloseButton({onPress:e,color:t}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24},onPress:e,accessible:!0,accessibilityLabel:"\uB2EB\uAE30",accessibilityRole:"button",children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:24,height:24},children:(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgXml,{width:24,height:24,xml:CLOSE_ICON.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${t}"`)})})})}const CLOSE_ICON='<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m13.8151 11.9999 5.651-5.65096c.1114-.11143.1999-.24373.2603-.38934.0603-.14561.0914-.30168.0915-.45931 0-.15763-.031-.31372-.0913-.45937-.0602-.14564-.1486-.27799-.26-.38948-.1115-.1115-.2438-.19995-.3894-.26031-.1456-.06037-.3017-.09146-.4593-.09151-.1576-.00004-.3137.03096-.4594.09123-.1456.06028-.278.14866-.3894.26009l-5.651 5.65196-5.65205-5.65196c-.22764-.21263-.52899-.32849-.84044-.32313-.31145.00535-.60863.13151-.82883.35184-.2202.22032-.34618.51758-.35135.82903-.00517.31146.11087.61274.32362.84026l5.65205 5.65096-5.65205 5.651c-.16704.1682-.28062.3821-.32645.6146-.04583.2326-.02187.4736.06887.6926s.24421.4062.44111.5382c.19689.132.42842.2029.66547.2036.307 0 .614-.117.848-.351l5.65205-5.652 5.651 5.652c.1112.1117.2435.2003.3891.2607.1456.0605.3017.0916.4594.0916.1576 0 .3137-.0311.4593-.0916.1456-.0604.2779-.149.3892-.2607.1115-.1114.2-.2438.2604-.3894.0604-.1457.0915-.3019.0915-.4596s-.0311-.3138-.0915-.4595-.1489-.278-.2604-.3895z" fill="#b0b8c1" fill-rule="evenodd"/></svg>';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CloseButton=CloseButton;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_native_1=require("react-native"),core_1=require("../../../core");function CloseButton({tintColor:e,onPress:t}){const i=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(NavbarCloseButton,{onPress:t,color:e??i.grey900})}function NavbarCloseButton({onPress:e,color:t}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24},onPress:e,accessible:!0,accessibilityLabel:"\uB2EB\uAE30",accessibilityRole:"button",children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:24,height:24},children:(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgXml,{width:24,height:24,xml:CLOSE_ICON.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${t}"`)})})})}const CLOSE_ICON='<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m13.8151 11.9999 5.651-5.65096c.1114-.11143.1999-.24373.2603-.38934.0603-.14561.0914-.30168.0915-.45931 0-.15763-.031-.31372-.0913-.45937-.0602-.14564-.1486-.27799-.26-.38948-.1115-.1115-.2438-.19995-.3894-.26031-.1456-.06037-.3017-.09146-.4593-.09151-.1576-.00004-.3137.03096-.4594.09123-.1456.06028-.278.14866-.3894.26009l-5.651 5.65196-5.65205-5.65196c-.22764-.21263-.52899-.32849-.84044-.32313-.31145.00535-.60863.13151-.82883.35184-.2202.22032-.34618.51758-.35135.82903-.00517.31146.11087.61274.32362.84026l5.65205 5.65096-5.65205 5.651c-.16704.1682-.28062.3821-.32645.6146-.04583.2326-.02187.4736.06887.6926s.24421.4062.44111.5382c.19689.132.42842.2029.66547.2036.307 0 .614-.117.848-.351l5.65205-5.652 5.651 5.652c.1112.1117.2435.2003.3891.2607.1456.0605.3017.0916.4594.0916.1576 0 .3137-.0311.4593-.0916.1456-.0604.2779-.149.3892-.2607.1115-.1114.2-.2438.2604-.3894.0604-.1457.0915-.3019.0915-.4596s-.0311-.3138-.0915-.4595-.1489-.278-.2604-.3895z" fill="#b0b8c1" fill-rule="evenodd"/></svg>';

package/dist/cjs/components/navbar/ReactNavigationHelper/HeaderLeft.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HeaderLeft=HeaderLeft;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),byPlatform_js_1=require("./byPlatform.js"),constants_js_1=require("./constants.js");function IOSHeaderLeft({marginLeft:e=constants_js_1.IOS_LEFT_MARGIN,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{marginLeft:-constants_js_1.IOS_DEFAULT_MARGIN+e},styles.ios],...t})}function AndroidHeaderLeft({marginLeft:e=constants_js_1.ANDROID_LEFT_MARGIN,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{marginLeft:-constants_js_1.ANDROID_DEFAULT_MARGIN+e},styles.android],...t})}function HeaderLeft(e){return(0,byPlatform_js_1.byPlatform)({ios:()=>(0,jsx_runtime_1.jsx)(IOSHeaderLeft,{...e}),android:()=>(0,jsx_runtime_1.jsx)(AndroidHeaderLeft,{...e}),fallback:()=>(0,jsx_runtime_1.jsx)(IOSHeaderLeft,{...e})})}const styles=react_native_1.StyleSheet.create({ios:{},android:{marginRight:32}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HeaderLeft=HeaderLeft;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),byPlatform_1=require("./byPlatform"),constants_1=require("./constants");function IOSHeaderLeft({marginLeft:e=constants_1.IOS_LEFT_MARGIN,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{marginLeft:-constants_1.IOS_DEFAULT_MARGIN+e},styles.ios],...t})}function AndroidHeaderLeft({marginLeft:e=constants_1.ANDROID_LEFT_MARGIN,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{marginLeft:-constants_1.ANDROID_DEFAULT_MARGIN+e},styles.android],...t})}function HeaderLeft(e){return(0,byPlatform_1.byPlatform)({ios:()=>(0,jsx_runtime_1.jsx)(IOSHeaderLeft,{...e}),android:()=>(0,jsx_runtime_1.jsx)(AndroidHeaderLeft,{...e}),fallback:()=>(0,jsx_runtime_1.jsx)(IOSHeaderLeft,{...e})})}const styles=react_native_1.StyleSheet.create({ios:{},android:{marginRight:32}});

package/dist/cjs/components/navbar/ReactNavigationHelper/HeaderRight.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HeaderRight=HeaderRight;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),byPlatform_js_1=require("./byPlatform.js"),constants_js_1=require("./constants.js");function IOSHeaderRight(e){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.ios,...e})}function AndroidHeaderRight(e){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.android,...e})}function HeaderRight(e){return(0,byPlatform_js_1.byPlatform)({ios:()=>(0,jsx_runtime_1.jsx)(IOSHeaderRight,{...e}),android:()=>(0,jsx_runtime_1.jsx)(AndroidHeaderRight,{...e}),fallback:()=>(0,jsx_runtime_1.jsx)(IOSHeaderRight,{...e})})}const styles=react_native_1.StyleSheet.create({ios:{marginRight:-constants_js_1.IOS_DEFAULT_MARGIN+constants_js_1.RIGHT_MARGIN,flexDirection:"row"},android:{marginRight:-constants_js_1.ANDROID_DEFAULT_MARGIN+constants_js_1.RIGHT_MARGIN,flexDirection:"row"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HeaderRight=HeaderRight;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),byPlatform_1=require("./byPlatform"),constants_1=require("./constants");function IOSHeaderRight(e){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.ios,...e})}function AndroidHeaderRight(e){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.android,...e})}function HeaderRight(e){return(0,byPlatform_1.byPlatform)({ios:()=>(0,jsx_runtime_1.jsx)(IOSHeaderRight,{...e}),android:()=>(0,jsx_runtime_1.jsx)(AndroidHeaderRight,{...e}),fallback:()=>(0,jsx_runtime_1.jsx)(IOSHeaderRight,{...e})})}const styles=react_native_1.StyleSheet.create({ios:{marginRight:-constants_1.IOS_DEFAULT_MARGIN+constants_1.RIGHT_MARGIN,flexDirection:"row"},android:{marginRight:-constants_1.ANDROID_DEFAULT_MARGIN+constants_1.RIGHT_MARGIN,flexDirection:"row"}});

package/dist/cjs/components/navbar/ReactNavigationHelper/HeaderTitle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HeaderTitle=HeaderTitle;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),byPlatform_js_1=require("./byPlatform.js"),constants_js_1=require("./constants.js");function IOSHeaderTitle({style:e,withHeaderLeft:r,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:e,...t})}function AndroidHeaderTitle({style:e,withHeaderLeft:r,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{marginLeft:r?0:-constants_js_1.ANDROID_DEFAULT_MARGIN+24},e],...t})}function HeaderTitle(e){return(0,byPlatform_js_1.byPlatform)({ios:()=>(0,jsx_runtime_1.jsx)(IOSHeaderTitle,{...e}),android:()=>(0,jsx_runtime_1.jsx)(AndroidHeaderTitle,{...e}),fallback:()=>(0,jsx_runtime_1.jsx)(IOSHeaderTitle,{...e})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HeaderTitle=HeaderTitle;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),byPlatform_1=require("./byPlatform"),constants_1=require("./constants");function IOSHeaderTitle({style:e,withHeaderLeft:r,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:e,...t})}function AndroidHeaderTitle({style:e,withHeaderLeft:r,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{marginLeft:r?0:-constants_1.ANDROID_DEFAULT_MARGIN+24},e],...t})}function HeaderTitle(e){return(0,byPlatform_1.byPlatform)({ios:()=>(0,jsx_runtime_1.jsx)(IOSHeaderTitle,{...e}),android:()=>(0,jsx_runtime_1.jsx)(AndroidHeaderTitle,{...e}),fallback:()=>(0,jsx_runtime_1.jsx)(IOSHeaderTitle,{...e})})}

package/dist/cjs/components/navbar/ReactNavigationHelper/Right.d.ts

@@ -1,8 +1,8 @@
-import type { TxtProps } from '../../txt/index.js';
-import type { TouchableOpacityProps } from 'react-native';
+import type { TxtProps } from '../../txt';
+import type { AccessibilityProps, TouchableOpacityProps } from 'react-native';
 import { TouchableOpacity } from 'react-native';
 type CommonRightProps = TouchableOpacityProps;
-declare const RightIconButton: import("react").ForwardRefExoticComponent<Pick<import("../../icon/Icon.js").IconProps & import("react").RefAttributes<import("react-native").View>, "accessibilityLabel" | "type" | "name"> & TouchableOpacityProps & import("react").RefAttributes<TouchableOpacity>>;
+declare const RightIconButton: import("react").ForwardRefExoticComponent<Pick<import("../../icon").IconProps & import("react").RefAttributes<import("react-native").View>, "type" | "name"> & AccessibilityProps & TouchableOpacityProps & import("react").RefAttributes<TouchableOpacity>>;
 declare function RightTextButton({ children, ...props }: {
     children: TxtProps['children'];
 } & CommonRightProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/navbar/ReactNavigationHelper/Right.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightIconButton=void 0,exports.RightTextButton=RightTextButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../icon/index.js"),index_js_3=require("../../txt/index.js"),react_1=require("react"),react_native_1=require("react-native"),constants_js_1=require("./constants.js"),RightIconButton=(0,react_1.forwardRef)(function({name:e,accessibilityLabel:n,type:t,...o},s){const r=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{ref:s,style:styles.common,hitSlop:HIT_SLOP,...o,children:(0,jsx_runtime_1.jsx)(index_js_2.Icon,{color:r.grey400,size:24,name:e,type:t,accessibilityLabel:n})})});exports.RightIconButton=RightIconButton;function RightTextButton({children:i,...e}){const n=(0,index_js_1.useAdaptive)(),{typography:t}=(0,index_js_1.useTypographyTheme)(),o=(0,react_1.useMemo)(()=>({fontSize:Math.min(t[TEXT_BUTTON_TYPOGRAPHY].fontSize,constants_js_1.MAX_FONT_SIZE),lineHeight:Math.min(t[TEXT_BUTTON_TYPOGRAPHY].lineHeight,constants_js_1.MAX_LINE_HEIGHT)}),[t]);return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{style:[styles.common,styles.textButton],hitSlop:HIT_SLOP,...e,children:(0,jsx_runtime_1.jsx)(index_js_3.Txt,{typography:TEXT_BUTTON_TYPOGRAPHY,color:n.grey800,fontWeight:"semiBold",style:o,children:i})})}const TEXT_BUTTON_TYPOGRAPHY="st10",styles=react_native_1.StyleSheet.create({common:{marginLeft:24},textButton:{marginRight:-4}}),HIT_SLOP={left:8,right:8};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightIconButton=void 0,exports.RightTextButton=RightTextButton;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),icon_1=require("../../icon"),txt_1=require("../../txt"),react_1=require("react"),react_native_1=require("react-native"),constants_1=require("./constants"),a11y_1=require("../../../utils/a11y"),RightIconButton=(0,react_1.forwardRef)(function({name:e,type:o,...t},n){const i=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{ref:n,style:styles.common,hitSlop:HIT_SLOP,...(0,a11y_1.generateA11yRestProps)(t,{role:"button"}),children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{color:i.grey400,size:24,name:e,type:o})})});exports.RightIconButton=RightIconButton;function RightTextButton({children:r,...e}){const o=(0,core_1.useAdaptive)(),{typography:t}=(0,core_1.useTypographyTheme)(),n=(0,react_1.useMemo)(()=>({fontSize:Math.min(t[TEXT_BUTTON_TYPOGRAPHY].fontSize,constants_1.MAX_FONT_SIZE),lineHeight:Math.min(t[TEXT_BUTTON_TYPOGRAPHY].lineHeight,constants_1.MAX_LINE_HEIGHT)}),[t]);return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{style:[styles.common,styles.textButton],hitSlop:HIT_SLOP,...(0,a11y_1.generateA11yRestProps)(e,{role:"button"}),children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:TEXT_BUTTON_TYPOGRAPHY,color:o.grey800,fontWeight:"semiBold",style:n,children:r})})}const TEXT_BUTTON_TYPOGRAPHY="st10",styles=react_native_1.StyleSheet.create({common:{marginLeft:24},textButton:{marginRight:-4}}),HIT_SLOP={left:8,right:8};

package/dist/cjs/components/navbar/ReactNavigationHelper/Title.d.ts

@@ -1,4 +1,4 @@
-import type { TxtProps } from '../../txt/index.js';
+import type { TxtProps } from '../../txt';
 import type { ReactNode } from 'react';
 interface BaseProps extends Pick<TxtProps, 'children' | 'color'> {
     /**

package/dist/cjs/components/navbar/ReactNavigationHelper/Title.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Title=Title,exports.TitleTxt=TitleTxt,exports.SubtitleTxt=SubtitleTxt;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../txt/index.js"),react_1=require("react"),react_native_1=require("react-native"),constants_js_1=require("./constants.js");function TitleTxt({color:t,fontWeight:e="semiBold",preventFontScalingA11y:i=!1,...o}){const s=(0,index_js_1.useAdaptive)(),{typography:n}=(0,index_js_1.useTypographyTheme)(),r=(0,react_1.useMemo)(()=>{const a=i?index_js_2.defaultTypographyMap[TITLE_TYPOGRAPHY].fontSize:constants_js_1.MAX_FONT_SIZE,l=i?index_js_2.defaultTypographyMap[TITLE_TYPOGRAPHY].lineHeight:constants_js_1.MAX_LINE_HEIGHT;return{fontSize:Math.min(n[TITLE_TYPOGRAPHY].fontSize,a),lineHeight:Math.min(n[TITLE_TYPOGRAPHY].lineHeight,l)}},[i,n]);return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:TITLE_TYPOGRAPHY,color:t??s.grey900,fontWeight:e,numberOfLines:1,ellipsizeMode:"tail",style:r,...o})}function SubtitleTxt({color:t,preventFontScalingA11y:e=!1,...i}){const o=(0,index_js_1.useAdaptive)(),{typography:s}=(0,index_js_1.useTypographyTheme)(),n=(0,react_1.useMemo)(()=>{const r=e?index_js_2.defaultTypographyMap[SUBTITLE_TYPOGRAPHY].fontSize:constants_js_1.MAX_FONT_SIZE,a=e?index_js_2.defaultTypographyMap[SUBTITLE_TYPOGRAPHY].lineHeight:constants_js_1.MAX_LINE_HEIGHT;return{fontSize:Math.min(s[SUBTITLE_TYPOGRAPHY].fontSize,r),lineHeight:Math.min(s[SUBTITLE_TYPOGRAPHY].lineHeight,a)}},[e,s]);return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:SUBTITLE_TYPOGRAPHY,color:t??o.grey600,fontWeight:"regular",numberOfLines:1,ellipsizeMode:"tail",style:n,...i})}function Title({upper:t,lower:e}){return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.title,children:[t,e]})}const TITLE_TYPOGRAPHY="t5",SUBTITLE_TYPOGRAPHY="t7",styles=react_native_1.StyleSheet.create({title:{alignItems:"center"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Title=Title,exports.TitleTxt=TitleTxt,exports.SubtitleTxt=SubtitleTxt;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),txt_1=require("../../txt"),react_1=require("react"),react_native_1=require("react-native"),constants_1=require("./constants");function TitleTxt({color:t,fontWeight:e="semiBold",preventFontScalingA11y:i=!1,...r}){const o=(0,core_1.useAdaptive)(),{typography:n}=(0,core_1.useTypographyTheme)(),s=(0,react_1.useMemo)(()=>{const a=i?txt_1.defaultTypographyMap[TITLE_TYPOGRAPHY].fontSize:constants_1.MAX_FONT_SIZE,l=i?txt_1.defaultTypographyMap[TITLE_TYPOGRAPHY].lineHeight:constants_1.MAX_LINE_HEIGHT;return{fontSize:Math.min(n[TITLE_TYPOGRAPHY].fontSize,a),lineHeight:Math.min(n[TITLE_TYPOGRAPHY].lineHeight,l)}},[i,n]);return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:TITLE_TYPOGRAPHY,color:t??o.grey900,fontWeight:e,numberOfLines:1,ellipsizeMode:"tail",style:s,...r})}function SubtitleTxt({color:t,preventFontScalingA11y:e=!1,...i}){const r=(0,core_1.useAdaptive)(),{typography:o}=(0,core_1.useTypographyTheme)(),n=(0,react_1.useMemo)(()=>{const s=e?txt_1.defaultTypographyMap[SUBTITLE_TYPOGRAPHY].fontSize:constants_1.MAX_FONT_SIZE,a=e?txt_1.defaultTypographyMap[SUBTITLE_TYPOGRAPHY].lineHeight:constants_1.MAX_LINE_HEIGHT;return{fontSize:Math.min(o[SUBTITLE_TYPOGRAPHY].fontSize,s),lineHeight:Math.min(o[SUBTITLE_TYPOGRAPHY].lineHeight,a)}},[e,o]);return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:SUBTITLE_TYPOGRAPHY,color:t??r.grey600,fontWeight:"regular",numberOfLines:1,ellipsizeMode:"tail",style:n,...i})}function Title({upper:t,lower:e}){return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.title,children:[t,e]})}const TITLE_TYPOGRAPHY="t5",SUBTITLE_TYPOGRAPHY="t7",styles=react_native_1.StyleSheet.create({title:{alignItems:"center"}});

package/dist/cjs/components/navbar/ReactNavigationHelper/constants.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ANDROID_DEFAULT_MARGIN=exports.IOS_DEFAULT_MARGIN=exports.ANDROID_RIGHT\uC5C6\uC744\uB54C_MARGIN=exports.RIGHT_MARGIN=exports.ANDROID_LEFT_MARGIN=exports.IOS_LEFT_MARGIN=exports.MAX_LINE_HEIGHT=exports.MAX_FONT_SIZE=void 0;const index_js_1=require("../../../constants/index.js");exports.MAX_FONT_SIZE=20,exports.MAX_LINE_HEIGHT=index_js_1.fontSizeToLineHeightMap[exports.MAX_FONT_SIZE],exports.IOS_LEFT_MARGIN=10,exports.ANDROID_LEFT_MARGIN=16,exports.RIGHT_MARGIN=24,exports.ANDROID_RIGHT\uC5C6\uC744\uB54C_MARGIN=36,exports.IOS_DEFAULT_MARGIN=20,exports.ANDROID_DEFAULT_MARGIN=16;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ANDROID_DEFAULT_MARGIN=exports.IOS_DEFAULT_MARGIN=exports.ANDROID_RIGHT\uC5C6\uC744\uB54C_MARGIN=exports.RIGHT_MARGIN=exports.ANDROID_LEFT_MARGIN=exports.IOS_LEFT_MARGIN=exports.MAX_LINE_HEIGHT=exports.MAX_FONT_SIZE=void 0;const constants_1=require("../../../constants");exports.MAX_FONT_SIZE=20,exports.MAX_LINE_HEIGHT=constants_1.fontSizeToLineHeightMap[exports.MAX_FONT_SIZE],exports.IOS_LEFT_MARGIN=10,exports.ANDROID_LEFT_MARGIN=16,exports.RIGHT_MARGIN=24,exports.ANDROID_RIGHT\uC5C6\uC744\uB54C_MARGIN=36,exports.IOS_DEFAULT_MARGIN=20,exports.ANDROID_DEFAULT_MARGIN=16;

package/dist/cjs/components/navbar/ReactNavigationHelper/index.d.ts

@@ -1,16 +1,16 @@
-import { BackButton } from './BackButton.js';
-import { RightTextButton } from './Right.js';
-import { SubtitleTxt, Title, TitleTxt } from './Title.js';
-import { HeaderLeft } from './HeaderLeft.js';
-import { HeaderRight } from './HeaderRight.js';
-import { HeaderTitle } from './HeaderTitle.js';
-import { CloseButton } from './CloseButton.js';
+import { BackButton } from './BackButton';
+import { RightTextButton } from './Right';
+import { SubtitleTxt, Title, TitleTxt } from './Title';
+import { HeaderLeft } from './HeaderLeft';
+import { HeaderRight } from './HeaderRight';
+import { HeaderTitle } from './HeaderTitle';
+import { CloseButton } from './CloseButton';
 export declare const ReactNavigationNavbar: {
     HeaderLeft: typeof HeaderLeft;
     HeaderRight: typeof HeaderRight;
     BackButton: typeof BackButton;
     CloseButton: typeof CloseButton;
-    RightIconButton: import("react").ForwardRefExoticComponent<Pick<import("../../icon/Icon.js").IconProps & import("react").RefAttributes<import("react-native").View>, "accessibilityLabel" | "type" | "name"> & import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").TouchableOpacity>>;
+    RightIconButton: import("react").ForwardRefExoticComponent<Pick<import("../../icon").IconProps & import("react").RefAttributes<import("react-native").View>, "type" | "name"> & import("react-native").AccessibilityProps & import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").TouchableOpacity>>;
     RightTextButton: typeof RightTextButton;
     HeaderTitle: typeof HeaderTitle;
     TitleTxt: typeof TitleTxt;

package/dist/cjs/components/navbar/ReactNavigationHelper/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNavigationNavbar=void 0;const BackButton_js_1=require("./BackButton.js"),Right_js_1=require("./Right.js"),Title_js_1=require("./Title.js"),HeaderLeft_js_1=require("./HeaderLeft.js"),HeaderRight_js_1=require("./HeaderRight.js"),HeaderTitle_js_1=require("./HeaderTitle.js"),CloseButton_js_1=require("./CloseButton.js");exports.ReactNavigationNavbar={HeaderLeft:HeaderLeft_js_1.HeaderLeft,HeaderRight:HeaderRight_js_1.HeaderRight,BackButton:BackButton_js_1.BackButton,CloseButton:CloseButton_js_1.CloseButton,RightIconButton:Right_js_1.RightIconButton,RightTextButton:Right_js_1.RightTextButton,HeaderTitle:HeaderTitle_js_1.HeaderTitle,TitleTxt:Title_js_1.TitleTxt,DoubleLineTitle:Title_js_1.Title,SubtitleTxt:Title_js_1.SubtitleTxt};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNavigationNavbar=void 0;const BackButton_1=require("./BackButton"),Right_1=require("./Right"),Title_1=require("./Title"),HeaderLeft_1=require("./HeaderLeft"),HeaderRight_1=require("./HeaderRight"),HeaderTitle_1=require("./HeaderTitle"),CloseButton_1=require("./CloseButton");exports.ReactNavigationNavbar={HeaderLeft:HeaderLeft_1.HeaderLeft,HeaderRight:HeaderRight_1.HeaderRight,BackButton:BackButton_1.BackButton,CloseButton:CloseButton_1.CloseButton,RightIconButton:Right_1.RightIconButton,RightTextButton:Right_1.RightTextButton,HeaderTitle:HeaderTitle_1.HeaderTitle,TitleTxt:Title_1.TitleTxt,DoubleLineTitle:Title_1.Title,SubtitleTxt:Title_1.SubtitleTxt};

package/dist/cjs/components/navbar/index.d.ts

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

package/dist/cjs/components/navbar/index.js

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

package/dist/cjs/components/numeric-spinner/NumericSpinner.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumericSpinner=void 0;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"),index_js_1=require("../../core/index.js"),index_js_2=require("../../interactions/animated/index.js"),generateHapticFeedback_js_1=require("../../native/generateHapticFeedback.js"),NumericSpinnerContainer_js_1=require("./NumericSpinnerContainer.js"),NumericSpinnerIconButton_js_1=require("./NumericSpinnerIconButton.js"),NumericSpinnerNumberBox_js_1=require("./NumericSpinnerNumberBox.js"),useAccelerateInterval_js_1=require("./useAccelerateInterval.js"),useButtonLongPress_js_1=require("./useButtonLongPress.js"),useWiggleMotion_js_1=require("./useWiggleMotion.js"),AnimatedNumericSpinnerContainer=index_js_2.Animated.createAnimatedComponent(NumericSpinnerContainer_js_1.NumericSpinnerContainer),AnimatedNumericSpinnerNumberBox=index_js_2.Animated.createAnimatedComponent(NumericSpinnerNumberBox_js_1.NumericSpinnerNumberBox),AnimatedNumericSpinnerMinusIconButton=index_js_2.Animated.createAnimatedComponent(NumericSpinnerIconButton_js_1.NumericSpinnerMinusIconButton),AnimatedNumericSpinnerPlusIconButton=index_js_2.Animated.createAnimatedComponent(NumericSpinnerIconButton_js_1.NumericSpinnerPlusIconButton),isNumberInRange=({min:t,max:n,num:e})=>!isNaN(e)&&e>=t&&e<=n;exports.NumericSpinner=(0,react_1.forwardRef)(function({disable:n,number:e=0,minNumber:a=0,maxNumber:s=100,onNumberChange:o,size:i,style:p,...k},S){const R=(0,index_js_1.useAdaptive)(),{play:u,style:V}=(0,useWiggleMotion_js_1.useWiggleMotion)(),g=isNumberInRange({max:s,min:a,num:e+1}),m=isNumberInRange({max:s,min:a,num:e-1}),y=(0,react_1.useCallback)(()=>{if(g){const r=e+1;(0,generateHapticFeedback_js_1.generateHapticFeedback)({type:"tickWeak"}),o?.(r);return}u()},[e,g,o,u]),E=(0,react_1.useCallback)(()=>{if(m){const r=e-1;(0,generateHapticFeedback_js_1.generateHapticFeedback)({type:"tickWeak"}),o?.(r);return}u()},[e,m,o,u]),h=useNumberTextAnimation(),{onPressStart:P,onPressEnd:w}=(0,useButtonLongPress_js_1.useButtonLongPress)({onPressing:E,onPressEnd:h.play}),{onPressStart:L,onPressEnd:M}=(0,useButtonLongPress_js_1.useButtonLongPress)({onPressing:y,onPressEnd:h.play}),c=(0,react_1.useRef)(!1),C=(0,useAccelerateInterval_js_1.useAccelerateInterval)(y,{startMs:400,interval:.8,minMs:50}),I=(0,useAccelerateInterval_js_1.useAccelerateInterval)(E,{startMs:400,interval:.8,minMs:50}),X=()=>{c.current!==!0&&(I.startInterval(),c.current=!0)},H=()=>{c.current!==!0&&(C.startInterval(),c.current=!0)},T=()=>{C.stopInterval(),I.stopInterval(),c.current=!1},b=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,l=(0,react_1.useRef)(new index_js_2.Animated.Value(NumericSpinnerNumberBox_js_1.NumericSpinnerNumberBoxBorderRadiusBySize[i])).current,v=useContainerAnimation({size:i}),F=index_js_2.Animated.event([{nativeEvent:{translationX:b}}],{useNativeDriver:!1}),G=r=>{switch(r.nativeEvent.state){case react_native_gesture_handler_1.State.BEGAN:{v.play(),index_js_2.Animated.parallel([index_js_2.Animated.timing(l,{toValue:50,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3})]).start();break}case react_native_gesture_handler_1.State.END:case react_native_gesture_handler_1.State.FAILED:{v.reset(),index_js_2.Animated.parallel([index_js_2.Animated.spring(b,{toValue:0,useNativeDriver:!1}),index_js_2.Animated.timing(l,{toValue:NumericSpinnerNumberBox_js_1.NumericSpinnerNumberBoxBorderRadiusBySize[i],useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3})]).start();break}}},[j,O]=(0,react_1.useState)(0),[f,$]=(0,react_1.useState)(0),[N,z]=(0,react_1.useState)(0),[x,J]=(0,react_1.useState)(0),q=b.interpolate({inputRange:[-N,x],outputRange:[-N,x],extrapolate:"clamp"});q.addListener(({value:r})=>{const K=-N;r===K?X():r===x?H():T()}),(0,react_1.useEffect)(()=>{l.setValue(NumericSpinnerNumberBox_js_1.NumericSpinnerNumberBoxBorderRadiusBySize[i])},[l,i]);const d=useNumberBoxAnimation(),A=useLeftIconButtonAnimation(),D=useRightIconButtonAnimation(),W=useLeftIconButtonPlaceholderAnimation(),B=useRightIconButtonPlaceholderAnimation(),_=`${e}`;return n?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{"aria-disabled":!0,accessibilityRole:"button",accessibilityLabel:`${e}, \uBCC0\uACBD\uD560 \uC218 \uC5C6\uC5B4\uC694`,testID:"numeric-spinner",onPress:()=>{u()},style:[{alignSelf:"flex-start"},p],...k,children:(0,jsx_runtime_1.jsxs)(AnimatedNumericSpinnerContainer,{ref:S,size:i,style:[{opacity:.3},V],pointerEvents:"none",children:[(0,jsx_runtime_1.jsx)(NumericSpinnerIconButton_js_1.NumericSpinnerMinusIconButton,{size:i}),(0,jsx_runtime_1.jsx)(NumericSpinnerNumberBox_js_1.NumericSpinnerNumberBox,{style:{borderRadius:8},size:i,"aria-label":_,color:h.style.color,children:e}),(0,jsx_runtime_1.jsx)(NumericSpinnerIconButton_js_1.NumericSpinnerPlusIconButton,{size:i})]})}):(0,jsx_runtime_1.jsxs)(AnimatedNumericSpinnerContainer,{testID:"numeric-spinner",ref:S,onLayout:r=>$(r.nativeEvent.layout.width),style:[{alignSelf:"flex-start"},{...v.style,transform:[...v.style.transform,...V.transform],position:"relative"},p],size:i,...k,children:[(0,jsx_runtime_1.jsx)(AnimatedNumericSpinnerMinusIconButton,{"aria-label":"\uBE7C\uAE30",accessibilityHint:m?"\uB450\uBC88 \uD130\uCE58\uD558\uBA74 \uC22B\uC790\uAC00 \uAC10\uC18C\uD574\uC694":`${a}\uAC1C \uC774\uD558\uB85C \uC120\uD0DD\uD560 \uC218 \uC5C6\uC5B4\uC694`,onLayout:r=>z(r.nativeEvent.layout.width),onPress:E,onPressIn:()=>{P(),d.shrink(),A.shrink(),W.shrink()},onPressOut:()=>{w(),d.expand(),A.expand(),W.expand()},disabled:m===!1,style:{zIndex:1,alignSelf:"stretch",...A.style},color:A.style.color,size:i}),(0,jsx_runtime_1.jsx)(react_native_gesture_handler_1.PanGestureHandler,{onGestureEvent:F,onHandlerStateChange:G,children:(0,jsx_runtime_1.jsx)(AnimatedNumericSpinnerNumberBox,{onLayout:r=>{O(r.nativeEvent.layout.width)},style:{zIndex:2,borderRadius:l,transform:[{translateX:q},...d.style.transform]},size:i,accessibilityRole:"text",accessibilityValue:{text:_},"aria-label":"\uD604\uC7AC \uAC12",accessibilityHint:"\uB450 \uBC88 \uD130\uCE58\uD558\uC5EC \uBCC0\uACBD\uD560 \uC218 \uC788\uC5B4\uC694",color:h.style.color,children:e})}),(0,jsx_runtime_1.jsx)(AnimatedNumericSpinnerPlusIconButton,{"aria-label":"\uB354\uD558\uAE30",accessibilityHint:g?"\uB450\uBC88 \uD130\uCE58\uD558\uBA74 \uC22B\uC790\uAC00 \uC99D\uAC00\uD574\uC694":`${s}\uAC1C \uC774\uC0C1 \uC120\uD0DD\uD560 \uC218 \uC5C6\uC5B4\uC694`,onLayout:r=>J(r.nativeEvent.layout.width),onPress:y,onPressIn:()=>{L(),d.shrink(),D.shrink(),B.shrink()},onPressOut:()=>{M(),d.expand(),D.expand(),B.expand()},disabled:g===!1,style:{zIndex:1,alignSelf:"stretch",...D.style},color:D.style.color,size:i}),(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:{position:"absolute",top:0,left:0,bottom:0,pointerEvents:"none",borderRadius:NumericSpinnerContainer_js_1.NumericSpinnerContainerBorderRadiusBySize[i],backgroundColor:R.greyOpacity100,width:Math.max(f-(f-j)/2+GapBySize[i],0),...W.style}}),(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:{position:"absolute",top:0,right:0,bottom:0,pointerEvents:"none",borderRadius:NumericSpinnerContainer_js_1.NumericSpinnerContainerBorderRadiusBySize[i],backgroundColor:R.greyOpacity100,width:Math.max(f-(f-j)/2+GapBySize[i],0),...B.style}})]})});const GapBySize={tiny:5,small:6,medium:7,large:8};function useContainerAnimation({size:t}){const n=(0,index_js_1.useAdaptive)(),e=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,a=e.interpolate({inputRange:[0,100],outputRange:[1,.96],extrapolate:"clamp"}),s=e.interpolate({inputRange:[0,100],outputRange:[n.grey100,n.grey200],extrapolate:"clamp"}),o=e.interpolate({inputRange:[0,100],outputRange:[NumericSpinnerContainer_js_1.NumericSpinnerContainerBorderRadiusBySize[t],50],extrapolate:"clamp"}),i=(0,react_1.useCallback)(()=>{index_js_2.Animated.timing(e,{toValue:100,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}).start()},[e]),p=(0,react_1.useCallback)(()=>{index_js_2.Animated.timing(e,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}).start()},[e]);return{play:i,reset:p,style:{backgroundColor:s,borderRadius:o,transform:[{scale:a}]}}}function useNumberBoxAnimation(){const t=(0,react_1.useRef)(new index_js_2.Animated.Value(1)).current,n=(0,react_1.useCallback)(()=>{index_js_2.Animated.timing(t,{toValue:.9,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}).start()},[t]),e=(0,react_1.useCallback)(()=>{index_js_2.Animated.timing(t,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.bounce.ease,duration:tds_easings_1.springEaseWithDuration.bounce.duration*1e3}).start()},[t]);return{shrink:n,expand:e,style:{transform:[{scale:t}]}}}function useLeftIconButtonAnimation(){const t=(0,index_js_1.useAdaptive)(),[n,e]=(0,react_1.useState)(t.grey700),a=(0,react_1.useRef)(new index_js_2.Animated.Value(1)).current,s=(0,react_1.useCallback)(()=>{index_js_2.Animated.timing(a,{toValue:.9,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}).start(),e(t.grey900)},[t.grey900,a]),o=(0,react_1.useCallback)(()=>{index_js_2.Animated.stagger(200,[index_js_2.Animated.timing(a,{toValue:1.1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),index_js_2.Animated.timing(a,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.bounce.ease,duration:tds_easings_1.springEaseWithDuration.bounce.duration*1e3})]).start(),e(t.grey700)},[t.grey700,a]);return{shrink:s,expand:o,style:{transform:[{scale:a}],color:n}}}function useRightIconButtonAnimation(){const t=(0,index_js_1.useAdaptive)(),[n,e]=(0,react_1.useState)(t.grey700),a=(0,react_1.useRef)(new index_js_2.Animated.Value(1)).current,s=(0,react_1.useCallback)(()=>{index_js_2.Animated.timing(a,{toValue:.9,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}).start(),e(t.grey900)},[t.grey900,a]),o=(0,react_1.useCallback)(()=>{index_js_2.Animated.stagger(200,[index_js_2.Animated.timing(a,{toValue:1.1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),index_js_2.Animated.timing(a,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.bounce.ease,duration:tds_easings_1.springEaseWithDuration.bounce.duration*1e3})]).start(),e(t.grey700)},[t.grey700,a]);return{shrink:s,expand:o,style:{transform:[{scale:a}],color:n}}}function useLeftIconButtonPlaceholderAnimation(){const t=(0,react_1.useRef)(new index_js_2.Animated.Value(1)).current,n=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,e=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,a=(0,react_1.useCallback)(()=>{index_js_2.Animated.parallel([index_js_2.Animated.timing(t,{toValue:.92,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),index_js_2.Animated.timing(n,{toValue:-2,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),index_js_2.Animated.timing(e,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3})]).start()},[e,t,n]),s=(0,react_1.useCallback)(()=>{index_js_2.Animated.parallel([index_js_2.Animated.timing(t,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}),index_js_2.Animated.timing(n,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}),index_js_2.Animated.timing(e,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3})]).start()},[e,t,n]);return{shrink:a,expand:s,style:{transform:[{scale:t},{translateX:n}],opacity:e}}}function useRightIconButtonPlaceholderAnimation(){const t=(0,react_1.useRef)(new index_js_2.Animated.Value(1)).current,n=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,e=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,a=(0,react_1.useCallback)(()=>{index_js_2.Animated.parallel([index_js_2.Animated.timing(t,{toValue:.92,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),index_js_2.Animated.timing(n,{toValue:2,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),index_js_2.Animated.timing(e,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3})]).start()},[e,t,n]),s=(0,react_1.useCallback)(()=>{index_js_2.Animated.parallel([index_js_2.Animated.timing(t,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}),index_js_2.Animated.timing(n,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}),index_js_2.Animated.timing(e,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3})]).start()},[e,t,n]);return{shrink:a,expand:s,style:{transform:[{scale:t},{translateX:n}],opacity:e}}}function useNumberTextAnimation(){const t=(0,index_js_1.useAdaptive)(),n=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,e=n.interpolate({inputRange:[0,1],outputRange:[t.grey800,t.blue500]});return{play:(0,react_1.useCallback)(()=>{n.setValue(0),index_js_2.Animated.stagger(300,[index_js_2.Animated.timing(n,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),index_js_2.Animated.timing(n,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.basic.ease,duration:tds_easings_1.springEaseWithDuration.basic.duration*1e3})]).start()},[n]),style:{color:e}}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumericSpinner=void 0;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"),core_1=require("../../core"),animated_1=require("../../interactions/animated"),generateHapticFeedback_1=require("../../native/generateHapticFeedback"),NumericSpinnerContainer_1=require("./NumericSpinnerContainer"),NumericSpinnerIconButton_1=require("./NumericSpinnerIconButton"),NumericSpinnerNumberBox_1=require("./NumericSpinnerNumberBox"),useAccelerateInterval_1=require("./useAccelerateInterval"),useButtonLongPress_1=require("./useButtonLongPress"),useWiggleMotion_1=require("./useWiggleMotion"),AnimatedNumericSpinnerContainer=animated_1.Animated.createAnimatedComponent(NumericSpinnerContainer_1.NumericSpinnerContainer),AnimatedNumericSpinnerNumberBox=animated_1.Animated.createAnimatedComponent(NumericSpinnerNumberBox_1.NumericSpinnerNumberBox),AnimatedNumericSpinnerMinusIconButton=animated_1.Animated.createAnimatedComponent(NumericSpinnerIconButton_1.NumericSpinnerMinusIconButton),AnimatedNumericSpinnerPlusIconButton=animated_1.Animated.createAnimatedComponent(NumericSpinnerIconButton_1.NumericSpinnerPlusIconButton),isNumberInRange=({min:t,max:n,num:e})=>!isNaN(e)&&e>=t&&e<=n;exports.NumericSpinner=(0,react_1.forwardRef)(function({disable:n,number:e=0,minNumber:a=0,maxNumber:s=100,onNumberChange:o,size:i,style:p,...k},S){const R=(0,core_1.useAdaptive)(),{play:u,style:V}=(0,useWiggleMotion_1.useWiggleMotion)(),g=isNumberInRange({max:s,min:a,num:e+1}),m=isNumberInRange({max:s,min:a,num:e-1}),y=(0,react_1.useCallback)(()=>{if(g){const r=e+1;(0,generateHapticFeedback_1.generateHapticFeedback)({type:"tickWeak"}),o?.(r);return}u()},[e,g,o,u]),E=(0,react_1.useCallback)(()=>{if(m){const r=e-1;(0,generateHapticFeedback_1.generateHapticFeedback)({type:"tickWeak"}),o?.(r);return}u()},[e,m,o,u]),h=useNumberTextAnimation(),{onPressStart:_,onPressEnd:L}=(0,useButtonLongPress_1.useButtonLongPress)({onPressing:E,onPressEnd:h.play}),{onPressStart:j,onPressEnd:M}=(0,useButtonLongPress_1.useButtonLongPress)({onPressing:y,onPressEnd:h.play}),c=(0,react_1.useRef)(!1),C=(0,useAccelerateInterval_1.useAccelerateInterval)(y,{startMs:400,interval:.8,minMs:50}),I=(0,useAccelerateInterval_1.useAccelerateInterval)(E,{startMs:400,interval:.8,minMs:50}),X=()=>{c.current!==!0&&(I.startInterval(),c.current=!0)},H=()=>{c.current!==!0&&(C.startInterval(),c.current=!0)},T=()=>{C.stopInterval(),I.stopInterval(),c.current=!1},b=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,l=(0,react_1.useRef)(new animated_1.Animated.Value(NumericSpinnerNumberBox_1.NumericSpinnerNumberBoxBorderRadiusBySize[i])).current,v=useContainerAnimation({size:i}),F=animated_1.Animated.event([{nativeEvent:{translationX:b}}],{useNativeDriver:!1}),G=r=>{switch(r.nativeEvent.state){case react_native_gesture_handler_1.State.BEGAN:{v.play(),animated_1.Animated.parallel([animated_1.Animated.timing(l,{toValue:50,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3})]).start();break}case react_native_gesture_handler_1.State.END:case react_native_gesture_handler_1.State.FAILED:{v.reset(),animated_1.Animated.parallel([animated_1.Animated.spring(b,{toValue:0,useNativeDriver:!1}),animated_1.Animated.timing(l,{toValue:NumericSpinnerNumberBox_1.NumericSpinnerNumberBoxBorderRadiusBySize[i],useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3})]).start();break}}},[q,O]=(0,react_1.useState)(0),[f,$]=(0,react_1.useState)(0),[N,z]=(0,react_1.useState)(0),[x,J]=(0,react_1.useState)(0),P=b.interpolate({inputRange:[-N,x],outputRange:[-N,x],extrapolate:"clamp"});P.addListener(({value:r})=>{const K=-N;r===K?X():r===x?H():T()}),(0,react_1.useEffect)(()=>{l.setValue(NumericSpinnerNumberBox_1.NumericSpinnerNumberBoxBorderRadiusBySize[i])},[l,i]);const d=useNumberBoxAnimation(),A=useLeftIconButtonAnimation(),D=useRightIconButtonAnimation(),W=useLeftIconButtonPlaceholderAnimation(),B=useRightIconButtonPlaceholderAnimation(),w=`${e}`;return n?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{"aria-disabled":!0,accessibilityRole:"button",accessibilityLabel:`${e}, \uBCC0\uACBD\uD560 \uC218 \uC5C6\uC5B4\uC694`,testID:"numeric-spinner",onPress:()=>{u()},style:[{alignSelf:"flex-start"},p],...k,children:(0,jsx_runtime_1.jsxs)(AnimatedNumericSpinnerContainer,{ref:S,size:i,style:[{opacity:.3},V],pointerEvents:"none",children:[(0,jsx_runtime_1.jsx)(NumericSpinnerIconButton_1.NumericSpinnerMinusIconButton,{size:i}),(0,jsx_runtime_1.jsx)(NumericSpinnerNumberBox_1.NumericSpinnerNumberBox,{style:{borderRadius:8},size:i,"aria-label":w,color:h.style.color,children:e}),(0,jsx_runtime_1.jsx)(NumericSpinnerIconButton_1.NumericSpinnerPlusIconButton,{size:i})]})}):(0,jsx_runtime_1.jsxs)(AnimatedNumericSpinnerContainer,{testID:"numeric-spinner",ref:S,onLayout:r=>$(r.nativeEvent.layout.width),style:[{alignSelf:"flex-start"},{...v.style,transform:[...v.style.transform,...V.transform],position:"relative"},p],size:i,...k,children:[(0,jsx_runtime_1.jsx)(AnimatedNumericSpinnerMinusIconButton,{"aria-label":"\uBE7C\uAE30",accessibilityHint:m?"\uB450\uBC88 \uD130\uCE58\uD558\uBA74 \uC22B\uC790\uAC00 \uAC10\uC18C\uD574\uC694":`${a}\uAC1C \uC774\uD558\uB85C \uC120\uD0DD\uD560 \uC218 \uC5C6\uC5B4\uC694`,onLayout:r=>z(r.nativeEvent.layout.width),onPress:E,onPressIn:()=>{_(),d.shrink(),A.shrink(),W.shrink()},onPressOut:()=>{L(),d.expand(),A.expand(),W.expand()},disabled:m===!1,style:{zIndex:1,alignSelf:"stretch",...A.style},color:A.style.color,size:i}),(0,jsx_runtime_1.jsx)(react_native_gesture_handler_1.PanGestureHandler,{onGestureEvent:F,onHandlerStateChange:G,children:(0,jsx_runtime_1.jsx)(AnimatedNumericSpinnerNumberBox,{onLayout:r=>{O(r.nativeEvent.layout.width)},style:{zIndex:2,borderRadius:l,transform:[{translateX:P},...d.style.transform]},size:i,accessibilityRole:"text",accessibilityValue:{text:w},"aria-label":"\uD604\uC7AC \uAC12",accessibilityHint:"\uB450 \uBC88 \uD130\uCE58\uD558\uC5EC \uBCC0\uACBD\uD560 \uC218 \uC788\uC5B4\uC694",color:h.style.color,children:e})}),(0,jsx_runtime_1.jsx)(AnimatedNumericSpinnerPlusIconButton,{"aria-label":"\uB354\uD558\uAE30",accessibilityHint:g?"\uB450\uBC88 \uD130\uCE58\uD558\uBA74 \uC22B\uC790\uAC00 \uC99D\uAC00\uD574\uC694":`${s}\uAC1C \uC774\uC0C1 \uC120\uD0DD\uD560 \uC218 \uC5C6\uC5B4\uC694`,onLayout:r=>J(r.nativeEvent.layout.width),onPress:y,onPressIn:()=>{j(),d.shrink(),D.shrink(),B.shrink()},onPressOut:()=>{M(),d.expand(),D.expand(),B.expand()},disabled:g===!1,style:{zIndex:1,alignSelf:"stretch",...D.style},color:D.style.color,size:i}),(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:{position:"absolute",top:0,left:0,bottom:0,pointerEvents:"none",borderRadius:NumericSpinnerContainer_1.NumericSpinnerContainerBorderRadiusBySize[i],backgroundColor:R.greyOpacity100,width:Math.max(f-(f-q)/2+GapBySize[i],0),...W.style}}),(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:{position:"absolute",top:0,right:0,bottom:0,pointerEvents:"none",borderRadius:NumericSpinnerContainer_1.NumericSpinnerContainerBorderRadiusBySize[i],backgroundColor:R.greyOpacity100,width:Math.max(f-(f-q)/2+GapBySize[i],0),...B.style}})]})});const GapBySize={tiny:5,small:6,medium:7,large:8};function useContainerAnimation({size:t}){const n=(0,core_1.useAdaptive)(),e=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,a=e.interpolate({inputRange:[0,100],outputRange:[1,.96],extrapolate:"clamp"}),s=e.interpolate({inputRange:[0,100],outputRange:[n.grey100,n.grey200],extrapolate:"clamp"}),o=e.interpolate({inputRange:[0,100],outputRange:[NumericSpinnerContainer_1.NumericSpinnerContainerBorderRadiusBySize[t],50],extrapolate:"clamp"}),i=(0,react_1.useCallback)(()=>{animated_1.Animated.timing(e,{toValue:100,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}).start()},[e]),p=(0,react_1.useCallback)(()=>{animated_1.Animated.timing(e,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}).start()},[e]);return{play:i,reset:p,style:{backgroundColor:s,borderRadius:o,transform:[{scale:a}]}}}function useNumberBoxAnimation(){const t=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,n=(0,react_1.useCallback)(()=>{animated_1.Animated.timing(t,{toValue:.9,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}).start()},[t]),e=(0,react_1.useCallback)(()=>{animated_1.Animated.timing(t,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.bounce.ease,duration:tds_easings_1.springEaseWithDuration.bounce.duration*1e3}).start()},[t]);return{shrink:n,expand:e,style:{transform:[{scale:t}]}}}function useLeftIconButtonAnimation(){const t=(0,core_1.useAdaptive)(),[n,e]=(0,react_1.useState)(t.grey700),a=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,s=(0,react_1.useCallback)(()=>{animated_1.Animated.timing(a,{toValue:.9,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}).start(),e(t.grey900)},[t.grey900,a]),o=(0,react_1.useCallback)(()=>{animated_1.Animated.stagger(200,[animated_1.Animated.timing(a,{toValue:1.1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),animated_1.Animated.timing(a,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.bounce.ease,duration:tds_easings_1.springEaseWithDuration.bounce.duration*1e3})]).start(),e(t.grey700)},[t.grey700,a]);return{shrink:s,expand:o,style:{transform:[{scale:a}],color:n}}}function useRightIconButtonAnimation(){const t=(0,core_1.useAdaptive)(),[n,e]=(0,react_1.useState)(t.grey700),a=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,s=(0,react_1.useCallback)(()=>{animated_1.Animated.timing(a,{toValue:.9,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}).start(),e(t.grey900)},[t.grey900,a]),o=(0,react_1.useCallback)(()=>{animated_1.Animated.stagger(200,[animated_1.Animated.timing(a,{toValue:1.1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),animated_1.Animated.timing(a,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.bounce.ease,duration:tds_easings_1.springEaseWithDuration.bounce.duration*1e3})]).start(),e(t.grey700)},[t.grey700,a]);return{shrink:s,expand:o,style:{transform:[{scale:a}],color:n}}}function useLeftIconButtonPlaceholderAnimation(){const t=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,n=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,e=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,a=(0,react_1.useCallback)(()=>{animated_1.Animated.parallel([animated_1.Animated.timing(t,{toValue:.92,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),animated_1.Animated.timing(n,{toValue:-2,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),animated_1.Animated.timing(e,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3})]).start()},[e,t,n]),s=(0,react_1.useCallback)(()=>{animated_1.Animated.parallel([animated_1.Animated.timing(t,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}),animated_1.Animated.timing(n,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}),animated_1.Animated.timing(e,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3})]).start()},[e,t,n]);return{shrink:a,expand:s,style:{transform:[{scale:t},{translateX:n}],opacity:e}}}function useRightIconButtonPlaceholderAnimation(){const t=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,n=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,e=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,a=(0,react_1.useCallback)(()=>{animated_1.Animated.parallel([animated_1.Animated.timing(t,{toValue:.92,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),animated_1.Animated.timing(n,{toValue:2,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),animated_1.Animated.timing(e,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3})]).start()},[e,t,n]),s=(0,react_1.useCallback)(()=>{animated_1.Animated.parallel([animated_1.Animated.timing(t,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}),animated_1.Animated.timing(n,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.quick.ease,duration:tds_easings_1.springEaseWithDuration.quick.duration*1e3}),animated_1.Animated.timing(e,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3})]).start()},[e,t,n]);return{shrink:a,expand:s,style:{transform:[{scale:t},{translateX:n}],opacity:e}}}function useNumberTextAnimation(){const t=(0,core_1.useAdaptive)(),n=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,e=n.interpolate({inputRange:[0,1],outputRange:[t.grey800,t.blue500]});return{play:(0,react_1.useCallback)(()=>{n.setValue(0),animated_1.Animated.stagger(300,[animated_1.Animated.timing(n,{toValue:1,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.rapid.ease,duration:tds_easings_1.springEaseWithDuration.rapid.duration*1e3}),animated_1.Animated.timing(n,{toValue:0,useNativeDriver:!1,easing:tds_easings_1.springEaseWithDuration.basic.ease,duration:tds_easings_1.springEaseWithDuration.basic.duration*1e3})]).start()},[n]),style:{color:e}}}

package/dist/cjs/components/numeric-spinner/NumericSpinnerContainer.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
 import { View } from 'react-native';
-import type { Size } from './type.js';
+import type { Size } from './type';
 export declare const NumericSpinnerContainerBorderRadiusBySize: Record<Size, number>;
 export interface NumericSpinnerContainerProps extends ViewProps {
     size: Size;

package/dist/cjs/components/numeric-spinner/NumericSpinnerContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumericSpinnerContainer=exports.NumericSpinnerContainerBorderRadiusBySize=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),react_1=require("react"),react_native_1=require("react-native");exports.NumericSpinnerContainerBorderRadiusBySize={tiny:8,small:10,medium:14,large:16},exports.NumericSpinnerContainer=(0,react_1.forwardRef)(function({size:e,style:r,children:i,...n},t){const a=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:t,style:[styles.container,styles[e],{backgroundColor:a.grey100},r],...n,children:i})});const styles=react_native_1.StyleSheet.create({container:{display:"flex",flexDirection:"row"},tiny:{paddingVertical:3,paddingHorizontal:3,borderRadius:exports.NumericSpinnerContainerBorderRadiusBySize.tiny},small:{paddingVertical:3,paddingHorizontal:3,borderRadius:exports.NumericSpinnerContainerBorderRadiusBySize.small},medium:{paddingVertical:4,paddingHorizontal:4,borderRadius:exports.NumericSpinnerContainerBorderRadiusBySize.medium},large:{paddingVertical:4,paddingHorizontal:4,borderRadius:exports.NumericSpinnerContainerBorderRadiusBySize.large}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumericSpinnerContainer=exports.NumericSpinnerContainerBorderRadiusBySize=void 0;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),react_1=require("react"),react_native_1=require("react-native");exports.NumericSpinnerContainerBorderRadiusBySize={tiny:8,small:10,medium:14,large:16},exports.NumericSpinnerContainer=(0,react_1.forwardRef)(function({size:e,style:r,children:i,...n},t){const a=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:t,style:[styles.container,styles[e],{backgroundColor:a.grey100},r],...n,children:i})});const styles=react_native_1.StyleSheet.create({container:{display:"flex",flexDirection:"row"},tiny:{paddingVertical:3,paddingHorizontal:3,borderRadius:exports.NumericSpinnerContainerBorderRadiusBySize.tiny},small:{paddingVertical:3,paddingHorizontal:3,borderRadius:exports.NumericSpinnerContainerBorderRadiusBySize.small},medium:{paddingVertical:4,paddingHorizontal:4,borderRadius:exports.NumericSpinnerContainerBorderRadiusBySize.medium},large:{paddingVertical:4,paddingHorizontal:4,borderRadius:exports.NumericSpinnerContainerBorderRadiusBySize.large}});

package/dist/cjs/components/numeric-spinner/NumericSpinnerIconButton.d.ts

@@ -1,6 +1,6 @@
 import type { PressableProps, ViewProps } from 'react-native';
 import type { View } from 'react-native';
-import type { Size } from './type.js';
+import type { Size } from './type';
 export interface NumericSpinnerMinusIconButtonProps extends PressableProps {
     size: Size;
     disabled?: boolean;

package/dist/cjs/components/numeric-spinner/NumericSpinnerIconButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumericSpinnerPlusIconButton=exports.NumericSpinnerMinusIconButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../paragraph/index.js"),react_1=require("react"),react_native_1=require("react-native"),react_native_2=require("react-native");exports.NumericSpinnerMinusIconButton=(0,react_1.forwardRef)(function({size:e,color:i,disabled:t,style:r,...a},s){const n=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_2.Pressable,{ref:s,style:[commonStyles.container,minusButtonStyles[e],r],accessibilityRole:"button","aria-disabled":t,...a,children:(0,jsx_runtime_1.jsx)(index_js_2.Icon,{typography:e?paragraphIconTypographyBySize[e]:void 0,name:"icn-stepper-minus-line",color:t?n.grey300:i??n.grey700,style:commonStyles.icon})})}),exports.NumericSpinnerPlusIconButton=(0,react_1.forwardRef)(function({size:e,color:i,disabled:t,style:r,...a},s){const n=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_2.Pressable,{ref:s,style:[commonStyles.container,plusButtonStyles[e],r],accessibilityRole:"button","aria-disabled":t,...a,children:(0,jsx_runtime_1.jsx)(index_js_2.Icon,{typography:e?paragraphIconTypographyBySize[e]:void 0,name:"icn-stepper-plus-line",color:t?n.grey300:i??n.grey700,style:commonStyles.icon})})});const paragraphIconTypographyBySize={tiny:"st13",small:"st13",medium:"t6",large:"t6"},commonStyles=react_native_1.StyleSheet.create({container:{display:"flex",justifyContent:"center",alignItems:"center"},icon:{display:"flex",justifyContent:"center",alignItems:"center",maxHeight:24,maxWidth:24}}),minusButtonStyles=react_native_1.StyleSheet.create({tiny:{paddingLeft:5,paddingRight:6},small:{paddingLeft:9,paddingRight:8},medium:{paddingLeft:8,paddingRight:10},large:{paddingLeft:12,paddingRight:14}}),plusButtonStyles=react_native_1.StyleSheet.create({tiny:{paddingRight:5,paddingLeft:6},small:{paddingRight:9,paddingLeft:8},medium:{paddingRight:8,paddingLeft:10},large:{paddingRight:12,paddingLeft:14}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumericSpinnerPlusIconButton=exports.NumericSpinnerMinusIconButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),paragraph_1=require("../paragraph"),react_1=require("react"),react_native_1=require("react-native"),react_native_2=require("react-native");exports.NumericSpinnerMinusIconButton=(0,react_1.forwardRef)(function({size:e,color:i,disabled:t,style:r,...a},c){const n=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_2.Pressable,{ref:c,style:[commonStyles.container,minusButtonStyles[e],r],accessibilityRole:"button","aria-disabled":t,...a,children:(0,jsx_runtime_1.jsx)(paragraph_1.Icon,{typography:e?paragraphIconTypographyBySize[e]:void 0,name:"icn-stepper-minus-line",color:t?n.grey300:i??n.grey700,style:commonStyles.icon})})}),exports.NumericSpinnerPlusIconButton=(0,react_1.forwardRef)(function({size:e,color:i,disabled:t,style:r,...a},c){const n=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_2.Pressable,{ref:c,style:[commonStyles.container,plusButtonStyles[e],r],accessibilityRole:"button","aria-disabled":t,...a,children:(0,jsx_runtime_1.jsx)(paragraph_1.Icon,{typography:e?paragraphIconTypographyBySize[e]:void 0,name:"icn-stepper-plus-line",color:t?n.grey300:i??n.grey700,style:commonStyles.icon})})});const paragraphIconTypographyBySize={tiny:"st13",small:"st13",medium:"t6",large:"t6"},commonStyles=react_native_1.StyleSheet.create({container:{display:"flex",justifyContent:"center",alignItems:"center"},icon:{display:"flex",justifyContent:"center",alignItems:"center",maxHeight:24,maxWidth:24}}),minusButtonStyles=react_native_1.StyleSheet.create({tiny:{paddingLeft:5,paddingRight:6},small:{paddingLeft:9,paddingRight:8},medium:{paddingLeft:8,paddingRight:10},large:{paddingLeft:12,paddingRight:14}}),plusButtonStyles=react_native_1.StyleSheet.create({tiny:{paddingRight:5,paddingLeft:6},small:{paddingRight:9,paddingLeft:8},medium:{paddingRight:8,paddingLeft:10},large:{paddingRight:12,paddingLeft:14}});

package/dist/cjs/components/numeric-spinner/NumericSpinnerNumberBox.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import { Component } from 'react';
 import type { PressableProps, Animated as ReactNativeAnimated, ViewProps } from 'react-native';
-import type { Size } from './type.js';
+import type { Size } from './type';
 export declare const NumericSpinnerNumberBoxBorderRadiusBySize: Record<Size, number>;
 export interface NumericSpinnerNumberBoxProps extends PressableProps {
     size: Size;

package/dist/cjs/components/numeric-spinner/NumericSpinnerNumberBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumericSpinnerNumberBox=exports.NumericSpinnerNumberBoxBorderRadiusBySize=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"),index_js_1=require("../../core/index.js"),index_js_2=require("../../interactions/animated/index.js"),index_js_3=require("../paragraph/index.js"),AnimatedParagraphText=index_js_2.Animated.createAnimatedComponent(index_js_3.Text);exports.NumericSpinnerNumberBoxBorderRadiusBySize={tiny:6,small:8,medium:10,large:14};const NumericSpinnerNumberBoxImpl=(0,react_1.forwardRef)(function({size:e,style:n,children:a,color:s,...d},r){const{colorPreference:c}=(0,index_js_1.useColorPreference)(),u=c==="light"?tds_colors_1.colors.inverseGrey900:tds_colors_1.colors.inverseGrey300,i="semibold",o=paragraphTypographyBySize[e];return(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{ref:r,style:[styles.container,styles[e],{backgroundColor:u},n],...d,children:[(0,jsx_runtime_1.jsx)(AnimatedParagraphText,{ref:r,fontWeight:i,typography:o,style:{color:s},children:a}),(0,jsx_runtime_1.jsx)(index_js_3.Text,{fontWeight:i,typography:o,style:{height:0,padding:0,margin:0,opacity:0},children:"000"})]})}),styles=react_native_1.StyleSheet.create({container:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:tds_colors_1.tds.tRadioIndicatorBackgroundColor,boxShadow:"0px 1px 3px 0px rgba(0, 0, 0, 0.09)",shadowColor:"rgba(0, 0, 0, 0.09)",shadowOffset:{width:0,height:1},shadowOpacity:1,shadowRadius:3,elevation:3},tiny:{paddingVertical:3,paddingHorizontal:5,borderRadius:exports.NumericSpinnerNumberBoxBorderRadiusBySize.tiny},small:{paddingVertical:5,paddingHorizontal:6,borderRadius:exports.NumericSpinnerNumberBoxBorderRadiusBySize.small},medium:{paddingVertical:8,paddingHorizontal:8,borderRadius:exports.NumericSpinnerNumberBoxBorderRadiusBySize.medium},large:{paddingVertical:12,paddingHorizontal:14,borderRadius:exports.NumericSpinnerNumberBoxBorderRadiusBySize.large}}),paragraphTypographyBySize={tiny:"t7",small:"t6",medium:"t5",large:"t5"};class NumericSpinnerNumberBox extends react_1.Component{render(){return(0,jsx_runtime_1.jsx)(NumericSpinnerNumberBoxImpl,{...this.props})}}exports.NumericSpinnerNumberBox=NumericSpinnerNumberBox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumericSpinnerNumberBox=exports.NumericSpinnerNumberBoxBorderRadiusBySize=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"),animated_1=require("../../interactions/animated"),paragraph_1=require("../paragraph"),AnimatedParagraphText=animated_1.Animated.createAnimatedComponent(paragraph_1.Text);exports.NumericSpinnerNumberBoxBorderRadiusBySize={tiny:6,small:8,medium:10,large:14};const NumericSpinnerNumberBoxImpl=(0,react_1.forwardRef)(function({size:e,style:n,children:a,color:s,...d},r){const{colorPreference:c}=(0,core_1.useColorPreference)(),p=c==="light"?tds_colors_1.colors.inverseGrey900:tds_colors_1.colors.inverseGrey300,i="semibold",o=paragraphTypographyBySize[e];return(0,jsx_runtime_1.jsxs)(react_native_1.Pressable,{ref:r,style:[styles.container,styles[e],{backgroundColor:p},n],...d,children:[(0,jsx_runtime_1.jsx)(AnimatedParagraphText,{ref:r,fontWeight:i,typography:o,style:{color:s},children:a}),(0,jsx_runtime_1.jsx)(paragraph_1.Text,{fontWeight:i,typography:o,style:{height:0,padding:0,margin:0,opacity:0},children:"000"})]})}),styles=react_native_1.StyleSheet.create({container:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:tds_colors_1.tds.tRadioIndicatorBackgroundColor,boxShadow:"0px 1px 3px 0px rgba(0, 0, 0, 0.09)",shadowColor:"rgba(0, 0, 0, 0.09)",shadowOffset:{width:0,height:1},shadowOpacity:1,shadowRadius:3,elevation:3},tiny:{paddingVertical:3,paddingHorizontal:5,borderRadius:exports.NumericSpinnerNumberBoxBorderRadiusBySize.tiny},small:{paddingVertical:5,paddingHorizontal:6,borderRadius:exports.NumericSpinnerNumberBoxBorderRadiusBySize.small},medium:{paddingVertical:8,paddingHorizontal:8,borderRadius:exports.NumericSpinnerNumberBoxBorderRadiusBySize.medium},large:{paddingVertical:12,paddingHorizontal:14,borderRadius:exports.NumericSpinnerNumberBoxBorderRadiusBySize.large}}),paragraphTypographyBySize={tiny:"t7",small:"t6",medium:"t5",large:"t5"};class NumericSpinnerNumberBox extends react_1.Component{render(){return(0,jsx_runtime_1.jsx)(NumericSpinnerNumberBoxImpl,{...this.props})}}exports.NumericSpinnerNumberBox=NumericSpinnerNumberBox;

package/dist/cjs/components/numeric-spinner/index.d.ts

@@ -1 +1 @@
-export { NumericSpinner, type NumericSpinnerProps } from './NumericSpinner.js';
+export { NumericSpinner, type NumericSpinnerProps } from './NumericSpinner';

package/dist/cjs/components/numeric-spinner/index.js

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

package/dist/cjs/components/numeric-spinner/useButtonLongPress.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useButtonLongPress=useButtonLongPress;const react_1=require("react"),useAccelerateInterval_js_1=require("./useAccelerateInterval.js");function useButtonLongPress({onPressStart:e,onPressing:n,onPressEnd:t}){const{startInterval:s,stopInterval:r}=(0,useAccelerateInterval_js_1.useAccelerateInterval)(n,{startMs:400,interval:.8,minMs:50}),a=(0,react_1.useCallback)(()=>{e&&e(),s()},[e,s]),c=(0,react_1.useCallback)(()=>{t&&t(),r()},[t,r]);return{onPressStart:a,onPressEnd:c}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useButtonLongPress=useButtonLongPress;const react_1=require("react"),useAccelerateInterval_1=require("./useAccelerateInterval");function useButtonLongPress({onPressStart:e,onPressing:n,onPressEnd:t}){const{startInterval:r,stopInterval:s}=(0,useAccelerateInterval_1.useAccelerateInterval)(n,{startMs:400,interval:.8,minMs:50}),a=(0,react_1.useCallback)(()=>{e&&e(),r()},[e,r]),c=(0,react_1.useCallback)(()=>{t&&t(),s()},[t,s]);return{onPressStart:a,onPressEnd:c}}

package/dist/cjs/components/numeric-spinner/useWiggleMotion.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWiggleMotion=useWiggleMotion;const index_js_1=require("../../interactions/animated/index.js"),react_1=require("react"),react_native_1=require("react-native"),generateHapticFeedback_js_1=require("../../native/generateHapticFeedback.js");function useWiggleMotion(){const e=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current;return{play:(0,react_1.useCallback)(()=>{(0,generateHapticFeedback_js_1.generateHapticFeedback)({type:"wiggle"}),index_js_1.Animated.sequence([index_js_1.Animated.timing(e,{toValue:2,duration:87.5,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_js_1.Animated.timing(e,{toValue:-2,duration:87.5,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_js_1.Animated.timing(e,{toValue:1,duration:87.5,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_js_1.Animated.timing(e,{toValue:-1,duration:87.5,easing:react_native_1.Easing.linear,useNativeDriver:!1}),index_js_1.Animated.timing(e,{toValue:0,duration:87.5,easing:react_native_1.Easing.linear,useNativeDriver:!1})]).start()},[e]),style:{transform:[{translateX:e}]}}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWiggleMotion=useWiggleMotion;const animated_1=require("../../interactions/animated"),react_1=require("react"),react_native_1=require("react-native"),generateHapticFeedback_1=require("../../native/generateHapticFeedback");function useWiggleMotion(){const e=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current;return{play:(0,react_1.useCallback)(()=>{(0,generateHapticFeedback_1.generateHapticFeedback)({type:"wiggle"}),animated_1.Animated.sequence([animated_1.Animated.timing(e,{toValue:2,duration:87.5,easing:react_native_1.Easing.linear,useNativeDriver:!1}),animated_1.Animated.timing(e,{toValue:-2,duration:87.5,easing:react_native_1.Easing.linear,useNativeDriver:!1}),animated_1.Animated.timing(e,{toValue:1,duration:87.5,easing:react_native_1.Easing.linear,useNativeDriver:!1}),animated_1.Animated.timing(e,{toValue:-1,duration:87.5,easing:react_native_1.Easing.linear,useNativeDriver:!1}),animated_1.Animated.timing(e,{toValue:0,duration:87.5,easing:react_native_1.Easing.linear,useNativeDriver:!1})]).start()},[e]),style:{transform:[{translateX:e}]}}}

package/dist/cjs/components/paragraph/Paragraph.d.ts

@@ -1,4 +1,4 @@
-import type { TypographyKeys } from '../txt/index.js';
+import type { TypographyKeys } from '../txt';
 import type { ReactNode } from 'react';
 import type { TextProps } from 'react-native';
 export interface ParagraphProps extends Pick<TextProps, 'style' | 'onTextLayout' | 'numberOfLines'> {

package/dist/cjs/components/paragraph/Paragraph.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Paragraph=Paragraph;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),ParagraphContext_js_1=require("./ParagraphContext.js");function Paragraph({children:r,typography:t,afterText:a,...e}){return(0,jsx_runtime_1.jsx)(ParagraphContext_js_1.ParagraphContext.Provider,{value:{typography:t},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"row",alignItems:"center",flex:0},children:[(0,jsx_runtime_1.jsx)(react_native_1.Text,{lineBreakStrategyIOS:"hangul-word",...e,allowFontScaling:!1,style:[{flexShrink:1},e.style],children:r}),a]})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Paragraph=Paragraph;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),ParagraphContext_1=require("./ParagraphContext");function Paragraph({children:r,typography:t,afterText:a,...e}){return(0,jsx_runtime_1.jsx)(ParagraphContext_1.ParagraphContext.Provider,{value:{typography:t},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"row",alignItems:"center",flex:0},children:[(0,jsx_runtime_1.jsx)(react_native_1.Text,{lineBreakStrategyIOS:"hangul-word",...e,allowFontScaling:!1,style:[{flexShrink:1},e.style],children:r}),a]})})}

package/dist/cjs/components/paragraph/ParagraphBadge/ParagraphBadge.d.ts

@@ -1,5 +1,5 @@
 import type { StyleProp, ViewStyle } from 'react-native';
-import type { FontWeightKeys, TypographyKeys } from '../../txt/index.js';
+import type { FontWeightKeys, TypographyKeys } from '../../txt';
 type Type = 'blue' | 'teal' | 'green' | 'red' | 'yellow' | 'elephant';
 type Style = 'fill' | 'weak';
 export interface ParagraphBadgeProps {