@toss/tds-react-native 1.3.0 → 1.3.2

package/dist/cjs/components/keypad/FullSecureKeypad/SecureKeyButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecureKeyButton=SecureKeyButton;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),react_native_1=require("react-native"),BackspaceIcon_1=require("./BackspaceIcon"),keys_1=require("./keys"),utils_1=require("../../../utils");function SecureKeyButton({secureKey:{value:e,label:r,subText:t},onPressIn:n}){const{screenReaderEnabled:c}=(0,utils_1.useAccessibilityInfo)(),s=e===keys_1.SPECIAL_KEY.backspace,i=s?2:1,o=()=>{n(String(e))},a=()=>{c&&n(String(e))};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:[styles.wrapper,{flex:i}],onPressIn:o,onPress:a,children:s?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:20},children:(0,jsx_runtime_1.jsx)(BackspaceIcon_1.BackspaceIcon,{})}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:styles.mainText,children:r}),t!=null&&(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:styles.subText,children:t})]})})}const styles=react_native_1.StyleSheet.create({wrapper:{background:"none",border:0,padding:0,outline:"none",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},mainText:{color:"white",fontSize:20},subText:{color:"#93939f",fontSize:13,marginTop:2}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecureKeyButton=SecureKeyButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../txt/index.js"),react_native_1=require("react-native"),BackspaceIcon_js_1=require("./BackspaceIcon.js"),keys_js_1=require("./keys.js"),index_js_2=require("../../../utils/index.js");function SecureKeyButton({secureKey:{value:e,label:r,subText:t},onPressIn:s}){const{screenReaderEnabled:c}=(0,index_js_2.useAccessibilityInfo)(),n=e===keys_js_1.SPECIAL_KEY.backspace,i=n?2:1,o=()=>{s(String(e))},a=()=>{c&&s(String(e))};return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:[styles.wrapper,{flex:i}],onPressIn:o,onPress:a,children:n?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:20},children:(0,jsx_runtime_1.jsx)(BackspaceIcon_js_1.BackspaceIcon,{})}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(index_js_1.Txt,{style:styles.mainText,children:r}),t!=null&&(0,jsx_runtime_1.jsx)(index_js_1.Txt,{style:styles.subText,children:t})]})})}const styles=react_native_1.StyleSheet.create({wrapper:{background:"none",border:0,padding:0,outline:"none",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},mainText:{color:"white",fontSize:20},subText:{color:"#93939f",fontSize:13,marginTop:2}});

package/dist/cjs/components/keypad/FullSecureKeypad/ShiftIcon.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(t,e,n,i){i===void 0&&(i=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(t,i,r)}:function(t,e,n,i){i===void 0&&(i=n),t[i]=e[n]},__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(n){var i=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(i[i.length]=r);return i},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var i=t(e),r=0;r<i.length;r++)i[r]!=="default"&&__createBinding(n,e,i[r]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShiftIcon=ShiftIcon;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg"));function ShiftIcon({color:t,filled:e=!1}){return e?(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{width:"21",height:"20",fill:t,accessibilityRole:"imagebutton",accessibilityLabel:"shift",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"M 10.286 1.761 C 10.68 1.347 11.341 1.347 11.735 1.762 L 19.395 9.82 C 20 10.457 19.548 11.509 18.67 11.509 L 15.579 11.509 L 15.579 19 C 15.579 19.552 15.131 20 14.579 20 L 7.487 20 C 6.935 20 6.487 19.552 6.487 19 L 6.487 11.509 L 3.334 11.509 C 2.455 11.509 2.003 10.456 2.61 9.819 Z",id:"a1000z"})})}):(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{width:"21",height:"20",fill:t,accessibilityRole:"imagebutton",accessibilityLabel:"shift",children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.G,{children:[(0,jsx_runtime_1.jsxs)(react_native_svg_1.Defs,{children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"M 10.286 1.761 C 10.68 1.347 11.341 1.347 11.735 1.762 L 19.395 9.82 C 20 10.457 19.548 11.509 18.67 11.509 L 15.579 11.509 L 15.579 19 C 15.579 19.552 15.131 20 14.579 20 L 7.487 20 C 6.935 20 6.487 19.552 6.487 19 L 6.487 11.509 L 3.334 11.509 C 2.455 11.509 2.003 10.456 2.61 9.819 Z",id:"a1000z"}),(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:"a1001z",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Use,{xlinkHref:"#a1000z"})})]}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Use,{xlinkHref:"#a1000z",fill:"transparent",clipPath:"url(#a1001z)",strokeWidth:"3",stroke:t,strokeMiterlimit:"10"})]})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShiftIcon=ShiftIcon;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg");function ShiftIcon({color:e,filled:i=!1}){return i?(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{width:"21",height:"20",fill:e,accessibilityRole:"imagebutton",accessibilityLabel:"shift",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"M 10.286 1.761 C 10.68 1.347 11.341 1.347 11.735 1.762 L 19.395 9.82 C 20 10.457 19.548 11.509 18.67 11.509 L 15.579 11.509 L 15.579 19 C 15.579 19.552 15.131 20 14.579 20 L 7.487 20 C 6.935 20 6.487 19.552 6.487 19 L 6.487 11.509 L 3.334 11.509 C 2.455 11.509 2.003 10.456 2.61 9.819 Z",id:"a1000z"})})}):(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{width:"21",height:"20",fill:e,accessibilityRole:"imagebutton",accessibilityLabel:"shift",children:(0,jsx_runtime_1.jsxs)(react_native_svg_1.G,{children:[(0,jsx_runtime_1.jsxs)(react_native_svg_1.Defs,{children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"M 10.286 1.761 C 10.68 1.347 11.341 1.347 11.735 1.762 L 19.395 9.82 C 20 10.457 19.548 11.509 18.67 11.509 L 15.579 11.509 L 15.579 19 C 15.579 19.552 15.131 20 14.579 20 L 7.487 20 C 6.935 20 6.487 19.552 6.487 19 L 6.487 11.509 L 3.334 11.509 C 2.455 11.509 2.003 10.456 2.61 9.819 Z",id:"a1000z"}),(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:"a1001z",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Use,{xlinkHref:"#a1000z"})})]}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Use,{xlinkHref:"#a1000z",fill:"transparent",clipPath:"url(#a1001z)",strokeWidth:"3",stroke:e,strokeMiterlimit:"10"})]})})}

package/dist/cjs/components/keypad/FullSecureKeypad/getGridTemplateForRow.d.ts

@@ -1,5 +1,5 @@
-import type { SecureKeyRowRequired } from './keys';
+import type { SecureKeyRowRequired } from './keys.js';
 export declare function withShuffledEmptyCells(row: SecureKeyRowRequired): {
-    keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
+    keys: import("./keys.js").RequiredExcept<import("./keys.js").SecureKey, "subText">[];
     emptyCellCount: number;
 };

package/dist/cjs/components/keypad/FullSecureKeypad/index.d.ts

@@ -1,4 +1,5 @@
-import { StyleProp, View, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { View } from 'react-native';
 export interface FullSecureKeypadProps {
     /**
      * Key를 클릭하면 발생하는 이벤트

package/dist/cjs/components/keypad/FullSecureKeypad/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullSecureKeypad=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"),ControlKeyButton_1=require("./ControlKeyButton"),GridItem_1=require("./GridItem"),GridRow_1=require("./GridRow"),keys_1=require("./keys"),SecureKeyButton_1=require("./SecureKeyButton"),ShiftIcon_1=require("./ShiftIcon"),useKeypad_1=require("./useKeypad");exports.FullSecureKeypad=(0,react_1.memo)((0,react_1.forwardRef)(({style:d,onKeyPress:s,onBackspacePress:n,onSpacePress:c,onSubmit:u,submitButtonText:a="\uC785\uB825 \uC644\uB8CC",submitDisabled:l=!1},y)=>{const o=(0,core_1.useAdaptive)(),e=(0,useKeypad_1.useKeypad)(),i=(0,react_1.useRef)(null);(0,react_1.useImperativeHandle)(y,()=>({reorderEmptyCells:e.reorderEmptyCells,element:i.current}),[e]);const _=(0,react_1.useCallback)(r=>{r===keys_1.SPECIAL_KEY.backspace?n():s(r)},[s,n]);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{backgroundColor:"#283447"},d],ref:i,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingTop:6,paddingHorizontal:0,paddingBottom:10},children:e.keys.map((r,p)=>(0,jsx_runtime_1.jsx)(GridRow_1.GridRow,{height:52,horizontalPadding:10,children:r.keys.map(t=>t.value===""?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1}},t.value):(0,jsx_runtime_1.jsx)(SecureKeyButton_1.SecureKeyButton,{secureKey:t,onPressIn:_},t.value))},`${e.mode}-${p}`))}),(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsxs)(GridRow_1.GridRow,{height:56,children:[(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SHIFT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:e.toggleShift,disabled:e.mode===useKeypad_1.KeypadStatus.SPECIAL,children:(0,jsx_runtime_1.jsx)(ShiftIcon_1.ShiftIcon,{color:e.mode===useKeypad_1.KeypadStatus.SPECIAL?o.grey500:tds_colors_1.colors.white,filled:e.mode===useKeypad_1.KeypadStatus.ALPHABET_CAPITALIZED})})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_CHARACTER_TYPE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:e.toggleSpecialAndAlphabet,children:e.mode===useKeypad_1.KeypadStatus.SPECIAL?"\uC601\uBB38":"\uD2B9\uC218"})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SPACE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:c,children:"Space"})}),(0,jsx_runtime_1.jsx)(GridItem_1.GridItem,{style:{flex:keys_1.CONTROL_KEY_SUBMIT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_1.ControlKeyButton,{onPressIn:()=>{u()},color:l?o.blue100:o.blue500,disabled:l,children:a})})]})})]})}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullSecureKeypad=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"),ControlKeyButton_js_1=require("./ControlKeyButton.js"),GridItem_js_1=require("./GridItem.js"),GridRow_js_1=require("./GridRow.js"),keys_js_1=require("./keys.js"),SecureKeyButton_js_1=require("./SecureKeyButton.js"),ShiftIcon_js_1=require("./ShiftIcon.js"),useKeypad_js_1=require("./useKeypad.js");exports.FullSecureKeypad=(0,react_1.memo)((0,react_1.forwardRef)(({style:d,onKeyPress:o,onBackspacePress:n,onSpacePress:c,onSubmit:u,submitButtonText:a="\uC785\uB825 \uC644\uB8CC",submitDisabled:l=!1},_)=>{const s=(0,index_js_1.useAdaptive)(),e=(0,useKeypad_js_1.useKeypad)(),i=(0,react_1.useRef)(null);(0,react_1.useImperativeHandle)(_,()=>({reorderEmptyCells:e.reorderEmptyCells,element:i.current}),[e]);const j=(0,react_1.useCallback)(t=>{t===keys_js_1.SPECIAL_KEY.backspace?n():o(t)},[o,n]);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{backgroundColor:"#283447"},d],ref:i,children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{paddingTop:6,paddingHorizontal:0,paddingBottom:10},children:e.keys.map((t,y)=>(0,jsx_runtime_1.jsx)(GridRow_js_1.GridRow,{height:52,horizontalPadding:10,children:t.keys.map(r=>r.value===""?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1}},r.value):(0,jsx_runtime_1.jsx)(SecureKeyButton_js_1.SecureKeyButton,{secureKey:r,onPressIn:j},r.value))},`${e.mode}-${y}`))}),(0,jsx_runtime_1.jsx)(react_native_1.View,{children:(0,jsx_runtime_1.jsxs)(GridRow_js_1.GridRow,{height:56,children:[(0,jsx_runtime_1.jsx)(GridItem_js_1.GridItem,{style:{flex:keys_js_1.CONTROL_KEY_SHIFT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_js_1.ControlKeyButton,{onPressIn:e.toggleShift,disabled:e.mode===useKeypad_js_1.KeypadStatus.SPECIAL,children:(0,jsx_runtime_1.jsx)(ShiftIcon_js_1.ShiftIcon,{color:e.mode===useKeypad_js_1.KeypadStatus.SPECIAL?s.grey500:tds_colors_1.colors.white,filled:e.mode===useKeypad_js_1.KeypadStatus.ALPHABET_CAPITALIZED})})}),(0,jsx_runtime_1.jsx)(GridItem_js_1.GridItem,{style:{flex:keys_js_1.CONTROL_KEY_CHARACTER_TYPE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_js_1.ControlKeyButton,{onPressIn:e.toggleSpecialAndAlphabet,children:e.mode===useKeypad_js_1.KeypadStatus.SPECIAL?"\uC601\uBB38":"\uD2B9\uC218"})}),(0,jsx_runtime_1.jsx)(GridItem_js_1.GridItem,{style:{flex:keys_js_1.CONTROL_KEY_SPACE_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_js_1.ControlKeyButton,{onPressIn:c,children:"Space"})}),(0,jsx_runtime_1.jsx)(GridItem_js_1.GridItem,{style:{flex:keys_js_1.CONTROL_KEY_SUBMIT_WIDTH},children:(0,jsx_runtime_1.jsx)(ControlKeyButton_js_1.ControlKeyButton,{onPressIn:()=>{u()},color:l?s.blue100:s.blue500,disabled:l,children:a})})]})})]})}));

package/dist/cjs/components/keypad/FullSecureKeypad/useKeypad.d.ts

@@ -6,20 +6,20 @@ export declare enum KeypadStatus {
 export declare function useKeypad(): {
     mode: KeypadStatus;
     keys: {
-        keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
+        keys: import("./keys.js").RequiredExcept<import("./keys.js").SecureKey, "subText">[];
         emptyCellCount: number;
     }[];
     shuffledKeys: {
         0: {
-            keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
+            keys: import("./keys.js").RequiredExcept<import("./keys.js").SecureKey, "subText">[];
             emptyCellCount: number;
         }[];
         1: {
-            keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
+            keys: import("./keys.js").RequiredExcept<import("./keys.js").SecureKey, "subText">[];
             emptyCellCount: number;
         }[];
         2: {
-            keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
+            keys: import("./keys.js").RequiredExcept<import("./keys.js").SecureKey, "subText">[];
             emptyCellCount: number;
         }[];
     };

package/dist/cjs/components/keypad/FullSecureKeypad/useKeypad.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.KeypadStatus=void 0,exports.useKeypad=useKeypad;const react_1=require("react"),getGridTemplateForRow_1=require("./getGridTemplateForRow"),keys_1=require("./keys");var KeypadStatus;(function(e){e[e.ALPHABET=0]="ALPHABET",e[e.ALPHABET_CAPITALIZED=1]="ALPHABET_CAPITALIZED",e[e.SPECIAL=2]="SPECIAL"})(KeypadStatus||(exports.KeypadStatus=KeypadStatus={}));const keysByStatus={[KeypadStatus.ALPHABET]:(0,keys_1.fillInDefaults)(keys_1.englishCharacterKeys),[KeypadStatus.ALPHABET_CAPITALIZED]:(0,keys_1.capitalize)((0,keys_1.fillInDefaults)(keys_1.englishCharacterKeys)),[KeypadStatus.SPECIAL]:(0,keys_1.fillInDefaults)(keys_1.specialCharacterKeys)};function getShuffledKeysByStatus(){const e=keysByStatus[KeypadStatus.ALPHABET].map(getGridTemplateForRow_1.withShuffledEmptyCells),A=keysByStatus[KeypadStatus.ALPHABET_CAPITALIZED].map(getGridTemplateForRow_1.withShuffledEmptyCells),t=keysByStatus[KeypadStatus.SPECIAL].map(getGridTemplateForRow_1.withShuffledEmptyCells);return{[KeypadStatus.ALPHABET]:e,[KeypadStatus.ALPHABET_CAPITALIZED]:A,[KeypadStatus.SPECIAL]:t}}function useKeypad(){const[e,A]=(0,react_1.useState)(KeypadStatus.ALPHABET),[t,r]=(0,react_1.useState)(getShuffledKeysByStatus()),l=(0,react_1.useMemo)(()=>t[e],[t,e]),a=(0,react_1.useCallback)(()=>{A(s=>{switch(s){case KeypadStatus.ALPHABET:return KeypadStatus.ALPHABET_CAPITALIZED;case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.ALPHABET;default:return s}})},[]),c=(0,react_1.useCallback)(()=>{A(s=>{switch(s){case KeypadStatus.ALPHABET:case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.SPECIAL;case KeypadStatus.SPECIAL:return KeypadStatus.ALPHABET}})},[]),E=(0,react_1.useCallback)(()=>{r(getShuffledKeysByStatus())},[]);return{mode:e,keys:l,shuffledKeys:t,toggleShift:a,toggleSpecialAndAlphabet:c,reorderEmptyCells:E}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.KeypadStatus=void 0,exports.useKeypad=useKeypad;const react_1=require("react"),getGridTemplateForRow_js_1=require("./getGridTemplateForRow.js"),keys_js_1=require("./keys.js");var KeypadStatus;(function(e){e[e.ALPHABET=0]="ALPHABET",e[e.ALPHABET_CAPITALIZED=1]="ALPHABET_CAPITALIZED",e[e.SPECIAL=2]="SPECIAL"})(KeypadStatus||(exports.KeypadStatus=KeypadStatus={}));const keysByStatus={[KeypadStatus.ALPHABET]:(0,keys_js_1.fillInDefaults)(keys_js_1.englishCharacterKeys),[KeypadStatus.ALPHABET_CAPITALIZED]:(0,keys_js_1.capitalize)((0,keys_js_1.fillInDefaults)(keys_js_1.englishCharacterKeys)),[KeypadStatus.SPECIAL]:(0,keys_js_1.fillInDefaults)(keys_js_1.specialCharacterKeys)};function getShuffledKeysByStatus(){const e=keysByStatus[KeypadStatus.ALPHABET].map(getGridTemplateForRow_js_1.withShuffledEmptyCells),s=keysByStatus[KeypadStatus.ALPHABET_CAPITALIZED].map(getGridTemplateForRow_js_1.withShuffledEmptyCells),t=keysByStatus[KeypadStatus.SPECIAL].map(getGridTemplateForRow_js_1.withShuffledEmptyCells);return{[KeypadStatus.ALPHABET]:e,[KeypadStatus.ALPHABET_CAPITALIZED]:s,[KeypadStatus.SPECIAL]:t}}function useKeypad(){const[e,s]=(0,react_1.useState)(KeypadStatus.ALPHABET),[t,r]=(0,react_1.useState)(getShuffledKeysByStatus()),l=(0,react_1.useMemo)(()=>t[e],[t,e]),a=(0,react_1.useCallback)(()=>{s(A=>{switch(A){case KeypadStatus.ALPHABET:return KeypadStatus.ALPHABET_CAPITALIZED;case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.ALPHABET;default:return A}})},[]),c=(0,react_1.useCallback)(()=>{s(A=>{switch(A){case KeypadStatus.ALPHABET:case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.SPECIAL;case KeypadStatus.SPECIAL:return KeypadStatus.ALPHABET}})},[]),E=(0,react_1.useCallback)(()=>{r(getShuffledKeysByStatus())},[]);return{mode:e,keys:l,shuffledKeys:t,toggleShift:a,toggleSpecialAndAlphabet:c,reorderEmptyCells:E}}

package/dist/cjs/components/keypad/NumberKeypad/Backspace.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}),exports.Backspace=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),core_1=require("../../../core"),react_1=require("react");exports.Backspace=(0,react_1.memo)(function(){const e=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_svg_1.default,{viewBox:"0 0 16 16",width:"20px",height:"20px",accessibilityLabel:"\uC9C0\uC6B0\uAE30",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:"a",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"m0 0h16v16h-16z"})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{clipPath:"url(#a)",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"m14.9989 7.00018h-11.58998l4.3-4.29c.39212-.39212.39212-1.0279 0-1.42-.39212-.392116-1.0279-.392116-1.42 0l-5.999999 6c-.091041.09511-.16241.20725-.2099997.33-.10002.24346-.10002.51654 0 .76.0458137.12364.1173997.23613.2099997.33l5.999999 6.00002c.18777.1893.44336.2958.71.2958s.52223-.1065.71-.2958c.18931-.1878.2958-.4434.2958-.71 0-.2667-.10649-.5222-.2958-.71l-4.3-4.29002h11.58998c.5523 0 1-.44772 1-1s-.4477-1-1-1z",fill:e.blue500})})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Backspace=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"),react_1=require("react");exports.Backspace=(0,react_1.memo)(function(){const e=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsxs)(react_native_svg_1.Svg,{viewBox:"0 0 16 16",width:"20px",height:"20px",accessibilityLabel:"\uC9C0\uC6B0\uAE30",children:[(0,jsx_runtime_1.jsx)(react_native_svg_1.ClipPath,{id:"a",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"m0 0h16v16h-16z"})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.G,{clipPath:"url(#a)",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:"m14.9989 7.00018h-11.58998l4.3-4.29c.39212-.39212.39212-1.0279 0-1.42-.39212-.392116-1.0279-.392116-1.42 0l-5.999999 6c-.091041.09511-.16241.20725-.2099997.33-.10002.24346-.10002.51654 0 .76.0458137.12364.1173997.23613.2099997.33l5.999999 6.00002c.18777.1893.44336.2958.71.2958s.52223-.1065.71-.2958c.18931-.1878.2958-.4434.2958-.71 0-.2667-.10649-.5222-.2958-.71l-4.3-4.29002h11.58998c.5523 0 1-.44772 1-1s-.4477-1-1-1z",fill:e.blue500})})]})});

package/dist/cjs/components/keypad/NumberKeypad/NumberKeypad.d.ts

@@ -1,4 +1,4 @@
-import { StyleProp, View, ViewStyle } from 'react-native';
+import type { StyleProp, View, ViewStyle } from 'react-native';
 export type NumberKey = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
 export type NumberKeypadRef = React.Ref<View>;
 export type NumberKeypadProps = {

package/dist/cjs/components/keypad/NumberKeypad/NumberKeypad.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumberKeypad=void 0,exports.NumberKeypadComponent=NumberKeypadComponent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VirtualKeypad_1=require("./VirtualKeypad"),defaultNumbers=[1,2,3,4,5,6,7,8,9,0];function NumberKeypadComponent({numbers:e=defaultNumbers,onKeyPress:r,onBackspacePress:a,forwardedRef:n,style:o}){function s(t){r(parseInt(t,10))}const u=e.map(t=>`${t}`);return(0,jsx_runtime_1.jsx)(VirtualKeypad_1.VirtualKeypad,{numberOfColumns:3,characters:u,onKeyClick:s,onBackspaceClick:a,ref:n,style:o})}exports.NumberKeypad=(0,react_1.forwardRef)((e,r)=>(0,jsx_runtime_1.jsx)(NumberKeypadComponent,{...e,forwardedRef:r}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NumberKeypad=void 0,exports.NumberKeypadComponent=NumberKeypadComponent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),VirtualKeypad_js_1=require("./VirtualKeypad.js"),defaultNumbers=[1,2,3,4,5,6,7,8,9,0];function NumberKeypadComponent({numbers:e=defaultNumbers,onKeyPress:r,onBackspacePress:a,forwardedRef:s,style:n}){function o(t){r(parseInt(t,10))}const u=e.map(t=>`${t}`);return(0,jsx_runtime_1.jsx)(VirtualKeypad_js_1.VirtualKeypad,{numberOfColumns:3,characters:u,onKeyClick:o,onBackspaceClick:a,ref:s,style:n})}exports.NumberKeypad=(0,react_1.forwardRef)((e,r)=>(0,jsx_runtime_1.jsx)(NumberKeypadComponent,{...e,forwardedRef:r}));

package/dist/cjs/components/keypad/NumberKeypad/VirtualKeypad.d.ts

@@ -1,4 +1,5 @@
-import { StyleProp, View, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
+import { View } from 'react-native';
 type Props = {
     characters: string[];
     numberOfColumns: number;

package/dist/cjs/components/keypad/NumberKeypad/VirtualKeypad.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VirtualKeypad=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),VirtualKeypadKey_1=require("./VirtualKeypadKey"),MAX_WIDTH=340;function VirtualKeypadComponent({characters:e,numberOfColumns:t,onKeyClick:r,onBackspaceClick:n,forwardedRef:s,style:o}){function c(a){if(a!==VirtualKeypadKey_1.SPECIAL_KEY.blank){if(a===VirtualKeypadKey_1.SPECIAL_KEY.backspace){n();return}r(a)}}const l=toRows(e,t);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingVertical:0,paddingHorizontal:10,justifyContent:"center",alignItems:"center"},o],ref:s,children:l.map((a,d)=>(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row",maxWidth:MAX_WIDTH},children:a.map(i=>(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1},children:(0,jsx_runtime_1.jsx)(VirtualKeypadKey_1.VirtualKeypadKey,{char:i,onKeyPressIn:c})},i))},d))})}exports.VirtualKeypad=(0,react_1.forwardRef)((e,t)=>(0,jsx_runtime_1.jsx)(VirtualKeypadComponent,{...e,forwardedRef:t}));function toRows(e,t){const r=chunkArray(e,t),n=padLastRow(r,t);return[...r.slice(0,-1),n]}function padLastRow(e,t){const r=e[e.length-1];return[...Array.from({length:t-r.length-1}).map(()=>VirtualKeypadKey_1.SPECIAL_KEY.blank),...r,VirtualKeypadKey_1.SPECIAL_KEY.backspace]}function chunkArray(e,t){const r=[];let n,s;for(n=0,s=e.length;n<s;n+=t)r.push(e.slice(n,n+t));return r}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VirtualKeypad=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),VirtualKeypadKey_js_1=require("./VirtualKeypadKey.js"),MAX_WIDTH=340;function VirtualKeypadComponent({characters:e,numberOfColumns:t,onKeyClick:r,onBackspaceClick:n,forwardedRef:a,style:o}){function c(s){if(s!==VirtualKeypadKey_js_1.SPECIAL_KEY.blank){if(s===VirtualKeypadKey_js_1.SPECIAL_KEY.backspace){n();return}r(s)}}const l=toRows(e,t);return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{paddingVertical:0,paddingHorizontal:10,justifyContent:"center",alignItems:"center"},o],ref:a,children:l.map((s,d)=>(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row",maxWidth:MAX_WIDTH},children:s.map(i=>(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flex:1},children:(0,jsx_runtime_1.jsx)(VirtualKeypadKey_js_1.VirtualKeypadKey,{char:i,onKeyPressIn:c})},i))},d))})}exports.VirtualKeypad=(0,react_1.forwardRef)((e,t)=>(0,jsx_runtime_1.jsx)(VirtualKeypadComponent,{...e,forwardedRef:t}));function toRows(e,t){const r=chunkArray(e,t),n=padLastRow(r,t);return[...r.slice(0,-1),n]}function padLastRow(e,t){const r=e[e.length-1];return[...Array.from({length:t-r.length-1}).map(()=>VirtualKeypadKey_js_1.SPECIAL_KEY.blank),...r,VirtualKeypadKey_js_1.SPECIAL_KEY.backspace]}function chunkArray(e,t){const r=[];let n,a;for(n=0,a=e.length;n<a;n+=t)r.push(e.slice(n,n+t));return r}

package/dist/cjs/components/keypad/NumberKeypad/VirtualKeypadKey.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VirtualKeypadKey=exports.SPECIAL_KEY=void 0;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),react_1=require("react"),react_native_1=require("react-native"),Backspace_1=require("./Backspace"),CELL_HEIGHT=64,FONT_SIZE=30;var SPECIAL_KEY;(function(t){t.blank="blank",t.backspace="backspace"})(SPECIAL_KEY||(exports.SPECIAL_KEY=SPECIAL_KEY={})),exports.VirtualKeypadKey=(0,react_1.memo)(function({char:e,onKeyPressIn:r}){const n=(0,react_1.useMemo)(()=>{switch(e){case SPECIAL_KEY.backspace:return(0,jsx_runtime_1.jsx)(Backspace_1.Backspace,{});case SPECIAL_KEY.blank:return null;default:return e}},[e]);return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:{height:CELL_HEIGHT,justifyContent:"center",alignItems:"center",overflow:"visible"},onPressIn:()=>r(e),children:(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:{fontSize:FONT_SIZE,lineHeight:CELL_HEIGHT,textAlign:"center"},children:n})})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VirtualKeypadKey=exports.SPECIAL_KEY=void 0;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../txt/index.js"),react_1=require("react"),react_native_1=require("react-native"),Backspace_js_1=require("./Backspace.js"),CELL_HEIGHT=64,FONT_SIZE=30;var SPECIAL_KEY;(function(t){t.blank="blank",t.backspace="backspace"})(SPECIAL_KEY||(exports.SPECIAL_KEY=SPECIAL_KEY={})),exports.VirtualKeypadKey=(0,react_1.memo)(function({char:e,onKeyPressIn:n}){const s=(0,react_1.useMemo)(()=>{switch(e){case SPECIAL_KEY.backspace:return(0,jsx_runtime_1.jsx)(Backspace_js_1.Backspace,{});case SPECIAL_KEY.blank:return null;default:return e}},[e]);return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{style:{height:CELL_HEIGHT,justifyContent:"center",alignItems:"center",overflow:"visible"},onPressIn:()=>n(e),children:(0,jsx_runtime_1.jsx)(index_js_1.Txt,{style:{fontSize:FONT_SIZE,lineHeight:CELL_HEIGHT,textAlign:"center"},children:s})})});

package/dist/cjs/components/keypad/NumberKeypad/index.d.ts

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

package/dist/cjs/components/keypad/NumberKeypad/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("./NumberKeypad"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./NumberKeypad.js"),exports);

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

@@ -1,2 +1,2 @@
-export * from './FullSecureKeypad';
-export * from './NumberKeypad';
+export * from './FullSecureKeypad/index.js';
+export * from './NumberKeypad/index.js';

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

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

package/dist/cjs/components/list/List.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-interface Props {
+import type { ReactNode } from 'react';
+import type { AccessibilityProps, StyleProp, ViewStyle } from 'react-native';
+interface Props extends AccessibilityProps {
     /**
      * @description 리스트의 `row` 엘리먼트의 기본 하단 구분자를 지정합니다.
      * @defualt intented
@@ -9,5 +9,5 @@ interface Props {
     children: ReactNode;
     style?: StyleProp<ViewStyle>;
 }
-export declare function List({ children, rowSeparator, style }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function List({ children, rowSeparator, style, ...restProps }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/list/List.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.List=List;const jsx_runtime_1=require("react/jsx-runtime"),border_1=require("../border"),utils_1=require("../../utils"),react_native_1=require("react-native");function List({children:r,rowSeparator:e="indented",style:t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[t],children:(0,jsx_runtime_1.jsx)(utils_1.Childrens.Gap,{children:r,gap:e==="full"?(0,jsx_runtime_1.jsx)(border_1.Border,{type:"full"}):e==="indented"?(0,jsx_runtime_1.jsx)(border_1.Border,{type:"padding24"}):null})})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.List=List;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../border/index.js"),index_js_2=require("../../utils/index.js"),react_native_1=require("react-native");function List({children:r,rowSeparator:e="indented",style:t,...i}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[t],...i,children:(0,jsx_runtime_1.jsx)(index_js_2.Childrens.Gap,{children:r,gap:e==="full"?(0,jsx_runtime_1.jsx)(index_js_1.Border,{type:"full"}):e==="indented"?(0,jsx_runtime_1.jsx)(index_js_1.Border,{type:"padding24"}):null})})}

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

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

package/dist/cjs/components/list/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("./List"),exports);
+"use strict";var __createBinding=Object.create?function(i,t,e,r){r===void 0&&(r=e);var n=Object.getOwnPropertyDescriptor(t,e);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,r,n)}:function(i,t,e,r){r===void 0&&(r=e),i[r]=t[e]},__exportStar=function(i,t){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(t,e)&&__createBinding(t,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./List.js"),exports);

package/dist/cjs/components/list-footer/ListFooter.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { TouchableHighlightProps } from 'react-native';
-import { ListFooterRight } from './ListFooterRight';
-import { ListFooterTitle } from './ListFooterTitle';
+import type { ReactNode } from 'react';
+import type { TouchableHighlightProps } from 'react-native';
+import { ListFooterRight } from './ListFooterRight.js';
+import { ListFooterTitle } from './ListFooterTitle.js';
 export interface ListFooterProps {
     /**
      * `ListFooter` 컴포넌트의 제목을 설정해요.

package/dist/cjs/components/list-footer/ListFooter.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),border_1=require("../border"),ListFooterRight_1=require("./ListFooterRight"),ListFooterTitle_1=require("./ListFooterTitle");function ListFooter({title:r,right:i,borderType:e="full",onPress:t}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableHighlight,{accessibilityRole:t!=null?"button":void 0,underlayColor:"rgba(0,0,0,0.26)",onPress:t,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[e==="full"&&(0,jsx_runtime_1.jsx)(border_1.Border,{type:e}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"row",alignItems:"center",justifyContent:"center",height:59},children:[r,i]})]})})}ListFooter.Title=ListFooterTitle_1.ListFooterTitle,ListFooter.Right=ListFooterRight_1.ListFooterRight,exports.default=ListFooter;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),index_js_1=require("../border/index.js"),ListFooterRight_js_1=require("./ListFooterRight.js"),ListFooterTitle_js_1=require("./ListFooterTitle.js");function ListFooter({title:i,right:r,borderType:e="full",onPress:t}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableHighlight,{accessibilityRole:t!=null?"button":void 0,underlayColor:"rgba(0,0,0,0.26)",onPress:t,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[e==="full"&&(0,jsx_runtime_1.jsx)(index_js_1.Border,{type:e}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{flexDirection:"row",alignItems:"center",justifyContent:"center",height:59},children:[i,r]})]})})}ListFooter.Title=ListFooterTitle_js_1.ListFooterTitle,ListFooter.Right=ListFooterRight_js_1.ListFooterRight,exports.default=ListFooter;

package/dist/cjs/components/list-footer/ListFooterRight.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
 export interface ListFooterRightProps {
     /**
      * `ListFooter.Right` 컴포넌트의 스타일을 변경할 때 사용해요.

package/dist/cjs/components/list-footer/ListFooterTitle.d.ts

@@ -1,4 +1,4 @@
-import { TxtProps } from '../txt';
+import type { TxtProps } from '../txt/index.js';
 export interface ListFooterTitleProps extends TxtProps {
     /**
      * `ListFooter.Title` 컴포넌트의 텍스트 스타일을 설정해요.

package/dist/cjs/components/list-footer/ListFooterTitle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListFooterTitle=ListFooterTitle;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),txt_1=require("../txt");function ListFooterTitle({typography:t="t5",color:e=tds_colors_1.colors.blue500,fontWeight:r="medium",children:o,...s}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:t,color:e,fontWeight:r,...s,children:o})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListFooterTitle=ListFooterTitle;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../txt/index.js");function ListFooterTitle({typography:e="t5",color:t=tds_colors_1.colors.blue500,fontWeight:r="medium",children:o,...s}){return(0,jsx_runtime_1.jsx)(index_js_1.Txt,{typography:e,color:t,fontWeight:r,...s,children:o})}

package/dist/cjs/components/list-footer/index.d.ts

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

package/dist/cjs/components/list-footer/index.js

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

package/dist/cjs/components/list-header/ListHeaderDescriptionParagraph.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface ListHeaderDescriptionParagraphProps {
     /**
      * `ListHeader.Description` 컴포넌트 내부에 표시될 내용을 설정해요.

package/dist/cjs/components/list-header/ListHeaderDescriptionParagraph.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(n,e,i,r){r===void 0&&(r=i);var t=Object.getOwnPropertyDescriptor(e,i);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(n,r,t)}:function(n,e,i,r){r===void 0&&(r=i),n[r]=e[i]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(i){var r=[];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(r[r.length]=t);return r},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var r=n(e),t=0;t<r.length;t++)r[t]!=="default"&&__createBinding(i,e,r[t]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderDescriptionParagraph=ListHeaderDescriptionParagraph;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),Paragraph=__importStar(require("../paragraph"));function ListHeaderDescriptionParagraph({...n}){const e=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:"t7",children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"regular",color:e.grey600,...n})})}
+"use strict";var __createBinding=Object.create?function(n,e,i,t){t===void 0&&(t=i);var r=Object.getOwnPropertyDescriptor(e,i);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(n,t,r)}:function(n,e,i,t){t===void 0&&(t=i),n[t]=e[i]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(i){var t=[];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[t.length]=r);return t},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var t=n(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(i,e,t[r]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderDescriptionParagraph=ListHeaderDescriptionParagraph;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),Paragraph=__importStar(require("../paragraph/index.js"));function ListHeaderDescriptionParagraph({...n}){const e=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:"t7",children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"regular",color:e.grey600,...n})})}

package/dist/cjs/components/list-header/ListHeaderRight.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { ReactNode } from 'react';
+import type { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
 export interface ListHeaderRightTextProps {
     /**
      * `ListHeader.RightText` 컴포넌트의 텍스트 스타일을 설정해요.

package/dist/cjs/components/list-header/ListHeaderRight.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(t,e,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(e,r);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,n,i)}:function(t,e,r,n){n===void 0&&(n=r),t[n]=e[r]},__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(r){var n=[];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[n.length]=i);return n},t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var n=t(e),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(r,e,n[i]);return __setModuleDefault(r,e),r}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderRightText=ListHeaderRightText,exports.ListHeaderRightArrow=ListHeaderRightArrow;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),core_1=require("../../core"),icon_1=require("../icon"),Paragraph=__importStar(require("../paragraph"));function ListHeaderRightText({typography:t,color:e,style:r,...n}){const i=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(Paragraph.Root,{style:[styles.base,r],typography:t,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"regular",color:e??i.grey700,...n})})}function ListHeaderRightArrow(t){const e=(0,core_1.useAdaptive)(),r=t.onPress!=null?react_native_1.Pressable:react_native_1.View;return(0,jsx_runtime_1.jsxs)(r,{style:[styles.base,styles.arrow,t.style],onPress:t.onPress,hitSlop:{right:16},children:[isRightArrowWithChildren(t)?(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:t.typography,style:styles.arrowText,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:t?.color??e.grey700,fontWeight:"regular",children:t.children})}):null,(0,jsx_runtime_1.jsx)(icon_1.Icon,{color:e.grey400,name:"icon-arrow-right-mono",size:24})]})}const styles=react_native_1.StyleSheet.create({base:{flexDirection:"row",alignItems:"center"},arrow:{marginRight:-8},arrowText:{flexShrink:1,marginRight:4}});function isRightArrowWithChildren(t){return!!Object.hasOwn(t??{},"children")}
+"use strict";var __createBinding=Object.create?function(t,e,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(e,r);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,n,i)}:function(t,e,r,n){n===void 0&&(n=r),t[n]=e[r]},__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(r){var n=[];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(n[n.length]=i);return n},t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var n=t(e),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(r,e,n[i]);return __setModuleDefault(r,e),r}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderRightText=ListHeaderRightText,exports.ListHeaderRightArrow=ListHeaderRightArrow;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("../icon/index.js"),Paragraph=__importStar(require("../paragraph/index.js"));function ListHeaderRightText({typography:t,color:e,style:r,...n}){const i=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(Paragraph.Root,{style:[styles.base,r],typography:t,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{fontWeight:"regular",color:e??i.grey700,...n})})}function ListHeaderRightArrow(t){const e=(0,index_js_1.useAdaptive)(),r=t.onPress!=null?react_native_1.Pressable:react_native_1.View;return(0,jsx_runtime_1.jsxs)(r,{style:[styles.base,styles.arrow,t.style],onPress:t.onPress,hitSlop:{right:16},children:[isRightArrowWithChildren(t)?(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:t.typography,style:styles.arrowText,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:t?.color??e.grey700,fontWeight:"regular",children:t.children})}):null,(0,jsx_runtime_1.jsx)(index_js_2.Icon,{color:e.grey400,name:"icon-arrow-right-mono",size:24})]})}const styles=react_native_1.StyleSheet.create({base:{flexDirection:"row",alignItems:"center"},arrow:{marginRight:-8},arrowText:{flexShrink:1,marginRight:4}});function isRightArrowWithChildren(t){return!!Object.hasOwn(t??{},"children")}

package/dist/cjs/components/list-header/ListHeaderRoot.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
-import { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import { ListHeaderDescriptionParagraph } from './ListHeaderDescriptionParagraph';
-import { ListHeaderRightArrow, ListHeaderRightText } from './ListHeaderRight';
-import { ListHeaderTitleParagraph } from './ListHeaderTitleParagraph';
-import { ListHeaderTitleSelector } from './ListHeaderTitleSelector';
-import { ListHeaderTitleTextButton } from './ListHeaderTitleTextButton';
+import type { ReactNode } from 'react';
+import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import { ListHeaderDescriptionParagraph } from './ListHeaderDescriptionParagraph.js';
+import { ListHeaderRightArrow, ListHeaderRightText } from './ListHeaderRight.js';
+import { ListHeaderTitleParagraph } from './ListHeaderTitleParagraph.js';
+import { ListHeaderTitleSelector } from './ListHeaderTitleSelector.js';
+import { ListHeaderTitleTextButton } from './ListHeaderTitleTextButton.js';
 export interface ListHeaderRootProps {
     /**
      * `ListHeader`의 상단에 표시될 보조 설명 영역이에요.

package/dist/cjs/components/list-header/ListHeaderRoot.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderRoot=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),ListHeaderContext_1=require("./ListHeaderContext"),ListHeaderDescriptionParagraph_1=require("./ListHeaderDescriptionParagraph"),ListHeaderRight_1=require("./ListHeaderRight"),ListHeaderTitleParagraph_1=require("./ListHeaderTitleParagraph"),ListHeaderTitleSelector_1=require("./ListHeaderTitleSelector"),ListHeaderTitleTextButton_1=require("./ListHeaderTitleTextButton"),_ListHeaderRoot=({upper:t,title:s,right:e,lower:r,onPress:i,rightViewStyle:a,titleViewStyle:n})=>{const[o,l]=(0,react_1.useState)(!1),c=i!=null?react_native_1.Pressable:react_native_1.View;return(0,jsx_runtime_1.jsx)(ListHeaderContext_1.ListHeaderContext.Provider,{value:{setIsMultilineTitle:l},children:(0,jsx_runtime_1.jsxs)(c,{style:[styles.container],onPress:i,children:[t&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.upper,children:t}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.body,{alignItems:o?"flex-end":"center"}],children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.title,e==null?{flex:0}:void 0,n],children:s}),e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.right,a],children:e})]}),r&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.lower,children:r})]})})},styles=react_native_1.StyleSheet.create({container:{marginTop:24,marginBottom:8},upper:{marginBottom:4,marginHorizontal:24},body:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginHorizontal:24},title:{flex:2},right:{flex:1,alignItems:"flex-end"},lower:{marginTop:4,marginHorizontal:24}}),ListHeaderRoot=_ListHeaderRoot;exports.ListHeaderRoot=ListHeaderRoot,ListHeaderRoot.Root=ListHeaderRoot,ListHeaderRoot.TitleParagraph=ListHeaderTitleParagraph_1.ListHeaderTitleParagraph,ListHeaderRoot.TitleSelector=ListHeaderTitleSelector_1.ListHeaderTitleSelector,ListHeaderRoot.TitleTextButton=ListHeaderTitleTextButton_1.ListHeaderTitleTextButton,ListHeaderRoot.DescriptionParagraph=ListHeaderDescriptionParagraph_1.ListHeaderDescriptionParagraph,ListHeaderRoot.RightText=ListHeaderRight_1.ListHeaderRightText,ListHeaderRoot.RightArrow=ListHeaderRight_1.ListHeaderRightArrow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderRoot=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),ListHeaderContext_js_1=require("./ListHeaderContext.js"),ListHeaderDescriptionParagraph_js_1=require("./ListHeaderDescriptionParagraph.js"),ListHeaderRight_js_1=require("./ListHeaderRight.js"),ListHeaderTitleParagraph_js_1=require("./ListHeaderTitleParagraph.js"),ListHeaderTitleSelector_js_1=require("./ListHeaderTitleSelector.js"),ListHeaderTitleTextButton_js_1=require("./ListHeaderTitleTextButton.js"),_ListHeaderRoot=({upper:t,title:s,right:e,lower:r,onPress:i,rightViewStyle:a,titleViewStyle:n})=>{const[o,l]=(0,react_1.useState)(!1),c=i!=null?react_native_1.Pressable:react_native_1.View;return(0,jsx_runtime_1.jsx)(ListHeaderContext_js_1.ListHeaderContext.Provider,{value:{setIsMultilineTitle:l},children:(0,jsx_runtime_1.jsxs)(c,{style:[styles.container],onPress:i,children:[t&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.upper,children:t}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.body,{alignItems:o?"flex-end":"center"}],children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.title,e==null?{flex:0}:void 0,n],children:s}),e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.right,a],children:e})]}),r&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.lower,children:r})]})})},styles=react_native_1.StyleSheet.create({container:{marginTop:24,marginBottom:8},upper:{marginBottom:4,marginHorizontal:24},body:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginHorizontal:24},title:{flex:2},right:{flex:1,alignItems:"flex-end"},lower:{marginTop:4,marginHorizontal:24}}),ListHeaderRoot=_ListHeaderRoot;exports.ListHeaderRoot=ListHeaderRoot,ListHeaderRoot.Root=ListHeaderRoot,ListHeaderRoot.TitleParagraph=ListHeaderTitleParagraph_js_1.ListHeaderTitleParagraph,ListHeaderRoot.TitleSelector=ListHeaderTitleSelector_js_1.ListHeaderTitleSelector,ListHeaderRoot.TitleTextButton=ListHeaderTitleTextButton_js_1.ListHeaderTitleTextButton,ListHeaderRoot.DescriptionParagraph=ListHeaderDescriptionParagraph_js_1.ListHeaderDescriptionParagraph,ListHeaderRoot.RightText=ListHeaderRight_js_1.ListHeaderRightText,ListHeaderRoot.RightArrow=ListHeaderRight_js_1.ListHeaderRightArrow;

package/dist/cjs/components/list-header/ListHeaderTitleParagraph.d.ts

@@ -1,6 +1,6 @@
-import type { ParagraphTextProps } from '../paragraph';
-import { ReactNode } from 'react';
-import { StyleProp, TextStyle } from 'react-native';
+import type { ParagraphTextProps } from '../paragraph/index.js';
+import type { ReactNode } from 'react';
+import type { StyleProp, TextStyle } from 'react-native';
 export interface ListHeaderTitleParagraphProps {
     /**
      * `ListHeader.TitleParagraph` 컴포넌트의 텍스트 크기를 설정해요.

package/dist/cjs/components/list-header/ListHeaderTitleParagraph.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(n,e,a,t){t===void 0&&(t=a);var r=Object.getOwnPropertyDescriptor(e,a);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(n,t,r)}:function(n,e,a,t){t===void 0&&(t=a),n[t]=e[a]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(a){var t=[];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(t[t.length]=r);return t},n(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var t=n(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(a,e,t[r]);return __setModuleDefault(a,e),a}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleParagraph=ListHeaderTitleParagraph;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),Paragraph=__importStar(require("../paragraph")),react_1=require("react"),ListHeaderContext_1=require("./ListHeaderContext");function ListHeaderTitleParagraph({size:n,typography:e,color:a,fontWeight:t,numberOfLines:r,children:u,style:o}){const{setIsMultilineTitle:i}=(0,react_1.useContext)(ListHeaderContext_1.ListHeaderContext),s=(0,core_1.useAdaptive)(),c=(0,react_1.useMemo)(()=>{if(n!=null)switch(n){case 20:return"t4";case 17:return"t5";case 13:return"t7"}return e??"t5"},[n,e]),l=(0,react_1.useCallback)(f=>{i(f.nativeEvent.lines.length>1)},[i]);return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:c,style:o,onTextLayout:l,numberOfLines:r,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:a??s.grey800,fontWeight:t,children:u})})}
+"use strict";var __createBinding=Object.create?function(n,e,i,t){t===void 0&&(t=i);var r=Object.getOwnPropertyDescriptor(e,i);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(n,t,r)}:function(n,e,i,t){t===void 0&&(t=i),n[t]=e[i]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(i){var t=[];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[t.length]=r);return t},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var t=n(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(i,e,t[r]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleParagraph=ListHeaderTitleParagraph;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),Paragraph=__importStar(require("../paragraph/index.js")),react_1=require("react"),ListHeaderContext_js_1=require("./ListHeaderContext.js");function ListHeaderTitleParagraph({size:n,typography:e,color:i,fontWeight:t,numberOfLines:r,children:u,style:s}){const{setIsMultilineTitle:a}=(0,react_1.useContext)(ListHeaderContext_js_1.ListHeaderContext),o=(0,index_js_1.useAdaptive)(),c=(0,react_1.useMemo)(()=>{if(n!=null)switch(n){case 20:return"t4";case 17:return"t5";case 13:return"t7"}return e??"t5"},[n,e]),l=(0,react_1.useCallback)(f=>{a(f.nativeEvent.lines.length>1)},[a]);return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:c,style:s,onTextLayout:l,numberOfLines:r,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:i??o.grey800,fontWeight:t,children:u})})}

package/dist/cjs/components/list-header/ListHeaderTitleSelector.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { PressableProps, StyleProp, TextStyle, View } from 'react-native';
-import type { ParagraphTextProps } from '../paragraph';
+import type { ReactNode } from 'react';
+import type { PressableProps, StyleProp, TextStyle, View } from 'react-native';
+import type { ParagraphTextProps } from '../paragraph/index.js';
 export interface ListHeaderTitleSelectorProps {
     /**
      * `ListHeader.TitleSelector` 컴포넌트의 텍스트 스타일을 설정해요.

package/dist/cjs/components/list-header/ListHeaderTitleSelector.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,e,n,r){r===void 0&&(r=n);var t=Object.getOwnPropertyDescriptor(e,n);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,r,t)}:function(i,e,n,r){r===void 0&&(r=n),i[r]=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 r=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(r[r.length]=t);return r},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=i(e),t=0;t<r.length;t++)r[t]!=="default"&&__createBinding(n,e,r[t]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleSelector=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),Paragraph=__importStar(require("../paragraph"));exports.ListHeaderTitleSelector=(0,react_1.forwardRef)(function({color:e,fontWeight:n,children:r,typography:t,style:o,numberOfLines:c,onPress:u},s){const a=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:u,style:o,ref:s,children:(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:t,numberOfLines:c,afterText:(0,jsx_runtime_1.jsx)(Paragraph.Icon,{name:"icon-arrow-down-mono",color:a.grey600}),children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:e??a.grey800,fontWeight:n,children:r})})})});
+"use strict";var __createBinding=Object.create?function(i,e,n,r){r===void 0&&(r=n);var t=Object.getOwnPropertyDescriptor(e,n);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,r,t)}:function(i,e,n,r){r===void 0&&(r=n),i[r]=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 r=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(r[r.length]=t);return r},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=i(e),t=0;t<r.length;t++)r[t]!=="default"&&__createBinding(n,e,r[t]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleSelector=void 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"),Paragraph=__importStar(require("../paragraph/index.js"));exports.ListHeaderTitleSelector=(0,react_1.forwardRef)(function({color:e,fontWeight:n,children:r,typography:t,style:o,numberOfLines:c,onPress:u},s){const a=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:u,style:o,ref:s,children:(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:t,numberOfLines:c,afterText:(0,jsx_runtime_1.jsx)(Paragraph.Icon,{name:"icon-arrow-down-mono",color:a.grey600}),children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:e??a.grey800,fontWeight:n,children:r})})})});

package/dist/cjs/components/list-header/ListHeaderTitleTextButton.d.ts

@@ -1,4 +1,4 @@
-import { TextButtonProps } from '../text-button';
+import type { TextButtonProps } from '../text-button/index.js';
 export interface ListHeaderTitleTextButtonProps extends TextButtonProps {
     /**
      * `ListHeader.TitleTextButton` 컴포넌트의 텍스트 스타일을 설정해요.

package/dist/cjs/components/list-header/ListHeaderTitleTextButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleTextButton=ListHeaderTitleTextButton;const jsx_runtime_1=require("react/jsx-runtime"),text_button_1=require("../text-button");function ListHeaderTitleTextButton({...t}){return(0,jsx_runtime_1.jsx)(text_button_1.TextButton,{variant:"underline",...t})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderTitleTextButton=ListHeaderTitleTextButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../text-button/index.js");function ListHeaderTitleTextButton({...e}){return(0,jsx_runtime_1.jsx)(index_js_1.TextButton,{variant:"underline",...e})}

package/dist/cjs/components/list-header/index.d.ts

@@ -1 +1 @@
-export { ListHeaderRoot as ListHeader } from './ListHeaderRoot';
+export { ListHeaderRoot as ListHeader } from './ListHeaderRoot.js';

package/dist/cjs/components/list-header/index.js

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

package/dist/cjs/components/list-row/ListRow.d.ts

@@ -1,10 +1,11 @@
-import { ComponentProps, ReactNode } from 'react';
-import { AccessibilityState, StyleProp, TouchableHighlight, ViewStyle } from 'react-native';
+import type { ComponentProps, ReactNode } from 'react';
+import type { AccessibilityProps, StyleProp, ViewStyle } from 'react-native';
+import { TouchableHighlight } from 'react-native';
 export interface ListRowRef {
     blink: (duration?: number) => void;
     shine: (playCount?: number) => void;
 }
-export interface ListRowProps {
+export interface ListRowProps extends AccessibilityProps {
     left?: ReactNode;
     contents?: ReactNode;
     right?: ReactNode;
@@ -20,6 +21,5 @@ export interface ListRowProps {
     preferReducedMotion?: boolean;
     disabledStyle?: 'type1' | 'type2';
     disabled?: boolean;
-    accessibilityState?: AccessibilityState;
 }
 export declare const ListRow: import("react").ForwardRefExoticComponent<ListRowProps & import("react").RefAttributes<ListRowRef>>;

package/dist/cjs/components/list-row/ListRow.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRow=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../core"),animated_1=require("../../interactions/animated"),pressable_effect_1=require("../../interactions/pressable-effect"),ListRowDisabled_1=require("./ListRowDisabled"),ListRowRightArrow_1=require("./ListRowRightArrow"),BlinkEffect_1=require("./animation/BlinkEffect"),ShineEffect_1=require("./animation/ShineEffect"),sToMs_1=require("./animation/sToMs"),useBlinkAnimation_1=require("./animation/useBlinkAnimation"),useShineAnimation_1=require("./animation/useShineAnimation");exports.ListRow=(0,react_1.forwardRef)(function({left:o,right:n,contents:c,withArrow:u=!1,horizontalPadding:E,verticalPadding:f=24,leftAlignment:d="center",rightAlignment:h="center",onPress:m,containerStyle:y,style:R,preferReducedMotion:L=!1,disabled:t,disabledStyle:l="type1",accessibilityState:x},k){const{colorPreference:g}=(0,core_1.useColorPreference)(),q=(0,core_1.useAdaptive)(),w=useShouldAlignVertical(),j=(0,react_1.useMemo)(()=>{switch(f){case"extraSmall":case 8:return 8;case"small":case 16:return 16;case"medium":case 24:return 24;case"large":case 32:return 32}},[f]),[p,v]=(0,react_1.useState)({width:0,height:0}),r=(0,useBlinkAnimation_1.useBlinkAnimation)({containerSize:p}),a=(0,useShineAnimation_1.useShineAnimation)({containerSize:p}),s=(0,react_1.useRef)(null),V=(0,react_1.useCallback)((e=1.5)=>{r.start(),s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{r.exit(),s.current=null},(0,sToMs_1.sToMs)(e))},[r]);(0,react_1.useEffect)(()=>()=>{s.current&&clearTimeout(s.current)},[]);const b=(0,react_1.useCallback)((e=1)=>{g==="light"?a.light.start(e):a.dark.start(e)},[g,a]);(0,react_1.useImperativeHandle)(k,()=>({blink:V,shine:b}));const A=(0,react_1.useMemo)(()=>(0,jsx_runtime_1.jsxs)(animated_1.Animated.View,{pointerEvents:t?"none":void 0,style:[{paddingVertical:j,position:"relative"},styles.container,y,r.container],children:[(0,jsx_runtime_1.jsx)(BlinkEffect_1.BlinkEffect,{blinkAnimation:r}),o!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.left,d==="top"?{alignSelf:"flex-start"}:void 0],children:o}):void 0,w?(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.content],children:[c,n!==void 0&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.rightVertical],children:n})]}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[c!==void 0&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.content,children:c}),n!==void 0&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.right,h==="top"?{alignItems:"flex-start"}:void 0],children:n})]}),u&&(0,jsx_runtime_1.jsx)(ListRowRightArrow_1.ListRowRightArrow,{})]}),[t,j,y,r,o,d,w,c,n,h,u]),S=(0,react_1.useMemo)(()=>(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[t&&l==="type1"?(0,jsx_runtime_1.jsx)(ListRowDisabled_1.ListRowDisabled.Style1,{}):void 0,t&&l==="type2"?(0,jsx_runtime_1.jsx)(ListRowDisabled_1.ListRowDisabled.Style2,{}):void 0]}),[t,l]),_=[R,E===0?{marginHorizontal:-24}:void 0,{overflow:"hidden"}];return L?(0,jsx_runtime_1.jsx)(react_native_1.TouchableHighlight,{role:"button",onLayout:e=>{v({width:e.nativeEvent.layout.width,height:e.nativeEvent.layout.height})},accessibilityState:{disabled:t,...x},onPress:t?void 0:m,underlayColor:q.greyOpacity100,style:_,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[A,(0,jsx_runtime_1.jsx)(ShineEffect_1.ShineEffect,{shineAnimation:a}),S]})}):(0,jsx_runtime_1.jsxs)(pressable_effect_1.PressableEffect,{onLayout:e=>{v({width:e.nativeEvent.layout.width,height:e.nativeEvent.layout.height})},accessibilityState:{disabled:t,...x},underlay:(0,jsx_runtime_1.jsx)(pressable_effect_1.PressableEffect.Underlay,{style:styles.underlay}),style:_,onPress:t?void 0:m,children:[A,(0,jsx_runtime_1.jsx)(ShineEffect_1.ShineEffect,{shineAnimation:a}),S]})});const useShouldAlignVertical=()=>{const{typographyLevel:i}=(0,core_1.useTypographyTheme)(),{width:o}=(0,react_native_1.useWindowDimensions)(),n=react_native_1.Platform.OS==="android";return o>=560?n?i>=200:i?.startsWith("A11y")&&i!=="A11y_Medium":n?i>=135:i?.startsWith("A11y")},styles=react_native_1.StyleSheet.create({underlay:{marginHorizontal:6,marginVertical:4,borderRadius:12},container:{flexDirection:"row",alignItems:"center",paddingHorizontal:24},content:{flex:1,justifyContent:"center"},left:{flexDirection:"row"},right:{marginLeft:16,height:"100%",flexDirection:"row",alignItems:"center",maxWidth:"80%",justifyContent:"flex-end"},rightVertical:{maxWidth:"100%",width:"100%",marginLeft:0}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRow=void 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("../../interactions/animated/index.js"),index_js_3=require("../../interactions/pressable-effect/index.js"),ListRowDisabled_js_1=require("./ListRowDisabled.js"),ListRowRightArrow_js_1=require("./ListRowRightArrow.js"),BlinkEffect_js_1=require("./animation/BlinkEffect.js"),ShineEffect_js_1=require("./animation/ShineEffect.js"),sToMs_js_1=require("./animation/sToMs.js"),useBlinkAnimation_js_1=require("./animation/useBlinkAnimation.js"),useShineAnimation_js_1=require("./animation/useShineAnimation.js"),a11y_js_1=require("../../utils/a11y.js");exports.ListRow=(0,react_1.forwardRef)(function({left:a,right:t,contents:c,withArrow:x=!1,horizontalPadding:R,verticalPadding:y=24,leftAlignment:g="center",rightAlignment:w="center",onPress:l,containerStyle:_,style:S,preferReducedMotion:L=!1,disabled:n,disabledStyle:u="type1",...k},q){const{colorPreference:v}=(0,index_js_1.useColorPreference)(),V=(0,index_js_1.useAdaptive)(),p=useShouldAlignVertical(),A=(0,react_1.useMemo)(()=>{switch(y){case"extraSmall":case 8:return 8;case"small":case 16:return 16;case"medium":case 24:return 24;case"large":case 32:return 32}},[y]),[E,d]=(0,react_1.useState)({width:0,height:0}),s=(0,useBlinkAnimation_js_1.useBlinkAnimation)({containerSize:E}),r=(0,useShineAnimation_js_1.useShineAnimation)({containerSize:E}),o=(0,react_1.useRef)(null),T=(0,react_1.useCallback)((e=1.5)=>{s.start(),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>{s.exit(),o.current=null},(0,sToMs_js_1.sToMs)(e))},[s]);(0,react_1.useEffect)(()=>()=>{o.current&&clearTimeout(o.current)},[]);const b=(0,react_1.useCallback)((e=1)=>{v==="light"?r.light.start(e):r.dark.start(e)},[v,r]);(0,react_1.useImperativeHandle)(q,()=>({blink:T,shine:b}));const f=(0,react_1.useMemo)(()=>(0,jsx_runtime_1.jsxs)(index_js_2.Animated.View,{pointerEvents:n?"none":void 0,style:[{paddingVertical:A,position:"relative"},styles.container,_,s.container],children:[(0,jsx_runtime_1.jsx)(BlinkEffect_js_1.BlinkEffect,{blinkAnimation:s}),a!=null?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.left,g==="top"?{alignSelf:"flex-start"}:void 0],children:a}):void 0,p?(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[styles.content],children:[c,t!==void 0&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.rightVertical],children:t})]}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[c!==void 0&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.content,children:c}),t!==void 0&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.right,w==="top"?{alignItems:"flex-start"}:void 0],children:t})]}),x&&(0,jsx_runtime_1.jsx)(ListRowRightArrow_js_1.ListRowRightArrow,{})]}),[n,A,_,s,a,g,p,c,t,w,x]),h=(0,react_1.useMemo)(()=>(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[n&&u==="type1"?(0,jsx_runtime_1.jsx)(ListRowDisabled_js_1.ListRowDisabled.Style1,{}):void 0,n&&u==="type2"?(0,jsx_runtime_1.jsx)(ListRowDisabled_js_1.ListRowDisabled.Style2,{}):void 0]}),[n,u]),m=[S,R===0?{marginHorizontal:-24}:void 0,{overflow:"hidden"}],j=(0,a11y_js_1.generateA11yRestProps)(k,{role:l==null?void 0:"button",disabled:n});return L?l==null?(0,jsx_runtime_1.jsxs)(react_native_1.View,{...j,onLayout:e=>{d({width:e.nativeEvent.layout.width,height:e.nativeEvent.layout.height})},style:m,children:[f,(0,jsx_runtime_1.jsx)(ShineEffect_js_1.ShineEffect,{shineAnimation:r}),h]}):(0,jsx_runtime_1.jsx)(react_native_1.TouchableHighlight,{...j,onLayout:e=>{d({width:e.nativeEvent.layout.width,height:e.nativeEvent.layout.height})},onPress:n?void 0:l,underlayColor:V.greyOpacity100,style:m,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[f,(0,jsx_runtime_1.jsx)(ShineEffect_js_1.ShineEffect,{shineAnimation:r}),h]})}):(0,jsx_runtime_1.jsxs)(index_js_3.PressableEffect,{...j,onLayout:e=>{d({width:e.nativeEvent.layout.width,height:e.nativeEvent.layout.height})},underlay:(0,jsx_runtime_1.jsx)(index_js_3.PressableEffect.Underlay,{style:styles.underlay}),style:m,onPress:n?void 0:l,children:[f,(0,jsx_runtime_1.jsx)(ShineEffect_js_1.ShineEffect,{shineAnimation:r}),h]})});const useShouldAlignVertical=()=>{const{typographyLevel:i}=(0,index_js_1.useTypographyTheme)(),{width:a}=(0,react_native_1.useWindowDimensions)(),t=react_native_1.Platform.OS==="android";return a>=560?t?i>=200:i?.startsWith("A11y")&&i!=="A11y_Medium":t?i>=135:i?.startsWith("A11y")},styles=react_native_1.StyleSheet.create({underlay:{marginHorizontal:6,marginVertical:4,borderRadius:12},container:{flexDirection:"row",alignItems:"center",paddingHorizontal:24},content:{flex:1,justifyContent:"center"},left:{flexDirection:"row"},right:{marginLeft:16,height:"100%",flexDirection:"row",alignItems:"center",maxWidth:"80%",justifyContent:"flex-end"},rightVertical:{maxWidth:"100%",width:"100%",marginLeft:0}});

package/dist/cjs/components/list-row/ListRowDisabled.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import { View } from 'react-native';
 /**
  * ListRow 의 disabled 영역 - disabledStyle1

package/dist/cjs/components/list-row/ListRowDisabled.js

@@ -1 +1 @@
-"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowDisabled=void 0;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");function ListRowDisabledStyle1({...e}){const{colorPreference:t}=(0,core_1.useColorPreference)(),r=(0,react_1.useMemo)(()=>t==="light"?tds_colors_1.colors.whiteOpacity700:(0,hex_to_rgba_1.default)(tds_colors_1.colors.darkBackground,.7),[t]);return(0,jsx_runtime_1.jsx)(react_native_1.View,{pointerEvents:"none",style:[{position:"absolute",width:"100%",height:"100%",backgroundColor:r}],...e})}function ListRowDisabledStyle2({...e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{pointerEvents:"none",style:[{position:"absolute",width:"100%",height:"100%",backgroundColor:t.greyOpacity50}],...e})}exports.ListRowDisabled={Style1:ListRowDisabledStyle1,Style2:ListRowDisabledStyle2};
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowDisabled=void 0;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");function ListRowDisabledStyle1({...e}){const{colorPreference:t}=(0,index_js_1.useColorPreference)(),r=(0,react_1.useMemo)(()=>t==="light"?tds_colors_1.colors.whiteOpacity700:(0,hex_to_rgba_1.default)(tds_colors_1.colors.darkBackground,.7),[t]);return(0,jsx_runtime_1.jsx)(react_native_1.View,{pointerEvents:"none",style:[{position:"absolute",width:"100%",height:"100%",backgroundColor:r}],...e})}function ListRowDisabledStyle2({...e}){const t=(0,index_js_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{pointerEvents:"none",style:[{position:"absolute",width:"100%",height:"100%",backgroundColor:t.greyOpacity50}],...e})}exports.ListRowDisabled={Style1:ListRowDisabledStyle1,Style2:ListRowDisabledStyle2};

package/dist/cjs/components/list-row/ListRowIcon.d.ts

@@ -1,6 +1,6 @@
 import { Image } from '@granite-js/react-native';
-import { Icon } from '../icon';
-import { ComponentProps } from 'react';
+import { Icon } from '../icon/index.js';
+import type { ComponentProps } from 'react';
 type IconType = 'default' | 'small' | 'border' | 'background';
 type IconProps = Omit<ComponentProps<typeof Icon>, 'size'>;
 type ImageProps = ComponentProps<typeof Image>;

package/dist/cjs/components/list-row/ListRowIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowIcon=ListRowIcon;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("@granite-js/react-native"),core_1=require("../../core"),icon_1=require("../icon"),react_native_2=require("react-native");function ListRowIcon({type:e="default",align:t="center",style:o,...r}){const n=(0,core_1.useAdaptive)(),i=e==="small"?20:24;return(0,jsx_runtime_1.jsx)(react_native_2.View,{style:[{flexDirection:"row",alignItems:t==="center"?"center":"flex-start",justifyContent:t==="center"?"center":"flex-start",marginRight:t==="center"?16:0},types[e],e==="border"?{borderColor:n.grey100}:void 0,e==="background"?{backgroundColor:n.grey100}:void 0,o],children:"source"in r?(0,jsx_runtime_1.jsx)(react_native_1.Image,{source:r.source,style:[{width:i,height:i}],accessibilityRole:"none"}):(0,jsx_runtime_1.jsx)(icon_1.Icon,{size:i,...r})})}const types={default:{width:24,height:24},small:{width:20,height:20,marginRight:16},border:{width:40,height:40,borderRadius:20,borderWidth:1,borderStyle:"solid"},background:{width:40,height:40,borderRadius:20}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowIcon=ListRowIcon;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("@granite-js/react-native"),index_js_1=require("../../core/index.js"),index_js_2=require("../icon/index.js"),react_native_2=require("react-native");function ListRowIcon({type:e="default",align:t="center",style:o,...r}){const n=(0,index_js_1.useAdaptive)(),i=e==="small"?20:24;return(0,jsx_runtime_1.jsx)(react_native_2.View,{style:[{flexDirection:"row",alignItems:t==="center"?"center":"flex-start",justifyContent:t==="center"?"center":"flex-start",marginRight:t==="center"?16:0},types[e],e==="border"?{borderColor:n.grey100}:void 0,e==="background"?{backgroundColor:n.grey100}:void 0,o],children:"source"in r?(0,jsx_runtime_1.jsx)(react_native_1.Image,{source:r.source,style:[{width:i,height:i}],accessibilityRole:"none"}):(0,jsx_runtime_1.jsx)(index_js_2.Icon,{size:i,...r})})}const types={default:{width:24,height:24},small:{width:20,height:20,marginRight:16},border:{width:40,height:40,borderRadius:20,borderWidth:1,borderStyle:"solid"},background:{width:40,height:40,borderRadius:20}};

package/dist/cjs/components/list-row/ListRowImage.d.ts

@@ -1,6 +1,6 @@
 import { Image } from '@granite-js/react-native';
-import { ComponentProps } from 'react';
-import { ViewProps } from 'react-native';
+import type { ComponentProps } from 'react';
+import type { ViewProps } from 'react-native';
 type ImageProps = ComponentProps<typeof Image>;
 type ImageType = 'default' | 'square' | 'rectangle' | 'rectangle-small' | 'circle' | 'circle-small' | '3d-emoji';
 interface BaseProps {

package/dist/cjs/components/list-row/ListRowImage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowImage=ListRowImage;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("@granite-js/react-native"),core_1=require("../../core"),react_1=require("react"),react_native_2=require("react-native");function ListRowImage({type:t="default",border:r=t==="rectangle"||t==="rectangle-small",resizeMode:d,source:h,style:a,...e}){const n=(0,core_1.useAdaptive)(),[i,o]=(0,react_1.useState)({width:"width"in e?e.width:0,height:"height"in e?e.height:0});return(0,jsx_runtime_1.jsx)(react_native_2.View,{style:[styles.base,types.default,types[t],r?{...styles.border,borderColor:n.greyOpacity100}:void 0,t==="default"?{width:i.width,height:i.height}:void 0,a],children:(0,jsx_runtime_1.jsx)(react_native_1.Image,{source:h,style:{width:"100%",height:"100%"},resizeMode:d,onLoad:s=>{"width"in e&&"height"in e||o(s.nativeEvent)}})})}const styles=react_native_2.StyleSheet.create({base:{height:"100%",flexDirection:"row",alignItems:"center",marginRight:16},border:{borderWidth:1,borderStyle:"solid"}}),types={default:{maxWidth:108,maxHeight:54},square:{overflow:"hidden",width:54,height:54,borderRadius:10},rectangle:{overflow:"hidden",width:34,height:54,borderRadius:4},"rectangle-small":{overflow:"hidden",width:30,height:47,borderRadius:4},circle:{overflow:"hidden",width:40,height:40,borderRadius:20},"circle-small":{overflow:"hidden",width:34,height:34,borderRadius:17},"3d-emoji":{overflow:"hidden",width:40,height:40}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowImage=ListRowImage;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("@granite-js/react-native"),index_js_1=require("../../core/index.js"),react_1=require("react"),react_native_2=require("react-native");function ListRowImage({type:t="default",border:r=t==="rectangle"||t==="rectangle-small",resizeMode:d,source:h,style:a,...e}){const n=(0,index_js_1.useAdaptive)(),[i,o]=(0,react_1.useState)({width:"width"in e?e.width:0,height:"height"in e?e.height:0});return(0,jsx_runtime_1.jsx)(react_native_2.View,{style:[styles.base,types.default,types[t],r?{...styles.border,borderColor:n.greyOpacity100}:void 0,t==="default"?{width:i.width,height:i.height}:void 0,a],children:(0,jsx_runtime_1.jsx)(react_native_1.Image,{source:h,style:{width:"100%",height:"100%"},resizeMode:d,onLoad:s=>{"width"in e&&"height"in e||o(s.nativeEvent)}})})}const styles=react_native_2.StyleSheet.create({base:{height:"100%",flexDirection:"row",alignItems:"center",marginRight:16},border:{borderWidth:1,borderStyle:"solid"}}),types={default:{maxWidth:108,maxHeight:54},square:{overflow:"hidden",width:54,height:54,borderRadius:10},rectangle:{overflow:"hidden",width:34,height:54,borderRadius:4},"rectangle-small":{overflow:"hidden",width:30,height:47,borderRadius:4},circle:{overflow:"hidden",width:40,height:40,borderRadius:20},"circle-small":{overflow:"hidden",width:34,height:34,borderRadius:17},"3d-emoji":{overflow:"hidden",width:40,height:40}};

package/dist/cjs/components/list-row/ListRowImageContainer.d.ts

@@ -1,4 +1,4 @@
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 type ImageType = 'default' | 'square' | 'rectangle' | 'rectangle-small' | 'circle' | 'circle-small' | '3d-emoji';
 interface BaseProps extends ViewProps {
     /**

package/dist/cjs/components/list-row/ListRowImageContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowImageContainer=ListRowImageContainer;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),react_native_1=require("react-native");function ListRowImageContainer({type:t="default",border:i=!1,style:r,children:d,...e}){const h=(0,core_1.useAdaptive)(),o="width"in e?e.width:0,a="height"in e?e.height:0;return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.base,types.default,types[t],i?{...styles.border,borderColor:h.greyOpacity100}:void 0,r,t==="default"?{width:o,height:a}:void 0],...e,children:d})}const types={default:{maxWidth:108,maxHeight:54},square:{overflow:"hidden",width:54,height:54,borderRadius:10},rectangle:{overflow:"hidden",width:34,height:54,borderRadius:4},"rectangle-small":{overflow:"hidden",width:30,height:47,borderRadius:4},circle:{overflow:"hidden",width:40,height:40,borderRadius:20},"circle-small":{overflow:"hidden",width:34,height:34,borderRadius:17},"3d-emoji":{overflow:"hidden",width:40,height:40}},styles=react_native_1.StyleSheet.create({base:{alignSelf:"flex-start",height:"100%",flexDirection:"row",alignItems:"center",marginRight:16},border:{borderWidth:1,borderStyle:"solid"}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowImageContainer=ListRowImageContainer;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),react_native_1=require("react-native");function ListRowImageContainer({type:t="default",border:i=!1,style:d,children:r,...e}){const h=(0,index_js_1.useAdaptive)(),n="width"in e?e.width:0,o="height"in e?e.height:0;return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.base,types.default,types[t],i?{...styles.border,borderColor:h.greyOpacity100}:void 0,d,t==="default"?{width:n,height:o}:void 0],...e,children:r})}const types={default:{maxWidth:108,maxHeight:54},square:{overflow:"hidden",width:54,height:54,borderRadius:10},rectangle:{overflow:"hidden",width:34,height:54,borderRadius:4},"rectangle-small":{overflow:"hidden",width:30,height:47,borderRadius:4},circle:{overflow:"hidden",width:40,height:40,borderRadius:20},"circle-small":{overflow:"hidden",width:34,height:34,borderRadius:17},"3d-emoji":{overflow:"hidden",width:40,height:40}},styles=react_native_1.StyleSheet.create({base:{alignSelf:"flex-start",height:"100%",flexDirection:"row",alignItems:"center",marginRight:16},border:{borderWidth:1,borderStyle:"solid"}});

package/dist/cjs/components/list-row/ListRowLeftText.d.ts

@@ -1,4 +1,4 @@
-import { TxtProps } from '../txt';
+import type { TxtProps } from '../txt/index.js';
 type LeftTextProps = TxtProps & {
     children: string;
 };

package/dist/cjs/components/list-row/ListRowLeftText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowLeftText=ListRowLeftText;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../txt"),react_native_1=require("react-native");function ListRowLeftText({style:t,...e}){return(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",fontWeight:"bold",style:[styles.txt,t],...e})}const styles=react_native_1.StyleSheet.create({txt:{minWidth:47,marginRight:8}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowLeftText=ListRowLeftText;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../txt/index.js"),react_native_1=require("react-native");function ListRowLeftText({style:t,...e}){return(0,jsx_runtime_1.jsx)(index_js_1.Txt,{typography:"t6",fontWeight:"bold",style:[styles.txt,t],...e})}const styles=react_native_1.StyleSheet.create({txt:{minWidth:47,marginRight:8}});