@toss/tds-react-native 1.3.4 → 1.3.6

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

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

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

package/dist/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/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])};
+"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])};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-"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">
+"use strict";import{jsx as t}from"react/jsx-runtime";import{SvgXml as a}from"@granite-js/native/react-native-svg";import{Platform as o,TouchableOpacity as n,View as c}from"react-native";import{useAdaptive as h}from"../../../core";import{generateA11yRestProps as d}from"../../../utils/a11y";function g({tintColor:i,...l}){const r=h(),s=i??r.grey900;return t(n,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24,marginRight:p,marginLeft:B},...d(l,{role:"button",label:"\uB4A4\uB85C\uAC00\uAE30"}),children:t(c,{style:{width:24,height:24},children:t(a,{width:24,height:24,xml:m.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${s}"`)})})})}const f=`<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">
+</svg>`,e=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M20.8 20.7001C20.5 20.7001 20.2 20.6001 20 20.3001L12.5 12.8001C12 12.3001 12 11.6001 12.5 11.1001L20 3.6001C20.5 3.1001 21.2 3.1001 21.7 3.6001C22.2 4.1001 22.2 4.8001 21.7 5.3001L14.9 12.0001L21.6 18.7001C22.1 19.2001 22.1 19.9001 21.6 20.4001C21.4 20.6001 21.1 20.7001 20.8 20.7001Z" fill="#191F28"/>
 </svg>
-`,B=l.select({android:g,ios:o,default:o}),f=l.select({android:12,ios:14,default:14});export{h as BackButton};
+`,m=o.select({android:f,ios:e,default:e}),p=o.select({android:12,ios:14,default:14}),B=o.select({android:0,ios:-8,default:-8});export{g as BackButton};

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

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

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

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

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

package/dist/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.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};
+"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as s,useTypographyTheme as f}from"../../../core";import{Icon as y}from"../../icon";import{Txt as g}from"../../txt";import{forwardRef as u,useMemo as T}from"react";import{StyleSheet as S,TouchableOpacity as p}from"react-native";import{MAX_FONT_SIZE as d,MAX_LINE_HEIGHT as x}from"./constants";import{generateA11yRestProps as h}from"../../../utils/a11y";const _=u(function({name:e,type:r,...t},n){const a=s();return o(p,{ref:n,style:m.common,hitSlop:l,...h(t,{role:"button"}),children:o(y,{color:a.grey400,size:24,name:e,type:r})})});function B({children:c,...e}){const r=s(),{typography:t}=f(),n=T(()=>({fontSize:Math.min(t[i].fontSize,d),lineHeight:Math.min(t[i].lineHeight,x)}),[t]);return o(p,{style:[m.common,m.textButton],hitSlop:l,...h(e,{role:"button"}),children:o(g,{typography:i,color:r.grey800,fontWeight:"semiBold",style:n,children:c})})}const i="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,4 +1,4 @@
-import type { TxtProps } from '../../txt/index.js';
+import type { TxtProps } from '../../txt';
 import type { ReactNode } from 'react';
 interface BaseProps extends Pick<TxtProps, 'children' | 'color'> {
     /**

package/dist/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.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};
+"use strict";import{jsx as f,jsxs as H}from"react/jsx-runtime";import{useAdaptive as p,useTypographyTheme as T}from"../../../core";import{defaultTypographyMap as l,Txt as c}from"../../txt";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};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/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/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})}}
+"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})}}

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

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

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

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

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

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

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

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

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

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

package/dist/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.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};
+"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};

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import type { IconProps } from '../icon/index.js';
-import type { TypographyKeys } from '../txt/index.js';
+import type { IconProps } from '../icon';
+import type { TypographyKeys } from '../txt';
 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/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};
+"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};

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

@@ -1,4 +1,4 @@
-import type { ParagraphTextProps } from './ParagraphText.js';
+import type { ParagraphTextProps } from './ParagraphText';
 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/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};
+"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};

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

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

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

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

@@ -1,10 +1,10 @@
-export { Paragraph as Root } from './Paragraph.js';
-export { ParagraphText as Text } from './ParagraphText.js';
-export { ParagraphIcon as Icon } from './ParagraphIcon.js';
-export { ParagraphLink as Link } from './ParagraphLink.js';
-export { ParagraphBadge as Badge } from './ParagraphBadge/index.js';
-export { ParagraphCode as Code } from './ParagraphCode.js';
-export type { ParagraphProps } from './Paragraph.js';
-export type { ParagraphTextProps } from './ParagraphText.js';
-export type { ParagraphBadgeProps } from './ParagraphBadge/index.js';
-export type { ParagraphIconProps } from './ParagraphIcon.js';
+export { Paragraph as Root } from './Paragraph';
+export { ParagraphText as Text } from './ParagraphText';
+export { ParagraphIcon as Icon } from './ParagraphIcon';
+export { ParagraphLink as Link } from './ParagraphLink';
+export { ParagraphBadge as Badge } from './ParagraphBadge';
+export { ParagraphCode as Code } from './ParagraphCode';
+export type { ParagraphProps } from './Paragraph';
+export type { ParagraphTextProps } from './ParagraphText';
+export type { ParagraphBadgeProps } from './ParagraphBadge';
+export type { ParagraphIconProps } from './ParagraphIcon';

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

@@ -1 +1 @@
-"use strict";export{Paragraph as Root}from"./Paragraph.js";export{ParagraphText as Text}from"./ParagraphText.js";export{ParagraphIcon as Icon}from"./ParagraphIcon.js";export{ParagraphLink as Link}from"./ParagraphLink.js";export{ParagraphBadge as Badge}from"./ParagraphBadge/index.js";export{ParagraphCode as Code}from"./ParagraphCode.js";
+"use strict";export{Paragraph as Root}from"./Paragraph";export{ParagraphText as Text}from"./ParagraphText";export{ParagraphIcon as Icon}from"./ParagraphIcon";export{ParagraphLink as Link}from"./ParagraphLink";export{ParagraphBadge as Badge}from"./ParagraphBadge";export{ParagraphCode as Code}from"./ParagraphCode";

package/dist/esm/components/post/Header.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { Text, ViewProps } from 'react-native';
-import type { TxtProps, TypographyKeys } from '../txt/index.js';
+import type { TxtProps, TypographyKeys } from '../txt';
 export interface HeaderPublicProps extends TxtProps {
     /**
      * 텍스트의 타이포그래피 스타일을 지정해요.

package/dist/esm/components/post/Header.js

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,memo as p,useMemo as u}from"react";import{useAdaptive as H}from"../../core/index.js";import{Txt as l}from"../txt/index.js";const i=e(function({headerType:t,typography:o,paddingBottom:f=s[t].bottom,children:h,color:d,style:a,...c},g){const m=H(),y=u(()=>({paddingTop:s[t].top,paddingRight:s[t].right,paddingBottom:f,paddingLeft:s[t].left}),[f,t]);return r(l,{role:"heading",ref:g,typography:P[t],fontWeight:"bold",color:d??m.grey700,style:[y,a],...c,children:h})}),s={h1:{top:16,right:24,bottom:24,left:24},h2:{top:16,right:24,bottom:24,left:24},h3:{top:8,right:24,bottom:16,left:24},h4:{top:8,right:24,bottom:16,left:24}},P={h1:"t2",h2:"t3",h3:"st8",h4:"t5"};export const PostH1=p(e(function(t,o){return r(i,{headerType:"h1",...t,ref:o})})),PostH2=p(e(function(t,o){return r(i,{headerType:"h2",...t,ref:o})})),PostH3=p(e(function(t,o){return r(i,{headerType:"h3",...t,ref:o})})),PostH4=p(e(function(t,o){return r(i,{headerType:"h4",...t,ref:o})}));
+"use strict";import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,memo as p,useMemo as u}from"react";import{useAdaptive as H}from"../../core";import{Txt as l}from"../txt";const i=e(function({headerType:t,typography:o,paddingBottom:f=s[t].bottom,children:h,color:d,style:a,...c},g){const m=H(),y=u(()=>({paddingTop:s[t].top,paddingRight:s[t].right,paddingBottom:f,paddingLeft:s[t].left}),[f,t]);return r(l,{role:"heading",ref:g,typography:P[t],fontWeight:"bold",color:d??m.grey700,style:[y,a],...c,children:h})}),s={h1:{top:16,right:24,bottom:24,left:24},h2:{top:16,right:24,bottom:24,left:24},h3:{top:8,right:24,bottom:16,left:24},h4:{top:8,right:24,bottom:16,left:24}},P={h1:"t2",h2:"t3",h3:"st8",h4:"t5"};export const PostH1=p(e(function(t,o){return r(i,{headerType:"h1",...t,ref:o})})),PostH2=p(e(function(t,o){return r(i,{headerType:"h2",...t,ref:o})})),PostH3=p(e(function(t,o){return r(i,{headerType:"h3",...t,ref:o})})),PostH4=p(e(function(t,o){return r(i,{headerType:"h4",...t,ref:o})}));

package/dist/esm/components/post/Hr.js

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{Border as e}from"../border/index.js";export function PostHr({paddingBottom:r=24,style:o}){return t(e,{type:"padding24",style:[{paddingBottom:r},o]})}
+"use strict";import{jsx as t}from"react/jsx-runtime";import{Border as e}from"../border";export function PostHr({paddingBottom:r=24,style:o}){return t(e,{type:"padding24",style:[{paddingBottom:r},o]})}

package/dist/esm/components/post/List/PostLi.js

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{POST_LI as i}from"../constants.js";import{usePostList as m}from"./PostListProvider.js";import{PostOlLi as s}from"./PostOl.js";import{PostUlLi as f}from"./PostUl.js";export function PostLi(o){const{listType:r}=m();return r==="ol"?t(s,{...o}):t(f,{...o})}PostLi.displayName=i;
+"use strict";import{jsx as t}from"react/jsx-runtime";import{POST_LI as i}from"../constants";import{usePostList as m}from"./PostListProvider";import{PostOlLi as s}from"./PostOl";import{PostUlLi as f}from"./PostUl";export function PostLi(o){const{listType:r}=m();return r==="ol"?t(s,{...o}):t(f,{...o})}PostLi.displayName=i;

package/dist/esm/components/post/List/PostList.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
-import type { TypographyKeys } from '../../txt/index.js';
+import type { TypographyKeys } from '../../txt';
 type ListType = 'ol' | 'ul';
 export interface PostListProps {
     typography?: TypographyKeys;

package/dist/esm/components/post/List/PostList.js

@@ -1 +1 @@
-"use strict";import{jsx as p,Fragment as i}from"react/jsx-runtime";import{Children as f,cloneElement as s,isValidElement as d}from"react";import{View as y}from"react-native";import{PreventFontScaling as u}from"../../../extensions/prevent-font-scaling/index.js";import{POST_LI as g,POST_OL as L,POST_UL as P}from"../constants.js";import{PostListProvider as T}from"./PostListProvider.js";const l=8;export function PostList({listType:r,typography:e="t5",paddingBottom:t=m[r].bottom,style:o,children:n}){return p(u,{limit:160,children:p(T,{listType:r,typography:e,children:p(y,{style:[{paddingTop:m[r].top,paddingRight:m[r].right,paddingBottom:t,paddingLeft:m[r].left},o],children:r==="ol"?p(_,{children:n}):p(x,{children:n})})})})}function _({children:r}){let e=0,t=0;return p(i,{children:f.toArray(r).filter(d).map(o=>{const n=o.type?.displayName,a=t===0?0:l;return n===g?(e=e+1,t++,s(o,{order:e,...o.props,style:{marginTop:a,...o.props.style}})):n===L?s(o,{...o.props,paddingBottom:o.props?.paddingBottom??0,style:{marginTop:a,...o.props.style}}):o})})}function x({children:r}){let e=0;return p(i,{children:f.toArray(r).filter(d).map(t=>{const o=t.type?.displayName,n=e===0?0:l;return o===P?(e++,s(t,{paddingBottom:t.props?.paddingBottom??0,...t.props,style:{marginTop:n,...t.props.style}})):o===g?(e++,s(t,{...t.props,style:{marginTop:n,...t.props.style}})):t})})}const m={ol:{top:0,right:24,bottom:24,left:16},ul:{top:0,right:24,bottom:24,left:24}};
+"use strict";import{jsx as p,Fragment as i}from"react/jsx-runtime";import{Children as f,cloneElement as s,isValidElement as d}from"react";import{View as y}from"react-native";import{PreventFontScaling as u}from"../../../extensions/prevent-font-scaling";import{POST_LI as g,POST_OL as L,POST_UL as P}from"../constants";import{PostListProvider as T}from"./PostListProvider";const l=8;export function PostList({listType:r,typography:e="t5",paddingBottom:t=m[r].bottom,style:o,children:n}){return p(u,{limit:160,children:p(T,{listType:r,typography:e,children:p(y,{style:[{paddingTop:m[r].top,paddingRight:m[r].right,paddingBottom:t,paddingLeft:m[r].left},o],children:r==="ol"?p(_,{children:n}):p(x,{children:n})})})})}function _({children:r}){let e=0,t=0;return p(i,{children:f.toArray(r).filter(d).map(o=>{const n=o.type?.displayName,a=t===0?0:l;return n===g?(e=e+1,t++,s(o,{order:e,...o.props,style:{marginTop:a,...o.props.style}})):n===L?s(o,{...o.props,paddingBottom:o.props?.paddingBottom??0,style:{marginTop:a,...o.props.style}}):o})})}function x({children:r}){let e=0;return p(i,{children:f.toArray(r).filter(d).map(t=>{const o=t.type?.displayName,n=e===0?0:l;return o===P?(e++,s(t,{paddingBottom:t.props?.paddingBottom??0,...t.props,style:{marginTop:n,...t.props.style}})):o===g?(e++,s(t,{...t.props,style:{marginTop:n,...t.props.style}})):t})})}const m={ol:{top:0,right:24,bottom:24,left:16},ul:{top:0,right:24,bottom:24,left:24}};

package/dist/esm/components/post/List/PostListProvider.d.ts

@@ -1,4 +1,4 @@
-import type { TypographyKeys } from '../../txt/index.js';
+import type { TypographyKeys } from '../../txt';
 import type { ReactNode } from 'react';
 type ListType = 'ol' | 'ul';
 export type PostList = {