@toss/tds-react-native 1.0.0

package/dist/cjs/components/tooltip/components/Tooltip/FloatingTooltip.d.ts

@@ -0,0 +1,3 @@
+import { View } from 'react-native';
+import { TooltipProps } from '../../types';
+export declare const FloatingTooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<View>>;

package/dist/cjs/components/tooltip/components/Tooltip/FloatingTooltip.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(r,e,o,t){t===void 0&&(t=o);var n=Object.getOwnPropertyDescriptor(e,o);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[o]}}),Object.defineProperty(r,t,n)}:function(r,e,o,t){t===void 0&&(t=o),r[t]=e[o]},__setModuleDefault=Object.create?function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}:function(r,e){r.default=e},__importStar=function(){var r=function(e){return r=Object.getOwnPropertyNames||function(o){var t=[];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[t.length]=n);return t},r(e)};return function(e){if(e&&e.__esModule)return e;var o={};if(e!=null)for(var t=r(e),n=0;n<t.length;n++)t[n]!=="default"&&__createBinding(o,e,t[n]);return __setModuleDefault(o,e),o}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.FloatingTooltip=void 0;const jsx_runtime_1=require("react/jsx-runtime"),rally_1=require("../../../../interactions/rally"),core_1=require("../../../../core"),Paragraph=__importStar(require("../../../paragraph")),react_1=require("react"),react_native_1=require("react-native"),TooltipContext_1=require("../../contexts/TooltipContext"),useAnchorPosition_1=require("../../hooks/useAnchorPosition"),useOnPressOutside_1=require("../../hooks/useOnPressOutside"),mergeRefs_1=require("../../utils/mergeRefs"),Anchor_1=require("./Anchor"),TooltipBase_1=require("./TooltipBase");function measure(r){return new Promise(e=>{r.measure((o,t,n,s)=>{e({width:n,height:s})})})}exports.FloatingTooltip=(0,react_1.forwardRef)(function({open:e,children:o,...t},n){const{targetRef:s}=(0,TooltipContext_1.useTooltip)(),a=o.ref,l=(0,react_1.cloneElement)(o,{...o.props,collapsable:!1,onPress:()=>{t.onChildrenPress?.(),o.props?.onPress?.()},ref:a!=null?(0,mergeRefs_1.mergeRefs)(a,s):s});return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:{position:"relative",zIndex:9e3},children:[l,(0,jsx_runtime_1.jsx)(rally_1.AnimateRallyPresence,{children:e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[react_native_1.StyleSheet.absoluteFill,{width:react_native_1.Dimensions.get("window").width}],pointerEvents:"box-none",children:(0,jsx_runtime_1.jsx)(FloatingTooltipContent,{ref:n,...t})})})]})});const FloatingTooltipContent=(0,react_1.forwardRef)(function({message:e,messageAlign:o,placement:t,contentPositionByRatio:n,size:s="medium",motion:a,onPress:l,onPressOutside:P},b){const c=(0,react_1.useRef)(null),p=(0,core_1.useAdaptive)(),{targetRef:g,offset:u}=(0,TooltipContext_1.useTooltip)(),[f,w]=(0,react_1.useState)(null),[h,x]=(0,react_1.useState)(null),i=(0,react_1.useMemo)(()=>(0,TooltipBase_1.getTooltipStyle)(s),[s]),v=(0,mergeRefs_1.mergeRefs)(b,c),j=(0,useAnchorPosition_1.useAnchorPosition)({anchorPositionByRatio:n,anchorWidth:i.anchorWidth,tooltipWidth:h?.width??0,size:s});return(0,useOnPressOutside_1.useOnPressOutside)({ref:c,onPressOutside:P}),(0,react_1.useEffect)(()=>{function d(){const _=g?.current,y=c.current;_!=null&&y!=null&&u!=null&&(async()=>{const{width:m,height:O}=await measure(_),{width:R,height:T}=await measure(y),q=m/2-R/2,A=t==="top"?-T-u-i.anchorHeight:O+i.anchorHeight+u;w({left:q,top:A})})()}requestAnimationFrame(()=>{d()})},[g,t,i,u]),f==null||h==null?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{ref:v,collapsable:!1,pointerEvents:"box-only",style:{opacity:0,position:"absolute",backgroundColor:p.floatBackground,borderRadius:i.borderRadius,paddingHorizontal:i.paddingHorizontal/2,paddingVertical:i.paddingVertical/2},onLayout:d=>{x(d.nativeEvent.layout)},onPress:l,children:(0,jsx_runtime_1.jsxs)(react_native_1.View,{children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{position:"absolute",width:i.anchorWidth,height:i.anchorHeight},children:(0,jsx_runtime_1.jsx)(Anchor_1.Anchor,{size:s})}),(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:i.typography,color:p.grey800,fontWeight:i.fontWeight,children:e})]})}):(0,jsx_runtime_1.jsx)(TooltipBase_1.TooltipBase,{ref:c,size:s,placement:t,messageAlign:o,message:e,motion:a,left:f.left,top:f.top,contentHeight:h.height,anchorMarginLeft:j,onPress:l})});

package/dist/cjs/components/tooltip/components/Tooltip/TooltipBase.d.ts

@@ -0,0 +1,19 @@
+import { FontWeightKeys, TypographyKeys } from '../../../../constants';
+import { View } from 'react-native';
+import { Size, TooltipBaseProps } from '../../types';
+export declare const TooltipBase: import("react").ForwardRefExoticComponent<Omit<TooltipBaseProps, "children"> & {
+    contentHeight: number;
+    left: number;
+    top: number;
+} & import("react").RefAttributes<View>>;
+type TooltipStyle = {
+    borderRadius: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
+    anchorHeight: number;
+    anchorWidth: number;
+    typography: TypographyKeys;
+    fontWeight: FontWeightKeys;
+};
+export declare function getTooltipStyle(size: Size): TooltipStyle;
+export {};

package/dist/cjs/components/tooltip/components/Tooltip/TooltipBase.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(n,t,r,o){o===void 0&&(o=r);var e=Object.getOwnPropertyDescriptor(t,r);(!e||("get"in e?!t.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(n,o,e)}:function(n,t,r,o){o===void 0&&(o=r),n[o]=t[r]},__setModuleDefault=Object.create?function(n,t){Object.defineProperty(n,"default",{enumerable:!0,value:t})}:function(n,t){n.default=t},__importStar=function(){var n=function(t){return n=Object.getOwnPropertyNames||function(r){var o=[];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(o[o.length]=e);return o},n(t)};return function(t){if(t&&t.__esModule)return t;var r={};if(t!=null)for(var o=n(t),e=0;e<o.length;e++)o[e]!=="default"&&__createBinding(r,t,o[e]);return __setModuleDefault(r,t),r}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.TooltipBase=void 0,exports.getTooltipStyle=getTooltipStyle;const jsx_runtime_1=require("react/jsx-runtime"),colors_1=require("@toss-design-system/colors"),easings_1=require("@toss-design-system/easings"),animated_1=require("../../../../interactions/animated"),rally_1=require("../../../../interactions/rally"),core_1=require("../../../../core"),Paragraph=__importStar(require("../../../paragraph")),react_1=require("react"),react_native_1=require("react-native"),TooltipContext_1=require("../../contexts/TooltipContext"),Anchor_1=require("./Anchor"),useAnnounce_1=require("../../../../utils/useAnnounce"),AnimatedPressable=animated_1.Animated.createAnimatedComponent(react_native_1.Pressable);exports.TooltipBase=(0,react_1.forwardRef)(function({size:t="medium",placement:r,anchorMarginLeft:o=0,message:e,motion:f,messageAlign:d="left",contentHeight:g,left:p,top:h,onPress:y},m){const c=(0,core_1.useAdaptive)(),{colorPreference:_}=(0,core_1.useColorPreference)(),{flipped:l}=(0,TooltipContext_1.useTooltip)(),{announce:u}=(0,useAnnounce_1.useAnnounce)(),i=(0,react_1.useMemo)(()=>getTooltipStyle(t),[t]),a=r==="bottom"?"top":"bottom",s=(0,rally_1.useRally)({motion:f==="strong"?[{opacity:{from:0,to:1},scale:{from:0,to:1.25},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:a,to:a},easing:easings_1.spring.quick},{scale:{from:1.25,to:1},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:a,to:a},easing:{stiffness:300,damping:15}}]:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:a,to:a},easing:easings_1.spring.medium},exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:a,to:a},easing:easings_1.spring.medium}});return(0,react_1.useEffect)(()=>{s.play()},[s]),(0,react_1.useEffect)(()=>{e&&u(e,{queue:!0,delay:100})},[e,u]),(0,jsx_runtime_1.jsxs)(AnimatedPressable,{ref:m,onPress:y,onLayout:b=>{s.onLayout(b)},style:[{opacity:0,transform:[{scale:0}],zIndex:9e3,position:"absolute",backgroundColor:c.floatBackground,borderRadius:i.borderRadius,paddingHorizontal:i.paddingHorizontal/2,paddingVertical:i.paddingVertical/2,shadowColor:_==="light"?react_native_1.Platform.OS==="ios"?colors_1.colors.greyOpacity500:void 0:colors_1.colors.greyOpacity900,shadowOffset:{width:0,height:l?-16:16},shadowOpacity:1,shadowRadius:60,elevation:40,left:p,top:h},s.style],children:[(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{position:"absolute",justifyContent:"center",alignItems:"center",top:r==="top"?g-4:-i.anchorHeight+2,left:o,width:i.anchorWidth,height:i.anchorHeight+2,transform:r==="top"?[{scaleY:-1}]:[]},children:(0,jsx_runtime_1.jsx)(Anchor_1.Anchor,{size:t})}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:{flexDirection:"row",justifyContent:"center",alignSelf:"flex-start",transform:[{scaleY:l?-1:1}]},children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:i.typography,color:c.grey800,fontWeight:i.fontWeight,style:{textAlign:d},children:e})})]})});function getTooltipStyle(n){return n==="small"?{borderRadius:12,paddingVertical:16,paddingHorizontal:24,anchorHeight:9,anchorWidth:24,typography:"t7",fontWeight:"semiBold"}:n==="large"?{borderRadius:18,paddingVertical:26,paddingHorizontal:40,anchorHeight:12,anchorWidth:38,typography:"t5",fontWeight:"bold"}:{borderRadius:16,paddingVertical:26,paddingHorizontal:32,anchorHeight:12,anchorWidth:38,typography:"t6",fontWeight:"bold"}}

package/dist/cjs/components/tooltip/components/Tooltip.d.ts

@@ -0,0 +1,4 @@
+import { TooltipProps } from '../types';
+export declare function ControlledTooltip(props: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function UnControlledTooltip({ onChildrenPress, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip(props: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/tooltip/components/Tooltip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlledTooltip=ControlledTooltip,exports.UnControlledTooltip=UnControlledTooltip,exports.Tooltip=Tooltip;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),TooltipContext_1=require("../contexts/TooltipContext"),FloatingTooltip_1=require("./Tooltip/FloatingTooltip");function ControlledTooltip(o){const{open:e,placement:t,offset:n,autoFlip:r,onClose:i}=o,{children:l,...s}=o;return(0,react_1.useEffect)(()=>{!e&&i&&i()},[e,i]),(0,jsx_runtime_1.jsx)(TooltipContext_1.TooltipProvider,{open:e,placement:t,offsetNumber:n,autoFlip:r,children:(0,jsx_runtime_1.jsx)(FloatingTooltip_1.FloatingTooltip,{...s,children:l})})}function UnControlledTooltip({onChildrenPress:o,...e}){const[t,n]=(0,react_1.useState)(!0);return(0,jsx_runtime_1.jsx)(ControlledTooltip,{open:t,onChildrenPress:()=>{n(r=>!r),o?.()},...e})}function Tooltip(o){return o.open!==void 0?(0,jsx_runtime_1.jsx)(ControlledTooltip,{...o}):(0,jsx_runtime_1.jsx)(UnControlledTooltip,{...o})}

package/dist/cjs/components/tooltip/contexts/TooltipContext.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode, RefObject } from 'react';
+import { View } from 'react-native';
+interface TooltipProviderProps {
+    open?: boolean;
+    children: ReactNode;
+    placement?: 'top' | 'bottom';
+    offsetNumber?: number;
+    /** @TODO */
+    autoFlip?: boolean;
+}
+interface State {
+    targetRef: RefObject<View> | null;
+    floatingRef: RefObject<View> | null;
+    flipped: boolean;
+    offset: number;
+}
+export declare const TooltipContext: import("react").Context<State | null>;
+export declare function TooltipProvider({ children, offsetNumber }: TooltipProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useTooltip(): State | {
+    targetRef: null;
+    floatingRef: null;
+    flipped: null;
+    offset: null;
+};
+export {};

package/dist/cjs/components/tooltip/contexts/TooltipContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TooltipContext=void 0,exports.TooltipProvider=TooltipProvider,exports.useTooltip=useTooltip;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react");exports.TooltipContext=(0,react_1.createContext)(null);function TooltipProvider({children:t,offsetNumber:e=0}){const o=(0,react_1.useRef)(null),r=(0,react_1.useRef)(null),l=(0,react_1.useMemo)(()=>({targetRef:o,floatingRef:r,flipped:!1,offset:e}),[e]);return(0,jsx_runtime_1.jsx)(exports.TooltipContext.Provider,{value:l,children:t})}function useTooltip(){return(0,react_1.useContext)(exports.TooltipContext)??DEFAULT_VALUE}const DEFAULT_VALUE={targetRef:null,floatingRef:null,flipped:null,offset:null};

package/dist/cjs/components/tooltip/hooks/useAnchorPosition.d.ts

@@ -0,0 +1,10 @@
+import { Size } from '../types';
+interface AnchorPositionProps {
+    anchorWidth: number;
+    tooltipWidth?: number;
+    anchorPositionByRatio?: number;
+    defaultPosition?: number;
+    size?: Size;
+}
+export declare function useAnchorPosition({ anchorWidth, tooltipWidth, anchorPositionByRatio, defaultPosition, size, }: AnchorPositionProps): number;
+export {};

package/dist/cjs/components/tooltip/hooks/useAnchorPosition.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAnchorPosition=useAnchorPosition;const react_1=require("react"),react_native_1=require("react-native"),TooltipBase_1=require("../components/Tooltip/TooltipBase"),TOOLTIP_LEFT_RIGHT_PADDING=16;function useAnchorPosition({anchorWidth:t,tooltipWidth:n,anchorPositionByRatio:o,defaultPosition:l,size:e}){const r=(0,react_1.useCallback)((u=0)=>e!=null&&n!=null?u*(n-(0,TooltipBase_1.getTooltipStyle)(e).paddingHorizontal-t)+(0,TooltipBase_1.getTooltipStyle)(e).paddingHorizontal/2:u*(react_native_1.Dimensions.get("window").width-TOOLTIP_LEFT_RIGHT_PADDING-t)+TOOLTIP_LEFT_RIGHT_PADDING/2,[e,n,t]);return o!=null?r(o):l??r(.5)}

package/dist/cjs/components/tooltip/hooks/useCloseTooltip.d.ts

@@ -0,0 +1,7 @@
+interface UseCloseTooltipParams {
+    open?: boolean;
+    duration: number;
+    onClose?: () => void;
+}
+export declare function useCloseTooltip({ open, duration, onClose }: UseCloseTooltipParams): void;
+export {};

package/dist/cjs/components/tooltip/hooks/useCloseTooltip.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCloseTooltip=useCloseTooltip;const react_1=require("react");function useCloseTooltip({open:r,duration:u,onClose:e}){const t=(0,react_1.useRef)();(0,react_1.useEffect)(()=>(r&&e&&(t.current=setTimeout(()=>{e()},u)),()=>{t.current&&clearTimeout(t.current)}),[e,u,r])}

package/dist/cjs/components/tooltip/hooks/useOnPressOutside.d.ts

@@ -0,0 +1,6 @@
+import { View } from 'react-native';
+export declare const useOnPressOutside: ({ ref, onPressOutside, interactive, }: {
+    ref: React.RefObject<View>;
+    onPressOutside?: () => void;
+    interactive?: boolean;
+}) => void;

package/dist/cjs/components/tooltip/hooks/useOnPressOutside.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useOnPressOutside=void 0;const core_1=require("../../../core"),react_1=require("react"),react_native_1=require("react-native"),useOnPressOutside=({ref:e,onPressOutside:t,interactive:n})=>{const r=(0,core_1.useGlobalEvent)();(0,react_1.useEffect)(()=>{if(t&&e.current!=null){const s=o=>{const i=(0,react_native_1.findNodeHandle)(o.target),c=(0,react_native_1.findNodeHandle)(e.current);i!==c&&t()};return r.addEventListener("touchEnd",s),()=>{r.removeEventListener("touchEnd",s)}}},[e,t,n,r])};exports.useOnPressOutside=useOnPressOutside;

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

@@ -0,0 +1,2 @@
+export { Tooltip } from './components/Tooltip';
+export { FullTooltip } from './components/FullTooltip';

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

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

package/dist/cjs/components/tooltip/types.d.ts

@@ -0,0 +1,79 @@
+import { ReactElement, RefCallback, RefObject } from 'react';
+import { PressableProps, StyleProp, ViewProps, ViewStyle } from 'react-native';
+export type MessageAlign = 'left' | 'center' | 'right';
+export type Size = 'small' | 'medium' | 'large';
+export type Placement = 'top' | 'bottom';
+export interface AnchorProps {
+    anchorPositionByRatio?: number;
+    /**
+     * @description
+     * normal Tooltip의 경우, 꼬리는 children의 가운데로 고정됩니다. contentPositionByRatio만큼 content가 움직입니다.
+     */
+    contentPositionByRatio?: number;
+}
+export type ReactElementWithRef = ReactElement & {
+    ref?: RefObject<any> | RefCallback<any>;
+};
+export interface TooltipProps extends Pick<AnchorProps, 'contentPositionByRatio'> {
+    open?: boolean;
+    children: ReactElementWithRef;
+    message: string | ReactElement;
+    placement?: 'top' | 'bottom';
+    messageAlign?: MessageAlign;
+    offset?: number;
+    size: Size;
+    /** @default 'weak' */
+    motion?: 'weak' | 'strong';
+    /** @TODO */
+    autoFlip?: boolean;
+    style?: StyleProp<ViewStyle>;
+    hidden?: boolean;
+    onClose?: () => void;
+    onPressOutside?: () => void;
+    onChildrenPress?: () => void;
+    onPress?: PressableProps['onPress'];
+}
+export interface TooltipBaseProps extends ViewProps {
+    size?: Size;
+    motion?: 'weak' | 'strong';
+    message?: string | ReactElement;
+    background?: ReactElement;
+    placement?: Placement;
+    anchorMarginLeft?: number;
+    messageAlign?: MessageAlign;
+    withAnimation?: boolean;
+    onPress?: PressableProps['onPress'];
+}
+export interface FullTooltipBaseProps extends ViewProps {
+    message?: string | ReactElement;
+    style?: ViewProps['style'];
+    /** @TODO */
+    withBlur?: boolean;
+    background?: ReactElement;
+    placement?: 'top' | 'bottom';
+    animationDelay?: number;
+    anchorMarginLeft?: number;
+    messageAlign?: MessageAlign;
+    withAnimation?: boolean;
+}
+export interface FullTooltipProps extends Omit<AnchorProps, 'contentPositionByRatio'> {
+    open?: boolean;
+    children: ReactElementWithRef;
+    message: string | ReactElement;
+    /**
+     * @default 260
+     */
+    duration?: number;
+    placement?: 'top' | 'bottom';
+    messageAlign?: MessageAlign;
+    offset?: number;
+    /**
+     * @description 화살표가 영역에 걸칠 지 결정합니다.
+     * offset의 우선순위가 더 높습니다
+     *
+     */
+    anchorOverlapped?: boolean;
+    style?: ViewProps['style'];
+    onClose?: () => void;
+    onPressOutside?: () => void;
+}

package/dist/cjs/components/tooltip/types.js

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

package/dist/cjs/components/tooltip/utils/createFullTooltipAnchorPath.d.ts

@@ -0,0 +1,5 @@
+export declare function createTooltipOutlinePath({ anchorPosition, width, height, }: {
+    anchorPosition: number;
+    width: number;
+    height: number;
+}): string;

package/dist/cjs/components/tooltip/utils/createFullTooltipAnchorPath.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createTooltipOutlinePath=createTooltipOutlinePath;function createTooltipOutlinePath({anchorPosition:$,width:e,height:L}){return`M${17.8504945+$},0.995682408 C${18.5809318+$},0.41643879 ${19.6188374+$},0.41643879 ${20.3492747+$},0.995682408 L${30.8242648+$},9.30244762 C${32.945491+$},10.9845999 ${35.5732019+$},11.9000448 ${38.2804583+$},11.9000448 L${46.0998846+$},11.9000448 L${46.0998846+$},11.9000448 L${-8+$},11.9000448 L${-.0806890684+$},11.9000448 C${2.62656729+$},11.9000448 ${5.25427816+$},10.9845999 ${7.37550439+$},9.30244762 L${17.8504945+$},0.995682408 L${17.8504945+$},0.995682408 Z M0,11.9 L${e},11.9 L${e},${L} L0,${L} Z`}

package/dist/cjs/components/tooltip/utils/mergeRefs.d.ts

@@ -0,0 +1 @@
+export declare function mergeRefs<T = any>(...refs: Array<React.MutableRefObject<T | null> | React.LegacyRef<T>>): React.Ref<T>;

package/dist/cjs/components/tooltip/utils/mergeRefs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mergeRefs=mergeRefs;function mergeRefs(...r){return t=>{r.forEach(e=>{typeof e=="function"?e(t):e!=null&&(e.current=t)})}}

package/dist/cjs/components/top/TopArrow.d.ts

@@ -0,0 +1,3 @@
+import { ViewProps } from 'react-native';
+declare function RightArrow({ style }: Pick<ViewProps, 'style'>): import("react/jsx-runtime").JSX.Element;
+export { RightArrow };

package/dist/cjs/components/top/TopArrow.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightArrow=RightArrow;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),icon_1=require("../icon"),react_native_1=require("react-native");function RightArrow({style:e}){const r=(0,core_1.useAdaptive)();return(0,jsx_runtime_1.jsx)(react_native_1.View,{style:e,children:(0,jsx_runtime_1.jsx)(icon_1.Icon,{name:"icon-arrow-right-small-mono",size:24,color:r.grey600})})}

package/dist/cjs/components/top/TopBadges.d.ts

@@ -0,0 +1,13 @@
+import type { ParagraphBadgeProps } from '../paragraph';
+type BadgeItem = {
+    label: string;
+    type: ParagraphBadgeProps['type'];
+    style: ParagraphBadgeProps['badgeStyle'];
+};
+export interface BadgesProps {
+    items: BadgeItem[];
+}
+declare function Badges({ items }: BadgesProps): import("react/jsx-runtime").JSX.Element;
+declare const UpperBadges: typeof Badges;
+declare const SubtitleBadges: typeof Badges;
+export { UpperBadges, SubtitleBadges };

package/dist/cjs/components/top/TopBadges.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(a,e,t,r){r===void 0&&(r=t);var n=Object.getOwnPropertyDescriptor(e,t);(!n||("get"in n?!e.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(a,r,n)}:function(a,e,t,r){r===void 0&&(r=t),a[r]=e[t]},__setModuleDefault=Object.create?function(a,e){Object.defineProperty(a,"default",{enumerable:!0,value:e})}:function(a,e){a.default=e},__importStar=function(){var a=function(e){return a=Object.getOwnPropertyNames||function(t){var r=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[r.length]=n);return r},a(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=a(e),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(t,e,r[n]);return __setModuleDefault(t,e),t}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.SubtitleBadges=exports.UpperBadges=void 0;const jsx_runtime_1=require("react/jsx-runtime"),Paragraph=__importStar(require("../paragraph"));function Badges({items:a}){return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:"t5",children:a.map((e,t)=>(0,jsx_runtime_1.jsx)(Paragraph.Badge,{marginLeft:0,type:e.type,badgeStyle:e.style,children:e.label},`${t}-${e.label}`))})}const UpperBadges=Badges;exports.UpperBadges=UpperBadges;const SubtitleBadges=Badges;exports.SubtitleBadges=SubtitleBadges;

package/dist/cjs/components/top/TopButton.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from '../button';
+declare function LowerButton({ viewStyle, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare const RightButton: import("react").ForwardRefExoticComponent<ButtonProps & {
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+} & import("react").RefAttributes<import("react-native").View>>;
+export { LowerButton, RightButton };

package/dist/cjs/components/top/TopButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightButton=void 0,exports.LowerButton=LowerButton;const jsx_runtime_1=require("react/jsx-runtime"),button_1=require("../button");function LowerButton({viewStyle:t,...e}){return(0,jsx_runtime_1.jsx)(button_1.Button,{...e,viewStyle:[{marginLeft:24},t]})}const RightButton=button_1.Button;exports.RightButton=RightButton;

package/dist/cjs/components/top/TopCTA.d.ts

@@ -0,0 +1,6 @@
+import { BottomCTADoubleProps } from '../bottom-cta';
+interface Props extends BottomCTADoubleProps {
+    type: '2-button';
+}
+declare function LowerCTA({ ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export { LowerCTA };

package/dist/cjs/components/top/TopCTA.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LowerCTA=LowerCTA;const jsx_runtime_1=require("react/jsx-runtime"),bottom_cta_1=require("../bottom-cta");function LowerCTA({...e}){return(0,jsx_runtime_1.jsx)(bottom_cta_1.BottomCTA.Double,{gradient:null,...e})}

package/dist/cjs/components/top/TopRoot.d.ts

@@ -0,0 +1,49 @@
+import { ReactNode } from 'react';
+import { StyleProp, View, ViewStyle } from 'react-native';
+type RightVerticalAlign = 'top' | 'center' | 'end';
+type Props = {
+    upperGap?: number;
+    lowerGap?: number;
+    rightVerticalAlign?: RightVerticalAlign;
+    /**
+     * @example
+     * import { Asset, assetFrame } from '../../asset';
+     * <Asset
+     *   frame={{ ...assetFrame.CleanW60, color: 'transparent' }}
+     *   resource={
+     *     <Asset.ResourceImage
+     *       source={{ uri: 'https://static.toss.im/3d-emojis/u1F31E.png' }}
+     *       scale={1}
+     *       scaleType="fit"
+     *     />
+     *   }
+     * />
+     */
+    upper?: ReactNode;
+    subtitle1?: ReactNode;
+    title: ReactNode;
+    subtitle2?: ReactNode;
+    lower?: ReactNode;
+    right?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+declare function TopRoot({ upperGap, lowerGap, rightVerticalAlign, upper, subtitle1, title, subtitle2, lower, right, style, }: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace TopRoot {
+    var Root: typeof TopRoot;
+    var TitleParagraph: typeof import("./TopTitleParagraph").TitleParagraph;
+    var TitleTextButton: typeof import("./TopTitleTextButton").TitleTextButton;
+    var TitleSelector: typeof import("./TopTitleSelector").TitleSelector;
+    var UpperBadges: ({ items }: import("./TopBadges").BadgesProps) => import("react/jsx-runtime").JSX.Element;
+    var UpperAssetContent: typeof import("./TopUpperAssetContent").UpperAssetContent;
+    var LowerButton: typeof import("./TopButton").LowerButton;
+    var LowerCTA: typeof import("./TopCTA").LowerCTA;
+    var SubtitleParagraph: typeof import("./TopSubtitleParagraph").SubtitleParagraph;
+    var SubtitleTextButton: typeof import("./TopSubtitleTextButton").SubtitleTextButton;
+    var SubtitleSelector: typeof import("./TopSubtitleSelector").SubtitleSelector;
+    var SubtitleBadges: ({ items }: import("./TopBadges").BadgesProps) => import("react/jsx-runtime").JSX.Element;
+    var RightButton: import("react").ForwardRefExoticComponent<import("../button").ButtonProps & {
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
+    } & import("react").RefAttributes<View>>;
+    var RightArrow: typeof import("./TopArrow").RightArrow;
+}
+export { TopRoot };

package/dist/cjs/components/top/TopRoot.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopRoot=TopRoot;const jsx_runtime_1=require("react/jsx-runtime"),react_native_1=require("react-native"),TopArrow_1=require("./TopArrow"),TopBadges_1=require("./TopBadges"),TopButton_1=require("./TopButton"),TopCTA_1=require("./TopCTA"),TopSubtitleParagraph_1=require("./TopSubtitleParagraph"),TopSubtitleSelector_1=require("./TopSubtitleSelector"),TopSubtitleTextButton_1=require("./TopSubtitleTextButton"),TopTitleParagraph_1=require("./TopTitleParagraph"),TopTitleSelector_1=require("./TopTitleSelector"),TopTitleTextButton_1=require("./TopTitleTextButton"),TopUpperAssetContent_1=require("./TopUpperAssetContent");function TopRoot({upperGap:i=24,lowerGap:n=24,rightVerticalAlign:l="center",upper:t,subtitle1:e,title:s,subtitle2:r,lower:o,right:p,style:a}){return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{marginTop:i,marginBottom:n},a],children:[t&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.upper,children:t}),(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.row,children:[(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:styles.mainContent,children:[e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.subtitle1,children:e}),s,r&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.subtitle2,children:r})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[styles.right,{alignSelf:rightVerticalAlignMap[l]}],children:p})]}),o&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.lower,children:o})]})}const styles=react_native_1.StyleSheet.create({upper:{marginBottom:16,paddingHorizontal:24},row:{flexDirection:"row",justifyContent:"space-between"},subtitle1:{marginBottom:4},mainContent:{paddingLeft:24,flex:1},subtitle2:{marginTop:4},right:{flexDirection:"row",alignItems:"center",paddingRight:24,paddingLeft:8},lower:{marginTop:16,alignItems:"flex-start"}}),rightVerticalAlignMap={top:"flex-start",center:"center",end:"flex-end"};TopRoot.Root=TopRoot,TopRoot.TitleParagraph=TopTitleParagraph_1.TitleParagraph,TopRoot.TitleTextButton=TopTitleTextButton_1.TitleTextButton,TopRoot.TitleSelector=TopTitleSelector_1.TitleSelector,TopRoot.UpperBadges=TopBadges_1.UpperBadges,TopRoot.UpperAssetContent=TopUpperAssetContent_1.UpperAssetContent,TopRoot.LowerButton=TopButton_1.LowerButton,TopRoot.LowerCTA=TopCTA_1.LowerCTA,TopRoot.SubtitleParagraph=TopSubtitleParagraph_1.SubtitleParagraph,TopRoot.SubtitleTextButton=TopSubtitleTextButton_1.SubtitleTextButton,TopRoot.SubtitleSelector=TopSubtitleSelector_1.SubtitleSelector,TopRoot.SubtitleBadges=TopBadges_1.SubtitleBadges,TopRoot.RightButton=TopButton_1.RightButton,TopRoot.RightArrow=TopArrow_1.RightArrow;

package/dist/cjs/components/top/TopSubtitleParagraph.d.ts

@@ -0,0 +1,11 @@
+import * as Paragraph from '../paragraph';
+import { TopSubtitleCommonProps } from './types';
+interface SubtitleParagraphProps extends Pick<Paragraph.ParagraphTextProps, 'color' | 'style' | 'children'>, TopSubtitleCommonProps {
+}
+/**
+ *
+ * @example
+ * <Top.SubtitleParagraph typography="t7">타이틀</ListHeader.TitleParagraph>
+ */
+declare function SubtitleParagraph({ size, typography: overridingTypography, fontWeight: overridingFontWeight, color, style, children, }: SubtitleParagraphProps): import("react/jsx-runtime").JSX.Element;
+export { SubtitleParagraph };

package/dist/cjs/components/top/TopSubtitleParagraph.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(i,t,r)}:function(i,e,n,t){t===void 0&&(t=n),i[t]=e[n]},__setModuleDefault=Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e},__importStar=function(){var i=function(e){return i=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},i(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=i(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.SubtitleParagraph=SubtitleParagraph;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),Paragraph=__importStar(require("../paragraph")),const_1=require("./const");function SubtitleParagraph({size:i=17,typography:e,fontWeight:n,color:t,style:r,children:a}){const u=(0,core_1.useAdaptive)(),o=e??const_1.subTitleTypographyMap[i],c=n??const_1.subTitleFontWeightMap[i];return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:o,style:r,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:t??u.grey700,fontWeight:c,children:a})})}

package/dist/cjs/components/top/TopSubtitleSelector.d.ts

@@ -0,0 +1,7 @@
+import type { ParagraphTextProps } from '../paragraph';
+import { PressableProps } from 'react-native';
+import { TopSubtitleCommonProps } from './types';
+interface SubtitleSelectorProps extends Pick<ParagraphTextProps, 'color' | 'style' | 'children'>, Pick<PressableProps, 'onPress'>, TopSubtitleCommonProps {
+}
+declare function SubtitleSelector({ typography: overridingTypography, fontWeight: overridingFontWeight, color: _color, size, children, style, onPress, }: SubtitleSelectorProps): import("react/jsx-runtime").JSX.Element;
+export { SubtitleSelector };

package/dist/cjs/components/top/TopSubtitleSelector.js

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

package/dist/cjs/components/top/TopSubtitleTextButton.d.ts

@@ -0,0 +1,7 @@
+import { TextButton } from '../text-button';
+import { ComponentProps } from 'react';
+import { TopSubtitleCommonProps } from './types';
+type TextButtonProps = ComponentProps<typeof TextButton>;
+type SubtitleTextButtonProps = Pick<TextButtonProps, 'children' | 'style' | 'onPress' | 'color' | 'variant'> & TopSubtitleCommonProps;
+declare function SubtitleTextButton({ variant, size, typography: overridingTypography, fontWeight: overridingFontWeight, color: _color, ...props }: SubtitleTextButtonProps): import("react/jsx-runtime").JSX.Element;
+export { SubtitleTextButton };

package/dist/cjs/components/top/TopSubtitleTextButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SubtitleTextButton=SubtitleTextButton;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),text_button_1=require("../text-button"),const_1=require("./const");function SubtitleTextButton({variant:e,size:t=17,typography:o,fontWeight:r="regular",color:n,...u}){const s=(0,core_1.useAdaptive)(),c=n??s.grey600,i=o??const_1.subTitleTypographyMap[t],p=r??const_1.subTitleFontWeightMap[t];return(0,jsx_runtime_1.jsx)(text_button_1.TextButton,{typography:i,variant:e,color:c,fontWeight:p,...u})}

package/dist/cjs/components/top/TopTitleParagraph.d.ts

@@ -0,0 +1,11 @@
+import * as Paragraph from '../paragraph';
+import { TopTitleCommonProps } from './types';
+interface TitleParagraphProps extends Pick<Paragraph.ParagraphTextProps, 'color' | 'style' | 'children'>, TopTitleCommonProps {
+}
+/**
+ *
+ * @example
+ * <Top.TitleParagraph size={22}>타이틀</ListHeader.TitleParagraph>
+ */
+declare function TitleParagraph({ typography: overridingTypography, size, fontWeight, color, style, children, }: TitleParagraphProps): import("react/jsx-runtime").JSX.Element;
+export { TitleParagraph };

package/dist/cjs/components/top/TopTitleParagraph.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(a,e,n,t){t===void 0&&(t=n);var r=Object.getOwnPropertyDescriptor(e,n);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[n]}}),Object.defineProperty(a,t,r)}:function(a,e,n,t){t===void 0&&(t=n),a[t]=e[n]},__setModuleDefault=Object.create?function(a,e){Object.defineProperty(a,"default",{enumerable:!0,value:e})}:function(a,e){a.default=e},__importStar=function(){var a=function(e){return a=Object.getOwnPropertyNames||function(n){var t=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[t.length]=r);return t},a(e)};return function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t=a(e),r=0;r<t.length;r++)t[r]!=="default"&&__createBinding(n,e,t[r]);return __setModuleDefault(n,e),n}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.TitleParagraph=TitleParagraph;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),Paragraph=__importStar(require("../paragraph")),const_1=require("./const");function TitleParagraph({typography:a,size:e=22,fontWeight:n="bold",color:t,style:r,children:i}){const u=(0,core_1.useAdaptive)(),o=a??const_1.titleTypographyMap[e];return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:o,style:r,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{color:t??u.grey800,fontWeight:n,children:i})})}

package/dist/cjs/components/top/TopTitleSelector.d.ts

@@ -0,0 +1,7 @@
+import type { ParagraphTextProps } from '../paragraph';
+import { PressableProps } from 'react-native';
+import { TopTitleCommonProps } from './types';
+interface TitleSelectorProps extends Pick<ParagraphTextProps, 'color' | 'style' | 'children'>, Pick<PressableProps, 'onPress'>, TopTitleCommonProps {
+}
+declare function TitleSelector({ color: _color, size, fontWeight, children, typography: overridingTypography, style, onPress, }: TitleSelectorProps): import("react/jsx-runtime").JSX.Element;
+export { TitleSelector };

package/dist/cjs/components/top/TopTitleSelector.js

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

package/dist/cjs/components/top/TopTitleTextButton.d.ts

@@ -0,0 +1,7 @@
+import { TextButton } from '../text-button';
+import { ComponentProps } from 'react';
+import { TopTitleCommonProps } from './types';
+type TextButtonProps = ComponentProps<typeof TextButton>;
+type TitleTextButtonProps = Pick<TextButtonProps, 'children' | 'style' | 'onPress' | 'color' | 'variant'> & TopTitleCommonProps;
+declare function TitleTextButton({ size, typography: overridingTypography, variant, fontWeight, color: _color, ...props }: TitleTextButtonProps): import("react/jsx-runtime").JSX.Element;
+export { TitleTextButton };

package/dist/cjs/components/top/TopTitleTextButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TitleTextButton=TitleTextButton;const jsx_runtime_1=require("react/jsx-runtime"),core_1=require("../../core"),text_button_1=require("../text-button"),const_1=require("./const");function TitleTextButton({size:t=22,typography:e,variant:o,fontWeight:r="bold",color:u,...n}){const c=(0,core_1.useAdaptive)().grey800,s=e??const_1.titleTypographyMap[t];return(0,jsx_runtime_1.jsx)(text_button_1.TextButton,{variant:o,typography:s,color:c,fontWeight:r,...n})}

package/dist/cjs/components/top/TopUpperAssetContent.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { View } from 'react-native';
+interface Props extends Omit<ComponentProps<typeof View>, 'children'> {
+    content: ReactNode;
+}
+export declare function UpperAssetContent({ content, style, ...restProps }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/top/TopUpperAssetContent.js

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

package/dist/cjs/components/top/const.d.ts

@@ -0,0 +1,5 @@
+import { FontWeightKeys, TypographyKeys } from '../txt';
+import { SubTitleSize, TitleSize } from './types';
+export declare const titleTypographyMap: Record<TitleSize, TypographyKeys>;
+export declare const subTitleTypographyMap: Record<SubTitleSize, TypographyKeys>;
+export declare const subTitleFontWeightMap: Record<SubTitleSize, FontWeightKeys>;

package/dist/cjs/components/top/const.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.subTitleFontWeightMap=exports.subTitleTypographyMap=exports.titleTypographyMap=void 0,exports.titleTypographyMap={22:"t3",28:"st2"},exports.subTitleTypographyMap={13:"t7",15:"t6",17:"t5"},exports.subTitleFontWeightMap={13:"regular",15:"regular",17:"medium"};

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

@@ -0,0 +1 @@
+export { TopRoot as Top } from './TopRoot';

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

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

package/dist/cjs/components/top/types.d.ts

@@ -0,0 +1,13 @@
+import { ParagraphTextProps } from '../paragraph';
+export type TitleSize = 22 | 28;
+export interface TopTitleCommonProps {
+    typography?: ParagraphTextProps['typography'];
+    fontWeight?: Extract<ParagraphTextProps['fontWeight'], 'bold' | 'semiBold' | 'semibold'>;
+    size?: TitleSize;
+}
+export type SubTitleSize = 13 | 15 | 17;
+export interface TopSubtitleCommonProps {
+    typography?: ParagraphTextProps['typography'];
+    fontWeight?: Extract<ParagraphTextProps['fontWeight'], 'regular' | 'medium'>;
+    size?: SubTitleSize;
+}

package/dist/cjs/components/top/types.js

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

package/dist/cjs/components/txt/Txt.d.ts

@@ -0,0 +1,33 @@
+import { ComponentProps, ReactNode } from 'react';
+import { StyleProp, Text, TextStyle } from 'react-native';
+import { FontWeightKeys, TypographyKeys } from '../../constants';
+export interface TxtStyleProps {
+    /**
+     * @default 't5'
+     */
+    typography?: TypographyKeys;
+    /**
+     * @default 'regular'
+     */
+    fontWeight?: FontWeightKeys;
+    /**
+     * @default adaptive.grey900
+     */
+    color?: string;
+    numberOfLines?: number;
+    textAlign?: TextStyle['textAlign'];
+}
+export type TxtProps = TxtStyleProps & ComponentProps<typeof Text> & {
+    children: ReactNode;
+    style?: StyleProp<TextStyle>;
+};
+export declare function toFontWeightStyle(fontWeightKey: FontWeightKeys): {
+    fontWeight: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+    fontFamily: string;
+};
+declare const Txt: import("react").ForwardRefExoticComponent<TxtStyleProps & import("react-native").TextProps & {
+    children: ReactNode;
+    style?: StyleProp<TextStyle>;
+} & import("react").RefAttributes<Text>>;
+export declare const fontFamilyByFontWeightMap: Record<'android' | 'ios', Record<FontWeightKeys, string>>;
+export default Txt;

package/dist/cjs/components/txt/Txt.js

@@ -0,0 +1,24 @@
+"use strict";const a0G=a0h;(function(x,n){const t=a0h,o=x();for(;;)try{if(-parseInt(t(174))/1*(-parseInt(t(162))/2)+-parseInt(t(172))/3+parseInt(t(159))/4*(-parseInt(t(163))/5)+parseInt(t(190))/6*(-parseInt(t(168))/7)+-parseInt(t(178))/8*(-parseInt(t(173))/9)+-parseInt(t(186))/10*(parseInt(t(165))/11)+-parseInt(t(166))/12===n)break;o.push(o.shift())}catch{o.push(o.shift())}})(a0O,821987);function __xH5lcN(x){const n=a0h;let t="";for(let o=0;o<x[n(176)];o++)t+=String[n(175)](x.charCodeAt(o)^62);return t}function __LosKAAQ(x){const n=a0h;let t="";for(let o=0;o<x.length;o++)t+=String.fromCharCode(x[n(167)](o)^58);return t}function __NL1(x){const n=a0h;let t="";for(let o=0;o<x[n(176)];o++)t+=String.fromCharCode(x.charCodeAt(o)^220);return t}function a0h(x,n){const t=a0O();return a0h=function(o,e){return o=o-156,t[o]},a0h(x,n)}function a0O(){const x=["StyleSheet",'D^a`i;\\XL\\IYa6COS\\-1"',"aaZ[]LGNJ","2351352PDZqKT","17163zYLmTO","103NwRGWE","fromCharCode","length","\xF8\xF5\xF1\xE6\xE9","6296yOSnFY","\xF6\xFF\xFE\xE4\xD6\xF1\xFD\xF9\xFC\xE9","XrutPqmaq^nLYeiDH9|DU\\WO[WN","\f\0\v\r","\xCF\xCF\xF4\xF5\xF3\xE2\xE9\xE0\xE4","base","\xF3\xFF\xFC\xFF\xE2",`00\v
+\f\x1B`,"140JgpZjC",`66\r\f
+\x1B`,"function","MJGR[","726aJHNTW",",-+:18<",">)$=-","\x83\x83\xB8\xB9\xBF\xAE\xA5\xAC\xA8","174024azuHPb","k(+*c'#t'q$_lx|W[L2I{vsaami`","\x07\x1B\b","28568CJhmhu","45dIIMBI","fontFamilyByFontWeightMap","6226DNwLSW","3832092WiJTQy","charCodeAt","37457ymScnQ"];return a0O=function(){return x},a0O()}function __etO8(x){let n="";for(let t=0;t<x.length;t++)n+=String.fromCharCode(x.charCodeAt(t)^111);return n}function __mJInzGT(x){let n="";for(let t=0;t<x.length;t++)n+=String.fromCharCode(x.charCodeAt(t)^105);return n}function __PqtZxh3(x){const n=a0h;let t="";for(let o=0;o<x[n(176)];o++)t+=String.fromCharCode(x[n(167)](o)^72);return t}function __9eek(x){let n="";for(let t=0;t<x.length;t++)n+=String.fromCharCode(x.charCodeAt(t)^144);return n}Object.defineProperty(exports,"__esModule",{[__PqtZxh3(a0G(157))]:!0}),exports.fontFamilyByFontWeightMap=void 0,exports.toFontWeightStyle=toFontWeightStyle;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),constants_1=require("../../constants"),core_1=require("../../core");function toFontWeightStyle(x){const n=a0G;return{[__mJInzGT("\x07>\f\0
")]:constants_1.fontWeightMap[x],[__9eek(n(179))]:exports.fontFamilyByFontWeightMap[react_native_1.Platform.OS===function(){const t=n;return typeof global[__mJInzGT(`66\r\f
+\x1B`,105)]!="function"?"":global[__mJInzGT(t(187),105)]("_k`mib\\",2)}()?function(){return typeof global[__PqtZxh3(",-+:18<",72)]!="function"?"":global[__PqtZxh3(",-+:18<",72)]("z){+' w",68)}():function(){return typeof global[__mJInzGT(`66\r\f
+\x1B`,105)]!="function"?"":global[__mJInzGT(`66\r\f
+\x1B`,105)]("%*-",68)}()][x]}}const Txt=(0,react_1.forwardRef)(function({[__mJInzGT(`
+
\0\r\x1B\f\x07`)]:n,[__PqtZxh3(";<1$-")]:t,[__etO8("\x1B\0\b\x07")]:o=function(){return typeof global[__mJInzGT(`66\r\f
+\x1B`,105)]!="function"?"":global[__mJInzGT(`66\r\f
+\x1B`,105)]("^{",115)}(),[__mJInzGT("\x07>\f\0
")]:e=function(){return typeof global[__xH5lcN("aaZ[]LGNJ",62)]!="function"?"":global[__xH5lcN("aaZ[]LGNJ",62)]('8*+8."2',58)}(),[__mJInzGT(`
+\x1B`)]:a,[__NL1("\xA8\xB9\xA4\xA8\x9D\xB0\xB5\xBB\xB2")]:r,...u},f){const c=a0G,l=(0,core_1.useAdaptive)(),{[__etO8("\x1B\0\b\x07")]:b}=(0,core_1.useTypographyTheme)();return(0,jsx_runtime_1.jsx)(react_native_1.Text,{[__etO8(`
+	`)]:f,[__LosKAAQ("[VVUM|UTNiY[VST]")]:!1,[__NL1("\xB0\xB5\xB2\xB9\x9E\xAE\xB9\xBD\xB7\x8F\xA8\xAE\xBD\xA8\xB9\xBB\xA5\x95\x93\x8F")]:function(){return typeof global[__PqtZxh3(",-+:18<",72)]!="function"?"":global[__PqtZxh3(",-+:18<",72)]("\\T`Xe[xd[]N",105)}(),[__xH5lcN(c(189))]:[styles[c(183)],b[o],{[__9eek(c(184))]:a??l.grey900,[__PqtZxh3("<-0<	$!/&")]:r},toFontWeightStyle(e),t],...u,[__etO8(`\f\x07\v
+
`)]:n})}),styles=react_native_1[a0G(169)].create({[__9eek("\xF2\xF1\xE3\xF5")]:{[__etO8("	\0
\x1B)")]:function(){const x=a0G;return typeof global[__PqtZxh3(x(156),72)]!="function"?"":global[__PqtZxh3(x(156),72)](x(170),109)}(),[__mJInzGT("\f:
\x1B\0\x07")]:1}});exports[a0G(164)]={[__LosKAAQ("SUI")]:{[__LosKAAQ("NRST")]:function(){const x=a0G;return typeof global[__etO8(x(185),111)]!="function"?"":global[__etO8(`00\v
+\f\x1B`,111)]("3MPO+LH<L9I'4@D|#qWu411<",33)}(),[__9eek("\xF5\xE8\xE4\xE2\xF1\xDC\xF9\xF7\xF8\xE4")]:function(){const x=a0G;return typeof global[__NL1(x(158),220)]!="function"?"":global[__NL1("\x83\x83\xB8\xB9\xBF\xAE\xA5\xAC\xA8",220)]("0JML(IE9I6F$1=Ay nTr1..9",36)}(),[__9eek("\xF5\xE8\xE4\xE2\xF1\xFC\xF9\xF7\xF8\xE4")]:function(){const x=a0G;return typeof global[__9eek("\xCF\xCF\xF4\xF5\xF3\xE2\xE9\xE0\xE4",144)]!==x(188)?"":global[__9eek("\xCF\xCF\xF4\xF5\xF3\xE2\xE9\xE0\xE4",144)]("+EHG#D@4D1A|,8<txiOm,))4",41)}(),[__mJInzGT("\0
")]:function(){const x=a0G;return typeof global[__mJInzGT(`66\r\f
+\x1B`,105)]!="function"?"":global[__mJInzGT(x(187),105)]('=WZY5VRFVCS1>JN)-{a">;;F',116)}(),[__etO8("
\0")]:function(){return typeof global[__NL1("\x83\x83\xB8\xB9\xBF\xAE\xA5\xAC\xA8",220)]!="function"?"":global[__NL1("\x83\x83\xB8\xB9\xBF\xAE\xA5\xAC\xA8",220)]("q.10i-)z-w*er!%]aR8\\no|rfv",64)}(),[__PqtZxh3(":-/=$):")]:function(){const x=a0G;return typeof global[__etO8(`00\v
+\f\x1B`,111)]!="function"?"":global[__etO8(x(185),111)](">X[Z6WSGWDT2?KO*.|b);<I?3C",115)}(),[__9eek("\xFD\xF5\xF4\xF9\xE5\xFD")]:function(){return typeof global[__PqtZxh3(",-+:18<",72)]!="function"?"":global[__PqtZxh3(",-+:18<",72)]("5ORQ-NJ>N;K)6BF!%sYx204?6",31)}(),[__etO8(`
+-\0\v`)]:function(){return typeof global[__LosKAAQ("ee^_YHCJN",58)]!="function"?"":global[__LosKAAQ("ee^_YHCJN",58)]("C]`_;\\XL\\IY7DPT/3$g/@GB:FB9",17)}(),[__PqtZxh3(";-%!*'$,")]:function(){return typeof global[__PqtZxh3(",-+:18<",72)]!="function"?"":global[__PqtZxh3(",-+:18<",72)]("t143l0, 0z-hu$(`dU;`qxskwsj",61)}(),[__mJInzGT("\v\r")]:function(){return typeof global[__9eek("\xCF\xCF\xF4\xF5\xF3\xE2\xE9\xE0\xE4",144)]!="function"?"":global[__9eek("\xCF\xCF\xF4\xF5\xF3\xE2\xE9\xE0\xE4",144)]("-GJI%FB6F3C!.:>vzkQe40'",39)}(),[__xH5lcN("[FJL_|QRZ")]:function(){const x=a0G;return typeof global[__9eek("\xCF\xCF\xF4\xF5\xF3\xE2\xE9\xE0\xE4",144)]!="function"?"":global[__9eek(x(182),144)]("YsvuQrnbr_oMZfjEI: 7idaOO[WN",88)}(),[__mJInzGT("\f\x1B\b\v\r")]:function(){return typeof global[__LosKAAQ("ee^_YHCJN",58)]!="function"?"":global[__LosKAAQ("ee^_YHCJN",58)](":TWV2SOCS@P.;GK&*x^uJEB00<8/",119)}(),[__PqtZxh3(" -)>1")]:function(){const x=a0G;return typeof global[__mJInzGT(`66\r\f
+\x1B`,105)]!==x(188)?"":global[__mJInzGT(`66\r\f
+\x1B`,105)]("8RUT0QMAQ>N,9EI$(v\\v50DF",28)}(),[__LosKAAQ("XV[YQ")]:function(){return typeof global[__NL1("\x83\x83\xB8\xB9\xBF\xAE\xA5\xAC\xA8",220)]!="function"?"":global[__NL1("\x83\x83\xB8\xB9\xBF\xAE\xA5\xAC\xA8",220)]("@Z]\\8YUIYFV4AMQ,0!dxD89@",20)}()},[__9eek("\xF1\xFE\xF4\xE2\xFF\xF9\xF4")]:{[__PqtZxh3("< !&")]:function(){const x=a0G;return typeof global[__PqtZxh3(",-+:18<",72)]!="function"?"":global[__PqtZxh3(x(156),72)]("WqtsOpl`p]mKXdhCG8{<XUU`",90)}(),[__mJInzGT("\f\x1B\b%\0
")]:function(){const x=a0G;return typeof global[__xH5lcN(x(171),62)]!="function"?"":global[__xH5lcN("aaZ[]LGNJ",62)]("{8;:s73'7$4o|+/gk\\B`|yy'",54)}(),[__LosKAAQ("_BNH[VS]RN")]:function(){return typeof global[__etO8(`00\v
+\f\x1B`,111)]!="function"?"":global[__etO8(`00\v
+\f\x1B`,111)]("B\\_^:[WK[HX6COS.2#f'C@@K",111)}(),[__etO8("\b\x07\x1B")]:function(){return typeof global[__xH5lcN("aaZ[]LGNJ",62)]!="function"?"":global[__xH5lcN("aaZ[]LGNJ",62)]("Gadc?`\\P`M];HTX37(k,HEEP",13)}(),[__mJInzGT(a0G(161))]:function(){return typeof global[__PqtZxh3(",-+:18<",72)]!="function"?"":global[__PqtZxh3(",-+:18<",72)]("\\vyxTuqeubrP]imHL=#GYZg]Qa",85)}(),[__NL1("\xAE\xB9\xBB\xA9\xB0\xBD\xAE")]:function(){const x=a0G;return typeof global[__etO8(x(185),111)]!="function"?"":global[__etO8(`00\v
+\f\x1B`,111)](";UXW3TPDTAQ/<HL'+y_&89F<0@",25)}(),[__xH5lcN("S[ZWKS")]:function(){const x=a0G;return typeof global[__NL1("\x83\x83\xB8\xB9\xBF\xAE\xA5\xAC\xA8",220)]!="function"?"":global[__NL1(x(158),220)](`A[^]9ZVJZGW5BNR-1"e'><@KB`,19)}(),[__9eek("\xE3\xF5\xFD\xF9\xD2\xFF\xFC\xF4")]:function(){return typeof global[__NL1("\x83\x83\xB8\xB9\xBF\xAE\xA5\xAC\xA8",220)]!="function"?"":global[__NL1("\x83\x83\xB8\xB9\xBF\xAE\xA5\xAC\xA8",220)]('A[^]9ZVJZGW5BNR-1"e->E@8D@7',19)}(),[__mJInzGT(a0G(181))]:function(){const x=a0G;return typeof global[__mJInzGT(`66\r\f
+\x1B`,105)]!="function"?"":global[__mJInzGT(`66\r\f
+\x1B`,105)](x(180),89)}(),[__etO8("\r\0\v")]:function(){const x=a0G;return typeof global[__NL1("\x83\x83\xB8\xB9\xBF\xAE\xA5\xAC\xA8",220)]!==x(188)?"":global[__NL1("\x83\x83\xB8\xB9\xBF\xAE\xA5\xAC\xA8",220)]("@Z]\\8YUIYFV4AMQ,0!dxGC:",113)}(),[__xH5lcN("[FJL_|QRZ")]:function(){const x=a0G;return typeof global[__etO8(`00\v
+\f\x1B`,111)]!="function"?"":global[__etO8(x(185),111)]("NhkjFgcWgTdBO[_:>/r,^YVDDPLC",6)}(),[__NL1("\xB9\xA4\xA8\xAE\xBD\xBE\xB3\xB0\xB8")]:function(){const x=a0G;return typeof global[__PqtZxh3(",-+:18<",72)]!="function"?"":global[__PqtZxh3(",-+:18<",72)](x(160),70)}(),[__9eek(a0G(177))]:function(){return typeof global[__9eek("\xCF\xCF\xF4\xF5\xF3\xE2\xE9\xE0\xE4",144)]!="function"?"":global[__9eek("\xCF\xCF\xF4\xF5\xF3\xE2\xE9\xE0\xE4",144)]("XrutPqmaq^nLYeiDH9|9UPdf",89)}(),[__9eek("\xF2\xFC\xF1\xF3\xFB")]:function(){return typeof global[__9eek("\xCF\xCF\xF4\xF5\xF3\xE2\xE9\xE0\xE4",144)]!="function"?"":global[__9eek("\xCF\xCF\xF4\xF5\xF3\xE2\xE9\xE0\xE4",144)]("|9<;t84(8%5p ,0hl]CW#tu|",53)}()}},exports.default=Txt;

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

@@ -0,0 +1,6 @@
+export { default as Txt, fontFamilyByFontWeightMap, toFontWeightStyle } from './Txt';
+export { defaultTypographyMap, fontWeightMap, Typography, FontWeight } from '../../constants';
+export type { TxtProps, TxtStyleProps } from './Txt';
+export type { FontWeightKeys, TypographyKeys } from '../../constants';
+export { default as Text } from './Txt';
+export type { TxtProps as TextProps } from './Txt';

package/dist/cjs/components/txt/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.Text=exports.FontWeight=exports.Typography=exports.fontWeightMap=exports.defaultTypographyMap=exports.toFontWeightStyle=exports.fontFamilyByFontWeightMap=exports.Txt=void 0;var Txt_1=require("./Txt");Object.defineProperty(exports,"Txt",{enumerable:!0,get:function(){return __importDefault(Txt_1).default}}),Object.defineProperty(exports,"fontFamilyByFontWeightMap",{enumerable:!0,get:function(){return Txt_1.fontFamilyByFontWeightMap}}),Object.defineProperty(exports,"toFontWeightStyle",{enumerable:!0,get:function(){return Txt_1.toFontWeightStyle}});var constants_1=require("../../constants");Object.defineProperty(exports,"defaultTypographyMap",{enumerable:!0,get:function(){return constants_1.defaultTypographyMap}}),Object.defineProperty(exports,"fontWeightMap",{enumerable:!0,get:function(){return constants_1.fontWeightMap}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function(){return constants_1.Typography}}),Object.defineProperty(exports,"FontWeight",{enumerable:!0,get:function(){return constants_1.FontWeight}});var Txt_2=require("./Txt");Object.defineProperty(exports,"Text",{enumerable:!0,get:function(){return __importDefault(Txt_2).default}});

package/dist/cjs/constants/index.d.ts

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