@toss/tds-react-native 1.3.4 → 1.3.6

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,22 +1,22 @@
-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';
+import { PostHr } from './Hr';
+import { PostLi } from './List/PostLi';
+import { PostOl } from './List/PostOl';
+import { PostUl } from './List/PostUl';
+import { PostParagraph } from './Paragraph';
 export declare const Post: {
-    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>>>;
+    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>>>;
     Paragraph: typeof PostParagraph;
     Ol: typeof PostOl;
     Li: typeof PostLi;
     Ul: typeof PostUl;
     Hr: typeof PostHr;
 };
-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';
+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';

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

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

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

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

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.js"),exports);
+"use strict";var __createBinding=this&&this.__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=this&&this.__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);

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

@@ -1 +1 @@
-"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;
+"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"),core_1=require("../../core"),a11y_1=require("../../utils/a11y");function ProgressBar({progress:t,size:e,color:n=tds_colors_1.colors.blue500,withAnimation:a,style:i,...o}){const s=(0,core_1.useAdaptive)(),r=(0,react_1.useRef)(new react_native_1.Animated.Value(t)).current,c=r.interpolate({inputRange:[0,100],outputRange:["0%","100%"]});return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(r,{toValue:t,duration:a?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:s.grey100,borderRadius:heightMap[e],overflow:"hidden"},i],...(0,a11y_1.generateA11yRestProps)(o,{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: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;

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

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

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_js_1=require("./ProgressBar.js");Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return __importDefault(ProgressBar_js_1).default}});
+"use strict";var __importDefault=this&&this.__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}});

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Control, FieldPathValue, FieldValues, Path, UseControllerProps } from 'react-hook-form';
-import type { RadioOptionProps } from './RadioOption.js';
-import RadioOption from './RadioOption.js';
+import type { RadioOptionProps } from './RadioOption';
+import RadioOption from './RadioOption';
 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"),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;
+"use strict";var __createBinding=this&&this.__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=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),__importStar=this&&this.__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=this&&this.__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;

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

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

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

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

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"),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"}});
+"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:r,name:v,active:y,disabledColor:i,idleColor:A,activeColor:c,disabled:M,forwardedRef:h,style:p,...R},k){const a=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,o=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,f=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,l=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,u=(0,react_1.useRef)(new animated_1.Animated.Value(y?1:0)).current,w=u.interpolate({inputRange:[0,1],outputRange:[A,c]});(0,react_1.useEffect)(()=>{animated_1.Animated.spring(u,{toValue:y?1:0,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[y,u]);const d=(0,react_1.useCallback)(()=>{a.setValue(1),animated_1.Animated.sequence([animated_1.Animated.spring(a,{toValue:1.1,useNativeDriver:!1,...tds_easings_1.spring.rapid}),animated_1.Animated.spring(a,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick})]).start()},[a]),g=(0,react_1.useCallback)(()=>{a.setValue(1),animated_1.Animated.spring(a,{toValue:.9,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[a]),V=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(u,{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()},[u,l]),x=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(l,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start(),animated_1.Animated.spring(u,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.rapid}).start()},[u,l]),S=(0,react_1.useCallback)(()=>{animated_1.Animated.spring(o,{toValue:0,useNativeDriver:!1,...tds_easings_1.spring.quick}).start()},[o]),m=(0,react_1.useCallback)(()=>{f.setValue(1),animated_1.Animated.sequence([animated_1.Animated.spring(f,{toValue:1.1,useNativeDriver:!1,...tds_easings_1.spring.rapid}),animated_1.Animated.spring(f,{toValue:1,useNativeDriver:!1,...tds_easings_1.spring.quick})]).start(),animated_1.Animated.sequence([animated_1.Animated.spring(o,{toValue:.5,useNativeDriver:!1,...tds_easings_1.spring.rapid}),animated_1.Animated.spring(o,{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()},[f,o,l]);return(0,react_1.useImperativeHandle)(k,()=>({expandMotion:d,shrinkMotion:g,activeMotion:x,inactiveMotion:V,touchDownMotion:S,touchUpMotion:m}),[x,d,V,g,S,m]),y&&M?(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:h,pointerEvents:"none",style:[{opacity:.3},p],...R,children:(0,jsx_runtime_1.jsx)(AnimatedIcon,{name:v,size:r,color:c})}):M?(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:h,pointerEvents:"none",style:p,...R,children:(0,jsx_runtime_1.jsx)(private_1.SvgIcon,{name:v,size:r,color:i})}):(0,jsx_runtime_1.jsxs)(animated_1.Animated.View,{ref:h,pointerEvents:"none",style:[Position.relative,{transform:[{scale:a}]},p],...R,children:[(0,jsx_runtime_1.jsx)(animated_1.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:w,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:M,accessibilityLabel:h="\uBCC4\uC810\uD3C9\uAC00",accessibilityValueText:p=`${b}\uC810 \uB9CC\uC810 \uC911 ${i}\uC810`,...R},k){const a=(0,useA11yMode_1.useScreenReaderMode)(),o=(0,core_1.useAdaptive)(),f=y??o.yellow400,l=o.greyOpacity200,u=o.greyOpacity100,w="icon-star-mono",d=(0,react_1.useRef)([]),g=(0,react_1.useRef)([]).current,V=ItemSizeBySize[r],x=(0,react_1.useRef)(i);x.current=i;const S=(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:C,width:q}=g[s];if(e>=C&&e<=C+q){n=s+1;break}else e>C+q?n=s+1:e<0&&(n=0)}return n},[g]),j=(0,react_1.useCallback)(t=>{const e=m(t);A?.(e),d.current.forEach((n,s)=>{s<e?n.activeMotion():n.inactiveMotion()})},[m,A]),D=(0,react_1.useCallback)(t=>{j(t),(0,generateHapticFeedback_1.generateHapticFeedback)({type:"tickMedium"});const e=m(t);d.current.forEach((n,s)=>{n.shrinkMotion(),s<e&&n.touchDownMotion()})},[m,j]),E=(0,react_1.useCallback)(()=>{d.current.forEach((t,e)=>{t.expandMotion(),e<x.current&&t.touchUpMotion()})},[]),_=(0,react_1.useRef)(react_native_1.PanResponder.create({onStartShouldSetPanResponder:()=>!0,onPanResponderGrant:D,onPanResponderMove:j,onPanResponderRelease:E,onPanResponderTerminate:E})).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&&d.current.forEach((t,e)=>{e<i?(t.activeMotion(),t.touchUpMotion()):t.inactiveMotion()})},[a,i]),(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:k,accessible:!0,accessibilityLabel:h,accessibilityValue:{text:typeof p=="function"?p(b,i):p},...c?I:N,...c||a?{}:_.panHandlers,style:[Flex.rowCenter,{gap:v},M],testID:"rating",...R,children:Array.from({length:b},(t,e)=>(0,jsx_runtime_1.jsx)(EditableRatingItem,{ref:n=>{n&&(d.current[e]=n)},forwardedRef:k,size:V,onLayout:n=>S(n,e),active:e<i,activeColor:f,idleColor:l,disabledColor:u,disabled:c,name:w},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 type { View } from 'react-native';
-import { type EditableRatingProps } from './EditableRating.js';
-import { type ReadOnlyRatingProps } from './ReadOnlyRating.js';
+import { type EditableRatingProps } from './EditableRating';
+import { type ReadOnlyRatingProps } from './ReadOnlyRating';
 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_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})});
+"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})});

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"),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")});
+"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:i,color:o,...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)(private_1.SvgIcon,{name:r,size:e,color:o})})]})}),ProgressIcon=(0,react_1.forwardRef)(function({name:r,size:e,progress:i,idleColor:o,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)(private_1.SvgIcon,{name:r,size:e,color:o}),(0,jsx_runtime_1.jsx)(ClippedIcon,{name:r,size:e,progress:i,color:t,style:{position:"absolute",top:0,left:0}})]})});exports.ProgressIcons=(0,react_1.forwardRef)(function({name:r,size:e,gap:i,max:o,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:o},(h,c)=>{const s=Math.min(1,Math.max(0,t-c)),y=s<.25?0:s<.75?.5:1;return(0,jsx_runtime_1.jsx)(ProgressIcon,{name:r,size:e,progress:y,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: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:i=GapBySize[e],max:o=5,value:t,style:n,activeColor:l,accessibilityLabel:a="\uBCC4\uC810\uD3C9\uAC00",accessibilityValueText:g=`${o}\uC810 \uB9CC\uC810 \uC911 ${t}\uC810`,...p},h){const c=ItemSizeBySize[e],s=(0,core_1.useAdaptive)(),y=s.greyOpacity200,f=l??s.yellow400,x="icon-star-mono",m={accessible:!0,accessibilityRole:"text",accessibilityLabel:a,accessibilityValue:{text:typeof g=="function"?g(o,t):g}};if(r==="full")return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:h,style:[{flexDirection:"row",alignItems:"center",gap:IconAndTextGapBySize[e]},n],...m,...p,children:[(0,jsx_runtime_1.jsx)(exports.ProgressIcons,{idleColor:y,activeColor:f,name:x,size:c,gap:i,max:o,value:t}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:TextStyleBySize[e].typography,fontWeight:TextStyleBySize[e].fontWeight,color:s.grey800,children:t})]});if(r==="compact")return(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:h,style:[{flexDirection:"row",alignItems:"center",gap:IconAndTextGapBySize[e]},n],...m,...p,children:[(0,jsx_runtime_1.jsx)(private_1.SvgIcon,{name:x,size:c,color:f}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:TextStyleBySize[e].typography,fontWeight:TextStyleBySize[e].fontWeight,color:s.grey800,children:t})]});if(r==="iconOnly")return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:h,style:[{flexDirection:"row",alignItems:"center"},n],...m,...p,children:(0,jsx_runtime_1.jsx)(exports.ProgressIcons,{idleColor:y,activeColor:f,name:x,size:c,gap:i,max:o,value:t})});throw new Error("Unhandled variant")});

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

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

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

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

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

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

package/dist/cjs/components/result/Result.js

@@ -1 +1 @@
-"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"),react_native_1=require("react-native"),ResultButton_js_1=require("./ResultButton.js");function Result({figure:e,title:r,description:i,button:t,style:s}){const n=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.container,s],children:[e!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.figure,children:e}):null,(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t5",color:n.grey800,fontWeight:"medium",style:styles.title,children:r}),(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t6",color:n.grey600,fontWeight:"medium",style:styles.description,children:i}),t!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.buttonContainer,children:t}):null]})}Result.Button=ResultButton_js_1.ResultButton,exports.default=Result;const styles=react_native_1.StyleSheet.create({container:{flex:1,justifyContent:"center",alignItems:"center"},figure:{marginBottom:12},title:{marginBottom:5,textAlign:"center"},description:{textAlign:"center"},buttonContainer:{marginTop:16}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),txt_1=require("../txt"),react_native_1=require("react-native"),ResultButton_1=require("./ResultButton");function Result({figure:t,title:r,description:i,button:e,style:o}){const n=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.container,o],children:[t!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.figure,children:t}):null,(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t5",color:n.grey800,fontWeight:"medium",style:styles.title,children:r}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",color:n.grey600,fontWeight:"medium",style:styles.description,children:i}),e!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.buttonContainer,children:e}):null]})}Result.Button=ResultButton_1.ResultButton,exports.default=Result;const styles=react_native_1.StyleSheet.create({container:{flex:1,justifyContent:"center",alignItems:"center"},figure:{marginBottom:12},title:{marginBottom:5,textAlign:"center"},description:{textAlign:"center"},buttonContainer:{marginTop:16}});

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

@@ -1,3 +1,3 @@
-import type { ButtonProps } from '../button/index.js';
+import type { ButtonProps } from '../button';
 export type ResultButtonProps = ButtonProps;
 export declare function ResultButton({ children, size, ...restProps }: ResultButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/result/ResultButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResultButton=ResultButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../button/index.js");function ResultButton({children:e,size:t="medium",...u}){return(0,jsx_runtime_1.jsx)(index_js_1.Button,{...u,size:t,children:e})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResultButton=ResultButton;const jsx_runtime_1=require("react/jsx-runtime"),button_1=require("../button");function ResultButton({children:t,size:e="medium",...u}){return(0,jsx_runtime_1.jsx)(button_1.Button,{...u,size:e,children:t})}

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

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

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

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

package/dist/cjs/components/search-field/SearchField.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}:function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]},__setModuleDefault=Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e},__importStar=function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}}();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("../text-field/index.js"),react_1=__importStar(require("react")),SearchField=(0,react_1.forwardRef)(function({placeholder:e,style:n,hasClearButton:t=!1,defaultValue:r,value:a,onChange:u,keyboardType:f,maxLength:d,autoFocus:_,editable:x,...p},o){let s=null;const[j,v]=react_1.default.useState(r||a),l=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.OldTextField,{ref:c=>{s=c,typeof o=="function"&&o(c)},style:n,defaultValue:r,value:a,onChange:c=>{u?.(c),v(c.nativeEvent.text)},keyboardType:f,maxLength:d,autoFocus:_,editable:x,placeholder:e,size:"classic",inputAccessoryViewID:"",leftItem:(0,jsx_runtime_1.jsx)(index_js_2.OldTextFieldItem.Icon,{name:"icon-search-mono",size:18,color:l.grey600},0),rightItem:t&&(j??"").length>0?(0,jsx_runtime_1.jsx)(index_js_2.OldTextFieldItem.Icon,{name:"icon-x-circle-mono",color:l.grey400,size:18,onPress:()=>{s?.clear(),u?.({nativeEvent:{text:""}})}}):null,...p})});exports.default=SearchField;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}:function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e}),__importStar=this&&this.__importStar||function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),text_field_1=require("../text-field"),react_1=__importStar(require("react")),SearchField=(0,react_1.forwardRef)(function({placeholder:e,style:n,hasClearButton:t=!1,defaultValue:r,value:a,onChange:u,keyboardType:f,maxLength:d,autoFocus:_,editable:p,...x},o){let l=null;const[v,h]=react_1.default.useState(r||a),s=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(text_field_1.OldTextField,{ref:c=>{l=c,typeof o=="function"&&o(c)},style:n,defaultValue:r,value:a,onChange:c=>{u?.(c),h(c.nativeEvent.text)},keyboardType:f,maxLength:d,autoFocus:_,editable:p,placeholder:e,size:"classic",inputAccessoryViewID:"",leftItem:(0,jsx_runtime_1.jsx)(text_field_1.OldTextFieldItem.Icon,{name:"icon-search-mono",size:18,color:s.grey600},0),rightItem:t&&(v??"").length>0?(0,jsx_runtime_1.jsx)(text_field_1.OldTextFieldItem.Icon,{name:"icon-x-circle-mono",color:s.grey400,size:18,onPress:()=>{l?.clear(),u?.({nativeEvent:{text:""}})}}):null,...x})});exports.default=SearchField;

package/dist/cjs/components/search-field/index.d.ts

@@ -1 +1 @@
-export { default as SearchField } from './SearchField.js';
+export { default as SearchField } from './SearchField';

package/dist/cjs/components/search-field/index.js

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