@toss/tds-react-native 1.2.1 → 1.3.1

package/CHANGELOG.md

@@ -0,0 +1,5 @@
+## 1.2.2
+
+### Top
+
+Top 컴포넌트의 여백 처리를 스펙에 맞게 재조정합니다.

package/dist/cjs/components/agreement/AgreementButton.d.ts

@@ -1,6 +1,6 @@
-import { CheckboxProps } from '../checkbox';
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { CheckboxProps } from '../checkbox/index.js';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 interface AgreementButtonProps extends Pick<CheckboxProps, 'checked' | 'defaultChecked' | 'onCheckedChange'> {
     children?: ReactNode;
     style?: StyleProp<ViewStyle>;

package/dist/cjs/components/agreement/AgreementButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AgreementButton=AgreementButton;const jsx_runtime_1=require("react/jsx-runtime"),checkbox_1=require("../checkbox"),core_1=require("../../core"),txt_1=require("../txt"),utils_1=require("../../utils"),react_1=require("react"),react_native_1=require("react-native"),const_1=require("./const");function AgreementButton({children:c,style:o,checked:i,defaultChecked:a=!1,onCheckedChange:t}){const e=(0,core_1.useAdaptive)(),[l,r]=(0,react_1.useState)(!1),[u,s]=(0,utils_1.useControlled)({controlledValue:i,defaultValue:a}),d=(0,react_1.useCallback)(n=>{t?.(n),s(n)},[t,s]);return(0,jsx_runtime_1.jsx)(checkbox_1.Checkbox.Line,{checked:u,size:24,style:[{backgroundColor:l?e.opacity200:e.grey100,...styles.pressableContainer},o],onCheckedChange:d,onPressIn:()=>r(!0),onPressOut:()=>r(!1),children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"st8",fontWeight:"semiBold",color:e.grey800,style:styles.txt,children:c})})}const styles=react_native_1.StyleSheet.create({pressableContainer:{borderRadius:16,paddingLeft:const_1.PADDING_LEFT,paddingRight:const_1.PADDING_RIGHT,paddingVertical:16,marginHorizontal:20,marginVertical:10},txt:{marginLeft:8}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AgreementButton=AgreementButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../checkbox/index.js"),index_js_2=require("../../core/index.js"),index_js_3=require("../txt/index.js"),index_js_4=require("../../utils/index.js"),react_1=require("react"),react_native_1=require("react-native"),const_js_1=require("./const.js");function AgreementButton({children:i,style:o,checked:c,defaultChecked:a=!1,onCheckedChange:t}){const e=(0,index_js_2.useAdaptive)(),[d,s]=(0,react_1.useState)(!1),[l,r]=(0,index_js_4.useControlled)({controlledValue:c,defaultValue:a}),u=(0,react_1.useCallback)(n=>{t?.(n),r(n)},[t,r]);return(0,jsx_runtime_1.jsx)(index_js_1.Checkbox.Line,{checked:l,size:24,style:[{backgroundColor:d?e.opacity200:e.grey100,...styles.pressableContainer},o],onCheckedChange:u,onPressIn:()=>s(!0),onPressOut:()=>s(!1),children:(0,jsx_runtime_1.jsx)(index_js_3.Txt,{typography:"st8",fontWeight:"semiBold",color:e.grey800,style:styles.txt,children:i})})}const styles=react_native_1.StyleSheet.create({pressableContainer:{borderRadius:16,paddingLeft:const_js_1.PADDING_LEFT,paddingRight:const_js_1.PADDING_RIGHT,paddingVertical:16,marginHorizontal:20,marginVertical:10},txt:{marginLeft:8}});

package/dist/cjs/components/agreement/AgreementDescription.d.ts

@@ -1,5 +1,5 @@
-import { TxtProps } from '../txt';
-import { Indent } from './types';
+import type { TxtProps } from '../txt/index.js';
+import type { Indent } from './types.js';
 interface AgreementDescriptionProps extends Pick<TxtProps, 'children' | 'style'> {
     indent: Indent;
 }

package/dist/cjs/components/agreement/AgreementDescription.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AgreementDescription=AgreementDescription;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),txt_1=require("../txt"),react_native_1=require("react-native"),const_1=require("./const");function AgreementDescription({children:e,indent:t,style:r,...n}){const i=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t7",color:i.grey500,style:[{paddingLeft:const_1.PADDING_LEFT+const_1.INDENT_WIDTH*t},styles.txt,r],...n,children:e})}const styles=react_native_1.StyleSheet.create({txt:{paddingRight:const_1.PADDING_RIGHT,paddingVertical:6}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AgreementDescription=AgreementDescription;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"),const_js_1=require("./const.js");function AgreementDescription({children:e,indent:t,style:r,...n}){const s=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_2.Txt,{typography:"t7",color:s.grey500,style:[{paddingLeft:const_js_1.PADDING_LEFT+const_js_1.INDENT_WIDTH*t},styles.txt,r],...n,children:e})}const styles=react_native_1.StyleSheet.create({txt:{paddingRight:const_js_1.PADDING_RIGHT,paddingVertical:6}});

package/dist/cjs/components/agreement/AgreementField.d.ts

@@ -1,7 +1,8 @@
-import { CheckboxProps } from '../checkbox';
-import { ComponentProps, ReactNode } from 'react';
-import { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import BaseAgreementField, { BaseAgreementFieldProps } from './BaseAgreementField';
+import type { CheckboxProps } from '../checkbox/index.js';
+import type { ComponentProps, ReactNode } from 'react';
+import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import type { BaseAgreementFieldProps } from './BaseAgreementField.js';
+import BaseAgreementField from './BaseAgreementField.js';
 type AgreementFieldType = 'big-bold' | 'medium-bold' | 'medium-regular';
 interface AgreementFieldProps extends Pick<BaseAgreementFieldProps, 'indent' | 'withBorder'> {
     children?: ReactNode;
@@ -20,7 +21,7 @@ interface AgreementFieldProps extends Pick<BaseAgreementFieldProps, 'indent' | '
 }
 declare function AgreementField({ children, type, addonText, arrow, indent, withBorder, style, onPress, onActionPress, }: AgreementFieldProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AgreementField {
-    var AddonText: ({ color, style, ...props }: Omit<import("../txt").TxtProps, "typography">) => import("react/jsx-runtime").JSX.Element;
+    var AddonText: ({ color, style, ...props }: Omit<import("../txt/Txt.js").TxtProps, "typography">) => import("react/jsx-runtime").JSX.Element;
     var Arrow: ({ color, type, open, style, }: {
         color?: string | undefined;
         style?: StyleProp<ViewStyle>;

package/dist/cjs/components/agreement/AgreementField.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.contentTextPropsMap=exports.marginTopMap=void 0,exports.CheckboxAgreementField=CheckboxAgreementField,exports.AgreementField=AgreementField;const jsx_runtime_1=require("react/jsx-runtime"),checkbox_1=require("../checkbox"),pressable_effect_1=require("../../interactions/pressable-effect"),utils_1=require("../../utils"),react_1=require("react"),react_native_1=require("react-native"),BaseAgreementField_1=__importDefault(require("./BaseAgreementField"));function AgreementField({children:e,type:s,addonText:o,arrow:t,indent:r,withBorder:a,style:x,onPress:i,onActionPress:l}){const c=exports.contentTextPropsMap[s],d=(0,react_1.useCallback)(u=>{i?.(u),l?.(u)},[i,l]);return(0,jsx_runtime_1.jsx)(pressable_effect_1.PressableEffect,{underlay:(0,jsx_runtime_1.jsx)(pressable_effect_1.PressableEffect.Underlay,{style:touchEffectUnderlayStyleMap[s]}),style:[{flex:1},x],onPress:i!=null||l!=null?d:void 0,children:(0,jsx_runtime_1.jsx)(BaseAgreementField_1.default,{content:(0,jsx_runtime_1.jsx)(BaseAgreementField_1.default.ContentText,{...c,style:styles.contentText,children:e}),indent:r,withBorder:a,right:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{marginTop:exports.marginTopMap[s]},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.rightContainer,children:[o!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.addonTextContainer,{marginRight:t==null?8:4}],children:o}):null,t]})})})})}function CheckboxAgreementField({children:e,checked:s,defaultChecked:o=!1,type:t,addonText:r,arrow:a,indent:x,withBorder:i,style:l,onCheckedChange:c,onPress:d,onActionPress:u}){const b=exports.contentTextPropsMap[t],[g,h]=(0,utils_1.useControlled)({controlledValue:s,defaultValue:o}),f=(0,react_1.useCallback)(n=>{c?.(n),h(n)},[c,h]),{opacityAnim:j,scaleAnim:y,startPressInAnim:m,startPressOutAnim:p}=(0,pressable_effect_1.usePressAnim)({pressIn:{scale:.96,opacity:1},pressOut:{scale:1,opacity:0}});return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{flex:1},l],children:(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:{transform:[{scale:y}]},children:[(0,jsx_runtime_1.jsx)(pressable_effect_1.PressableEffect.Underlay,{style:[touchEffectUnderlayStyleMap[t],{opacity:j}]}),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:n=>{d?.(n),f(!g)},onPressIn:m,onPressOut:p,children:(0,jsx_runtime_1.jsx)(BaseAgreementField_1.default,{left:(0,jsx_runtime_1.jsx)(checkbox_1.Checkbox.Line,{size:24,checked:g,onPress:n=>{d?.(n),f(!g)},onPressIn:m,onPressOut:p,style:{marginTop:exports.marginTopMap[t],marginRight:8,alignItems:"flex-start"}}),content:(0,jsx_runtime_1.jsx)(BaseAgreementField_1.default.ContentText,{...b,style:styles.contentText,children:e}),indent:x,withBorder:i,right:a!=null?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:{paddingLeft:16,paddingRight:16},onPress:n=>{u?.(n)},onPressIn:m,onPressOut:p,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{marginTop:exports.marginTopMap[t]},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.rightContainer,children:[r!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.addonTextContainer,{marginRight:4}],children:r}):null,a]})})}):(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{marginTop:exports.marginTopMap[t]},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.rightContainer,children:r!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.addonTextContainer,{marginRight:8}],children:r}):null})})})})]})})}exports.marginTopMap={"big-bold":18,"medium-bold":6,"medium-regular":6},exports.contentTextPropsMap={"big-bold":{size:"big",fontWeight:"bold"},"medium-bold":{size:"medium",fontWeight:"bold"},"medium-regular":{size:"medium",fontWeight:"regular"}};const touchEffectUnderlayStyleMap={"big-bold":{borderRadius:12,marginVertical:4,marginHorizontal:6},"medium-bold":{borderRadius:8,marginVertical:0,marginHorizontal:6},"medium-regular":{borderRadius:8,marginVertical:0,marginHorizontal:6}},styles=react_native_1.StyleSheet.create({contentText:{flex:1},rightContainer:{flexDirection:"row",alignItems:"center"},addonTextContainer:{marginLeft:8}});AgreementField.AddonText=BaseAgreementField_1.default.AddonText,AgreementField.Arrow=BaseAgreementField_1.default.Arrow;
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.contentTextPropsMap=exports.marginTopMap=void 0,exports.CheckboxAgreementField=CheckboxAgreementField,exports.AgreementField=AgreementField;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../checkbox/index.js"),index_js_2=require("../../interactions/pressable-effect/index.js"),index_js_3=require("../../utils/index.js"),react_1=require("react"),react_native_1=require("react-native"),BaseAgreementField_js_1=__importDefault(require("./BaseAgreementField.js"));function AgreementField({children:e,type:s,addonText:o,arrow:t,indent:r,withBorder:a,style:x,onPress:i,onActionPress:l}){const c=exports.contentTextPropsMap[s],d=(0,react_1.useCallback)(u=>{i?.(u),l?.(u)},[i,l]);return(0,jsx_runtime_1.jsx)(index_js_2.PressableEffect,{underlay:(0,jsx_runtime_1.jsx)(index_js_2.PressableEffect.Underlay,{style:touchEffectUnderlayStyleMap[s]}),style:[{flex:1},x],onPress:i!=null||l!=null?d:void 0,children:(0,jsx_runtime_1.jsx)(BaseAgreementField_js_1.default,{content:(0,jsx_runtime_1.jsx)(BaseAgreementField_js_1.default.ContentText,{...c,style:styles.contentText,children:e}),indent:r,withBorder:a,right:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{marginTop:exports.marginTopMap[s]},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.rightContainer,children:[o!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.addonTextContainer,{marginRight:t==null?8:4}],children:o}):null,t]})})})})}function CheckboxAgreementField({children:e,checked:s,defaultChecked:o=!1,type:t,addonText:r,arrow:a,indent:x,withBorder:i,style:l,onCheckedChange:c,onPress:d,onActionPress:u}){const j=exports.contentTextPropsMap[t],[g,h]=(0,index_js_3.useControlled)({controlledValue:s,defaultValue:o}),f=(0,react_1.useCallback)(n=>{c?.(n),h(n)},[c,h]),{opacityAnim:b,scaleAnim:y,startPressInAnim:m,startPressOutAnim:p}=(0,index_js_2.usePressAnim)({pressIn:{scale:.96,opacity:1},pressOut:{scale:1,opacity:0}});return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{flex:1},l],children:(0,jsx_runtime_1.jsxs)(react_native_1.Animated.View,{style:{transform:[{scale:y}]},children:[(0,jsx_runtime_1.jsx)(index_js_2.PressableEffect.Underlay,{style:[touchEffectUnderlayStyleMap[t],{opacity:b}]}),(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:n=>{d?.(n),f(!g)},onPressIn:m,onPressOut:p,children:(0,jsx_runtime_1.jsx)(BaseAgreementField_js_1.default,{left:(0,jsx_runtime_1.jsx)(index_js_1.Checkbox.Line,{size:24,checked:g,onPress:n=>{d?.(n),f(!g)},onPressIn:m,onPressOut:p,style:{marginTop:exports.marginTopMap[t],marginRight:8,alignItems:"flex-start"}}),content:(0,jsx_runtime_1.jsx)(BaseAgreementField_js_1.default.ContentText,{...j,style:styles.contentText,children:e}),indent:x,withBorder:i,right:a!=null?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:{paddingLeft:16,paddingRight:16},onPress:n=>{u?.(n)},onPressIn:m,onPressOut:p,children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{marginTop:exports.marginTopMap[t]},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.rightContainer,children:[r!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.addonTextContainer,{marginRight:4}],children:r}):null,a]})})}):(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{marginTop:exports.marginTopMap[t]},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.rightContainer,children:r!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.addonTextContainer,{marginRight:8}],children:r}):null})})})})]})})}exports.marginTopMap={"big-bold":18,"medium-bold":6,"medium-regular":6},exports.contentTextPropsMap={"big-bold":{size:"big",fontWeight:"bold"},"medium-bold":{size:"medium",fontWeight:"bold"},"medium-regular":{size:"medium",fontWeight:"regular"}};const touchEffectUnderlayStyleMap={"big-bold":{borderRadius:12,marginVertical:4,marginHorizontal:6},"medium-bold":{borderRadius:8,marginVertical:0,marginHorizontal:6},"medium-regular":{borderRadius:8,marginVertical:0,marginHorizontal:6}},styles=react_native_1.StyleSheet.create({contentText:{flex:1},rightContainer:{flexDirection:"row",alignItems:"center"},addonTextContainer:{marginLeft:8}});AgreementField.AddonText=BaseAgreementField_js_1.default.AddonText,AgreementField.Arrow=BaseAgreementField_js_1.default.Arrow;

package/dist/cjs/components/agreement/AgreementGroup.d.ts

@@ -1,6 +1,6 @@
-import { ViewProps } from 'react-native';
-import { CheckboxAgreementFieldProps } from './AgreementField';
-import { Indent } from './types';
+import type { ViewProps } from 'react-native';
+import type { CheckboxAgreementFieldProps } from './AgreementField.js';
+import type { Indent } from './types.js';
 type AgreementGroupProps = ViewProps & {
     indent: Indent;
 };

package/dist/cjs/components/agreement/AgreementGroup.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AgreementGroup=AgreementGroup,exports.AgreementGroupItem=AgreementGroupItem;const jsx_runtime_1=require("react/jsx-runtime"),checkbox_1=require("../checkbox"),utils_1=require("../../utils"),react_1=require("react"),react_native_1=require("react-native"),AgreementField_1=require("./AgreementField"),BaseAgreementField_1=__importDefault(require("./BaseAgreementField")),const_1=require("./const");function AgreementGroup({style:e,indent:r,...n}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingLeft:const_1.PADDING_LEFT+const_1.INDENT_WIDTH*r,marginHorizontal:-ITEM_GAP},styles.groupContainer,e],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.group],...n})})}function AgreementGroupItem({children:e,type:r,style:n,checked:c,defaultChecked:a=!1,onCheckedChange:s,onPress:u,onActionPress:l}){const d=AgreementField_1.contentTextPropsMap[r],[o,i]=(0,utils_1.useControlled)({controlledValue:c,defaultValue:a}),p=(0,react_1.useCallback)(t=>{s?.(t),i(t)},[s,i]);return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:[styles.groupItem,n],onPress:t=>{u?.(t),l?.(t),p(!o)},children:(0,jsx_runtime_1.jsx)(BaseAgreementField_1.default,{left:(0,jsx_runtime_1.jsx)(checkbox_1.Checkbox.Line,{size:24,checked:o,style:{marginTop:AgreementField_1.marginTopMap[r],marginRight:8,alignItems:"flex-start"}}),content:(0,jsx_runtime_1.jsx)(BaseAgreementField_1.default.ContentText,{...d,children:e}),withBorder:!1,indent:0,style:{paddingLeft:ITEM_GAP,paddingRight:ITEM_GAP}})})}const ITEM_GAP=12,styles=react_native_1.StyleSheet.create({groupContainer:{paddingRight:const_1.PADDING_RIGHT},group:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around"},groupItem:{minWidth:"33.3%",flexGrow:1}});
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AgreementGroup=AgreementGroup,exports.AgreementGroupItem=AgreementGroupItem;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../checkbox/index.js"),index_js_2=require("../../utils/index.js"),react_1=require("react"),react_native_1=require("react-native"),AgreementField_js_1=require("./AgreementField.js"),BaseAgreementField_js_1=__importDefault(require("./BaseAgreementField.js")),const_js_1=require("./const.js");function AgreementGroup({style:e,indent:r,...n}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingLeft:const_js_1.PADDING_LEFT+const_js_1.INDENT_WIDTH*r,marginHorizontal:-ITEM_GAP},styles.groupContainer,e],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.group],...n})})}function AgreementGroupItem({children:e,type:r,style:n,checked:c,defaultChecked:a=!1,onCheckedChange:s,onPress:u,onActionPress:l}){const d=AgreementField_js_1.contentTextPropsMap[r],[i,o]=(0,index_js_2.useControlled)({controlledValue:c,defaultValue:a}),p=(0,react_1.useCallback)(t=>{s?.(t),o(t)},[s,o]);return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:[styles.groupItem,n],onPress:t=>{u?.(t),l?.(t),p(!i)},children:(0,jsx_runtime_1.jsx)(BaseAgreementField_js_1.default,{left:(0,jsx_runtime_1.jsx)(index_js_1.Checkbox.Line,{size:24,checked:i,style:{marginTop:AgreementField_js_1.marginTopMap[r],marginRight:8,alignItems:"flex-start"}}),content:(0,jsx_runtime_1.jsx)(BaseAgreementField_js_1.default.ContentText,{...d,children:e}),withBorder:!1,indent:0,style:{paddingLeft:ITEM_GAP,paddingRight:ITEM_GAP}})})}const ITEM_GAP=12,styles=react_native_1.StyleSheet.create({groupContainer:{paddingRight:const_js_1.PADDING_RIGHT},group:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around"},groupItem:{minWidth:"33.3%",flexGrow:1}});

package/dist/cjs/components/agreement/BaseAgreementField.d.ts

@@ -1,8 +1,8 @@
-import { Icon } from '../icon';
-import { TxtProps } from '../txt';
-import { ComponentProps, ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { Indent } from './types';
+import { Icon } from '../icon/index.js';
+import type { TxtProps } from '../txt/index.js';
+import type { ComponentProps, ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { Indent } from './types.js';
 export interface BaseAgreementFieldProps {
     left?: ReactNode;
     content: ReactNode;

package/dist/cjs/components/agreement/BaseAgreementField.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),border_1=require("../border"),icon_1=require("../icon"),txt_1=require("../txt"),react_1=require("react"),react_native_1=require("react-native"),const_1=require("./const"),useAnimatedRotateValue_1=require("./useAnimatedRotateValue");function BaseAgreementField({left:e,content:t,right:r,indent:n,withBorder:o,style:s}){return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{paddingLeft:const_1.PADDING_LEFT+const_1.INDENT_WIDTH*n},styles.container,s],children:[e,t,r]}),o?(0,jsx_runtime_1.jsx)(border_1.Border,{type:"padding24",style:styles.border}):null]})}function BaseAgreementFieldContentText({size:e,color:t,style:r,...n}){const o=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:typographyMap[e],color:t??o.grey700,style:[{paddingVertical:paddingMap[e]},r],...n})}const typographyMap={big:"t4",medium:"t6"},paddingMap={big:16,medium:6};function BaseAgreementFieldAddonText({color:e,style:t,...r}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t7",color:e,style:t,...r})}class ClassIcon extends react_1.Component{render(){return(0,jsx_runtime_1.jsx)(icon_1.Icon,{...this.props})}}const AnimatedIcon=react_native_1.Animated.createAnimatedComponent(ClassIcon);function BaseAgreementFieldArrow({color:e,type:t="link",open:r=!1,style:n}){const o=(0,core_1.useAdaptive)(),s=(0,react_1.useCallback)(()=>t==="collapsible"?r?-90:90:0,[r,t]),{rotate:a,startAnimation:i}=(0,useAnimatedRotateValue_1.useAnimatedRotateValue)(s(),{min:-90,max:90});return(0,react_1.useEffect)(()=>{i(s()).start()},[s,i]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:n,children:(0,jsx_runtime_1.jsx)(AnimatedIcon,{name:"icon-arrow-right-mono",color:e??o.grey400,style:{transform:[{rotate:a}]}})})}const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",paddingRight:const_1.PADDING_RIGHT},content:{flex:1},border:{marginBottom:16}});exports.default=BaseAgreementField,BaseAgreementField.ContentText=BaseAgreementFieldContentText,BaseAgreementField.Arrow=BaseAgreementFieldArrow,BaseAgreementField.AddonText=BaseAgreementFieldAddonText;
+"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("../border/index.js"),index_js_3=require("../icon/index.js"),index_js_4=require("../txt/index.js"),react_1=require("react"),react_native_1=require("react-native"),const_js_1=require("./const.js"),useAnimatedRotateValue_js_1=require("./useAnimatedRotateValue.js");function BaseAgreementField({left:e,content:t,right:n,indent:r,withBorder:s,style:o}){return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{paddingLeft:const_js_1.PADDING_LEFT+const_js_1.INDENT_WIDTH*r},styles.container,o],children:[e,t,n]}),s?(0,jsx_runtime_1.jsx)(index_js_2.Border,{type:"padding24",style:styles.border}):null]})}function BaseAgreementFieldContentText({size:e,color:t,style:n,...r}){const s=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(index_js_4.Txt,{typography:typographyMap[e],color:t??s.grey700,style:[{paddingVertical:paddingMap[e]},n],...r})}const typographyMap={big:"t4",medium:"t6"},paddingMap={big:16,medium:6};function BaseAgreementFieldAddonText({color:e,style:t,...n}){return(0,jsx_runtime_1.jsx)(index_js_4.Txt,{typography:"t7",color:e,style:t,...n})}class ClassIcon extends react_1.Component{render(){return(0,jsx_runtime_1.jsx)(index_js_3.Icon,{...this.props})}}const AnimatedIcon=react_native_1.Animated.createAnimatedComponent(ClassIcon);function BaseAgreementFieldArrow({color:e,type:t="link",open:n=!1,style:r}){const s=(0,index_js_1.useAdaptive)(),o=(0,react_1.useCallback)(()=>t==="collapsible"?n?-90:90:0,[n,t]),{rotate:a,startAnimation:i}=(0,useAnimatedRotateValue_js_1.useAnimatedRotateValue)(o(),{min:-90,max:90});return(0,react_1.useEffect)(()=>{i(o()).start()},[o,i]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:r,children:(0,jsx_runtime_1.jsx)(AnimatedIcon,{name:"icon-arrow-right-mono",color:e??s.grey400,style:{transform:[{rotate:a}]}})})}const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",paddingRight:const_js_1.PADDING_RIGHT},content:{flex:1},border:{marginBottom:16}});exports.default=BaseAgreementField,BaseAgreementField.ContentText=BaseAgreementFieldContentText,BaseAgreementField.Arrow=BaseAgreementFieldArrow,BaseAgreementField.AddonText=BaseAgreementFieldAddonText;

package/dist/cjs/components/agreement/Collapsible/AgreementCollapsibleTrigger.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export declare function AgreementCollapsibleTrigger({ children }: {
     children: ReactElement;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/agreement/Collapsible/AgreementCollapsibleTrigger.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AgreementCollapsibleTrigger=AgreementCollapsibleTrigger;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),react_1=require("react"),BaseAgreementField_1=__importDefault(require("../BaseAgreementField")),useAnimatedRotateValue_1=require("../useAnimatedRotateValue"),CollapsibleContext_1=require("./CollapsibleContext"),CollapsibleTrigger_1=require("./CollapsibleTrigger");function AgreementCollapsibleTrigger({children:e}){const{open:r,onTrigger:i}=(0,react_1.useContext)(CollapsibleContext_1.CollapsibleContext),n=(0,core_1.useAdaptive)(),t=(0,react_1.useMemo)(()=>()=>r?90:0,[r]),{rotate:a,startAnimation:s}=(0,useAnimatedRotateValue_1.useAnimatedRotateValue)(t(),{min:0,max:90});(0,react_1.useEffect)(()=>{s(t()).start()},[t,s]);const l={arrow:(0,jsx_runtime_1.jsx)(BaseAgreementField_1.default.Arrow,{color:r?n.grey600:void 0,style:{transform:[{rotate:a}]}}),onActionPress:o=>{e.props.onActionPress?.(o),i()},onPress:o=>{e.props.onPress?.(o)}};return(0,jsx_runtime_1.jsx)(CollapsibleTrigger_1.CollapsibleTrigger,{overrideProps:l,children:e})}
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AgreementCollapsibleTrigger=AgreementCollapsibleTrigger;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../core/index.js"),react_1=require("react"),BaseAgreementField_js_1=__importDefault(require("../BaseAgreementField.js")),useAnimatedRotateValue_js_1=require("../useAnimatedRotateValue.js"),CollapsibleContext_js_1=require("./CollapsibleContext.js"),CollapsibleTrigger_js_1=require("./CollapsibleTrigger.js");function AgreementCollapsibleTrigger({children:e}){const{open:t,onTrigger:i}=(0,react_1.useContext)(CollapsibleContext_js_1.CollapsibleContext),n=(0,index_js_1.useAdaptive)(),r=(0,react_1.useMemo)(()=>()=>t?90:0,[t]),{rotate:a,startAnimation:o}=(0,useAnimatedRotateValue_js_1.useAnimatedRotateValue)(r(),{min:0,max:90});(0,react_1.useEffect)(()=>{o(r()).start()},[r,o]);const l={arrow:(0,jsx_runtime_1.jsx)(BaseAgreementField_js_1.default.Arrow,{color:t?n.grey600:void 0,style:{transform:[{rotate:a}]}}),onActionPress:s=>{e.props.onActionPress?.(s),i()},onPress:s=>{e.props.onPress?.(s)}};return(0,jsx_runtime_1.jsx)(CollapsibleTrigger_js_1.CollapsibleTrigger,{overrideProps:l,children:e})}

package/dist/cjs/components/agreement/Collapsible/Collapsible.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapsible=void 0;const jsx_runtime_1=require("react/jsx-runtime"),utils_1=require("../../../utils"),react_1=require("react"),CollapsibleContext_1=require("./CollapsibleContext");exports.Collapsible=(0,react_1.forwardRef)(function({children:s,open:o,defaultOpen:i=!1,onOpenChange:l},u){const[e,t]=(0,utils_1.useControlled)({controlledValue:o,defaultValue:i}),r=(0,react_1.useCallback)(()=>{l?.(!e),t(!e)},[e,l]);return(0,react_1.useImperativeHandle)(u,()=>({isOpen:e,toggle:r,close:()=>{l?.(!1),t(!1)},open:()=>{l?.(!0),t(!0)}}),[l,e]),(0,jsx_runtime_1.jsx)(CollapsibleContext_1.CollapsibleContext.Provider,{value:{open:e,onTrigger:r},children:s})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapsible=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../../utils/index.js"),react_1=require("react"),CollapsibleContext_js_1=require("./CollapsibleContext.js");exports.Collapsible=(0,react_1.forwardRef)(function({children:r,open:o,defaultOpen:i=!1,onOpenChange:l},u){const[e,t]=(0,index_js_1.useControlled)({controlledValue:o,defaultValue:i}),s=(0,react_1.useCallback)(()=>{l?.(!e),t(!e)},[e,l]);return(0,react_1.useImperativeHandle)(u,()=>({isOpen:e,toggle:s,close:()=>{l?.(!1),t(!1)},open:()=>{l?.(!0),t(!0)}}),[l,e]),(0,jsx_runtime_1.jsx)(CollapsibleContext_js_1.CollapsibleContext.Provider,{value:{open:e,onTrigger:s},children:r})});

package/dist/cjs/components/agreement/Collapsible/CollapsibleContent.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { PropsWithChildren } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 export declare function CollapsibleContent({ children, style, }: PropsWithChildren<{
     style?: StyleProp<ViewStyle>;
 }>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/agreement/Collapsible/CollapsibleContent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleContent=CollapsibleContent;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),CollapsibleContext_1=require("./CollapsibleContext"),INITIAL_HEIGHT=0;function CollapsibleContent({children:i,style:r}){const{open:n}=(0,react_1.useContext)(CollapsibleContext_1.CollapsibleContext),s=(0,react_1.useRef)(INITIAL_HEIGHT),e=(0,react_1.useRef)(new react_native_1.Animated.Value(INITIAL_HEIGHT)).current,t=(0,react_1.useCallback)(()=>{react_native_1.Animated.spring(e,{toValue:n?s.current:INITIAL_HEIGHT,...tds_easings_1.spring.quick,useNativeDriver:!1}).start()},[e,n]);return(0,react_1.useEffect)(()=>{t()},[t]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.outerContainer,{height:e},r],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.innerContainer,onLayout:o=>{s.current=o.nativeEvent.layout.height,t()},children:i})})}const styles=react_native_1.StyleSheet.create({outerContainer:{overflow:"hidden"},innerContainer:{position:"absolute",top:0,left:0,width:"100%"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleContent=CollapsibleContent;const jsx_runtime_1=require("react/jsx-runtime"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),CollapsibleContext_js_1=require("./CollapsibleContext.js"),INITIAL_HEIGHT=0;function CollapsibleContent({children:i,style:r}){const{open:n}=(0,react_1.useContext)(CollapsibleContext_js_1.CollapsibleContext),s=(0,react_1.useRef)(INITIAL_HEIGHT),e=(0,react_1.useRef)(new react_native_1.Animated.Value(INITIAL_HEIGHT)).current,t=(0,react_1.useCallback)(()=>{react_native_1.Animated.spring(e,{toValue:n?s.current:INITIAL_HEIGHT,...tds_easings_1.spring.quick,useNativeDriver:!1}).start()},[e,n]);return(0,react_1.useEffect)(()=>{t()},[t]),(0,jsx_runtime_1.jsx)(react_native_1.Animated.View,{style:[styles.outerContainer,{height:e},r],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.innerContainer,onLayout:o=>{s.current=o.nativeEvent.layout.height,t()},children:i})})}const styles=react_native_1.StyleSheet.create({outerContainer:{overflow:"hidden"},innerContainer:{position:"absolute",top:0,left:0,width:"100%"}});

package/dist/cjs/components/agreement/Collapsible/CollapsibleTrigger.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 export declare function CollapsibleTrigger<T>({ children, overrideProps }: PropsWithChildren<{
     overrideProps: T;
 }>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/agreement/Collapsible/CollapsibleTrigger.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleTrigger=CollapsibleTrigger;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),CollapsibleContext_1=require("./CollapsibleContext");function CollapsibleTrigger({children:e,overrideProps:r}){const{onTrigger:t}=(0,react_1.useContext)(CollapsibleContext_1.CollapsibleContext);return(0,react_1.isValidElement)(e)?(0,react_1.cloneElement)(e,{...e.props,onPress:o=>{e.props.onPress?.(o),t?.()},...r}):(console.error("ReactElement expected as children of CollapsibleTrigger"),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:e}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleTrigger=CollapsibleTrigger;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),CollapsibleContext_js_1=require("./CollapsibleContext.js");function CollapsibleTrigger({children:e,overrideProps:r}){const{onTrigger:t}=(0,react_1.useContext)(CollapsibleContext_js_1.CollapsibleContext);return(0,react_1.isValidElement)(e)?(0,react_1.cloneElement)(e,{...e.props,onPress:s=>{e.props.onPress?.(s),t?.()},...r}):(console.error("ReactElement expected as children of CollapsibleTrigger"),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:e}))}

package/dist/cjs/components/agreement/Collapsible/index.d.ts

@@ -1,5 +1,5 @@
-export { Collapsible } from './Collapsible';
-export type { CollapsibleRef, CollapsibleProps } from './Collapsible';
-export { AgreementCollapsibleTrigger } from './AgreementCollapsibleTrigger';
-export { CollapsibleContent } from './CollapsibleContent';
-export { CollapsibleTrigger } from './CollapsibleTrigger';
+export { Collapsible } from './Collapsible.js';
+export type { CollapsibleRef, CollapsibleProps } from './Collapsible.js';
+export { AgreementCollapsibleTrigger } from './AgreementCollapsibleTrigger.js';
+export { CollapsibleContent } from './CollapsibleContent.js';
+export { CollapsibleTrigger } from './CollapsibleTrigger.js';

package/dist/cjs/components/agreement/Collapsible/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleTrigger=exports.CollapsibleContent=exports.AgreementCollapsibleTrigger=exports.Collapsible=void 0;var Collapsible_1=require("./Collapsible");Object.defineProperty(exports,"Collapsible",{enumerable:!0,get:function(){return Collapsible_1.Collapsible}});var AgreementCollapsibleTrigger_1=require("./AgreementCollapsibleTrigger");Object.defineProperty(exports,"AgreementCollapsibleTrigger",{enumerable:!0,get:function(){return AgreementCollapsibleTrigger_1.AgreementCollapsibleTrigger}});var CollapsibleContent_1=require("./CollapsibleContent");Object.defineProperty(exports,"CollapsibleContent",{enumerable:!0,get:function(){return CollapsibleContent_1.CollapsibleContent}});var CollapsibleTrigger_1=require("./CollapsibleTrigger");Object.defineProperty(exports,"CollapsibleTrigger",{enumerable:!0,get:function(){return CollapsibleTrigger_1.CollapsibleTrigger}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleTrigger=exports.CollapsibleContent=exports.AgreementCollapsibleTrigger=exports.Collapsible=void 0;var Collapsible_js_1=require("./Collapsible.js");Object.defineProperty(exports,"Collapsible",{enumerable:!0,get:function(){return Collapsible_js_1.Collapsible}});var AgreementCollapsibleTrigger_js_1=require("./AgreementCollapsibleTrigger.js");Object.defineProperty(exports,"AgreementCollapsibleTrigger",{enumerable:!0,get:function(){return AgreementCollapsibleTrigger_js_1.AgreementCollapsibleTrigger}});var CollapsibleContent_js_1=require("./CollapsibleContent.js");Object.defineProperty(exports,"CollapsibleContent",{enumerable:!0,get:function(){return CollapsibleContent_js_1.CollapsibleContent}});var CollapsibleTrigger_js_1=require("./CollapsibleTrigger.js");Object.defineProperty(exports,"CollapsibleTrigger",{enumerable:!0,get:function(){return CollapsibleTrigger_js_1.CollapsibleTrigger}});

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

@@ -1,10 +1,10 @@
-import { AgreementButton } from './AgreementButton';
-import { AgreementDescription } from './AgreementDescription';
-import { AgreementField, CheckboxAgreementField } from './AgreementField';
-import { AgreementGroup, AgreementGroupItem } from './AgreementGroup';
-import { default as BaseAgreementField } from './BaseAgreementField';
-import { AgreementCollapsibleTrigger, CollapsibleContent } from './Collapsible';
-export type { CollapsibleRef } from './Collapsible';
+import { AgreementButton } from './AgreementButton.js';
+import { AgreementDescription } from './AgreementDescription.js';
+import { AgreementField, CheckboxAgreementField } from './AgreementField.js';
+import { AgreementGroup, AgreementGroupItem } from './AgreementGroup.js';
+import { default as BaseAgreementField } from './BaseAgreementField.js';
+import { AgreementCollapsibleTrigger, CollapsibleContent } from './Collapsible/index.js';
+export type { CollapsibleRef } from './Collapsible/index.js';
 export declare const Agreement: {
     BaseField: typeof BaseAgreementField;
     Field: typeof AgreementField;
@@ -17,10 +17,10 @@ export declare const Agreement: {
         open?: boolean;
         type?: "link" | "collapsible";
     }) => import("react/jsx-runtime").JSX.Element;
-    AddonText: ({ color, style, ...props }: Omit<import("../txt").TxtProps, "typography">) => import("react/jsx-runtime").JSX.Element;
-    Collapsible: import("react").ForwardRefExoticComponent<import("./Collapsible").CollapsibleProps & {
+    AddonText: ({ color, style, ...props }: Omit<import("../txt/Txt.js").TxtProps, "typography">) => import("react/jsx-runtime").JSX.Element;
+    Collapsible: import("react").ForwardRefExoticComponent<import("./Collapsible/Collapsible.js").CollapsibleProps & {
         children?: import("react").ReactNode | undefined;
-    } & import("react").RefAttributes<import("./Collapsible").CollapsibleRef>>;
+    } & import("react").RefAttributes<import("./Collapsible/Collapsible.js").CollapsibleRef>>;
     CollapsibleTrigger: typeof AgreementCollapsibleTrigger;
     CollapsibleContent: typeof CollapsibleContent;
     Group: typeof AgreementGroup;

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

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Agreement=void 0;const AgreementButton_1=require("./AgreementButton"),AgreementDescription_1=require("./AgreementDescription"),AgreementField_1=require("./AgreementField"),AgreementGroup_1=require("./AgreementGroup"),BaseAgreementField_1=__importDefault(require("./BaseAgreementField")),Collapsible_1=require("./Collapsible");exports.Agreement={BaseField:BaseAgreementField_1.default,Field:AgreementField_1.AgreementField,CheckboxField:AgreementField_1.CheckboxAgreementField,Description:AgreementDescription_1.AgreementDescription,Button:AgreementButton_1.AgreementButton,Arrow:AgreementField_1.AgreementField.Arrow,AddonText:AgreementField_1.AgreementField.AddonText,Collapsible:Collapsible_1.Collapsible,CollapsibleTrigger:Collapsible_1.AgreementCollapsibleTrigger,CollapsibleContent:Collapsible_1.CollapsibleContent,Group:AgreementGroup_1.AgreementGroup,GroupItem:AgreementGroup_1.AgreementGroupItem};
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Agreement=void 0;const AgreementButton_js_1=require("./AgreementButton.js"),AgreementDescription_js_1=require("./AgreementDescription.js"),AgreementField_js_1=require("./AgreementField.js"),AgreementGroup_js_1=require("./AgreementGroup.js"),BaseAgreementField_js_1=__importDefault(require("./BaseAgreementField.js")),index_js_1=require("./Collapsible/index.js");exports.Agreement={BaseField:BaseAgreementField_js_1.default,Field:AgreementField_js_1.AgreementField,CheckboxField:AgreementField_js_1.CheckboxAgreementField,Description:AgreementDescription_js_1.AgreementDescription,Button:AgreementButton_js_1.AgreementButton,Arrow:AgreementField_js_1.AgreementField.Arrow,AddonText:AgreementField_js_1.AgreementField.AddonText,Collapsible:index_js_1.Collapsible,CollapsibleTrigger:index_js_1.AgreementCollapsibleTrigger,CollapsibleContent:index_js_1.CollapsibleContent,Group:AgreementGroup_js_1.AgreementGroup,GroupItem:AgreementGroup_js_1.AgreementGroupItem};

package/dist/cjs/components/amount-top/AmountTop.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { PressableProps } from 'react-native';
+import type { ReactNode } from 'react';
+import type { PressableProps } from 'react-native';
 export interface AmountTopProps {
     topPadding?: 0 | 64 | 80;
     bottomPadding?: 0 | 16 | 24;

package/dist/cjs/components/amount-top/AmountTop.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),utils_1=require("../../utils"),txt_1=require("../txt");function AmountTop({topPadding:i=64,bottomPadding:e=0,horizontalPadding:r=24,subTitle:n,title:t,button:s}){const c=(0,core_1.useAdaptive)(),o=s!=null?(0,react_1.cloneElement)(s,{size:"medium"}):null;return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{paddingTop:i,paddingBottom:e,paddingHorizontal:r},children:[typeof n=="string"?(0,jsx_runtime_1.jsx)(AmountTop.SubTitle,{children:n}):n,(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"row",alignItems:"flex-end"},children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1,marginTop:7},accessibilityRole:"header",accessible:!0,children:(0,utils_1.isReactText)(t)?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t1",fontWeight:"semiBold",color:c.grey900,children:t}):t}),o!=null&&(0,jsx_runtime_1.jsx)(react_native_1.View,{children:o})]})]})}AmountTop.SubTitle=function(e){const r=(0,core_1.useAdaptive)(),n=e.underline??e.onPress!==void 0,t=(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"st11",color:r.grey800,style:n?{textDecorationLine:"underline"}:void 0,children:e.children});return e.onPress!==void 0?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:e.onPress,children:t}):t},exports.default=AmountTop;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../../utils/index.js"),index_js_3=require("../txt/index.js");function AmountTop({topPadding:r=64,bottomPadding:e=0,horizontalPadding:i=24,subTitle:t,title:n,button:s}){const o=(0,index_js_1.useAdaptive)(),d=s!=null?(0,react_1.cloneElement)(s,{size:"medium"}):null;return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{paddingTop:r,paddingBottom:e,paddingHorizontal:i},children:[typeof t=="string"?(0,jsx_runtime_1.jsx)(AmountTop.SubTitle,{children:t}):t,(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"row",alignItems:"flex-end"},children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1,marginTop:7},accessibilityRole:"header",accessible:!0,children:(0,index_js_2.isReactText)(n)?(0,jsx_runtime_1.jsx)(index_js_3.Txt,{typography:"t1",fontWeight:"semiBold",color:o.grey900,children:n}):n}),d!=null&&(0,jsx_runtime_1.jsx)(react_native_1.View,{children:d})]})]})}AmountTop.SubTitle=function(e){const i=(0,index_js_1.useAdaptive)(),t=e.underline??e.onPress!==void 0,n=(0,jsx_runtime_1.jsx)(index_js_3.Txt,{typography:"st11",color:i.grey800,style:t?{textDecorationLine:"underline"}:void 0,children:e.children});return e.onPress!==void 0?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:e.onPress,children:n}):n},exports.default=AmountTop;

package/dist/cjs/components/amount-top/index.d.ts

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

package/dist/cjs/components/amount-top/index.js

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

package/dist/cjs/components/asset/Asset.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { AssetUnion, LegacyFrameShape } from './types';
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { AssetUnion, LegacyFrameShape } from './types.js';
 export interface AssetProps {
     resource: ReactElement;
     frame: LegacyFrameShape;

package/dist/cjs/components/asset/Asset.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Asset=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),AssetContext_1=require("./blocks/AssetContext"),Asset=({resource:s,frame:e,union:t,style:r})=>{const o=(0,react_1.useMemo)(()=>({width:e.width,height:e.height,borderRadius:e.radius,backgroundColor:e.color}),[e]),i=(0,react_1.useMemo)(()=>t?.type==="overlap"?{shadowColor:t.color,shadowOffset:{width:e?.overlap?.x??0,height:e?.overlap?.y??0},shadowOpacity:1,shadowRadius:e?.overlap?.blur??0}:{},[e,t]);return(0,jsx_runtime_1.jsx)(AssetContext_1.AssetContext.Provider,{value:{shape:e},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.frameContainer,i,r],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[o,styles.frame],children:s})})})};exports.Asset=Asset;const styles=react_native_1.StyleSheet.create({frameContainer:{},frame:{overflow:"hidden",justifyContent:"center"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Asset=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),AssetContext_js_1=require("./blocks/AssetContext.js"),Asset=({resource:s,frame:e,union:t,style:r})=>{const o=(0,react_1.useMemo)(()=>({width:e.width,height:e.height,borderRadius:e.radius,backgroundColor:e.color}),[e]),i=(0,react_1.useMemo)(()=>t?.type==="overlap"?{shadowColor:t.color,shadowOffset:{width:e?.overlap?.x??0,height:e?.overlap?.y??0},shadowOpacity:1,shadowRadius:e?.overlap?.blur??0}:{},[e,t]);return(0,jsx_runtime_1.jsx)(AssetContext_js_1.AssetContext.Provider,{value:{shape:e},children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.frameContainer,i,r],children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[o,styles.frame],children:s})})})};exports.Asset=Asset;const styles=react_native_1.StyleSheet.create({frameContainer:{},frame:{overflow:"hidden",justifyContent:"center"}});

package/dist/cjs/components/asset/Icon.d.ts

@@ -1,6 +1,6 @@
-import { ComponentProps } from 'react';
-import { ContentIcon } from './blocks/ContentIcon';
-import { AssetCommonType } from './types';
+import type { ComponentProps } from 'react';
+import { ContentIcon } from './blocks/ContentIcon.js';
+import type { AssetCommonType } from './types.js';
 type Props = AssetCommonType & ComponentProps<typeof ContentIcon>;
 export declare function Icon({ frameShape, backgroundColor, style, overlap, acc, accPosition, ...iconProps }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/asset/Icon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=Icon;const jsx_runtime_1=require("react/jsx-runtime"),ContentIcon_1=require("./blocks/ContentIcon"),Frame_1=require("./blocks/Frame");function Icon({frameShape:e={},backgroundColor:t="transparent",style:n,overlap:o,acc:r,accPosition:c,...s}){return(0,jsx_runtime_1.jsx)(Frame_1.Frame,{shape:e,backgroundColor:t,style:n,overlap:o,acc:r,accPosition:c,content:(0,jsx_runtime_1.jsx)(ContentIcon_1.ContentIcon,{...s})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Icon=Icon;const jsx_runtime_1=require("react/jsx-runtime"),ContentIcon_js_1=require("./blocks/ContentIcon.js"),Frame_js_1=require("./blocks/Frame.js");function Icon({frameShape:e={},backgroundColor:t="transparent",style:n,overlap:o,acc:r,accPosition:s,...c}){return(0,jsx_runtime_1.jsx)(Frame_js_1.Frame,{shape:e,backgroundColor:t,style:n,overlap:o,acc:r,accPosition:s,content:(0,jsx_runtime_1.jsx)(ContentIcon_js_1.ContentIcon,{...c})})}

package/dist/cjs/components/asset/Image.d.ts

@@ -1,6 +1,6 @@
-import { ComponentProps } from 'react';
-import { ContentImage } from './blocks/ContentImage';
-import { AssetCommonType } from './types';
+import type { ComponentProps } from 'react';
+import { ContentImage } from './blocks/ContentImage.js';
+import type { AssetCommonType } from './types.js';
 type Props = AssetCommonType & ComponentProps<typeof ContentImage>;
 export declare function Image({ frameShape, backgroundColor, style, overlap, acc, accPosition, ...imageProps }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/asset/Image.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Image=Image;const jsx_runtime_1=require("react/jsx-runtime"),ContentImage_1=require("./blocks/ContentImage"),Frame_1=require("./blocks/Frame");function Image({frameShape:e={},backgroundColor:t="transparent",style:r,overlap:n,acc:o,accPosition:s,...a}){return(0,jsx_runtime_1.jsx)(Frame_1.Frame,{shape:e,backgroundColor:t,style:r,overlap:n,acc:o,accPosition:s,content:(0,jsx_runtime_1.jsx)(ContentImage_1.ContentImage,{...a})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Image=Image;const jsx_runtime_1=require("react/jsx-runtime"),ContentImage_js_1=require("./blocks/ContentImage.js"),Frame_js_1=require("./blocks/Frame.js");function Image({frameShape:e={},backgroundColor:t="transparent",style:r,overlap:s,acc:n,accPosition:o,...a}){return(0,jsx_runtime_1.jsx)(Frame_js_1.Frame,{shape:e,backgroundColor:t,style:r,overlap:s,acc:n,accPosition:o,content:(0,jsx_runtime_1.jsx)(ContentImage_js_1.ContentImage,{...a})})}

package/dist/cjs/components/asset/Lottie.d.ts

@@ -1,6 +1,6 @@
-import { ComponentProps } from 'react';
-import { ContentLottie } from './blocks/ContentLottie';
-import { AssetCommonType } from './types';
+import type { ComponentProps } from 'react';
+import { ContentLottie } from './blocks/ContentLottie.js';
+import type { AssetCommonType } from './types.js';
 type Props = AssetCommonType & ComponentProps<typeof ContentLottie>;
 export declare function Lottie({ frameShape, backgroundColor, style, overlap, acc, accPosition, ...lottieProps }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/asset/Lottie.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Lottie=Lottie;const jsx_runtime_1=require("react/jsx-runtime"),ContentLottie_1=require("./blocks/ContentLottie"),Frame_1=require("./blocks/Frame");function Lottie({frameShape:e={},backgroundColor:t="transparent",style:o,overlap:r,acc:n,accPosition:s,...c}){return(0,jsx_runtime_1.jsx)(Frame_1.Frame,{shape:e,backgroundColor:t,style:o,overlap:r,acc:n,accPosition:s,content:(0,jsx_runtime_1.jsx)(ContentLottie_1.ContentLottie,{...c})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Lottie=Lottie;const jsx_runtime_1=require("react/jsx-runtime"),ContentLottie_js_1=require("./blocks/ContentLottie.js"),Frame_js_1=require("./blocks/Frame.js");function Lottie({frameShape:e={},backgroundColor:t="transparent",style:o,overlap:r,acc:s,accPosition:n,...c}){return(0,jsx_runtime_1.jsx)(Frame_js_1.Frame,{shape:e,backgroundColor:t,style:o,overlap:r,acc:s,accPosition:n,content:(0,jsx_runtime_1.jsx)(ContentLottie_js_1.ContentLottie,{...c})})}

package/dist/cjs/components/asset/Resource/ResourceText.d.ts

@@ -1,4 +1,4 @@
-import { TxtProps } from '../../txt';
+import type { TxtProps } from '../../txt/index.js';
 type Size = 24 | 19 | 17 | 15 | 13 | 11;
 interface ResourceTextProps extends TxtProps {
     size: Size;

package/dist/cjs/components/asset/Resource/ResourceText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResourceText=ResourceText;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt");function ResourceText({children:t,color:e,size:r,style:s,...o}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{fontWeight:"bold",typography:SizeMap[r],color:e,style:[{textAlign:"center"},s],...o,children:t})}const SizeMap={24:"st5",19:"st8",17:"t5",15:"t6",13:"t7",11:"st13"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResourceText=ResourceText;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../txt/index.js");function ResourceText({children:e,color:t,size:r,style:s,...n}){return(0,jsx_runtime_1.jsx)(index_js_1.Txt,{fontWeight:"bold",typography:SizeMap[r],color:t,style:[{textAlign:"center"},s],...n,children:e})}const SizeMap={24:"st5",19:"st8",17:"t5",15:"t6",13:"t7",11:"st13"};

package/dist/cjs/components/asset/Text.d.ts

@@ -1,7 +1,7 @@
-import { ComponentProps } from 'react';
-import { Frame } from './blocks/Frame';
-import { ResourceText } from './Resource/ResourceText';
-import { AssetCommonType } from './types';
+import type { ComponentProps } from 'react';
+import { Frame } from './blocks/Frame.js';
+import { ResourceText } from './Resource/ResourceText.js';
+import type { AssetCommonType } from './types.js';
 type TextProps = ComponentProps<typeof ResourceText>;
 type FrameProps = ComponentProps<typeof Frame>;
 type BaseProps = TextProps & AssetCommonType;

package/dist/cjs/components/asset/Text.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Text=Text;const jsx_runtime_1=require("react/jsx-runtime"),Frame_1=require("./blocks/Frame"),ResourceText_1=require("./Resource/ResourceText");function Text({frameShape:e,backgroundColor:r="transparent",color:t,size:s,children:o,...c}){return(0,jsx_runtime_1.jsx)(Frame_1.Frame,{...c,shape:e,backgroundColor:r,content:(0,jsx_runtime_1.jsx)(ResourceText_1.ResourceText,{size:s,color:t,children:o})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Text=Text;const jsx_runtime_1=require("react/jsx-runtime"),Frame_js_1=require("./blocks/Frame.js"),ResourceText_js_1=require("./Resource/ResourceText.js");function Text({frameShape:e,backgroundColor:r="transparent",color:s,size:t,children:o,...c}){return(0,jsx_runtime_1.jsx)(Frame_js_1.Frame,{...c,shape:e,backgroundColor:r,content:(0,jsx_runtime_1.jsx)(ResourceText_js_1.ResourceText,{size:t,color:s,children:o})})}

package/dist/cjs/components/asset/blocks/AssetContext.d.ts

@@ -1,4 +1,4 @@
-import type { FrameShapeType } from '../types';
+import type { FrameShapeType } from '../types.js';
 export interface AssetContext {
     shape: FrameShapeType;
 }

package/dist/cjs/components/asset/blocks/ContentIcon.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from '../../icon';
-import { AssetResourceScale, AssetResourceScaleType } from '../types';
+import type { IconProps } from '../../icon/index.js';
+import type { AssetResourceScale, AssetResourceScaleType } from '../types.js';
 interface IconResourceProps extends Pick<IconProps, 'name' | 'color' | 'accessibilityLabel' | 'style'> {
     scale?: AssetResourceScale;
     scaleType?: AssetResourceScaleType;

package/dist/cjs/components/asset/blocks/ContentIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentIcon=ContentIcon;const jsx_runtime_1=require("react/jsx-runtime"),icon_1=require("../../icon"),react_1=require("react"),react_native_1=require("react-native"),AssetContext_1=require("./AssetContext");function ContentIcon({name:r,color:i,scale:o=1,accessibilityLabel:c,scaleType:s="fit",style:a}){const{shape:e}=(0,react_1.useContext)(AssetContext_1.AssetContext),u=(0,react_1.useMemo)(()=>{const t=e?.width??0,n=e?.height??0;if(Math.max(t,n)!==0)return s==="crop"?Math.max(t,n):Math.min(t,n)},[e,s]);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{alignItems:"center"},children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:r,color:i,size:u,accessibilityLabel:c,style:[{transform:[{scale:o}]},a]})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentIcon=ContentIcon;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../icon/index.js"),react_1=require("react"),react_native_1=require("react-native"),AssetContext_js_1=require("./AssetContext.js");function ContentIcon({name:r,color:i,scale:o=1,accessibilityLabel:c,scaleType:s="fit",style:a}){const{shape:e}=(0,react_1.useContext)(AssetContext_js_1.AssetContext),u=(0,react_1.useMemo)(()=>{const t=e?.width??0,n=e?.height??0;if(Math.max(t,n)!==0)return s==="crop"?Math.max(t,n):Math.min(t,n)},[e,s]);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{alignItems:"center"},children:(0,jsx_runtime_1.jsx)(index_js_1.Icon,{name:r,color:i,size:u,accessibilityLabel:c,style:[{transform:[{scale:o}]},a]})})}

package/dist/cjs/components/asset/blocks/ContentImage.d.ts

@@ -1,6 +1,6 @@
 import { Image } from '@granite-js/react-native';
-import { ComponentProps } from 'react';
-import { AssetResourceScale, AssetResourceScaleType } from '../types';
+import type { ComponentProps } from 'react';
+import type { AssetResourceScale, AssetResourceScaleType } from '../types.js';
 type ImageProps = ComponentProps<typeof Image>;
 interface ImageResourceProps extends Pick<ImageProps, 'source' | 'accessibilityLabel' | 'style'> {
     scale?: AssetResourceScale;

package/dist/cjs/components/asset/blocks/ContentLottie.d.ts

@@ -1,6 +1,6 @@
 import { Lottie } from '@granite-js/react-native';
-import { ComponentProps } from 'react';
-import { AssetResourceScale, AssetResourceScaleType } from '../types';
+import type { ComponentProps } from 'react';
+import type { AssetResourceScale, AssetResourceScaleType } from '../types.js';
 type LottieProps = Omit<ComponentProps<typeof Lottie>, 'height' | 'resizeMode' | 'autoSize'>;
 interface Props extends LottieProps {
     scale?: AssetResourceScale;

package/dist/cjs/components/asset/blocks/Frame.d.ts

@@ -1,6 +1,7 @@
-import { ReactNode } from 'react';
-import { View, ViewProps } from 'react-native';
-import { FrameAccPositionType, FrameShapeType } from '../types';
+import type { ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+import { View } from 'react-native';
+import type { FrameAccPositionType, FrameShapeType } from '../types.js';
 interface Props extends ViewProps {
     content: ReactNode;
     shape: FrameShapeType;

package/dist/cjs/components/asset/blocks/Frame.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;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"),AssetContext_1=require("./AssetContext");exports.Frame=(0,react_1.forwardRef)(function({shape:e={},content:h,backgroundColor:m,overlap:r,accPosition:t="bottom-right",acc:o,color:C,style:w,...x},y){const g=(0,core_1.useAdaptive)(),c=m??g.grey100,_=(0,react_1.useMemo)(()=>({width:e.width,height:e.height,borderRadius:e.radius,backgroundColor:c}),[c,e]),b=(0,react_1.useMemo)(()=>r==null?{}:{shadowOffset:{width:e?.overlap?.x??0,height:e?.overlap?.y??0},shadowOpacity:1,shadowRadius:e?.overlap?.blur??0,shadowColor:r?.color??tds_colors_1.colors.blue500},[r,e]),n=e.acc?.x??0,s=e.acc?.y??0,i=e.acc?.width??0,d=e.acc?.height??0,u=t?.includes("top")?s:void 0,l=t?.includes("right")?n:void 0,a=t?.includes("bottom")?s:void 0,f=t?.includes("left")?n:void 0,v=(0,react_1.useMemo)(()=>({top:u,right:l,bottom:a,left:f,width:i,height:d}),[a,d,f,l,u,i]);return(0,jsx_runtime_1.jsx)(AssetContext_1.AssetContext.Provider,{value:{shape:e},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:y,style:[b,w],...x,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.frame,_],children:h}),o!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.acc,v],children:o}):void 0]})})});const styles=react_native_1.StyleSheet.create({frame:{justifyContent:"center",overflow:"hidden"},acc:{position:"absolute"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;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"),AssetContext_js_1=require("./AssetContext.js");exports.Frame=(0,react_1.forwardRef)(function({shape:e={},content:h,backgroundColor:x,overlap:r,accPosition:t="bottom-right",acc:o,color:C,style:m,...w},y){const g=(0,index_js_1.useAdaptive)(),c=x??g.grey100,_=(0,react_1.useMemo)(()=>({width:e.width,height:e.height,borderRadius:e.radius,backgroundColor:c}),[c,e]),j=(0,react_1.useMemo)(()=>r==null?{}:{shadowOffset:{width:e?.overlap?.x??0,height:e?.overlap?.y??0},shadowOpacity:1,shadowRadius:e?.overlap?.blur??0,shadowColor:r?.color??tds_colors_1.colors.blue500},[r,e]),n=e.acc?.x??0,s=e.acc?.y??0,i=e.acc?.width??0,d=e.acc?.height??0,u=t?.includes("top")?s:void 0,l=t?.includes("right")?n:void 0,a=t?.includes("bottom")?s:void 0,f=t?.includes("left")?n:void 0,b=(0,react_1.useMemo)(()=>({top:u,right:l,bottom:a,left:f,width:i,height:d}),[a,d,f,l,u,i]);return(0,jsx_runtime_1.jsx)(AssetContext_js_1.AssetContext.Provider,{value:{shape:e},children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{ref:y,style:[j,m],...w,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.frame,_],children:h}),o!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.acc,b],children:o}):void 0]})})});const styles=react_native_1.StyleSheet.create({frame:{justifyContent:"center",overflow:"hidden"},acc:{position:"absolute"}});

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

@@ -1,12 +1,12 @@
-import { Frame } from './blocks/Frame';
-import { ContentIcon } from './blocks/ContentIcon';
-import { ContentImage } from './blocks/ContentImage';
-import { ContentLottie } from './blocks/ContentLottie';
-import { Icon } from './Icon';
-import { Image } from './Image';
-import { Lottie } from './Lottie';
-import { Text } from './Text';
-import { frameShape } from './presets/frameShape';
+import { Frame } from './blocks/Frame.js';
+import { ContentIcon } from './blocks/ContentIcon.js';
+import { ContentImage } from './blocks/ContentImage.js';
+import { ContentLottie } from './blocks/ContentLottie.js';
+import { Icon } from './Icon.js';
+import { Image } from './Image.js';
+import { Lottie } from './Lottie.js';
+import { Text } from './Text.js';
+import { frameShape } from './presets/frameShape.js';
 interface CompoundComposition {
     Frame: typeof Frame;
     ContentIcon: typeof ContentIcon;
@@ -18,5 +18,5 @@ interface CompoundComposition {
     Text: typeof Text;
     frameShape: typeof frameShape;
 }
-export declare const Asset: (({ resource, frame, union, style }: import("./Asset").AssetProps) => import("react/jsx-runtime").JSX.Element) & CompoundComposition;
-export { frameShape } from './presets/frameShape';
+export declare const Asset: (({ resource, frame, union, style }: import("./Asset.js").AssetProps) => import("react/jsx-runtime").JSX.Element) & CompoundComposition;
+export { frameShape } from './presets/frameShape.js';

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.frameShape=exports.Asset=void 0;const Asset_1=require("./Asset"),Frame_1=require("./blocks/Frame"),ContentIcon_1=require("./blocks/ContentIcon"),ContentImage_1=require("./blocks/ContentImage"),ContentLottie_1=require("./blocks/ContentLottie"),Icon_1=require("./Icon"),Image_1=require("./Image"),Lottie_1=require("./Lottie"),Text_1=require("./Text"),frameShape_1=require("./presets/frameShape");exports.Asset=Object.assign(Asset_1.Asset,{Frame:Frame_1.Frame,ContentIcon:ContentIcon_1.ContentIcon,ContentImage:ContentImage_1.ContentImage,ContentLottie:ContentLottie_1.ContentLottie,Icon:Icon_1.Icon,Image:Image_1.Image,Lottie:Lottie_1.Lottie,Text:Text_1.Text,frameShape:frameShape_1.frameShape});var frameShape_2=require("./presets/frameShape");Object.defineProperty(exports,"frameShape",{enumerable:!0,get:function(){return frameShape_2.frameShape}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.frameShape=exports.Asset=void 0;const Asset_js_1=require("./Asset.js"),Frame_js_1=require("./blocks/Frame.js"),ContentIcon_js_1=require("./blocks/ContentIcon.js"),ContentImage_js_1=require("./blocks/ContentImage.js"),ContentLottie_js_1=require("./blocks/ContentLottie.js"),Icon_js_1=require("./Icon.js"),Image_js_1=require("./Image.js"),Lottie_js_1=require("./Lottie.js"),Text_js_1=require("./Text.js"),frameShape_js_1=require("./presets/frameShape.js");exports.Asset=Object.assign(Asset_js_1.Asset,{Frame:Frame_js_1.Frame,ContentIcon:ContentIcon_js_1.ContentIcon,ContentImage:ContentImage_js_1.ContentImage,ContentLottie:ContentLottie_js_1.ContentLottie,Icon:Icon_js_1.Icon,Image:Image_js_1.Image,Lottie:Lottie_js_1.Lottie,Text:Text_js_1.Text,frameShape:frameShape_js_1.frameShape});var frameShape_js_2=require("./presets/frameShape.js");Object.defineProperty(exports,"frameShape",{enumerable:!0,get:function(){return frameShape_js_2.frameShape}});

package/dist/cjs/components/asset/presets/frameShape.d.ts

@@ -1,2 +1,2 @@
-import type { FrameShapeKeys, FrameShapeType } from '../types';
+import type { FrameShapeKeys, FrameShapeType } from '../types.js';
 export declare const frameShape: Record<FrameShapeKeys, FrameShapeType>;

package/dist/cjs/components/asset/types.d.ts

@@ -1,4 +1,4 @@
-import { DimensionValue, ViewProps } from 'react-native';
+import type { DimensionValue, ViewProps } from 'react-native';
 /**
  * AssetFrame
  */

package/dist/cjs/components/badge/Badge.d.ts

@@ -1,5 +1,5 @@
-import type { ParagraphBadgeProps } from '../paragraph';
-import { TypographyKeys } from '../txt';
+import type { ParagraphBadgeProps } from '../paragraph/index.js';
+import type { TypographyKeys } from '../txt/index.js';
 type Size = 'large' | 'medium' | 'small' | 'tiny';
 export interface BadgeProps extends Omit<ParagraphBadgeProps, 'typography'> {
     /**

package/dist/cjs/components/badge/Badge.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.sizeVariant=void 0;const jsx_runtime_1=require("react/jsx-runtime"),paragraph_1=require("../paragraph");function Badge({size:t="small",fontWeight:e,...r}){const a=e??t==="tiny"?"semibold":"bold";return(0,jsx_runtime_1.jsx)(paragraph_1.Badge,{typography:exports.sizeVariant[t],fontWeight:a,...r})}exports.sizeVariant={tiny:"t5",small:"t3",medium:"t2",large:"t1"},exports.default=Badge;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.sizeVariant=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../paragraph/index.js");function Badge({size:e="small",fontWeight:t,...r}){const i=t??e==="tiny"?"semibold":"bold";return(0,jsx_runtime_1.jsx)(index_js_1.Badge,{typography:exports.sizeVariant[e],fontWeight:i,...r})}exports.sizeVariant={tiny:"t5",small:"t3",medium:"t2",large:"t1"},exports.default=Badge;

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

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

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

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

package/dist/cjs/components/board-row/BoardRow.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface BoardRowProps {
     /**
      * `BoardRow` 컴포넌트의 헤더 영역에 표시될 제목이에요.