@toss/tds-react-native 1.0.0

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts1RowTypeA=Texts1RowTypeA;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts1RowTypeA(t){return(0,jsx_runtime_1.jsx)(TextsContainer_1.TextsContainer,{children:typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t5",fontWeight:"medium",...t.topProps,children:t.top}):t.top})}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts1RowTypeB=Texts1RowTypeB;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts1RowTypeB(t){return(0,jsx_runtime_1.jsx)(TextsContainer_1.TextsContainer,{children:typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t5",fontWeight:"semiBold",...t.topProps,children:t.top}):t.top})}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts1RowTypeC=Texts1RowTypeC;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts1RowTypeC(t){return(0,jsx_runtime_1.jsx)(TextsContainer_1.TextsContainer,{children:typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t5",fontWeight:"bold",...t.topProps,children:t.top}):t.top})}

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts2RowTypeB=Texts2RowTypeB;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts2RowTypeB(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t4",fontWeight:"semiBold",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"regular",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts2RowTypeE=Texts2RowTypeE;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts2RowTypeE(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t4",fontWeight:"semiBold",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeA=Texts3RowTypeA;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts3RowTypeA(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t5",fontWeight:"bold",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t7",fontWeight:"medium",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t7",fontWeight:"medium",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeB=Texts3RowTypeB;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts3RowTypeB(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t4",fontWeight:"semiBold",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"medium",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"medium",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeC=Texts3RowTypeC;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts3RowTypeC(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t7",fontWeight:"medium",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t5",fontWeight:"bold",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t7",fontWeight:"medium",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeD=Texts3RowTypeD;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts3RowTypeD(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t4",fontWeight:"semiBold",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"regular",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeE=Texts3RowTypeE;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts3RowTypeE(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t7",fontWeight:"medium",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t7",fontWeight:"medium",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t5",fontWeight:"bold",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Texts3RowTypeF=Texts3RowTypeF;const jsx_runtime_1=require("react/jsx-runtime"),ListRowTxt_1=require("./ListRowTxt"),TextsContainer_1=require("./TextsContainer");function Texts3RowTypeF(t){return(0,jsx_runtime_1.jsxs)(TextsContainer_1.TextsContainer,{children:[typeof t.top=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"regular",...t.topProps,children:t.top}):t.top,typeof t.middle=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t6",fontWeight:"regular",style:{marginTop:3},...t.middleProps,children:t.middle}):t.middle,typeof t.bottom=="string"?(0,jsx_runtime_1.jsx)(ListRowTxt_1.ListRowTxt,{typography:"t4",fontWeight:"semiBold",style:{marginTop:3},...t.bottomProps,children:t.bottom}):t.bottom]})}

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

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

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

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

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

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

package/dist/cjs/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/cjs/components/list-row/animation/BlinkEffect.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BlinkEffect=void 0;const jsx_runtime_1=require("react/jsx-runtime"),animated_1=require("../../../interactions/animated"),core_1=require("../../../core"),react_native_1=require("react-native"),gradient_1=require("../../gradient"),animationState_1=require("./animationState"),ANIMATION_ENDED_FLAG=animationState_1.BlinkAnimationState.EndAnimation|animationState_1.BlinkAnimationState.Finished,BlinkEffect=({blinkAnimation:e})=>{const t=(0,core_1.useAdaptive)();return e.state===animationState_1.BlinkAnimationState.Idle||(e.state&ANIMATION_ENDED_FLAG)===ANIMATION_ENDED_FLAG?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[styles.blinkGradient,e.gradient],pointerEvents:"none",children:(0,jsx_runtime_1.jsx)(gradient_1.RadialGradient,{colors:[{value:t.blue500,opacity:.1},{value:t.blue500,opacity:0}],positions:[0,1],style:{width:"100%",height:"100%"}})}),(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{pointerEvents:"none",style:[styles.blinkDimmer,{backgroundColor:t.blue500},e.dimmer]})]})};exports.BlinkEffect=BlinkEffect;const styles=react_native_1.StyleSheet.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/cjs/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/cjs/components/list-row/animation/ShineEffect.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShineEffect=void 0;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),core_1=require("../../../core"),animated_1=require("../../../interactions/animated"),react_native_1=require("react-native"),gradient_1=require("../../gradient"),animationState_1=require("./animationState"),ShineEffectLight=({shineAnimation:e})=>(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{pointerEvents:"none",style:[styles.shineLight,e.light.gradient],children:(0,jsx_runtime_1.jsx)(gradient_1.LinearGradient,{degree:140,colors:[{value:colors_1.colors.white,opacity:0},{value:colors_1.colors.white,opacity:.8},{value:colors_1.colors.white,opacity:0}],easing:"linear",positions:[.3,.5,.7],style:{width:"100%",height:"100%"}})}),ShineEffectDark=({shineAnimation:e})=>(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{pointerEvents:"none",style:[styles.shineDark,e.dark.gradient],children:(0,jsx_runtime_1.jsx)(gradient_1.LinearGradient,{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%"}})}),styles=react_native_1.StyleSheet.create({shineLight:{position:"absolute",height:"300%",top:0,aspectRatio:1},shineDark:{position:"absolute",top:0,left:0,width:"400%",height:"100%"}}),ShineEffect=({shineAnimation:e})=>{const{colorPreference:t}=(0,core_1.useColorPreference)();return e.state===animationState_1.ShineAnimationState.Idle||e.state===animationState_1.ShineAnimationState.Finished?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[t==="light"&&(0,jsx_runtime_1.jsx)(ShineEffectLight,{shineAnimation:e}),t==="dark"&&(0,jsx_runtime_1.jsx)(ShineEffectDark,{shineAnimation:e})]})};exports.ShineEffect=ShineEffect;

package/dist/cjs/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/cjs/components/list-row/animation/animationState.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShineAnimationState=exports.BlinkAnimationState=void 0;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||(exports.BlinkAnimationState=BlinkAnimationState={}));var ShineAnimationState;(function(d){d[d.Idle=1]="Idle",d[d.Playing=2]="Playing",d[d.Finished=4]="Finished"})(ShineAnimationState||(exports.ShineAnimationState=ShineAnimationState={}));

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.sToMs=void 0;const sToMs=s=>s*1e3;exports.sToMs=sToMs;

package/dist/cjs/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/cjs/components/list-row/animation/useBlinkAnimation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useBlinkAnimation=void 0;const react_1=require("react"),animated_1=require("../../../interactions/animated"),easings_1=require("@toss-design-system/easings"),sToMs_1=require("./sToMs"),animationState_1=require("./animationState"),useBlinkAnimation=({containerSize:l})=>{const t=(0,react_1.useRef)(new animated_1.Animated.Value(1)).current,i=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,e=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,n=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,[m,a]=(0,react_1.useState)(animationState_1.BlinkAnimationState.Idle),u=(0,react_1.useCallback)(()=>{a(animationState_1.BlinkAnimationState.StartAnimation|animationState_1.BlinkAnimationState.Playing),t.setValue(1);const s=animated_1.Animated.sequence([animated_1.Animated.spring(t,{toValue:1.02,stiffness:766,damping:52,useNativeDriver:!0}),animated_1.Animated.spring(t,{toValue:1,...easings_1.spring.slow,useNativeDriver:!0})]);e.setValue(0);const r=animated_1.Animated.parallel([animated_1.Animated.spring(i,{toValue:.04,delay:(0,sToMs_1.sToMs)(.48),...easings_1.spring.basic,useNativeDriver:!0})]);n.setValue(0),e.setValue(0);const o=animated_1.Animated.parallel([animated_1.Animated.spring(e,{toValue:1,delay:(0,sToMs_1.sToMs)(.02),...easings_1.spring.basic,useNativeDriver:!0}),animated_1.Animated.spring(n,{toValue:1,delay:(0,sToMs_1.sToMs)(.02),...easings_1.spring.slow,useNativeDriver:!0})]);animated_1.Animated.parallel([s,r,o]).start(()=>{a(animationState_1.BlinkAnimationState.StartAnimation|animationState_1.BlinkAnimationState.Finished)})},[t,i,e,n]),c=(0,react_1.useCallback)(()=>{a(animationState_1.BlinkAnimationState.EndAnimation|animationState_1.BlinkAnimationState.Playing);const s=animated_1.Animated.spring(t,{toValue:1,...easings_1.spring.quick,useNativeDriver:!0}),r=animated_1.Animated.spring(i,{toValue:0,...easings_1.spring.slow,useNativeDriver:!0}),o=animated_1.Animated.spring(e,{toValue:0,...easings_1.spring.slow,useNativeDriver:!0});animated_1.Animated.parallel([s,r,o]).start(()=>{a(animationState_1.BlinkAnimationState.EndAnimation|animationState_1.BlinkAnimationState.Finished)})},[t,i,e]);return(0,react_1.useMemo)(()=>({container:{transform:[{scale:t}]},dimmer:{opacity:i},gradient:{opacity:e,transform:[{scale:n},{translateY:animated_1.Animated.divide(animated_1.Animated.multiply(n,-l.height),2)}]},state:m,start:u,exit:c}),[t,i,m,c,l,e,n,u])};exports.useBlinkAnimation=useBlinkAnimation;

package/dist/cjs/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/cjs/components/list-row/animation/useShineAnimation.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useShineAnimation=void 0;const react_1=require("react"),animated_1=require("../../../interactions/animated"),easings_1=require("@toss-design-system/easings"),sToMs_1=require("./sToMs"),react_native_1=require("react-native"),animationState_1=require("./animationState"),useShineAnimation=({containerSize:i})=>{const s=i.height*3,t=(0,react_1.useRef)(new animated_1.Animated.Value(-s)).current,[d,m]=(0,react_1.useState)(animationState_1.ShineAnimationState.Idle);(0,react_1.useEffect)(()=>{t.setValue(-s)},[t,s]);const l=(0,react_1.useCallback)((n,o)=>{animated_1.Animated.loop(animated_1.Animated.sequence([animated_1.Animated.timing(t,{toValue:-s,duration:0,useNativeDriver:!0}),animated_1.Animated.timing(t,{toValue:i.width,duration:(0,sToMs_1.sToMs)(2.2),easing:react_native_1.Easing.bezier(.7,0,.7,1),useNativeDriver:!0}),animated_1.Animated.delay((0,sToMs_1.sToMs)(.1))]),{iterations:n}).start(o)},[t,s,i.width]),r=i.width*4,e=(0,react_1.useRef)(new animated_1.Animated.Value(-r*.75)).current,a=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{e.setValue(-r*.75)},[e,r]);const c=(0,react_1.useCallback)((n,o)=>{const u=animated_1.Animated.sequence([animated_1.Animated.timing(e,{toValue:-r*.75,duration:0,useNativeDriver:!0}),animated_1.Animated.timing(e,{toValue:0,easing:react_native_1.Easing.bezier(.37,0,.63,1),duration:(0,sToMs_1.sToMs)(2.5),useNativeDriver:!0})]),g=animated_1.Animated.sequence([animated_1.Animated.timing(a,{toValue:0,duration:0,useNativeDriver:!0}),animated_1.Animated.timing(a,{toValue:1,duration:(0,sToMs_1.sToMs)(.9),easing:react_native_1.Easing.bezier(...easings_1.bezier.linear),useNativeDriver:!0}),animated_1.Animated.timing(a,{toValue:0,duration:(0,sToMs_1.sToMs)(1.6),delay:(0,sToMs_1.sToMs)(.9),easing:react_native_1.Easing.bezier(...easings_1.bezier.out),useNativeDriver:!0})]);animated_1.Animated.loop(animated_1.Animated.parallel([u,g]),{iterations:n}).start(o)},[a,e,r]);return(0,react_1.useMemo)(()=>{function n(o){return u=>{m(animationState_1.ShineAnimationState.Playing),o(u,()=>m(animationState_1.ShineAnimationState.Finished))}}return{state:d,light:{gradient:{transform:[{translateX:t},{translateY:-i.height}]},start:n(l)},dark:{gradient:{opacity:a,transform:[{translateX:e}]},start:n(c)}}},[i.height,d,t,l,a,e,c])};exports.useShineAnimation=useShineAnimation;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListRow=void 0;const ListRow_1=require("./ListRow"),ListRowRightTexts_1=require("./ListRowRightTexts"),ListRowTexts_1=require("./ListRowTexts"),ListRowImageContainer_1=require("./ListRowImageContainer"),ListRowIcon_1=require("./ListRowIcon"),ListRowImage_1=require("./ListRowImage"),ListRowLeftText_1=require("./ListRowLeftText");exports.ListRow=Object.assign(ListRow_1.ListRow,{Icon:ListRowIcon_1.ListRowIcon,Image:ListRowImage_1.ListRowImage,Texts:ListRowTexts_1.ListRowTexts,LeftText:ListRowLeftText_1.ListRowLeftText,RightTexts:ListRowRightTexts_1.ListRowRightTexts,ImageContainer:ListRowImageContainer_1.ListRowImageContainer});

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/cjs/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/cjs/components/loader/Loader.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(t,e,n,r){r===void 0&&(r=n);var i=Object.getOwnPropertyDescriptor(e,n);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(t,r,i)}:function(t,e,n,r){r===void 0&&(r=n),t[r]=e[n]},__setModuleDefault=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e},__importStar=function(){var t=function(e){return t=Object.getOwnPropertyNames||function(n){var r=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[r.length]=i);return r},t(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var r=t(e),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(n,e,r[i]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=__importStar(require("@granite-js/native/react-native-svg")),colors_1=require("@toss-design-system/colors"),core_1=require("../../core"),txt_1=require("../txt"),react_1=require("react"),react_native_1=require("react-native"),useAnnounce_1=require("../../utils/useAnnounce"),AnimatedView=react_native_1.Animated.createAnimatedComponent(react_native_1.View),AnimatedSvg=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.default),AnimatedCircle=react_native_1.Animated.createAnimatedComponent(react_native_svg_1.Circle);function _Loader({size:t=DEFAULT_PROPS.size,type:e=DEFAULT_PROPS.type,customStrokeColor:n,customSize:r}){const i=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,a=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,s=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,o=i.interpolate({inputRange:[0,1],outputRange:["0deg","360deg"]}),c=s.interpolate({inputRange:[0,1,2],outputRange:[180,45,180]}),l=a.interpolate({inputRange:[0,1,2],outputRange:["0deg","108deg","360deg"]}),d=n??strokeColorByType[e],u=r??sizeMap[t];return(0,react_1.useEffect)(()=>{react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(s,{toValue:1,duration:900,useNativeDriver:!0,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)}),react_native_1.Animated.timing(s,{toValue:2,useNativeDriver:!0,duration:900,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)})]),{iterations:1/0}).start(),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(a,{toValue:1,duration:900,useNativeDriver:!0,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)}),react_native_1.Animated.timing(a,{toValue:2,useNativeDriver:!0,duration:900,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease)})]),{iterations:1/0}).start(),react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(i,{toValue:0,duration:0,useNativeDriver:!0,easing:react_native_1.Easing.linear}),react_native_1.Animated.timing(i,{toValue:1,duration:1800,useNativeDriver:!0,easing:react_native_1.Easing.linear})]),{iterations:1/0}).start()},[s,i,a]),(0,jsx_runtime_1.jsx)(AnimatedView,{style:{width:u,height:u,transform:[{rotate:l}]},children:(0,jsx_runtime_1.jsx)(AnimatedSvg,{width:u,height:u,viewBox:"0 0 66 66",stroke:d,style:[{transform:[{rotate:o}]}],children:(0,jsx_runtime_1.jsx)(AnimatedCircle,{fill:"none",strokeWidth:"6",strokeLinecap:"round",cx:"33",cy:"33",r:"30",strokeDashoffset:c,strokeDasharray:180})})})}function DelayLoader({delay:t=700,...e}){const n=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{react_native_1.Animated.timing(n,{toValue:1,delay:t,duration:0,useNativeDriver:!0}).start()},[t,n]),(0,jsx_runtime_1.jsx)(AnimatedView,{style:{opacity:n},children:(0,jsx_runtime_1.jsx)(_Loader,{...e})})}function Loader({delay:t,label:e,size:n=DEFAULT_PROPS.size,type:r=DEFAULT_PROPS.type,style:i,...a}){const s=(0,core_1.useAdaptive)(),{announce:o}=(0,useAnnounce_1.useAnnounce)(),c=(0,react_1.useMemo)(()=>getLabelColorByType({grey800:s.grey800}),[s.grey800]);return(0,react_1.useEffect)(()=>{e!=null?o(e,{queue:!0,delay:200}):o("\uB85C\uB529\uC911\uC785\uB2C8\uB2E4",{queue:!0,delay:200})},[e,o]),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{alignItems:"center"},i],children:[t!=null?(0,jsx_runtime_1.jsx)(DelayLoader,{delay:t,size:n,type:r,...a}):(0,jsx_runtime_1.jsx)(_Loader,{size:n,type:r,...a}),e!=null?(0,jsx_runtime_1.jsx)(txt_1.Txt,{typography:"t6",color:c[r],style:{marginTop:spacingBySize[n]},children:e}):null]})}function CenteredLoader({style:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{padding:40,alignItems:"center"},t],children:(0,jsx_runtime_1.jsx)(_Loader,{...e})})}function FullScreenLoader({style:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{flex:1,justifyContent:"center",alignItems:"center"},t],children:(0,jsx_runtime_1.jsx)(Loader,{...e})})}const DEFAULT_PROPS={size:"large",type:"primary"},sizeMap={small:24,medium:36,large:48},strokeColorByType={primary:"#3188ff",dark:colors_1.colors.grey600,light:colors_1.colors.white},spacingBySize={small:12,medium:12,large:16},getLabelColorByType=({grey800:t})=>({primary:t,dark:t,light:colors_1.colors.white});Loader.Delay=DelayLoader,Loader.FullScreen=FullScreenLoader,Loader.Centered=CenteredLoader,exports.default=Loader;

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

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

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

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

package/dist/cjs/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/cjs/components/navbar/ReactNavigationHelper/BackButton.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BackButton=BackButton;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_native_1=require("react-native"),index_1=require("../../../core/index");function BackButton({tintColor:e,onPress:t}){const i=(0,index_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(NavbarBackButton,{onPress:t,color:e??i.grey900})}function NavbarBackButton({onPress:e,color:t}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24,marginRight:BACK_BUTTON_MARGIN},onPress:e,accessible:!0,accessibilityLabel:"\uB4A4\uB85C\uAC00\uAE30",accessibilityRole:"button",children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:24,height:24},children:(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgXml,{width:24,height:24,xml:BACK_BUTTON_XML.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${t}"`)})})})}const ANDROID_BACK_BUTTON=`<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>`,IOS_BACK_BUTTON=`<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>
+`,BACK_BUTTON_XML=react_native_1.Platform.select({android:ANDROID_BACK_BUTTON,ios:IOS_BACK_BUTTON,default:IOS_BACK_BUTTON}),BACK_BUTTON_MARGIN=react_native_1.Platform.select({android:12,ios:14,default:14});

package/dist/cjs/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/cjs/components/navbar/ReactNavigationHelper/CloseButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CloseButton=CloseButton;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),react_native_1=require("react-native"),index_1=require("../../../core/index");function CloseButton({tintColor:e,onPress:t}){const i=(0,index_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(NavbarCloseButton,{onPress:t,color:e??i.grey900})}function NavbarCloseButton({onPress:e,color:t}){return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{hitSlop:{top:10,right:10,bottom:10,left:10},style:{width:24,height:24},onPress:e,accessible:!0,accessibilityLabel:"\uB2EB\uAE30",accessibilityRole:"button",children:(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{width:24,height:24},children:(0,jsx_runtime_1.jsx)(react_native_svg_1.SvgXml,{width:24,height:24,xml:CLOSE_ICON.replace(/fill="#[0-9a-fA-F]{6}"/g,`fill="${t}"`)})})})}const CLOSE_ICON='<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>';

package/dist/cjs/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/cjs/components/navbar/ReactNavigationHelper/HeaderLeft.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HeaderLeft=HeaderLeft;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),byPlatform_1=require("./byPlatform"),constants_1=require("./constants");function IOSHeaderLeft({marginLeft:e=constants_1.IOS_LEFT_MARGIN,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{marginLeft:-constants_1.IOS_DEFAULT_MARGIN+e},styles.ios],...t})}function AndroidHeaderLeft({marginLeft:e=constants_1.ANDROID_LEFT_MARGIN,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{marginLeft:-constants_1.ANDROID_DEFAULT_MARGIN+e},styles.android],...t})}function HeaderLeft(e){return(0,byPlatform_1.byPlatform)({ios:()=>(0,jsx_runtime_1.jsx)(IOSHeaderLeft,{...e}),android:()=>(0,jsx_runtime_1.jsx)(AndroidHeaderLeft,{...e}),fallback:()=>(0,jsx_runtime_1.jsx)(IOSHeaderLeft,{...e})})}const styles=react_native_1.StyleSheet.create({ios:{},android:{marginRight:32}});

package/dist/cjs/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/cjs/components/navbar/ReactNavigationHelper/HeaderRight.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HeaderRight=HeaderRight;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),byPlatform_1=require("./byPlatform"),constants_1=require("./constants");function IOSHeaderRight(e){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.ios,...e})}function AndroidHeaderRight(e){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.android,...e})}function HeaderRight(e){return(0,byPlatform_1.byPlatform)({ios:()=>(0,jsx_runtime_1.jsx)(IOSHeaderRight,{...e}),android:()=>(0,jsx_runtime_1.jsx)(AndroidHeaderRight,{...e}),fallback:()=>(0,jsx_runtime_1.jsx)(IOSHeaderRight,{...e})})}const styles=react_native_1.StyleSheet.create({ios:{marginRight:-constants_1.IOS_DEFAULT_MARGIN+constants_1.RIGHT_MARGIN,flexDirection:"row"},android:{marginRight:-constants_1.ANDROID_DEFAULT_MARGIN+constants_1.RIGHT_MARGIN,flexDirection:"row"}});

package/dist/cjs/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/cjs/components/navbar/ReactNavigationHelper/HeaderTitle.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HeaderTitle=HeaderTitle;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),byPlatform_1=require("./byPlatform"),constants_1=require("./constants");function IOSHeaderTitle({style:e,withHeaderLeft:r,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:e,...t})}function AndroidHeaderTitle({style:e,withHeaderLeft:r,...t}){return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{marginLeft:r?0:-constants_1.ANDROID_DEFAULT_MARGIN+24},e],...t})}function HeaderTitle(e){return(0,byPlatform_1.byPlatform)({ios:()=>(0,jsx_runtime_1.jsx)(IOSHeaderTitle,{...e}),android:()=>(0,jsx_runtime_1.jsx)(AndroidHeaderTitle,{...e}),fallback:()=>(0,jsx_runtime_1.jsx)(IOSHeaderTitle,{...e})})}

package/dist/cjs/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("../../icon/Icon").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/cjs/components/navbar/ReactNavigationHelper/Right.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightIconButton=void 0,exports.RightTextButton=RightTextButton;const jsx_runtime_1=require("react/jsx-runtime"),index_1=require("../../../core/index"),index_2=require("../../icon/index"),index_3=require("../../txt/index"),react_1=require("react"),react_native_1=require("react-native"),constants_1=require("./constants"),RightIconButton=(0,react_1.forwardRef)(function({name:e,accessibilityLabel:n,type:t,...o},r){const c=(0,index_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{ref:r,style:styles.common,hitSlop:HIT_SLOP,...o,children:(0,jsx_runtime_1.jsx)(index_2.Icon,{color:c.grey400,size:24,name:e,type:t,accessibilityLabel:n})})});exports.RightIconButton=RightIconButton;function RightTextButton({children:i,...e}){const n=(0,index_1.useAdaptive)(),{typography:t}=(0,index_1.useTypographyTheme)(),o=(0,react_1.useMemo)(()=>({fontSize:Math.min(t[TEXT_BUTTON_TYPOGRAPHY].fontSize,constants_1.MAX_FONT_SIZE),lineHeight:Math.min(t[TEXT_BUTTON_TYPOGRAPHY].lineHeight,constants_1.MAX_LINE_HEIGHT)}),[t]);return(0,jsx_runtime_1.jsx)(react_native_1.TouchableOpacity,{style:[styles.common,styles.textButton],hitSlop:HIT_SLOP,...e,children:(0,jsx_runtime_1.jsx)(index_3.Txt,{typography:TEXT_BUTTON_TYPOGRAPHY,color:n.grey800,fontWeight:"semiBold",style:o,children:i})})}const TEXT_BUTTON_TYPOGRAPHY="st10",styles=react_native_1.StyleSheet.create({common:{marginLeft:24},textButton:{marginRight:-4}}),HIT_SLOP={left:8,right:8};

package/dist/cjs/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/cjs/components/navbar/ReactNavigationHelper/Title.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Title=Title,exports.TitleTxt=TitleTxt,exports.SubtitleTxt=SubtitleTxt;const jsx_runtime_1=require("react/jsx-runtime"),index_1=require("../../../core/index"),index_2=require("../../txt/index"),react_1=require("react"),react_native_1=require("react-native"),constants_1=require("./constants");function TitleTxt({color:t,fontWeight:e="semiBold",preventFontScalingA11y:i=!1,...r}){const n=(0,index_1.useAdaptive)(),{typography:o}=(0,index_1.useTypographyTheme)(),s=(0,react_1.useMemo)(()=>{const a=i?index_2.defaultTypographyMap[TITLE_TYPOGRAPHY].fontSize:constants_1.MAX_FONT_SIZE,l=i?index_2.defaultTypographyMap[TITLE_TYPOGRAPHY].lineHeight:constants_1.MAX_LINE_HEIGHT;return{fontSize:Math.min(o[TITLE_TYPOGRAPHY].fontSize,a),lineHeight:Math.min(o[TITLE_TYPOGRAPHY].lineHeight,l)}},[i,o]);return(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:TITLE_TYPOGRAPHY,color:t??n.grey900,fontWeight:e,numberOfLines:1,ellipsizeMode:"tail",style:s,...r})}function SubtitleTxt({color:t,preventFontScalingA11y:e=!1,...i}){const r=(0,index_1.useAdaptive)(),{typography:n}=(0,index_1.useTypographyTheme)(),o=(0,react_1.useMemo)(()=>{const s=e?index_2.defaultTypographyMap[SUBTITLE_TYPOGRAPHY].fontSize:constants_1.MAX_FONT_SIZE,a=e?index_2.defaultTypographyMap[SUBTITLE_TYPOGRAPHY].lineHeight:constants_1.MAX_LINE_HEIGHT;return{fontSize:Math.min(n[SUBTITLE_TYPOGRAPHY].fontSize,s),lineHeight:Math.min(n[SUBTITLE_TYPOGRAPHY].lineHeight,a)}},[e,n]);return(0,jsx_runtime_1.jsx)(index_2.Txt,{typography:SUBTITLE_TYPOGRAPHY,color:t??r.grey600,fontWeight:"regular",numberOfLines:1,ellipsizeMode:"tail",style:o,...i})}function Title({upper:t,lower:e}){return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.title,children:[t,e]})}const TITLE_TYPOGRAPHY="t5",SUBTITLE_TYPOGRAPHY="t7",styles=react_native_1.StyleSheet.create({title:{alignItems:"center"}});

package/dist/cjs/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/cjs/components/navbar/ReactNavigationHelper/byPlatform.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.byPlatform=byPlatform;const react_native_1=require("react-native");function byPlatform({...e}){return(e[react_native_1.Platform.OS]??e.fallback)()}

package/dist/cjs/components/navbar/ReactNavigationHelper/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const MAX_FONT_SIZE = 20;
+export declare const MAX_LINE_HEIGHT: number;
+export declare const IOS_LEFT_MARGIN = 10;
+export declare const ANDROID_LEFT_MARGIN = 16;
+export declare const RIGHT_MARGIN = 24;
+export declare const ANDROID_RIGHT없을때_MARGIN = 36;
+/**
+ * react-navigation에서 제공하는 기본 헤더의 horizontal 마진
+ * @see https://github.com/react-navigation/react-navigation/issues/10058
+ */
+export declare const IOS_DEFAULT_MARGIN = 20;
+export declare const ANDROID_DEFAULT_MARGIN = 16;

package/dist/cjs/components/navbar/ReactNavigationHelper/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ANDROID_DEFAULT_MARGIN=exports.IOS_DEFAULT_MARGIN=exports.ANDROID_RIGHT\uC5C6\uC744\uB54C_MARGIN=exports.RIGHT_MARGIN=exports.ANDROID_LEFT_MARGIN=exports.IOS_LEFT_MARGIN=exports.MAX_LINE_HEIGHT=exports.MAX_FONT_SIZE=void 0;const index_1=require("../../../constants/index");exports.MAX_FONT_SIZE=20,exports.MAX_LINE_HEIGHT=index_1.fontSizeToLineHeightMap[exports.MAX_FONT_SIZE],exports.IOS_LEFT_MARGIN=10,exports.ANDROID_LEFT_MARGIN=16,exports.RIGHT_MARGIN=24,exports.ANDROID_RIGHT\uC5C6\uC744\uB54C_MARGIN=36,exports.IOS_DEFAULT_MARGIN=20,exports.ANDROID_DEFAULT_MARGIN=16;