@toss/tds-react-native 1.0.0

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

@@ -0,0 +1,96 @@
+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';
+export interface ListHeaderRootProps {
+    /**
+     * `ListHeader`의 상단에 표시될 보조 설명 영역이에요.
+     * `ListHeader.Description` 컴포넌트를 사용해서 보조 설명을 추가할 수 있어요.
+     *
+     * @example
+     * ```tsx
+     * <ListHeader.Description>보조 설명</ListHeader.Description>
+     * ```
+     */
+    upper?: ReactNode;
+    /**
+     * `ListHeader`의 제목을 설정해요.
+     * 제목 영역에는 주로 `ListHeader.TitleParagraph`, `ListHeader.TitleSelector`, `ListHeader.TitleTextButton` 컴포넌트가 사용돼요.
+     *
+     * @example
+     * ```tsx
+     * <ListHeader.TitleParagraph typography="t4">
+     *   타이틀
+     * </ListHeader.TitleParagraph>
+     * ```
+     */
+    title: ReactNode;
+    /**
+     * 제목 영역의 스타일을 설정해요.
+     */
+    titleViewStyle?: StyleProp<ViewStyle>;
+    /**
+     * `ListHeader`의 오른쪽에 표시될 요소를 설정해요.
+     * 오른쪽 영역에는 주로 `ListHeader.RightArrow` 또는 `ListHeader.RightText` 컴포넌트가 사용돼요.
+     *
+     * @example
+     * ```tsx
+     * <ListHeader.RightArrow typography="t6" color={adaptive.grey600}>
+     *   오른쪽
+     * </ListHeader.RightArrow>
+     * ```
+     */
+    right?: ReactNode;
+    /**
+     * 오른쪽 영역의 스타일을 설정해요.
+     */
+    rightViewStyle?: StyleProp<ViewStyle>;
+    /**
+     * `ListHeader`의 하단에 표시될 보조 설명 영역이에요.
+     * `ListHeader.Description` 컴포넌트를 사용해서 보조 설명을 추가할 수 있어요.
+     *
+     * @example
+     * ```tsx
+     * <ListHeader.Description>보조 설명</ListHeader.Description>
+     * ```
+     */
+    lower?: ReactNode;
+    /**
+     * `ListHeader` 컴포넌트를 눌렀을 때 실행되는 함수예요.
+     */
+    onPress?: PressableProps['onPress'];
+}
+/**
+ *
+ * @example
+ * <ListHeader
+ *   upper={
+ *     <ListHeader.Description>보조설명</ListHeader.Description>
+ *   }
+ *   title={
+ *     <ListHeader.TitleParagraph typography="t4">
+ *       타이틀
+ *     </ListHeader.TitleParagraph>
+ *   }
+ *   right={
+ *     <ListHeader.RightArrow typography="t6" color={adaptive.grey600}>
+ *       오른쪽
+ *     </ListHeader.RightArrow>
+ *   }
+ * />
+ */
+declare const _ListHeaderRoot: ({ upper, title, right, lower, onPress, rightViewStyle, titleViewStyle, }: ListHeaderRootProps) => import("react/jsx-runtime").JSX.Element;
+type ListHeaderRootType = typeof _ListHeaderRoot & {
+    Root: typeof _ListHeaderRoot;
+    TitleParagraph: typeof ListHeaderTitleParagraph;
+    TitleSelector: typeof ListHeaderTitleSelector;
+    TitleTextButton: typeof ListHeaderTitleTextButton;
+    DescriptionParagraph: typeof ListHeaderDescriptionParagraph;
+    RightText: typeof ListHeaderRightText;
+    RightArrow: typeof ListHeaderRightArrow;
+};
+declare const ListHeaderRoot: ListHeaderRootType;
+export { ListHeaderRoot };

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

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

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

@@ -0,0 +1,45 @@
+import type { ParagraphTextProps } from '../paragraph';
+import { ReactNode } from 'react';
+import { StyleProp, TextStyle } from 'react-native';
+export interface ListHeaderTitleParagraphProps {
+    /**
+     * `ListHeader.TitleParagraph` 컴포넌트의 텍스트 크기를 설정해요.
+     */
+    size?: 20 | 17 | 13;
+    /**
+     * `ListHeader.TitleParagraph` 컴포넌트의 텍스트 스타일을 설정해요.
+     *
+     * @default 't5'
+     */
+    typography?: 't4' | 't5' | 't7';
+    /**
+     * `ListHeader.TitleParagraph` 컴포넌트의 텍스트 굵기를 설정해요.
+     *
+     * @default 'regular'
+     */
+    fontWeight?: ParagraphTextProps['fontWeight'];
+    /**
+     * `ListHeader.TitleParagraph` 컴포넌트의 텍스트 라인 수를 제한할 때 사용해요.
+     */
+    numberOfLines?: number;
+    /**
+     * `ListHeader.TitleParagraph` 컴포넌트의 텍스트 색상을 설정해요.
+     *
+     * @default adaptive.grey800
+     */
+    color?: string;
+    /**
+     * `ListHeader.TitleParagraph` 컴포넌트 내부에 표시될 내용을 설정해요.
+     */
+    children: ReactNode;
+    /**
+     * `ListHeader.TitleParagraph` 컴포넌트의 스타일을 변경할 때 사용해요.
+     */
+    style?: StyleProp<TextStyle>;
+}
+/**
+ *
+ * @example
+ * <ListHeader.TitleParagraph typography="t4" >타이틀</ListHeader.TitleParagraph>
+ */
+export declare function ListHeaderTitleParagraph({ size, typography: _typography, color, fontWeight, numberOfLines, children, style, }: ListHeaderTitleParagraphProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import { PressableProps, StyleProp, TextStyle, View } from 'react-native';
+import type { ParagraphTextProps } from '../paragraph';
+export interface ListHeaderTitleSelectorProps {
+    /**
+     * `ListHeader.TitleSelector` 컴포넌트의 텍스트 스타일을 설정해요.
+     */
+    typography: 't4' | 't5' | 't7';
+    /**
+     * `ListHeader.TitleSelector` 컴포넌트의 텍스트 굵기를 설정해요.
+     *
+     * @default 'regular'
+     */
+    fontWeight: ParagraphTextProps['fontWeight'];
+    /**
+     * `ListHeader.TitleSelector` 컴포넌트의 텍스트 라인 수를 제한할 때 사용해요.
+     */
+    numberOfLines?: number;
+    /**
+     * `ListHeader.TitleSelector` 컴포넌트가 눌렸을 때 실행되는 함수예요.
+     */
+    onPress?: PressableProps['onPress'];
+    /**
+     * `ListHeader.TitleSelector` 컴포넌트의 텍스트 색상을 설정해요.
+     *
+     * @default adaptive.grey900
+     */
+    color?: string;
+    /**
+     * `ListHeader.TitleSelector` 컴포넌트 내부에 표시될 내용을 설정해요.
+     */
+    children: ReactNode;
+    /**
+     * `ListHeader.TitleSelector` 컴포넌트의 스타일을 변경할 때 사용해요.
+     */
+    style?: StyleProp<TextStyle>;
+}
+export declare const ListHeaderTitleSelector: import("react").ForwardRefExoticComponent<ListHeaderTitleSelectorProps & import("react").RefAttributes<View>>;

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

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

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

@@ -0,0 +1,8 @@
+import { TextButtonProps } from '../text-button';
+export interface ListHeaderTitleTextButtonProps extends TextButtonProps {
+    /**
+     * `ListHeader.TitleTextButton` 컴포넌트의 텍스트 스타일을 설정해요.
+     */
+    typography: 't4' | 't5' | 't7';
+}
+export declare function ListHeaderTitleTextButton({ ...props }: ListHeaderTitleTextButtonProps): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { ComponentProps, ReactNode } from 'react';
+import { AccessibilityState, StyleProp, TouchableHighlight, ViewStyle } from 'react-native';
+export interface ListRowRef {
+    blink: (duration?: number) => void;
+    shine: (playCount?: number) => void;
+}
+export interface ListRowProps {
+    left?: ReactNode;
+    contents?: ReactNode;
+    right?: ReactNode;
+    withArrow?: boolean;
+    leftAlignment?: 'top' | 'center';
+    rightAlignment?: 'top' | 'center';
+    /** ListRow 의 paddingHorizontal 을 제거하고 싶은경우 0을 줍니다. */
+    horizontalPadding?: 0;
+    verticalPadding?: 'extraSmall' | 8 | 'small' | 16 | 'medium' | 24 | 'large' | 32;
+    containerStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+    onPress?: ComponentProps<typeof TouchableHighlight>['onPress'];
+    preferReducedMotion?: boolean;
+    disabledStyle?: 'type1' | 'type2';
+    disabled?: boolean;
+    accessibilityState?: AccessibilityState;
+}
+export declare const ListRow: import("react").ForwardRefExoticComponent<ListRowProps & import("react").RefAttributes<ListRowRef>>;

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

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

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

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+import { View } from 'react-native';
+/**
+ * ListRow 의 disabled 영역 - disabledStyle1
+ */
+declare function ListRowDisabledStyle1({ ...props }: ComponentProps<typeof View>): import("react/jsx-runtime").JSX.Element;
+/**
+ * ListRow 의 disabled 영역 - disabledStyle1
+ */
+declare function ListRowDisabledStyle2({ ...props }: ComponentProps<typeof View>): import("react/jsx-runtime").JSX.Element;
+export declare const ListRowDisabled: {
+    Style1: typeof ListRowDisabledStyle1;
+    Style2: typeof ListRowDisabledStyle2;
+};
+export {};

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

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowDisabled=void 0;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),core_1=require("../../core"),hex_to_rgba_1=__importDefault(require("hex-to-rgba")),react_1=require("react"),react_native_1=require("react-native");function ListRowDisabledStyle1({...e}){const{colorPreference:t}=(0,core_1.useColorPreference)(),r=(0,react_1.useMemo)(()=>t==="light"?colors_1.colors.whiteOpacity700:(0,hex_to_rgba_1.default)(colors_1.colors.darkBackground,.7),[t]);return(0,jsx_runtime_1.jsx)(react_native_1.View,{pointerEvents:"none",style:[{position:"absolute",width:"100%",height:"100%",backgroundColor:r}],...e})}function ListRowDisabledStyle2({...e}){const t=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{pointerEvents:"none",style:[{position:"absolute",width:"100%",height:"100%",backgroundColor:t.greyOpacity50}],...e})}exports.ListRowDisabled={Style1:ListRowDisabledStyle1,Style2:ListRowDisabledStyle2};

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

@@ -0,0 +1,29 @@
+import { Image } from '@granite-js/react-native';
+import { Icon } from '../icon';
+import { ComponentProps } from 'react';
+type IconType = 'default' | 'small' | 'border' | 'background';
+type IconProps = Omit<ComponentProps<typeof Icon>, 'size'>;
+type ImageProps = ComponentProps<typeof Image>;
+interface BaseProps {
+    /** @default default */
+    type?: IconType;
+    /**
+     * @default 'center';
+     */
+    align?: 'top' | 'center';
+}
+interface NamedIconProps extends BaseProps {
+    name: IconProps['name'];
+    color?: IconProps['color'];
+    style?: IconProps['style'];
+}
+interface UrlIconProps extends BaseProps {
+    /**
+     * react-native-fast-image 의 source 입니다.
+     */
+    source: ImageProps['source'];
+    style?: ImageProps['style'];
+}
+type Props = NamedIconProps | UrlIconProps;
+declare function ListRowIcon({ type, align, style, ...restProps }: Props): import("react/jsx-runtime").JSX.Element;
+export { ListRowIcon };

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

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

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

@@ -0,0 +1,32 @@
+import { Image } from '@granite-js/react-native';
+import { ComponentProps } from 'react';
+import { ViewProps } from 'react-native';
+type ImageProps = ComponentProps<typeof Image>;
+type ImageType = 'default' | 'square' | 'rectangle' | 'rectangle-small' | 'circle' | 'circle-small' | '3d-emoji';
+interface BaseProps {
+    /**
+     * @description border 표시여부. "rectangle", "rectangle-small" 은 기본값이 true
+     * @default false
+     */
+    border?: boolean;
+    source: ImageProps['source'];
+    resizeMode?: ImageProps['resizeMode'];
+    style?: ViewProps['style'];
+}
+interface ImageTypeProps {
+    type: Exclude<ImageType, 'default'>;
+}
+interface DefaultTypeProps {
+    type: 'default';
+    /**
+     * @description LayoutShift 를 방지하기 위한 기본 width 입니다.
+     */
+    width: number;
+    /**
+     * @description LayoutShift 를 방지하기 위한 기본 height 입니다.
+     */
+    height: number;
+}
+type Props = (ImageTypeProps | DefaultTypeProps) & BaseProps;
+declare function ListRowImage({ type, border, resizeMode, source, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export { ListRowImage };

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

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

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

@@ -0,0 +1,26 @@
+import { ViewProps } from 'react-native';
+type ImageType = 'default' | 'square' | 'rectangle' | 'rectangle-small' | 'circle' | 'circle-small' | '3d-emoji';
+interface BaseProps extends ViewProps {
+    /**
+     * @description border 표시여부
+     * @default false
+     */
+    border?: boolean;
+}
+interface ImageTypeProps {
+    type: Exclude<ImageType, 'default'>;
+}
+interface DefaultTypeProps {
+    type: 'default';
+    /**
+     * @description LayoutShift 를 방지하기 위한 기본 width 입니다.
+     */
+    width: number;
+    /**
+     * @description LayoutShift 를 방지하기 위한 기본 height 입니다.
+     */
+    height: number;
+}
+type Props = (ImageTypeProps | DefaultTypeProps) & BaseProps;
+export declare function ListRowImageContainer({ type, border, style, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,6 @@
+import { TxtProps } from '../txt';
+type LeftTextProps = TxtProps & {
+    children: string;
+};
+declare function ListRowLeftText({ style, ...props }: LeftTextProps): import("react/jsx-runtime").JSX.Element;
+export { ListRowLeftText };

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowRightArrow=ListRowRightArrow;const jsx_runtime_1=require("react/jsx-runtime"),icon_1=require("../icon"),react_native_1=require("react-native"),core_1=require("../../core");function ListRowRightArrow(){const e=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.container,children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:"icon-arrow-right-mono",size:24,color:e.grey400})})}const styles=react_native_1.StyleSheet.create({container:{flexDirection:"row",alignItems:"center",marginLeft:4,marginRight:-8}});

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

@@ -0,0 +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';
+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/cjs/components/list-row/ListRowRightTexts/ListRowRightTexts.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowRightTexts=ListRowRightTexts;const jsx_runtime_1=require("react/jsx-runtime"),RightTexts1RowTypeA_1=require("./RightTexts1RowTypeA"),RightTexts1RowTypeB_1=require("./RightTexts1RowTypeB"),RightTexts1RowTypeC_1=require("./RightTexts1RowTypeC"),RightTexts1RowTypeD_1=require("./RightTexts1RowTypeD"),RightTexts1RowTypeE_1=require("./RightTexts1RowTypeE"),RightTexts2RowTypeA_1=require("./RightTexts2RowTypeA"),RightTexts2RowTypeB_1=require("./RightTexts2RowTypeB"),RightTexts2RowTypeC_1=require("./RightTexts2RowTypeC"),RightTexts2RowTypeD_1=require("./RightTexts2RowTypeD"),RightTexts2RowTypeE_1=require("./RightTexts2RowTypeE");function ListRowRightTexts(e){switch(e.type){case"1RowTypeA":return(0,jsx_runtime_1.jsx)(RightTexts1RowTypeA_1.RightTexts1RowTypeA,{...e});case"1RowTypeB":return(0,jsx_runtime_1.jsx)(RightTexts1RowTypeB_1.RightTexts1RowTypeB,{...e});case"1RowTypeC":return(0,jsx_runtime_1.jsx)(RightTexts1RowTypeC_1.RightTexts1RowTypeC,{...e});case"1RowTypeD":return(0,jsx_runtime_1.jsx)(RightTexts1RowTypeD_1.RightTexts1RowTypeD,{...e});case"1RowTypeE":return(0,jsx_runtime_1.jsx)(RightTexts1RowTypeE_1.RightTexts1RowTypeE,{...e});case"2RowTypeA":return(0,jsx_runtime_1.jsx)(RightTexts2RowTypeA_1.RightTexts2RowTypeA,{...e});case"2RowTypeB":return(0,jsx_runtime_1.jsx)(RightTexts2RowTypeB_1.RightTexts2RowTypeB,{...e});case"2RowTypeC":return(0,jsx_runtime_1.jsx)(RightTexts2RowTypeC_1.RightTexts2RowTypeC,{...e});case"2RowTypeD":return(0,jsx_runtime_1.jsx)(RightTexts2RowTypeD_1.RightTexts2RowTypeD,{...e});case"2RowTypeE":return(0,jsx_runtime_1.jsx)(RightTexts2RowTypeE_1.RightTexts2RowTypeE,{...e});default:throw new Error("Unexpected type given to ListRowRightTexts")}}

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

@@ -0,0 +1,5 @@
+import { Texts1RowProps } from '../types';
+export interface RightTexts1RowTypeAProps extends Texts1RowProps {
+    type: '1RowTypeA';
+}
+export declare function RightTexts1RowTypeA(props: RightTexts1RowTypeAProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightTexts1RowTypeA=RightTexts1RowTypeA;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),RightTextsContainer_1=require("./RightTextsContainer");function RightTexts1RowTypeA(t){return(0,jsx_runtime_1.jsx)(RightTextsContainer_1.RightTextsContainer,{children:typeof t.top=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t5",...t.topProps,children:t.top}):t.top})}

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

@@ -0,0 +1,5 @@
+import { Texts1RowProps } from '../types';
+export interface RightTexts1RowTypeBProps extends Texts1RowProps {
+    type: '1RowTypeB';
+}
+export declare function RightTexts1RowTypeB(props: RightTexts1RowTypeBProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts1RowTypeB.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightTexts1RowTypeB=RightTexts1RowTypeB;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),RightTextsContainer_1=require("./RightTextsContainer");function RightTexts1RowTypeB(t){return(0,jsx_runtime_1.jsx)(RightTextsContainer_1.RightTextsContainer,{children:typeof t.top=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t5",fontWeight:"medium",...t.topProps,children:t.top}):t.top})}

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts1RowTypeC.d.ts

@@ -0,0 +1,5 @@
+import { Texts1RowProps } from '../types';
+export interface RightTexts1RowTypeCProps extends Texts1RowProps {
+    type: '1RowTypeC';
+}
+export declare function RightTexts1RowTypeC(props: RightTexts1RowTypeCProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts1RowTypeC.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightTexts1RowTypeC=RightTexts1RowTypeC;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),RightTextsContainer_1=require("./RightTextsContainer");function RightTexts1RowTypeC(t){return(0,jsx_runtime_1.jsx)(RightTextsContainer_1.RightTextsContainer,{children:typeof t.top=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top})}

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts1RowTypeD.d.ts

@@ -0,0 +1,5 @@
+import { Texts1RowProps } from '../types';
+export interface RightTexts1RowTypeDProps extends Texts1RowProps {
+    type: '1RowTypeD';
+}
+export declare function RightTexts1RowTypeD(props: RightTexts1RowTypeDProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts1RowTypeD.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightTexts1RowTypeD=RightTexts1RowTypeD;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),RightTextsContainer_1=require("./RightTextsContainer");function RightTexts1RowTypeD(t){return(0,jsx_runtime_1.jsx)(RightTextsContainer_1.RightTextsContainer,{children:typeof t.top=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t7",fontWeight:"regular",...t.topProps,children:t.top}):t.top})}

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts1RowTypeE.d.ts

@@ -0,0 +1,5 @@
+import { Texts1RowProps } from '../types';
+export interface RightTexts1RowTypeEProps extends Texts1RowProps {
+    type: '1RowTypeE';
+}
+export declare function RightTexts1RowTypeE(props: RightTexts1RowTypeEProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts1RowTypeE.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightTexts1RowTypeE=RightTexts1RowTypeE;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),RightTextsContainer_1=require("./RightTextsContainer");function RightTexts1RowTypeE(t){return(0,jsx_runtime_1.jsx)(RightTextsContainer_1.RightTextsContainer,{children:typeof t.top=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t5",fontWeight:"bold",...t.topProps,children:t.top}):t.top})}

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts2RowTypeA.d.ts

@@ -0,0 +1,5 @@
+import { Texts2RowProps } from '../types';
+export interface RightTexts2RowTypeAProps extends Texts2RowProps {
+    type: '2RowTypeA';
+}
+export declare function RightTexts2RowTypeA(props: RightTexts2RowTypeAProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts2RowTypeA.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightTexts2RowTypeA=RightTexts2RowTypeA;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),RightTextsContainer_1=require("./RightTextsContainer");function RightTexts2RowTypeA(t){return(0,jsx_runtime_1.jsxs)(RightTextsContainer_1.RightTextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t5",fontWeight:"bold",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",fontWeight:"regular",style:{marginTop:2},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts2RowTypeB.d.ts

@@ -0,0 +1,5 @@
+import { Texts2RowProps } from '../types';
+export interface RightTexts2RowTypeBProps extends Texts2RowProps {
+    type: '2RowTypeB';
+}
+export declare function RightTexts2RowTypeB(props: RightTexts2RowTypeBProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts2RowTypeB.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightTexts2RowTypeB=RightTexts2RowTypeB;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),RightTextsContainer_1=require("./RightTextsContainer");function RightTexts2RowTypeB(t){return(0,jsx_runtime_1.jsxs)(RightTextsContainer_1.RightTextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t5",fontWeight:"bold",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t7",fontWeight:"medium",...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts2RowTypeC.d.ts

@@ -0,0 +1,5 @@
+import { Texts2RowProps } from '../types';
+export interface RightTexts2RowTypeCProps extends Texts2RowProps {
+    type: '2RowTypeC';
+}
+export declare function RightTexts2RowTypeC(props: RightTexts2RowTypeCProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts2RowTypeC.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightTexts2RowTypeC=RightTexts2RowTypeC;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),RightTextsContainer_1=require("./RightTextsContainer");function RightTexts2RowTypeC(t){return(0,jsx_runtime_1.jsxs)(RightTextsContainer_1.RightTextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",fontWeight:"regular",style:{marginTop:2},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts2RowTypeD.d.ts

@@ -0,0 +1,5 @@
+import { Texts2RowProps } from '../types';
+export interface RightTexts2RowTypeDProps extends Texts2RowProps {
+    type: '2RowTypeD';
+}
+export declare function RightTexts2RowTypeD(props: RightTexts2RowTypeDProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts2RowTypeD.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightTexts2RowTypeD=RightTexts2RowTypeD;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),RightTextsContainer_1=require("./RightTextsContainer");function RightTexts2RowTypeD(t){return(0,jsx_runtime_1.jsxs)(RightTextsContainer_1.RightTextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t7",fontWeight:"medium",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t5",fontWeight:"bold",style:{marginTop:2},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts2RowTypeE.d.ts

@@ -0,0 +1,5 @@
+import { Texts2RowProps } from '../types';
+export interface RightTexts2RowTypeEProps extends Texts2RowProps {
+    type: '2RowTypeE';
+}
+export declare function RightTexts2RowTypeE(props: RightTexts2RowTypeEProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/list-row/ListRowRightTexts/RightTexts2RowTypeE.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightTexts2RowTypeE=RightTexts2RowTypeE;const jsx_runtime_1=require("react/jsx-runtime"),txt_1=require("../../txt"),RightTextsContainer_1=require("./RightTextsContainer");function RightTexts2RowTypeE(t){return(0,jsx_runtime_1.jsxs)(RightTextsContainer_1.RightTextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t5",fontWeight:"bold",style:{marginTop:2},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/cjs/components/list-row/ListRowRightTexts/RightTextsContainer.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare function RightTextsContainer(props: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/list-row/ListRowRightTexts/RightTextsContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightTextsContainer=RightTextsContainer;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native");function RightTextsContainer(e){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{alignItems:"flex-end"},children:e.children})}

package/dist/cjs/components/list-row/ListRowRightTexts/index.d.ts

@@ -0,0 +1 @@
+export { ListRowRightTexts } from './ListRowRightTexts';

package/dist/cjs/components/list-row/ListRowRightTexts/index.js

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

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

@@ -0,0 +1,18 @@
+import { Texts1RowTypeAProps } from './Texts1RowTypeA';
+import { Texts1RowTypeBProps } from './Texts1RowTypeB';
+import { Texts1RowTypeCProps } from './Texts1RowTypeC';
+import { Texts2RowTypeAProps } from './Texts2RowTypeA';
+import { Texts2RowTypeBProps } from './Texts2RowTypeB';
+import { Texts2RowTypeCProps } from './Texts2RowTypeC';
+import { Texts2RowTypeDProps } from './Texts2RowTypeD';
+import { Texts2RowTypeEProps } from './Texts2RowTypeE';
+import { Texts2RowTypeFProps } from './Texts2RowTypeF';
+import { Texts3RowTypeAProps } from './Texts3RowTypeA';
+import { Texts3RowTypeBProps } from './Texts3RowTypeB';
+import { Texts3RowTypeCProps } from './Texts3RowTypeC';
+import { Texts3RowTypeDProps } from './Texts3RowTypeD';
+import { Texts3RowTypeEProps } from './Texts3RowTypeE';
+import { Texts3RowTypeFProps } from './Texts3RowTypeF';
+export type ListRowTextsProps = Texts1RowTypeAProps | Texts1RowTypeBProps | Texts1RowTypeCProps | Texts2RowTypeAProps | Texts2RowTypeBProps | Texts2RowTypeCProps | Texts2RowTypeDProps | Texts2RowTypeEProps | Texts2RowTypeFProps | Texts3RowTypeAProps | Texts3RowTypeBProps | Texts3RowTypeCProps | Texts3RowTypeDProps | Texts3RowTypeEProps | Texts3RowTypeFProps;
+declare function ListRowTexts(props: ListRowTextsProps): import("react/jsx-runtime").JSX.Element;
+export { ListRowTexts };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowTexts=ListRowTexts;const jsx_runtime_1=require("react/jsx-runtime"),Texts1RowTypeA_1=require("./Texts1RowTypeA"),Texts1RowTypeB_1=require("./Texts1RowTypeB"),Texts1RowTypeC_1=require("./Texts1RowTypeC"),Texts2RowTypeA_1=require("./Texts2RowTypeA"),Texts2RowTypeB_1=require("./Texts2RowTypeB"),Texts2RowTypeC_1=require("./Texts2RowTypeC"),Texts2RowTypeD_1=require("./Texts2RowTypeD"),Texts2RowTypeE_1=require("./Texts2RowTypeE"),Texts2RowTypeF_1=require("./Texts2RowTypeF"),Texts3RowTypeA_1=require("./Texts3RowTypeA"),Texts3RowTypeB_1=require("./Texts3RowTypeB"),Texts3RowTypeC_1=require("./Texts3RowTypeC"),Texts3RowTypeD_1=require("./Texts3RowTypeD"),Texts3RowTypeE_1=require("./Texts3RowTypeE"),Texts3RowTypeF_1=require("./Texts3RowTypeF");function ListRowTexts(e){switch(e.type){case"1RowTypeA":return(0,jsx_runtime_1.jsx)(Texts1RowTypeA_1.Texts1RowTypeA,{...e});case"1RowTypeB":return(0,jsx_runtime_1.jsx)(Texts1RowTypeB_1.Texts1RowTypeB,{...e});case"1RowTypeC":return(0,jsx_runtime_1.jsx)(Texts1RowTypeC_1.Texts1RowTypeC,{...e});case"2RowTypeA":return(0,jsx_runtime_1.jsx)(Texts2RowTypeA_1.Texts2RowTypeA,{...e});case"2RowTypeB":return(0,jsx_runtime_1.jsx)(Texts2RowTypeB_1.Texts2RowTypeB,{...e});case"2RowTypeC":return(0,jsx_runtime_1.jsx)(Texts2RowTypeC_1.Texts2RowTypeC,{...e});case"2RowTypeD":return(0,jsx_runtime_1.jsx)(Texts2RowTypeD_1.Texts2RowTypeD,{...e});case"2RowTypeE":return(0,jsx_runtime_1.jsx)(Texts2RowTypeE_1.Texts2RowTypeE,{...e});case"2RowTypeF":return(0,jsx_runtime_1.jsx)(Texts2RowTypeF_1.Texts2RowTypeF,{...e});case"3RowTypeA":return(0,jsx_runtime_1.jsx)(Texts3RowTypeA_1.Texts3RowTypeA,{...e});case"3RowTypeB":return(0,jsx_runtime_1.jsx)(Texts3RowTypeB_1.Texts3RowTypeB,{...e});case"3RowTypeC":return(0,jsx_runtime_1.jsx)(Texts3RowTypeC_1.Texts3RowTypeC,{...e});case"3RowTypeD":return(0,jsx_runtime_1.jsx)(Texts3RowTypeD_1.Texts3RowTypeD,{...e});case"3RowTypeE":return(0,jsx_runtime_1.jsx)(Texts3RowTypeE_1.Texts3RowTypeE,{...e});case"3RowTypeF":return(0,jsx_runtime_1.jsx)(Texts3RowTypeF_1.Texts3RowTypeF,{...e});default:throw new Error("Unexpected type given to ListRowTexts")}}

package/dist/cjs/components/list-row/ListRowTexts/ListRowTxt.d.ts

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

package/dist/cjs/components/list-row/ListRowTexts/ListRowTxt.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRowTxt=ListRowTxt;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../../core"),txt_1=require("../../txt");function ListRowTxt(t){const e=t.typography??"t5",{typography:r}=(0,core_1.useTypographyTheme)();return(0,jsx_runtime_1.jsx)(txt_1.Txt,{...t,style:[{lineHeight:Math.round(r[e].fontSize*1.3)},t.style]})}