@toss/tds-react-native 1.2.1 → 1.3.1

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as t,Fragment as h,jsxs as l}from"react/jsx-runtime";import{colors as i}from"@toss/tds-colors";import{StyleSheet as c}from"react-native";import{useColorPreference as p}from"../../../core";import{Animated as o}from"../../../interactions/animated";import{LinearGradient as n}from"../../gradient";import{ShineAnimationState as s}from"./animationState";const g=({shineAnimation:e})=>t(o.View,{pointerEvents:"none",style:[a.shineLight,e.light.gradient],children:t(n,{degree:140,colors:[{value:i.white,opacity:0},{value:i.white,opacity:.8},{value:i.white,opacity:0}],easing:"linear",positions:[.3,.5,.7],style:{width:"100%",height:"100%"}})}),d=({shineAnimation:e})=>t(o.View,{pointerEvents:"none",style:[a.shineDark,e.dark.gradient],children:t(n,{degree:135,colors:[{value:"rgba(23, 23, 28, 0.6)"},{value:"rgba(23, 23, 28, 0)"},{value:"rgba(23, 23, 28, 0.6)"}],easing:"linear",positions:[.4,.5,.6],style:{width:"100%",height:"100%"}})}),a=c.create({shineLight:{position:"absolute",height:"300%",top:0,aspectRatio:1},shineDark:{position:"absolute",top:0,left:0,width:"400%",height:"100%"}});export const ShineEffect=({shineAnimation:e})=>{const{colorPreference:r}=p();return e.state===s.Idle||e.state===s.Finished?null:l(h,{children:[r==="light"&&t(g,{shineAnimation:e}),r==="dark"&&t(d,{shineAnimation:e})]})};
+"use strict";import{jsx as t,Fragment as h,jsxs as l}from"react/jsx-runtime";import{colors as i}from"@toss/tds-colors";import{StyleSheet as c}from"react-native";import{useColorPreference as p}from"../../../core/index.js";import{Animated as o}from"../../../interactions/animated/index.js";import{LinearGradient as n}from"../../gradient/index.js";import{ShineAnimationState as s}from"./animationState.js";const g=({shineAnimation:e})=>t(o.View,{pointerEvents:"none",style:[a.shineLight,e.light.gradient],children:t(n,{degree:140,colors:[{value:i.white,opacity:0},{value:i.white,opacity:.8},{value:i.white,opacity:0}],easing:"linear",positions:[.3,.5,.7],style:{width:"100%",height:"100%"}})}),d=({shineAnimation:e})=>t(o.View,{pointerEvents:"none",style:[a.shineDark,e.dark.gradient],children:t(n,{degree:135,colors:[{value:"rgba(23, 23, 28, 0.6)"},{value:"rgba(23, 23, 28, 0)"},{value:"rgba(23, 23, 28, 0.6)"}],easing:"linear",positions:[.4,.5,.6],style:{width:"100%",height:"100%"}})}),a=c.create({shineLight:{position:"absolute",height:"300%",top:0,aspectRatio:1},shineDark:{position:"absolute",top:0,left:0,width:"400%",height:"100%"}});export const ShineEffect=({shineAnimation:e})=>{const{colorPreference:r}=p();return e.state===s.Idle||e.state===s.Finished?null:l(h,{children:[r==="light"&&t(g,{shineAnimation:e}),r==="dark"&&t(d,{shineAnimation:e})]})};

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

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

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

@@ -1 +1 @@
-"use strict";import{spring as n}from"@toss/tds-easings";import{useCallback as A,useMemo as f,useRef as l,useState as y}from"react";import{Animated as t}from"../../../interactions/animated";import{BlinkAnimationState as e}from"./animationState";import{sToMs as p}from"./sToMs";export const useBlinkAnimation=({containerSize:d})=>{const i=l(new t.Value(1)).current,r=l(new t.Value(0)).current,a=l(new t.Value(0)).current,s=l(new t.Value(0)).current,[g,o]=y(e.Idle),v=A(()=>{o(e.StartAnimation|e.Playing),i.setValue(1);const u=t.sequence([t.spring(i,{toValue:1.02,stiffness:766,damping:52,useNativeDriver:!0}),t.spring(i,{toValue:1,...n.slow,useNativeDriver:!0})]);a.setValue(0);const m=t.parallel([t.spring(r,{toValue:.04,delay:p(.48),...n.basic,useNativeDriver:!0})]);s.setValue(0),a.setValue(0);const c=t.parallel([t.spring(a,{toValue:1,delay:p(.02),...n.basic,useNativeDriver:!0}),t.spring(s,{toValue:1,delay:p(.02),...n.slow,useNativeDriver:!0})]);t.parallel([u,m,c]).start(()=>{o(e.StartAnimation|e.Finished)})},[i,r,a,s]),V=A(()=>{o(e.EndAnimation|e.Playing);const u=t.spring(i,{toValue:1,...n.quick,useNativeDriver:!0}),m=t.spring(r,{toValue:0,...n.slow,useNativeDriver:!0}),c=t.spring(a,{toValue:0,...n.slow,useNativeDriver:!0});t.parallel([u,m,c]).start(()=>{o(e.EndAnimation|e.Finished)})},[i,r,a]);return f(()=>({container:{transform:[{scale:i}]},dimmer:{opacity:r},gradient:{opacity:a,transform:[{scale:s},{translateY:t.divide(t.multiply(s,-d.height),2)}]},state:g,start:v,exit:V}),[i,r,g,V,d,a,s,v])};
+"use strict";import{spring as n}from"@toss/tds-easings";import{useCallback as A,useMemo as f,useRef as l,useState as y}from"react";import{Animated as t}from"../../../interactions/animated/index.js";import{BlinkAnimationState as e}from"./animationState.js";import{sToMs as p}from"./sToMs.js";export const useBlinkAnimation=({containerSize:d})=>{const i=l(new t.Value(1)).current,r=l(new t.Value(0)).current,a=l(new t.Value(0)).current,s=l(new t.Value(0)).current,[g,o]=y(e.Idle),v=A(()=>{o(e.StartAnimation|e.Playing),i.setValue(1);const u=t.sequence([t.spring(i,{toValue:1.02,stiffness:766,damping:52,useNativeDriver:!0}),t.spring(i,{toValue:1,...n.slow,useNativeDriver:!0})]);a.setValue(0);const m=t.parallel([t.spring(r,{toValue:.04,delay:p(.48),...n.basic,useNativeDriver:!0})]);s.setValue(0),a.setValue(0);const c=t.parallel([t.spring(a,{toValue:1,delay:p(.02),...n.basic,useNativeDriver:!0}),t.spring(s,{toValue:1,delay:p(.02),...n.slow,useNativeDriver:!0})]);t.parallel([u,m,c]).start(()=>{o(e.StartAnimation|e.Finished)})},[i,r,a,s]),V=A(()=>{o(e.EndAnimation|e.Playing);const u=t.spring(i,{toValue:1,...n.quick,useNativeDriver:!0}),m=t.spring(r,{toValue:0,...n.slow,useNativeDriver:!0}),c=t.spring(a,{toValue:0,...n.slow,useNativeDriver:!0});t.parallel([u,m,c]).start(()=>{o(e.EndAnimation|e.Finished)})},[i,r,a]);return f(()=>({container:{transform:[{scale:i}]},dimmer:{opacity:r},gradient:{opacity:a,transform:[{scale:s},{translateY:t.divide(t.multiply(s,-d.height),2)}]},state:g,start:v,exit:V}),[i,r,g,V,d,a,s,v])};

package/dist/esm/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/esm/components/list-row/animation/useShineAnimation.js

@@ -1 +1 @@
-"use strict";import{bezier as V}from"@toss/tds-easings";import{useCallback as A,useEffect as D,useMemo as b,useRef as g,useState as k}from"react";import{Easing as l}from"react-native";import{Animated as t}from"../../../interactions/animated";import{ShineAnimationState as c}from"./animationState";import{sToMs as o}from"./sToMs";export const useShineAnimation=({containerSize:a})=>{const s=a.height*3,e=g(new t.Value(-s)).current,[h,v]=k(c.Idle);D(()=>{e.setValue(-s)},[e,s]);const p=A((n,m)=>{t.loop(t.sequence([t.timing(e,{toValue:-s,duration:0,useNativeDriver:!0}),t.timing(e,{toValue:a.width,duration:o(2.2),easing:l.bezier(.7,0,.7,1),useNativeDriver:!0}),t.delay(o(.1))]),{iterations:n}).start(m)},[e,s,a.width]),u=a.width*4,i=g(new t.Value(-u*.75)).current,r=g(new t.Value(0)).current;D(()=>{i.setValue(-u*.75)},[i,u]);const f=A((n,m)=>{const d=t.sequence([t.timing(i,{toValue:-u*.75,duration:0,useNativeDriver:!0}),t.timing(i,{toValue:0,easing:l.bezier(.37,0,.63,1),duration:o(2.5),useNativeDriver:!0})]),N=t.sequence([t.timing(r,{toValue:0,duration:0,useNativeDriver:!0}),t.timing(r,{toValue:1,duration:o(.9),easing:l.bezier(...V.linear),useNativeDriver:!0}),t.timing(r,{toValue:0,duration:o(1.6),delay:o(.9),easing:l.bezier(...V.out),useNativeDriver:!0})]);t.loop(t.parallel([d,N]),{iterations:n}).start(m)},[r,i,u]);return b(()=>{function n(m){return d=>{v(c.Playing),m(d,()=>v(c.Finished))}}return{state:h,light:{gradient:{transform:[{translateX:e},{translateY:-a.height}]},start:n(p)},dark:{gradient:{opacity:r,transform:[{translateX:i}]},start:n(f)}}},[a.height,h,e,p,r,i,f])};
+"use strict";import{bezier as V}from"@toss/tds-easings";import{useCallback as A,useEffect as D,useMemo as b,useRef as g,useState as k}from"react";import{Easing as l}from"react-native";import{Animated as t}from"../../../interactions/animated/index.js";import{ShineAnimationState as c}from"./animationState.js";import{sToMs as o}from"./sToMs.js";export const useShineAnimation=({containerSize:a})=>{const s=a.height*3,e=g(new t.Value(-s)).current,[h,v]=k(c.Idle);D(()=>{e.setValue(-s)},[e,s]);const p=A((n,m)=>{t.loop(t.sequence([t.timing(e,{toValue:-s,duration:0,useNativeDriver:!0}),t.timing(e,{toValue:a.width,duration:o(2.2),easing:l.bezier(.7,0,.7,1),useNativeDriver:!0}),t.delay(o(.1))]),{iterations:n}).start(m)},[e,s,a.width]),u=a.width*4,i=g(new t.Value(-u*.75)).current,r=g(new t.Value(0)).current;D(()=>{i.setValue(-u*.75)},[i,u]);const f=A((n,m)=>{const d=t.sequence([t.timing(i,{toValue:-u*.75,duration:0,useNativeDriver:!0}),t.timing(i,{toValue:0,easing:l.bezier(.37,0,.63,1),duration:o(2.5),useNativeDriver:!0})]),N=t.sequence([t.timing(r,{toValue:0,duration:0,useNativeDriver:!0}),t.timing(r,{toValue:1,duration:o(.9),easing:l.bezier(...V.linear),useNativeDriver:!0}),t.timing(r,{toValue:0,duration:o(1.6),delay:o(.9),easing:l.bezier(...V.out),useNativeDriver:!0})]);t.loop(t.parallel([d,N]),{iterations:n}).start(m)},[r,i,u]);return b(()=>{function n(m){return d=>{v(c.Playing),m(d,()=>v(c.Finished))}}return{state:h,light:{gradient:{transform:[{translateX:e},{translateY:-a.height}]},start:n(p)},dark:{gradient:{opacity:r,transform:[{translateX:i}]},start:n(f)}}},[a.height,h,e,p,r,i,f])};

package/dist/esm/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/esm/components/list-row/index.js

@@ -1 +1 @@
-"use strict";import{ListRow as t}from"./ListRow";import{ListRowRightTexts as o}from"./ListRowRightTexts";import{ListRowTexts as i}from"./ListRowTexts";import{ListRowImageContainer as m}from"./ListRowImageContainer";import{ListRowIcon as r}from"./ListRowIcon";import{ListRowImage as s}from"./ListRowImage";import{ListRowLeftText as e}from"./ListRowLeftText";export const ListRow=Object.assign(t,{Icon:r,Image:s,Texts:i,LeftText:e,RightTexts:o,ImageContainer:m});
+"use strict";import{ListRow as t}from"./ListRow.js";import{ListRowRightTexts as o}from"./ListRowRightTexts/index.js";import{ListRowTexts as i}from"./ListRowTexts/index.js";import{ListRowImageContainer as m}from"./ListRowImageContainer.js";import{ListRowIcon as r}from"./ListRowIcon.js";import{ListRowImage as s}from"./ListRowImage.js";import{ListRowLeftText as e}from"./ListRowLeftText.js";export const ListRow=Object.assign(t,{Icon:r,Image:s,Texts:i,LeftText:e,RightTexts:o,ImageContainer:m});

package/dist/esm/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/esm/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/esm/components/loader/Loader.js

@@ -1 +1 @@
-"use strict";import{jsx as r,jsxs as w}from"react/jsx-runtime";import k,{Circle as x}from"@granite-js/native/react-native-svg";import{colors as h}from"@toss/tds-colors";import{useEffect as v,useMemo as L,useRef as g}from"react";import{Animated as e,Easing as i,View as p}from"react-native";import{useAdaptive as N}from"../../core";import{useAnnounce as S}from"../../utils/useAnnounce";import{Txt as z}from"../txt";const V=e.createAnimatedComponent(p),I=e.createAnimatedComponent(k),T=e.createAnimatedComponent(x);function A({size:t=y.size,type:n=y.type,customStrokeColor:o,customSize:l}){const u=g(new e.Value(0)).current,a=g(new e.Value(0)).current,s=g(new e.Value(0)).current,c=u.interpolate({inputRange:[0,1],outputRange:["0deg","360deg"]}),f=s.interpolate({inputRange:[0,1,2],outputRange:[180,45,180]}),D=a.interpolate({inputRange:[0,1,2],outputRange:["0deg","108deg","360deg"]}),R=o??O[n],d=l??B[t];return v(()=>{e.loop(e.sequence([e.timing(s,{toValue:1,duration:900,useNativeDriver:!0,easing:i.inOut(i.ease)}),e.timing(s,{toValue:2,useNativeDriver:!0,duration:900,easing:i.inOut(i.ease)})]),{iterations:1/0}).start(),e.loop(e.sequence([e.timing(a,{toValue:1,duration:900,useNativeDriver:!0,easing:i.inOut(i.ease)}),e.timing(a,{toValue:2,useNativeDriver:!0,duration:900,easing:i.inOut(i.ease)})]),{iterations:1/0}).start(),e.loop(e.sequence([e.timing(u,{toValue:0,duration:0,useNativeDriver:!0,easing:i.linear}),e.timing(u,{toValue:1,duration:1800,useNativeDriver:!0,easing:i.linear})]),{iterations:1/0}).start()},[s,u,a]),r(V,{style:{width:d,height:d,transform:[{rotate:D}]},children:r(I,{width:d,height:d,viewBox:"0 0 66 66",stroke:R,style:[{transform:[{rotate:c}]}],children:r(T,{fill:"none",strokeWidth:"6",strokeLinecap:"round",cx:"33",cy:"33",r:"30",strokeDashoffset:f,strokeDasharray:180})})})}function C({delay:t=700,...n}){const o=g(new e.Value(0)).current;return v(()=>{e.timing(o,{toValue:1,delay:t,duration:0,useNativeDriver:!0}).start()},[t,o]),r(V,{style:{opacity:o},children:r(A,{...n})})}function m({delay:t,label:n,size:o=y.size,type:l=y.type,style:u,...a}){const s=N(),{announce:c}=S(),f=L(()=>E({grey800:s.grey800}),[s.grey800]);return v(()=>{n!=null?c(n,{queue:!0,delay:200}):c("\uB85C\uB529\uC911\uC785\uB2C8\uB2E4",{queue:!0,delay:200})},[n,c]),w(p,{style:[{alignItems:"center"},u],children:[t!=null?r(C,{delay:t,size:o,type:l,...a}):r(A,{size:o,type:l,...a}),n!=null?r(z,{typography:"t6",color:f[l],style:{marginTop:_[o]},children:n}):null]})}function j({style:t,...n}){return r(p,{style:[{padding:40,alignItems:"center"},t],children:r(A,{...n})})}function q({style:t,...n}){return r(p,{style:[{flex:1,justifyContent:"center",alignItems:"center"},t],children:r(m,{...n})})}const y={size:"large",type:"primary"},B={small:24,medium:36,large:48},O={primary:"#3188ff",dark:h.grey600,light:h.white},_={small:12,medium:12,large:16},E=({grey800:t})=>({primary:t,dark:t,light:h.white});m.Delay=C,m.FullScreen=q,m.Centered=j;export default m;
+"use strict";import{jsx as r,jsxs as w}from"react/jsx-runtime";import{Svg as k,Circle as x}from"@granite-js/native/react-native-svg";import{colors as h}from"@toss/tds-colors";import{useEffect as v,useMemo as L,useRef as g}from"react";import{Animated as e,Easing as i,View as p}from"react-native";import{useAdaptive as N}from"../../core/index.js";import{useAnnounce as S}from"../../utils/useAnnounce.js";import{Txt as z}from"../txt/index.js";const V=e.createAnimatedComponent(p),I=e.createAnimatedComponent(k),T=e.createAnimatedComponent(x);function A({size:t=y.size,type:n=y.type,customStrokeColor:o,customSize:l}){const u=g(new e.Value(0)).current,a=g(new e.Value(0)).current,s=g(new e.Value(0)).current,c=u.interpolate({inputRange:[0,1],outputRange:["0deg","360deg"]}),f=s.interpolate({inputRange:[0,1,2],outputRange:[180,45,180]}),D=a.interpolate({inputRange:[0,1,2],outputRange:["0deg","108deg","360deg"]}),R=o??O[n],d=l??B[t];return v(()=>{e.loop(e.sequence([e.timing(s,{toValue:1,duration:900,useNativeDriver:!0,easing:i.inOut(i.ease)}),e.timing(s,{toValue:2,useNativeDriver:!0,duration:900,easing:i.inOut(i.ease)})]),{iterations:1/0}).start(),e.loop(e.sequence([e.timing(a,{toValue:1,duration:900,useNativeDriver:!0,easing:i.inOut(i.ease)}),e.timing(a,{toValue:2,useNativeDriver:!0,duration:900,easing:i.inOut(i.ease)})]),{iterations:1/0}).start(),e.loop(e.sequence([e.timing(u,{toValue:0,duration:0,useNativeDriver:!0,easing:i.linear}),e.timing(u,{toValue:1,duration:1800,useNativeDriver:!0,easing:i.linear})]),{iterations:1/0}).start()},[s,u,a]),r(V,{style:{width:d,height:d,transform:[{rotate:D}]},children:r(I,{width:d,height:d,viewBox:"0 0 66 66",stroke:R,style:[{transform:[{rotate:c}]}],children:r(T,{fill:"none",strokeWidth:"6",strokeLinecap:"round",cx:"33",cy:"33",r:"30",strokeDashoffset:f,strokeDasharray:180})})})}function C({delay:t=700,...n}){const o=g(new e.Value(0)).current;return v(()=>{e.timing(o,{toValue:1,delay:t,duration:0,useNativeDriver:!0}).start()},[t,o]),r(V,{style:{opacity:o},children:r(A,{...n})})}function m({delay:t,label:n,size:o=y.size,type:l=y.type,style:u,...a}){const s=N(),{announce:c}=S(),f=L(()=>E({grey800:s.grey800}),[s.grey800]);return v(()=>{n!=null?c(n,{queue:!0,delay:200}):c("\uB85C\uB529\uC911\uC785\uB2C8\uB2E4",{queue:!0,delay:200})},[n,c]),w(p,{style:[{alignItems:"center"},u],children:[t!=null?r(C,{delay:t,size:o,type:l,...a}):r(A,{size:o,type:l,...a}),n!=null?r(z,{typography:"t6",color:f[l],style:{marginTop:_[o]},children:n}):null]})}function j({style:t,...n}){return r(p,{style:[{padding:40,alignItems:"center"},t],children:r(A,{...n})})}function q({style:t,...n}){return r(p,{style:[{flex:1,justifyContent:"center",alignItems:"center"},t],children:r(m,{...n})})}const y={size:"large",type:"primary"},B={small:24,medium:36,large:48},O={primary:"#3188ff",dark:h.grey600,light:h.white},_={small:12,medium:12,large:16},E=({grey800:t})=>({primary:t,dark:t,light:h.white});m.Delay=C,m.FullScreen=q,m.Centered=j;export default m;

package/dist/esm/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/esm/components/loader/index.js

@@ -1 +1 @@
-"use strict";export{default as Loader}from"./Loader";
+"use strict";export{default as Loader}from"./Loader.js";

package/dist/esm/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/esm/components/navbar/ReactNavigationHelper/BackButton.js

@@ -1,4 +1,4 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{SvgXml as r}from"@granite-js/native/react-native-svg";import{Platform as l,TouchableOpacity as a,View as c}from"react-native";import{useAdaptive as n}from"../../../core/index";function h({tintColor:i,onPress:e}){const s=n();return t(d,{onPress:e,color:i??s.grey900})}function d({onPress:i,color:e}){return t(a,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24,marginRight:f},onPress:i,accessible:!0,accessibilityLabel:"\uB4A4\uB85C\uAC00\uAE30",accessibilityRole:"button",children:t(c,{style:{width:24,height:24},children:t(r,{width:24,height:24,xml:B.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${e}"`)})})})}const g=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="line-icon">
+"use strict";import{jsx as t}from"react/jsx-runtime";import{SvgXml as r}from"@granite-js/native/react-native-svg";import{Platform as l,TouchableOpacity as a,View as c}from"react-native";import{useAdaptive as n}from"../../../core/index.js";function h({tintColor:i,onPress:e}){const s=n();return t(d,{onPress:e,color:i??s.grey900})}function d({onPress:i,color:e}){return t(a,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24,marginRight:f},onPress:i,accessible:!0,accessibilityLabel:"\uB4A4\uB85C\uAC00\uAE30",accessibilityRole:"button",children:t(c,{style:{width:24,height:24},children:t(r,{width:24,height:24,xml:B.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${e}"`)})})})}const g=`<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>`,o=`<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/esm/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/esm/components/navbar/ReactNavigationHelper/CloseButton.js

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{SvgXml as o}from"@granite-js/native/react-native-svg";import{TouchableOpacity as r,View as s}from"react-native";import{useAdaptive as c}from"../../../core/index";function n({tintColor:e,onPress:i}){const l=c();return t(h,{onPress:i,color:e??l.grey900})}function h({onPress:e,color:i}){return t(r,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24},onPress:e,accessible:!0,accessibilityLabel:"\uB2EB\uAE30",accessibilityRole:"button",children:t(s,{style:{width:24,height:24},children:t(o,{width:24,height:24,xml:a.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${i}"`)})})})}const a='<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>';export{n as CloseButton};
+"use strict";import{jsx as t}from"react/jsx-runtime";import{SvgXml as o}from"@granite-js/native/react-native-svg";import{TouchableOpacity as r,View as s}from"react-native";import{useAdaptive as c}from"../../../core/index.js";function n({tintColor:e,onPress:i}){const l=c();return t(h,{onPress:i,color:e??l.grey900})}function h({onPress:e,color:i}){return t(r,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24},onPress:e,accessible:!0,accessibilityLabel:"\uB2EB\uAE30",accessibilityRole:"button",children:t(s,{style:{width:24,height:24},children:t(o,{width:24,height:24,xml:a.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${i}"`)})})})}const a='<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>';export{n as CloseButton};

package/dist/esm/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/esm/components/navbar/ReactNavigationHelper/HeaderLeft.js

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{StyleSheet as a,View as i}from"react-native";import{byPlatform as f}from"./byPlatform";import{ANDROID_DEFAULT_MARGIN as m,ANDROID_LEFT_MARGIN as d,IOS_DEFAULT_MARGIN as s,IOS_LEFT_MARGIN as A}from"./constants";function o({marginLeft:r=A,...e}){return t(i,{style:[{marginLeft:-s+r},n.ios],...e})}function I({marginLeft:r=d,...e}){return t(i,{style:[{marginLeft:-m+r},n.android],...e})}function L(r){return f({ios:()=>t(o,{...r}),android:()=>t(I,{...r}),fallback:()=>t(o,{...r})})}const n=a.create({ios:{},android:{marginRight:32}});export{L as HeaderLeft};
+"use strict";import{jsx as t}from"react/jsx-runtime";import{StyleSheet as a,View as i}from"react-native";import{byPlatform as f}from"./byPlatform.js";import{ANDROID_DEFAULT_MARGIN as m,ANDROID_LEFT_MARGIN as d,IOS_DEFAULT_MARGIN as s,IOS_LEFT_MARGIN as A}from"./constants.js";function o({marginLeft:r=A,...e}){return t(i,{style:[{marginLeft:-s+r},n.ios],...e})}function I({marginLeft:r=d,...e}){return t(i,{style:[{marginLeft:-m+r},n.android],...e})}function L(r){return f({ios:()=>t(o,{...r}),android:()=>t(I,{...r}),fallback:()=>t(o,{...r})})}const n=a.create({ios:{},android:{marginRight:32}});export{L as HeaderLeft};

package/dist/esm/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/esm/components/navbar/ReactNavigationHelper/HeaderRight.js

@@ -1 +1 @@
-"use strict";import{jsx as i}from"react/jsx-runtime";import{StyleSheet as a,View as t}from"react-native";import{byPlatform as d}from"./byPlatform";import{ANDROID_DEFAULT_MARGIN as f,IOS_DEFAULT_MARGIN as m,RIGHT_MARGIN as e}from"./constants";function o(r){return i(t,{style:n.ios,...r})}function R(r){return i(t,{style:n.android,...r})}function l(r){return d({ios:()=>i(o,{...r}),android:()=>i(R,{...r}),fallback:()=>i(o,{...r})})}const n=a.create({ios:{marginRight:-m+e,flexDirection:"row"},android:{marginRight:-f+e,flexDirection:"row"}});export{l as HeaderRight};
+"use strict";import{jsx as i}from"react/jsx-runtime";import{StyleSheet as a,View as t}from"react-native";import{byPlatform as d}from"./byPlatform.js";import{ANDROID_DEFAULT_MARGIN as f,IOS_DEFAULT_MARGIN as m,RIGHT_MARGIN as e}from"./constants.js";function o(r){return i(t,{style:n.ios,...r})}function R(r){return i(t,{style:n.android,...r})}function l(r){return d({ios:()=>i(o,{...r}),android:()=>i(R,{...r}),fallback:()=>i(o,{...r})})}const n=a.create({ios:{marginRight:-m+e,flexDirection:"row"},android:{marginRight:-f+e,flexDirection:"row"}});export{l as HeaderRight};

package/dist/esm/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/esm/components/navbar/ReactNavigationHelper/HeaderTitle.js

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import{View as o}from"react-native";import{byPlatform as f}from"./byPlatform";import{ANDROID_DEFAULT_MARGIN as a}from"./constants";function n({style:r,withHeaderLeft:i,...t}){return e(o,{style:r,...t})}function m({style:r,withHeaderLeft:i,...t}){return e(o,{style:[{marginLeft:i?0:-a+24},r],...t})}function d(r){return f({ios:()=>e(n,{...r}),android:()=>e(m,{...r}),fallback:()=>e(n,{...r})})}export{d as HeaderTitle};
+"use strict";import{jsx as e}from"react/jsx-runtime";import{View as o}from"react-native";import{byPlatform as f}from"./byPlatform.js";import{ANDROID_DEFAULT_MARGIN as a}from"./constants.js";function n({style:r,withHeaderLeft:i,...t}){return e(o,{style:r,...t})}function m({style:r,withHeaderLeft:i,...t}){return e(o,{style:[{marginLeft:i?0:-a+24},r],...t})}function d(r){return f({ios:()=>e(n,{...r}),android:()=>e(m,{...r}),fallback:()=>e(n,{...r})})}export{d as HeaderTitle};

package/dist/esm/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("../../..").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/esm/components/navbar/ReactNavigationHelper/Right.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as s,useTypographyTheme as f}from"../../../core/index";import{Icon as y}from"../../icon/index";import{Txt as g}from"../../txt/index";import{forwardRef as u,useMemo as T}from"react";import{StyleSheet as S,TouchableOpacity as h}from"react-native";import{MAX_FONT_SIZE as d,MAX_LINE_HEIGHT as x}from"./constants";const _=u(function({name:e,accessibilityLabel:i,type:t,...n},p){const a=s();return o(h,{ref:p,style:m.common,hitSlop:l,...n,children:o(y,{color:a.grey400,size:24,name:e,type:t,accessibilityLabel:i})})});function B({children:c,...e}){const i=s(),{typography:t}=f(),n=T(()=>({fontSize:Math.min(t[r].fontSize,d),lineHeight:Math.min(t[r].lineHeight,x)}),[t]);return o(h,{style:[m.common,m.textButton],hitSlop:l,...e,children:o(g,{typography:r,color:i.grey800,fontWeight:"semiBold",style:n,children:c})})}const r="st10",m=S.create({common:{marginLeft:24},textButton:{marginRight:-4}}),l={left:8,right:8};export{_ as RightIconButton,B as RightTextButton};
+"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as s,useTypographyTheme as f}from"../../../core/index.js";import{Icon as y}from"../../icon/index.js";import{Txt as g}from"../../txt/index.js";import{forwardRef as u,useMemo as T}from"react";import{StyleSheet as S,TouchableOpacity as h}from"react-native";import{MAX_FONT_SIZE as d,MAX_LINE_HEIGHT as x}from"./constants.js";const _=u(function({name:e,accessibilityLabel:i,type:t,...n},p){const a=s();return o(h,{ref:p,style:m.common,hitSlop:l,...n,children:o(y,{color:a.grey400,size:24,name:e,type:t,accessibilityLabel:i})})});function B({children:c,...e}){const i=s(),{typography:t}=f(),n=T(()=>({fontSize:Math.min(t[r].fontSize,d),lineHeight:Math.min(t[r].lineHeight,x)}),[t]);return o(h,{style:[m.common,m.textButton],hitSlop:l,...e,children:o(g,{typography:r,color:i.grey800,fontWeight:"semiBold",style:n,children:c})})}const r="st10",m=S.create({common:{marginLeft:24},textButton:{marginRight:-4}}),l={left:8,right:8};export{_ as RightIconButton,B as RightTextButton};

package/dist/esm/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/esm/components/navbar/ReactNavigationHelper/Title.js

@@ -1 +1 @@
-"use strict";import{jsx as f,jsxs as H}from"react/jsx-runtime";import{useAdaptive as p,useTypographyTheme as T}from"../../../core/index";import{defaultTypographyMap as l,Txt as c}from"../../txt/index";import{useMemo as y}from"react";import{StyleSheet as S,View as z}from"react-native";import{MAX_FONT_SIZE as g,MAX_LINE_HEIGHT as u}from"./constants";function M({color:e,fontWeight:t="semiBold",preventFontScalingA11y:i=!1,...a}){const o=p(),{typography:n}=T(),m=y(()=>{const h=i?l[s].fontSize:g,x=i?l[s].lineHeight:u;return{fontSize:Math.min(n[s].fontSize,h),lineHeight:Math.min(n[s].lineHeight,x)}},[i,n]);return f(c,{typography:s,color:e??o.grey900,fontWeight:t,numberOfLines:1,ellipsizeMode:"tail",style:m,...a})}function d({color:e,preventFontScalingA11y:t=!1,...i}){const a=p(),{typography:o}=T(),n=y(()=>{const m=t?l[r].fontSize:g,h=t?l[r].lineHeight:u;return{fontSize:Math.min(o[r].fontSize,m),lineHeight:Math.min(o[r].lineHeight,h)}},[t,o]);return f(c,{typography:r,color:e??a.grey600,fontWeight:"regular",numberOfLines:1,ellipsizeMode:"tail",style:n,...i})}function _({upper:e,lower:t}){return H(z,{style:L.title,children:[e,t]})}const s="t5",r="t7",L=S.create({title:{alignItems:"center"}});export{_ as Title,M as TitleTxt,d as SubtitleTxt};
+"use strict";import{jsx as f,jsxs as H}from"react/jsx-runtime";import{useAdaptive as p,useTypographyTheme as T}from"../../../core/index.js";import{defaultTypographyMap as l,Txt as c}from"../../txt/index.js";import{useMemo as y}from"react";import{StyleSheet as S,View as z}from"react-native";import{MAX_FONT_SIZE as g,MAX_LINE_HEIGHT as u}from"./constants.js";function M({color:e,fontWeight:t="semiBold",preventFontScalingA11y:i=!1,...a}){const o=p(),{typography:n}=T(),m=y(()=>{const h=i?l[s].fontSize:g,x=i?l[s].lineHeight:u;return{fontSize:Math.min(n[s].fontSize,h),lineHeight:Math.min(n[s].lineHeight,x)}},[i,n]);return f(c,{typography:s,color:e??o.grey900,fontWeight:t,numberOfLines:1,ellipsizeMode:"tail",style:m,...a})}function d({color:e,preventFontScalingA11y:t=!1,...i}){const a=p(),{typography:o}=T(),n=y(()=>{const m=t?l[r].fontSize:g,h=t?l[r].lineHeight:u;return{fontSize:Math.min(o[r].fontSize,m),lineHeight:Math.min(o[r].lineHeight,h)}},[t,o]);return f(c,{typography:r,color:e??a.grey600,fontWeight:"regular",numberOfLines:1,ellipsizeMode:"tail",style:n,...i})}function _({upper:e,lower:t}){return H(z,{style:L.title,children:[e,t]})}const s="t5",r="t7",L=S.create({title:{alignItems:"center"}});export{_ as Title,M as TitleTxt,d as SubtitleTxt};

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

@@ -1 +1 @@
-"use strict";import{fontSizeToLineHeightMap as o}from"../../../constants/index";export const MAX_FONT_SIZE=20,MAX_LINE_HEIGHT=o[MAX_FONT_SIZE],IOS_LEFT_MARGIN=10,ANDROID_LEFT_MARGIN=16,RIGHT_MARGIN=24,ANDROID_RIGHT\uC5C6\uC744\uB54C_MARGIN=36,IOS_DEFAULT_MARGIN=20,ANDROID_DEFAULT_MARGIN=16;
+"use strict";import{fontSizeToLineHeightMap as o}from"../../../constants/index.js";export const MAX_FONT_SIZE=20,MAX_LINE_HEIGHT=o[MAX_FONT_SIZE],IOS_LEFT_MARGIN=10,ANDROID_LEFT_MARGIN=16,RIGHT_MARGIN=24,ANDROID_RIGHT\uC5C6\uC744\uB54C_MARGIN=36,IOS_DEFAULT_MARGIN=20,ANDROID_DEFAULT_MARGIN=16;

package/dist/esm/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/esm/components/navbar/ReactNavigationHelper/index.js

@@ -1 +1 @@
-"use strict";import{BackButton as t}from"./BackButton";import{RightIconButton as e,RightTextButton as o}from"./Right";import{SubtitleTxt as i,Title as r,TitleTxt as m}from"./Title";import{HeaderLeft as a}from"./HeaderLeft";import{HeaderRight as n}from"./HeaderRight";import{HeaderTitle as T}from"./HeaderTitle";import{CloseButton as l}from"./CloseButton";export const ReactNavigationNavbar={HeaderLeft:a,HeaderRight:n,BackButton:t,CloseButton:l,RightIconButton:e,RightTextButton:o,HeaderTitle:T,TitleTxt:m,DoubleLineTitle:r,SubtitleTxt:i};
+"use strict";import{BackButton as t}from"./BackButton.js";import{RightIconButton as e,RightTextButton as o}from"./Right.js";import{SubtitleTxt as i,Title as r,TitleTxt as m}from"./Title.js";import{HeaderLeft as a}from"./HeaderLeft.js";import{HeaderRight as n}from"./HeaderRight.js";import{HeaderTitle as T}from"./HeaderTitle.js";import{CloseButton as l}from"./CloseButton.js";export const ReactNavigationNavbar={HeaderLeft:a,HeaderRight:n,BackButton:t,CloseButton:l,RightIconButton:e,RightTextButton:o,HeaderTitle:T,TitleTxt:m,DoubleLineTitle:r,SubtitleTxt:i};

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

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

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

@@ -1 +1 @@
-"use strict";export*from"./ReactNavigationHelper";
+"use strict";export*from"./ReactNavigationHelper/index.js";

package/dist/esm/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/esm/components/numeric-spinner/NumericSpinner.js

@@ -1 +1 @@
-"use strict";import{jsx as p,jsxs as _}from"react/jsx-runtime";import{PanGestureHandler as ve,State as q}from"@granite-js/native/react-native-gesture-handler";import{springEaseWithDuration as t}from"@toss/tds-easings";import{forwardRef as ye,useCallback as u,useEffect as he,useRef as l,useState as m}from"react";import{Pressable as Ne}from"react-native";import{useAdaptive as h}from"../../core";import{Animated as e}from"../../interactions/animated";import{generateHapticFeedback as J}from"../../native/generateHapticFeedback";import{NumericSpinnerContainer as Ve,NumericSpinnerContainerBorderRadiusBySize as L}from"./NumericSpinnerContainer";import{NumericSpinnerMinusIconButton as K,NumericSpinnerPlusIconButton as Q}from"./NumericSpinnerIconButton";import{NumericSpinnerNumberBox as U,NumericSpinnerNumberBoxBorderRadiusBySize as X}from"./NumericSpinnerNumberBox";import{useAccelerateInterval as Y}from"./useAccelerateInterval";import{useButtonLongPress as Z}from"./useButtonLongPress";import{useWiggleMotion as be}from"./useWiggleMotion";const z=e.createAnimatedComponent(Ve),xe=e.createAnimatedComponent(U),ke=e.createAnimatedComponent(K),Be=e.createAnimatedComponent(Q),ee=({min:a,max:r,num:n})=>!isNaN(n)&&n>=a&&n<=r;export const NumericSpinner=ye(function({disable:r,number:n=0,minNumber:i=0,maxNumber:c=100,onNumberChange:d,size:s,style:N,...M},W){const H=h(),{play:g,style:T}=be(),V=ee({max:c,min:i,num:n+1}),b=ee({max:c,min:i,num:n-1}),A=u(()=>{if(V){const o=n+1;J({type:"tickWeak"}),d?.(o);return}g()},[n,V,d,g]),E=u(()=>{if(b){const o=n-1;J({type:"tickWeak"}),d?.(o);return}g()},[n,b,d,g]),x=Ce(),{onPressStart:ne,onPressEnd:ae}=Z({onPressing:E,onPressEnd:x.play}),{onPressStart:re,onPressEnd:ie}=Z({onPressing:A,onPressEnd:x.play}),f=l(!1),G=Y(A,{startMs:400,interval:.8,minMs:50}),j=Y(E,{startMs:400,interval:.8,minMs:50}),se=()=>{f.current!==!0&&(j.startInterval(),f.current=!0)},oe=()=>{f.current!==!0&&(G.startInterval(),f.current=!0)},ue=()=>{G.stopInterval(),j.stopInterval(),f.current=!1},R=l(new e.Value(0)).current,v=l(new e.Value(X[s])).current,k=De({size:s}),le=e.event([{nativeEvent:{translationX:R}}],{useNativeDriver:!1}),ce=o=>{switch(o.nativeEvent.state){case q.BEGAN:{k.play(),e.parallel([e.timing(v,{toValue:50,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3})]).start();break}case q.END:case q.FAILED:{k.reset(),e.parallel([e.spring(R,{toValue:0,useNativeDriver:!1}),e.timing(v,{toValue:X[s],useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3})]).start();break}}},[O,de]=m(0),[B,pe]=m(0),[I,me]=m(0),[C,ge]=m(0),$=R.interpolate({inputRange:[-I,C],outputRange:[-I,C],extrapolate:"clamp"});$.addListener(({value:o})=>{const fe=-I;o===fe?se():o===C?oe():ue()}),he(()=>{v.setValue(X[s])},[v,s]);const y=Se(),D=Ae(),S=Ee(),w=Re(),P=Ie(),F=`${n}`;return r?p(Ne,{"aria-disabled":!0,accessibilityRole:"button",accessibilityLabel:`${n}, \uBCC0\uACBD\uD560 \uC218 \uC5C6\uC5B4\uC694`,testID:"numeric-spinner",onPress:()=>{g()},style:[{alignSelf:"flex-start"},N],...M,children:_(z,{ref:W,size:s,style:[{opacity:.3},T],pointerEvents:"none",children:[p(K,{size:s}),p(U,{style:{borderRadius:8},size:s,"aria-label":F,color:x.style.color,children:n}),p(Q,{size:s})]})}):_(z,{testID:"numeric-spinner",ref:W,onLayout:o=>pe(o.nativeEvent.layout.width),style:[{alignSelf:"flex-start"},{...k.style,transform:[...k.style.transform,...T.transform],position:"relative"},N],size:s,...M,children:[p(ke,{"aria-label":"\uBE7C\uAE30",accessibilityHint:b?"\uB450\uBC88 \uD130\uCE58\uD558\uBA74 \uC22B\uC790\uAC00 \uAC10\uC18C\uD574\uC694":`${i}\uAC1C \uC774\uD558\uB85C \uC120\uD0DD\uD560 \uC218 \uC5C6\uC5B4\uC694`,onLayout:o=>me(o.nativeEvent.layout.width),onPress:E,onPressIn:()=>{ne(),y.shrink(),D.shrink(),w.shrink()},onPressOut:()=>{ae(),y.expand(),D.expand(),w.expand()},disabled:b===!1,style:{zIndex:1,alignSelf:"stretch",...D.style},color:D.style.color,size:s}),p(ve,{onGestureEvent:le,onHandlerStateChange:ce,children:p(xe,{onLayout:o=>{de(o.nativeEvent.layout.width)},style:{zIndex:2,borderRadius:v,transform:[{translateX:$},...y.style.transform]},size:s,accessibilityRole:"text",accessibilityValue:{text:F},"aria-label":"\uD604\uC7AC \uAC12",accessibilityHint:"\uB450 \uBC88 \uD130\uCE58\uD558\uC5EC \uBCC0\uACBD\uD560 \uC218 \uC788\uC5B4\uC694",color:x.style.color,children:n})}),p(Be,{"aria-label":"\uB354\uD558\uAE30",accessibilityHint:V?"\uB450\uBC88 \uD130\uCE58\uD558\uBA74 \uC22B\uC790\uAC00 \uC99D\uAC00\uD574\uC694":`${c}\uAC1C \uC774\uC0C1 \uC120\uD0DD\uD560 \uC218 \uC5C6\uC5B4\uC694`,onLayout:o=>ge(o.nativeEvent.layout.width),onPress:A,onPressIn:()=>{re(),y.shrink(),S.shrink(),P.shrink()},onPressOut:()=>{ie(),y.expand(),S.expand(),P.expand()},disabled:V===!1,style:{zIndex:1,alignSelf:"stretch",...S.style},color:S.style.color,size:s}),p(e.View,{style:{position:"absolute",top:0,left:0,bottom:0,pointerEvents:"none",borderRadius:L[s],backgroundColor:H.greyOpacity100,width:Math.max(B-(B-O)/2+te[s],0),...w.style}}),p(e.View,{style:{position:"absolute",top:0,right:0,bottom:0,pointerEvents:"none",borderRadius:L[s],backgroundColor:H.greyOpacity100,width:Math.max(B-(B-O)/2+te[s],0),...P.style}})]})});const te={tiny:5,small:6,medium:7,large:8};function De({size:a}){const r=h(),n=l(new e.Value(0)).current,i=n.interpolate({inputRange:[0,100],outputRange:[1,.96],extrapolate:"clamp"}),c=n.interpolate({inputRange:[0,100],outputRange:[r.grey100,r.grey200],extrapolate:"clamp"}),d=n.interpolate({inputRange:[0,100],outputRange:[L[a],50],extrapolate:"clamp"}),s=u(()=>{e.timing(n,{toValue:100,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}).start()},[n]),N=u(()=>{e.timing(n,{toValue:0,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}).start()},[n]);return{play:s,reset:N,style:{backgroundColor:c,borderRadius:d,transform:[{scale:i}]}}}function Se(){const a=l(new e.Value(1)).current,r=u(()=>{e.timing(a,{toValue:.9,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}).start()},[a]),n=u(()=>{e.timing(a,{toValue:1,useNativeDriver:!1,easing:t.bounce.ease,duration:t.bounce.duration*1e3}).start()},[a]);return{shrink:r,expand:n,style:{transform:[{scale:a}]}}}function Ae(){const a=h(),[r,n]=m(a.grey700),i=l(new e.Value(1)).current,c=u(()=>{e.timing(i,{toValue:.9,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}).start(),n(a.grey900)},[a.grey900,i]),d=u(()=>{e.stagger(200,[e.timing(i,{toValue:1.1,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(i,{toValue:1,useNativeDriver:!1,easing:t.bounce.ease,duration:t.bounce.duration*1e3})]).start(),n(a.grey700)},[a.grey700,i]);return{shrink:c,expand:d,style:{transform:[{scale:i}],color:r}}}function Ee(){const a=h(),[r,n]=m(a.grey700),i=l(new e.Value(1)).current,c=u(()=>{e.timing(i,{toValue:.9,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}).start(),n(a.grey900)},[a.grey900,i]),d=u(()=>{e.stagger(200,[e.timing(i,{toValue:1.1,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(i,{toValue:1,useNativeDriver:!1,easing:t.bounce.ease,duration:t.bounce.duration*1e3})]).start(),n(a.grey700)},[a.grey700,i]);return{shrink:c,expand:d,style:{transform:[{scale:i}],color:r}}}function Re(){const a=l(new e.Value(1)).current,r=l(new e.Value(0)).current,n=l(new e.Value(0)).current,i=u(()=>{e.parallel([e.timing(a,{toValue:.92,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(r,{toValue:-2,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(n,{toValue:1,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3})]).start()},[n,a,r]),c=u(()=>{e.parallel([e.timing(a,{toValue:1,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}),e.timing(r,{toValue:0,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}),e.timing(n,{toValue:0,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3})]).start()},[n,a,r]);return{shrink:i,expand:c,style:{transform:[{scale:a},{translateX:r}],opacity:n}}}function Ie(){const a=l(new e.Value(1)).current,r=l(new e.Value(0)).current,n=l(new e.Value(0)).current,i=u(()=>{e.parallel([e.timing(a,{toValue:.92,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(r,{toValue:2,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(n,{toValue:1,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3})]).start()},[n,a,r]),c=u(()=>{e.parallel([e.timing(a,{toValue:1,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}),e.timing(r,{toValue:0,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}),e.timing(n,{toValue:0,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3})]).start()},[n,a,r]);return{shrink:i,expand:c,style:{transform:[{scale:a},{translateX:r}],opacity:n}}}function Ce(){const a=h(),r=l(new e.Value(0)).current,n=r.interpolate({inputRange:[0,1],outputRange:[a.grey800,a.blue500]});return{play:u(()=>{r.setValue(0),e.stagger(300,[e.timing(r,{toValue:1,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(r,{toValue:0,useNativeDriver:!1,easing:t.basic.ease,duration:t.basic.duration*1e3})]).start()},[r]),style:{color:n}}}
+"use strict";import{jsx as p,jsxs as _}from"react/jsx-runtime";import{PanGestureHandler as ve,State as q}from"@granite-js/native/react-native-gesture-handler";import{springEaseWithDuration as t}from"@toss/tds-easings";import{forwardRef as ye,useCallback as u,useEffect as he,useRef as l,useState as m}from"react";import{Pressable as Ne}from"react-native";import{useAdaptive as h}from"../../core/index.js";import{Animated as e}from"../../interactions/animated/index.js";import{generateHapticFeedback as J}from"../../native/generateHapticFeedback.js";import{NumericSpinnerContainer as Ve,NumericSpinnerContainerBorderRadiusBySize as L}from"./NumericSpinnerContainer.js";import{NumericSpinnerMinusIconButton as K,NumericSpinnerPlusIconButton as Q}from"./NumericSpinnerIconButton.js";import{NumericSpinnerNumberBox as U,NumericSpinnerNumberBoxBorderRadiusBySize as X}from"./NumericSpinnerNumberBox.js";import{useAccelerateInterval as Y}from"./useAccelerateInterval.js";import{useButtonLongPress as Z}from"./useButtonLongPress.js";import{useWiggleMotion as be}from"./useWiggleMotion.js";const z=e.createAnimatedComponent(Ve),xe=e.createAnimatedComponent(U),ke=e.createAnimatedComponent(K),Be=e.createAnimatedComponent(Q),ee=({min:a,max:r,num:n})=>!isNaN(n)&&n>=a&&n<=r;export const NumericSpinner=ye(function({disable:r,number:n=0,minNumber:i=0,maxNumber:c=100,onNumberChange:d,size:s,style:N,...M},W){const H=h(),{play:g,style:T}=be(),V=ee({max:c,min:i,num:n+1}),b=ee({max:c,min:i,num:n-1}),A=u(()=>{if(V){const o=n+1;J({type:"tickWeak"}),d?.(o);return}g()},[n,V,d,g]),E=u(()=>{if(b){const o=n-1;J({type:"tickWeak"}),d?.(o);return}g()},[n,b,d,g]),x=Ce(),{onPressStart:ne,onPressEnd:ae}=Z({onPressing:E,onPressEnd:x.play}),{onPressStart:re,onPressEnd:ie}=Z({onPressing:A,onPressEnd:x.play}),f=l(!1),G=Y(A,{startMs:400,interval:.8,minMs:50}),j=Y(E,{startMs:400,interval:.8,minMs:50}),se=()=>{f.current!==!0&&(j.startInterval(),f.current=!0)},oe=()=>{f.current!==!0&&(G.startInterval(),f.current=!0)},ue=()=>{G.stopInterval(),j.stopInterval(),f.current=!1},R=l(new e.Value(0)).current,v=l(new e.Value(X[s])).current,k=De({size:s}),le=e.event([{nativeEvent:{translationX:R}}],{useNativeDriver:!1}),ce=o=>{switch(o.nativeEvent.state){case q.BEGAN:{k.play(),e.parallel([e.timing(v,{toValue:50,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3})]).start();break}case q.END:case q.FAILED:{k.reset(),e.parallel([e.spring(R,{toValue:0,useNativeDriver:!1}),e.timing(v,{toValue:X[s],useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3})]).start();break}}},[O,de]=m(0),[B,pe]=m(0),[I,me]=m(0),[C,ge]=m(0),$=R.interpolate({inputRange:[-I,C],outputRange:[-I,C],extrapolate:"clamp"});$.addListener(({value:o})=>{const fe=-I;o===fe?se():o===C?oe():ue()}),he(()=>{v.setValue(X[s])},[v,s]);const y=Se(),D=Ae(),S=Ee(),w=Re(),P=Ie(),F=`${n}`;return r?p(Ne,{"aria-disabled":!0,accessibilityRole:"button",accessibilityLabel:`${n}, \uBCC0\uACBD\uD560 \uC218 \uC5C6\uC5B4\uC694`,testID:"numeric-spinner",onPress:()=>{g()},style:[{alignSelf:"flex-start"},N],...M,children:_(z,{ref:W,size:s,style:[{opacity:.3},T],pointerEvents:"none",children:[p(K,{size:s}),p(U,{style:{borderRadius:8},size:s,"aria-label":F,color:x.style.color,children:n}),p(Q,{size:s})]})}):_(z,{testID:"numeric-spinner",ref:W,onLayout:o=>pe(o.nativeEvent.layout.width),style:[{alignSelf:"flex-start"},{...k.style,transform:[...k.style.transform,...T.transform],position:"relative"},N],size:s,...M,children:[p(ke,{"aria-label":"\uBE7C\uAE30",accessibilityHint:b?"\uB450\uBC88 \uD130\uCE58\uD558\uBA74 \uC22B\uC790\uAC00 \uAC10\uC18C\uD574\uC694":`${i}\uAC1C \uC774\uD558\uB85C \uC120\uD0DD\uD560 \uC218 \uC5C6\uC5B4\uC694`,onLayout:o=>me(o.nativeEvent.layout.width),onPress:E,onPressIn:()=>{ne(),y.shrink(),D.shrink(),w.shrink()},onPressOut:()=>{ae(),y.expand(),D.expand(),w.expand()},disabled:b===!1,style:{zIndex:1,alignSelf:"stretch",...D.style},color:D.style.color,size:s}),p(ve,{onGestureEvent:le,onHandlerStateChange:ce,children:p(xe,{onLayout:o=>{de(o.nativeEvent.layout.width)},style:{zIndex:2,borderRadius:v,transform:[{translateX:$},...y.style.transform]},size:s,accessibilityRole:"text",accessibilityValue:{text:F},"aria-label":"\uD604\uC7AC \uAC12",accessibilityHint:"\uB450 \uBC88 \uD130\uCE58\uD558\uC5EC \uBCC0\uACBD\uD560 \uC218 \uC788\uC5B4\uC694",color:x.style.color,children:n})}),p(Be,{"aria-label":"\uB354\uD558\uAE30",accessibilityHint:V?"\uB450\uBC88 \uD130\uCE58\uD558\uBA74 \uC22B\uC790\uAC00 \uC99D\uAC00\uD574\uC694":`${c}\uAC1C \uC774\uC0C1 \uC120\uD0DD\uD560 \uC218 \uC5C6\uC5B4\uC694`,onLayout:o=>ge(o.nativeEvent.layout.width),onPress:A,onPressIn:()=>{re(),y.shrink(),S.shrink(),P.shrink()},onPressOut:()=>{ie(),y.expand(),S.expand(),P.expand()},disabled:V===!1,style:{zIndex:1,alignSelf:"stretch",...S.style},color:S.style.color,size:s}),p(e.View,{style:{position:"absolute",top:0,left:0,bottom:0,pointerEvents:"none",borderRadius:L[s],backgroundColor:H.greyOpacity100,width:Math.max(B-(B-O)/2+te[s],0),...w.style}}),p(e.View,{style:{position:"absolute",top:0,right:0,bottom:0,pointerEvents:"none",borderRadius:L[s],backgroundColor:H.greyOpacity100,width:Math.max(B-(B-O)/2+te[s],0),...P.style}})]})});const te={tiny:5,small:6,medium:7,large:8};function De({size:a}){const r=h(),n=l(new e.Value(0)).current,i=n.interpolate({inputRange:[0,100],outputRange:[1,.96],extrapolate:"clamp"}),c=n.interpolate({inputRange:[0,100],outputRange:[r.grey100,r.grey200],extrapolate:"clamp"}),d=n.interpolate({inputRange:[0,100],outputRange:[L[a],50],extrapolate:"clamp"}),s=u(()=>{e.timing(n,{toValue:100,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}).start()},[n]),N=u(()=>{e.timing(n,{toValue:0,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}).start()},[n]);return{play:s,reset:N,style:{backgroundColor:c,borderRadius:d,transform:[{scale:i}]}}}function Se(){const a=l(new e.Value(1)).current,r=u(()=>{e.timing(a,{toValue:.9,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}).start()},[a]),n=u(()=>{e.timing(a,{toValue:1,useNativeDriver:!1,easing:t.bounce.ease,duration:t.bounce.duration*1e3}).start()},[a]);return{shrink:r,expand:n,style:{transform:[{scale:a}]}}}function Ae(){const a=h(),[r,n]=m(a.grey700),i=l(new e.Value(1)).current,c=u(()=>{e.timing(i,{toValue:.9,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}).start(),n(a.grey900)},[a.grey900,i]),d=u(()=>{e.stagger(200,[e.timing(i,{toValue:1.1,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(i,{toValue:1,useNativeDriver:!1,easing:t.bounce.ease,duration:t.bounce.duration*1e3})]).start(),n(a.grey700)},[a.grey700,i]);return{shrink:c,expand:d,style:{transform:[{scale:i}],color:r}}}function Ee(){const a=h(),[r,n]=m(a.grey700),i=l(new e.Value(1)).current,c=u(()=>{e.timing(i,{toValue:.9,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}).start(),n(a.grey900)},[a.grey900,i]),d=u(()=>{e.stagger(200,[e.timing(i,{toValue:1.1,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(i,{toValue:1,useNativeDriver:!1,easing:t.bounce.ease,duration:t.bounce.duration*1e3})]).start(),n(a.grey700)},[a.grey700,i]);return{shrink:c,expand:d,style:{transform:[{scale:i}],color:r}}}function Re(){const a=l(new e.Value(1)).current,r=l(new e.Value(0)).current,n=l(new e.Value(0)).current,i=u(()=>{e.parallel([e.timing(a,{toValue:.92,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(r,{toValue:-2,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(n,{toValue:1,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3})]).start()},[n,a,r]),c=u(()=>{e.parallel([e.timing(a,{toValue:1,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}),e.timing(r,{toValue:0,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}),e.timing(n,{toValue:0,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3})]).start()},[n,a,r]);return{shrink:i,expand:c,style:{transform:[{scale:a},{translateX:r}],opacity:n}}}function Ie(){const a=l(new e.Value(1)).current,r=l(new e.Value(0)).current,n=l(new e.Value(0)).current,i=u(()=>{e.parallel([e.timing(a,{toValue:.92,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(r,{toValue:2,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(n,{toValue:1,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3})]).start()},[n,a,r]),c=u(()=>{e.parallel([e.timing(a,{toValue:1,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}),e.timing(r,{toValue:0,useNativeDriver:!1,easing:t.quick.ease,duration:t.quick.duration*1e3}),e.timing(n,{toValue:0,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3})]).start()},[n,a,r]);return{shrink:i,expand:c,style:{transform:[{scale:a},{translateX:r}],opacity:n}}}function Ce(){const a=h(),r=l(new e.Value(0)).current,n=r.interpolate({inputRange:[0,1],outputRange:[a.grey800,a.blue500]});return{play:u(()=>{r.setValue(0),e.stagger(300,[e.timing(r,{toValue:1,useNativeDriver:!1,easing:t.rapid.ease,duration:t.rapid.duration*1e3}),e.timing(r,{toValue:0,useNativeDriver:!1,easing:t.basic.ease,duration:t.basic.duration*1e3})]).start()},[r]),style:{color:n}}}

package/dist/esm/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/esm/components/numeric-spinner/NumericSpinnerContainer.js

@@ -1 +1 @@
-"use strict";import{jsx as d}from"react/jsx-runtime";import{useAdaptive as l}from"../../core";import{forwardRef as m}from"react";import{StyleSheet as p,View as s}from"react-native";export const NumericSpinnerContainerBorderRadiusBySize={tiny:8,small:10,medium:14,large:16},NumericSpinnerContainer=m(function({size:i,style:e,children:n,...a},o){const t=l();return d(s,{ref:o,style:[r.container,r[i],{backgroundColor:t.grey100},e],...a,children:n})});const r=p.create({container:{display:"flex",flexDirection:"row"},tiny:{paddingVertical:3,paddingHorizontal:3,borderRadius:NumericSpinnerContainerBorderRadiusBySize.tiny},small:{paddingVertical:3,paddingHorizontal:3,borderRadius:NumericSpinnerContainerBorderRadiusBySize.small},medium:{paddingVertical:4,paddingHorizontal:4,borderRadius:NumericSpinnerContainerBorderRadiusBySize.medium},large:{paddingVertical:4,paddingHorizontal:4,borderRadius:NumericSpinnerContainerBorderRadiusBySize.large}});
+"use strict";import{jsx as d}from"react/jsx-runtime";import{useAdaptive as l}from"../../core/index.js";import{forwardRef as m}from"react";import{StyleSheet as p,View as s}from"react-native";export const NumericSpinnerContainerBorderRadiusBySize={tiny:8,small:10,medium:14,large:16},NumericSpinnerContainer=m(function({size:i,style:e,children:n,...a},o){const t=l();return d(s,{ref:o,style:[r.container,r[i],{backgroundColor:t.grey100},e],...a,children:n})});const r=p.create({container:{display:"flex",flexDirection:"row"},tiny:{paddingVertical:3,paddingHorizontal:3,borderRadius:NumericSpinnerContainerBorderRadiusBySize.tiny},small:{paddingVertical:3,paddingHorizontal:3,borderRadius:NumericSpinnerContainerBorderRadiusBySize.small},medium:{paddingVertical:4,paddingHorizontal:4,borderRadius:NumericSpinnerContainerBorderRadiusBySize.medium},large:{paddingVertical:4,paddingHorizontal:4,borderRadius:NumericSpinnerContainerBorderRadiusBySize.large}});

package/dist/esm/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/esm/components/numeric-spinner/NumericSpinnerIconButton.js

@@ -1 +1 @@
-"use strict";import{jsx as i}from"react/jsx-runtime";import{useAdaptive as s}from"../../core";import{Icon as g}from"../paragraph";import{forwardRef as l}from"react";import{StyleSheet as c}from"react-native";import{Pressable as m}from"react-native";export const NumericSpinnerMinusIconButton=l(function({size:t,color:a,disabled:n,style:o,...d},p){const e=s();return i(m,{ref:p,style:[r.container,f[t],o],accessibilityRole:"button","aria-disabled":n,...d,children:i(g,{typography:t?u[t]:void 0,name:"icn-stepper-minus-line",color:n?e.grey300:a??e.grey700,style:r.icon})})}),NumericSpinnerPlusIconButton=l(function({size:t,color:a,disabled:n,style:o,...d},p){const e=s();return i(m,{ref:p,style:[r.container,h[t],o],accessibilityRole:"button","aria-disabled":n,...d,children:i(g,{typography:t?u[t]:void 0,name:"icn-stepper-plus-line",color:n?e.grey300:a??e.grey700,style:r.icon})})});const u={tiny:"st13",small:"st13",medium:"t6",large:"t6"},r=c.create({container:{display:"flex",justifyContent:"center",alignItems:"center"},icon:{display:"flex",justifyContent:"center",alignItems:"center",maxHeight:24,maxWidth:24}}),f=c.create({tiny:{paddingLeft:5,paddingRight:6},small:{paddingLeft:9,paddingRight:8},medium:{paddingLeft:8,paddingRight:10},large:{paddingLeft:12,paddingRight:14}}),h=c.create({tiny:{paddingRight:5,paddingLeft:6},small:{paddingRight:9,paddingLeft:8},medium:{paddingRight:8,paddingLeft:10},large:{paddingRight:12,paddingLeft:14}});
+"use strict";import{jsx as i}from"react/jsx-runtime";import{useAdaptive as s}from"../../core/index.js";import{Icon as g}from"../paragraph/index.js";import{forwardRef as l}from"react";import{StyleSheet as c}from"react-native";import{Pressable as m}from"react-native";export const NumericSpinnerMinusIconButton=l(function({size:t,color:a,disabled:n,style:o,...d},p){const e=s();return i(m,{ref:p,style:[r.container,f[t],o],accessibilityRole:"button","aria-disabled":n,...d,children:i(g,{typography:t?u[t]:void 0,name:"icn-stepper-minus-line",color:n?e.grey300:a??e.grey700,style:r.icon})})}),NumericSpinnerPlusIconButton=l(function({size:t,color:a,disabled:n,style:o,...d},p){const e=s();return i(m,{ref:p,style:[r.container,h[t],o],accessibilityRole:"button","aria-disabled":n,...d,children:i(g,{typography:t?u[t]:void 0,name:"icn-stepper-plus-line",color:n?e.grey300:a??e.grey700,style:r.icon})})});const u={tiny:"st13",small:"st13",medium:"t6",large:"t6"},r=c.create({container:{display:"flex",justifyContent:"center",alignItems:"center"},icon:{display:"flex",justifyContent:"center",alignItems:"center",maxHeight:24,maxWidth:24}}),f=c.create({tiny:{paddingLeft:5,paddingRight:6},small:{paddingLeft:9,paddingRight:8},medium:{paddingLeft:8,paddingRight:10},large:{paddingLeft:12,paddingRight:14}}),h=c.create({tiny:{paddingRight:5,paddingLeft:6},small:{paddingRight:9,paddingLeft:8},medium:{paddingRight:8,paddingLeft:10},large:{paddingRight:12,paddingLeft:14}});

package/dist/esm/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/esm/components/numeric-spinner/NumericSpinnerNumberBox.js

@@ -1 +1 @@
-"use strict";import{jsx as r,jsxs as u}from"react/jsx-runtime";import{colors as a,tds as y}from"@toss/tds-colors";import{Component as f,forwardRef as x}from"react";import{Pressable as b,StyleSheet as S}from"react-native";import{useColorPreference as B}from"../../core";import{Animated as C}from"../../interactions/animated";import{Text as n}from"../paragraph";const N=C.createAnimatedComponent(n);export const NumericSpinnerNumberBoxBorderRadiusBySize={tiny:6,small:8,medium:10,large:14};const R=x(function({size:e,style:p,children:l,color:m,...c},o){const{colorPreference:g}=B(),h=g==="light"?a.inverseGrey900:a.inverseGrey300,t="semibold",i=w[e];return u(b,{ref:o,style:[d.container,d[e],{backgroundColor:h},p],...c,children:[r(N,{ref:o,fontWeight:t,typography:i,style:{color:m},children:l}),r(n,{fontWeight:t,typography:i,style:{height:0,padding:0,margin:0,opacity:0},children:"000"})]})}),d=S.create({container:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:y.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:NumericSpinnerNumberBoxBorderRadiusBySize.tiny},small:{paddingVertical:5,paddingHorizontal:6,borderRadius:NumericSpinnerNumberBoxBorderRadiusBySize.small},medium:{paddingVertical:8,paddingHorizontal:8,borderRadius:NumericSpinnerNumberBoxBorderRadiusBySize.medium},large:{paddingVertical:12,paddingHorizontal:14,borderRadius:NumericSpinnerNumberBoxBorderRadiusBySize.large}}),w={tiny:"t7",small:"t6",medium:"t5",large:"t5"};export class NumericSpinnerNumberBox extends f{render(){return r(R,{...this.props})}}
+"use strict";import{jsx as r,jsxs as u}from"react/jsx-runtime";import{colors as a,tds as y}from"@toss/tds-colors";import{Component as f,forwardRef as x}from"react";import{Pressable as b,StyleSheet as S}from"react-native";import{useColorPreference as B}from"../../core/index.js";import{Animated as C}from"../../interactions/animated/index.js";import{Text as n}from"../paragraph/index.js";const N=C.createAnimatedComponent(n);export const NumericSpinnerNumberBoxBorderRadiusBySize={tiny:6,small:8,medium:10,large:14};const R=x(function({size:e,style:p,children:l,color:m,...c},o){const{colorPreference:g}=B(),h=g==="light"?a.inverseGrey900:a.inverseGrey300,t="semibold",i=w[e];return u(b,{ref:o,style:[d.container,d[e],{backgroundColor:h},p],...c,children:[r(N,{ref:o,fontWeight:t,typography:i,style:{color:m},children:l}),r(n,{fontWeight:t,typography:i,style:{height:0,padding:0,margin:0,opacity:0},children:"000"})]})}),d=S.create({container:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:y.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:NumericSpinnerNumberBoxBorderRadiusBySize.tiny},small:{paddingVertical:5,paddingHorizontal:6,borderRadius:NumericSpinnerNumberBoxBorderRadiusBySize.small},medium:{paddingVertical:8,paddingHorizontal:8,borderRadius:NumericSpinnerNumberBoxBorderRadiusBySize.medium},large:{paddingVertical:12,paddingHorizontal:14,borderRadius:NumericSpinnerNumberBoxBorderRadiusBySize.large}}),w={tiny:"t7",small:"t6",medium:"t5",large:"t5"};export class NumericSpinnerNumberBox extends f{render(){return r(R,{...this.props})}}

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

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

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

@@ -1 +1 @@
-"use strict";export{NumericSpinner}from"./NumericSpinner";
+"use strict";export{NumericSpinner}from"./NumericSpinner.js";

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

@@ -1 +1 @@
-"use strict";import{useCallback as s}from"react";import{useAccelerateInterval as i}from"./useAccelerateInterval";export function useButtonLongPress({onPressStart:t,onPressing:o,onPressEnd:r}){const{startInterval:e,stopInterval:n}=i(o,{startMs:400,interval:.8,minMs:50}),a=s(()=>{t&&t(),e()},[t,e]),c=s(()=>{r&&r(),n()},[r,n]);return{onPressStart:a,onPressEnd:c}}
+"use strict";import{useCallback as s}from"react";import{useAccelerateInterval as i}from"./useAccelerateInterval.js";export function useButtonLongPress({onPressStart:t,onPressing:o,onPressEnd:r}){const{startInterval:e,stopInterval:n}=i(o,{startMs:400,interval:.8,minMs:50}),a=s(()=>{t&&t(),e()},[t,e]),c=s(()=>{r&&r(),n()},[r,n]);return{onPressStart:a,onPressEnd:c}}

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

@@ -1 +1 @@
-"use strict";import{Animated as i}from"../../interactions/animated";import{useCallback as t,useRef as r}from"react";import{Easing as a}from"react-native";import{generateHapticFeedback as n}from"../../native/generateHapticFeedback";export function useWiggleMotion(){const e=r(new i.Value(0)).current;return{play:t(()=>{n({type:"wiggle"}),i.sequence([i.timing(e,{toValue:2,duration:87.5,easing:a.linear,useNativeDriver:!1}),i.timing(e,{toValue:-2,duration:87.5,easing:a.linear,useNativeDriver:!1}),i.timing(e,{toValue:1,duration:87.5,easing:a.linear,useNativeDriver:!1}),i.timing(e,{toValue:-1,duration:87.5,easing:a.linear,useNativeDriver:!1}),i.timing(e,{toValue:0,duration:87.5,easing:a.linear,useNativeDriver:!1})]).start()},[e]),style:{transform:[{translateX:e}]}}}
+"use strict";import{Animated as i}from"../../interactions/animated/index.js";import{useCallback as t,useRef as r}from"react";import{Easing as a}from"react-native";import{generateHapticFeedback as n}from"../../native/generateHapticFeedback.js";export function useWiggleMotion(){const e=r(new i.Value(0)).current;return{play:t(()=>{n({type:"wiggle"}),i.sequence([i.timing(e,{toValue:2,duration:87.5,easing:a.linear,useNativeDriver:!1}),i.timing(e,{toValue:-2,duration:87.5,easing:a.linear,useNativeDriver:!1}),i.timing(e,{toValue:1,duration:87.5,easing:a.linear,useNativeDriver:!1}),i.timing(e,{toValue:-1,duration:87.5,easing:a.linear,useNativeDriver:!1}),i.timing(e,{toValue:0,duration:87.5,easing:a.linear,useNativeDriver:!1})]).start()},[e]),style:{transform:[{translateX:e}]}}}

package/dist/esm/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/esm/components/paragraph/Paragraph.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Text as n,View as o}from"react-native";import{ParagraphContext as s}from"./ParagraphContext";function x({children:l,typography:a,afterText:t,...r}){return e(s.Provider,{value:{typography:a},children:i(o,{style:{flexDirection:"row",alignItems:"center",flex:0},children:[e(n,{lineBreakStrategyIOS:"hangul-word",...r,allowFontScaling:!1,style:[{flexShrink:1},r.style],children:l}),t]})})}export{x as Paragraph};
+"use strict";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Text as n,View as o}from"react-native";import{ParagraphContext as s}from"./ParagraphContext.js";function x({children:l,typography:a,afterText:t,...r}){return e(s.Provider,{value:{typography:a},children:i(o,{style:{flexDirection:"row",alignItems:"center",flex:0},children:[e(n,{lineBreakStrategyIOS:"hangul-word",...r,allowFontScaling:!1,style:[{flexShrink:1},r.style],children:l}),t]})})}export{x as Paragraph};

package/dist/esm/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/esm/components/paragraph/ParagraphBadge/ParagraphBadge.js

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{colors as o}from"@toss/tds-colors";import r from"hex-to-rgba";import{useContext as S,useMemo as V}from"react";import{View as u}from"react-native";import{useColorPreference as h,useTypographyTheme as z}from"../../../core";import{Txt as x}from"../../txt";import{ParagraphContext as H}from"../ParagraphContext";import{get\uBCF4\uC815Top as B}from"../utils";import{badgeStyleMap as g,isValidFontSize as R}from"./const";function T({children:t,type:d="blue",badgeStyle:c="fill",marginLeft:p=0,marginRight:b=0,typography:f,style:y,fontWeight:s="semiBold"}){h;const{colorPreference:C}=h(),{typography:i}=z(),{typography:m}=S(H),w=`${d}-${c}`,{backgroundColor:L,color:D}=P(w,C),k=f??m,a=V(()=>{const{fontSize:l}=i[k];return R(l)?{...g[l],top:B({targetHeight:g[l].lineHeight+g[l].paddingVertical*2,fontSize:l})}:(console.error(M),{...g[15],top:B({targetHeight:g[15].lineHeight+g[15].paddingVertical*2,fontSize:l})})},[k,i]);return n(u,{style:[{alignSelf:"flex-start"},y],children:n(u,{style:{paddingHorizontal:a.paddingHorizontal,paddingVertical:a.paddingVertical,borderRadius:a.borderRadius,backgroundColor:L,marginLeft:p??a.margin,marginRight:b??a.margin,top:a.top},children:n(x,{fontWeight:s,color:D,style:{fontSize:a.fontSize,lineHeight:a.lineHeight},children:t})})})}const M="ParagraphBadge: fontSize is not valid (11 > fontSize || 56 < fontSize)";export{T as ParagraphBadge};const e={blueBadgeBackgroundLight:r("#3182f6",.16),blueBadgeBackgroundDark:r("#4593fc",.16),tealBadgeBackgroundLight:r("#00818a",.16),tealBadgeBackgroundDark:r("#269da6",.16),greenBadgeBackgroundLight:r("#02a262",.16),greenBadgeBackgroundDark:r("#15c47e",.16),redBadgeBackgroundLight:r("#f44336",.16),redBadgeBackgroundDark:r("#ef5350",.16),yellowBadgeBackgroundLight:r("#ffb331",.16),yellowBadgeBackgroundDark:r("#ffd158",.16),elephantBadgeBackgroundLight:r("#4e5968",.16),elephantBadgeBackgroundDark:r("#c3c3c6",.16)};function P(t,d){return{"red-fill":{light:{backgroundColor:o.red500,color:o.white},dark:{backgroundColor:o.red500,color:o.white}},"red-weak":{light:{backgroundColor:e.redBadgeBackgroundLight,color:o.red700},dark:{backgroundColor:e.redBadgeBackgroundDark,color:o.red400}},"green-fill":{light:{backgroundColor:o.green600,color:o.white},dark:{backgroundColor:o.green600,color:o.white}},"green-weak":{light:{backgroundColor:e.greenBadgeBackgroundLight,color:o.green700},dark:{backgroundColor:e.greenBadgeBackgroundDark,color:o.green400}},"blue-fill":{light:{backgroundColor:o.blue500,color:o.white},dark:{backgroundColor:o.blue500,color:o.white}},"blue-weak":{light:{backgroundColor:e.blueBadgeBackgroundLight,color:o.blue700},dark:{backgroundColor:e.blueBadgeBackgroundDark,color:o.blue400}},"yellow-fill":{light:{backgroundColor:o.yellow500,color:o.grey800},dark:{backgroundColor:o.yellow500,color:o.grey800}},"yellow-weak":{light:{backgroundColor:e.yellowBadgeBackgroundLight,color:o.yellow900},dark:{backgroundColor:e.yellowBadgeBackgroundDark,color:o.yellow700}},"teal-fill":{light:{backgroundColor:o.teal600,color:o.white},dark:{backgroundColor:o.teal600,color:o.white}},"teal-weak":{light:{backgroundColor:e.tealBadgeBackgroundLight,color:o.teal700},dark:{backgroundColor:e.tealBadgeBackgroundDark,color:o.teal400}},"elephant-fill":{light:{backgroundColor:o.grey700,color:o.white},dark:{backgroundColor:o.grey700,color:o.white}},"elephant-weak":{light:{backgroundColor:e.elephantBadgeBackgroundLight,color:o.grey700},dark:{backgroundColor:e.elephantBadgeBackgroundDark,color:o.inverseGrey700}}}[t][d]}
+"use strict";import{jsx as n}from"react/jsx-runtime";import{colors as o}from"@toss/tds-colors";import r from"hex-to-rgba";import{useContext as S,useMemo as V}from"react";import{View as u}from"react-native";import{useColorPreference as h,useTypographyTheme as z}from"../../../core/index.js";import{Txt as x}from"../../txt/index.js";import{ParagraphContext as H}from"../ParagraphContext.js";import{get\uBCF4\uC815Top as B}from"../utils.js";import{badgeStyleMap as g,isValidFontSize as R}from"./const.js";function T({children:t,type:d="blue",badgeStyle:c="fill",marginLeft:p=0,marginRight:b=0,typography:f,style:y,fontWeight:s="semiBold"}){h;const{colorPreference:C}=h(),{typography:i}=z(),{typography:m}=S(H),w=`${d}-${c}`,{backgroundColor:L,color:D}=P(w,C),k=f??m,a=V(()=>{const{fontSize:l}=i[k];return R(l)?{...g[l],top:B({targetHeight:g[l].lineHeight+g[l].paddingVertical*2,fontSize:l})}:(console.error(M),{...g[15],top:B({targetHeight:g[15].lineHeight+g[15].paddingVertical*2,fontSize:l})})},[k,i]);return n(u,{style:[{alignSelf:"flex-start"},y],children:n(u,{style:{paddingHorizontal:a.paddingHorizontal,paddingVertical:a.paddingVertical,borderRadius:a.borderRadius,backgroundColor:L,marginLeft:p??a.margin,marginRight:b??a.margin,top:a.top},children:n(x,{fontWeight:s,color:D,style:{fontSize:a.fontSize,lineHeight:a.lineHeight},children:t})})})}const M="ParagraphBadge: fontSize is not valid (11 > fontSize || 56 < fontSize)";export{T as ParagraphBadge};const e={blueBadgeBackgroundLight:r("#3182f6",.16),blueBadgeBackgroundDark:r("#4593fc",.16),tealBadgeBackgroundLight:r("#00818a",.16),tealBadgeBackgroundDark:r("#269da6",.16),greenBadgeBackgroundLight:r("#02a262",.16),greenBadgeBackgroundDark:r("#15c47e",.16),redBadgeBackgroundLight:r("#f44336",.16),redBadgeBackgroundDark:r("#ef5350",.16),yellowBadgeBackgroundLight:r("#ffb331",.16),yellowBadgeBackgroundDark:r("#ffd158",.16),elephantBadgeBackgroundLight:r("#4e5968",.16),elephantBadgeBackgroundDark:r("#c3c3c6",.16)};function P(t,d){return{"red-fill":{light:{backgroundColor:o.red500,color:o.white},dark:{backgroundColor:o.red500,color:o.white}},"red-weak":{light:{backgroundColor:e.redBadgeBackgroundLight,color:o.red700},dark:{backgroundColor:e.redBadgeBackgroundDark,color:o.red400}},"green-fill":{light:{backgroundColor:o.green600,color:o.white},dark:{backgroundColor:o.green600,color:o.white}},"green-weak":{light:{backgroundColor:e.greenBadgeBackgroundLight,color:o.green700},dark:{backgroundColor:e.greenBadgeBackgroundDark,color:o.green400}},"blue-fill":{light:{backgroundColor:o.blue500,color:o.white},dark:{backgroundColor:o.blue500,color:o.white}},"blue-weak":{light:{backgroundColor:e.blueBadgeBackgroundLight,color:o.blue700},dark:{backgroundColor:e.blueBadgeBackgroundDark,color:o.blue400}},"yellow-fill":{light:{backgroundColor:o.yellow500,color:o.grey800},dark:{backgroundColor:o.yellow500,color:o.grey800}},"yellow-weak":{light:{backgroundColor:e.yellowBadgeBackgroundLight,color:o.yellow900},dark:{backgroundColor:e.yellowBadgeBackgroundDark,color:o.yellow700}},"teal-fill":{light:{backgroundColor:o.teal600,color:o.white},dark:{backgroundColor:o.teal600,color:o.white}},"teal-weak":{light:{backgroundColor:e.tealBadgeBackgroundLight,color:o.teal700},dark:{backgroundColor:e.tealBadgeBackgroundDark,color:o.teal400}},"elephant-fill":{light:{backgroundColor:o.grey700,color:o.white},dark:{backgroundColor:o.grey700,color:o.white}},"elephant-weak":{light:{backgroundColor:e.elephantBadgeBackgroundLight,color:o.grey700},dark:{backgroundColor:e.elephantBadgeBackgroundDark,color:o.inverseGrey700}}}[t][d]}

package/dist/esm/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';

package/dist/esm/components/paragraph/ParagraphBadge/index.js

@@ -1 +1 @@
-"use strict";export{ParagraphBadge}from"./ParagraphBadge";
+"use strict";export{ParagraphBadge}from"./ParagraphBadge.js";

package/dist/esm/components/paragraph/ParagraphCode.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 interface ParagraphCodeProps {
     children: ReactNode;
 }

package/dist/esm/components/paragraph/ParagraphCode.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{colors as n}from"@toss/tds-colors";import{useContext as g,useMemo as l}from"react";import{StyleSheet as y,View as p}from"react-native";import{useAdaptive as h,useColorPreference as u,useTypographyTheme as f}from"../../core";import{Txt as x}from"../txt";import{ParagraphContext as C}from"./ParagraphContext";import{getLineHeightByFontSize as H}from"./ParagraphText";import{get\uBCF4\uC815Top as T}from"./utils";function S({children:r}){const t=h(),{colorPreference:i}=u(),{typography:a}=f(),{typography:c}=g(C),{fontSize:e,lineHeight:m}=a[c],d=l(()=>({fontSize:e,lineHeight:H(e),color:i==="dark"?n.white:n.grey700}),[e,i]);return o(p,{children:o(p,{style:[{backgroundColor:t.opacity100,borderColor:t.opacity200,borderRadius:B(e),top:T({targetHeight:m+s*2,fontSize:e})},b.code],children:o(x,{fontWeight:"regular",style:d,children:r})})})}const s=1,b=y.create({code:{paddingHorizontal:4,borderWidth:s}}),B=r=>r<19?4:r<23?5:r<29?6:r<41?8:10;export{S as ParagraphCode};
+"use strict";import{jsx as o}from"react/jsx-runtime";import{colors as n}from"@toss/tds-colors";import{useContext as g,useMemo as l}from"react";import{StyleSheet as y,View as p}from"react-native";import{useAdaptive as h,useColorPreference as u,useTypographyTheme as f}from"../../core/index.js";import{Txt as x}from"../txt/index.js";import{ParagraphContext as C}from"./ParagraphContext.js";import{getLineHeightByFontSize as H}from"./ParagraphText.js";import{get\uBCF4\uC815Top as T}from"./utils.js";function S({children:r}){const t=h(),{colorPreference:i}=u(),{typography:a}=f(),{typography:c}=g(C),{fontSize:e,lineHeight:m}=a[c],d=l(()=>({fontSize:e,lineHeight:H(e),color:i==="dark"?n.white:n.grey700}),[e,i]);return o(p,{children:o(p,{style:[{backgroundColor:t.opacity100,borderColor:t.opacity200,borderRadius:B(e),top:T({targetHeight:m+s*2,fontSize:e})},b.code],children:o(x,{fontWeight:"regular",style:d,children:r})})})}const s=1,b=y.create({code:{paddingHorizontal:4,borderWidth:s}}),B=r=>r<19?4:r<23?5:r<29?6:r<41?8:10;export{S as ParagraphCode};

package/dist/esm/components/paragraph/ParagraphContext.d.ts

@@ -1,4 +1,4 @@
-import { TypographyKeys } from '../txt';
+import type { TypographyKeys } from '../txt/index.js';
 export interface ParagraphContext {
     typography: TypographyKeys;
 }

package/dist/esm/components/paragraph/ParagraphIcon.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from '../icon';
-import { TypographyKeys } from '../txt';
+import type { IconProps } from '../icon/index.js';
+import type { TypographyKeys } from '../txt/index.js';
 export interface ParagraphIconProps extends IconProps {
     typography?: TypographyKeys;
 }

package/dist/esm/components/paragraph/ParagraphIcon.js

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{useTypographyTheme as p}from"../../core";import{Icon as a}from"../icon";import{useContext as s,useMemo as h}from"react";import{Platform as y,View as f}from"react-native";import{ParagraphContext as c}from"./ParagraphContext";function g({size:o,typography:e,...m}){const{typography:t}=p(),{typography:r}=s(c),i=h(()=>o??u(t[e??r].fontSize),[o,t,e,r]);return n(f,{style:{width:i,maxHeight:y.OS==="ios"?t[r].lineHeight:t[r].fontSize},children:n(a,{size:i,...m})})}const u=o=>Math.round(1.16*(o-11)+12);export{g as ParagraphIcon};
+"use strict";import{jsx as n}from"react/jsx-runtime";import{useTypographyTheme as p}from"../../core/index.js";import{Icon as a}from"../icon/index.js";import{useContext as s,useMemo as h}from"react";import{Platform as y,View as f}from"react-native";import{ParagraphContext as c}from"./ParagraphContext.js";function g({size:o,typography:e,...m}){const{typography:t}=p(),{typography:r}=s(c),i=h(()=>o??u(t[e??r].fontSize),[o,t,e,r]);return n(f,{style:{width:i,maxHeight:y.OS==="ios"?t[r].lineHeight:t[r].fontSize},children:n(a,{size:i,...m})})}const u=o=>Math.round(1.16*(o-11)+12);export{g as ParagraphIcon};

package/dist/esm/components/paragraph/ParagraphLink.d.ts

@@ -1,4 +1,4 @@
-import { ParagraphTextProps } from './ParagraphText';
+import type { ParagraphTextProps } from './ParagraphText.js';
 interface ParagraphLinkProps extends Pick<ParagraphTextProps, 'children' | 'onPress'> {
     fontWeight: 'medium' | 'bold';
     color?: string;

package/dist/esm/components/paragraph/ParagraphLink.js

@@ -1 +1 @@
-"use strict";import{jsx as l}from"react/jsx-runtime";import{useAdaptive as m}from"../../core";import{useCallback as s,useContext as u,useState as y}from"react";import{StyleSheet as c}from"react-native";import{ParagraphContext as f}from"./ParagraphContext";import{ParagraphText as h}from"./ParagraphText";function d({color:e,fontWeight:n,...a}){const r=m(),{typography:p}=u(f),[i,t]=y(!1),g=s(()=>t(!0),[]),o=s(()=>t(!1),[]);return l(h,{typography:p,fontWeight:n,color:e??r.grey700,style:[{backgroundColor:i?e??r.grey200:"transparent"},x.link],onResponderGrant:g,onResponderRelease:o,onResponderTerminate:o,suppressHighlighting:!0,...a})}const x=c.create({link:{textDecorationLine:"underline"}});export{d as ParagraphLink};
+"use strict";import{jsx as l}from"react/jsx-runtime";import{useAdaptive as m}from"../../core/index.js";import{useCallback as s,useContext as u,useState as y}from"react";import{StyleSheet as c}from"react-native";import{ParagraphContext as f}from"./ParagraphContext.js";import{ParagraphText as h}from"./ParagraphText.js";function d({color:e,fontWeight:n,...a}){const r=m(),{typography:p}=u(f),[i,t]=y(!1),g=s(()=>t(!0),[]),o=s(()=>t(!1),[]);return l(h,{typography:p,fontWeight:n,color:e??r.grey700,style:[{backgroundColor:i?e??r.grey200:"transparent"},x.link],onResponderGrant:g,onResponderRelease:o,onResponderTerminate:o,suppressHighlighting:!0,...a})}const x=c.create({link:{textDecorationLine:"underline"}});export{d as ParagraphLink};

package/dist/esm/components/paragraph/ParagraphText.d.ts

@@ -1,5 +1,5 @@
-import { TxtProps, TypographyKeys } from '../txt';
-import { GestureResponderHandlers, Text } from 'react-native';
+import type { TxtProps, TypographyKeys } from '../txt/index.js';
+import type { GestureResponderHandlers, Text } from 'react-native';
 export interface ParagraphTextProps extends Pick<TxtProps, 'children' | 'fontWeight' | 'color' | 'suppressHighlighting' | 'style' | 'onPress' | 'onPressIn' | 'onPressOut' | 'onLayout'>, GestureResponderHandlers {
     /**
      * @default 부모 Paragraph의 typography

package/dist/esm/components/paragraph/ParagraphText.js

@@ -1 +1 @@
-"use strict";import{jsx as f}from"react/jsx-runtime";import{useTypographyTheme as g}from"../../core";import{Txt as s}from"../txt";import{forwardRef as m,useContext as i,useMemo as u}from"react";import{ParagraphContext as x}from"./ParagraphContext";const l=m(function({typography:e,style:a,...p},y){const{typography:t}=g(),{typography:h}=i(x),o=e??h,n=u(()=>({lineHeight:getLineHeightByFontSize(t[o].fontSize),fontSize:t[o].fontSize}),[o,t]);return f(s,{ref:y,style:[n,a],...p})});export const getLineHeightByFontSize=r=>r<16?Math.floor(r*1.5):r<27?Math.floor(r*1.4):r<39?Math.floor(r*1.3):Math.floor(r*1.2);export{l as ParagraphText};
+"use strict";import{jsx as f}from"react/jsx-runtime";import{useTypographyTheme as g}from"../../core/index.js";import{Txt as s}from"../txt/index.js";import{forwardRef as m,useContext as i,useMemo as u}from"react";import{ParagraphContext as x}from"./ParagraphContext.js";const l=m(function({typography:e,style:a,...p},y){const{typography:t}=g(),{typography:h}=i(x),o=e??h,n=u(()=>({lineHeight:getLineHeightByFontSize(t[o].fontSize),fontSize:t[o].fontSize}),[o,t]);return f(s,{ref:y,style:[n,a],...p})});export const getLineHeightByFontSize=r=>r<16?Math.floor(r*1.5):r<27?Math.floor(r*1.4):r<39?Math.floor(r*1.3):Math.floor(r*1.2);export{l as ParagraphText};