@toss/tds-react-native 1.3.0 → 1.3.2

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

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

@@ -1,4 +1,4 @@
-import { ShineAnimationState } from './animationState';
+import { ShineAnimationState } from './animationState.js';
 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"),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;
+"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;

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

@@ -1,10 +1,10 @@
-import { 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';
+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';
 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_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});
+"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});

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

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

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

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ComponentPropsWithoutRef } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 type Size = 'small' | 'medium' | 'large';
 type Type = 'primary' | 'dark' | 'light';
 export interface LoaderProps {

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

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(t,e,n,r){r===void 0&&(r=n);var i=Object.getOwnPropertyDescriptor(e,n);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,r,i)}:function(t,e,n,r){r===void 0&&(r=n),t[r]=e[n]},__setModuleDefault=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},__importStar=function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[r.length]=i);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=t(e),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(n,e,r[i]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),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.default),AnimatedCircle=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Circle);function _Loader({size:t=DEFAULT_PROPS.size,type:e=DEFAULT_PROPS.type,customStrokeColor:n,customSize:r}){const i=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,a=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,s=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,o=i.interpolate({inputRange:[0,1],outputRange:["0deg","360deg"]}),c=s.interpolate({inputRange:[0,1,2],outputRange:[180,45,180]}),l=a.interpolate({inputRange:[0,1,2],outputRange:["0deg","108deg","360deg"]}),d=n??strokeColorByType[e],u=r??sizeMap[t];return(0,react_1.useEffect)(()=>{react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(s,{toValue:1,duration:900,useNativeDriver:!0,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)}),react_native_1.Animated.timing(s,{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:1,duration:900,useNativeDriver:!0,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)}),react_native_1.Animated.timing(a,{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:0,duration:0,useNativeDriver:!0,easing:react_native_1.Easing.linear}),react_native_1.Animated.timing(i,{toValue:1,duration:1800,useNativeDriver:!0,easing:react_native_1.Easing.linear})]),{iterations:1/0}).start()},[s,i,a]),(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:t=700,...e}){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:t,duration:0,useNativeDriver:!0}).start()},[t,n]),(0,jsx_runtime_1.jsx)(AnimatedView,{style:{opacity:n},children:(0,jsx_runtime_1.jsx)(_Loader,{...e})})}function Loader({delay:t,label:e,size:n=DEFAULT_PROPS.size,type:r=DEFAULT_PROPS.type,style:i,...a}){const s=(0,core_1.useAdaptive)(),{announce:o}=(0,useAnnounce_1.useAnnounce)(),c=(0,react_1.useMemo)(()=>getLabelColorByType({grey800:s.grey800}),[s.grey800]);return(0,react_1.useEffect)(()=>{e!=null?o(e,{queue:!0,delay:200}):o("\uB85C\uB529\uC911\uC785\uB2C8\uB2E4",{queue:!0,delay:200})},[e,o]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{alignItems:"center"},i],children:[t!=null?(0,jsx_runtime_1.jsx)(DelayLoader,{delay:t,size:n,type:r,...a}):(0,jsx_runtime_1.jsx)(_Loader,{size:n,type:r,...a}),e!=null?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",color:c[r],style:{marginTop:spacingBySize[n]},children:e}):null]})}function CenteredLoader({style:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{padding:40,alignItems:"center"},t],children:(0,jsx_runtime_1.jsx)(_Loader,{...e})})}function FullScreenLoader({style:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{flex:1,justifyContent:"center",alignItems:"center"},t],children:(0,jsx_runtime_1.jsx)(Loader,{...e})})}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:t})=>({primary:t,dark:t,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"),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;

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

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

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_1=require("./Loader");Object.defineProperty(exports,"Loader",{enumerable:!0,get:function(){return __importDefault(Loader_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_js_1=require("./Loader.js");Object.defineProperty(exports,"Loader",{enumerable:!0,get:function(){return __importDefault(Loader_js_1).default}});

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

@@ -1,4 +1,4 @@
-import { TouchableOpacityProps } from 'react-native';
+import type { TouchableOpacityProps } from 'react-native';
 interface BackButtonProps extends TouchableOpacityProps {
     tintColor?: string;
     onPress?: () => void;

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

@@ -1,4 +1,4 @@
-"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_1=require("../../../core/index");function BackButton({tintColor:e,onPress:t}){const i=(0,index_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"),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">
 <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"/>

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

@@ -1,4 +1,4 @@
-import { TouchableOpacityProps } from 'react-native';
+import type { TouchableOpacityProps } from 'react-native';
 interface CloseButtonProps extends TouchableOpacityProps {
     tintColor?: string;
     onPress?: () => void;

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_1=require("../../../core/index");function CloseButton({tintColor:e,onPress:t}){const i=(0,index_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"),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>';

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 type HeaderLeftProps = PropsWithChildren<{
     /**
      * @description

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

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 type HeaderRightProps = PropsWithChildren<{}>;
 declare function HeaderRight(props: HeaderRightProps): JSX.Element;
 export { HeaderRight };

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

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

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { PropsWithChildren } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 type HeaderTitleProps = PropsWithChildren<{
     withHeaderLeft: boolean;
     style?: StyleProp<ViewStyle>;

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

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

@@ -1,7 +1,8 @@
-import { TxtProps } from '../../txt/index';
-import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
+import type { TxtProps } from '../../txt/index.js';
+import type { TouchableOpacityProps } from 'react-native';
+import { TouchableOpacity } from 'react-native';
 type CommonRightProps = TouchableOpacityProps;
-declare const RightIconButton: import("react").ForwardRefExoticComponent<Pick<import("../../icon/Icon").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/Icon.js").IconProps & import("react").RefAttributes<import("react-native").View>, "accessibilityLabel" | "type" | "name"> & 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_1=require("../../../core/index"),index_2=require("../../icon/index"),index_3=require("../../txt/index"),react_1=require("react"),react_native_1=require("react-native"),constants_1=require("./constants"),RightIconButton=(0,react_1.forwardRef)(function({name:e,accessibilityLabel:n,type:t,...o},r){const c=(0,index_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{ref:r,style:styles.common,hitSlop:HIT_SLOP,...o,children:(0,jsx_runtime_1.jsx)(index_2.Icon,{color:c.grey400,size:24,name:e,type:t,accessibilityLabel:n})})});exports.RightIconButton=RightIconButton;function RightTextButton({children:i,...e}){const n=(0,index_1.useAdaptive)(),{typography:t}=(0,index_1.useTypographyTheme)(),o=(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,...e,children:(0,jsx_runtime_1.jsx)(index_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"),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};

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

@@ -1,5 +1,5 @@
-import { TxtProps } from '../../txt/index';
-import { ReactNode } from 'react';
+import type { TxtProps } from '../../txt/index.js';
+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_1=require("../../../core/index"),index_2=require("../../txt/index"),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 n=(0,index_1.useAdaptive)(),{typography:o}=(0,index_1.useTypographyTheme)(),s=(0,react_1.useMemo)(()=>{const a=i?index_2.defaultTypographyMap[TITLE_TYPOGRAPHY].fontSize:constants_1.MAX_FONT_SIZE,l=i?index_2.defaultTypographyMap[TITLE_TYPOGRAPHY].lineHeight:constants_1.MAX_LINE_HEIGHT;return{fontSize:Math.min(o[TITLE_TYPOGRAPHY].fontSize,a),lineHeight:Math.min(o[TITLE_TYPOGRAPHY].lineHeight,l)}},[i,o]);return(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:TITLE_TYPOGRAPHY,color:t??n.grey900,fontWeight:e,numberOfLines:1,ellipsizeMode:"tail",style:s,...r})}function SubtitleTxt({color:t,preventFontScalingA11y:e=!1,...i}){const r=(0,index_1.useAdaptive)(),{typography:n}=(0,index_1.useTypographyTheme)(),o=(0,react_1.useMemo)(()=>{const s=e?index_2.defaultTypographyMap[SUBTITLE_TYPOGRAPHY].fontSize:constants_1.MAX_FONT_SIZE,a=e?index_2.defaultTypographyMap[SUBTITLE_TYPOGRAPHY].lineHeight:constants_1.MAX_LINE_HEIGHT;return{fontSize:Math.min(n[SUBTITLE_TYPOGRAPHY].fontSize,s),lineHeight:Math.min(n[SUBTITLE_TYPOGRAPHY].lineHeight,a)}},[e,n]);return(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:SUBTITLE_TYPOGRAPHY,color:t??r.grey600,fontWeight:"regular",numberOfLines:1,ellipsizeMode:"tail",style:o,...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"),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"}});

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_1=require("../../../constants/index");exports.MAX_FONT_SIZE=20,exports.MAX_LINE_HEIGHT=index_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 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;

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

@@ -1,16 +1,16 @@
-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';
+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';
 export declare const ReactNavigationNavbar: {
     HeaderLeft: typeof HeaderLeft;
     HeaderRight: typeof HeaderRight;
     BackButton: typeof BackButton;
     CloseButton: typeof CloseButton;
-    RightIconButton: import("react").ForwardRefExoticComponent<Pick<import("../../icon").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/Icon.js").IconProps & import("react").RefAttributes<import("react-native").View>, "accessibilityLabel" | "type" | "name"> & 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_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};
+"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};

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

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

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"),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/index.js"),exports);

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

@@ -1,4 +1,4 @@
-import { View, ViewProps } from 'react-native';
+import type { View, ViewProps } from 'react-native';
 export interface NumericSpinnerProps extends ViewProps {
     /**
      * `NumericSpinner` 컴포넌트의 크기에요

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

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

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
 import { View } from 'react-native';
-import { Size } from './type';
+import type { Size } from './type.js';
 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"),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}});
+"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}});

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

@@ -1,6 +1,6 @@
-import { PressableProps, ViewProps } from 'react-native';
-import { View } from 'react-native';
-import { Size } from './type';
+import type { PressableProps, ViewProps } from 'react-native';
+import type { View } from 'react-native';
+import type { Size } from './type.js';
 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"),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}});
+"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}});

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

@@ -1,6 +1,7 @@
-import { Component, ReactNode } from 'react';
-import { PressableProps, Animated as ReactNativeAnimated, ViewProps } from 'react-native';
-import { Size } from './type';
+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';
 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"),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;
+"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;

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

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

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

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

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

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

@@ -1 +1 @@
-"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}]}}}
+"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}]}}}

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";var __importDefault=function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParagraphBadge=ParagraphBadge;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../core"),txt_1=require("../../txt"),ParagraphContext_1=require("../ParagraphContext"),utils_1=require("../utils"),const_1=require("./const");function ParagraphBadge({children:o,type:a="blue",badgeStyle:l="fill",marginLeft:g=0,marginRight:d=0,typography:n,style:i,fontWeight:u="semiBold"}){core_1.useColorPreference;const{colorPreference:s}=(0,core_1.useColorPreference)(),{typography:t}=(0,core_1.useTypographyTheme)(),{typography:k}=(0,react_1.useContext)(ParagraphContext_1.ParagraphContext),h=`${a}-${l}`,{backgroundColor:B,color:p}=getBadgeStyleByVariants(h,s),c=n??k,r=(0,react_1.useMemo)(()=>{const{fontSize:e}=t[c];return(0,const_1.isValidFontSize)(e)?{...const_1.badgeStyleMap[e],top:(0,utils_1.get\uBCF4\uC815Top)({targetHeight:const_1.badgeStyleMap[e].lineHeight+const_1.badgeStyleMap[e].paddingVertical*2,fontSize:e})}:(console.error(INVALID_FONTSIZE_ERROR),{...const_1.badgeStyleMap[15],top:(0,utils_1.get\uBCF4\uC815Top)({targetHeight:const_1.badgeStyleMap[15].lineHeight+const_1.badgeStyleMap[15].paddingVertical*2,fontSize:e})})},[c,t]);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{alignSelf:"flex-start"},i],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingHorizontal:r.paddingHorizontal,paddingVertical:r.paddingVertical,borderRadius:r.borderRadius,backgroundColor:B,marginLeft:g??r.margin,marginRight:d??r.margin,top:r.top},children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{fontWeight:u,color:p,style:{fontSize:r.fontSize,lineHeight:r.lineHeight},children:o})})})}const INVALID_FONTSIZE_ERROR="ParagraphBadge: fontSize is not valid (11 > fontSize || 56 < fontSize)",polishedValues={blueBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#3182f6",.16),blueBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#4593fc",.16),tealBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#00818a",.16),tealBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#269da6",.16),greenBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#02a262",.16),greenBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#15c47e",.16),redBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#f44336",.16),redBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#ef5350",.16),yellowBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#ffb331",.16),yellowBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#ffd158",.16),elephantBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#4e5968",.16),elephantBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#c3c3c6",.16)};function getBadgeStyleByVariants(o,a){return{"red-fill":{light:{backgroundColor:tds_colors_1.colors.red500,color:tds_colors_1.colors.white},dark:{backgroundColor:tds_colors_1.colors.red500,color:tds_colors_1.colors.white}},"red-weak":{light:{backgroundColor:polishedValues.redBadgeBackgroundLight,color:tds_colors_1.colors.red700},dark:{backgroundColor:polishedValues.redBadgeBackgroundDark,color:tds_colors_1.colors.red400}},"green-fill":{light:{backgroundColor:tds_colors_1.colors.green600,color:tds_colors_1.colors.white},dark:{backgroundColor:tds_colors_1.colors.green600,color:tds_colors_1.colors.white}},"green-weak":{light:{backgroundColor:polishedValues.greenBadgeBackgroundLight,color:tds_colors_1.colors.green700},dark:{backgroundColor:polishedValues.greenBadgeBackgroundDark,color:tds_colors_1.colors.green400}},"blue-fill":{light:{backgroundColor:tds_colors_1.colors.blue500,color:tds_colors_1.colors.white},dark:{backgroundColor:tds_colors_1.colors.blue500,color:tds_colors_1.colors.white}},"blue-weak":{light:{backgroundColor:polishedValues.blueBadgeBackgroundLight,color:tds_colors_1.colors.blue700},dark:{backgroundColor:polishedValues.blueBadgeBackgroundDark,color:tds_colors_1.colors.blue400}},"yellow-fill":{light:{backgroundColor:tds_colors_1.colors.yellow500,color:tds_colors_1.colors.grey800},dark:{backgroundColor:tds_colors_1.colors.yellow500,color:tds_colors_1.colors.grey800}},"yellow-weak":{light:{backgroundColor:polishedValues.yellowBadgeBackgroundLight,color:tds_colors_1.colors.yellow900},dark:{backgroundColor:polishedValues.yellowBadgeBackgroundDark,color:tds_colors_1.colors.yellow700}},"teal-fill":{light:{backgroundColor:tds_colors_1.colors.teal600,color:tds_colors_1.colors.white},dark:{backgroundColor:tds_colors_1.colors.teal600,color:tds_colors_1.colors.white}},"teal-weak":{light:{backgroundColor:polishedValues.tealBadgeBackgroundLight,color:tds_colors_1.colors.teal700},dark:{backgroundColor:polishedValues.tealBadgeBackgroundDark,color:tds_colors_1.colors.teal400}},"elephant-fill":{light:{backgroundColor:tds_colors_1.colors.grey700,color:tds_colors_1.colors.white},dark:{backgroundColor:tds_colors_1.colors.grey700,color:tds_colors_1.colors.white}},"elephant-weak":{light:{backgroundColor:polishedValues.elephantBadgeBackgroundLight,color:tds_colors_1.colors.grey700},dark:{backgroundColor:polishedValues.elephantBadgeBackgroundDark,color:tds_colors_1.colors.inverseGrey700}}}[o][a]}
+"use strict";var __importDefault=function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParagraphBadge=ParagraphBadge;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../txt/index.js"),ParagraphContext_js_1=require("../ParagraphContext.js"),utils_js_1=require("../utils.js"),const_js_1=require("./const.js");function ParagraphBadge({children:o,type:a="blue",badgeStyle:l="fill",marginLeft:g=0,marginRight:d=0,typography:n,style:i,fontWeight:u="semiBold"}){index_js_1.useColorPreference;const{colorPreference:s}=(0,index_js_1.useColorPreference)(),{typography:t}=(0,index_js_1.useTypographyTheme)(),{typography:k}=(0,react_1.useContext)(ParagraphContext_js_1.ParagraphContext),h=`${a}-${l}`,{backgroundColor:B,color:p}=getBadgeStyleByVariants(h,s),c=n??k,r=(0,react_1.useMemo)(()=>{const{fontSize:e}=t[c];return(0,const_js_1.isValidFontSize)(e)?{...const_js_1.badgeStyleMap[e],top:(0,utils_js_1.get\uBCF4\uC815Top)({targetHeight:const_js_1.badgeStyleMap[e].lineHeight+const_js_1.badgeStyleMap[e].paddingVertical*2,fontSize:e})}:(console.error(INVALID_FONTSIZE_ERROR),{...const_js_1.badgeStyleMap[15],top:(0,utils_js_1.get\uBCF4\uC815Top)({targetHeight:const_js_1.badgeStyleMap[15].lineHeight+const_js_1.badgeStyleMap[15].paddingVertical*2,fontSize:e})})},[c,t]);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{alignSelf:"flex-start"},i],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingHorizontal:r.paddingHorizontal,paddingVertical:r.paddingVertical,borderRadius:r.borderRadius,backgroundColor:B,marginLeft:g??r.margin,marginRight:d??r.margin,top:r.top},children:(0,jsx_runtime_1.jsx)(index_js_2.Txt,{fontWeight:u,color:p,style:{fontSize:r.fontSize,lineHeight:r.lineHeight},children:o})})})}const INVALID_FONTSIZE_ERROR="ParagraphBadge: fontSize is not valid (11 > fontSize || 56 < fontSize)",polishedValues={blueBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#3182f6",.16),blueBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#4593fc",.16),tealBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#00818a",.16),tealBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#269da6",.16),greenBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#02a262",.16),greenBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#15c47e",.16),redBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#f44336",.16),redBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#ef5350",.16),yellowBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#ffb331",.16),yellowBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#ffd158",.16),elephantBadgeBackgroundLight:(0,hex_to_rgba_1.default)("#4e5968",.16),elephantBadgeBackgroundDark:(0,hex_to_rgba_1.default)("#c3c3c6",.16)};function getBadgeStyleByVariants(o,a){return{"red-fill":{light:{backgroundColor:tds_colors_1.colors.red500,color:tds_colors_1.colors.white},dark:{backgroundColor:tds_colors_1.colors.red500,color:tds_colors_1.colors.white}},"red-weak":{light:{backgroundColor:polishedValues.redBadgeBackgroundLight,color:tds_colors_1.colors.red700},dark:{backgroundColor:polishedValues.redBadgeBackgroundDark,color:tds_colors_1.colors.red400}},"green-fill":{light:{backgroundColor:tds_colors_1.colors.green600,color:tds_colors_1.colors.white},dark:{backgroundColor:tds_colors_1.colors.green600,color:tds_colors_1.colors.white}},"green-weak":{light:{backgroundColor:polishedValues.greenBadgeBackgroundLight,color:tds_colors_1.colors.green700},dark:{backgroundColor:polishedValues.greenBadgeBackgroundDark,color:tds_colors_1.colors.green400}},"blue-fill":{light:{backgroundColor:tds_colors_1.colors.blue500,color:tds_colors_1.colors.white},dark:{backgroundColor:tds_colors_1.colors.blue500,color:tds_colors_1.colors.white}},"blue-weak":{light:{backgroundColor:polishedValues.blueBadgeBackgroundLight,color:tds_colors_1.colors.blue700},dark:{backgroundColor:polishedValues.blueBadgeBackgroundDark,color:tds_colors_1.colors.blue400}},"yellow-fill":{light:{backgroundColor:tds_colors_1.colors.yellow500,color:tds_colors_1.colors.grey800},dark:{backgroundColor:tds_colors_1.colors.yellow500,color:tds_colors_1.colors.grey800}},"yellow-weak":{light:{backgroundColor:polishedValues.yellowBadgeBackgroundLight,color:tds_colors_1.colors.yellow900},dark:{backgroundColor:polishedValues.yellowBadgeBackgroundDark,color:tds_colors_1.colors.yellow700}},"teal-fill":{light:{backgroundColor:tds_colors_1.colors.teal600,color:tds_colors_1.colors.white},dark:{backgroundColor:tds_colors_1.colors.teal600,color:tds_colors_1.colors.white}},"teal-weak":{light:{backgroundColor:polishedValues.tealBadgeBackgroundLight,color:tds_colors_1.colors.teal700},dark:{backgroundColor:polishedValues.tealBadgeBackgroundDark,color:tds_colors_1.colors.teal400}},"elephant-fill":{light:{backgroundColor:tds_colors_1.colors.grey700,color:tds_colors_1.colors.white},dark:{backgroundColor:tds_colors_1.colors.grey700,color:tds_colors_1.colors.white}},"elephant-weak":{light:{backgroundColor:polishedValues.elephantBadgeBackgroundLight,color:tds_colors_1.colors.grey700},dark:{backgroundColor:polishedValues.elephantBadgeBackgroundDark,color:tds_colors_1.colors.inverseGrey700}}}[o][a]}

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

@@ -1,2 +1,2 @@
-export { ParagraphBadge } from './ParagraphBadge';
-export type { ParagraphBadgeProps } from './ParagraphBadge';
+export { ParagraphBadge } from './ParagraphBadge.js';
+export type { ParagraphBadgeProps } from './ParagraphBadge.js';