@toss/tds-react-native 1.2.1 → 1.3.1

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParagraphCode=ParagraphCode;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),txt_1=require("../txt"),ParagraphContext_1=require("./ParagraphContext"),ParagraphText_1=require("./ParagraphText"),utils_1=require("./utils");function ParagraphCode({children:e}){const t=(0,core_1.useAdaptive)(),{colorPreference:o}=(0,core_1.useColorPreference)(),{typography:s}=(0,core_1.useTypographyTheme)(),{typography:n}=(0,react_1.useContext)(ParagraphContext_1.ParagraphContext),{fontSize:r,lineHeight:a}=s[n],c=(0,react_1.useMemo)(()=>({fontSize:r,lineHeight:(0,ParagraphText_1.getLineHeightByFontSize)(r),color:o==="dark"?tds_colors_1.colors.white:tds_colors_1.colors.grey700}),[r,o]);return(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{backgroundColor:t.opacity100,borderColor:t.opacity200,borderRadius:getBorderRadiusByFontSize(r),top:(0,utils_1.get\uBCF4\uC815Top)({targetHeight:a+BORDER_WIDTH*2,fontSize:r})},styles.code],children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{fontWeight:"regular",style:c,children:e})})})}const BORDER_WIDTH=1,styles=react_native_1.StyleSheet.create({code:{paddingHorizontal:4,borderWidth:BORDER_WIDTH}}),getBorderRadiusByFontSize=e=>e<19?4:e<23?5:e<29?6:e<41?8:10;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParagraphCode=ParagraphCode;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js"),ParagraphContext_js_1=require("./ParagraphContext.js"),ParagraphText_js_1=require("./ParagraphText.js"),utils_js_1=require("./utils.js");function ParagraphCode({children:e}){const t=(0,index_js_1.useAdaptive)(),{colorPreference:o}=(0,index_js_1.useColorPreference)(),{typography:s}=(0,index_js_1.useTypographyTheme)(),{typography:n}=(0,react_1.useContext)(ParagraphContext_js_1.ParagraphContext),{fontSize:r,lineHeight:i}=s[n],a=(0,react_1.useMemo)(()=>({fontSize:r,lineHeight:(0,ParagraphText_js_1.getLineHeightByFontSize)(r),color:o==="dark"?tds_colors_1.colors.white:tds_colors_1.colors.grey700}),[r,o]);return(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{backgroundColor:t.opacity100,borderColor:t.opacity200,borderRadius:getBorderRadiusByFontSize(r),top:(0,utils_js_1.get\uBCF4\uC815Top)({targetHeight:i+BORDER_WIDTH*2,fontSize:r})},styles.code],children:(0,jsx_runtime_1.jsx)(index_js_2.Txt,{fontWeight:"regular",style:a,children:e})})})}const BORDER_WIDTH=1,styles=react_native_1.StyleSheet.create({code:{paddingHorizontal:4,borderWidth:BORDER_WIDTH}}),getBorderRadiusByFontSize=e=>e<19?4:e<23?5:e<29?6:e<41?8:10;

package/dist/cjs/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/cjs/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/cjs/components/paragraph/ParagraphIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParagraphIcon=ParagraphIcon;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),icon_1=require("../icon"),react_1=require("react"),react_native_1=require("react-native"),ParagraphContext_1=require("./ParagraphContext");function ParagraphIcon({size:e,typography:o,...a}){const{typography:t}=(0,core_1.useTypographyTheme)(),{typography:r}=(0,react_1.useContext)(ParagraphContext_1.ParagraphContext),n=(0,react_1.useMemo)(()=>e??getIconSizeByFontSize(t[o??r].fontSize),[e,t,o,r]);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:n,maxHeight:react_native_1.Platform.OS==="ios"?t[r].lineHeight:t[r].fontSize},children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{size:n,...a})})}const getIconSizeByFontSize=e=>Math.round(1.16*(e-11)+12);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParagraphIcon=ParagraphIcon;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../icon/index.js"),react_1=require("react"),react_native_1=require("react-native"),ParagraphContext_js_1=require("./ParagraphContext.js");function ParagraphIcon({size:e,typography:n,...s}){const{typography:t}=(0,index_js_1.useTypographyTheme)(),{typography:r}=(0,react_1.useContext)(ParagraphContext_js_1.ParagraphContext),o=(0,react_1.useMemo)(()=>e??getIconSizeByFontSize(t[n??r].fontSize),[e,t,n,r]);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:o,maxHeight:react_native_1.Platform.OS==="ios"?t[r].lineHeight:t[r].fontSize},children:(0,jsx_runtime_1.jsx)(index_js_2.Icon,{size:o,...s})})}const getIconSizeByFontSize=e=>Math.round(1.16*(e-11)+12);

package/dist/cjs/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/cjs/components/paragraph/ParagraphLink.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParagraphLink=ParagraphLink;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),react_1=require("react"),react_native_1=require("react-native"),ParagraphContext_1=require("./ParagraphContext"),ParagraphText_1=require("./ParagraphText");function ParagraphLink({color:e,fontWeight:n,...s}){const r=(0,core_1.useAdaptive)(),{typography:o}=(0,react_1.useContext)(ParagraphContext_1.ParagraphContext),[i,t]=(0,react_1.useState)(!1),p=(0,react_1.useCallback)(()=>t(!0),[]),a=(0,react_1.useCallback)(()=>t(!1),[]);return(0,jsx_runtime_1.jsx)(ParagraphText_1.ParagraphText,{typography:o,fontWeight:n,color:e??r.grey700,style:[{backgroundColor:i?e??r.grey200:"transparent"},styles.link],onResponderGrant:p,onResponderRelease:a,onResponderTerminate:a,suppressHighlighting:!0,...s})}const styles=react_native_1.StyleSheet.create({link:{textDecorationLine:"underline"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParagraphLink=ParagraphLink;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),react_1=require("react"),react_native_1=require("react-native"),ParagraphContext_js_1=require("./ParagraphContext.js"),ParagraphText_js_1=require("./ParagraphText.js");function ParagraphLink({color:e,fontWeight:s,...n}){const r=(0,index_js_1.useAdaptive)(),{typography:o}=(0,react_1.useContext)(ParagraphContext_js_1.ParagraphContext),[i,t]=(0,react_1.useState)(!1),p=(0,react_1.useCallback)(()=>t(!0),[]),a=(0,react_1.useCallback)(()=>t(!1),[]);return(0,jsx_runtime_1.jsx)(ParagraphText_js_1.ParagraphText,{typography:o,fontWeight:s,color:e??r.grey700,style:[{backgroundColor:i?e??r.grey200:"transparent"},styles.link],onResponderGrant:p,onResponderRelease:a,onResponderTerminate:a,suppressHighlighting:!0,...n})}const styles=react_native_1.StyleSheet.create({link:{textDecorationLine:"underline"}});

package/dist/cjs/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/cjs/components/paragraph/ParagraphText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParagraphText=exports.getLineHeightByFontSize=void 0;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),txt_1=require("../txt"),react_1=require("react"),ParagraphContext_1=require("./ParagraphContext"),ParagraphText=(0,react_1.forwardRef)(function({typography:o,style:a,...n},s){const{typography:t}=(0,core_1.useTypographyTheme)(),{typography:p}=(0,react_1.useContext)(ParagraphContext_1.ParagraphContext),r=o??p,i=(0,react_1.useMemo)(()=>({lineHeight:(0,exports.getLineHeightByFontSize)(t[r].fontSize),fontSize:t[r].fontSize}),[r,t]);return(0,jsx_runtime_1.jsx)(txt_1.Txt,{ref:s,style:[i,a],...n})});exports.ParagraphText=ParagraphText;const getLineHeightByFontSize=e=>e<16?Math.floor(e*1.5):e<27?Math.floor(e*1.4):e<39?Math.floor(e*1.3):Math.floor(e*1.2);exports.getLineHeightByFontSize=getLineHeightByFontSize;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParagraphText=exports.getLineHeightByFontSize=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js"),react_1=require("react"),ParagraphContext_js_1=require("./ParagraphContext.js"),ParagraphText=(0,react_1.forwardRef)(function({typography:o,style:a,...n},s){const{typography:t}=(0,index_js_1.useTypographyTheme)(),{typography:i}=(0,react_1.useContext)(ParagraphContext_js_1.ParagraphContext),r=o??i,p=(0,react_1.useMemo)(()=>({lineHeight:(0,exports.getLineHeightByFontSize)(t[r].fontSize),fontSize:t[r].fontSize}),[r,t]);return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{ref:s,style:[p,a],...n})});exports.ParagraphText=ParagraphText;const getLineHeightByFontSize=e=>e<16?Math.floor(e*1.5):e<27?Math.floor(e*1.4):e<39?Math.floor(e*1.3):Math.floor(e*1.2);exports.getLineHeightByFontSize=getLineHeightByFontSize;

package/dist/cjs/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/cjs/components/paragraph/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Code=exports.Badge=exports.Link=exports.Icon=exports.Text=exports.Root=void 0;var Paragraph_1=require("./Paragraph");Object.defineProperty(exports,"Root",{enumerable:!0,get:function(){return Paragraph_1.Paragraph}});var ParagraphText_1=require("./ParagraphText");Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return ParagraphText_1.ParagraphText}});var ParagraphIcon_1=require("./ParagraphIcon");Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return ParagraphIcon_1.ParagraphIcon}});var ParagraphLink_1=require("./ParagraphLink");Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return ParagraphLink_1.ParagraphLink}});var ParagraphBadge_1=require("./ParagraphBadge");Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return ParagraphBadge_1.ParagraphBadge}});var ParagraphCode_1=require("./ParagraphCode");Object.defineProperty(exports,"Code",{enumerable:!0,get:function(){return ParagraphCode_1.ParagraphCode}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Code=exports.Badge=exports.Link=exports.Icon=exports.Text=exports.Root=void 0;var Paragraph_js_1=require("./Paragraph.js");Object.defineProperty(exports,"Root",{enumerable:!0,get:function(){return Paragraph_js_1.Paragraph}});var ParagraphText_js_1=require("./ParagraphText.js");Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return ParagraphText_js_1.ParagraphText}});var ParagraphIcon_js_1=require("./ParagraphIcon.js");Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return ParagraphIcon_js_1.ParagraphIcon}});var ParagraphLink_js_1=require("./ParagraphLink.js");Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return ParagraphLink_js_1.ParagraphLink}});var index_js_1=require("./ParagraphBadge/index.js");Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return index_js_1.ParagraphBadge}});var ParagraphCode_js_1=require("./ParagraphCode.js");Object.defineProperty(exports,"Code",{enumerable:!0,get:function(){return ParagraphCode_js_1.ParagraphCode}});

package/dist/cjs/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/cjs/components/post/Header.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostH4=exports.PostH3=exports.PostH2=exports.PostH1=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),core_1=require("../../core"),txt_1=require("../txt"),HeaderPrototype=(0,react_1.forwardRef)(function({headerType:t,typography:e,paddingBottom:r=paddingByHeaderType[t].bottom,children:s,color:n,style:p,...i},f){const d=(0,core_1.useAdaptive)(),a=(0,react_1.useMemo)(()=>({paddingTop:paddingByHeaderType[t].top,paddingRight:paddingByHeaderType[t].right,paddingBottom:r,paddingLeft:paddingByHeaderType[t].left}),[r,t]);return(0,jsx_runtime_1.jsx)(txt_1.Txt,{role:"heading",ref:f,typography:typographyByHeaderType[t],fontWeight:"bold",color:n??d.grey700,style:[a,p],...i,children:s})}),paddingByHeaderType={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}},typographyByHeaderType={h1:"t2",h2:"t3",h3:"st8",h4:"t5"};exports.PostH1=(0,react_1.memo)((0,react_1.forwardRef)(function(t,e){return(0,jsx_runtime_1.jsx)(HeaderPrototype,{headerType:"h1",...t,ref:e})})),exports.PostH2=(0,react_1.memo)((0,react_1.forwardRef)(function(t,e){return(0,jsx_runtime_1.jsx)(HeaderPrototype,{headerType:"h2",...t,ref:e})})),exports.PostH3=(0,react_1.memo)((0,react_1.forwardRef)(function(t,e){return(0,jsx_runtime_1.jsx)(HeaderPrototype,{headerType:"h3",...t,ref:e})})),exports.PostH4=(0,react_1.memo)((0,react_1.forwardRef)(function(t,e){return(0,jsx_runtime_1.jsx)(HeaderPrototype,{headerType:"h4",...t,ref:e})}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostH4=exports.PostH3=exports.PostH2=exports.PostH1=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js"),HeaderPrototype=(0,react_1.forwardRef)(function({headerType:t,typography:e,paddingBottom:r=paddingByHeaderType[t].bottom,children:s,color:n,style:i,...p},d){const f=(0,index_js_1.useAdaptive)(),a=(0,react_1.useMemo)(()=>({paddingTop:paddingByHeaderType[t].top,paddingRight:paddingByHeaderType[t].right,paddingBottom:r,paddingLeft:paddingByHeaderType[t].left}),[r,t]);return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{role:"heading",ref:d,typography:typographyByHeaderType[t],fontWeight:"bold",color:n??f.grey700,style:[a,i],...p,children:s})}),paddingByHeaderType={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}},typographyByHeaderType={h1:"t2",h2:"t3",h3:"st8",h4:"t5"};exports.PostH1=(0,react_1.memo)((0,react_1.forwardRef)(function(t,e){return(0,jsx_runtime_1.jsx)(HeaderPrototype,{headerType:"h1",...t,ref:e})})),exports.PostH2=(0,react_1.memo)((0,react_1.forwardRef)(function(t,e){return(0,jsx_runtime_1.jsx)(HeaderPrototype,{headerType:"h2",...t,ref:e})})),exports.PostH3=(0,react_1.memo)((0,react_1.forwardRef)(function(t,e){return(0,jsx_runtime_1.jsx)(HeaderPrototype,{headerType:"h3",...t,ref:e})})),exports.PostH4=(0,react_1.memo)((0,react_1.forwardRef)(function(t,e){return(0,jsx_runtime_1.jsx)(HeaderPrototype,{headerType:"h4",...t,ref:e})}));

package/dist/cjs/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/cjs/components/post/Hr.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostHr=PostHr;const jsx_runtime_1=require("react/jsx-runtime"),border_1=require("../border");function PostHr({paddingBottom:e=24,style:r}){return(0,jsx_runtime_1.jsx)(border_1.Border,{type:"padding24",style:[{paddingBottom:e},r]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostHr=PostHr;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../border/index.js");function PostHr({paddingBottom:e=24,style:r}){return(0,jsx_runtime_1.jsx)(index_js_1.Border,{type:"padding24",style:[{paddingBottom:e},r]})}

package/dist/cjs/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/cjs/components/post/List/PostLi.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostLi=PostLi;const jsx_runtime_1=require("react/jsx-runtime"),constants_1=require("../constants"),PostListProvider_1=require("./PostListProvider"),PostOl_1=require("./PostOl"),PostUl_1=require("./PostUl");function PostLi(t){const{listType:s}=(0,PostListProvider_1.usePostList)();return s==="ol"?(0,jsx_runtime_1.jsx)(PostOl_1.PostOlLi,{...t}):(0,jsx_runtime_1.jsx)(PostUl_1.PostUlLi,{...t})}PostLi.displayName=constants_1.POST_LI;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostLi=PostLi;const jsx_runtime_1=require("react/jsx-runtime"),constants_js_1=require("../constants.js"),PostListProvider_js_1=require("./PostListProvider.js"),PostOl_js_1=require("./PostOl.js"),PostUl_js_1=require("./PostUl.js");function PostLi(s){const{listType:t}=(0,PostListProvider_js_1.usePostList)();return t==="ol"?(0,jsx_runtime_1.jsx)(PostOl_js_1.PostOlLi,{...s}):(0,jsx_runtime_1.jsx)(PostUl_js_1.PostUlLi,{...s})}PostLi.displayName=constants_js_1.POST_LI;

package/dist/cjs/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/cjs/components/post/List/PostList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostList=PostList;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),prevent_font_scaling_1=require("../../../extensions/prevent-font-scaling"),constants_1=require("../constants"),PostListProvider_1=require("./PostListProvider"),DEFAULT_GAP=8;function PostList({listType:r,typography:n="t5",paddingBottom:t=paddingByListType[r].bottom,style:e,children:o}){return(0,jsx_runtime_1.jsx)(prevent_font_scaling_1.PreventFontScaling,{limit:160,children:(0,jsx_runtime_1.jsx)(PostListProvider_1.PostListProvider,{listType:r,typography:n,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingTop:paddingByListType[r].top,paddingRight:paddingByListType[r].right,paddingBottom:t,paddingLeft:paddingByListType[r].left},e],children:r==="ol"?(0,jsx_runtime_1.jsx)(PostOLListRenderer,{children:o}):(0,jsx_runtime_1.jsx)(PostULListRenderer,{children:o})})})})}function PostOLListRenderer({children:r}){let n=0,t=0;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.toArray(r).filter(react_1.isValidElement).map(e=>{const o=e.type?.displayName,s=t===0?0:DEFAULT_GAP;return o===constants_1.POST_LI?(n=n+1,t++,(0,react_1.cloneElement)(e,{order:n,...e.props,style:{marginTop:s,...e.props.style}})):o===constants_1.POST_OL?(0,react_1.cloneElement)(e,{...e.props,paddingBottom:e.props?.paddingBottom??0,style:{marginTop:s,...e.props.style}}):e})})}function PostULListRenderer({children:r}){let n=0;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.toArray(r).filter(react_1.isValidElement).map(t=>{const e=t.type?.displayName,o=n===0?0:DEFAULT_GAP;return e===constants_1.POST_UL?(n++,(0,react_1.cloneElement)(t,{paddingBottom:t.props?.paddingBottom??0,...t.props,style:{marginTop:o,...t.props.style}})):e===constants_1.POST_LI?(n++,(0,react_1.cloneElement)(t,{...t.props,style:{marginTop:o,...t.props.style}})):t})})}const paddingByListType={ol:{top:0,right:24,bottom:24,left:16},ul:{top:0,right:24,bottom:24,left:24}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostList=PostList;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../extensions/prevent-font-scaling/index.js"),constants_js_1=require("../constants.js"),PostListProvider_js_1=require("./PostListProvider.js"),DEFAULT_GAP=8;function PostList({listType:r,typography:n="t5",paddingBottom:t=paddingByListType[r].bottom,style:e,children:o}){return(0,jsx_runtime_1.jsx)(index_js_1.PreventFontScaling,{limit:160,children:(0,jsx_runtime_1.jsx)(PostListProvider_js_1.PostListProvider,{listType:r,typography:n,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingTop:paddingByListType[r].top,paddingRight:paddingByListType[r].right,paddingBottom:t,paddingLeft:paddingByListType[r].left},e],children:r==="ol"?(0,jsx_runtime_1.jsx)(PostOLListRenderer,{children:o}):(0,jsx_runtime_1.jsx)(PostULListRenderer,{children:o})})})})}function PostOLListRenderer({children:r}){let n=0,t=0;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.toArray(r).filter(react_1.isValidElement).map(e=>{const o=e.type?.displayName,s=t===0?0:DEFAULT_GAP;return o===constants_js_1.POST_LI?(n=n+1,t++,(0,react_1.cloneElement)(e,{order:n,...e.props,style:{marginTop:s,...e.props.style}})):o===constants_js_1.POST_OL?(0,react_1.cloneElement)(e,{...e.props,paddingBottom:e.props?.paddingBottom??0,style:{marginTop:s,...e.props.style}}):e})})}function PostULListRenderer({children:r}){let n=0;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.toArray(r).filter(react_1.isValidElement).map(t=>{const e=t.type?.displayName,o=n===0?0:DEFAULT_GAP;return e===constants_js_1.POST_UL?(n++,(0,react_1.cloneElement)(t,{paddingBottom:t.props?.paddingBottom??0,...t.props,style:{marginTop:o,...t.props.style}})):e===constants_js_1.POST_LI?(n++,(0,react_1.cloneElement)(t,{...t.props,style:{marginTop:o,...t.props.style}})):t})})}const paddingByListType={ol:{top:0,right:24,bottom:24,left:16},ul:{top:0,right:24,bottom:24,left:24}};

package/dist/cjs/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/cjs/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/cjs/components/post/List/PostOl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostOl=PostOl,exports.PostOlLi=PostOlLi;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),core_1=require("../../../core"),txt_1=require("../../txt"),constants_1=require("../constants"),PostList_1=require("./PostList"),PostListProvider_1=require("./PostListProvider");function PostOl(t){return(0,jsx_runtime_1.jsx)(PostList_1.PostList,{listType:"ol",...t})}function PostOlLi({children:t,style:i,color:e,order:o}){const r=(0,core_1.useAdaptive)(),{typography:s}=(0,PostListProvider_1.usePostList)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.container,i],children:[(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:s,color:e??r.grey700,style:styles.prefix,fontWeight:"medium",children:`${o}.`}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:s,color:e??r.grey700,style:styles.content,children:t})]})}const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",alignItems:"flex-start"},prefix:{width:24,textAlign:"right",marginRight:8},content:{flex:1}});PostOl.displayName=constants_1.POST_OL,PostOlLi.displayName=constants_1.POST_OL_LI;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostOl=PostOl,exports.PostOlLi=PostOlLi;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../txt/index.js"),constants_js_1=require("../constants.js"),PostList_js_1=require("./PostList.js"),PostListProvider_js_1=require("./PostListProvider.js");function PostOl(t){return(0,jsx_runtime_1.jsx)(PostList_js_1.PostList,{listType:"ol",...t})}function PostOlLi({children:t,style:i,color:e,order:n}){const s=(0,index_js_1.useAdaptive)(),{typography:r}=(0,PostListProvider_js_1.usePostList)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.container,i],children:[(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:r,color:e??s.grey700,style:styles.prefix,fontWeight:"medium",children:`${n}.`}),(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:r,color:e??s.grey700,style:styles.content,children:t})]})}const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",alignItems:"flex-start"},prefix:{width:24,textAlign:"right",marginRight:8},content:{flex:1}});PostOl.displayName=constants_js_1.POST_OL,PostOlLi.displayName=constants_js_1.POST_OL_LI;

package/dist/cjs/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/cjs/components/post/List/PostUl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostUl=PostUl,exports.PostUlLi=PostUlLi;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),core_1=require("../../../core"),txt_1=require("../../txt"),constants_1=require("../constants"),PostList_1=require("./PostList"),PostListProvider_1=require("./PostListProvider");function PostUl(t){return(0,jsx_runtime_1.jsx)(PostList_1.PostList,{listType:"ul",...t})}function PostUlLi({color:t,style:s,children:o}){const e=(0,core_1.useAdaptive)(),{typography:r}=(0,PostListProvider_1.usePostList)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.container,s],children:[(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:r,color:e.grey700,style:styles.prefix,fontWeight:"bold",children:"\u2022"}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:r,color:t??e.grey700,style:styles.content,children:o})]})}const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",alignItems:"flex-start"},prefix:{width:16,textAlign:"right",marginRight:8},content:{flex:1}});PostUl.displayName=constants_1.POST_UL,PostUlLi.displayName=constants_1.POST_UL_LI;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostUl=PostUl,exports.PostUlLi=PostUlLi;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../txt/index.js"),constants_js_1=require("../constants.js"),PostList_js_1=require("./PostList.js"),PostListProvider_js_1=require("./PostListProvider.js");function PostUl(t){return(0,jsx_runtime_1.jsx)(PostList_js_1.PostList,{listType:"ul",...t})}function PostUlLi({color:t,style:r,children:i}){const e=(0,index_js_1.useAdaptive)(),{typography:s}=(0,PostListProvider_js_1.usePostList)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.container,r],children:[(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:s,color:e.grey700,style:styles.prefix,fontWeight:"bold",children:"\u2022"}),(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:s,color:t??e.grey700,style:styles.content,children:i})]})}const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",alignItems:"flex-start"},prefix:{width:16,textAlign:"right",marginRight:8},content:{flex:1}});PostUl.displayName=constants_js_1.POST_UL,PostUlLi.displayName=constants_js_1.POST_UL_LI;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostParagraph=PostParagraph;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),txt_1=require("../txt");function PostParagraph({typography:e="t5",children:t,color:r,paddingBottom:o=24,style:a,...i}){const s=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:e,fontWeight:"regular",color:r??s.grey700,style:[{paddingTop:0,paddingRight:24,paddingLeft:24,paddingBottom:o},a],...i,children:t})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PostParagraph=PostParagraph;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js");function PostParagraph({typography:e="t5",children:t,color:r,paddingBottom:i=24,style:s,...n}){const o=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:e,fontWeight:"regular",color:r??o.grey700,style:[{paddingTop:0,paddingRight:24,paddingLeft:24,paddingBottom:i},s],...n,children:t})}

package/dist/cjs/components/post/Post.d.ts

@@ -1,22 +1,22 @@
-import { PostHr } from './Hr';
-import { PostLi } from './List/PostLi';
-import { PostOl } from './List/PostOl';
-import { PostUl } from './List/PostUl';
-import { PostParagraph } from './Paragraph';
+import { PostHr } from './Hr.js';
+import { PostLi } from './List/PostLi.js';
+import { PostOl } from './List/PostOl.js';
+import { PostUl } from './List/PostUl.js';
+import { PostParagraph } from './Paragraph.js';
 export declare const Post: {
-    H1: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
-    H2: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
-    H3: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
-    H4: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
+    H1: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header.js").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
+    H2: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header.js").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
+    H3: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header.js").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
+    H4: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Header.js").HeaderPublicProps & import("react").RefAttributes<import("react-native").Text>>>;
     Paragraph: typeof PostParagraph;
     Ol: typeof PostOl;
     Li: typeof PostLi;
     Ul: typeof PostUl;
     Hr: typeof PostHr;
 };
-export type { PostH1Props, PostH2Props, PostH3Props, PostH4Props } from './Header';
-export type { PostHrProps } from './Hr';
-export type { PostLiProps } from './List/PostLi';
-export type { PostOlProps } from './List/PostOl';
-export type { PostUlProps } from './List/PostUl';
-export type { PostParagraphProps } from './Paragraph';
+export type { PostH1Props, PostH2Props, PostH3Props, PostH4Props } from './Header.js';
+export type { PostHrProps } from './Hr.js';
+export type { PostLiProps } from './List/PostLi.js';
+export type { PostOlProps } from './List/PostOl.js';
+export type { PostUlProps } from './List/PostUl.js';
+export type { PostParagraphProps } from './Paragraph.js';

package/dist/cjs/components/post/Post.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Post=void 0;const Header_1=require("./Header"),Hr_1=require("./Hr"),PostLi_1=require("./List/PostLi"),PostOl_1=require("./List/PostOl"),PostUl_1=require("./List/PostUl"),Paragraph_1=require("./Paragraph");exports.Post={H1:Header_1.PostH1,H2:Header_1.PostH2,H3:Header_1.PostH3,H4:Header_1.PostH4,Paragraph:Paragraph_1.PostParagraph,Ol:PostOl_1.PostOl,Li:PostLi_1.PostLi,Ul:PostUl_1.PostUl,Hr:Hr_1.PostHr};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Post=void 0;const Header_js_1=require("./Header.js"),Hr_js_1=require("./Hr.js"),PostLi_js_1=require("./List/PostLi.js"),PostOl_js_1=require("./List/PostOl.js"),PostUl_js_1=require("./List/PostUl.js"),Paragraph_js_1=require("./Paragraph.js");exports.Post={H1:Header_js_1.PostH1,H2:Header_js_1.PostH2,H3:Header_js_1.PostH3,H4:Header_js_1.PostH4,Paragraph:Paragraph_js_1.PostParagraph,Ol:PostOl_js_1.PostOl,Li:PostLi_js_1.PostLi,Ul:PostUl_js_1.PostUl,Hr:Hr_js_1.PostHr};

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

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

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

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

package/dist/cjs/components/progress-bar/ProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 type Size = 'light' | 'normal' | 'bold';
 export interface ProgressBarProps extends ViewProps {
     /**

package/dist/cjs/components/progress-bar/ProgressBar.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(n,e,i,t){t===void 0&&(t=i);var r=Object.getOwnPropertyDescriptor(e,i);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(n,t,r)}:function(n,e,i,t){t===void 0&&(t=i),n[t]=e[i]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(i){var t=[];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[t.length]=r);return t},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var t=n(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(i,e,t[r]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core");function ProgressBar({progress:n,size:e,color:i=tds_colors_1.colors.blue500,withAnimation:t,style:r,...u}){const o=(0,core_1.useAdaptive)(),a=(0,react_1.useRef)(new react_native_1.Animated.Value(n)).current,c=a.interpolate({inputRange:[0,100],outputRange:["0%","100%"]});return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(a,{toValue:n,duration:t?500:0,easing:react_native_1.Easing.ease,useNativeDriver:!0}).start()},[n]),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{height:heightMap[e],backgroundColor:o.grey100,borderRadius:heightMap[e],overflow:"hidden"},r],role:"progressbar",...u,children:(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{width:"100%",height:heightMap[e],children:(0,jsx_runtime_1.jsx)(AnimatedRect,{fill:i,width:c,height:heightMap[e],rx:heightMap[e]/2,ry:heightMap[e]/2})})})}const heightMap={light:2,normal:5,bold:8},AnimatedRect=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Rect);exports.default=ProgressBar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),a11y_js_1=require("../../utils/a11y.js");function ProgressBar({progress:t,size:e,color:n=tds_colors_1.colors.blue500,withAnimation:i,style:a,...s}){const o=(0,index_js_1.useAdaptive)(),r=(0,react_1.useRef)(new react_native_1.Animated.Value(t)).current,u=r.interpolate({inputRange:[0,100],outputRange:["0%","100%"]});return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(r,{toValue:t,duration:i?500:0,easing:react_native_1.Easing.ease,useNativeDriver:!0}).start()},[t]),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{height:heightMap[e],backgroundColor:o.grey100,borderRadius:heightMap[e],overflow:"hidden"},a],...(0,a11y_js_1.generateA11yRestProps)(s,{role:"progressbar",valueMax:100,valueMin:0,valueNow:t}),children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{width:"100%",height:heightMap[e],children:(0,jsx_runtime_1.jsx)(AnimatedRect,{fill:n,width:u,height:heightMap[e],rx:heightMap[e]/2,ry:heightMap[e]/2})})})}const heightMap={light:2,normal:5,bold:8},AnimatedRect=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Rect);exports.default=ProgressBar;

package/dist/cjs/components/progress-bar/index.d.ts

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

package/dist/cjs/components/progress-bar/index.js

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

package/dist/cjs/components/radio/Radio.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { Control, FieldPathValue, FieldValues, Path, UseControllerProps } from 'react-hook-form';
-import RadioOption, { RadioOptionProps } from './RadioOption';
+import type { Control, FieldPathValue, FieldValues, Path, UseControllerProps } from 'react-hook-form';
+import type { RadioOptionProps } from './RadioOption.js';
+import RadioOption from './RadioOption.js';
 interface RadioProps<Value> {
     /**
      * The value of the radio option that is selected.

package/dist/cjs/components/radio/Radio.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(t,e,o,r){r===void 0&&(r=o);var n=Object.getOwnPropertyDescriptor(e,o);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[o]}}),Object.defineProperty(t,r,n)}:function(t,e,o,r){r===void 0&&(r=o),t[r]=e[o]},__setModuleDefault=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},__importStar=function(){var t=function(e){return t=Object.getOwnPropertyNames||function(o){var r=[];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[r.length]=n);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var o={};if(e!=null)for(var r=t(e),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(o,e,r[n]);return __setModuleDefault(o,e),o}}(),__importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Radio=void 0,exports.RadioInput=RadioInput;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=__importStar(require("react")),react_hook_form_1=require("react-hook-form"),react_native_1=require("react-native"),core_1=require("../../core"),RadioOption_1=__importDefault(require("./RadioOption")),defaultShadowStyle={shadowColor:"#000",shadowOffset:{width:1,height:1},shadowOpacity:.09,shadowRadius:1,elevation:1},DEFAULT_SPRING_CONFIG={stiffness:150,damping:20,mass:1,overshootClamping:!1,restSpeedThreshold:.001,restDisplacementThreshold:.001},TRANSITION_MULTIPLIER=1,Radio=({value:t,children:e,disabled:o=!1,onChange:r,horizontalMargin:n=0})=>{const[i,s]=(0,react_1.useState)(0),u=react_1.default.Children.map(e,a=>a.props),p=u.length,c=i/p,d=u.findIndex(a=>a.value===t),f=(0,react_1.useRef)(!0),l=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,h=react_1.default.useCallback(a=>{r(a)},[r]),_=(0,react_1.useCallback)(a=>{react_native_1.Animated.spring(l,{toValue:a,useNativeDriver:!0,...DEFAULT_SPRING_CONFIG}).start()},[l]);(0,react_1.useEffect)(()=>{if(i===0)return;const a=d*(c*TRANSITION_MULTIPLIER);f.current===!0?(l.setValue(a),f.current=!1):_(a)},[d,c]);const g=(0,core_1.useAdaptive)(),{colorPreference:v}=(0,core_1.useColorPreference)();return(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[styles.defaultSegmentedControlWrapper,{backgroundColor:g.grey100,marginHorizontal:n}],onLayout:a=>{s(a.nativeEvent.layout.width)},accessibilityRole:"radiogroup",children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.movingSegmentStyle,defaultShadowStyle,react_native_1.StyleSheet.absoluteFill,{backgroundColor:v==="light"?tds_colors_1.colors.inverseGrey900:tds_colors_1.colors.inverseGrey300,width:i/u.length-8},{transform:[{translateX:l}]}]}),react_1.default.Children.map(e,a=>react_1.default.cloneElement(a,{checked:a.props.value===t,disabled:a.props.disabled??o,onPress:h}))]})};exports.Radio=Radio;const styles=react_native_1.StyleSheet.create({defaultSegmentedControlWrapper:{position:"relative",display:"flex",flexDirection:"row",alignItems:"center",borderRadius:24,height:48},movingSegmentStyle:{top:0,marginVertical:4,marginHorizontal:4,borderRadius:20}});function RadioInput({controlerProps:t,control:e,name:o,children:r,...n}){const{field:i}=(0,react_hook_form_1.useController)({control:e,name:o,...t});return(0,jsx_runtime_1.jsx)(Radio,{horizontalMargin:n.horizontalMargin,value:i.value,onChange:s=>{i.onChange(s),n.onChange?.(s)},children:r})}Radio.Option=RadioOption_1.default;
+"use strict";var __createBinding=Object.create?function(t,e,o,r){r===void 0&&(r=o);var n=Object.getOwnPropertyDescriptor(e,o);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[o]}}),Object.defineProperty(t,r,n)}:function(t,e,o,r){r===void 0&&(r=o),t[r]=e[o]},__setModuleDefault=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},__importStar=function(){var t=function(e){return t=Object.getOwnPropertyNames||function(o){var r=[];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[r.length]=n);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var o={};if(e!=null)for(var r=t(e),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(o,e,r[n]);return __setModuleDefault(o,e),o}}(),__importDefault=function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Radio=void 0,exports.RadioInput=RadioInput;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),react_1=__importStar(require("react")),react_hook_form_1=require("react-hook-form"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),RadioOption_js_1=__importDefault(require("./RadioOption.js")),defaultShadowStyle={shadowColor:"#000",shadowOffset:{width:1,height:1},shadowOpacity:.09,shadowRadius:1,elevation:1},DEFAULT_SPRING_CONFIG={stiffness:150,damping:20,mass:1,overshootClamping:!1,restSpeedThreshold:.001,restDisplacementThreshold:.001},TRANSITION_MULTIPLIER=1,Radio=({value:t,children:e,disabled:o=!1,onChange:r,horizontalMargin:n=0})=>{const[i,s]=(0,react_1.useState)(0),u=react_1.default.Children.map(e,a=>a.props),p=u.length,c=i/p,d=u.findIndex(a=>a.value===t),f=(0,react_1.useRef)(!0),l=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,h=react_1.default.useCallback(a=>{r(a)},[r]),_=(0,react_1.useCallback)(a=>{react_native_1.Animated.spring(l,{toValue:a,useNativeDriver:!0,...DEFAULT_SPRING_CONFIG}).start()},[l]);(0,react_1.useEffect)(()=>{if(i===0)return;const a=d*(c*TRANSITION_MULTIPLIER);f.current===!0?(l.setValue(a),f.current=!1):_(a)},[d,c]);const g=(0,index_js_1.useAdaptive)(),{colorPreference:v}=(0,index_js_1.useColorPreference)();return(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:[styles.defaultSegmentedControlWrapper,{backgroundColor:g.grey100,marginHorizontal:n}],onLayout:a=>{s(a.nativeEvent.layout.width)},accessibilityRole:"radiogroup",children:[(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.movingSegmentStyle,defaultShadowStyle,react_native_1.StyleSheet.absoluteFill,{backgroundColor:v==="light"?tds_colors_1.colors.inverseGrey900:tds_colors_1.colors.inverseGrey300,width:i/u.length-8},{transform:[{translateX:l}]}]}),react_1.default.Children.map(e,a=>react_1.default.cloneElement(a,{checked:a.props.value===t,disabled:a.props.disabled??o,onPress:h}))]})};exports.Radio=Radio;const styles=react_native_1.StyleSheet.create({defaultSegmentedControlWrapper:{position:"relative",display:"flex",flexDirection:"row",alignItems:"center",borderRadius:24,height:48},movingSegmentStyle:{top:0,marginVertical:4,marginHorizontal:4,borderRadius:20}});function RadioInput({controlerProps:t,control:e,name:o,children:r,...n}){const{field:i}=(0,react_hook_form_1.useController)({control:e,name:o,...t});return(0,jsx_runtime_1.jsx)(Radio,{horizontalMargin:n.horizontalMargin,value:i.value,onChange:s=>{i.onChange(s),n.onChange?.(s)},children:r})}Radio.Option=RadioOption_js_1.default;

package/dist/cjs/components/radio/RadioOption.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),txt_1=require("../txt"),prevent_font_scaling_1=require("../../extensions/prevent-font-scaling"),utils_1=require("@toss/utils"),react_native_1=require("react-native");function RadioOption({children:i,value:r,checked:n=!1,disabled:e,onPress:s}){const t=(0,core_1.useAdaptive)(),o={typography:"t5",fontWeight:"semiBold",color:e?t.grey400:t.grey800},c={typography:"t5",fontWeight:"medium",color:e?t.grey400:t.grey800};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:e?utils_1.noop:()=>s?.(r),style:{flex:1,elevation:9},disabled:e,accessibilityRole:"radio",accessibilityState:{selected:n,disabled:e},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row",alignItems:"center",justifyContent:"center"},children:(0,jsx_runtime_1.jsx)(prevent_font_scaling_1.PreventFontScaling,{limit:135,children:n?(0,jsx_runtime_1.jsx)(txt_1.Txt,{...o,numberOfLines:1,children:i}):(0,jsx_runtime_1.jsx)(txt_1.Txt,{...c,numberOfLines:1,children:i})})})})}exports.default=RadioOption;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../txt/index.js"),index_js_3=require("../../extensions/prevent-font-scaling/index.js"),utils_1=require("@toss/utils"),react_native_1=require("react-native");function RadioOption({children:i,value:s,checked:n=!1,disabled:e,onPress:r}){const t=(0,index_js_1.useAdaptive)(),o={typography:"t5",fontWeight:"semiBold",color:e?t.grey400:t.grey800},c={typography:"t5",fontWeight:"medium",color:e?t.grey400:t.grey800};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:e?utils_1.noop:()=>r?.(s),style:{flex:1,elevation:9},disabled:e,accessibilityRole:"radio",accessibilityState:{selected:n,disabled:e},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row",alignItems:"center",justifyContent:"center"},children:(0,jsx_runtime_1.jsx)(index_js_3.PreventFontScaling,{limit:135,children:n?(0,jsx_runtime_1.jsx)(index_js_2.Txt,{...o,numberOfLines:1,children:i}):(0,jsx_runtime_1.jsx)(index_js_2.Txt,{...c,numberOfLines:1,children:i})})})})}exports.default=RadioOption;

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

@@ -1 +1 @@
-export { Radio, RadioInput } from './Radio';
+export { Radio, RadioInput } from './Radio.js';

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

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

package/dist/cjs/components/rating/EditableRating.d.ts

@@ -1,4 +1,5 @@
-import { View, ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
 type Size = 'medium' | 'large' | 'big';
 export interface EditableRatingProps extends ViewProps {
     /**
@@ -37,6 +38,18 @@ export interface EditableRatingProps extends ViewProps {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * 역할을 나타내요.
+     * @example
+     * <Rating accessibilityLabel="별점 평가" />
+     */
+    accessibilityLabel?: string;
+    /**
+     * 최대 몇점 중 현재 몇점인지 나타내요.
+     * @example
+     * <Rating accessibilityValueText={`${max}점 만점 중 ${value}점`} />
+     */
+    accessibilityValueText?: string | ((max: number, value: number) => string);
 }
 export declare const EditableRating: import("react").ForwardRefExoticComponent<EditableRatingProps & import("react").RefAttributes<View>>;
 export {};

package/dist/cjs/components/rating/EditableRating.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableRating=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),animated_1=require("../../interactions/animated"),generateHapticFeedback_1=require("../../native/generateHapticFeedback"),private_1=require("../icon/private"),useA11yMode_1=require("./useA11yMode"),AnimatedIcon=animated_1.Animated.createAnimatedComponent(private_1.SvgIcon),EditableRatingItem=(0,react_1.forwardRef)(function({size:a,name:g,active:m,disabledColor:i,idleColor:A,activeColor:c,disabled:V,forwardedRef:h,style:v,...d},x){const o=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,u=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,p=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,l=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new animated_1.Animated.Value(m?1:0)).current,y=r.interpolate({inputRange:[0,1],outputRange:[A,c]});(0,react_1.useEffect)(()=>{animated_1.Animated.spring(r,{toValue:m?1:0,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[m,r]);const k=(0,react_1.useCallback)(()=>{o.setValue(1),animated_1.Animated.sequence([animated_1.Animated.spring(o,{toValue:1.1,useNativeDriver:!1,...tds_easings_1.spring.rapid}),animated_1.Animated.spring(o,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick})]).start()},[o]),R=(0,react_1.useCallback)(()=>{o.setValue(1),animated_1.Animated.spring(o,{toValue:.9,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[o]),S=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(r,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start(),animated_1.Animated.spring(l,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()},[r,l]),f=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(l,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start(),animated_1.Animated.spring(r,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[r,l]),b=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(u,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()},[u]),w=(0,react_1.useCallback)(()=>{p.setValue(1),animated_1.Animated.sequence([animated_1.Animated.spring(p,{toValue:1.1,useNativeDriver:!1,...tds_easings_1.spring.rapid}),animated_1.Animated.spring(p,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick})]).start(),animated_1.Animated.sequence([animated_1.Animated.spring(u,{toValue:.5,useNativeDriver:!1,...tds_easings_1.spring.rapid}),animated_1.Animated.spring(u,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick})]).start(),animated_1.Animated.spring(l,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()},[p,u,l]);return(0,react_1.useImperativeHandle)(x,()=>({expandMotion:k,shrinkMotion:R,activeMotion:f,inactiveMotion:S,touchDownMotion:b,touchUpMotion:w}),[f,k,S,R,b,w]),m&&V?(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:h,pointerEvents:"none",style:[{opacity:.3},v],...d,children:(0,jsx_runtime_1.jsx)(AnimatedIcon,{name:g,size:a,color:c})}):V?(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:h,pointerEvents:"none",style:v,...d,children:(0,jsx_runtime_1.jsx)(private_1.SvgIcon,{name:g,size:a,color:i})}):(0,jsx_runtime_1.jsxs)(animated_1.Animated.View,{ref:h,pointerEvents:"none",style:[Position.relative,{transform:[{scale:o}]},v],...d,children:[(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[ZIndex[1],Position.overlap,{opacity:u,width:a,height:a,transform:[{scale:p}]}],children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{height:a,width:a,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.RadialGradient,{id:"grad",cx:"50%",cy:"50%",rx:"50%",ry:"50%",fx:"50%",fy:"50%",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"0%",stopColor:c,stopOpacity:"1"}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"100%",stopColor:c,stopOpacity:"0"})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Circle,{cx:a/2,cy:a/2,r:a/2,fill:"url(#grad)"})]})}),(0,jsx_runtime_1.jsx)(AnimatedIcon,{name:g,size:a,color:y,style:ZIndex[2]}),(0,jsx_runtime_1.jsx)(AnimatedIcon,{name:g,size:a,color:"rgba(0,0,0,0.1)",style:[ZIndex[3],Position.overlap,{opacity:l}]})]})}),GapBySize={medium:8,large:6,big:4},ItemSizeBySize={medium:24,large:32,big:40};exports.EditableRating=(0,react_1.forwardRef)(function({max:M=5,size:a="large",gap:g=GapBySize[a],activeColor:m,value:i,onValueChange:A,disabled:c=!1,style:V,...h},v){const d=(0,useA11yMode_1.useScreenReaderMode)(),x=(0,core_1.useAdaptive)(),o=m??x.yellow400,u=x.greyOpacity200,p=x.greyOpacity100,l="icon-star-mono",r=(0,react_1.useRef)([]),y=(0,react_1.useRef)([]).current,k=ItemSizeBySize[a],R=(0,react_1.useRef)(i);R.current=i;const S=(t,e)=>{const{x:n,width:s}=t.nativeEvent.layout;y[e]={x:n,width:s}},f=(0,react_1.useCallback)(t=>{const{locationX:e}=t.nativeEvent;let n=0;for(let s=0;s<y.length;s++){const{x:j,width:E}=y[s];if(e>=j&&e<=j+E){n=s+1;break}else e>j+E?n=s+1:e<0&&(n=0)}return n},[y]),b=(0,react_1.useCallback)(t=>{const e=f(t);A?.(e),r.current.forEach((n,s)=>{s<e?n.activeMotion():n.inactiveMotion()})},[f,A]),w=(0,react_1.useCallback)(t=>{b(t),(0,generateHapticFeedback_1.generateHapticFeedback)({type:"tickMedium"});const e=f(t);r.current.forEach((n,s)=>{n.shrinkMotion(),s<e&&n.touchDownMotion()})},[f,b]),C=(0,react_1.useCallback)(()=>{r.current.forEach((t,e)=>{t.expandMotion(),e<R.current&&t.touchUpMotion()})},[]),q=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onPanResponderGrant:w,onPanResponderMove:b,onPanResponderRelease:C,onPanResponderTerminate:C})).current,D={accessibilityRole:"text","aria-disabled":c,accessibilityHint:"\uBCC0\uACBD\uD560 \uC218 \uC5C6\uC5B4\uC694"},_={accessibilityRole:"adjustable",accessibilityActions:[{name:"increment",label:"\uBCC4\uC810 \uC62C\uB9AC\uAE30"},{name:"decrement",label:"\uBCC4\uC810 \uB0B4\uB9AC\uAE30"}],onAccessibilityAction:t=>{let e;switch(t.nativeEvent.actionName){case"increment":e=i!==M?i+1:i;break;case"decrement":e=i!==0?i-1:i;break;default:e=i;break}react_native_1.AccessibilityInfo.announceForAccessibility?.(`${e}\uC810\uC774 \uC120\uD0DD\uB418\uC5C8\uC2B5\uB2C8\uB2E4`),A?.(e)}};return(0,react_1.useEffect)(()=>{d&&r.current.forEach((t,e)=>{e<i?(t.activeMotion(),t.touchUpMotion()):t.inactiveMotion()})},[d,i]),(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:v,accessible:!0,accessibilityLabel:`\uBCC4\uC810\uD3C9\uAC00 ${M}\uC810 \uB9CC\uC810 \uC911`,accessibilityValue:{text:`${i}\uC810`},...c?D:_,...c||d?{}:q.panHandlers,style:[Flex.rowCenter,{gap:g},V],testID:"rating",...h,children:Array.from({length:M},(t,e)=>(0,jsx_runtime_1.jsx)(EditableRatingItem,{ref:n=>{n&&(r.current[e]=n)},forwardedRef:v,size:k,onLayout:n=>S(n,e),active:e<i,activeColor:o,idleColor:u,disabledColor:p,disabled:c,name:l},e))})});const Position=react_native_1.StyleSheet.create({relative:{position:"relative"},overlap:{position:"absolute",top:0,left:0}}),ZIndex=react_native_1.StyleSheet.create({1:{zIndex:1},2:{zIndex:2},3:{zIndex:3}}),Flex=react_native_1.StyleSheet.create({rowCenter:{flexDirection:"row",alignItems:"center"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EditableRating=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../../interactions/animated/index.js"),generateHapticFeedback_js_1=require("../../native/generateHapticFeedback.js"),index_js_3=require("../icon/private/index.js"),useA11yMode_js_1=require("./useA11yMode.js"),AnimatedIcon=index_js_2.Animated.createAnimatedComponent(index_js_3.SvgIcon),EditableRatingItem=(0,react_1.forwardRef)(function({size:r,name:v,active:y,disabledColor:i,idleColor:A,activeColor:c,disabled:j,forwardedRef:x,style:p,...h},M){const a=(0,react_1.useRef)(new index_js_2.Animated.Value(1)).current,o=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,f=(0,react_1.useRef)(new index_js_2.Animated.Value(1)).current,l=(0,react_1.useRef)(new index_js_2.Animated.Value(0)).current,d=(0,react_1.useRef)(new index_js_2.Animated.Value(y?1:0)).current,S=d.interpolate({inputRange:[0,1],outputRange:[A,c]});(0,react_1.useEffect)(()=>{index_js_2.Animated.spring(d,{toValue:y?1:0,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[y,d]);const u=(0,react_1.useCallback)(()=>{a.setValue(1),index_js_2.Animated.sequence([index_js_2.Animated.spring(a,{toValue:1.1,useNativeDriver:!1,...tds_easings_1.spring.rapid}),index_js_2.Animated.spring(a,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick})]).start()},[a]),g=(0,react_1.useCallback)(()=>{a.setValue(1),index_js_2.Animated.spring(a,{toValue:.9,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[a]),k=(0,react_1.useCallback)(()=>{index_js_2.Animated.spring(d,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start(),index_js_2.Animated.spring(l,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()},[d,l]),R=(0,react_1.useCallback)(()=>{index_js_2.Animated.spring(l,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start(),index_js_2.Animated.spring(d,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[d,l]),V=(0,react_1.useCallback)(()=>{index_js_2.Animated.spring(o,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()},[o]),m=(0,react_1.useCallback)(()=>{f.setValue(1),index_js_2.Animated.sequence([index_js_2.Animated.spring(f,{toValue:1.1,useNativeDriver:!1,...tds_easings_1.spring.rapid}),index_js_2.Animated.spring(f,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick})]).start(),index_js_2.Animated.sequence([index_js_2.Animated.spring(o,{toValue:.5,useNativeDriver:!1,...tds_easings_1.spring.rapid}),index_js_2.Animated.spring(o,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick})]).start(),index_js_2.Animated.spring(l,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()},[f,o,l]);return(0,react_1.useImperativeHandle)(M,()=>({expandMotion:u,shrinkMotion:g,activeMotion:R,inactiveMotion:k,touchDownMotion:V,touchUpMotion:m}),[R,u,k,g,V,m]),y&&j?(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:x,pointerEvents:"none",style:[{opacity:.3},p],...h,children:(0,jsx_runtime_1.jsx)(AnimatedIcon,{name:v,size:r,color:c})}):j?(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:x,pointerEvents:"none",style:p,...h,children:(0,jsx_runtime_1.jsx)(index_js_3.SvgIcon,{name:v,size:r,color:i})}):(0,jsx_runtime_1.jsxs)(index_js_2.Animated.View,{ref:x,pointerEvents:"none",style:[Position.relative,{transform:[{scale:a}]},p],...h,children:[(0,jsx_runtime_1.jsx)(index_js_2.Animated.View,{style:[ZIndex[1],Position.overlap,{opacity:o,width:r,height:r,transform:[{scale:f}]}],children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{height:r,width:r,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.RadialGradient,{id:"grad",cx:"50%",cy:"50%",rx:"50%",ry:"50%",fx:"50%",fy:"50%",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"0%",stopColor:c,stopOpacity:"1"}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Stop,{offset:"100%",stopColor:c,stopOpacity:"0"})]})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Circle,{cx:r/2,cy:r/2,r:r/2,fill:"url(#grad)"})]})}),(0,jsx_runtime_1.jsx)(AnimatedIcon,{name:v,size:r,color:S,style:ZIndex[2]}),(0,jsx_runtime_1.jsx)(AnimatedIcon,{name:v,size:r,color:"rgba(0,0,0,0.1)",style:[ZIndex[3],Position.overlap,{opacity:l}]})]})}),GapBySize={medium:8,large:6,big:4},ItemSizeBySize={medium:24,large:32,big:40};exports.EditableRating=(0,react_1.forwardRef)(function({max:b=5,size:r="large",gap:v=GapBySize[r],activeColor:y,value:i,onValueChange:A,disabled:c=!1,style:j,accessibilityLabel:x="\uBCC4\uC810\uD3C9\uAC00",accessibilityValueText:p=`${b}\uC810 \uB9CC\uC810 \uC911 ${i}\uC810`,...h},M){const a=(0,useA11yMode_js_1.useScreenReaderMode)(),o=(0,index_js_1.useAdaptive)(),f=y??o.yellow400,l=o.greyOpacity200,d=o.greyOpacity100,S="icon-star-mono",u=(0,react_1.useRef)([]),g=(0,react_1.useRef)([]).current,k=ItemSizeBySize[r],R=(0,react_1.useRef)(i);R.current=i;const V=(t,e)=>{const{x:n,width:s}=t.nativeEvent.layout;g[e]={x:n,width:s}},m=(0,react_1.useCallback)(t=>{const{locationX:e}=t.nativeEvent;let n=0;for(let s=0;s<g.length;s++){const{x:_,width:E}=g[s];if(e>=_&&e<=_+E){n=s+1;break}else e>_+E?n=s+1:e<0&&(n=0)}return n},[g]),w=(0,react_1.useCallback)(t=>{const e=m(t);A?.(e),u.current.forEach((n,s)=>{s<e?n.activeMotion():n.inactiveMotion()})},[m,A]),q=(0,react_1.useCallback)(t=>{w(t),(0,generateHapticFeedback_js_1.generateHapticFeedback)({type:"tickMedium"});const e=m(t);u.current.forEach((n,s)=>{n.shrinkMotion(),s<e&&n.touchDownMotion()})},[m,w]),C=(0,react_1.useCallback)(()=>{u.current.forEach((t,e)=>{t.expandMotion(),e<R.current&&t.touchUpMotion()})},[]),D=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onPanResponderGrant:q,onPanResponderMove:w,onPanResponderRelease:C,onPanResponderTerminate:C})).current,I={accessibilityRole:"text","aria-disabled":c,accessibilityHint:"\uBCC0\uACBD\uD560 \uC218 \uC5C6\uC5B4\uC694"},N={accessibilityRole:"adjustable",accessibilityActions:[{name:"increment",label:"\uBCC4\uC810 \uC62C\uB9AC\uAE30"},{name:"decrement",label:"\uBCC4\uC810 \uB0B4\uB9AC\uAE30"}],onAccessibilityAction:t=>{let e;switch(t.nativeEvent.actionName){case"increment":e=i!==b?i+1:i;break;case"decrement":e=i!==0?i-1:i;break;default:e=i;break}react_native_1.AccessibilityInfo.announceForAccessibility?.(`${e}\uC810\uC774 \uC120\uD0DD\uB418\uC5C8\uC2B5\uB2C8\uB2E4`),A?.(e)}};return(0,react_1.useEffect)(()=>{a&&u.current.forEach((t,e)=>{e<i?(t.activeMotion(),t.touchUpMotion()):t.inactiveMotion()})},[a,i]),(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:M,accessible:!0,accessibilityLabel:x,accessibilityValue:{text:typeof p=="function"?p(b,i):p},...c?I:N,...c||a?{}:D.panHandlers,style:[Flex.rowCenter,{gap:v},j],testID:"rating",...h,children:Array.from({length:b},(t,e)=>(0,jsx_runtime_1.jsx)(EditableRatingItem,{ref:n=>{n&&(u.current[e]=n)},forwardedRef:M,size:k,onLayout:n=>V(n,e),active:e<i,activeColor:f,idleColor:l,disabledColor:d,disabled:c,name:S},e))})});const Position=react_native_1.StyleSheet.create({relative:{position:"relative"},overlap:{position:"absolute",top:0,left:0}}),ZIndex=react_native_1.StyleSheet.create({1:{zIndex:1},2:{zIndex:2},3:{zIndex:3}}),Flex=react_native_1.StyleSheet.create({rowCenter:{flexDirection:"row",alignItems:"center"}});

package/dist/cjs/components/rating/Rating.d.ts

@@ -1,6 +1,6 @@
-import { View } from 'react-native';
-import { type EditableRatingProps } from './EditableRating';
-import { type ReadOnlyRatingProps } from './ReadOnlyRating';
+import type { View } from 'react-native';
+import { type EditableRatingProps } from './EditableRating.js';
+import { type ReadOnlyRatingProps } from './ReadOnlyRating.js';
 export type EditableRating = {
     readonly: false;
 } & EditableRatingProps;

package/dist/cjs/components/rating/Rating.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Rating=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),EditableRating_1=require("./EditableRating"),ReadOnlyRating_1=require("./ReadOnlyRating");exports.Rating=(0,react_1.forwardRef)((e,t)=>{if(e.readonly){const{readonly:n,...r}=e;return(0,jsx_runtime_1.jsx)(ReadOnlyRating_1.ReadOnlyRating,{ref:t,...r})}return(0,jsx_runtime_1.jsx)(EditableRating_1.EditableRating,{ref:t,...e})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Rating=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),EditableRating_js_1=require("./EditableRating.js"),ReadOnlyRating_js_1=require("./ReadOnlyRating.js");exports.Rating=(0,react_1.forwardRef)((e,t)=>{if(e.readonly){const{readonly:n,...r}=e;return(0,jsx_runtime_1.jsx)(ReadOnlyRating_js_1.ReadOnlyRating,{ref:t,...r})}return(0,jsx_runtime_1.jsx)(EditableRating_js_1.EditableRating,{ref:t,...e})});

package/dist/cjs/components/rating/ReadOnlyRating.d.ts

@@ -1,4 +1,5 @@
-import { View, ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
 export interface ProgressIconsProps extends ViewProps {
     max: number;
     name: string;
@@ -43,6 +44,18 @@ export interface ReadOnlyRatingProps extends ViewProps {
      * @default adaptive.yellow400
      */
     activeColor?: string;
+    /**
+     * 역할을 나타내요.
+     * @example
+     * <Rating accessibilityLabel="별점 평가" />
+     */
+    accessibilityLabel?: string;
+    /**
+     * 최대 몇점 중 현재 몇점인지 나타내요.
+     * @example
+     * <Rating accessibilityValueText={`${max}점 만점 중 ${value}점`} />
+     */
+    accessibilityValueText?: string | ((max: number, value: number) => string);
 }
 export declare const ReadOnlyRating: import("react").ForwardRefExoticComponent<ReadOnlyRatingProps & import("react").RefAttributes<View>>;
 export {};

package/dist/cjs/components/rating/ReadOnlyRating.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadOnlyRating=exports.ProgressIcons=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),core_1=require("../../core"),private_1=require("../icon/private"),txt_1=require("../txt"),react_1=require("react"),react_native_1=require("react-native"),ClippedIcon=(0,react_1.forwardRef)(function({name:r,size:e,progress:n,color:o,...t},i){return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{ref:i,width:e,height:e,...t,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:"clip",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{width:e*n,height:e})})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{clipPath:"url(#clip)",children:(0,jsx_runtime_1.jsx)(private_1.SvgIcon,{name:r,size:e,color:o})})]})}),ProgressIcon=(0,react_1.forwardRef)(function({name:r,size:e,progress:n,idleColor:o,activeColor:t,style:i,...l},s){return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:s,style:[{position:"relative"},i],...l,children:[(0,jsx_runtime_1.jsx)(private_1.SvgIcon,{name:r,size:e,color:o}),(0,jsx_runtime_1.jsx)(ClippedIcon,{name:r,size:e,progress:n,color:t,style:{position:"absolute",top:0,left:0}})]})});exports.ProgressIcons=(0,react_1.forwardRef)(function({name:r,size:e,gap:n,max:o,value:t,style:i,idleColor:l,activeColor:s,...a},g){return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:g,style:[{flexDirection:"row",alignItems:"center",gap:n},i],...a,children:Array.from({length:o},(p,h)=>{const c=Math.min(1,Math.max(0,t-h)),y=c<.25?0:c<.75?.5:1;return(0,jsx_runtime_1.jsx)(ProgressIcon,{name:r,size:e,progress:y,idleColor:l,activeColor:s},h)})})});const GapBySize={tiny:0,small:0,medium:0,large:0,big:0},ItemSizeBySize={tiny:16,small:20,medium:24,large:32,big:40},IconAndTextGapBySize={tiny:4,small:4,medium:4,large:4,big:2},TextStyleBySize={tiny:{typography:"t7",fontWeight:txt_1.FontWeight.Medium},small:{typography:"t5",fontWeight:txt_1.FontWeight.Semibold},medium:{typography:"t4",fontWeight:txt_1.FontWeight.Semibold},large:{typography:"t3",fontWeight:txt_1.FontWeight.Bold},big:{typography:"st5",fontWeight:txt_1.FontWeight.Bold}};exports.ReadOnlyRating=(0,react_1.forwardRef)(function({variant:r,size:e="large",gap:n=GapBySize[e],max:o=5,value:t,style:i,activeColor:l,...s},a){const g=ItemSizeBySize[e],p=(0,core_1.useAdaptive)(),h=p.greyOpacity200,c=l??p.yellow400,y="icon-star-mono",x={accessible:!0,accessibilityRole:"text",accessibilityLabel:`\uBCC4\uC810\uD3C9\uAC00 ${o}\uC810 \uB9CC\uC810 \uC911 ${t}\uC810`};if(r==="full")return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:a,style:[{flexDirection:"row",alignItems:"center",gap:IconAndTextGapBySize[e]},i],...x,...s,children:[(0,jsx_runtime_1.jsx)(exports.ProgressIcons,{idleColor:h,activeColor:c,name:y,size:g,gap:n,max:o,value:t}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:TextStyleBySize[e].typography,fontWeight:TextStyleBySize[e].fontWeight,color:p.grey800,children:t})]});if(r==="compact")return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:a,style:[{flexDirection:"row",alignItems:"center",gap:IconAndTextGapBySize[e]},i],...x,...s,children:[(0,jsx_runtime_1.jsx)(private_1.SvgIcon,{name:y,size:g,color:c}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:TextStyleBySize[e].typography,fontWeight:TextStyleBySize[e].fontWeight,color:p.grey800,children:t})]});if(r==="iconOnly")return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:a,style:[{flexDirection:"row",alignItems:"center"},i],...x,...s,children:(0,jsx_runtime_1.jsx)(exports.ProgressIcons,{idleColor:h,activeColor:c,name:y,size:g,gap:n,max:o,value:t})});throw new Error("Unhandled variant")});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadOnlyRating=exports.ProgressIcons=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),index_js_1=require("../../core/index.js"),index_js_2=require("../icon/private/index.js"),index_js_3=require("../txt/index.js"),react_1=require("react"),react_native_1=require("react-native"),ClippedIcon=(0,react_1.forwardRef)(function({name:o,size:e,progress:i,color:r,...t},n){return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{ref:n,width:e,height:e,...t,children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Defs,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:"clip",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Rect,{width:e*i,height:e})})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{clipPath:"url(#clip)",children:(0,jsx_runtime_1.jsx)(index_js_2.SvgIcon,{name:o,size:e,color:r})})]})}),ProgressIcon=(0,react_1.forwardRef)(function({name:o,size:e,progress:i,idleColor:r,activeColor:t,style:n,...l},a){return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:a,style:[{position:"relative"},n],...l,children:[(0,jsx_runtime_1.jsx)(index_js_2.SvgIcon,{name:o,size:e,color:r}),(0,jsx_runtime_1.jsx)(ClippedIcon,{name:o,size:e,progress:i,color:t,style:{position:"absolute",top:0,left:0}})]})});exports.ProgressIcons=(0,react_1.forwardRef)(function({name:o,size:e,gap:i,max:r,value:t,style:n,idleColor:l,activeColor:a,...g},p){return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:p,style:[{flexDirection:"row",alignItems:"center",gap:i},n],...g,children:Array.from({length:r},(d,c)=>{const s=Math.min(1,Math.max(0,t-c)),h=s<.25?0:s<.75?.5:1;return(0,jsx_runtime_1.jsx)(ProgressIcon,{name:o,size:e,progress:h,idleColor:l,activeColor:a},c)})})});const GapBySize={tiny:0,small:0,medium:0,large:0,big:0},ItemSizeBySize={tiny:16,small:20,medium:24,large:32,big:40},IconAndTextGapBySize={tiny:4,small:4,medium:4,large:4,big:2},TextStyleBySize={tiny:{typography:"t7",fontWeight:index_js_3.FontWeight.Medium},small:{typography:"t5",fontWeight:index_js_3.FontWeight.Semibold},medium:{typography:"t4",fontWeight:index_js_3.FontWeight.Semibold},large:{typography:"t3",fontWeight:index_js_3.FontWeight.Bold},big:{typography:"st5",fontWeight:index_js_3.FontWeight.Bold}};exports.ReadOnlyRating=(0,react_1.forwardRef)(function({variant:o,size:e="large",gap:i=GapBySize[e],max:r=5,value:t,style:n,activeColor:l,accessibilityLabel:a="\uBCC4\uC810\uD3C9\uAC00",accessibilityValueText:g=`${r}\uC810 \uB9CC\uC810 \uC911 ${t}\uC810`,...p},d){const c=ItemSizeBySize[e],s=(0,index_js_1.useAdaptive)(),h=s.greyOpacity200,x=l??s.yellow400,f="icon-star-mono",m={accessible:!0,accessibilityRole:"text",accessibilityLabel:a,accessibilityValue:{text:typeof g=="function"?g(r,t):g}};if(o==="full")return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:d,style:[{flexDirection:"row",alignItems:"center",gap:IconAndTextGapBySize[e]},n],...m,...p,children:[(0,jsx_runtime_1.jsx)(exports.ProgressIcons,{idleColor:h,activeColor:x,name:f,size:c,gap:i,max:r,value:t}),(0,jsx_runtime_1.jsx)(index_js_3.Txt,{typography:TextStyleBySize[e].typography,fontWeight:TextStyleBySize[e].fontWeight,color:s.grey800,children:t})]});if(o==="compact")return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:d,style:[{flexDirection:"row",alignItems:"center",gap:IconAndTextGapBySize[e]},n],...m,...p,children:[(0,jsx_runtime_1.jsx)(index_js_2.SvgIcon,{name:f,size:c,color:x}),(0,jsx_runtime_1.jsx)(index_js_3.Txt,{typography:TextStyleBySize[e].typography,fontWeight:TextStyleBySize[e].fontWeight,color:s.grey800,children:t})]});if(o==="iconOnly")return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:d,style:[{flexDirection:"row",alignItems:"center"},n],...m,...p,children:(0,jsx_runtime_1.jsx)(exports.ProgressIcons,{idleColor:h,activeColor:x,name:f,size:c,gap:i,max:r,value:t})});throw new Error("Unhandled variant")});

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

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

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

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

package/dist/cjs/components/result/Result.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { ResultButton } from './ResultButton';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { ResultButton } from './ResultButton.js';
 export interface ResultProps {
     /**
      * `Result` 컴포넌트의 `title` 위에 표시할 시각적 요소로, 주로 아이콘이나 이미지를 나타내요. `Asset` 컴포넌트를 사용해서 다양한 시각적 콘텐츠를 표현할 수 있어요.