@toss/tds-react-native 1.3.4 → 1.3.6

package/dist/esm/components/toast/Toast.d.ts

@@ -1,5 +1,5 @@
-import { type ToastBottomProps } from './components/ToastBottom.js';
-import { type ToastTopProps } from './components/ToastTop.js';
+import { type ToastBottomProps } from './components/ToastBottom';
+import { type ToastTopProps } from './components/ToastTop';
 export type ToastProps = (ToastTopProps & {
     position: 'top';
 }) | (ToastBottomProps & {
@@ -13,10 +13,10 @@ export declare const Toast: {
         name: string;
         color?: string | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
-    LottieIcon: (props: (import("./components/ToastLottieIcon/PresetToastLottieIcon.js").PresetToastLottieIconProps & {
+    LottieIcon: (props: (import("./components/ToastLottieIcon/PresetToastLottieIcon").PresetToastLottieIconProps & {
         preset: true;
-    }) | (import("./components/ToastLottieIcon/CustomToastLottieIcon.js").CustomToastLottieIconProps & {
+    }) | (import("./components/ToastLottieIcon/CustomToastLottieIcon").CustomToastLottieIconProps & {
         preset?: false;
     })) => import("react/jsx-runtime").JSX.Element;
-    Button: ({ children, ...props }: import("./components/ToastButton.js").ToastButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Button: ({ children, ...props }: import("./components/ToastButton").ToastButtonProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/esm/components/toast/Toast.js

@@ -1 +1 @@
-"use strict";import{jsx as m}from"react/jsx-runtime";import{ToastBottom as r}from"./components/ToastBottom.js";import{ToastButton as e}from"./components/ToastButton.js";import{ToastIcon as f}from"./components/ToastIcon.js";import{ToastLottieIcon as i}from"./components/ToastLottieIcon/index.js";import{ToastTop as c}from"./components/ToastTop.js";import{useAnnounce as a}from"../../utils/useAnnounce.js";import{useEffect as s}from"react";export const Toast=({position:n="bottom",...o})=>{const{announce:t}=a();return s(()=>{o.open&&t(o.text)},[o.open,t,o.text]),n==="bottom"?m(r,{...o}):m(c,{...o})};Toast.Icon=f,Toast.LottieIcon=i,Toast.Button=e;
+"use strict";import{jsx as m}from"react/jsx-runtime";import{ToastBottom as r}from"./components/ToastBottom";import{ToastButton as e}from"./components/ToastButton";import{ToastIcon as f}from"./components/ToastIcon";import{ToastLottieIcon as i}from"./components/ToastLottieIcon";import{ToastTop as c}from"./components/ToastTop";import{useAnnounce as a}from"../../utils/useAnnounce";import{useEffect as s}from"react";export const Toast=({position:n="bottom",...o})=>{const{announce:t}=a();return s(()=>{o.open&&t(o.text)},[o.open,t,o.text]),n==="bottom"?m(r,{...o}):m(c,{...o})};Toast.Icon=f,Toast.LottieIcon=i,Toast.Button=e;

package/dist/esm/components/toast/components/ToastBottom.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { CommonToastProps } from './types.js';
+import type { CommonToastProps } from './types';
 export interface ToastBottomProps extends CommonToastProps {
     /**
      * @example

package/dist/esm/components/toast/components/ToastBottom.js

@@ -1 +1 @@
-"use strict";import{jsx as r,jsxs as p}from"react/jsx-runtime";import{useKeyboardAnimatedHeight as H}from"@granite-js/react-native";import{useState as W}from"react";import{Platform as Y,Pressable as I,StyleSheet as R,useWindowDimensions as _,View as n}from"react-native";import{colors as a}from"@toss/tds-colors";import{useColorPreference as z,useTypographyTheme as G}from"../../../core/index.js";import{Animated as f}from"../../../interactions/animated/index.js";import{useAnimatePresence as V,useSafeAreaBottom as E}from"../../../utils/index.js";import{Txt as F}from"../../txt/index.js";import{useTextLine as K,useTimer as q,useToastAnimation as J}from"../hooks/index.js";const M=f.createAnimatedComponent(I);export const ToastBottom=({open:y,text:u,icon:i,button:e,duration:x=e?5:3,bottomOffset:s=20,onClose:l,onExited:w=()=>{},onEntered:T=()=>{}})=>{const{width:S}=_(),[c,A]=W(),m=E(),L=c?s+c+m:void 0,b=H(),{textLine:P,updateTextLine:k}=K(),{colorPreference:j}=z(),{typographyLevel:d}=G(),t=Y.OS==="android"?d>200:d?.startsWith("A11y_x"),{enter:v,exit:B,animatedStyle:h}=J({position:"bottom",initialY:L}),{presenceState:C}=V(y,{enter:v,exit:B,onExited:w,onEntered:T});return q({duration:x,callback:l}),C==="invisible"?null:p(M,{onPress:l,onLayout:D=>{A(D.nativeEvent.layout.height)},style:[o.container,{opacity:h.opacity,transform:[{translateY:f.subtract(h.transform[0]?.translateY??0,b)}]},{flexDirection:t?"column":"row",alignItems:t?"flex-start":"center",gap:t?10:0,width:e?S-g*2:"auto",bottom:s+m,paddingLeft:i?16:20,paddingRight:e?14:20,borderRadius:P==="single"?100:20,backgroundColor:j==="light"?a.grey500:a.darkThemeGrey200}],children:[p(n,{style:[o.iconTextContainer,t?{width:"100%"}:{flexGrow:e?1:0,width:e?0:"auto"}],children:[i&&r(n,{style:o.icon,children:i}),r(F,{onTextLayout:k,typography:"t6",fontWeight:"semiBold",color:a.white,children:u})]}),e?r(n,{style:o.button,children:e}):null]})};const g=20,o=R.create({container:{position:"absolute",alignSelf:"center",zIndex:100,flexDirection:"row",paddingVertical:14,marginHorizontal:g},iconTextContainer:{flexDirection:"row",alignItems:"center"},icon:{marginRight:12},button:{marginLeft:20,flexShrink:0}});
+"use strict";import{jsx as r,jsxs as p}from"react/jsx-runtime";import{useKeyboardAnimatedHeight as H}from"@granite-js/react-native";import{useState as W}from"react";import{Platform as Y,Pressable as I,StyleSheet as R,useWindowDimensions as _,View as n}from"react-native";import{colors as a}from"@toss/tds-colors";import{useColorPreference as z,useTypographyTheme as G}from"../../../core";import{Animated as f}from"../../../interactions/animated";import{useAnimatePresence as V,useSafeAreaBottom as E}from"../../../utils";import{Txt as F}from"../../txt";import{useTextLine as K,useTimer as q,useToastAnimation as J}from"../hooks";const M=f.createAnimatedComponent(I);export const ToastBottom=({open:y,text:u,icon:i,button:e,duration:x=e?5:3,bottomOffset:s=20,onClose:l,onExited:w=()=>{},onEntered:T=()=>{}})=>{const{width:S}=_(),[c,A]=W(),m=E(),L=c?s+c+m:void 0,b=H(),{textLine:P,updateTextLine:k}=K(),{colorPreference:j}=z(),{typographyLevel:d}=G(),t=Y.OS==="android"?d>200:d?.startsWith("A11y_x"),{enter:v,exit:B,animatedStyle:h}=J({position:"bottom",initialY:L}),{presenceState:C}=V(y,{enter:v,exit:B,onExited:w,onEntered:T});return q({duration:x,callback:l}),C==="invisible"?null:p(M,{onPress:l,onLayout:D=>{A(D.nativeEvent.layout.height)},style:[o.container,{opacity:h.opacity,transform:[{translateY:f.subtract(h.transform[0]?.translateY??0,b)}]},{flexDirection:t?"column":"row",alignItems:t?"flex-start":"center",gap:t?10:0,width:e?S-g*2:"auto",bottom:s+m,paddingLeft:i?16:20,paddingRight:e?14:20,borderRadius:P==="single"?100:20,backgroundColor:j==="light"?a.grey500:a.darkThemeGrey200}],children:[p(n,{style:[o.iconTextContainer,t?{width:"100%"}:{flexGrow:e?1:0,width:e?0:"auto"}],children:[i&&r(n,{style:o.icon,children:i}),r(F,{onTextLayout:k,typography:"t6",fontWeight:"semiBold",color:a.white,children:u})]}),e?r(n,{style:o.button,children:e}):null]})};const g=20,o=R.create({container:{position:"absolute",alignSelf:"center",zIndex:100,flexDirection:"row",paddingVertical:14,marginHorizontal:g},iconTextContainer:{flexDirection:"row",alignItems:"center"},icon:{marginRight:12},button:{marginLeft:20,flexShrink:0}});

package/dist/esm/components/toast/components/ToastButton.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useRef as c}from"react";import{Pressable as m,StyleSheet as r}from"react-native";import{colors as o}from"@toss/tds-colors";import{useColorPreference as u}from"../../../core/index.js";import{Animated as s}from"../../../interactions/animated/index.js";import{Txt as p}from"../../txt/index.js";export const ToastButton=({children:i,...a})=>{const{colorPreference:l}=u(),t=c(new s.Value(0)).current;return n(m,{accessibilityRole:"button",onPressIn:()=>{t.setValue(.1)},onPressOut:()=>{t.setValue(0)},style:[d.button,{backgroundColor:l==="light"?o.greyOpacity400:o.whiteOpacity100}],...a,children:[e(s.View,{style:{...r.absoluteFillObject,backgroundColor:o.black,opacity:t}}),e(p,{typography:"t7",fontWeight:"semiBold",color:o.floatBackground,children:i})]})};const d=r.create({button:{marginLeft:"auto",borderRadius:100,paddingHorizontal:12,paddingVertical:6,overflow:"hidden"}});
+"use strict";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useRef as c}from"react";import{Pressable as m,StyleSheet as r}from"react-native";import{colors as o}from"@toss/tds-colors";import{useColorPreference as u}from"../../../core";import{Animated as s}from"../../../interactions/animated";import{Txt as p}from"../../txt";export const ToastButton=({children:i,...a})=>{const{colorPreference:l}=u(),t=c(new s.Value(0)).current;return n(m,{accessibilityRole:"button",onPressIn:()=>{t.setValue(.1)},onPressOut:()=>{t.setValue(0)},style:[d.button,{backgroundColor:l==="light"?o.greyOpacity400:o.whiteOpacity100}],...a,children:[e(s.View,{style:{...r.absoluteFillObject,backgroundColor:o.black,opacity:t}}),e(p,{typography:"t7",fontWeight:"semiBold",color:o.floatBackground,children:i})]})};const d=r.create({button:{marginLeft:"auto",borderRadius:100,paddingHorizontal:12,paddingVertical:6,overflow:"hidden"}});

package/dist/esm/components/toast/components/ToastIcon.d.ts

@@ -1,4 +1,4 @@
-import { Icon } from '../../icon/index.js';
+import { Icon } from '../../icon';
 import type { ComponentProps } from 'react';
 type ToastIconProps = Pick<ComponentProps<typeof Icon>, 'name' | 'color' | 'style' | 'type'>;
 export declare const ToastIcon: (props: ToastIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/toast/components/ToastIcon.js

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{Icon as t}from"../../icon/index.js";export const ToastIcon=o=>r(t,{type:"circle",size:24,...o});
+"use strict";import{jsx as r}from"react/jsx-runtime";import{Icon as t}from"../../icon";export const ToastIcon=o=>r(t,{type:"circle",size:24,...o});

package/dist/esm/components/toast/components/ToastLottieIcon/CustomToastLottieIcon.d.ts

@@ -1,4 +1,4 @@
-import type { CommonLottieIconProps } from './types.js';
+import type { CommonLottieIconProps } from './types';
 export interface CustomToastLottieIconProps extends CommonLottieIconProps {
     src: string;
 }

package/dist/esm/components/toast/components/ToastLottieIcon/PresetToastLottieIcon.d.ts

@@ -1,4 +1,4 @@
-import type { CommonLottieIconProps } from './types.js';
+import type { CommonLottieIconProps } from './types';
 export interface PresetToastLottieIconProps extends CommonLottieIconProps {
     type: 'complete' | 'error';
 }

package/dist/esm/components/toast/components/ToastLottieIcon/PresetToastLottieIcon.js

@@ -1 +1 @@
-"use strict";import{jsx as s}from"react/jsx-runtime";import{CustomToastLottieIcon as e}from"./CustomToastLottieIcon.js";export const PresetToastLottieIcon=({type:t,...o})=>s(e,{src:t==="complete"?"https://static.toss.im/lotties-common/check-green-spot.json":"https://static.toss.im/lotties-common/error-yellow-spot.json",...o});
+"use strict";import{jsx as s}from"react/jsx-runtime";import{CustomToastLottieIcon as e}from"./CustomToastLottieIcon";export const PresetToastLottieIcon=({type:t,...o})=>s(e,{src:t==="complete"?"https://static.toss.im/lotties-common/check-green-spot.json":"https://static.toss.im/lotties-common/error-yellow-spot.json",...o});

package/dist/esm/components/toast/components/ToastLottieIcon/ToastLottieIcon.d.ts

@@ -1,5 +1,5 @@
-import { type CustomToastLottieIconProps } from './CustomToastLottieIcon.js';
-import { type PresetToastLottieIconProps } from './PresetToastLottieIcon.js';
+import { type CustomToastLottieIconProps } from './CustomToastLottieIcon';
+import { type PresetToastLottieIconProps } from './PresetToastLottieIcon';
 type ToastLottieIconProps = (PresetToastLottieIconProps & {
     preset: true;
 }) | (CustomToastLottieIconProps & {

package/dist/esm/components/toast/components/ToastLottieIcon/ToastLottieIcon.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{CustomToastLottieIcon as e}from"./CustomToastLottieIcon.js";import{PresetToastLottieIcon as r}from"./PresetToastLottieIcon.js";export const ToastLottieIcon=t=>s(t)?o(r,{...t}):o(e,{...t});function s(t){return"type"in t&&t.preset===!0}
+"use strict";import{jsx as o}from"react/jsx-runtime";import{CustomToastLottieIcon as e}from"./CustomToastLottieIcon";import{PresetToastLottieIcon as r}from"./PresetToastLottieIcon";export const ToastLottieIcon=t=>s(t)?o(r,{...t}):o(e,{...t});function s(t){return"type"in t&&t.preset===!0}

package/dist/esm/components/toast/components/ToastLottieIcon/index.d.ts

@@ -1 +1 @@
-export { ToastLottieIcon } from './ToastLottieIcon.js';
+export { ToastLottieIcon } from './ToastLottieIcon';

package/dist/esm/components/toast/components/ToastLottieIcon/index.js

@@ -1 +1 @@
-"use strict";export{ToastLottieIcon}from"./ToastLottieIcon.js";
+"use strict";export{ToastLottieIcon}from"./ToastLottieIcon";

package/dist/esm/components/toast/components/ToastTop.d.ts

@@ -1,3 +1,3 @@
-import type { CommonToastProps } from './types.js';
+import type { CommonToastProps } from './types';
 export type ToastTopProps = CommonToastProps;
 export declare const ToastTop: ({ open, text, icon, duration, onClose, onExited, onEntered, }: ToastTopProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/components/toast/components/ToastTop.js

@@ -1 +1 @@
-"use strict";import{jsx as a,jsxs as P}from"react/jsx-runtime";import{useState as v}from"react";import{Platform as s,Pressable as L,StyleSheet as O,View as j}from"react-native";import{colors as e}from"@toss/tds-colors";import{useAdaptive as k,useColorPreference as R}from"../../../core/index.js";import{Animated as C}from"../../../interactions/animated/index.js";import{useAnimatePresence as z,useSafeAreaTop as G}from"../../../utils/index.js";import{Txt as H}from"../../txt/index.js";import{useTextLine as I,useTimer as V,useToastAnimation as _}from"../hooks/index.js";const B=C.createAnimatedComponent(L);export const ToastTop=({open:l,text:d,icon:t,duration:m=3,onClose:o,onExited:p=()=>{},onEntered:h=()=>{}})=>{const i=G(),[r,f]=v(),g=r?-(i+r):void 0,{textLine:u,updateTextLine:y}=I(),x=k(),{colorPreference:n}=R(),{enter:T,exit:S,animatedStyle:w}=_({position:"top",initialY:g}),{presenceState:A}=z(l,{enter:T,exit:S,onExited:p,onEntered:h});return V({duration:m,callback:o}),A==="invisible"?null:P(B,{onPress:o,onLayout:b=>{f(b.nativeEvent.layout.height)},style:[c.container,w,{top:i,paddingLeft:t?12:16,borderRadius:u==="single"?100:20,backgroundColor:n==="light"?e.white:e.darkThemeGrey200,shadowColor:n==="light"?e.greyOpacity200:e.darkThemeGrey50}],children:[t&&a(j,{style:c.icon,children:t}),a(H,{onTextLayout:y,typography:"t6",fontWeight:"semiBold",color:x.opacity800,children:d})]})};const c=O.create({container:{position:"absolute",alignSelf:"center",zIndex:100,flexDirection:"row",alignItems:"center",paddingVertical:12,paddingRight:16,marginHorizontal:s.OS==="ios"?18:s.OS==="android"?12:0,shadowOffset:{width:0,height:2},shadowRadius:30,shadowOpacity:1,elevation:50},icon:{marginRight:10}});
+"use strict";import{jsx as a,jsxs as P}from"react/jsx-runtime";import{useState as v}from"react";import{Platform as s,Pressable as L,StyleSheet as O,View as j}from"react-native";import{colors as e}from"@toss/tds-colors";import{useAdaptive as k,useColorPreference as R}from"../../../core";import{Animated as C}from"../../../interactions/animated";import{useAnimatePresence as z,useSafeAreaTop as G}from"../../../utils";import{Txt as H}from"../../txt";import{useTextLine as I,useTimer as V,useToastAnimation as _}from"../hooks";const B=C.createAnimatedComponent(L);export const ToastTop=({open:l,text:d,icon:t,duration:m=3,onClose:o,onExited:p=()=>{},onEntered:h=()=>{}})=>{const i=G(),[r,f]=v(),g=r?-(i+r):void 0,{textLine:u,updateTextLine:y}=I(),x=k(),{colorPreference:n}=R(),{enter:T,exit:S,animatedStyle:w}=_({position:"top",initialY:g}),{presenceState:A}=z(l,{enter:T,exit:S,onExited:p,onEntered:h});return V({duration:m,callback:o}),A==="invisible"?null:P(B,{onPress:o,onLayout:b=>{f(b.nativeEvent.layout.height)},style:[c.container,w,{top:i,paddingLeft:t?12:16,borderRadius:u==="single"?100:20,backgroundColor:n==="light"?e.white:e.darkThemeGrey200,shadowColor:n==="light"?e.greyOpacity200:e.darkThemeGrey50}],children:[t&&a(j,{style:c.icon,children:t}),a(H,{onTextLayout:y,typography:"t6",fontWeight:"semiBold",color:x.opacity800,children:d})]})};const c=O.create({container:{position:"absolute",alignSelf:"center",zIndex:100,flexDirection:"row",alignItems:"center",paddingVertical:12,paddingRight:16,marginHorizontal:s.OS==="ios"?18:s.OS==="android"?12:0,shadowOffset:{width:0,height:2},shadowRadius:30,shadowOpacity:1,elevation:50},icon:{marginRight:10}});

package/dist/esm/components/toast/hooks/index.d.ts

@@ -1,3 +1,3 @@
-export { useTextLine } from './useTextLine.js';
-export { useTimer } from './useTimer.js';
-export { useToastAnimation } from './useToastAnimation.js';
+export { useTextLine } from './useTextLine';
+export { useTimer } from './useTimer';
+export { useToastAnimation } from './useToastAnimation';

package/dist/esm/components/toast/hooks/index.js

@@ -1 +1 @@
-"use strict";export{useTextLine}from"./useTextLine.js";export{useTimer}from"./useTimer.js";export{useToastAnimation}from"./useToastAnimation.js";
+"use strict";export{useTextLine}from"./useTextLine";export{useTimer}from"./useTimer";export{useToastAnimation}from"./useToastAnimation";

package/dist/esm/components/toast/hooks/useToastAnimation.js

@@ -1 +1 @@
-"use strict";import{useCallback as m,useEffect as f,useRef as c}from"react";import{spring as t}from"@toss/tds-easings";import{Animated as r}from"../../../interactions/animated/index.js";export const useToastAnimation=({position:s,initialY:e})=>{const a=c(new r.Value(0)).current,u=c(new r.Value(e??0)).current,l=c(!1),o=m(()=>new Promise(n=>{if(e===void 0){n();return}u.setValue(e),l.current=!0,r.parallel([r.spring(a,{toValue:1,useNativeDriver:!0,...s==="bottom"?t.quick:t.small}),r.spring(u,{toValue:0,useNativeDriver:!0,...s==="bottom"?t.quick:t.small})]).start(()=>{n()})}),[e,a,s,u]);return f(()=>{!l.current&&e!=null&&o()},[e,o]),{enter:o,exit:()=>new Promise(n=>{if(e==null){n();return}r.parallel([r.spring(a,{toValue:0,useNativeDriver:!0,...t.quick}),r.spring(u,{toValue:e,useNativeDriver:!0,...t.quick})]).start(()=>{n()})}),animatedStyle:{opacity:a,transform:[{translateY:u}]}}};
+"use strict";import{useCallback as m,useEffect as f,useRef as c}from"react";import{spring as t}from"@toss/tds-easings";import{Animated as r}from"../../../interactions/animated";export const useToastAnimation=({position:s,initialY:e})=>{const a=c(new r.Value(0)).current,u=c(new r.Value(e??0)).current,l=c(!1),o=m(()=>new Promise(n=>{if(e===void 0){n();return}u.setValue(e),l.current=!0,r.parallel([r.spring(a,{toValue:1,useNativeDriver:!0,...s==="bottom"?t.quick:t.small}),r.spring(u,{toValue:0,useNativeDriver:!0,...s==="bottom"?t.quick:t.small})]).start(()=>{n()})}),[e,a,s,u]);return f(()=>{!l.current&&e!=null&&o()},[e,o]),{enter:o,exit:()=>new Promise(n=>{if(e==null){n();return}r.parallel([r.spring(a,{toValue:0,useNativeDriver:!0,...t.quick}),r.spring(u,{toValue:e,useNativeDriver:!0,...t.quick})]).start(()=>{n()})}),animatedStyle:{opacity:a,transform:[{translateY:u}]}}};

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

@@ -1 +1 @@
-export { Toast, type ToastProps } from './Toast.js';
+export { Toast, type ToastProps } from './Toast';

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

@@ -1 +1 @@
-"use strict";export{Toast}from"./Toast.js";
+"use strict";export{Toast}from"./Toast";

package/dist/esm/components/tooltip/components/FullTooltip/FullTooltipBase.d.ts

@@ -1,4 +1,4 @@
-import type { FullTooltipBaseProps } from '../../types.js';
+import type { FullTooltipBaseProps } from '../../types';
 export declare const ANCHOR_HEIGHT = 12;
 export declare const ANCHOR_WIDTH = 38;
 export declare function FullTooltipBase({ open, placement, anchorMarginLeft, messageAlign, message, style, animationDelay: _animationDelay, withAnimation, anchorOverlapped, }: FullTooltipBaseProps & {

package/dist/esm/components/tooltip/components/FullTooltip/FullTooltipBase.js

@@ -1 +1 @@
-"use strict";import{jsx as n,jsxs as P}from"react/jsx-runtime";import{Svg as j,Path as C}from"@granite-js/native/react-native-svg";import{colors as p}from"@toss/tds-colors";import{bezier as E,spring as x}from"@toss/tds-easings";import{hexToRgba as T}from"@toss/utils";import{useCallback as b,useEffect as D,useMemo as F,useRef as g,useState as O}from"react";import{Dimensions as R,Easing as _,View as H}from"react-native";import{Animated as t}from"../../../../interactions/animated/index.js";import{useAnnounce as z}from"../../../../utils/useAnnounce.js";import*as k from"../../../paragraph/index.js";import{createTooltipOutlinePath as q}from"../../utils/createFullTooltipAnchorPath.js";import{HiddenFullTooltip as B}from"./HiddenFullTooltip.js";export const ANCHOR_HEIGHT=12,ANCHOR_WIDTH=38;export function FullTooltipBase({open:i,placement:l,anchorMarginLeft:o=0,messageAlign:f="center",message:e,style:s,animationDelay:a=0,withAnimation:m=!0,anchorOverlapped:c=!1}){const[u,h]=O(0),r=m?a:0,y=m?200:0,{announce:w}=z(),{fullMessageStyle:N,fullTooltipStyle:A,enterMotion:v,exitMotion:V}=I({messageHeight:u,delay:r,duration:y,anchorOverlapped:c});return D(()=>{i?v():V()},[v,V,i]),D(()=>{i&&e&&w(e,{queue:!0,delay:r+200})},[i,e,w,r]),u===0?n(B,{message:e,onLayout:S=>{h(S.nativeEvent.layout.height)}}):P(t.View,{style:[{position:"relative",width:"100%"},A,s],children:[l==="bottom"?n(H,{style:[{height:ANCHOR_HEIGHT},c?{position:"absolute",top:-ANCHOR_HEIGHT,width:"100%",left:0}:void 0],children:n(M,{anchorMarginLeft:o,messageHeight:u})}):void 0,n(t.View,{style:{backgroundColor:T(p.teal400,.15)},children:n(t.View,{style:[N,{width:"100%",paddingVertical:16,paddingHorizontal:24}],children:n(k.Text,{typography:"t6",color:p.teal600,fontWeight:"bold",style:{textAlign:f},children:e})})}),l==="top"?n(H,{style:[{height:ANCHOR_HEIGHT,transform:[{scaleY:-1}]},c?{position:"absolute",width:"100%",bottom:-ANCHOR_HEIGHT}:void 0],children:n(M,{anchorMarginLeft:o,messageHeight:u})}):void 0]})}const d=_.bezier(...E.out);function I({messageHeight:i,delay:l,duration:o,anchorOverlapped:f}){const e=g(new t.Value(0)).current,s=g(new t.Value(0)).current,a=g(new t.Value(0)).current,m={opacity:e},c={height:s,opacity:a},u=b(()=>{const r={easing:d,duration:o};t.sequence([t.delay(l),t.parallel([t.timing(a,{toValue:1,delay:.5,useNativeDriver:!1,...r}),t.timing(e,{toValue:1,delay:.5,useNativeDriver:!1,...r}),t.spring(s,{toValue:i+ANCHOR_HEIGHT,useNativeDriver:!1,...x.basic})])]).start()},[l,o,e,s,a,i]),h=b(()=>{t.parallel([t.timing(a,{toValue:0,easing:d,duration:o,useNativeDriver:!1}),t.timing(e,{toValue:0,easing:d,duration:o,useNativeDriver:!1}),t.spring(s,{toValue:f?ANCHOR_HEIGHT:0,useNativeDriver:!1,...x.basic})]).start()},[f,o,e,s,a]);return{fullMessageStyle:m,fullTooltipStyle:c,enterMotion:u,exitMotion:h}}function M({messageHeight:i,anchorMarginLeft:l}){const o=F(()=>q({anchorPosition:l,height:i,width:R.get("window").width}),[i,l]);return n(j,{width:"100%",height:ANCHOR_HEIGHT,viewBox:`0 0 100 ${ANCHOR_HEIGHT}`,children:n(C,{d:o,fill:T(p.teal400,.15)})})}
+"use strict";import{jsx as n,jsxs as P}from"react/jsx-runtime";import{Svg as j,Path as C}from"@granite-js/native/react-native-svg";import{colors as p}from"@toss/tds-colors";import{bezier as E,spring as x}from"@toss/tds-easings";import{hexToRgba as T}from"@toss/utils";import{useCallback as b,useEffect as D,useMemo as F,useRef as g,useState as O}from"react";import{Dimensions as R,Easing as _,View as H}from"react-native";import{Animated as t}from"../../../../interactions/animated";import{useAnnounce as z}from"../../../../utils/useAnnounce";import*as k from"../../../paragraph";import{createTooltipOutlinePath as q}from"../../utils/createFullTooltipAnchorPath";import{HiddenFullTooltip as B}from"./HiddenFullTooltip";export const ANCHOR_HEIGHT=12,ANCHOR_WIDTH=38;export function FullTooltipBase({open:i,placement:l,anchorMarginLeft:o=0,messageAlign:f="center",message:e,style:s,animationDelay:a=0,withAnimation:m=!0,anchorOverlapped:c=!1}){const[u,h]=O(0),r=m?a:0,y=m?200:0,{announce:w}=z(),{fullMessageStyle:N,fullTooltipStyle:A,enterMotion:v,exitMotion:V}=I({messageHeight:u,delay:r,duration:y,anchorOverlapped:c});return D(()=>{i?v():V()},[v,V,i]),D(()=>{i&&e&&w(e,{queue:!0,delay:r+200})},[i,e,w,r]),u===0?n(B,{message:e,onLayout:S=>{h(S.nativeEvent.layout.height)}}):P(t.View,{style:[{position:"relative",width:"100%"},A,s],children:[l==="bottom"?n(H,{style:[{height:ANCHOR_HEIGHT},c?{position:"absolute",top:-ANCHOR_HEIGHT,width:"100%",left:0}:void 0],children:n(M,{anchorMarginLeft:o,messageHeight:u})}):void 0,n(t.View,{style:{backgroundColor:T(p.teal400,.15)},children:n(t.View,{style:[N,{width:"100%",paddingVertical:16,paddingHorizontal:24}],children:n(k.Text,{typography:"t6",color:p.teal600,fontWeight:"bold",style:{textAlign:f},children:e})})}),l==="top"?n(H,{style:[{height:ANCHOR_HEIGHT,transform:[{scaleY:-1}]},c?{position:"absolute",width:"100%",bottom:-ANCHOR_HEIGHT}:void 0],children:n(M,{anchorMarginLeft:o,messageHeight:u})}):void 0]})}const d=_.bezier(...E.out);function I({messageHeight:i,delay:l,duration:o,anchorOverlapped:f}){const e=g(new t.Value(0)).current,s=g(new t.Value(0)).current,a=g(new t.Value(0)).current,m={opacity:e},c={height:s,opacity:a},u=b(()=>{const r={easing:d,duration:o};t.sequence([t.delay(l),t.parallel([t.timing(a,{toValue:1,delay:.5,useNativeDriver:!1,...r}),t.timing(e,{toValue:1,delay:.5,useNativeDriver:!1,...r}),t.spring(s,{toValue:i+ANCHOR_HEIGHT,useNativeDriver:!1,...x.basic})])]).start()},[l,o,e,s,a,i]),h=b(()=>{t.parallel([t.timing(a,{toValue:0,easing:d,duration:o,useNativeDriver:!1}),t.timing(e,{toValue:0,easing:d,duration:o,useNativeDriver:!1}),t.spring(s,{toValue:f?ANCHOR_HEIGHT:0,useNativeDriver:!1,...x.basic})]).start()},[f,o,e,s,a]);return{fullMessageStyle:m,fullTooltipStyle:c,enterMotion:u,exitMotion:h}}function M({messageHeight:i,anchorMarginLeft:l}){const o=F(()=>q({anchorPosition:l,height:i,width:R.get("window").width}),[i,l]);return n(j,{width:"100%",height:ANCHOR_HEIGHT,viewBox:`0 0 100 ${ANCHOR_HEIGHT}`,children:n(C,{d:o,fill:T(p.teal400,.15)})})}

package/dist/esm/components/tooltip/components/FullTooltip/HiddenFullTooltip.d.ts

@@ -1,2 +1,2 @@
-import type { FullTooltipBaseProps } from '../../types.js';
+import type { FullTooltipBaseProps } from '../../types';
 export declare function HiddenFullTooltip({ onLayout, message, ...props }: FullTooltipBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/tooltip/components/FullTooltip/HiddenFullTooltip.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{colors as a}from"@toss/tds-colors";import{Animated as e}from"../../../../interactions/animated/index.js";import*as l from"../../../paragraph/index.js";export function HiddenFullTooltip({onLayout:t,message:i,...r}){return o(e.View,{style:[{opacity:0,width:"100%",paddingHorizontal:24,paddingVertical:16,position:"absolute"}],onLayout:t,...r,children:o(l.Text,{typography:"t6",color:a.teal600,fontWeight:"bold",children:i})})}
+"use strict";import{jsx as o}from"react/jsx-runtime";import{colors as a}from"@toss/tds-colors";import{Animated as e}from"../../../../interactions/animated";import*as l from"../../../paragraph";export function HiddenFullTooltip({onLayout:t,message:i,...r}){return o(e.View,{style:[{opacity:0,width:"100%",paddingHorizontal:24,paddingVertical:16,position:"absolute"}],onLayout:t,...r,children:o(l.Text,{typography:"t6",color:a.teal600,fontWeight:"bold",children:i})})}

package/dist/esm/components/tooltip/components/FullTooltip/RelativeFullTooltip.d.ts

@@ -1,2 +1,2 @@
-import type { FullTooltipProps } from '../../types.js';
+import type { FullTooltipProps } from '../../types';
 export declare function RelativeFullTooltip({ open, onClose, duration, children, ...props }: Omit<FullTooltipProps, 'floating'>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/tooltip/components/FullTooltip/RelativeFullTooltip.js

@@ -1 +1 @@
-"use strict";import{jsx as i,Fragment as m,jsxs as s}from"react/jsx-runtime";import{useCloseTooltip as p}from"../../hooks/useCloseTooltip.js";import{useAnchorPosition as c}from"../../hooks/useAnchorPosition.js";import{ANCHOR_WIDTH as u,FullTooltipBase as f}from"./FullTooltipBase.js";function g({open:o,message:n,messageAlign:a,placement:t,anchorPositionByRatio:e,anchorOverlapped:r}){const l=c({anchorPositionByRatio:e,anchorWidth:u});return i(f,{open:o,message:n,messageAlign:a,placement:t,animationDelay:700,anchorMarginLeft:l,anchorOverlapped:r})}export function RelativeFullTooltip({open:o,onClose:n,duration:a=2600,children:t,...e}){return p({open:o,onClose:n,duration:a}),s(m,{children:[e.placement==="bottom"?t:void 0,i(g,{open:o,...e}),e.placement==="top"?t:void 0]})}
+"use strict";import{jsx as i,Fragment as m,jsxs as s}from"react/jsx-runtime";import{useCloseTooltip as p}from"../../hooks/useCloseTooltip";import{useAnchorPosition as c}from"../../hooks/useAnchorPosition";import{ANCHOR_WIDTH as u,FullTooltipBase as f}from"./FullTooltipBase";function g({open:o,message:n,messageAlign:a,placement:t,anchorPositionByRatio:e,anchorOverlapped:r}){const l=c({anchorPositionByRatio:e,anchorWidth:u});return i(f,{open:o,message:n,messageAlign:a,placement:t,animationDelay:700,anchorMarginLeft:l,anchorOverlapped:r})}export function RelativeFullTooltip({open:o,onClose:n,duration:a=2600,children:t,...e}){return p({open:o,onClose:n,duration:a}),s(m,{children:[e.placement==="bottom"?t:void 0,i(g,{open:o,...e}),e.placement==="top"?t:void 0]})}

package/dist/esm/components/tooltip/components/FullTooltip.d.ts

@@ -1,4 +1,4 @@
-import type { FullTooltipProps } from '../types.js';
+import type { FullTooltipProps } from '../types';
 export declare function ControlledFullTooltip(props: FullTooltipProps): import("react/jsx-runtime").JSX.Element;
 export declare function UncontrolledFullTooltip({ ...props }: FullTooltipProps): import("react/jsx-runtime").JSX.Element;
 export declare function FullTooltip(props: FullTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/tooltip/components/FullTooltip.js

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import{useState as l}from"react";import{RelativeFullTooltip as r}from"./FullTooltip/RelativeFullTooltip.js";export function ControlledFullTooltip(o){return e(r,{...o})}export function UncontrolledFullTooltip({...o}){const[t,n]=l(!0);return e(ControlledFullTooltip,{...o,open:t,onClose:()=>n(!1)})}export function FullTooltip(o){return o.open!==void 0?e(ControlledFullTooltip,{...o}):e(UncontrolledFullTooltip,{...o})}
+"use strict";import{jsx as e}from"react/jsx-runtime";import{useState as l}from"react";import{RelativeFullTooltip as r}from"./FullTooltip/RelativeFullTooltip";export function ControlledFullTooltip(o){return e(r,{...o})}export function UncontrolledFullTooltip({...o}){const[t,n]=l(!0);return e(ControlledFullTooltip,{...o,open:t,onClose:()=>n(!1)})}export function FullTooltip(o){return o.open!==void 0?e(ControlledFullTooltip,{...o}):e(UncontrolledFullTooltip,{...o})}

package/dist/esm/components/tooltip/components/Tooltip/Anchor.d.ts

@@ -1,4 +1,4 @@
-import type { Size } from '../../types.js';
+import type { Size } from '../../types';
 export declare const Anchor: ({ size }: {
     size: Size;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/tooltip/components/Tooltip/Anchor.js

@@ -1 +1 @@
-"use strict";import{jsx as L}from"react/jsx-runtime";import{Svg as o,Path as t}from"@granite-js/native/react-native-svg";import{useAdaptive as e}from"../../../../core/index.js";export const Anchor=({size:r})=>{const i=e();return r==="small"&&L(o,{width:24,height:11,viewBox:"0 0 24 11",children:L(t,{d:"M13.5596838,1.2275951 L20.6626545,7.70529497 C21.5749984,8.5373257 22.7652342,8.99855635 24,8.99855635 L24,8.99855635 L24,8.99855635 L0,9 C1.50765571,8.99907116 2.96068864,8.43548861 4.0746657,7.41957439 L10.8643362,1.2275951 C11.6278693,0.531275444 12.7961507,0.531275444 13.5596838,1.2275951 Z M0,8.99855635 L24,8.99855635 L24,11.99855635 L0,11.99855635 L0,8.99855635 Z",fill:i.floatBackground})}),L(o,{width:38,height:14,viewBox:"0 0 38 14",children:L(t,{d:"M20.1757594,0.999512076 L30.6394015,9.37042571 C32.7671581,11.072631 35.4108841,12 38.1357421,12 L44,12 L44,12 L-7,12 L-0.283003359,12 C2.44185458,12 5.08558063,11.072631 7.21333721,9.37042571 L17.6769793,0.999512076 C18.4074166,0.415162235 19.4453221,0.415162235 20.1757594,0.999512076 Z M0,12 L38,12 L38,15 L0,15 L0,12 Z",fill:i.floatBackground})})};
+"use strict";import{jsx as L}from"react/jsx-runtime";import{Svg as o,Path as t}from"@granite-js/native/react-native-svg";import{useAdaptive as e}from"../../../../core";export const Anchor=({size:r})=>{const i=e();return r==="small"&&L(o,{width:24,height:11,viewBox:"0 0 24 11",children:L(t,{d:"M13.5596838,1.2275951 L20.6626545,7.70529497 C21.5749984,8.5373257 22.7652342,8.99855635 24,8.99855635 L24,8.99855635 L24,8.99855635 L0,9 C1.50765571,8.99907116 2.96068864,8.43548861 4.0746657,7.41957439 L10.8643362,1.2275951 C11.6278693,0.531275444 12.7961507,0.531275444 13.5596838,1.2275951 Z M0,8.99855635 L24,8.99855635 L24,11.99855635 L0,11.99855635 L0,8.99855635 Z",fill:i.floatBackground})}),L(o,{width:38,height:14,viewBox:"0 0 38 14",children:L(t,{d:"M20.1757594,0.999512076 L30.6394015,9.37042571 C32.7671581,11.072631 35.4108841,12 38.1357421,12 L44,12 L44,12 L-7,12 L-0.283003359,12 C2.44185458,12 5.08558063,11.072631 7.21333721,9.37042571 L17.6769793,0.999512076 C18.4074166,0.415162235 19.4453221,0.415162235 20.1757594,0.999512076 Z M0,12 L38,12 L38,15 L0,15 L0,12 Z",fill:i.floatBackground})})};

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

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

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

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as R}from"react/jsx-runtime";import{AnimateRallyPresence as k}from"../../../../interactions/rally/index.js";import{useAdaptive as O}from"../../../../core/index.js";import*as q from"../../../paragraph/index.js";import{cloneElement as z,forwardRef as b,useEffect as D,useMemo as I,useRef as G,useState as x}from"react";import{Dimensions as J,Pressable as K,StyleSheet as N,View as p}from"react-native";import{useTooltip as T}from"../../contexts/TooltipContext.js";import{useAnchorPosition as Q}from"../../hooks/useAnchorPosition.js";import{useOnPressOutside as U}from"../../hooks/useOnPressOutside.js";import{mergeRefs as A}from"../../utils/mergeRefs.js";import{Anchor as X}from"./Anchor.js";import{getTooltipStyle as Y,TooltipBase as Z}from"./TooltipBase.js";function H(f){return new Promise(r=>{f.measure((n,i,s,o)=>{r({width:s,height:o})})})}export const FloatingTooltip=b(function({open:r,children:n,...i},s){const{targetRef:o}=T(),l=n.ref,a=z(n,{...n.props,collapsable:!1,onPress:()=>{i.onChildrenPress?.(),n.props?.onPress?.()},ref:l!=null?A(l,o):o});return R(p,{style:{position:"relative",zIndex:9e3},children:[a,e(k,{children:r&&e(p,{style:[N.absoluteFill,{width:J.get("window").width}],pointerEvents:"box-none",children:e($,{ref:s,...i})})})]})});const $=b(function({message:r,messageAlign:n,placement:i,contentPositionByRatio:s,size:o="medium",motion:l,onPress:a,onPressOutside:W},v){const c=G(null),m=O(),{targetRef:y,offset:h}=T(),[u,F]=x(null),[d,S]=x(null),t=I(()=>Y(o),[o]),C=A(v,c),E=Q({anchorPositionByRatio:s,anchorWidth:t.anchorWidth,tooltipWidth:d?.width??0,size:o});return U({ref:c,onPressOutside:W}),D(()=>{function g(){const P=y?.current,w=c.current;P!=null&&w!=null&&h!=null&&(async()=>{const{width:L,height:_}=await H(P),{width:j,height:B}=await H(w),M=L/2-j/2,V=i==="top"?-B-h-t.anchorHeight:_+t.anchorHeight+h;F({left:M,top:V})})()}requestAnimationFrame(()=>{g()})},[y,i,t,h]),u==null||d==null?e(K,{ref:C,collapsable:!1,pointerEvents:"box-only",style:{opacity:0,position:"absolute",backgroundColor:m.floatBackground,borderRadius:t.borderRadius,paddingHorizontal:t.paddingHorizontal/2,paddingVertical:t.paddingVertical/2},onLayout:g=>{S(g.nativeEvent.layout)},onPress:a,children:R(p,{children:[e(p,{style:{position:"absolute",width:t.anchorWidth,height:t.anchorHeight},children:e(X,{size:o})}),e(q.Text,{typography:t.typography,color:m.grey800,fontWeight:t.fontWeight,children:r})]})}):e(Z,{ref:c,size:o,placement:i,messageAlign:n,message:r,motion:l,left:u.left,top:u.top,contentHeight:d.height,anchorMarginLeft:E,onPress:a})});
+"use strict";import{jsx as e,jsxs as R}from"react/jsx-runtime";import{AnimateRallyPresence as k}from"../../../../interactions/rally";import{useAdaptive as O}from"../../../../core";import*as q from"../../../paragraph";import{cloneElement as z,forwardRef as b,useEffect as D,useMemo as I,useRef as G,useState as x}from"react";import{Dimensions as J,Pressable as K,StyleSheet as N,View as p}from"react-native";import{useTooltip as T}from"../../contexts/TooltipContext";import{useAnchorPosition as Q}from"../../hooks/useAnchorPosition";import{useOnPressOutside as U}from"../../hooks/useOnPressOutside";import{mergeRefs as A}from"../../utils/mergeRefs";import{Anchor as X}from"./Anchor";import{getTooltipStyle as Y,TooltipBase as Z}from"./TooltipBase";function H(f){return new Promise(r=>{f.measure((n,i,s,o)=>{r({width:s,height:o})})})}export const FloatingTooltip=b(function({open:r,children:n,...i},s){const{targetRef:o}=T(),l=n.ref,a=z(n,{...n.props,collapsable:!1,onPress:()=>{i.onChildrenPress?.(),n.props?.onPress?.()},ref:l!=null?A(l,o):o});return R(p,{style:{position:"relative",zIndex:9e3},children:[a,e(k,{children:r&&e(p,{style:[N.absoluteFill,{width:J.get("window").width}],pointerEvents:"box-none",children:e($,{ref:s,...i})})})]})});const $=b(function({message:r,messageAlign:n,placement:i,contentPositionByRatio:s,size:o="medium",motion:l,onPress:a,onPressOutside:W},v){const c=G(null),m=O(),{targetRef:y,offset:h}=T(),[u,F]=x(null),[d,S]=x(null),t=I(()=>Y(o),[o]),C=A(v,c),E=Q({anchorPositionByRatio:s,anchorWidth:t.anchorWidth,tooltipWidth:d?.width??0,size:o});return U({ref:c,onPressOutside:W}),D(()=>{function g(){const P=y?.current,w=c.current;P!=null&&w!=null&&h!=null&&(async()=>{const{width:L,height:_}=await H(P),{width:j,height:B}=await H(w),M=L/2-j/2,V=i==="top"?-B-h-t.anchorHeight:_+t.anchorHeight+h;F({left:M,top:V})})()}requestAnimationFrame(()=>{g()})},[y,i,t,h]),u==null||d==null?e(K,{ref:C,collapsable:!1,pointerEvents:"box-only",style:{opacity:0,position:"absolute",backgroundColor:m.floatBackground,borderRadius:t.borderRadius,paddingHorizontal:t.paddingHorizontal/2,paddingVertical:t.paddingVertical/2},onLayout:g=>{S(g.nativeEvent.layout)},onPress:a,children:R(p,{children:[e(p,{style:{position:"absolute",width:t.anchorWidth,height:t.anchorHeight},children:e(X,{size:o})}),e(q.Text,{typography:t.typography,color:m.grey800,fontWeight:t.fontWeight,children:r})]})}):e(Z,{ref:c,size:o,placement:i,messageAlign:n,message:r,motion:l,left:u.left,top:u.top,contentHeight:d.height,anchorMarginLeft:E,onPress:a})});

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

@@ -1,6 +1,6 @@
 import { View } from 'react-native';
-import type { FontWeightKeys, TypographyKeys } from '../../../../constants/index.js';
-import type { Size, TooltipBaseProps } from '../../types.js';
+import type { FontWeightKeys, TypographyKeys } from '../../../../constants';
+import type { Size, TooltipBaseProps } from '../../types';
 export declare const TooltipBase: import("react").ForwardRefExoticComponent<Omit<TooltipBaseProps, "children"> & {
     contentHeight: number;
     left: number;

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

@@ -1 +1 @@
-"use strict";import{jsx as i,jsxs as A}from"react/jsx-runtime";import{colors as m}from"@toss/tds-colors";import{spring as f}from"@toss/tds-easings";import{forwardRef as P,useEffect as p,useMemo as Y}from"react";import{Platform as j,Pressable as C,View as g}from"react-native";import{useAdaptive as V,useColorPreference as T}from"../../../../core/index.js";import{Animated as z}from"../../../../interactions/animated/index.js";import{useRally as B}from"../../../../interactions/rally/index.js";import{useAnnounce as X}from"../../../../utils/useAnnounce.js";import*as k from"../../../paragraph/index.js";import{useTooltip as v}from"../../contexts/TooltipContext.js";import{Anchor as S}from"./Anchor.js";const q=z.createAnimatedComponent(C);export const TooltipBase=P(function({size:a="medium",placement:s,anchorMarginLeft:h=0,message:r,motion:u,messageAlign:y="left",contentHeight:b,left:O,top:x,onPress:H},w){const c=V(),{colorPreference:W}=T(),{flipped:d}=v(),{announce:l}=X(),o=Y(()=>getTooltipStyle(a),[a]),t=s==="bottom"?"top":"bottom",e=B({motion:u==="strong"?[{opacity:{from:0,to:1},scale:{from:0,to:1.25},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:t,to:t},easing:f.quick},{scale:{from:1.25,to:1},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:t,to:t},easing:{stiffness:300,damping:15}}]:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:t,to:t},easing:f.medium},exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:t,to:t},easing:f.medium}});return p(()=>{e.play()},[e]),p(()=>{r&&l(r,{queue:!0,delay:100})},[r,l]),A(q,{ref:w,onPress:H,onLayout:R=>{e.onLayout(R)},style:[{opacity:0,transform:[{scale:0}],zIndex:9e3,position:"absolute",backgroundColor:c.floatBackground,borderRadius:o.borderRadius,paddingHorizontal:o.paddingHorizontal/2,paddingVertical:o.paddingVertical/2,shadowColor:W==="light"?j.OS==="ios"?m.greyOpacity500:void 0:m.greyOpacity900,shadowOffset:{width:0,height:d?-16:16},shadowOpacity:1,shadowRadius:60,elevation:40,left:O,top:x},e.style],children:[i(g,{style:{position:"absolute",justifyContent:"center",alignItems:"center",top:s==="top"?b-4:-o.anchorHeight+2,left:h,width:o.anchorWidth,height:o.anchorHeight+2,transform:s==="top"?[{scaleY:-1}]:[]},children:i(S,{size:a})}),i(g,{style:{flexDirection:"row",justifyContent:"center",alignSelf:"flex-start",transform:[{scaleY:d?-1:1}]},children:i(k.Text,{typography:o.typography,color:c.grey800,fontWeight:o.fontWeight,style:{textAlign:y},children:r})})]})});export 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"}}
+"use strict";import{jsx as i,jsxs as A}from"react/jsx-runtime";import{colors as m}from"@toss/tds-colors";import{spring as f}from"@toss/tds-easings";import{forwardRef as P,useEffect as p,useMemo as Y}from"react";import{Platform as j,Pressable as C,View as g}from"react-native";import{useAdaptive as V,useColorPreference as T}from"../../../../core";import{Animated as z}from"../../../../interactions/animated";import{useRally as B}from"../../../../interactions/rally";import{useAnnounce as X}from"../../../../utils/useAnnounce";import*as k from"../../../paragraph";import{useTooltip as v}from"../../contexts/TooltipContext";import{Anchor as S}from"./Anchor";const q=z.createAnimatedComponent(C);export const TooltipBase=P(function({size:a="medium",placement:s,anchorMarginLeft:h=0,message:r,motion:u,messageAlign:y="left",contentHeight:b,left:O,top:x,onPress:H},w){const c=V(),{colorPreference:W}=T(),{flipped:d}=v(),{announce:l}=X(),o=Y(()=>getTooltipStyle(a),[a]),t=s==="bottom"?"top":"bottom",e=B({motion:u==="strong"?[{opacity:{from:0,to:1},scale:{from:0,to:1.25},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:t,to:t},easing:f.quick},{scale:{from:1.25,to:1},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:t,to:t},easing:{stiffness:300,damping:15}}]:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:t,to:t},easing:f.medium},exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:t,to:t},easing:f.medium}});return p(()=>{e.play()},[e]),p(()=>{r&&l(r,{queue:!0,delay:100})},[r,l]),A(q,{ref:w,onPress:H,onLayout:R=>{e.onLayout(R)},style:[{opacity:0,transform:[{scale:0}],zIndex:9e3,position:"absolute",backgroundColor:c.floatBackground,borderRadius:o.borderRadius,paddingHorizontal:o.paddingHorizontal/2,paddingVertical:o.paddingVertical/2,shadowColor:W==="light"?j.OS==="ios"?m.greyOpacity500:void 0:m.greyOpacity900,shadowOffset:{width:0,height:d?-16:16},shadowOpacity:1,shadowRadius:60,elevation:40,left:O,top:x},e.style],children:[i(g,{style:{position:"absolute",justifyContent:"center",alignItems:"center",top:s==="top"?b-4:-o.anchorHeight+2,left:h,width:o.anchorWidth,height:o.anchorHeight+2,transform:s==="top"?[{scaleY:-1}]:[]},children:i(S,{size:a})}),i(g,{style:{flexDirection:"row",justifyContent:"center",alignSelf:"flex-start",transform:[{scaleY:d?-1:1}]},children:i(k.Text,{typography:o.typography,color:c.grey800,fontWeight:o.fontWeight,style:{textAlign:y},children:r})})]})});export 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/esm/components/tooltip/components/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { TooltipProps } from '../types.js';
+import type { 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/esm/components/tooltip/components/Tooltip.js

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{useEffect as s,useState as u}from"react";import{TooltipProvider as c}from"../contexts/TooltipContext.js";import{FloatingTooltip as m}from"./Tooltip/FloatingTooltip.js";export function ControlledTooltip(o){const{open:e,placement:n,offset:r,autoFlip:i,onClose:l}=o,{children:p,...f}=o;return s(()=>{!e&&l&&l()},[e,l]),t(c,{open:e,placement:n,offsetNumber:r,autoFlip:i,children:t(m,{...f,children:p})})}export function UnControlledTooltip({onChildrenPress:o,...e}){const[n,r]=u(!0);return t(ControlledTooltip,{open:n,onChildrenPress:()=>{r(i=>!i),o?.()},...e})}export function Tooltip(o){return o.open!==void 0?t(ControlledTooltip,{...o}):t(UnControlledTooltip,{...o})}
+"use strict";import{jsx as t}from"react/jsx-runtime";import{useEffect as s,useState as u}from"react";import{TooltipProvider as c}from"../contexts/TooltipContext";import{FloatingTooltip as m}from"./Tooltip/FloatingTooltip";export function ControlledTooltip(o){const{open:e,placement:n,offset:r,autoFlip:i,onClose:l}=o,{children:p,...f}=o;return s(()=>{!e&&l&&l()},[e,l]),t(c,{open:e,placement:n,offsetNumber:r,autoFlip:i,children:t(m,{...f,children:p})})}export function UnControlledTooltip({onChildrenPress:o,...e}){const[n,r]=u(!0);return t(ControlledTooltip,{open:n,onChildrenPress:()=>{r(i=>!i),o?.()},...e})}export function Tooltip(o){return o.open!==void 0?t(ControlledTooltip,{...o}):t(UnControlledTooltip,{...o})}

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

@@ -1,4 +1,4 @@
-import type { Size } from '../types.js';
+import type { Size } from '../types';
 interface AnchorPositionProps {
     anchorWidth: number;
     tooltipWidth?: number;

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

@@ -1 +1 @@
-"use strict";import{useCallback as i}from"react";import{Dimensions as g}from"react-native";import{getTooltipStyle as u}from"../components/Tooltip/TooltipBase.js";const m=16;export function useAnchorPosition({anchorWidth:r,tooltipWidth:o,anchorPositionByRatio:t,defaultPosition:f,size:n}){const e=i((l=0)=>n!=null&&o!=null?l*(o-u(n).paddingHorizontal-r)+u(n).paddingHorizontal/2:l*(g.get("window").width-m-r)+m/2,[n,o,r]);return t!=null?e(t):f??e(.5)}
+"use strict";import{useCallback as i}from"react";import{Dimensions as g}from"react-native";import{getTooltipStyle as u}from"../components/Tooltip/TooltipBase";const m=16;export function useAnchorPosition({anchorWidth:r,tooltipWidth:o,anchorPositionByRatio:t,defaultPosition:f,size:n}){const e=i((l=0)=>n!=null&&o!=null?l*(o-u(n).paddingHorizontal-r)+u(n).paddingHorizontal/2:l*(g.get("window").width-m-r)+m/2,[n,o,r]);return t!=null?e(t):f??e(.5)}

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

@@ -1 +1 @@
-"use strict";import{useGlobalEvent as c}from"../../../core/index.js";import{useEffect as u}from"react";import{findNodeHandle as r}from"react-native";export const useOnPressOutside=({ref:t,onPressOutside:e,interactive:s})=>{const o=c();u(()=>{if(e&&t.current!=null){const n=i=>{const d=r(i.target),l=r(t.current);d!==l&&e()};return o.addEventListener("touchEnd",n),()=>{o.removeEventListener("touchEnd",n)}}},[t,e,s,o])};
+"use strict";import{useGlobalEvent as c}from"../../../core";import{useEffect as u}from"react";import{findNodeHandle as r}from"react-native";export const useOnPressOutside=({ref:t,onPressOutside:e,interactive:s})=>{const o=c();u(()=>{if(e&&t.current!=null){const n=i=>{const d=r(i.target),l=r(t.current);d!==l&&e()};return o.addEventListener("touchEnd",n),()=>{o.removeEventListener("touchEnd",n)}}},[t,e,s,o])};

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

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

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

@@ -1 +1 @@
-"use strict";export{Tooltip}from"./components/Tooltip.js";export{FullTooltip}from"./components/FullTooltip.js";
+"use strict";export{Tooltip}from"./components/Tooltip";export{FullTooltip}from"./components/FullTooltip";

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

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as t}from"../../core/index.js";import{Icon as e}from"../icon/index.js";import{View as m}from"react-native";function n({style:r}){const i=t();return o(m,{style:r,children:o(e,{name:"icon-arrow-right-small-mono",size:24,color:i.grey600})})}export{n as RightArrow};
+"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as t}from"../../core";import{Icon as e}from"../icon";import{View as m}from"react-native";function n({style:r}){const i=t();return o(m,{style:r,children:o(e,{name:"icon-arrow-right-small-mono",size:24,color:i.grey600})})}export{n as RightArrow};

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

@@ -1,4 +1,4 @@
-import type { ParagraphBadgeProps } from '../paragraph/index.js';
+import type { ParagraphBadgeProps } from '../paragraph';
 type BadgeItem = {
     label: string;
     type: ParagraphBadgeProps['type'];

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

@@ -1 +1 @@
-"use strict";import{jsx as e}from"react/jsx-runtime";import*as r from"../paragraph/index.js";function a({items:o}){return e(r.Root,{typography:"t5",children:o.map((t,p)=>e(r.Badge,{marginLeft:0,type:t.type,badgeStyle:t.style,children:t.label},`${p}-${t.label}`))})}const s=a,l=a;export{s as UpperBadges,l as SubtitleBadges};
+"use strict";import{jsx as e}from"react/jsx-runtime";import*as r from"../paragraph";function a({items:o}){return e(r.Root,{typography:"t5",children:o.map((t,p)=>e(r.Badge,{marginLeft:0,type:t.type,badgeStyle:t.style,children:t.label},`${p}-${t.label}`))})}const s=a,l=a;export{s as UpperBadges,l as SubtitleBadges};

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

@@ -1,4 +1,4 @@
-import type { ButtonProps } from '../button/index.js';
+import type { 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;

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

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{Button as t}from"../button/index.js";function e({viewStyle:o,...r}){return n(t,{...r,viewStyle:[{marginLeft:24},o]})}const i=t;export{e as LowerButton,i as RightButton};
+"use strict";import{jsx as n}from"react/jsx-runtime";import{Button as t}from"../button";function e({viewStyle:o,...r}){return n(t,{...r,viewStyle:[{marginLeft:24},o]})}const i=t;export{e as LowerButton,i as RightButton};

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

@@ -1,4 +1,4 @@
-import type { BottomCTADoubleProps } from '../bottom-cta/index.js';
+import type { BottomCTADoubleProps } from '../bottom-cta';
 interface Props extends BottomCTADoubleProps {
     type: '2-button';
 }

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

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{BottomCTA as t}from"../bottom-cta/index.js";function e({...o}){return r(t.Double,{gradient:null,...o})}export{e as LowerCTA};
+"use strict";import{jsx as r}from"react/jsx-runtime";import{BottomCTA as t}from"../bottom-cta";function e({...o}){return r(t.Double,{gradient:null,...o})}export{e as LowerCTA};

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

@@ -31,20 +31,20 @@ type Props = {
 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.js").TitleParagraph;
-    var TitleTextButton: typeof import("./TopTitleTextButton.js").TitleTextButton;
-    var TitleSelector: typeof import("./TopTitleSelector.js").TitleSelector;
-    var UpperBadges: ({ items }: import("./TopBadges.js").BadgesProps) => import("react/jsx-runtime").JSX.Element;
-    var UpperAssetContent: typeof import("./TopUpperAssetContent.js").UpperAssetContent;
-    var LowerButton: typeof import("./TopButton.js").LowerButton;
-    var LowerCTA: typeof import("./TopCTA.js").LowerCTA;
-    var SubtitleParagraph: typeof import("./TopSubtitleParagraph.js").SubtitleParagraph;
-    var SubtitleTextButton: typeof import("./TopSubtitleTextButton.js").SubtitleTextButton;
-    var SubtitleSelector: typeof import("./TopSubtitleSelector.js").SubtitleSelector;
-    var SubtitleBadges: ({ items }: import("./TopBadges.js").BadgesProps) => import("react/jsx-runtime").JSX.Element;
-    var RightButton: import("react").ForwardRefExoticComponent<import("../button/Button.js").ButtonProps & {
+    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.js").RightArrow;
+    var RightArrow: typeof import("./TopArrow").RightArrow;
 }
 export { TopRoot };

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

@@ -1 +1 @@
-"use strict";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{StyleSheet as h,View as o}from"react-native";import{useFontScaleCondition as B}from"../../core/index.js";import{RightArrow as T}from"./TopArrow.js";import{SubtitleBadges as S,UpperBadges as x}from"./TopBadges.js";import{LowerButton as y,RightButton as w}from"./TopButton.js";import{LowerCTA as C}from"./TopCTA.js";import{SubtitleParagraph as b}from"./TopSubtitleParagraph.js";import{SubtitleSelector as A}from"./TopSubtitleSelector.js";import{SubtitleTextButton as R}from"./TopSubtitleTextButton.js";import{TitleParagraph as j}from"./TopTitleParagraph.js";import{TitleSelector as L}from"./TopTitleSelector.js";import{TitleTextButton as P}from"./TopTitleTextButton.js";import{UpperAssetContent as U}from"./TopUpperAssetContent.js";import{a11yCondition as z}from"./const.js";function t({upperGap:g=24,lowerGap:s=24,rightVerticalAlign:c="center",upper:n,subtitle1:l,title:u,subtitle2:a,lower:p,right:d,style:f}){const m=B(z.rightButton);return i(o,{style:[{marginTop:g,marginBottom:s},e.container,f],children:[n&&r(o,{style:e.upper,children:n}),i(o,{style:[e.contentContainer,!m&&e.row],children:[i(o,{style:[e.mainContent],children:[l&&r(o,{style:e.subtitle1,children:l}),u,a&&r(o,{style:e.subtitle2,children:a})]}),r(o,{style:!m&&[{alignSelf:D[c]},e.right],children:d})]}),p&&r(o,{style:e.lower,children:p})]})}const e=h.create({container:{paddingHorizontal:24},upper:{marginBottom:16},contentContainer:{gap:8},mainContent:{flex:1},subtitle1:{marginBottom:4},subtitle2:{marginTop:4},right:{flexDirection:"row",alignItems:"center",paddingLeft:8},lower:{marginTop:16,alignItems:"flex-start"},row:{flexDirection:"row",justifyContent:"space-between"},a11yCenterRightButtonAlign:{gap:8},a11yRightButtonAlign:{paddingTop:12,paddingHorizontal:24}}),D={top:"flex-start",center:"center",end:"flex-end"};t.Root=t,t.TitleParagraph=j,t.TitleTextButton=P,t.TitleSelector=L,t.UpperBadges=x,t.UpperAssetContent=U,t.LowerButton=y,t.LowerCTA=C,t.SubtitleParagraph=b,t.SubtitleTextButton=R,t.SubtitleSelector=A,t.SubtitleBadges=S,t.RightButton=w,t.RightArrow=T;export{t as TopRoot};
+"use strict";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{StyleSheet as h,View as o}from"react-native";import{useFontScaleCondition as B}from"../../core";import{RightArrow as T}from"./TopArrow";import{SubtitleBadges as S,UpperBadges as x}from"./TopBadges";import{LowerButton as y,RightButton as w}from"./TopButton";import{LowerCTA as C}from"./TopCTA";import{SubtitleParagraph as b}from"./TopSubtitleParagraph";import{SubtitleSelector as A}from"./TopSubtitleSelector";import{SubtitleTextButton as R}from"./TopSubtitleTextButton";import{TitleParagraph as j}from"./TopTitleParagraph";import{TitleSelector as L}from"./TopTitleSelector";import{TitleTextButton as P}from"./TopTitleTextButton";import{UpperAssetContent as U}from"./TopUpperAssetContent";import{a11yCondition as z}from"./const";function t({upperGap:g=24,lowerGap:s=24,rightVerticalAlign:c="center",upper:n,subtitle1:l,title:u,subtitle2:a,lower:p,right:d,style:f}){const m=B(z.rightButton);return i(o,{style:[{marginTop:g,marginBottom:s},e.container,f],children:[n&&r(o,{style:e.upper,children:n}),i(o,{style:[e.contentContainer,!m&&e.row],children:[i(o,{style:[e.mainContent],children:[l&&r(o,{style:e.subtitle1,children:l}),u,a&&r(o,{style:e.subtitle2,children:a})]}),r(o,{style:!m&&[{alignSelf:D[c]},e.right],children:d})]}),p&&r(o,{style:e.lower,children:p})]})}const e=h.create({container:{paddingHorizontal:24},upper:{marginBottom:16},contentContainer:{gap:8},mainContent:{flex:1},subtitle1:{marginBottom:4},subtitle2:{marginTop:4},right:{flexDirection:"row",alignItems:"center",paddingLeft:8},lower:{marginTop:16,alignItems:"flex-start"},row:{flexDirection:"row",justifyContent:"space-between"},a11yCenterRightButtonAlign:{gap:8},a11yRightButtonAlign:{paddingTop:12,paddingHorizontal:24}}),D={top:"flex-start",center:"center",end:"flex-end"};t.Root=t,t.TitleParagraph=j,t.TitleTextButton=P,t.TitleSelector=L,t.UpperBadges=x,t.UpperAssetContent=U,t.LowerButton=y,t.LowerCTA=C,t.SubtitleParagraph=b,t.SubtitleTextButton=R,t.SubtitleSelector=A,t.SubtitleBadges=S,t.RightButton=w,t.RightArrow=T;export{t as TopRoot};

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

@@ -1,5 +1,5 @@
-import * as Paragraph from '../paragraph/index.js';
-import type { TopSubtitleCommonProps } from './types.js';
+import * as Paragraph from '../paragraph';
+import type { TopSubtitleCommonProps } from './types';
 interface SubtitleParagraphProps extends Pick<Paragraph.ParagraphTextProps, 'color' | 'style' | 'children'>, TopSubtitleCommonProps {
 }
 /**

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

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as y}from"../../core/index.js";import*as r from"../paragraph/index.js";import{subTitleFontWeightMap as f,subTitleTypographyMap as m}from"./const.js";function c({size:t=17,typography:p,fontWeight:a,color:e,style:i,children:h}){const n=y(),g=p??m[t],s=a??f[t];return o(r.Root,{typography:g,style:i,children:o(r.Text,{color:e??n.grey700,fontWeight:s,children:h})})}export{c as SubtitleParagraph};
+"use strict";import{jsx as o}from"react/jsx-runtime";import{useAdaptive as y}from"../../core";import*as r from"../paragraph";import{subTitleFontWeightMap as f,subTitleTypographyMap as m}from"./const";function c({size:t=17,typography:p,fontWeight:a,color:e,style:i,children:h}){const n=y(),g=p??m[t],s=a??f[t];return o(r.Root,{typography:g,style:i,children:o(r.Text,{color:e??n.grey700,fontWeight:s,children:h})})}export{c as SubtitleParagraph};

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

@@ -1,6 +1,6 @@
-import type { ParagraphTextProps } from '../paragraph/index.js';
+import type { ParagraphTextProps } from '../paragraph';
 import type { PressableProps } from 'react-native';
-import type { TopSubtitleCommonProps } from './types.js';
+import type { 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;

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

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as g}from"react/jsx-runtime";import{useAdaptive as y}from"../../core/index.js";import*as t from"../paragraph/index.js";import{Pressable as f}from"react-native";import{subTitleFontWeightMap as d,subTitleTypographyMap as u}from"./const.js";function x({typography:n,fontWeight:s,color:p,size:r=17,children:a,style:i,onPress:c}){const l=y(),h=n??u[r],m=s??d[r],e=p??l.grey600;return o(f,{onPress:c,style:i,children:g(t.Root,{typography:h,children:[o(t.Text,{color:e,fontWeight:m,children:a}),o(t.Icon,{name:"icon-arrow-down-mono",color:e})]})})}export{x as SubtitleSelector};
+"use strict";import{jsx as o,jsxs as g}from"react/jsx-runtime";import{useAdaptive as y}from"../../core";import*as t from"../paragraph";import{Pressable as f}from"react-native";import{subTitleFontWeightMap as d,subTitleTypographyMap as u}from"./const";function x({typography:n,fontWeight:s,color:p,size:r=17,children:a,style:i,onPress:c}){const l=y(),h=n??u[r],m=s??d[r],e=p??l.grey600;return o(f,{onPress:c,style:i,children:g(t.Root,{typography:h,children:[o(t.Text,{color:e,fontWeight:m,children:a}),o(t.Icon,{name:"icon-arrow-down-mono",color:e})]})})}export{x as SubtitleSelector};

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

@@ -1,6 +1,6 @@
-import { TextButton } from '../text-button/index.js';
+import { TextButton } from '../text-button';
 import type { ComponentProps } from 'react';
-import type { TopSubtitleCommonProps } from './types.js';
+import type { 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;

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

@@ -1 +1 @@
-"use strict";import{jsx as u}from"react/jsx-runtime";import{useAdaptive as y}from"../../core/index.js";import{TextButton as c}from"../text-button/index.js";import{subTitleFontWeightMap as f,subTitleTypographyMap as h}from"./const.js";function m({variant:o,size:t=17,typography:r,fontWeight:p="regular",color:e,...i}){const n=y(),a=e??n.grey600,g=r??h[t],s=p??f[t];return u(c,{typography:g,variant:o,color:a,fontWeight:s,...i})}export{m as SubtitleTextButton};
+"use strict";import{jsx as u}from"react/jsx-runtime";import{useAdaptive as y}from"../../core";import{TextButton as c}from"../text-button";import{subTitleFontWeightMap as f,subTitleTypographyMap as h}from"./const";function m({variant:o,size:t=17,typography:r,fontWeight:p="regular",color:e,...i}){const n=y(),a=e??n.grey600,g=r??h[t],s=p??f[t];return u(c,{typography:g,variant:o,color:a,fontWeight:s,...i})}export{m as SubtitleTextButton};

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

@@ -1,5 +1,5 @@
-import * as Paragraph from '../paragraph/index.js';
-import type { TopTitleCommonProps } from './types.js';
+import * as Paragraph from '../paragraph';
+import type { TopTitleCommonProps } from './types';
 interface TitleParagraphProps extends Pick<Paragraph.ParagraphTextProps, 'color' | 'style' | 'children'>, TopTitleCommonProps {
 }
 /**

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

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{useAdaptive as m}from"../../core/index.js";import*as o from"../paragraph/index.js";import{titleTypographyMap as n}from"./const.js";function s({typography:t,size:p=22,fontWeight:a="bold",color:e,style:i,children:y}){const h=m(),g=t??n[p];return r(o.Root,{typography:g,style:i,children:r(o.Text,{color:e??h.grey800,fontWeight:a,children:y})})}export{s as TitleParagraph};
+"use strict";import{jsx as r}from"react/jsx-runtime";import{useAdaptive as m}from"../../core";import*as o from"../paragraph";import{titleTypographyMap as n}from"./const";function s({typography:t,size:p=22,fontWeight:a="bold",color:e,style:i,children:y}){const h=m(),g=t??n[p];return r(o.Root,{typography:g,style:i,children:r(o.Text,{color:e??h.grey800,fontWeight:a,children:y})})}export{s as TitleParagraph};

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

@@ -1,6 +1,6 @@
-import type { ParagraphTextProps } from '../paragraph/index.js';
+import type { ParagraphTextProps } from '../paragraph';
 import type { PressableProps } from 'react-native';
-import type { TopTitleCommonProps } from './types.js';
+import type { 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;

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

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as y}from"react/jsx-runtime";import{useAdaptive as h}from"../../core/index.js";import*as r from"../paragraph/index.js";import{Pressable as d}from"react-native";import{titleTypographyMap as f}from"./const.js";function g({color:e,size:p=22,fontWeight:s="bold",children:a,typography:n,style:i,onPress:c}){const l=h(),m=n??f[p],t=e??l.grey800;return o(d,{onPress:c,style:i,children:y(r.Root,{typography:m,children:[o(r.Text,{color:t,fontWeight:s,children:a}),o(r.Icon,{name:"icon-arrow-down-mono",color:t})]})})}export{g as TitleSelector};
+"use strict";import{jsx as o,jsxs as y}from"react/jsx-runtime";import{useAdaptive as h}from"../../core";import*as r from"../paragraph";import{Pressable as d}from"react-native";import{titleTypographyMap as f}from"./const";function g({color:e,size:p=22,fontWeight:s="bold",children:a,typography:n,style:i,onPress:c}){const l=h(),m=n??f[p],t=e??l.grey800;return o(d,{onPress:c,style:i,children:y(r.Root,{typography:m,children:[o(r.Text,{color:t,fontWeight:s,children:a}),o(r.Icon,{name:"icon-arrow-down-mono",color:t})]})})}export{g as TitleSelector};

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

@@ -1,6 +1,6 @@
-import { TextButton } from '../text-button/index.js';
+import { TextButton } from '../text-button';
 import type { ComponentProps } from 'react';
-import type { TopTitleCommonProps } from './types.js';
+import type { 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;

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

@@ -1 +1 @@
-"use strict";import{jsx as n}from"react/jsx-runtime";import{useAdaptive as y}from"../../core/index.js";import{TextButton as c}from"../text-button/index.js";import{titleTypographyMap as m}from"./const.js";function l({size:o=22,typography:t,variant:r,fontWeight:p="bold",color:s,...a}){const e=y().grey800,i=t??m[o];return n(c,{variant:r,typography:i,color:e,fontWeight:p,...a})}export{l as TitleTextButton};
+"use strict";import{jsx as n}from"react/jsx-runtime";import{useAdaptive as y}from"../../core";import{TextButton as c}from"../text-button";import{titleTypographyMap as m}from"./const";function l({size:o=22,typography:t,variant:r,fontWeight:p="bold",color:s,...a}){const e=y().grey800,i=t??m[o];return n(c,{variant:r,typography:i,color:e,fontWeight:p,...a})}export{l as TitleTextButton};

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

@@ -1,6 +1,6 @@
-import type { A11yCondition } from '../../core/index.js';
-import type { FontWeightKeys, TypographyKeys } from '../txt/index.js';
-import type { SubTitleSize, TitleSize } from './types.js';
+import type { A11yCondition } from '../../core';
+import type { FontWeightKeys, TypographyKeys } from '../txt';
+import type { 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/esm/components/top/index.d.ts

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

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

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

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

@@ -1,4 +1,4 @@
-import type { ParagraphTextProps } from '../paragraph/index.js';
+import type { ParagraphTextProps } from '../paragraph';
 export type TitleSize = 22 | 28;
 export interface TopTitleCommonProps {
     typography?: ParagraphTextProps['typography'];