@toss/tds-react-native 1.3.0 → 1.3.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { TxtProps } from '../../txt/index';
-import { ReactNode } from 'react';
+import type { TxtProps } from '../../txt/index.js';
+import type { ReactNode } from 'react';
 interface BaseProps extends Pick<TxtProps, 'children' | 'color'> {
     /**
      * 더큰텍스트를 사용할지 여부를 결정합니다.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
-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';
+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';

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

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

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { Text, ViewProps } from 'react-native';
-import { TxtProps, TypographyKeys } from '../txt';
+import type { ReactNode } from 'react';
+import type { Text, ViewProps } from 'react-native';
+import type { TxtProps, TypographyKeys } from '../txt/index.js';
 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";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})}));
+"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})}));

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

@@ -1,4 +1,4 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 export interface PostHrProps {
     /**
      * 컴포넌트 하단의 여백을 결정해요.

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";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/index.js";export function PostHr({paddingBottom:r=24,style:o}){return t(e,{type:"padding24",style:[{paddingBottom:r},o]})}

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { ViewProps } from 'react-native/types/index';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
 export interface PostLiProps {
     /**
      * 컴포넌트 내부에 표시될 내용을 지정해요.

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

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
-import { TypographyKeys } from '../../txt/index';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+import type { TypographyKeys } from '../../txt/index.js';
 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";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}};
+"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}};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as m}from"react/jsx-runtime";import{StyleSheet as a,View as y}from"react-native";import{useAdaptive as c}from"../../../core";import{Txt as n}from"../../txt";import{POST_OL as f,POST_OL_LI as x}from"../constants";import{PostList as g}from"./PostList";import{usePostList as h}from"./PostListProvider";export function PostOl(t){return e(g,{listType:"ol",...t})}export function PostOlLi({children:t,style:p,color:o,order:l}){const i=c(),{typography:s}=h();return m(y,{style:[r.container,p],children:[e(n,{typography:s,color:o??i.grey700,style:r.prefix,fontWeight:"medium",children:`${l}.`}),e(n,{typography:s,color:o??i.grey700,style:r.content,children:t})]})}const r=a.create({container:{flexDirection:"row",alignItems:"flex-start"},prefix:{width:24,textAlign:"right",marginRight:8},content:{flex:1}});PostOl.displayName=f,PostOlLi.displayName=x;
+"use strict";import{jsx as e,jsxs as m}from"react/jsx-runtime";import{StyleSheet as a,View as y}from"react-native";import{useAdaptive as c}from"../../../core/index.js";import{Txt as n}from"../../txt/index.js";import{POST_OL as f,POST_OL_LI as x}from"../constants.js";import{PostList as g}from"./PostList.js";import{usePostList as h}from"./PostListProvider.js";export function PostOl(t){return e(g,{listType:"ol",...t})}export function PostOlLi({children:t,style:p,color:o,order:l}){const i=c(),{typography:s}=h();return m(y,{style:[r.container,p],children:[e(n,{typography:s,color:o??i.grey700,style:r.prefix,fontWeight:"medium",children:`${l}.`}),e(n,{typography:s,color:o??i.grey700,style:r.content,children:t})]})}const r=a.create({container:{flexDirection:"row",alignItems:"flex-start"},prefix:{width:24,textAlign:"right",marginRight:8},content:{flex:1}});PostOl.displayName=f,PostOlLi.displayName=x;

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as p}from"react/jsx-runtime";import{StyleSheet as a,View as m}from"react-native";import{useAdaptive as c}from"../../../core";import{Txt as s}from"../../txt";import{POST_UL as y,POST_UL_LI as f}from"../constants";import{PostList as x}from"./PostList";import{usePostList as g}from"./PostListProvider";export function PostUl(t){return o(x,{listType:"ul",...t})}export function PostUlLi({color:t,style:n,children:l}){const e=c(),{typography:i}=g();return p(m,{style:[r.container,n],children:[o(s,{typography:i,color:e.grey700,style:r.prefix,fontWeight:"bold",children:"\u2022"}),o(s,{typography:i,color:t??e.grey700,style:r.content,children:l})]})}const r=a.create({container:{flexDirection:"row",alignItems:"flex-start"},prefix:{width:16,textAlign:"right",marginRight:8},content:{flex:1}});PostUl.displayName=y,PostUlLi.displayName=f;
+"use strict";import{jsx as o,jsxs as p}from"react/jsx-runtime";import{StyleSheet as a,View as m}from"react-native";import{useAdaptive as c}from"../../../core/index.js";import{Txt as s}from"../../txt/index.js";import{POST_UL as y,POST_UL_LI as f}from"../constants.js";import{PostList as x}from"./PostList.js";import{usePostList as g}from"./PostListProvider.js";export function PostUl(t){return o(x,{listType:"ul",...t})}export function PostUlLi({color:t,style:n,children:l}){const e=c(),{typography:i}=g();return p(m,{style:[r.container,n],children:[o(s,{typography:i,color:e.grey700,style:r.prefix,fontWeight:"bold",children:"\u2022"}),o(s,{typography:i,color:t??e.grey700,style:r.content,children:l})]})}const r=a.create({container:{flexDirection:"row",alignItems:"flex-start"},prefix:{width:16,textAlign:"right",marginRight:8},content:{flex:1}});PostUl.displayName=y,PostUlLi.displayName=f;