@toss/tds-react-native 1.3.0 → 1.3.1

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

@@ -1,4 +1,4 @@
-import type { RequiredExcept, SecureKey } from './keys';
+import type { RequiredExcept, SecureKey } from './keys.js';
 type Props = {
     secureKey: RequiredExcept<SecureKey, 'subText'>;
     onPressIn: (value: string) => void;

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

@@ -1 +1 @@
-"use strict";import{jsx as e,Fragment as p,jsxs as d}from"react/jsx-runtime";import{Txt as i}from"../../txt";import{Pressable as h,StyleSheet as x,View as u}from"react-native";import{BackspaceIcon as y}from"./BackspaceIcon";import{SPECIAL_KEY as g}from"./keys";import{useAccessibilityInfo as S}from"../../../utils";export function SecureKeyButton({secureKey:{value:t,label:c,subText:r},onPressIn:s}){const{screenReaderEnabled:l}=S(),o=t===g.backspace,a=o?2:1,m=()=>{s(String(t))},f=()=>{l&&s(String(t))};return e(h,{style:[n.wrapper,{flex:a}],onPressIn:m,onPress:f,children:o?e(u,{style:{width:20},children:e(y,{})}):d(p,{children:[e(i,{style:n.mainText,children:c}),r!=null&&e(i,{style:n.subText,children:r})]})})}const n=x.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";import{jsx as e,Fragment as p,jsxs as d}from"react/jsx-runtime";import{Txt as i}from"../../txt/index.js";import{Pressable as h,StyleSheet as x,View as u}from"react-native";import{BackspaceIcon as y}from"./BackspaceIcon.js";import{SPECIAL_KEY as g}from"./keys.js";import{useAccessibilityInfo as S}from"../../../utils/index.js";export function SecureKeyButton({secureKey:{value:t,label:c,subText:r},onPressIn:s}){const{screenReaderEnabled:l}=S(),o=t===g.backspace,a=o?2:1,m=()=>{s(String(t))},f=()=>{l&&s(String(t))};return e(h,{style:[n.wrapper,{flex:a}],onPressIn:m,onPress:f,children:o?e(u,{style:{width:20},children:e(y,{})}):d(p,{children:[e(i,{style:n.mainText,children:c}),r!=null&&e(i,{style:n.subText,children:r})]})})}const n=x.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/esm/components/keypad/FullSecureKeypad/ShiftIcon.js

@@ -1 +1 @@
-"use strict";import{jsx as i,jsxs as e}from"react/jsx-runtime";import l,{ClipPath as n,Defs as c,G as s,Path as a,Use as r}from"@granite-js/native/react-native-svg";export function ShiftIcon({color:t,filled:h=!1}){return h?i(l,{width:"21",height:"20",fill:t,accessibilityRole:"imagebutton",accessibilityLabel:"shift",children:i(s,{children:i(a,{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"})})}):i(l,{width:"21",height:"20",fill:t,accessibilityRole:"imagebutton",accessibilityLabel:"shift",children:e(s,{children:[e(c,{children:[i(a,{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"}),i(n,{id:"a1001z",children:i(r,{xlinkHref:"#a1000z"})})]}),i(r,{xlinkHref:"#a1000z",fill:"transparent",clipPath:"url(#a1001z)",strokeWidth:"3",stroke:t,strokeMiterlimit:"10"})]})})}
+"use strict";import{jsx as i,jsxs as e}from"react/jsx-runtime";import{Svg as l,ClipPath as n,Defs as c,G as s,Path as a,Use as r}from"@granite-js/native/react-native-svg";export function ShiftIcon({color:t,filled:h=!1}){return h?i(l,{width:"21",height:"20",fill:t,accessibilityRole:"imagebutton",accessibilityLabel:"shift",children:i(s,{children:i(a,{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"})})}):i(l,{width:"21",height:"20",fill:t,accessibilityRole:"imagebutton",accessibilityLabel:"shift",children:e(s,{children:[e(c,{children:[i(a,{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"}),i(n,{id:"a1001z",children:i(r,{xlinkHref:"#a1000z"})})]}),i(r,{xlinkHref:"#a1000z",fill:"transparent",clipPath:"url(#a1001z)",strokeWidth:"3",stroke:t,strokeMiterlimit:"10"})]})})}

package/dist/esm/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/esm/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/esm/components/keypad/FullSecureKeypad/index.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as f}from"react/jsx-runtime";import{colors as A}from"@toss/tds-colors";import{forwardRef as S,memo as g,useCallback as P,useImperativeHandle as K,useRef as x}from"react";import{View as t}from"react-native";import{useAdaptive as L}from"../../../core";import{ControlKeyButton as d}from"./ControlKeyButton";import{GridItem as i}from"./GridItem";import{GridRow as h}from"./GridRow";import{CONTROL_KEY_CHARACTER_TYPE_WIDTH as R,CONTROL_KEY_SHIFT_WIDTH as H,CONTROL_KEY_SPACE_WIDTH as O,CONTROL_KEY_SUBMIT_WIDTH as b,SPECIAL_KEY as v}from"./keys";import{SecureKeyButton as Y}from"./SecureKeyButton";import{ShiftIcon as j}from"./ShiftIcon";import{KeypadStatus as n,useKeypad as w}from"./useKeypad";export const FullSecureKeypad=g(S(({style:u,onKeyPress:m,onBackspacePress:a,onSpacePress:I,onSubmit:C,submitButtonText:_="\uC785\uB825 \uC644\uB8CC",submitDisabled:p=!1},y)=>{const s=L(),r=w(),c=x(null);K(y,()=>({reorderEmptyCells:r.reorderEmptyCells,element:c.current}),[r]);const E=P(o=>{o===v.backspace?a():m(o)},[m,a]);return f(t,{style:[{backgroundColor:"#283447"},u],ref:c,children:[e(t,{style:{paddingTop:6,paddingHorizontal:0,paddingBottom:10},children:r.keys.map((o,T)=>e(h,{height:52,horizontalPadding:10,children:o.keys.map(l=>l.value===""?e(t,{style:{flex:1}},l.value):e(Y,{secureKey:l,onPressIn:E},l.value))},`${r.mode}-${T}`))}),e(t,{children:f(h,{height:56,children:[e(i,{style:{flex:H},children:e(d,{onPressIn:r.toggleShift,disabled:r.mode===n.SPECIAL,children:e(j,{color:r.mode===n.SPECIAL?s.grey500:A.white,filled:r.mode===n.ALPHABET_CAPITALIZED})})}),e(i,{style:{flex:R},children:e(d,{onPressIn:r.toggleSpecialAndAlphabet,children:r.mode===n.SPECIAL?"\uC601\uBB38":"\uD2B9\uC218"})}),e(i,{style:{flex:O},children:e(d,{onPressIn:I,children:"Space"})}),e(i,{style:{flex:b},children:e(d,{onPressIn:()=>{C()},color:p?s.blue100:s.blue500,disabled:p,children:_})})]})})]})}));
+"use strict";import{jsx as e,jsxs as f}from"react/jsx-runtime";import{colors as A}from"@toss/tds-colors";import{forwardRef as S,memo as g,useCallback as P,useImperativeHandle as K,useRef as x}from"react";import{View as t}from"react-native";import{useAdaptive as L}from"../../../core/index.js";import{ControlKeyButton as d}from"./ControlKeyButton.js";import{GridItem as i}from"./GridItem.js";import{GridRow as h}from"./GridRow.js";import{CONTROL_KEY_CHARACTER_TYPE_WIDTH as R,CONTROL_KEY_SHIFT_WIDTH as H,CONTROL_KEY_SPACE_WIDTH as O,CONTROL_KEY_SUBMIT_WIDTH as b,SPECIAL_KEY as v}from"./keys.js";import{SecureKeyButton as Y}from"./SecureKeyButton.js";import{ShiftIcon as j}from"./ShiftIcon.js";import{KeypadStatus as n,useKeypad as w}from"./useKeypad.js";export const FullSecureKeypad=g(S(({style:u,onKeyPress:m,onBackspacePress:a,onSpacePress:I,onSubmit:C,submitButtonText:_="\uC785\uB825 \uC644\uB8CC",submitDisabled:p=!1},y)=>{const s=L(),r=w(),c=x(null);K(y,()=>({reorderEmptyCells:r.reorderEmptyCells,element:c.current}),[r]);const E=P(o=>{o===v.backspace?a():m(o)},[m,a]);return f(t,{style:[{backgroundColor:"#283447"},u],ref:c,children:[e(t,{style:{paddingTop:6,paddingHorizontal:0,paddingBottom:10},children:r.keys.map((o,T)=>e(h,{height:52,horizontalPadding:10,children:o.keys.map(l=>l.value===""?e(t,{style:{flex:1}},l.value):e(Y,{secureKey:l,onPressIn:E},l.value))},`${r.mode}-${T}`))}),e(t,{children:f(h,{height:56,children:[e(i,{style:{flex:H},children:e(d,{onPressIn:r.toggleShift,disabled:r.mode===n.SPECIAL,children:e(j,{color:r.mode===n.SPECIAL?s.grey500:A.white,filled:r.mode===n.ALPHABET_CAPITALIZED})})}),e(i,{style:{flex:R},children:e(d,{onPressIn:r.toggleSpecialAndAlphabet,children:r.mode===n.SPECIAL?"\uC601\uBB38":"\uD2B9\uC218"})}),e(i,{style:{flex:O},children:e(d,{onPressIn:I,children:"Space"})}),e(i,{style:{flex:b},children:e(d,{onPressIn:()=>{C()},color:p?s.blue100:s.blue500,disabled:p,children:_})})]})})]})}));

package/dist/esm/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/esm/components/keypad/FullSecureKeypad/useKeypad.js

@@ -1 +1 @@
-"use strict";import{useCallback as E,useMemo as i,useState as n}from"react";import{withShuffledEmptyCells as L}from"./getGridTemplateForRow";import{capitalize as B,englishCharacterKeys as o,fillInDefaults as P,specialCharacterKeys as H}from"./keys";export var KeypadStatus;(function(A){A[A.ALPHABET=0]="ALPHABET",A[A.ALPHABET_CAPITALIZED=1]="ALPHABET_CAPITALIZED",A[A.SPECIAL=2]="SPECIAL"})(KeypadStatus||(KeypadStatus={}));const r={[KeypadStatus.ALPHABET]:P(o),[KeypadStatus.ALPHABET_CAPITALIZED]:B(P(o)),[KeypadStatus.SPECIAL]:P(H)};function c(){const A=r[KeypadStatus.ALPHABET].map(L),t=r[KeypadStatus.ALPHABET_CAPITALIZED].map(L),e=r[KeypadStatus.SPECIAL].map(L);return{[KeypadStatus.ALPHABET]:A,[KeypadStatus.ALPHABET_CAPITALIZED]:t,[KeypadStatus.SPECIAL]:e}}export function useKeypad(){const[A,t]=n(KeypadStatus.ALPHABET),[e,T]=n(c()),a=i(()=>e[A],[e,A]),l=E(()=>{t(s=>{switch(s){case KeypadStatus.ALPHABET:return KeypadStatus.ALPHABET_CAPITALIZED;case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.ALPHABET;default:return s}})},[]),I=E(()=>{t(s=>{switch(s){case KeypadStatus.ALPHABET:case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.SPECIAL;case KeypadStatus.SPECIAL:return KeypadStatus.ALPHABET}})},[]),C=E(()=>{T(c())},[]);return{mode:A,keys:a,shuffledKeys:e,toggleShift:l,toggleSpecialAndAlphabet:I,reorderEmptyCells:C}}
+"use strict";import{useCallback as E,useMemo as i,useState as n}from"react";import{withShuffledEmptyCells as L}from"./getGridTemplateForRow.js";import{capitalize as B,englishCharacterKeys as o,fillInDefaults as P,specialCharacterKeys as H}from"./keys.js";export var KeypadStatus;(function(A){A[A.ALPHABET=0]="ALPHABET",A[A.ALPHABET_CAPITALIZED=1]="ALPHABET_CAPITALIZED",A[A.SPECIAL=2]="SPECIAL"})(KeypadStatus||(KeypadStatus={}));const r={[KeypadStatus.ALPHABET]:P(o),[KeypadStatus.ALPHABET_CAPITALIZED]:B(P(o)),[KeypadStatus.SPECIAL]:P(H)};function c(){const A=r[KeypadStatus.ALPHABET].map(L),t=r[KeypadStatus.ALPHABET_CAPITALIZED].map(L),e=r[KeypadStatus.SPECIAL].map(L);return{[KeypadStatus.ALPHABET]:A,[KeypadStatus.ALPHABET_CAPITALIZED]:t,[KeypadStatus.SPECIAL]:e}}export function useKeypad(){const[A,t]=n(KeypadStatus.ALPHABET),[e,T]=n(c()),a=i(()=>e[A],[e,A]),l=E(()=>{t(s=>{switch(s){case KeypadStatus.ALPHABET:return KeypadStatus.ALPHABET_CAPITALIZED;case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.ALPHABET;default:return s}})},[]),I=E(()=>{t(s=>{switch(s){case KeypadStatus.ALPHABET:case KeypadStatus.ALPHABET_CAPITALIZED:return KeypadStatus.SPECIAL;case KeypadStatus.SPECIAL:return KeypadStatus.ALPHABET}})},[]),C=E(()=>{T(c())},[]);return{mode:A,keys:a,shuffledKeys:e,toggleShift:l,toggleSpecialAndAlphabet:I,reorderEmptyCells:C}}

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

@@ -1 +1 @@
-"use strict";import{jsx as i,jsxs as e}from"react/jsx-runtime";import s,{ClipPath as a,G as o,Path as c}from"@granite-js/native/react-native-svg";import{useAdaptive as l}from"../../../core";import{memo as r}from"react";export const Backspace=r(function(){const t=l();return e(s,{viewBox:"0 0 16 16",width:"20px",height:"20px",accessibilityLabel:"\uC9C0\uC6B0\uAE30",children:[i(a,{id:"a",children:i(c,{d:"m0 0h16v16h-16z"})}),i(o,{clipPath:"url(#a)",children:i(c,{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:t.blue500})})]})});
+"use strict";import{jsx as i,jsxs as e}from"react/jsx-runtime";import{Svg as s,ClipPath as a,G as o,Path as c}from"@granite-js/native/react-native-svg";import{useAdaptive as l}from"../../../core/index.js";import{memo as r}from"react";export const Backspace=r(function(){const t=l();return e(s,{viewBox:"0 0 16 16",width:"20px",height:"20px",accessibilityLabel:"\uC9C0\uC6B0\uAE30",children:[i(a,{id:"a",children:i(c,{d:"m0 0h16v16h-16z"})}),i(o,{clipPath:"url(#a)",children:i(c,{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:t.blue500})})]})});

package/dist/esm/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/esm/components/keypad/NumberKeypad/NumberKeypad.js

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{forwardRef as f}from"react";import{VirtualKeypad as p}from"./VirtualKeypad";const u=[1,2,3,4,5,6,7,8,9,0];export function NumberKeypadComponent({numbers:r=u,onKeyPress:e,onBackspacePress:a,forwardedRef:n,style:c}){function m(o){e(parseInt(o,10))}const s=r.map(o=>`${o}`);return t(p,{numberOfColumns:3,characters:s,onKeyClick:m,onBackspaceClick:a,ref:n,style:c})}export const NumberKeypad=f((r,e)=>t(NumberKeypadComponent,{...r,forwardedRef:e}));
+"use strict";import{jsx as t}from"react/jsx-runtime";import{forwardRef as f}from"react";import{VirtualKeypad as p}from"./VirtualKeypad.js";const u=[1,2,3,4,5,6,7,8,9,0];export function NumberKeypadComponent({numbers:r=u,onKeyPress:e,onBackspacePress:a,forwardedRef:n,style:c}){function m(o){e(parseInt(o,10))}const s=r.map(o=>`${o}`);return t(p,{numberOfColumns:3,characters:s,onKeyClick:m,onBackspaceClick:a,ref:n,style:c})}export const NumberKeypad=f((r,e)=>t(NumberKeypadComponent,{...r,forwardedRef:e}));

package/dist/esm/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/esm/components/keypad/NumberKeypad/VirtualKeypad.js

@@ -1 +1 @@
-"use strict";import{jsx as a}from"react/jsx-runtime";import{forwardRef as m}from"react";import{View as c}from"react-native";import{SPECIAL_KEY as i,VirtualKeypadKey as y}from"./VirtualKeypadKey";const w=340;function h({characters:t,numberOfColumns:e,onKeyClick:r,onBackspaceClick:n,forwardedRef:s,style:d}){function f(o){if(o!==i.blank){if(o===i.backspace){n();return}r(o)}}const p=R(t,e);return a(c,{style:[{paddingVertical:0,paddingHorizontal:10,justifyContent:"center",alignItems:"center"},d],ref:s,children:p.map((o,u)=>a(c,{style:{flexDirection:"row",maxWidth:w},children:o.map(l=>a(c,{style:{flex:1},children:a(y,{char:l,onKeyPressIn:f})},l))},u))})}export const VirtualKeypad=m((t,e)=>a(h,{...t,forwardedRef:e}));function R(t,e){const r=K(t,e),n=g(r,e);return[...r.slice(0,-1),n]}function g(t,e){const r=t[t.length-1];return[...Array.from({length:e-r.length-1}).map(()=>i.blank),...r,i.backspace]}function K(t,e){const r=[];let n,s;for(n=0,s=t.length;n<s;n+=e)r.push(t.slice(n,n+e));return r}
+"use strict";import{jsx as a}from"react/jsx-runtime";import{forwardRef as m}from"react";import{View as c}from"react-native";import{SPECIAL_KEY as i,VirtualKeypadKey as y}from"./VirtualKeypadKey.js";const w=340;function h({characters:t,numberOfColumns:e,onKeyClick:r,onBackspaceClick:n,forwardedRef:s,style:d}){function f(o){if(o!==i.blank){if(o===i.backspace){n();return}r(o)}}const p=R(t,e);return a(c,{style:[{paddingVertical:0,paddingHorizontal:10,justifyContent:"center",alignItems:"center"},d],ref:s,children:p.map((o,u)=>a(c,{style:{flexDirection:"row",maxWidth:w},children:o.map(l=>a(c,{style:{flex:1},children:a(y,{char:l,onKeyPressIn:f})},l))},u))})}export const VirtualKeypad=m((t,e)=>a(h,{...t,forwardedRef:e}));function R(t,e){const r=K(t,e),n=g(r,e);return[...r.slice(0,-1),n]}function g(t,e){const r=t[t.length-1];return[...Array.from({length:e-r.length-1}).map(()=>i.blank),...r,i.backspace]}function K(t,e){const r=[];let n,s;for(n=0,s=t.length;n<s;n+=e)r.push(t.slice(n,n+e));return r}

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

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{Txt as i}from"../../txt";import{memo as c,useMemo as a}from"react";import{Pressable as l}from"react-native";import{Backspace as m}from"./Backspace";const o=64,p=30;export var SPECIAL_KEY;(function(t){t.blank="blank",t.backspace="backspace"})(SPECIAL_KEY||(SPECIAL_KEY={}));export const VirtualKeypadKey=c(function({char:e,onKeyPressIn:r}){const s=a(()=>{switch(e){case SPECIAL_KEY.backspace:return n(m,{});case SPECIAL_KEY.blank:return null;default:return e}},[e]);return n(l,{style:{height:o,justifyContent:"center",alignItems:"center",overflow:"visible"},onPressIn:()=>r(e),children:n(i,{style:{fontSize:p,lineHeight:o,textAlign:"center"},children:s})})});
+"use strict";import{jsx as n}from"react/jsx-runtime";import{Txt as i}from"../../txt/index.js";import{memo as c,useMemo as a}from"react";import{Pressable as l}from"react-native";import{Backspace as m}from"./Backspace.js";const o=64,p=30;export var SPECIAL_KEY;(function(t){t.blank="blank",t.backspace="backspace"})(SPECIAL_KEY||(SPECIAL_KEY={}));export const VirtualKeypadKey=c(function({char:e,onKeyPressIn:r}){const s=a(()=>{switch(e){case SPECIAL_KEY.backspace:return n(m,{});case SPECIAL_KEY.blank:return null;default:return e}},[e]);return n(l,{style:{height:o,justifyContent:"center",alignItems:"center",overflow:"visible"},onPressIn:()=>r(e),children:n(i,{style:{fontSize:p,lineHeight:o,textAlign:"center"},children:s})})});

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

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

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

@@ -1 +1 @@
-"use strict";export*from"./NumberKeypad";
+"use strict";export*from"./NumberKeypad.js";

package/dist/esm/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/esm/components/keypad/index.js

@@ -1 +1 @@
-"use strict";export*from"./FullSecureKeypad";export*from"./NumberKeypad";
+"use strict";export*from"./FullSecureKeypad/index.js";export*from"./NumberKeypad/index.js";

package/dist/esm/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/esm/components/list/List.js

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import{Border as r}from"../border";import{Childrens as d}from"../../utils";import{View as l}from"react-native";export function List({children:n,rowSeparator:i="indented",style:t}){return e(l,{style:[t],children:e(d.Gap,{children:n,gap:i==="full"?e(r,{type:"full"}):i==="indented"?e(r,{type:"padding24"}):null})})}
+"use strict";import{jsx as e}from"react/jsx-runtime";import{Border as r}from"../border/index.js";import{Childrens as l}from"../../utils/index.js";import{View as o}from"react-native";export function List({children:n,rowSeparator:i="indented",style:t,...d}){return e(o,{style:[t],...d,children:e(l.Gap,{children:n,gap:i==="full"?e(r,{type:"full"}):i==="indented"?e(r,{type:"padding24"}):null})})}

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

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

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

@@ -1 +1 @@
-"use strict";export*from"./List";
+"use strict";export*from"./List.js";

package/dist/esm/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/esm/components/list-footer/ListFooter.js

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{TouchableHighlight as f,View as l}from"react-native";import{Border as m}from"../border";import{ListFooterRight as u}from"./ListFooterRight";import{ListFooterTitle as c}from"./ListFooterTitle";function t({title:n,right:s,borderType:e="full",onPress:i}){return o(f,{accessibilityRole:i!=null?"button":void 0,underlayColor:"rgba(0,0,0,0.26)",onPress:i,children:r(l,{children:[e==="full"&&o(m,{type:e}),r(l,{style:{flexDirection:"row",alignItems:"center",justifyContent:"center",height:59},children:[n,s]})]})})}t.Title=c,t.Right=u;export default t;
+"use strict";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{TouchableHighlight as f,View as l}from"react-native";import{Border as m}from"../border/index.js";import{ListFooterRight as u}from"./ListFooterRight.js";import{ListFooterTitle as c}from"./ListFooterTitle.js";function t({title:n,right:s,borderType:e="full",onPress:i}){return o(f,{accessibilityRole:i!=null?"button":void 0,underlayColor:"rgba(0,0,0,0.26)",onPress:i,children:r(l,{children:[e==="full"&&o(m,{type:e}),r(l,{style:{flexDirection:"row",alignItems:"center",justifyContent:"center",height:59},children:[n,s]})]})})}t.Title=c,t.Right=u;export default t;

package/dist/esm/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/esm/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/esm/components/list-footer/ListFooterTitle.js

@@ -1 +1 @@
-"use strict";import{jsx as m}from"react/jsx-runtime";import{colors as p}from"@toss/tds-colors";import{Txt as f}from"../txt";export function ListFooterTitle({typography:o="t5",color:r=p.blue500,fontWeight:t="medium",children:i,...e}){return m(f,{typography:o,color:r,fontWeight:t,...e,children:i})}
+"use strict";import{jsx as m}from"react/jsx-runtime";import{colors as p}from"@toss/tds-colors";import{Txt as f}from"../txt/index.js";export function ListFooterTitle({typography:o="t5",color:r=p.blue500,fontWeight:t="medium",children:i,...e}){return m(f,{typography:o,color:r,fontWeight:t,...e,children:i})}

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

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

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

@@ -1 +1 @@
-"use strict";export{default as ListFooter}from"./ListFooter";
+"use strict";export{default as ListFooter}from"./ListFooter.js";

package/dist/esm/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/esm/components/list-header/ListHeaderDescriptionParagraph.js

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{useAdaptive as e}from"../../core";import*as t from"../paragraph";export function ListHeaderDescriptionParagraph({...o}){const a=e();return r(t.Root,{typography:"t7",children:r(t.Text,{fontWeight:"regular",color:a.grey600,...o})})}
+"use strict";import{jsx as r}from"react/jsx-runtime";import{useAdaptive as e}from"../../core/index.js";import*as t from"../paragraph/index.js";export function ListHeaderDescriptionParagraph({...o}){const a=e();return r(t.Root,{typography:"t7",children:r(t.Text,{fontWeight:"regular",color:a.grey600,...o})})}

package/dist/esm/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/esm/components/list-header/ListHeaderRight.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as h}from"react/jsx-runtime";import{Pressable as c,StyleSheet as g,View as m}from"react-native";import{useAdaptive as a}from"../../core";import{Icon as y}from"../icon";import*as o from"../paragraph";export function ListHeaderRightText({typography:r,color:t,style:n,...s}){const l=a();return e(o.Root,{style:[i.base,n],typography:r,children:e(o.Text,{fontWeight:"regular",color:t??l.grey700,...s})})}export function ListHeaderRightArrow(r){const t=a(),n=r.onPress!=null?c:m;return h(n,{style:[i.base,i.arrow,r.style],onPress:r.onPress,hitSlop:{right:16},children:[f(r)?e(o.Root,{typography:r.typography,style:i.arrowText,children:e(o.Text,{color:r?.color??t.grey700,fontWeight:"regular",children:r.children})}):null,e(y,{color:t.grey400,name:"icon-arrow-right-mono",size:24})]})}const i=g.create({base:{flexDirection:"row",alignItems:"center"},arrow:{marginRight:-8},arrowText:{flexShrink:1,marginRight:4}});function f(r){return!!Object.hasOwn(r??{},"children")}
+"use strict";import{jsx as e,jsxs as h}from"react/jsx-runtime";import{Pressable as c,StyleSheet as g,View as m}from"react-native";import{useAdaptive as a}from"../../core/index.js";import{Icon as y}from"../icon/index.js";import*as o from"../paragraph/index.js";export function ListHeaderRightText({typography:r,color:t,style:n,...s}){const l=a();return e(o.Root,{style:[i.base,n],typography:r,children:e(o.Text,{fontWeight:"regular",color:t??l.grey700,...s})})}export function ListHeaderRightArrow(r){const t=a(),n=r.onPress!=null?c:m;return h(n,{style:[i.base,i.arrow,r.style],onPress:r.onPress,hitSlop:{right:16},children:[f(r)?e(o.Root,{typography:r.typography,style:i.arrowText,children:e(o.Text,{color:r?.color??t.grey700,fontWeight:"regular",children:r.children})}):null,e(y,{color:t.grey400,name:"icon-arrow-right-mono",size:24})]})}const i=g.create({base:{flexDirection:"row",alignItems:"center"},arrow:{marginRight:-8},arrowText:{flexShrink:1,marginRight:4}});function f(r){return!!Object.hasOwn(r??{},"children")}

package/dist/esm/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/esm/components/list-header/ListHeaderRoot.js

@@ -1 +1 @@
-"use strict";import{jsx as i,jsxs as s}from"react/jsx-runtime";import{useState as h}from"react";import{Pressable as x,StyleSheet as T,View as t}from"react-native";import{ListHeaderContext as u}from"./ListHeaderContext";import{ListHeaderDescriptionParagraph as H}from"./ListHeaderDescriptionParagraph";import{ListHeaderRightArrow as y,ListHeaderRightText as L}from"./ListHeaderRight";import{ListHeaderTitleParagraph as R}from"./ListHeaderTitleParagraph";import{ListHeaderTitleSelector as w}from"./ListHeaderTitleSelector";import{ListHeaderTitleTextButton as P}from"./ListHeaderTitleTextButton";const j=({upper:l,title:m,right:o,lower:n,onPress:a,rightViewStyle:c,titleViewStyle:d})=>{const[p,f]=h(!1),g=a!=null?x:t;return i(u.Provider,{value:{setIsMultilineTitle:f},children:s(g,{style:[r.container],onPress:a,children:[l&&i(t,{style:r.upper,children:l}),s(t,{style:[r.body,{alignItems:p?"flex-end":"center"}],children:[i(t,{style:[r.title,o==null?{flex:0}:void 0,d],children:m}),o&&i(t,{style:[r.right,c],children:o})]}),n&&i(t,{style:r.lower,children:n})]})})},r=T.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}}),e=j;e.Root=e,e.TitleParagraph=R,e.TitleSelector=w,e.TitleTextButton=P,e.DescriptionParagraph=H,e.RightText=L,e.RightArrow=y;export{e as ListHeaderRoot};
+"use strict";import{jsx as i,jsxs as s}from"react/jsx-runtime";import{useState as h}from"react";import{Pressable as x,StyleSheet as T,View as t}from"react-native";import{ListHeaderContext as u}from"./ListHeaderContext.js";import{ListHeaderDescriptionParagraph as H}from"./ListHeaderDescriptionParagraph.js";import{ListHeaderRightArrow as y,ListHeaderRightText as L}from"./ListHeaderRight.js";import{ListHeaderTitleParagraph as R}from"./ListHeaderTitleParagraph.js";import{ListHeaderTitleSelector as w}from"./ListHeaderTitleSelector.js";import{ListHeaderTitleTextButton as P}from"./ListHeaderTitleTextButton.js";const j=({upper:l,title:m,right:o,lower:n,onPress:a,rightViewStyle:c,titleViewStyle:d})=>{const[p,f]=h(!1),g=a!=null?x:t;return i(u.Provider,{value:{setIsMultilineTitle:f},children:s(g,{style:[r.container],onPress:a,children:[l&&i(t,{style:r.upper,children:l}),s(t,{style:[r.body,{alignItems:p?"flex-end":"center"}],children:[i(t,{style:[r.title,o==null?{flex:0}:void 0,d],children:m}),o&&i(t,{style:[r.right,c],children:o})]}),n&&i(t,{style:r.lower,children:n})]})})},r=T.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}}),e=j;e.Root=e,e.TitleParagraph=R,e.TitleSelector=w,e.TitleTextButton=P,e.DescriptionParagraph=H,e.RightText=L,e.RightArrow=y;export{e as ListHeaderRoot};

package/dist/esm/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/esm/components/list-header/ListHeaderTitleParagraph.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as h}from"../../core";import*as n from"../paragraph";import{useCallback as x,useContext as y,useMemo as g}from"react";import{ListHeaderContext as d}from"./ListHeaderContext";export function ListHeaderTitleParagraph({size:t,typography:e,color:a,fontWeight:s,numberOfLines:i,children:u,style:l}){const{setIsMultilineTitle:r}=y(d),p=h(),c=g(()=>{if(t!=null)switch(t){case 20:return"t4";case 17:return"t5";case 13:return"t7"}return e??"t5"},[t,e]),m=x(f=>{r(f.nativeEvent.lines.length>1)},[r]);return o(n.Root,{typography:c,style:l,onTextLayout:m,numberOfLines:i,children:o(n.Text,{color:a??p.grey800,fontWeight:s,children:u})})}
+"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as h}from"../../core/index.js";import*as n from"../paragraph/index.js";import{useCallback as x,useContext as y,useMemo as g}from"react";import{ListHeaderContext as d}from"./ListHeaderContext.js";export function ListHeaderTitleParagraph({size:t,typography:e,color:a,fontWeight:s,numberOfLines:i,children:u,style:l}){const{setIsMultilineTitle:r}=y(d),p=h(),c=g(()=>{if(t!=null)switch(t){case 20:return"t4";case 17:return"t5";case 13:return"t7"}return e??"t5"},[t,e]),m=x(f=>{r(f.nativeEvent.lines.length>1)},[r]);return o(n.Root,{typography:c,style:l,onTextLayout:m,numberOfLines:i,children:o(n.Text,{color:a??p.grey800,fontWeight:s,children:u})})}

package/dist/esm/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/esm/components/list-header/ListHeaderTitleSelector.js

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{forwardRef as l}from"react";import{Pressable as p}from"react-native";import{useAdaptive as d}from"../../core";import*as e from"../paragraph";export const ListHeaderTitleSelector=l(function({color:t,fontWeight:i,children:n,typography:a,style:s,numberOfLines:m,onPress:c},f){const o=d();return r(p,{onPress:c,style:s,ref:f,children:r(e.Root,{typography:a,numberOfLines:m,afterText:r(e.Icon,{name:"icon-arrow-down-mono",color:o.grey600}),children:r(e.Text,{color:t??o.grey800,fontWeight:i,children:n})})})});
+"use strict";import{jsx as r}from"react/jsx-runtime";import{forwardRef as l}from"react";import{Pressable as p}from"react-native";import{useAdaptive as d}from"../../core/index.js";import*as e from"../paragraph/index.js";export const ListHeaderTitleSelector=l(function({color:t,fontWeight:i,children:n,typography:a,style:s,numberOfLines:m,onPress:c},f){const o=d();return r(p,{onPress:c,style:s,ref:f,children:r(e.Root,{typography:a,numberOfLines:m,afterText:r(e.Icon,{name:"icon-arrow-down-mono",color:o.grey600}),children:r(e.Text,{color:t??o.grey800,fontWeight:i,children:n})})})});

package/dist/esm/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/esm/components/list-header/ListHeaderTitleTextButton.js

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{TextButton as e}from"../text-button";export function ListHeaderTitleTextButton({...t}){return r(e,{variant:"underline",...t})}
+"use strict";import{jsx as r}from"react/jsx-runtime";import{TextButton as e}from"../text-button/index.js";export function ListHeaderTitleTextButton({...t}){return r(e,{variant:"underline",...t})}

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

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

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

@@ -1 +1 @@
-"use strict";export{ListHeaderRoot as ListHeader}from"./ListHeaderRoot";
+"use strict";export{ListHeaderRoot as ListHeader}from"./ListHeaderRoot.js";

package/dist/esm/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/esm/components/list-row/ListRow.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as l,Fragment as h}from"react/jsx-runtime";import{forwardRef as O,useCallback as z,useEffect as U,useImperativeHandle as q,useMemo as y,useRef as G,useState as J}from"react";import{Platform as K,StyleSheet as N,TouchableHighlight as Q,useWindowDimensions as X,View as f}from"react-native";import{useAdaptive as Y,useColorPreference as Z,useTypographyTheme as $}from"../../core";import{Animated as ee}from"../../interactions/animated";import{PressableEffect as C}from"../../interactions/pressable-effect";import{ListRowDisabled as D}from"./ListRowDisabled";import{ListRowRightArrow as te}from"./ListRowRightArrow";import{BlinkEffect as ne}from"./animation/BlinkEffect";import{ShineEffect as H}from"./animation/ShineEffect";import{sToMs as ie}from"./animation/sToMs";import{useBlinkAnimation as re}from"./animation/useBlinkAnimation";import{useShineAnimation as oe}from"./animation/useShineAnimation";export const ListRow=O(function({left:c,right:i,contents:m,withArrow:p=!1,horizontalPadding:I,verticalPadding:g=24,leftAlignment:w="center",rightAlignment:x="center",onPress:v,containerStyle:A,style:W,preferReducedMotion:B=!1,disabled:n,disabledStyle:d="type1",accessibilityState:S},M){const{colorPreference:E}=Z(),_=Y(),k=se(),L=y(()=>{switch(g){case"extraSmall":case 8:return 8;case"small":case 16:return 16;case"medium":case 24:return 24;case"large":case 32:return 32}},[g]),[R,T]=J({width:0,height:0}),s=re({containerSize:R}),u=oe({containerSize:R}),a=G(null),b=z((t=1.5)=>{s.start(),a.current&&clearTimeout(a.current),a.current=setTimeout(()=>{s.exit(),a.current=null},ie(t))},[s]);U(()=>()=>{a.current&&clearTimeout(a.current)},[]);const F=z((t=1)=>{E==="light"?u.light.start(t):u.dark.start(t)},[E,u]);q(M,()=>({blink:b,shine:F}));const V=y(()=>l(ee.View,{pointerEvents:n?"none":void 0,style:[{paddingVertical:L,position:"relative"},r.container,A,s.container],children:[e(ne,{blinkAnimation:s}),c!=null?e(f,{style:[r.left,w==="top"?{alignSelf:"flex-start"}:void 0],children:c}):void 0,k?l(f,{style:[r.content],children:[m,i!==void 0&&e(f,{style:[r.rightVertical],children:i})]}):l(h,{children:[m!==void 0&&e(f,{style:r.content,children:m}),i!==void 0&&e(f,{style:[r.right,x==="top"?{alignItems:"flex-start"}:void 0],children:i})]}),p&&e(te,{})]}),[n,L,A,s,c,w,k,m,i,x,p]),j=y(()=>l(h,{children:[n&&d==="type1"?e(D.Style1,{}):void 0,n&&d==="type2"?e(D.Style2,{}):void 0]}),[n,d]),P=[W,I===0?{marginHorizontal:-24}:void 0,{overflow:"hidden"}];return B?e(Q,{role:"button",onLayout:t=>{T({width:t.nativeEvent.layout.width,height:t.nativeEvent.layout.height})},accessibilityState:{disabled:n,...S},onPress:n?void 0:v,underlayColor:_.greyOpacity100,style:P,children:l(h,{children:[V,e(H,{shineAnimation:u}),j]})}):l(C,{onLayout:t=>{T({width:t.nativeEvent.layout.width,height:t.nativeEvent.layout.height})},accessibilityState:{disabled:n,...S},underlay:e(C.Underlay,{style:r.underlay}),style:P,onPress:n?void 0:v,children:[V,e(H,{shineAnimation:u}),j]})});const se=()=>{const{typographyLevel:o}=$(),{width:c}=X(),i=K.OS==="android";return c>=560?i?o>=200:o?.startsWith("A11y")&&o!=="A11y_Medium":i?o>=135:o?.startsWith("A11y")},r=N.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";import{jsx as t,jsxs as r,Fragment as x}from"react/jsx-runtime";import{forwardRef as U,useCallback as C,useEffect as q,useImperativeHandle as G,useMemo as A,useRef as J,useState as K}from"react";import{Platform as N,StyleSheet as Q,TouchableHighlight as X,useWindowDimensions as Y,View as u}from"react-native";import{useAdaptive as Z,useColorPreference as $,useTypographyTheme as ee}from"../../core/index.js";import{Animated as te}from"../../interactions/animated/index.js";import{PressableEffect as D}from"../../interactions/pressable-effect/index.js";import{ListRowDisabled as H}from"./ListRowDisabled.js";import{ListRowRightArrow as ne}from"./ListRowRightArrow.js";import{BlinkEffect as ie}from"./animation/BlinkEffect.js";import{ShineEffect as E}from"./animation/ShineEffect.js";import{sToMs as re}from"./animation/sToMs.js";import{useBlinkAnimation as oe}from"./animation/useBlinkAnimation.js";import{useShineAnimation as ae}from"./animation/useShineAnimation.js";import{generateA11yRestProps as se}from"../../utils/a11y.js";export const ListRow=U(function({left:f,right:n,contents:d,withArrow:S=!1,horizontalPadding:I,verticalPadding:L=24,leftAlignment:R="center",rightAlignment:k="center",onPress:m,containerStyle:T,style:W,preferReducedMotion:B=!1,disabled:i,disabledStyle:h="type1",...M},_){const{colorPreference:V}=$(),b=Z(),j=le(),P=A(()=>{switch(L){case"extraSmall":case 8:return 8;case"small":case 16:return 16;case"medium":case 24:return 24;case"large":case 32:return 32}},[L]),[z,y]=K({width:0,height:0}),s=oe({containerSize:z}),l=ae({containerSize:z}),c=J(null),F=C((e=1.5)=>{s.start(),c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{s.exit(),c.current=null},re(e))},[s]);q(()=>()=>{c.current&&clearTimeout(c.current)},[]);const O=C((e=1)=>{V==="light"?l.light.start(e):l.dark.start(e)},[V,l]);G(_,()=>({blink:F,shine:O}));const p=A(()=>r(te.View,{pointerEvents:i?"none":void 0,style:[{paddingVertical:P,position:"relative"},o.container,T,s.container],children:[t(ie,{blinkAnimation:s}),f!=null?t(u,{style:[o.left,R==="top"?{alignSelf:"flex-start"}:void 0],children:f}):void 0,j?r(u,{style:[o.content],children:[d,n!==void 0&&t(u,{style:[o.rightVertical],children:n})]}):r(x,{children:[d!==void 0&&t(u,{style:o.content,children:d}),n!==void 0&&t(u,{style:[o.right,k==="top"?{alignItems:"flex-start"}:void 0],children:n})]}),S&&t(ne,{})]}),[i,P,T,s,f,R,j,d,n,k,S]),g=A(()=>r(x,{children:[i&&h==="type1"?t(H.Style1,{}):void 0,i&&h==="type2"?t(H.Style2,{}):void 0]}),[i,h]),w=[W,I===0?{marginHorizontal:-24}:void 0,{overflow:"hidden"}],v=se(M,{role:m==null?void 0:"button",disabled:i});return B?m==null?r(u,{...v,onLayout:e=>{y({width:e.nativeEvent.layout.width,height:e.nativeEvent.layout.height})},style:w,children:[p,t(E,{shineAnimation:l}),g]}):t(X,{...v,onLayout:e=>{y({width:e.nativeEvent.layout.width,height:e.nativeEvent.layout.height})},onPress:i?void 0:m,underlayColor:b.greyOpacity100,style:w,children:r(x,{children:[p,t(E,{shineAnimation:l}),g]})}):r(D,{...v,onLayout:e=>{y({width:e.nativeEvent.layout.width,height:e.nativeEvent.layout.height})},underlay:t(D.Underlay,{style:o.underlay}),style:w,onPress:i?void 0:m,children:[p,t(E,{shineAnimation:l}),g]})});const le=()=>{const{typographyLevel:a}=ee(),{width:f}=Y(),n=N.OS==="android";return f>=560?n?a>=200:a?.startsWith("A11y")&&a!=="A11y_Medium":n?a>=135:a?.startsWith("A11y")},o=Q.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/esm/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/esm/components/list-row/ListRowDisabled.js

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import{colors as r}from"@toss/tds-colors";import s from"hex-to-rgba";import{useMemo as l}from"react";import{View as i}from"react-native";import{useAdaptive as a,useColorPreference as c}from"../../core";function p({...t}){const{colorPreference:o}=c(),n=l(()=>o==="light"?r.whiteOpacity700:s(r.darkBackground,.7),[o]);return e(i,{pointerEvents:"none",style:[{position:"absolute",width:"100%",height:"100%",backgroundColor:n}],...t})}function m({...t}){const o=a();return e(i,{pointerEvents:"none",style:[{position:"absolute",width:"100%",height:"100%",backgroundColor:o.greyOpacity50}],...t})}export const ListRowDisabled={Style1:p,Style2:m};
+"use strict";import{jsx as e}from"react/jsx-runtime";import{colors as r}from"@toss/tds-colors";import s from"hex-to-rgba";import{useMemo as l}from"react";import{View as i}from"react-native";import{useAdaptive as a,useColorPreference as c}from"../../core/index.js";function p({...t}){const{colorPreference:o}=c(),n=l(()=>o==="light"?r.whiteOpacity700:s(r.darkBackground,.7),[o]);return e(i,{pointerEvents:"none",style:[{position:"absolute",width:"100%",height:"100%",backgroundColor:n}],...t})}function m({...t}){const o=a();return e(i,{pointerEvents:"none",style:[{position:"absolute",width:"100%",height:"100%",backgroundColor:o.greyOpacity50}],...t})}export const ListRowDisabled={Style1:p,Style2:m};

package/dist/esm/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/esm/components/list-row/ListRowIcon.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{Image as s}from"@granite-js/react-native";import{useAdaptive as c}from"../../core";import{Icon as h}from"../icon";import{View as a}from"react-native";function l({type:e="default",align:r="center",style:d,...t}){const n=c(),i=e==="small"?20:24;return o(a,{style:[{flexDirection:"row",alignItems:r==="center"?"center":"flex-start",justifyContent:r==="center"?"center":"flex-start",marginRight:r==="center"?16:0},m[e],e==="border"?{borderColor:n.grey100}:void 0,e==="background"?{backgroundColor:n.grey100}:void 0,d],children:"source"in t?o(s,{source:t.source,style:[{width:i,height:i}],accessibilityRole:"none"}):o(h,{size:i,...t})})}const m={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}};export{l as ListRowIcon};
+"use strict";import{jsx as o}from"react/jsx-runtime";import{Image as s}from"@granite-js/react-native";import{useAdaptive as c}from"../../core/index.js";import{Icon as h}from"../icon/index.js";import{View as a}from"react-native";function l({type:e="default",align:r="center",style:d,...t}){const n=c(),i=e==="small"?20:24;return o(a,{style:[{flexDirection:"row",alignItems:r==="center"?"center":"flex-start",justifyContent:r==="center"?"center":"flex-start",marginRight:r==="center"?16:0},m[e],e==="border"?{borderColor:n.grey100}:void 0,e==="background"?{backgroundColor:n.grey100}:void 0,d],children:"source"in t?o(s,{source:t.source,style:[{width:i,height:i}],accessibilityRole:"none"}):o(h,{size:i,...t})})}const m={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}};export{l as ListRowIcon};

package/dist/esm/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/esm/components/list-row/ListRowImage.js

@@ -1 +1 @@
-"use strict";import{jsx as d}from"react/jsx-runtime";import{Image as w}from"@granite-js/react-native";import{useAdaptive as f}from"../../core";import{useState as u}from"react";import{StyleSheet as c,View as b}from"react-native";function v({type:i="default",border:o=i==="rectangle"||i==="rectangle-small",resizeMode:a,source:n,style:l,...e}){const g=f(),[t,s]=u({width:"width"in e?e.width:0,height:"height"in e?e.height:0});return d(b,{style:[h.base,r.default,r[i],o?{...h.border,borderColor:g.greyOpacity100}:void 0,i==="default"?{width:t.width,height:t.height}:void 0,l],children:d(w,{source:n,style:{width:"100%",height:"100%"},resizeMode:a,onLoad:m=>{"width"in e&&"height"in e||s(m.nativeEvent)}})})}export{v as ListRowImage};const h=c.create({base:{height:"100%",flexDirection:"row",alignItems:"center",marginRight:16},border:{borderWidth:1,borderStyle:"solid"}}),r={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";import{jsx as d}from"react/jsx-runtime";import{Image as w}from"@granite-js/react-native";import{useAdaptive as f}from"../../core/index.js";import{useState as u}from"react";import{StyleSheet as c,View as b}from"react-native";function v({type:i="default",border:o=i==="rectangle"||i==="rectangle-small",resizeMode:a,source:n,style:l,...e}){const g=f(),[t,s]=u({width:"width"in e?e.width:0,height:"height"in e?e.height:0});return d(b,{style:[h.base,r.default,r[i],o?{...h.border,borderColor:g.greyOpacity100}:void 0,i==="default"?{width:t.width,height:t.height}:void 0,l],children:d(w,{source:n,style:{width:"100%",height:"100%"},resizeMode:a,onLoad:m=>{"width"in e&&"height"in e||s(m.nativeEvent)}})})}export{v as ListRowImage};const h=c.create({base:{height:"100%",flexDirection:"row",alignItems:"center",marginRight:16},border:{borderWidth:1,borderStyle:"solid"}}),r={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/esm/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/esm/components/list-row/ListRowImageContainer.js

@@ -1 +1 @@
-"use strict";import{jsx as s}from"react/jsx-runtime";import{useAdaptive as f}from"../../core";import{StyleSheet as g,View as w}from"react-native";export function ListRowImageContainer({type:i="default",border:r=!1,style:h,children:o,...e}){const a=f(),l="width"in e?e.width:0,n="height"in e?e.height:0;return s(w,{style:[d.base,t.default,t[i],r?{...d.border,borderColor:a.greyOpacity100}:void 0,h,i==="default"?{width:l,height:n}:void 0],...e,children:o})}const t={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}},d=g.create({base:{alignSelf:"flex-start",height:"100%",flexDirection:"row",alignItems:"center",marginRight:16},border:{borderWidth:1,borderStyle:"solid"}});
+"use strict";import{jsx as s}from"react/jsx-runtime";import{useAdaptive as f}from"../../core/index.js";import{StyleSheet as g,View as w}from"react-native";export function ListRowImageContainer({type:i="default",border:r=!1,style:h,children:o,...e}){const a=f(),l="width"in e?e.width:0,n="height"in e?e.height:0;return s(w,{style:[d.base,t.default,t[i],r?{...d.border,borderColor:a.greyOpacity100}:void 0,h,i==="default"?{width:l,height:n}:void 0],...e,children:o})}const t={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}},d=g.create({base:{alignSelf:"flex-start",height:"100%",flexDirection:"row",alignItems:"center",marginRight:16},border:{borderWidth:1,borderStyle:"solid"}});

package/dist/esm/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/esm/components/list-row/ListRowLeftText.js

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import{Txt as r}from"../txt";import{StyleSheet as i}from"react-native";function m({style:t,...o}){return e(r,{typography:"t6",fontWeight:"bold",style:[s.txt,t],...o})}const s=i.create({txt:{minWidth:47,marginRight:8}});export{m as ListRowLeftText};
+"use strict";import{jsx as e}from"react/jsx-runtime";import{Txt as r}from"../txt/index.js";import{StyleSheet as i}from"react-native";function m({style:t,...o}){return e(r,{typography:"t6",fontWeight:"bold",style:[s.txt,t],...o})}const s=i.create({txt:{minWidth:47,marginRight:8}});export{m as ListRowLeftText};

package/dist/esm/components/list-row/ListRowRightArrow.js

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{Icon as e}from"../icon";import{StyleSheet as o,View as i}from"react-native";import{useAdaptive as n}from"../../core";function m(){const t=n();return r(i,{style:a.container,children:r(e,{name:"icon-arrow-right-mono",size:24,color:t.grey400})})}const a=o.create({container:{flexDirection:"row",alignItems:"center",marginLeft:4,marginRight:-8}});export{m as ListRowRightArrow};
+"use strict";import{jsx as r}from"react/jsx-runtime";import{Icon as e}from"../icon/index.js";import{StyleSheet as o,View as i}from"react-native";import{useAdaptive as n}from"../../core/index.js";function m(){const t=n();return r(i,{style:a.container,children:r(e,{name:"icon-arrow-right-mono",size:24,color:t.grey400})})}const a=o.create({container:{flexDirection:"row",alignItems:"center",marginLeft:4,marginRight:-8}});export{m as ListRowRightArrow};

package/dist/esm/components/list-row/ListRowRightTexts/ListRowRightTexts.d.ts

@@ -1,13 +1,13 @@
-import { RightTexts1RowTypeAProps } from './RightTexts1RowTypeA';
-import { RightTexts1RowTypeBProps } from './RightTexts1RowTypeB';
-import { RightTexts1RowTypeCProps } from './RightTexts1RowTypeC';
-import { RightTexts1RowTypeDProps } from './RightTexts1RowTypeD';
-import { RightTexts1RowTypeEProps } from './RightTexts1RowTypeE';
-import { RightTexts2RowTypeAProps } from './RightTexts2RowTypeA';
-import { RightTexts2RowTypeBProps } from './RightTexts2RowTypeB';
-import { RightTexts2RowTypeCProps } from './RightTexts2RowTypeC';
-import { RightTexts2RowTypeDProps } from './RightTexts2RowTypeD';
-import { RightTexts2RowTypeEProps } from './RightTexts2RowTypeE';
+import type { RightTexts1RowTypeAProps } from './RightTexts1RowTypeA.js';
+import type { RightTexts1RowTypeBProps } from './RightTexts1RowTypeB.js';
+import type { RightTexts1RowTypeCProps } from './RightTexts1RowTypeC.js';
+import type { RightTexts1RowTypeDProps } from './RightTexts1RowTypeD.js';
+import type { RightTexts1RowTypeEProps } from './RightTexts1RowTypeE.js';
+import type { RightTexts2RowTypeAProps } from './RightTexts2RowTypeA.js';
+import type { RightTexts2RowTypeBProps } from './RightTexts2RowTypeB.js';
+import type { RightTexts2RowTypeCProps } from './RightTexts2RowTypeC.js';
+import type { RightTexts2RowTypeDProps } from './RightTexts2RowTypeD.js';
+import type { RightTexts2RowTypeEProps } from './RightTexts2RowTypeE.js';
 export type ListRowRightTextsProps = RightTexts1RowTypeAProps | RightTexts1RowTypeBProps | RightTexts1RowTypeCProps | RightTexts1RowTypeDProps | RightTexts1RowTypeEProps | RightTexts2RowTypeAProps | RightTexts2RowTypeBProps | RightTexts2RowTypeCProps | RightTexts2RowTypeDProps | RightTexts2RowTypeEProps;
 declare function ListRowRightTexts(props: ListRowRightTextsProps): import("react/jsx-runtime").JSX.Element;
 export { ListRowRightTexts };

package/dist/esm/components/list-row/ListRowRightTexts/ListRowRightTexts.js

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{RightTexts1RowTypeA as o}from"./RightTexts1RowTypeA";import{RightTexts1RowTypeB as r}from"./RightTexts1RowTypeB";import{RightTexts1RowTypeC as R}from"./RightTexts1RowTypeC";import{RightTexts1RowTypeD as T}from"./RightTexts1RowTypeD";import{RightTexts1RowTypeE as i}from"./RightTexts1RowTypeE";import{RightTexts2RowTypeA as w}from"./RightTexts2RowTypeA";import{RightTexts2RowTypeB as m}from"./RightTexts2RowTypeB";import{RightTexts2RowTypeC as y}from"./RightTexts2RowTypeC";import{RightTexts2RowTypeD as s}from"./RightTexts2RowTypeD";import{RightTexts2RowTypeE as x}from"./RightTexts2RowTypeE";function n(e){switch(e.type){case"1RowTypeA":return t(o,{...e});case"1RowTypeB":return t(r,{...e});case"1RowTypeC":return t(R,{...e});case"1RowTypeD":return t(T,{...e});case"1RowTypeE":return t(i,{...e});case"2RowTypeA":return t(w,{...e});case"2RowTypeB":return t(m,{...e});case"2RowTypeC":return t(y,{...e});case"2RowTypeD":return t(s,{...e});case"2RowTypeE":return t(x,{...e});default:throw new Error("Unexpected type given to ListRowRightTexts")}}export{n as ListRowRightTexts};
+"use strict";import{jsx as t}from"react/jsx-runtime";import{RightTexts1RowTypeA as o}from"./RightTexts1RowTypeA.js";import{RightTexts1RowTypeB as r}from"./RightTexts1RowTypeB.js";import{RightTexts1RowTypeC as R}from"./RightTexts1RowTypeC.js";import{RightTexts1RowTypeD as T}from"./RightTexts1RowTypeD.js";import{RightTexts1RowTypeE as i}from"./RightTexts1RowTypeE.js";import{RightTexts2RowTypeA as w}from"./RightTexts2RowTypeA.js";import{RightTexts2RowTypeB as m}from"./RightTexts2RowTypeB.js";import{RightTexts2RowTypeC as y}from"./RightTexts2RowTypeC.js";import{RightTexts2RowTypeD as s}from"./RightTexts2RowTypeD.js";import{RightTexts2RowTypeE as x}from"./RightTexts2RowTypeE.js";function n(e){switch(e.type){case"1RowTypeA":return t(o,{...e});case"1RowTypeB":return t(r,{...e});case"1RowTypeC":return t(R,{...e});case"1RowTypeD":return t(T,{...e});case"1RowTypeE":return t(i,{...e});case"2RowTypeA":return t(w,{...e});case"2RowTypeB":return t(m,{...e});case"2RowTypeC":return t(y,{...e});case"2RowTypeD":return t(s,{...e});case"2RowTypeE":return t(x,{...e});default:throw new Error("Unexpected type given to ListRowRightTexts")}}export{n as ListRowRightTexts};

package/dist/esm/components/list-row/ListRowRightTexts/ListRowRightTxt.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from 'react';
+import { Txt } from '../../txt/index.js';
+export declare function ListRowRightTxt(props: ComponentProps<typeof Txt>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/list-row/ListRowRightTexts/ListRowRightTxt.js

@@ -0,0 +1 @@
+"use strict";import{jsx as r}from"react/jsx-runtime";import{useTypographyTheme as i}from"../../../core/index.js";import{token as y}from"../../../tokens/token.js";import{Txt as h}from"../../txt/index.js";export function ListRowRightTxt(t){const{typography:o}=i(),e=t.typography??"t5";return r(h,{...t,style:[t.style,{lineHeight:o[e].fontSize*y("line-height-s")}]})}

package/dist/esm/components/list-row/ListRowRightTexts/RightTexts1RowTypeA.d.ts

@@ -1,4 +1,4 @@
-import { Texts1RowProps } from '../types';
+import type { Texts1RowProps } from '../types.js';
 export interface RightTexts1RowTypeAProps extends Texts1RowProps {
     type: '1RowTypeA';
 }

package/dist/esm/components/list-row/ListRowRightTexts/RightTexts1RowTypeA.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{Txt as r}from"../../txt";import{RightTextsContainer as i}from"./RightTextsContainer";export function RightTexts1RowTypeA(t){return o(i,{children:typeof t.top=="string"?o(r,{typography:"t5",...t.topProps,children:t.top}):t.top})}
+"use strict";import{jsx as o}from"react/jsx-runtime";import{ListRowRightTxt as i}from"./ListRowRightTxt.js";import{RightTextsContainer as r}from"./RightTextsContainer.js";export function RightTexts1RowTypeA(t){return o(r,{children:typeof t.top=="string"?o(i,{typography:"t5",...t.topProps,children:t.top}):t.top})}

package/dist/esm/components/list-row/ListRowRightTexts/RightTexts1RowTypeB.d.ts

@@ -1,4 +1,4 @@
-import { Texts1RowProps } from '../types';
+import type { Texts1RowProps } from '../types.js';
 export interface RightTexts1RowTypeBProps extends Texts1RowProps {
     type: '1RowTypeB';
 }