@toss/tds-react-native 1.0.0

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

@@ -0,0 +1 @@
+"use strict";import{jsx as t}from"react/jsx-runtime";import{Texts1RowTypeA as o}from"./Texts1RowTypeA";import{Texts1RowTypeB as r}from"./Texts1RowTypeB";import{Texts1RowTypeC as T}from"./Texts1RowTypeC";import{Texts2RowTypeA as w}from"./Texts2RowTypeA";import{Texts2RowTypeB as m}from"./Texts2RowTypeB";import{Texts2RowTypeC as y}from"./Texts2RowTypeC";import{Texts2RowTypeD as R}from"./Texts2RowTypeD";import{Texts2RowTypeE as s}from"./Texts2RowTypeE";import{Texts2RowTypeF as i}from"./Texts2RowTypeF";import{Texts3RowTypeA as x}from"./Texts3RowTypeA";import{Texts3RowTypeB as n}from"./Texts3RowTypeB";import{Texts3RowTypeC as p}from"./Texts3RowTypeC";import{Texts3RowTypeD as c}from"./Texts3RowTypeD";import{Texts3RowTypeE as f}from"./Texts3RowTypeE";import{Texts3RowTypeF as a}from"./Texts3RowTypeF";function u(e){switch(e.type){case"1RowTypeA":return t(o,{...e});case"1RowTypeB":return t(r,{...e});case"1RowTypeC":return t(T,{...e});case"2RowTypeA":return t(w,{...e});case"2RowTypeB":return t(m,{...e});case"2RowTypeC":return t(y,{...e});case"2RowTypeD":return t(R,{...e});case"2RowTypeE":return t(s,{...e});case"2RowTypeF":return t(i,{...e});case"3RowTypeA":return t(x,{...e});case"3RowTypeB":return t(n,{...e});case"3RowTypeC":return t(p,{...e});case"3RowTypeD":return t(c,{...e});case"3RowTypeE":return t(f,{...e});case"3RowTypeF":return t(a,{...e});default:throw new Error("Unexpected type given to ListRowTexts")}}export{u as ListRowTexts};

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

@@ -0,0 +1 @@
+"use strict";import{jsx as e}from"react/jsx-runtime";import{useTypographyTheme as y}from"../../../core";import{Txt as i}from"../../txt";export function ListRowTxt(t){const o=t.typography??"t5",{typography:r}=y();return e(i,{...t,style:[{lineHeight:Math.round(r[o].fontSize*1.3)},t.style]})}

package/dist/esm/components/list-row/ListRowTexts/Texts1RowTypeA.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts1RowTypeA.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o}from"react/jsx-runtime";import{ListRowTxt as r}from"./ListRowTxt";import{TextsContainer as e}from"./TextsContainer";export function Texts1RowTypeA(t){return o(e,{children:typeof t.top=="string"?o(r,{typography:"t5",fontWeight:"medium",...t.topProps,children:t.top}):t.top})}

package/dist/esm/components/list-row/ListRowTexts/Texts1RowTypeB.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts1RowTypeB.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o}from"react/jsx-runtime";import{ListRowTxt as r}from"./ListRowTxt";import{TextsContainer as e}from"./TextsContainer";export function Texts1RowTypeB(t){return o(e,{children:typeof t.top=="string"?o(r,{typography:"t5",fontWeight:"semiBold",...t.topProps,children:t.top}):t.top})}

package/dist/esm/components/list-row/ListRowTexts/Texts1RowTypeC.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts1RowTypeC.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o}from"react/jsx-runtime";import{ListRowTxt as r}from"./ListRowTxt";import{TextsContainer as e}from"./TextsContainer";export function Texts1RowTypeC(t){return o(e,{children:typeof t.top=="string"?o(r,{typography:"t5",fontWeight:"bold",...t.topProps,children:t.top}):t.top})}

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeA.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeA.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as i}from"./TextsContainer";export function Texts2RowTypeA(t){return r(i,{children:[typeof t.top=="string"?o(e,{typography:"t5",fontWeight:"bold",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?o(e,{typography:"t6",fontWeight:"regular",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeB.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeB.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as r}from"./TextsContainer";export function Texts2RowTypeB(t){return i(r,{children:[typeof t.top=="string"?o(e,{typography:"t4",fontWeight:"semiBold",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?o(e,{typography:"t6",fontWeight:"regular",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeC.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeC.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as m}from"./TextsContainer";export function Texts2RowTypeC(t){return i(m,{children:[typeof t.top=="string"?o(e,{typography:"t5",fontWeight:"bold",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?o(e,{typography:"t7",fontWeight:"medium",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeD.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeD.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as i}from"./TextsContainer";export function Texts2RowTypeD(t){return r(i,{children:[typeof t.top=="string"?o(e,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?o(e,{typography:"t5",fontWeight:"bold",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeE.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeE.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as r}from"./TextsContainer";export function Texts2RowTypeE(t){return i(r,{children:[typeof t.top=="string"?o(e,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?o(e,{typography:"t4",fontWeight:"semiBold",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeF.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts2RowTypeF.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as m}from"./TextsContainer";export function Texts2RowTypeF(t){return i(m,{children:[typeof t.top=="string"?o(e,{typography:"t7",fontWeight:"medium",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?o(e,{typography:"t5",fontWeight:"bold",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeA.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeA.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as m}from"./TextsContainer";export function Texts3RowTypeA(t){return i(m,{children:[typeof t.top=="string"?o(e,{typography:"t5",fontWeight:"bold",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?o(e,{typography:"t7",fontWeight:"medium",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?o(e,{typography:"t7",fontWeight:"medium",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeB.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeB.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as m}from"./TextsContainer";export function Texts3RowTypeB(t){return i(m,{children:[typeof t.top=="string"?o(e,{typography:"t4",fontWeight:"semiBold",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?o(e,{typography:"t6",fontWeight:"medium",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?o(e,{typography:"t6",fontWeight:"medium",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeC.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeC.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as m}from"./TextsContainer";export function Texts3RowTypeC(t){return i(m,{children:[typeof t.top=="string"?o(e,{typography:"t7",fontWeight:"medium",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?o(e,{typography:"t5",fontWeight:"bold",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?o(e,{typography:"t7",fontWeight:"medium",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeD.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeD.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as r}from"./TextsContainer";export function Texts3RowTypeD(t){return i(r,{children:[typeof t.top=="string"?o(e,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?o(e,{typography:"t4",fontWeight:"semiBold",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?o(e,{typography:"t6",fontWeight:"regular",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeE.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeE.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as m}from"./TextsContainer";export function Texts3RowTypeE(t){return i(m,{children:[typeof t.top=="string"?o(e,{typography:"t7",fontWeight:"medium",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?o(e,{typography:"t7",fontWeight:"medium",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?o(e,{typography:"t5",fontWeight:"bold",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeF.d.ts

@@ -0,0 +1,5 @@
+import { Texts3RowProps } from '../types';
+export interface Texts3RowTypeFProps extends Texts3RowProps {
+    type: '3RowTypeF';
+}
+export declare function Texts3RowTypeF(props: Texts3RowTypeFProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/list-row/ListRowTexts/Texts3RowTypeF.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{ListRowTxt as e}from"./ListRowTxt";import{TextsContainer as r}from"./TextsContainer";export function Texts3RowTypeF(t){return i(r,{children:[typeof t.top=="string"?o(e,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?o(e,{typography:"t6",fontWeight:"regular",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?o(e,{typography:"t4",fontWeight:"semiBold",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

package/dist/esm/components/list-row/ListRowTexts/TextsContainer.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/TextsContainer.js

@@ -0,0 +1 @@
+"use strict";import{jsx as e}from"react/jsx-runtime";import{View as i}from"react-native";export function TextsContainer(r){return e(i,{children:r.children})}

package/dist/esm/components/list-row/ListRowTexts/index.d.ts

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

package/dist/esm/components/list-row/ListRowTexts/index.js

@@ -0,0 +1 @@
+"use strict";export{ListRowTexts}from"./ListRowTexts";

package/dist/esm/components/list-row/animation/BlinkEffect.d.ts

@@ -0,0 +1,6 @@
+import { useBlinkAnimation } from './useBlinkAnimation';
+type Props = {
+    blinkAnimation: ReturnType<typeof useBlinkAnimation>;
+};
+export declare const BlinkEffect: ({ blinkAnimation }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/esm/components/list-row/animation/BlinkEffect.js

@@ -0,0 +1 @@
+"use strict";import{jsx as i,Fragment as a,jsxs as l}from"react/jsx-runtime";import{Animated as r}from"../../../interactions/animated";import{useAdaptive as m}from"../../../core";import{StyleSheet as p}from"react-native";import{RadialGradient as d}from"../../gradient";import{BlinkAnimationState as o}from"./animationState";const s=o.EndAnimation|o.Finished;export const BlinkEffect=({blinkAnimation:t})=>{const e=m();return t.state===o.Idle||(t.state&s)===s?null:l(a,{children:[i(r.View,{style:[n.blinkGradient,t.gradient],pointerEvents:"none",children:i(d,{colors:[{value:e.blue500,opacity:.1},{value:e.blue500,opacity:0}],positions:[0,1],style:{width:"100%",height:"100%"}})}),i(r.View,{pointerEvents:"none",style:[n.blinkDimmer,{backgroundColor:e.blue500},t.dimmer]})]})};const n=p.create({blinkDimmer:{position:"absolute",top:0,left:0,right:0,bottom:0},blinkGradient:{position:"absolute",top:"50%",left:0,right:0,borderRadius:999,aspectRatio:1}});

package/dist/esm/components/list-row/animation/ShineEffect.d.ts

@@ -0,0 +1,6 @@
+import { useShineAnimation } from './useShineAnimation';
+type ShineEffectProps = {
+    shineAnimation: ReturnType<typeof useShineAnimation>;
+};
+export declare const ShineEffect: ({ shineAnimation }: ShineEffectProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/esm/components/list-row/animation/ShineEffect.js

@@ -0,0 +1 @@
+"use strict";import{jsx as t,Fragment as h,jsxs as l}from"react/jsx-runtime";import{colors as i}from"@toss-design-system/colors";import{useColorPreference as c}from"../../../core";import{Animated as o}from"../../../interactions/animated";import{StyleSheet as p}from"react-native";import{LinearGradient as n}from"../../gradient";import{ShineAnimationState as s}from"./animationState";const g=({shineAnimation:e})=>t(o.View,{pointerEvents:"none",style:[a.shineLight,e.light.gradient],children:t(n,{degree:140,colors:[{value:i.white,opacity:0},{value:i.white,opacity:.8},{value:i.white,opacity:0}],easing:"linear",positions:[.3,.5,.7],style:{width:"100%",height:"100%"}})}),d=({shineAnimation:e})=>t(o.View,{pointerEvents:"none",style:[a.shineDark,e.dark.gradient],children:t(n,{degree:135,colors:[{value:"rgba(23, 23, 28, 0.6)"},{value:"rgba(23, 23, 28, 0)"},{value:"rgba(23, 23, 28, 0.6)"}],easing:"linear",positions:[.4,.5,.6],style:{width:"100%",height:"100%"}})}),a=p.create({shineLight:{position:"absolute",height:"300%",top:0,aspectRatio:1},shineDark:{position:"absolute",top:0,left:0,width:"400%",height:"100%"}});export const ShineEffect=({shineAnimation:e})=>{const{colorPreference:r}=c();return e.state===s.Idle||e.state===s.Finished?null:l(h,{children:[r==="light"&&t(g,{shineAnimation:e}),r==="dark"&&t(d,{shineAnimation:e})]})};

package/dist/esm/components/list-row/animation/animationState.d.ts

@@ -0,0 +1,12 @@
+export declare enum BlinkAnimationState {
+    Idle = 1,
+    Playing = 2,
+    Finished = 4,
+    StartAnimation = 8,
+    EndAnimation = 16
+}
+export declare enum ShineAnimationState {
+    Idle = 1,
+    Playing = 2,
+    Finished = 4
+}

package/dist/esm/components/list-row/animation/animationState.js

@@ -0,0 +1 @@
+"use strict";export var BlinkAnimationState;(function(d){d[d.Idle=1]="Idle",d[d.Playing=2]="Playing",d[d.Finished=4]="Finished",d[d.StartAnimation=8]="StartAnimation",d[d.EndAnimation=16]="EndAnimation"})(BlinkAnimationState||(BlinkAnimationState={}));export var ShineAnimationState;(function(d){d[d.Idle=1]="Idle",d[d.Playing=2]="Playing",d[d.Finished=4]="Finished"})(ShineAnimationState||(ShineAnimationState={}));

package/dist/esm/components/list-row/animation/sToMs.d.ts

@@ -0,0 +1 @@
+export declare const sToMs: (s: number) => number;

package/dist/esm/components/list-row/animation/sToMs.js

@@ -0,0 +1 @@
+"use strict";export const sToMs=o=>o*1e3;

package/dist/esm/components/list-row/animation/useBlinkAnimation.d.ts

@@ -0,0 +1,31 @@
+import { BlinkAnimationState } from './animationState';
+type UseBlinkAnimationProps = {
+    containerSize: {
+        width: number;
+        height: number;
+    };
+};
+export declare const useBlinkAnimation: ({ containerSize }: UseBlinkAnimationProps) => {
+    container: {
+        transform: {
+            scale: import("react-native").Animated.Value;
+        }[];
+    };
+    dimmer: {
+        opacity: import("react-native").Animated.Value;
+    };
+    gradient: {
+        opacity: import("react-native").Animated.Value;
+        transform: ({
+            scale: import("react-native").Animated.Value;
+            translateY?: undefined;
+        } | {
+            translateY: import("react-native").Animated.AnimatedDivision<string | number>;
+            scale?: undefined;
+        })[];
+    };
+    state: BlinkAnimationState;
+    start: () => void;
+    exit: () => void;
+};
+export {};

package/dist/esm/components/list-row/animation/useBlinkAnimation.js

@@ -0,0 +1 @@
+"use strict";import{useCallback as A,useMemo as f,useRef as l,useState as y}from"react";import{Animated as t}from"../../../interactions/animated";import{spring as n}from"@toss-design-system/easings";import{sToMs as p}from"./sToMs";import{BlinkAnimationState as e}from"./animationState";export const useBlinkAnimation=({containerSize:d})=>{const i=l(new t.Value(1)).current,r=l(new t.Value(0)).current,a=l(new t.Value(0)).current,s=l(new t.Value(0)).current,[g,o]=y(e.Idle),v=A(()=>{o(e.StartAnimation|e.Playing),i.setValue(1);const u=t.sequence([t.spring(i,{toValue:1.02,stiffness:766,damping:52,useNativeDriver:!0}),t.spring(i,{toValue:1,...n.slow,useNativeDriver:!0})]);a.setValue(0);const m=t.parallel([t.spring(r,{toValue:.04,delay:p(.48),...n.basic,useNativeDriver:!0})]);s.setValue(0),a.setValue(0);const c=t.parallel([t.spring(a,{toValue:1,delay:p(.02),...n.basic,useNativeDriver:!0}),t.spring(s,{toValue:1,delay:p(.02),...n.slow,useNativeDriver:!0})]);t.parallel([u,m,c]).start(()=>{o(e.StartAnimation|e.Finished)})},[i,r,a,s]),V=A(()=>{o(e.EndAnimation|e.Playing);const u=t.spring(i,{toValue:1,...n.quick,useNativeDriver:!0}),m=t.spring(r,{toValue:0,...n.slow,useNativeDriver:!0}),c=t.spring(a,{toValue:0,...n.slow,useNativeDriver:!0});t.parallel([u,m,c]).start(()=>{o(e.EndAnimation|e.Finished)})},[i,r,a]);return f(()=>({container:{transform:[{scale:i}]},dimmer:{opacity:r},gradient:{opacity:a,transform:[{scale:s},{translateY:t.divide(t.multiply(s,-d.height),2)}]},state:g,start:v,exit:V}),[i,r,g,V,d,a,s,v])};

package/dist/esm/components/list-row/animation/useShineAnimation.d.ts

@@ -0,0 +1,32 @@
+import { ShineAnimationState } from './animationState';
+type UseShineAnimationProps = {
+    containerSize: {
+        width: number;
+        height: number;
+    };
+};
+export declare const useShineAnimation: ({ containerSize }: UseShineAnimationProps) => {
+    state: ShineAnimationState;
+    light: {
+        gradient: {
+            transform: ({
+                translateX: import("react-native").Animated.Value;
+                translateY?: undefined;
+            } | {
+                translateY: number;
+                translateX?: undefined;
+            })[];
+        };
+        start: (playCount: number) => void;
+    };
+    dark: {
+        gradient: {
+            opacity: import("react-native").Animated.Value;
+            transform: {
+                translateX: import("react-native").Animated.Value;
+            }[];
+        };
+        start: (playCount: number) => void;
+    };
+};
+export {};

package/dist/esm/components/list-row/animation/useShineAnimation.js

@@ -0,0 +1 @@
+"use strict";import{useCallback as V,useEffect as A,useMemo as b,useRef as g,useState as k}from"react";import{Animated as t}from"../../../interactions/animated";import{bezier as D}from"@toss-design-system/easings";import{sToMs as o}from"./sToMs";import{Easing as l}from"react-native";import{ShineAnimationState as c}from"./animationState";export const useShineAnimation=({containerSize:a})=>{const s=a.height*3,e=g(new t.Value(-s)).current,[h,v]=k(c.Idle);A(()=>{e.setValue(-s)},[e,s]);const p=V((n,m)=>{t.loop(t.sequence([t.timing(e,{toValue:-s,duration:0,useNativeDriver:!0}),t.timing(e,{toValue:a.width,duration:o(2.2),easing:l.bezier(.7,0,.7,1),useNativeDriver:!0}),t.delay(o(.1))]),{iterations:n}).start(m)},[e,s,a.width]),u=a.width*4,i=g(new t.Value(-u*.75)).current,r=g(new t.Value(0)).current;A(()=>{i.setValue(-u*.75)},[i,u]);const f=V((n,m)=>{const d=t.sequence([t.timing(i,{toValue:-u*.75,duration:0,useNativeDriver:!0}),t.timing(i,{toValue:0,easing:l.bezier(.37,0,.63,1),duration:o(2.5),useNativeDriver:!0})]),N=t.sequence([t.timing(r,{toValue:0,duration:0,useNativeDriver:!0}),t.timing(r,{toValue:1,duration:o(.9),easing:l.bezier(...D.linear),useNativeDriver:!0}),t.timing(r,{toValue:0,duration:o(1.6),delay:o(.9),easing:l.bezier(...D.out),useNativeDriver:!0})]);t.loop(t.parallel([d,N]),{iterations:n}).start(m)},[r,i,u]);return b(()=>{function n(m){return d=>{v(c.Playing),m(d,()=>v(c.Finished))}}return{state:h,light:{gradient:{transform:[{translateX:e},{translateY:-a.height}]},start:n(p)},dark:{gradient:{opacity:r,transform:[{translateX:i}]},start:n(f)}}},[a.height,h,e,p,r,i,f])};

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

@@ -0,0 +1,17 @@
+import { ListRowProps, ListRowRef } from './ListRow';
+import { ListRowRightTexts } from './ListRowRightTexts';
+import { ListRowTexts } from './ListRowTexts';
+import { ListRowImageContainer } from './ListRowImageContainer';
+import { ListRowIcon } from './ListRowIcon';
+import { ListRowImage } from './ListRowImage';
+import { ListRowLeftText } from './ListRowLeftText';
+interface CompoundComposition {
+    Icon: typeof ListRowIcon;
+    Image: typeof ListRowImage;
+    Texts: typeof ListRowTexts;
+    LeftText: typeof ListRowLeftText;
+    RightTexts: typeof ListRowRightTexts;
+    ImageContainer: typeof ListRowImageContainer;
+}
+export declare const ListRow: import("react").ForwardRefExoticComponent<ListRowProps & import("react").RefAttributes<ListRowRef>> & CompoundComposition;
+export type { ListRowProps, ListRowRef };

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

@@ -0,0 +1 @@
+"use strict";import{ListRow as t}from"./ListRow";import{ListRowRightTexts as o}from"./ListRowRightTexts";import{ListRowTexts as i}from"./ListRowTexts";import{ListRowImageContainer as m}from"./ListRowImageContainer";import{ListRowIcon as r}from"./ListRowIcon";import{ListRowImage as s}from"./ListRowImage";import{ListRowLeftText as e}from"./ListRowLeftText";export const ListRow=Object.assign(t,{Icon:r,Image:s,Texts:i,LeftText:e,RightTexts:o,ImageContainer:m});

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

@@ -0,0 +1,23 @@
+import { ReactElement } from 'react';
+import { TxtProps } from '../txt';
+export interface Texts1RowProps {
+    /**
+     * @description 가급적 string 타입을 사용해주시고, 커스텀이 필요할 경우 topProps를 사용해주세요.
+     * */
+    top: ReactElement | string | undefined | null;
+    topProps?: Omit<TxtProps, 'children'>;
+}
+export interface Texts2RowProps extends Texts1RowProps {
+    /**
+     * @description 가급적 string 타입을 사용해주시고, 커스텀이 필요할 경우 bottomProps를 사용해주세요.
+     * */
+    bottom: ReactElement | string | undefined | null;
+    bottomProps?: Omit<TxtProps, 'children'>;
+}
+export interface Texts3RowProps extends Texts2RowProps {
+    /**
+     * @description 가급적 string 타입을 사용해주시고, 커스텀이 필요할 경우 middleProps를 사용해주세요.
+     * */
+    middle: ReactElement | string | undefined | null;
+    middleProps?: Omit<TxtProps, 'children'>;
+}

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

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/components/loader/Loader.d.ts

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+type Size = 'small' | 'medium' | 'large';
+type Type = 'primary' | 'dark' | 'light';
+export interface LoaderProps {
+    size?: Size;
+    type?: Type;
+    style?: StyleProp<ViewStyle>;
+    customStrokeColor?: string;
+    customSize?: number;
+}
+declare function _Loader({ size, type, customStrokeColor, customSize }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+declare function DelayLoader({ delay, ...props }: {
+    delay?: number;
+} & ComponentPropsWithoutRef<typeof _Loader>): import("react/jsx-runtime").JSX.Element;
+declare function Loader({ delay, label, size, type, style, ...props }: ComponentPropsWithoutRef<typeof DelayLoader> & {
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Loader {
+    var Delay: typeof DelayLoader;
+    var FullScreen: typeof FullScreenLoader;
+    var Centered: typeof CenteredLoader;
+}
+declare function CenteredLoader({ style, ...props }: ComponentPropsWithoutRef<typeof _Loader>): import("react/jsx-runtime").JSX.Element;
+declare function FullScreenLoader({ style, ...props }: ComponentPropsWithoutRef<typeof Loader>): import("react/jsx-runtime").JSX.Element;
+export default Loader;

package/dist/esm/components/loader/Loader.js

@@ -0,0 +1 @@
+"use strict";import{jsx as r,jsxs as w}from"react/jsx-runtime";import k,{Circle as x}from"@granite-js/native/react-native-svg";import{colors as h}from"@toss-design-system/colors";import{useAdaptive as L}from"../../core";import{Txt as N}from"../txt";import{useEffect as v,useMemo as S,useRef as g}from"react";import{Animated as e,Easing as i,View as p}from"react-native";import{useAnnounce as z}from"../../utils/useAnnounce";const V=e.createAnimatedComponent(p),I=e.createAnimatedComponent(k),T=e.createAnimatedComponent(x);function A({size:t=y.size,type:n=y.type,customStrokeColor:o,customSize:l}){const u=g(new e.Value(0)).current,a=g(new e.Value(0)).current,s=g(new e.Value(0)).current,c=u.interpolate({inputRange:[0,1],outputRange:["0deg","360deg"]}),f=s.interpolate({inputRange:[0,1,2],outputRange:[180,45,180]}),D=a.interpolate({inputRange:[0,1,2],outputRange:["0deg","108deg","360deg"]}),R=o??O[n],d=l??B[t];return v(()=>{e.loop(e.sequence([e.timing(s,{toValue:1,duration:900,useNativeDriver:!0,easing:i.inOut(i.ease)}),e.timing(s,{toValue:2,useNativeDriver:!0,duration:900,easing:i.inOut(i.ease)})]),{iterations:1/0}).start(),e.loop(e.sequence([e.timing(a,{toValue:1,duration:900,useNativeDriver:!0,easing:i.inOut(i.ease)}),e.timing(a,{toValue:2,useNativeDriver:!0,duration:900,easing:i.inOut(i.ease)})]),{iterations:1/0}).start(),e.loop(e.sequence([e.timing(u,{toValue:0,duration:0,useNativeDriver:!0,easing:i.linear}),e.timing(u,{toValue:1,duration:1800,useNativeDriver:!0,easing:i.linear})]),{iterations:1/0}).start()},[s,u,a]),r(V,{style:{width:d,height:d,transform:[{rotate:D}]},children:r(I,{width:d,height:d,viewBox:"0 0 66 66",stroke:R,style:[{transform:[{rotate:c}]}],children:r(T,{fill:"none",strokeWidth:"6",strokeLinecap:"round",cx:"33",cy:"33",r:"30",strokeDashoffset:f,strokeDasharray:180})})})}function C({delay:t=700,...n}){const o=g(new e.Value(0)).current;return v(()=>{e.timing(o,{toValue:1,delay:t,duration:0,useNativeDriver:!0}).start()},[t,o]),r(V,{style:{opacity:o},children:r(A,{...n})})}function m({delay:t,label:n,size:o=y.size,type:l=y.type,style:u,...a}){const s=L(),{announce:c}=z(),f=S(()=>E({grey800:s.grey800}),[s.grey800]);return v(()=>{n!=null?c(n,{queue:!0,delay:200}):c("\uB85C\uB529\uC911\uC785\uB2C8\uB2E4",{queue:!0,delay:200})},[n,c]),w(p,{style:[{alignItems:"center"},u],children:[t!=null?r(C,{delay:t,size:o,type:l,...a}):r(A,{size:o,type:l,...a}),n!=null?r(N,{typography:"t6",color:f[l],style:{marginTop:_[o]},children:n}):null]})}function j({style:t,...n}){return r(p,{style:[{padding:40,alignItems:"center"},t],children:r(A,{...n})})}function q({style:t,...n}){return r(p,{style:[{flex:1,justifyContent:"center",alignItems:"center"},t],children:r(m,{...n})})}const y={size:"large",type:"primary"},B={small:24,medium:36,large:48},O={primary:"#3188ff",dark:h.grey600,light:h.white},_={small:12,medium:12,large:16},E=({grey800:t})=>({primary:t,dark:t,light:h.white});m.Delay=C,m.FullScreen=q,m.Centered=j;export default m;

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

@@ -0,0 +1,2 @@
+export { default as Loader } from './Loader';
+export type { LoaderProps } from './Loader';

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

@@ -0,0 +1 @@
+"use strict";export{default as Loader}from"./Loader";

package/dist/esm/components/navbar/ReactNavigationHelper/BackButton.d.ts

@@ -0,0 +1,7 @@
+import { TouchableOpacityProps } from 'react-native';
+interface BackButtonProps extends TouchableOpacityProps {
+    tintColor?: string;
+    onPress?: () => void;
+}
+declare function BackButton({ tintColor, onPress }: BackButtonProps): import("react/jsx-runtime").JSX.Element;
+export { BackButton };

package/dist/esm/components/navbar/ReactNavigationHelper/BackButton.js

@@ -0,0 +1,6 @@
+"use strict";import{jsx as t}from"react/jsx-runtime";import{SvgXml as r}from"@granite-js/native/react-native-svg";import{Platform as l,TouchableOpacity as a,View as c}from"react-native";import{useAdaptive as n}from"../../../core/index";function h({tintColor:i,onPress:e}){const s=n();return t(d,{onPress:e,color:i??s.grey900})}function d({onPress:i,color:e}){return t(a,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24,marginRight:f},onPress:i,accessible:!0,accessibilityLabel:"\uB4A4\uB85C\uAC00\uAE30",accessibilityRole:"button",children:t(c,{style:{width:24,height:24},children:t(r,{width:24,height:24,xml:B.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${e}"`)})})})}const g=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="line-icon">
+<path fill="#B0B8C1" fill-rule="evenodd" d="M20.966 10.8H6.93l5.451-5.451a1.2 1.2 0 10-1.697-1.697l-7.5 7.5c-.003.002-.004.006-.007.009a1.2 1.2 0 00-.252 1.298c.06.143.145.27.252.38l.007.01 7.5 7.5c.235.234.542.35.848.35a1.2 1.2 0 00.849-2.048L6.931 13.2h14.036a1.2 1.2 0 100-2.4"/>
+</svg>`,o=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.8 20.7001C20.5 20.7001 20.2 20.6001 20 20.3001L12.5 12.8001C12 12.3001 12 11.6001 12.5 11.1001L20 3.6001C20.5 3.1001 21.2 3.1001 21.7 3.6001C22.2 4.1001 22.2 4.8001 21.7 5.3001L14.9 12.0001L21.6 18.7001C22.1 19.2001 22.1 19.9001 21.6 20.4001C21.4 20.6001 21.1 20.7001 20.8 20.7001Z" fill="#191F28"/>
+</svg>
+`,B=l.select({android:g,ios:o,default:o}),f=l.select({android:12,ios:14,default:14});export{h as BackButton};

package/dist/esm/components/navbar/ReactNavigationHelper/CloseButton.d.ts

@@ -0,0 +1,7 @@
+import { TouchableOpacityProps } from 'react-native';
+interface CloseButtonProps extends TouchableOpacityProps {
+    tintColor?: string;
+    onPress?: () => void;
+}
+declare function CloseButton({ tintColor, onPress }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
+export { CloseButton };

package/dist/esm/components/navbar/ReactNavigationHelper/CloseButton.js

@@ -0,0 +1 @@
+"use strict";import{jsx as t}from"react/jsx-runtime";import{SvgXml as o}from"@granite-js/native/react-native-svg";import{TouchableOpacity as r,View as s}from"react-native";import{useAdaptive as c}from"../../../core/index";function n({tintColor:e,onPress:i}){const l=c();return t(h,{onPress:i,color:e??l.grey900})}function h({onPress:e,color:i}){return t(r,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24},onPress:e,accessible:!0,accessibilityLabel:"\uB2EB\uAE30",accessibilityRole:"button",children:t(s,{style:{width:24,height:24},children:t(o,{width:24,height:24,xml:a.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${i}"`)})})})}const a='<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m13.8151 11.9999 5.651-5.65096c.1114-.11143.1999-.24373.2603-.38934.0603-.14561.0914-.30168.0915-.45931 0-.15763-.031-.31372-.0913-.45937-.0602-.14564-.1486-.27799-.26-.38948-.1115-.1115-.2438-.19995-.3894-.26031-.1456-.06037-.3017-.09146-.4593-.09151-.1576-.00004-.3137.03096-.4594.09123-.1456.06028-.278.14866-.3894.26009l-5.651 5.65196-5.65205-5.65196c-.22764-.21263-.52899-.32849-.84044-.32313-.31145.00535-.60863.13151-.82883.35184-.2202.22032-.34618.51758-.35135.82903-.00517.31146.11087.61274.32362.84026l5.65205 5.65096-5.65205 5.651c-.16704.1682-.28062.3821-.32645.6146-.04583.2326-.02187.4736.06887.6926s.24421.4062.44111.5382c.19689.132.42842.2029.66547.2036.307 0 .614-.117.848-.351l5.65205-5.652 5.651 5.652c.1112.1117.2435.2003.3891.2607.1456.0605.3017.0916.4594.0916.1576 0 .3137-.0311.4593-.0916.1456-.0604.2779-.149.3892-.2607.1115-.1114.2-.2438.2604-.3894.0604-.1457.0915-.3019.0915-.4596s-.0311-.3138-.0915-.4595-.1489-.278-.2604-.3895z" fill="#b0b8c1" fill-rule="evenodd"/></svg>';export{n as CloseButton};

package/dist/esm/components/navbar/ReactNavigationHelper/HeaderLeft.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+type HeaderLeftProps = PropsWithChildren<{
+    /**
+     * @description
+     * 지정하지 않으면 각 OS별 기본값이 적용됩니다.
+     * 10: IOS 기본 margin,
+     * 16: Android 기본 margin,
+     * 24: 공통 margin
+     */
+    marginLeft?: 10 | 16 | 24;
+}>;
+declare function HeaderLeft(props: HeaderLeftProps): JSX.Element;
+export { HeaderLeft };

package/dist/esm/components/navbar/ReactNavigationHelper/HeaderLeft.js

@@ -0,0 +1 @@
+"use strict";import{jsx as t}from"react/jsx-runtime";import{StyleSheet as a,View as i}from"react-native";import{byPlatform as f}from"./byPlatform";import{ANDROID_DEFAULT_MARGIN as m,ANDROID_LEFT_MARGIN as d,IOS_DEFAULT_MARGIN as s,IOS_LEFT_MARGIN as A}from"./constants";function o({marginLeft:r=A,...e}){return t(i,{style:[{marginLeft:-s+r},n.ios],...e})}function I({marginLeft:r=d,...e}){return t(i,{style:[{marginLeft:-m+r},n.android],...e})}function L(r){return f({ios:()=>t(o,{...r}),android:()=>t(I,{...r}),fallback:()=>t(o,{...r})})}const n=a.create({ios:{},android:{marginRight:32}});export{L as HeaderLeft};

package/dist/esm/components/navbar/ReactNavigationHelper/HeaderRight.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+type HeaderRightProps = PropsWithChildren<{}>;
+declare function HeaderRight(props: HeaderRightProps): JSX.Element;
+export { HeaderRight };

package/dist/esm/components/navbar/ReactNavigationHelper/HeaderRight.js

@@ -0,0 +1 @@
+"use strict";import{jsx as i}from"react/jsx-runtime";import{StyleSheet as a,View as t}from"react-native";import{byPlatform as d}from"./byPlatform";import{ANDROID_DEFAULT_MARGIN as f,IOS_DEFAULT_MARGIN as m,RIGHT_MARGIN as e}from"./constants";function o(r){return i(t,{style:n.ios,...r})}function R(r){return i(t,{style:n.android,...r})}function l(r){return d({ios:()=>i(o,{...r}),android:()=>i(R,{...r}),fallback:()=>i(o,{...r})})}const n=a.create({ios:{marginRight:-m+e,flexDirection:"row"},android:{marginRight:-f+e,flexDirection:"row"}});export{l as HeaderRight};

package/dist/esm/components/navbar/ReactNavigationHelper/HeaderTitle.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+type HeaderTitleProps = PropsWithChildren<{
+    withHeaderLeft: boolean;
+    style?: StyleProp<ViewStyle>;
+}>;
+declare function HeaderTitle(props: HeaderTitleProps): JSX.Element;
+export { HeaderTitle };

package/dist/esm/components/navbar/ReactNavigationHelper/HeaderTitle.js

@@ -0,0 +1 @@
+"use strict";import{jsx as e}from"react/jsx-runtime";import{View as o}from"react-native";import{byPlatform as f}from"./byPlatform";import{ANDROID_DEFAULT_MARGIN as a}from"./constants";function n({style:r,withHeaderLeft:i,...t}){return e(o,{style:r,...t})}function m({style:r,withHeaderLeft:i,...t}){return e(o,{style:[{marginLeft:i?0:-a+24},r],...t})}function d(r){return f({ios:()=>e(n,{...r}),android:()=>e(m,{...r}),fallback:()=>e(n,{...r})})}export{d as HeaderTitle};

package/dist/esm/components/navbar/ReactNavigationHelper/Right.d.ts

@@ -0,0 +1,8 @@
+import { TxtProps } from '../../txt/index';
+import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
+type CommonRightProps = TouchableOpacityProps;
+declare const RightIconButton: import("react").ForwardRefExoticComponent<Pick<import("../../..").IconProps & import("react").RefAttributes<import("react-native").View>, "accessibilityLabel" | "type" | "name"> & TouchableOpacityProps & import("react").RefAttributes<TouchableOpacity>>;
+declare function RightTextButton({ children, ...props }: {
+    children: TxtProps['children'];
+} & CommonRightProps): import("react/jsx-runtime").JSX.Element;
+export { RightIconButton, RightTextButton };

package/dist/esm/components/navbar/ReactNavigationHelper/Right.js

@@ -0,0 +1 @@
+"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as s,useTypographyTheme as f}from"../../../core/index";import{Icon as y}from"../../icon/index";import{Txt as g}from"../../txt/index";import{forwardRef as u,useMemo as T}from"react";import{StyleSheet as S,TouchableOpacity as h}from"react-native";import{MAX_FONT_SIZE as d,MAX_LINE_HEIGHT as x}from"./constants";const _=u(function({name:e,accessibilityLabel:i,type:t,...n},p){const a=s();return o(h,{ref:p,style:m.common,hitSlop:l,...n,children:o(y,{color:a.grey400,size:24,name:e,type:t,accessibilityLabel:i})})});function B({children:c,...e}){const i=s(),{typography:t}=f(),n=T(()=>({fontSize:Math.min(t[r].fontSize,d),lineHeight:Math.min(t[r].lineHeight,x)}),[t]);return o(h,{style:[m.common,m.textButton],hitSlop:l,...e,children:o(g,{typography:r,color:i.grey800,fontWeight:"semiBold",style:n,children:c})})}const r="st10",m=S.create({common:{marginLeft:24},textButton:{marginRight:-4}}),l={left:8,right:8};export{_ as RightIconButton,B as RightTextButton};

package/dist/esm/components/navbar/ReactNavigationHelper/Title.d.ts

@@ -0,0 +1,21 @@
+import { TxtProps } from '../../txt/index';
+import { ReactNode } from 'react';
+interface BaseProps extends Pick<TxtProps, 'children' | 'color'> {
+    /**
+     * 더큰텍스트를 사용할지 여부를 결정합니다.
+     * @default false
+     */
+    preventFontScalingA11y?: boolean;
+}
+interface TitleTxtProps extends BaseProps, Pick<TxtProps, 'fontWeight'> {
+}
+interface SubtitleTxtProps extends BaseProps {
+}
+interface TitleProps {
+    upper: ReactNode;
+    lower: ReactNode;
+}
+declare function TitleTxt({ color, fontWeight, preventFontScalingA11y, ...props }: TitleTxtProps): import("react/jsx-runtime").JSX.Element;
+declare function SubtitleTxt({ color, preventFontScalingA11y, ...props }: SubtitleTxtProps): import("react/jsx-runtime").JSX.Element;
+declare function Title({ upper, lower }: TitleProps): import("react/jsx-runtime").JSX.Element;
+export { Title, TitleTxt, SubtitleTxt };

package/dist/esm/components/navbar/ReactNavigationHelper/Title.js

@@ -0,0 +1 @@
+"use strict";import{jsx as f,jsxs as H}from"react/jsx-runtime";import{useAdaptive as p,useTypographyTheme as T}from"../../../core/index";import{defaultTypographyMap as l,Txt as c}from"../../txt/index";import{useMemo as y}from"react";import{StyleSheet as S,View as z}from"react-native";import{MAX_FONT_SIZE as g,MAX_LINE_HEIGHT as u}from"./constants";function M({color:e,fontWeight:t="semiBold",preventFontScalingA11y:i=!1,...a}){const o=p(),{typography:n}=T(),m=y(()=>{const h=i?l[s].fontSize:g,x=i?l[s].lineHeight:u;return{fontSize:Math.min(n[s].fontSize,h),lineHeight:Math.min(n[s].lineHeight,x)}},[i,n]);return f(c,{typography:s,color:e??o.grey900,fontWeight:t,numberOfLines:1,ellipsizeMode:"tail",style:m,...a})}function d({color:e,preventFontScalingA11y:t=!1,...i}){const a=p(),{typography:o}=T(),n=y(()=>{const m=t?l[r].fontSize:g,h=t?l[r].lineHeight:u;return{fontSize:Math.min(o[r].fontSize,m),lineHeight:Math.min(o[r].lineHeight,h)}},[t,o]);return f(c,{typography:r,color:e??a.grey600,fontWeight:"regular",numberOfLines:1,ellipsizeMode:"tail",style:n,...i})}function _({upper:e,lower:t}){return H(z,{style:L.title,children:[e,t]})}const s="t5",r="t7",L=S.create({title:{alignItems:"center"}});export{_ as Title,M as TitleTxt,d as SubtitleTxt};

package/dist/esm/components/navbar/ReactNavigationHelper/byPlatform.d.ts

@@ -0,0 +1,8 @@
+export declare function byPlatform<IOSResult, AndroidResult, MacOSResult, WindowsResult, WebResult, DefaultResult>({ ...props }: {
+    ios?: () => IOSResult;
+    android?: () => AndroidResult;
+    macos?: () => MacOSResult;
+    windows?: () => WindowsResult;
+    web?: () => WebResult;
+    fallback: () => DefaultResult;
+}): IOSResult | AndroidResult | MacOSResult | WindowsResult | WebResult | DefaultResult;

package/dist/esm/components/navbar/ReactNavigationHelper/byPlatform.js

@@ -0,0 +1 @@
+"use strict";import{Platform as t}from"react-native";export function byPlatform({...r}){return(r[t.OS]??r.fallback)()}