@toss/tds-react-native 1.0.0

package/dist/cjs/components/icon-button/index.d.ts

@@ -0,0 +1 @@
+export * from './IconButton';

package/dist/cjs/components/icon-button/index.js

@@ -0,0 +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("./IconButton"),exports);

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

@@ -0,0 +1 @@
+export declare function BackspaceIcon(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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.BackspaceIcon=BackspaceIcon;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),colors_1=require("@toss-design-system/colors");function BackspaceIcon(){return(0,jsx_runtime_1.jsx)(react_native_svg_1.default,{viewBox:"0 0 24 24","aria-label":"\uC9C0\uC6B0\uAE30",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{fill:colors_1.colors.white,fillRule:"evenodd",d:"M20.966 10.8H6.93l5.451-5.451a1.2 1.2 0 10-1.697-1.697l-7.5 7.5c-.003.002-.004.006-.007.009a1.2 1.2 0 00-.252 1.298c.06.143.145.27.252.38l.007.01 7.5 7.5c.235.234.542.35.848.35a1.2 1.2 0 00.849-2.048L6.931 13.2h14.036a1.2 1.2 0 100-2.4"})})}

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    onPressIn: () => void;
+    disabled?: boolean;
+    color?: string;
+};
+export declare function ControlKeyButton({ children, onPressIn, color, disabled }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlKeyButton=ControlKeyButton;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),react_native_1=require("react-native");function ControlKeyButton({children:e,onPressIn:t,color:r,disabled:n=!1}){return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPressIn:t,style:[{borderWidth:0,padding:0,display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",backgroundColor:r}],accessibilityRole:"button",disabled:n,children:typeof e=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{style:{color:"white",fontSize:17},children:e}):e})}

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

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+type Props = {
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+export declare function GridItem({ style, children }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GridItem=GridItem;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native");function GridItem({style:e,children:t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{height:"100%",flex:1},e],children:t})}

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

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    height: number;
+    horizontalPadding?: number;
+};
+export declare function GridRow({ children, height, horizontalPadding }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GridRow=GridRow;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native");function GridRow({children:e,height:r,horizontalPadding:t=0}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{margin:0,height:r,paddingVertical:0,paddingHorizontal:t,flexDirection:"row"},children:e})}

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

@@ -0,0 +1,7 @@
+import type { RequiredExcept, SecureKey } from './keys';
+type Props = {
+    secureKey: RequiredExcept<SecureKey, 'subText'>;
+    onPressIn: (value: string) => void;
+};
+export declare function SecureKeyButton({ secureKey: { value, label, subText }, onPressIn }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +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}});

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

@@ -0,0 +1,6 @@
+type Props = {
+    color: string;
+    filled?: boolean;
+};
+export declare function ShiftIcon({ color, filled }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.withShuffledEmptyCells=withShuffledEmptyCells;const EMPTY_CELL=".";function putInRandomIndex(e,t){if(t.length===0)return e;const n=e.slice();for(const o of t){const l=Math.floor(Math.random()*e.length);n.splice(l,0,o)}return n}function withShuffledEmptyCells(e){const t=Array.from({length:e.emptyCellCount}).map((o,l)=>({label:"",templateKey:"",value:EMPTY_CELL+l,width:1})),n=putInRandomIndex([...e.keys],t);return{...e,keys:n}}

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

@@ -0,0 +1,30 @@
+import { StyleProp, View, ViewStyle } from 'react-native';
+export interface FullSecureKeypadProps {
+    /**
+     * Key를 클릭하면 발생하는 이벤트
+     *
+     * @param value string
+     */
+    onKeyPress: (value: string) => void;
+    /**
+     * Backspace를 클릭하면 발생하는 이벤트
+     */
+    onBackspacePress: () => void;
+    /**
+     * Space를 클릭하면 발생하는 이벤트
+     */
+    onSpacePress: () => void;
+    /**
+     * 입력 완료를 클릭하면 발생하는 이벤트
+     */
+    onSubmit: () => void;
+    submitDisabled?: boolean;
+    submitButtonText?: string;
+    open?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+export type FullSecureKeypadRef = {
+    reorderEmptyCells: () => void;
+    element: View | null;
+};
+export declare const FullSecureKeypad: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<FullSecureKeypadProps & import("react").RefAttributes<FullSecureKeypadRef>>>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullSecureKeypad=void 0;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),colors_1=require("@toss-design-system/colors"),react_1=require("react"),react_native_1=require("react-native"),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: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})})]})})]})}));

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

@@ -0,0 +1,36 @@
+export type RequiredExcept<T, E extends keyof T> = Required<Omit<T, E>> & Pick<T, E>;
+export declare enum SPECIAL_KEY {
+    space = "space",
+    backspace = "backspace"
+}
+export declare enum CONTROL_KEY {
+    shift = "shift",
+    characterType = "characterType",
+    submit = "submit"
+}
+export type SecureKey = {
+    /** @default value와 같은 값 */
+    label?: string;
+    value: string | number;
+    /** @default 1 */
+    width?: number;
+    subText?: string;
+    templateKey?: string;
+};
+export type SecureKeyRow = {
+    emptyCellCount: number;
+    keys: SecureKey[];
+};
+export type SecureKeyRowRequired = {
+    emptyCellCount: number;
+    keys: Array<RequiredExcept<SecureKey, 'subText'>>;
+};
+export declare const englishCharacterKeys: SecureKeyRow[];
+export declare const specialCharacterKeys: SecureKeyRow[];
+export declare const CONTROL_KEY_SHIFT_WIDTH = 2;
+export declare const CONTROL_KEY_CHARACTER_TYPE_WIDTH = 2;
+export declare const CONTROL_KEY_SPACE_WIDTH = 5;
+export declare const CONTROL_KEY_SUBMIT_WIDTH = 5;
+export declare const controlKeyRow: SecureKeyRow;
+export declare function fillInDefaults(rows: SecureKeyRow[]): SecureKeyRowRequired[];
+export declare function capitalize(rows: SecureKeyRowRequired[]): SecureKeyRowRequired[];

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.controlKeyRow=exports.CONTROL_KEY_SUBMIT_WIDTH=exports.CONTROL_KEY_SPACE_WIDTH=exports.CONTROL_KEY_CHARACTER_TYPE_WIDTH=exports.CONTROL_KEY_SHIFT_WIDTH=exports.specialCharacterKeys=exports.englishCharacterKeys=exports.CONTROL_KEY=exports.SPECIAL_KEY=void 0,exports.fillInDefaults=fillInDefaults,exports.capitalize=capitalize;var SPECIAL_KEY;(function(e){e.space="space",e.backspace="backspace"})(SPECIAL_KEY||(exports.SPECIAL_KEY=SPECIAL_KEY={}));var CONTROL_KEY;(function(e){e.shift="shift",e.characterType="characterType",e.submit="submit"})(CONTROL_KEY||(exports.CONTROL_KEY=CONTROL_KEY={})),exports.englishCharacterKeys=[{emptyCellCount:1,keys:[{value:1,templateKey:"n1"},{value:2,templateKey:"n2"},{value:3,templateKey:"n3"},{value:4,templateKey:"n4"},{value:5,templateKey:"n5"},{value:6,templateKey:"n6"},{value:7,templateKey:"n7"},{value:8,templateKey:"n8"},{value:9,templateKey:"n9"},{value:0,templateKey:"n0"}]},{emptyCellCount:1,keys:[{value:"q",subText:"\u3142"},{value:"w",subText:"\u3148"},{value:"e",subText:"\u3137"},{value:"r",subText:"\u3131"},{value:"t",subText:"\u3145"},{value:"y",subText:"\u315B"},{value:"u",subText:"\u3155"},{value:"i",subText:"\u3151"},{value:"o",subText:"\u3150"},{value:"p",subText:"\u3154"}]},{emptyCellCount:1,keys:[{value:"a",subText:"\u3141"},{value:"s",subText:"\u3134"},{value:"d",subText:"\u3147"},{value:"f",subText:"\u3139"},{value:"g",subText:"\u314E"},{value:"h",subText:"\u3157"},{value:"j",subText:"\u3153"},{value:"k",subText:"\u314F"},{value:"l",subText:"\u3163"}]},{emptyCellCount:1,keys:[{value:"z",subText:"\u314B"},{value:"x",subText:"\u314C"},{value:"c",subText:"\u314A"},{value:"v",subText:"\u314D"},{value:"b",subText:"\u3160"},{value:"n",subText:"\u315C"},{value:"m",subText:"\u3161"},{value:SPECIAL_KEY.backspace,width:2}]}],exports.specialCharacterKeys=[{emptyCellCount:1,keys:[{value:"!",templateKey:"exclamation"},{value:"@",templateKey:"at"},{value:"#",templateKey:"sharp"},{value:"$",templateKey:"dollar"},{value:"%",templateKey:"percent"},{value:"^",templateKey:"circumflex"},{value:"&",templateKey:"ampersand"},{value:"*",templateKey:"asterisk"},{value:"(",templateKey:"parenthesis-open"},{value:")",templateKey:"parenthesis-close"}]},{emptyCellCount:2,keys:[{value:"`",templateKey:"backquote"},{value:"-",templateKey:"dash"},{value:"=",templateKey:"equals"},{value:"\\",templateKey:"backslash"},{value:"[",templateKey:"squarebracket-open"},{value:"]",templateKey:"squarebracket-close"},{value:";",templateKey:"semicolon"},{value:"'",templateKey:"apostrophe"},{value:",",templateKey:"comma"}]},{emptyCellCount:2,keys:[{value:".",templateKey:"dot"},{value:"/",templateKey:"slash"},{value:"~",templateKey:"tilde"},{value:"+",templateKey:"plus"},{value:"|",templateKey:"verticalbar"},{value:"{",templateKey:"bracket-open"},{value:"}",templateKey:"bracket-close"},{value:":",templateKey:"colon"}]},{emptyCellCount:2,keys:[{value:"\u20A9",templateKey:"won"},{value:"_",templateKey:"underbar"},{value:'"',templateKey:"dittomark"},{value:"<",templateKey:"less-than"},{value:">",templateKey:"greater-than"},{value:"?",templateKey:"question"},{value:SPECIAL_KEY.backspace,width:2}]}],exports.CONTROL_KEY_SHIFT_WIDTH=2,exports.CONTROL_KEY_CHARACTER_TYPE_WIDTH=2,exports.CONTROL_KEY_SPACE_WIDTH=5,exports.CONTROL_KEY_SUBMIT_WIDTH=5,exports.controlKeyRow={emptyCellCount:0,keys:[{value:CONTROL_KEY.shift,width:exports.CONTROL_KEY_SHIFT_WIDTH},{value:CONTROL_KEY.characterType,width:exports.CONTROL_KEY_CHARACTER_TYPE_WIDTH},{value:SPECIAL_KEY.space,width:exports.CONTROL_KEY_SPACE_WIDTH},{value:CONTROL_KEY.submit,width:exports.CONTROL_KEY_SUBMIT_WIDTH}]};function fillInDefaults(e){return e.map(a=>({...a,keys:a.keys.map(({value:t,label:l=t.toString(),width:u=1,templateKey:s=t.toString(),...p})=>({...p,value:t,label:l,width:u,templateKey:s}))}))}function capitalize(e){return e.map(a=>({...a,keys:a.keys.map(({value:t,label:l,...u})=>({...u,value:typeof t=="string"&&t!==SPECIAL_KEY.backspace?t.toUpperCase():t,label:l.toUpperCase()}))}))}

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

@@ -0,0 +1,29 @@
+export declare enum KeypadStatus {
+    ALPHABET = 0,
+    ALPHABET_CAPITALIZED = 1,
+    SPECIAL = 2
+}
+export declare function useKeypad(): {
+    mode: KeypadStatus;
+    keys: {
+        keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
+        emptyCellCount: number;
+    }[];
+    shuffledKeys: {
+        0: {
+            keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
+            emptyCellCount: number;
+        }[];
+        1: {
+            keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
+            emptyCellCount: number;
+        }[];
+        2: {
+            keys: import("./keys").RequiredExcept<import("./keys").SecureKey, "subText">[];
+            emptyCellCount: number;
+        }[];
+    };
+    toggleShift: () => void;
+    toggleSpecialAndAlphabet: () => void;
+    reorderEmptyCells: () => void;
+};

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

@@ -0,0 +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}}

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

@@ -0,0 +1 @@
+export declare const Backspace: import("react").NamedExoticComponent<object>;

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

@@ -0,0 +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})})]})});

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

@@ -0,0 +1,24 @@
+import { 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 = {
+    /**
+     * 숫자 키패드의 순서
+     * - 1, 2, 3, 4, 5, 6, 7, 8, 9, 0
+     */
+    numbers?: NumberKey[];
+    /**
+     * Key를 클릭하면 발생하는 이벤트
+     *
+     * @param value string
+     */
+    onKeyPress: (value: number) => void;
+    /**
+     * Backspace를 클릭하면 발생하는 이벤트
+     */
+    onBackspacePress: () => void;
+    forwardedRef: NumberKeypadRef;
+    style?: StyleProp<ViewStyle>;
+};
+export declare function NumberKeypadComponent({ numbers, onKeyPress, onBackspacePress, forwardedRef, style, }: NumberKeypadProps): import("react/jsx-runtime").JSX.Element;
+export declare const NumberKeypad: import("react").ForwardRefExoticComponent<Omit<NumberKeypadProps, "forwardedRef"> & import("react").RefAttributes<View>>;

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

@@ -0,0 +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}));

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

@@ -0,0 +1,11 @@
+import { StyleProp, View, ViewStyle } from 'react-native';
+type Props = {
+    characters: string[];
+    numberOfColumns: number;
+    onKeyClick: (value: string) => void;
+    onBackspaceClick: () => void;
+    forwardedRef: React.Ref<View>;
+    style?: StyleProp<ViewStyle>;
+};
+export declare const VirtualKeypad: import("react").ForwardRefExoticComponent<Omit<Props, "forwardedRef"> & import("react").RefAttributes<View>>;
+export {};

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

@@ -0,0 +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}

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

@@ -0,0 +1,10 @@
+export declare enum SPECIAL_KEY {
+    blank = "blank",
+    backspace = "backspace"
+}
+type Props = {
+    char: string;
+    onKeyPressIn: (value: string) => void;
+};
+export declare const VirtualKeypadKey: import("react").NamedExoticComponent<Props>;
+export {};

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

@@ -0,0 +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})})});

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +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})})}

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

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

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

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

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

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+import { TouchableHighlightProps } from 'react-native';
+import { ListFooterRight } from './ListFooterRight';
+import { ListFooterTitle } from './ListFooterTitle';
+export interface ListFooterProps {
+    /**
+     * `ListFooter` 컴포넌트의 제목을 설정해요.
+     * 주로 `ListFooter.Title` 컴포넌트를 사용해요.
+     */
+    title: ReactNode;
+    /**
+     * `ListFooter` 컴포넌트의 오른쪽 영역에 표시할 요소를 설정해요.
+     * 주로 `ListFooter.Right` 컴포넌트를 사용해요.
+     */
+    right?: ReactNode;
+    /**
+     * `ListFooter` 컴포넌트의 하단 구분선 스타일을 설정해요.
+     * - `full`: 전체 너비로 표시해요.
+     * - `none`: 구분선을 표시하지 않아요.
+     *
+     * @default 'full'
+     */
+    borderType?: 'full' | 'none';
+    /**
+     * `ListFooter` 컴포넌트를 눌렀을 때 실행되는 함수예요.
+     */
+    onPress?: TouchableHighlightProps['onPress'];
+}
+/**
+ *
+ * @example
+ * <ListFooter
+ *   borderType="full"
+ *   title={<ListFooter.Title>더 보기</ListFooter.Title>}
+ *   right={
+ *     <ListFooter.Right>
+ *       <Icon name="icon-plus" size={16} />
+ *     </ListFooter.Right>
+ *   }
+ * />
+ */
+declare function ListFooter({ title, right, borderType, onPress }: ListFooterProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ListFooter {
+    var Title: typeof ListFooterTitle;
+    var Right: typeof ListFooterRight;
+}
+export default ListFooter;

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

@@ -0,0 +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;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface ListFooterRightProps {
+    /**
+     * `ListFooter.Right` 컴포넌트의 스타일을 변경할 때 사용해요.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * `ListFooter.Right` 컴포넌트 내부에 표시될 내용을 지정해요.
+     */
+    children: ReactNode;
+}
+export declare function ListFooterRight({ children, style }: ListFooterRightProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListFooterRight=ListFooterRight;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native");function ListFooterRight({children:e,style:t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{marginLeft:2},t],children:e})}

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

@@ -0,0 +1,23 @@
+import { TxtProps } from '../txt';
+export interface ListFooterTitleProps extends TxtProps {
+    /**
+     * `ListFooter.Title` 컴포넌트의 텍스트 스타일을 설정해요.
+     * @default 't5'
+     */
+    typography?: TxtProps['typography'];
+    /**
+     * `ListFooter.Title` 컴포넌트의 텍스트 색상을 지정해요
+     * @default colors.blue500
+     */
+    color?: string;
+    /**
+     * `ListFooter.Title` 컴포넌트의 텍스트 굵기를 설정해요.
+     * @default 'medium'
+     */
+    fontWeight?: TxtProps['fontWeight'];
+    /**
+     * `ListFooter.Title` 컴포넌트 내부에 표시될 내용을 지정해요.
+     */
+    children: string;
+}
+export declare function ListFooterTitle({ typography, color, fontWeight, children, ...restProps }: ListFooterTitleProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListFooterTitle=ListFooterTitle;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),txt_1=require("../txt");function ListFooterTitle({typography:t="t5",color:e=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})}

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

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

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

@@ -0,0 +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}});

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

@@ -0,0 +1,4 @@
+export interface ListHeaderContext {
+    setIsMultilineTitle: (isMultilineTitle: boolean) => void;
+}
+export declare const ListHeaderContext: import("react").Context<ListHeaderContext>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListHeaderContext=void 0;const react_1=require("react");exports.ListHeaderContext=(0,react_1.createContext)({setIsMultilineTitle:()=>{}});

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface ListHeaderDescriptionParagraphProps {
+    /**
+     * `ListHeader.Description` 컴포넌트 내부에 표시될 내용을 설정해요.
+     */
+    children: ReactNode;
+}
+export declare function ListHeaderDescriptionParagraph({ ...props }: ListHeaderDescriptionParagraphProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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})})}

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

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
+export interface ListHeaderRightTextProps {
+    /**
+     * `ListHeader.RightText` 컴포넌트의 텍스트 스타일을 설정해요.
+     */
+    typography: 't6' | 't7';
+    /**
+     * `ListHeader.RightText` 컴포넌트 내부에 표시될 내용을 설정해요.
+     */
+    children: ReactNode;
+    /**
+     * `ListHeader.RightText` 컴포넌트의 텍스트 색상을 설정해요.
+     *
+     * @default adaptive.grey700
+     */
+    color?: string;
+    /**
+     * `ListHeader.RightText` 컴포넌트의 스타일을 변경할 때 사용해요.
+     */
+    style?: StyleProp<TextStyle>;
+}
+export declare function ListHeaderRightText({ typography, color, style, ...textProps }: ListHeaderRightTextProps): import("react/jsx-runtime").JSX.Element;
+export interface ListHeaderRightArrowProps {
+    /**
+     * `ListHeader.RightArrow` 컴포넌트의 텍스트 스타일을 설정해요.
+     */
+    typography: 't6' | 't7';
+    /**
+     * `ListHeader.RightArrow` 컴포넌트 내부에 표시될 내용을 설정해요.
+     */
+    children: ReactNode;
+    /**
+     * `ListHeader.RightArrow` 컴포넌트의 텍스트 색상을 설정해요.
+     *
+     * @default adaptive.grey700
+     */
+    color?: string;
+    /**
+     * `ListHeader.RightArrow` 컴포넌트의 스타일을 변경할 때 사용해요.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * `ListHeader.RightArrow` 컴포넌트를 눌렀을 때 실행되는 함수예요.
+     */
+    onPress?: PressableProps['onPress'];
+}
+export declare function ListHeaderRightArrow(props: ListHeaderRightArrowProps): import("react/jsx-runtime").JSX.Element;

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

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