@toss/tds-react-native 1.3.4 → 1.3.6

package/dist/cjs/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/cjs/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/cjs/components/toast/components/ToastLottieIcon/PresetToastLottieIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PresetToastLottieIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),CustomToastLottieIcon_js_1=require("./CustomToastLottieIcon.js"),PresetToastLottieIcon=({type:t,...o})=>(0,jsx_runtime_1.jsx)(CustomToastLottieIcon_js_1.CustomToastLottieIcon,{src:t==="complete"?"https://static.toss.im/lotties-common/check-green-spot.json":"https://static.toss.im/lotties-common/error-yellow-spot.json",...o});exports.PresetToastLottieIcon=PresetToastLottieIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PresetToastLottieIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),CustomToastLottieIcon_1=require("./CustomToastLottieIcon"),PresetToastLottieIcon=({type:t,...o})=>(0,jsx_runtime_1.jsx)(CustomToastLottieIcon_1.CustomToastLottieIcon,{src:t==="complete"?"https://static.toss.im/lotties-common/check-green-spot.json":"https://static.toss.im/lotties-common/error-yellow-spot.json",...o});exports.PresetToastLottieIcon=PresetToastLottieIcon;

package/dist/cjs/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/cjs/components/toast/components/ToastLottieIcon/ToastLottieIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastLottieIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),CustomToastLottieIcon_js_1=require("./CustomToastLottieIcon.js"),PresetToastLottieIcon_js_1=require("./PresetToastLottieIcon.js"),ToastLottieIcon=t=>isPresetToastLottieIconProps(t)?(0,jsx_runtime_1.jsx)(PresetToastLottieIcon_js_1.PresetToastLottieIcon,{...t}):(0,jsx_runtime_1.jsx)(CustomToastLottieIcon_js_1.CustomToastLottieIcon,{...t});exports.ToastLottieIcon=ToastLottieIcon;function isPresetToastLottieIconProps(t){return"type"in t&&t.preset===!0}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastLottieIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),CustomToastLottieIcon_1=require("./CustomToastLottieIcon"),PresetToastLottieIcon_1=require("./PresetToastLottieIcon"),ToastLottieIcon=t=>isPresetToastLottieIconProps(t)?(0,jsx_runtime_1.jsx)(PresetToastLottieIcon_1.PresetToastLottieIcon,{...t}):(0,jsx_runtime_1.jsx)(CustomToastLottieIcon_1.CustomToastLottieIcon,{...t});exports.ToastLottieIcon=ToastLottieIcon;function isPresetToastLottieIconProps(t){return"type"in t&&t.preset===!0}

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

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

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

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

package/dist/cjs/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/cjs/components/toast/components/ToastTop.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastTop=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../../../core/index.js"),index_js_2=require("../../../interactions/animated/index.js"),index_js_3=require("../../../utils/index.js"),index_js_4=require("../../txt/index.js"),index_js_5=require("../hooks/index.js"),AnimatedPressable=index_js_2.Animated.createAnimatedComponent(react_native_1.Pressable),ToastTop=({open:n,text:r,icon:e,duration:a=3,onClose:t,onExited:c=()=>{},onEntered:d=()=>{}})=>{const o=(0,index_js_3.useSafeAreaTop)(),[i,l]=(0,react_1.useState)(),u=i?-(o+i):void 0,{textLine:x,updateTextLine:h}=(0,index_js_5.useTextLine)(),p=(0,index_js_1.useAdaptive)(),{colorPreference:s}=(0,index_js_1.useColorPreference)(),{enter:g,exit:m,animatedStyle:_}=(0,index_js_5.useToastAnimation)({position:"top",initialY:u}),{presenceState:y}=(0,index_js_3.useAnimatePresence)(n,{enter:g,exit:m,onExited:c,onEntered:d});return(0,index_js_5.useTimer)({duration:a,callback:t}),y==="invisible"?null:(0,jsx_runtime_1.jsxs)(AnimatedPressable,{onPress:t,onLayout:j=>{l(j.nativeEvent.layout.height)},style:[styles.container,_,{top:o,paddingLeft:e?12:16,borderRadius:x==="single"?100:20,backgroundColor:s==="light"?tds_colors_1.colors.white:tds_colors_1.colors.darkThemeGrey200,shadowColor:s==="light"?tds_colors_1.colors.greyOpacity200:tds_colors_1.colors.darkThemeGrey50}],children:[e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.icon,children:e}),(0,jsx_runtime_1.jsx)(index_js_4.Txt,{onTextLayout:h,typography:"t6",fontWeight:"semiBold",color:p.opacity800,children:r})]})};exports.ToastTop=ToastTop;const styles=react_native_1.StyleSheet.create({container:{position:"absolute",alignSelf:"center",zIndex:100,flexDirection:"row",alignItems:"center",paddingVertical:12,paddingRight:16,marginHorizontal:react_native_1.Platform.OS==="ios"?18:react_native_1.Platform.OS==="android"?12:0,shadowOffset:{width:0,height:2},shadowRadius:30,shadowOpacity:1,elevation:50},icon:{marginRight:10}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastTop=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native"),tds_colors_1=require("@toss/tds-colors"),core_1=require("../../../core"),animated_1=require("../../../interactions/animated"),utils_1=require("../../../utils"),txt_1=require("../../txt"),hooks_1=require("../hooks"),AnimatedPressable=animated_1.Animated.createAnimatedComponent(react_native_1.Pressable),ToastTop=({open:s,text:n,icon:e,duration:a=3,onClose:t,onExited:c=()=>{},onEntered:l=()=>{}})=>{const o=(0,utils_1.useSafeAreaTop)(),[r,d]=(0,react_1.useState)(),u=r?-(o+r):void 0,{textLine:h,updateTextLine:p}=(0,hooks_1.useTextLine)(),g=(0,core_1.useAdaptive)(),{colorPreference:i}=(0,core_1.useColorPreference)(),{enter:m,exit:x,animatedStyle:y}=(0,hooks_1.useToastAnimation)({position:"top",initialY:u}),{presenceState:T}=(0,utils_1.useAnimatePresence)(s,{enter:m,exit:x,onExited:c,onEntered:l});return(0,hooks_1.useTimer)({duration:a,callback:t}),T==="invisible"?null:(0,jsx_runtime_1.jsxs)(AnimatedPressable,{onPress:t,onLayout:f=>{d(f.nativeEvent.layout.height)},style:[styles.container,y,{top:o,paddingLeft:e?12:16,borderRadius:h==="single"?100:20,backgroundColor:i==="light"?tds_colors_1.colors.white:tds_colors_1.colors.darkThemeGrey200,shadowColor:i==="light"?tds_colors_1.colors.greyOpacity200:tds_colors_1.colors.darkThemeGrey50}],children:[e&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.icon,children:e}),(0,jsx_runtime_1.jsx)(txt_1.Txt,{onTextLayout:p,typography:"t6",fontWeight:"semiBold",color:g.opacity800,children:n})]})};exports.ToastTop=ToastTop;const styles=react_native_1.StyleSheet.create({container:{position:"absolute",alignSelf:"center",zIndex:100,flexDirection:"row",alignItems:"center",paddingVertical:12,paddingRight:16,marginHorizontal:react_native_1.Platform.OS==="ios"?18:react_native_1.Platform.OS==="android"?12:0,shadowOffset:{width:0,height:2},shadowRadius:30,shadowOpacity:1,elevation:50},icon:{marginRight:10}});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastAnimation=exports.useTimer=exports.useTextLine=void 0;var useTextLine_js_1=require("./useTextLine.js");Object.defineProperty(exports,"useTextLine",{enumerable:!0,get:function(){return useTextLine_js_1.useTextLine}});var useTimer_js_1=require("./useTimer.js");Object.defineProperty(exports,"useTimer",{enumerable:!0,get:function(){return useTimer_js_1.useTimer}});var useToastAnimation_js_1=require("./useToastAnimation.js");Object.defineProperty(exports,"useToastAnimation",{enumerable:!0,get:function(){return useToastAnimation_js_1.useToastAnimation}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastAnimation=exports.useTimer=exports.useTextLine=void 0;var useTextLine_1=require("./useTextLine");Object.defineProperty(exports,"useTextLine",{enumerable:!0,get:function(){return useTextLine_1.useTextLine}});var useTimer_1=require("./useTimer");Object.defineProperty(exports,"useTimer",{enumerable:!0,get:function(){return useTimer_1.useTimer}});var useToastAnimation_1=require("./useToastAnimation");Object.defineProperty(exports,"useToastAnimation",{enumerable:!0,get:function(){return useToastAnimation_1.useToastAnimation}});

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastAnimation=void 0;const react_1=require("react"),tds_easings_1=require("@toss/tds-easings"),index_js_1=require("../../../interactions/animated/index.js"),useToastAnimation=({position:s,initialY:e})=>{const n=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,t=(0,react_1.useRef)(new index_js_1.Animated.Value(e??0)).current,u=(0,react_1.useRef)(!1),a=(0,react_1.useCallback)(()=>new Promise(r=>{if(e===void 0){r();return}t.setValue(e),u.current=!0,index_js_1.Animated.parallel([index_js_1.Animated.spring(n,{toValue:1,useNativeDriver:!0,...s==="bottom"?tds_easings_1.spring.quick:tds_easings_1.spring.small}),index_js_1.Animated.spring(t,{toValue:0,useNativeDriver:!0,...s==="bottom"?tds_easings_1.spring.quick:tds_easings_1.spring.small})]).start(()=>{r()})}),[e,n,s,t]);return(0,react_1.useEffect)(()=>{!u.current&&e!=null&&a()},[e,a]),{enter:a,exit:()=>new Promise(r=>{if(e==null){r();return}index_js_1.Animated.parallel([index_js_1.Animated.spring(n,{toValue:0,useNativeDriver:!0,...tds_easings_1.spring.quick}),index_js_1.Animated.spring(t,{toValue:e,useNativeDriver:!0,...tds_easings_1.spring.quick})]).start(()=>{r()})}),animatedStyle:{opacity:n,transform:[{translateY:t}]}}};exports.useToastAnimation=useToastAnimation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToastAnimation=void 0;const react_1=require("react"),tds_easings_1=require("@toss/tds-easings"),animated_1=require("../../../interactions/animated"),useToastAnimation=({position:s,initialY:e})=>{const n=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,t=(0,react_1.useRef)(new animated_1.Animated.Value(e??0)).current,u=(0,react_1.useRef)(!1),a=(0,react_1.useCallback)(()=>new Promise(r=>{if(e===void 0){r();return}t.setValue(e),u.current=!0,animated_1.Animated.parallel([animated_1.Animated.spring(n,{toValue:1,useNativeDriver:!0,...s==="bottom"?tds_easings_1.spring.quick:tds_easings_1.spring.small}),animated_1.Animated.spring(t,{toValue:0,useNativeDriver:!0,...s==="bottom"?tds_easings_1.spring.quick:tds_easings_1.spring.small})]).start(()=>{r()})}),[e,n,s,t]);return(0,react_1.useEffect)(()=>{!u.current&&e!=null&&a()},[e,a]),{enter:a,exit:()=>new Promise(r=>{if(e==null){r();return}animated_1.Animated.parallel([animated_1.Animated.spring(n,{toValue:0,useNativeDriver:!0,...tds_easings_1.spring.quick}),animated_1.Animated.spring(t,{toValue:e,useNativeDriver:!0,...tds_easings_1.spring.quick})]).start(()=>{r()})}),animatedStyle:{opacity:n,transform:[{translateY:t}]}}};exports.useToastAnimation=useToastAnimation;

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

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

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

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

package/dist/cjs/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/cjs/components/tooltip/components/FullTooltip/FullTooltipBase.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(n,e,i,s){s===void 0&&(s=i);var t=Object.getOwnPropertyDescriptor(e,i);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(n,s,t)}:function(n,e,i,s){s===void 0&&(s=i),n[s]=e[i]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(i){var s=[];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(s[s.length]=t);return s},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var s=n(e),t=0;t<s.length;t++)s[t]!=="default"&&__createBinding(i,e,s[t]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ANCHOR_WIDTH=exports.ANCHOR_HEIGHT=void 0,exports.FullTooltipBase=FullTooltipBase;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),utils_1=require("@toss/utils"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../../interactions/animated/index.js"),useAnnounce_js_1=require("../../../../utils/useAnnounce.js"),Paragraph=__importStar(require("../../../paragraph/index.js")),createFullTooltipAnchorPath_js_1=require("../../utils/createFullTooltipAnchorPath.js"),HiddenFullTooltip_js_1=require("./HiddenFullTooltip.js");exports.ANCHOR_HEIGHT=12,exports.ANCHOR_WIDTH=38;function FullTooltipBase({open:n,placement:e,anchorMarginLeft:i=0,messageAlign:s="center",message:t,style:o,animationDelay:r=0,withAnimation:c=!0,anchorOverlapped:u=!1}){const[l,d]=(0,react_1.useState)(0),a=c?r:0,f=c?200:0,{announce:p}=(0,useAnnounce_js_1.useAnnounce)(),{fullMessageStyle:h,fullTooltipStyle:H,enterMotion:_,exitMotion:g}=useFullTooltipAnimation({messageHeight:l,delay:a,duration:f,anchorOverlapped:u});return(0,react_1.useEffect)(()=>{n?_():g()},[_,g,n]),(0,react_1.useEffect)(()=>{n&&t&&p(t,{queue:!0,delay:a+200})},[n,t,p,a]),l===0?(0,jsx_runtime_1.jsx)(HiddenFullTooltip_js_1.HiddenFullTooltip,{message:t,onLayout:x=>{d(x.nativeEvent.layout.height)}}):(0,jsx_runtime_1.jsxs)(index_js_1.Animated.View,{style:[{position:"relative",width:"100%"},H,o],children:[e==="bottom"?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{height:exports.ANCHOR_HEIGHT},u?{position:"absolute",top:-exports.ANCHOR_HEIGHT,width:"100%",left:0}:void 0],children:(0,jsx_runtime_1.jsx)(FullTooltipAnchor,{anchorMarginLeft:i,messageHeight:l})}):void 0,(0,jsx_runtime_1.jsx)(index_js_1.Animated.View,{style:{backgroundColor:(0,utils_1.hexToRgba)(tds_colors_1.colors.teal400,.15)},children:(0,jsx_runtime_1.jsx)(index_js_1.Animated.View,{style:[h,{width:"100%",paddingVertical:16,paddingHorizontal:24}],children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:"t6",color:tds_colors_1.colors.teal600,fontWeight:"bold",style:{textAlign:s},children:t})})}),e==="top"?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{height:exports.ANCHOR_HEIGHT,transform:[{scaleY:-1}]},u?{position:"absolute",width:"100%",bottom:-exports.ANCHOR_HEIGHT}:void 0],children:(0,jsx_runtime_1.jsx)(FullTooltipAnchor,{anchorMarginLeft:i,messageHeight:l})}):void 0]})}const easeOut=react_native_1.Easing.bezier(...tds_easings_1.bezier.out);function useFullTooltipAnimation({messageHeight:n,delay:e,duration:i,anchorOverlapped:s}){const t=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,o=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new index_js_1.Animated.Value(0)).current,c={opacity:t},u={height:o,opacity:r},l=(0,react_1.useCallback)(()=>{const a={easing:easeOut,duration:i};index_js_1.Animated.sequence([index_js_1.Animated.delay(e),index_js_1.Animated.parallel([index_js_1.Animated.timing(r,{toValue:1,delay:.5,useNativeDriver:!1,...a}),index_js_1.Animated.timing(t,{toValue:1,delay:.5,useNativeDriver:!1,...a}),index_js_1.Animated.spring(o,{toValue:n+exports.ANCHOR_HEIGHT,useNativeDriver:!1,...tds_easings_1.spring.basic})])]).start()},[e,i,t,o,r,n]),d=(0,react_1.useCallback)(()=>{index_js_1.Animated.parallel([index_js_1.Animated.timing(r,{toValue:0,easing:easeOut,duration:i,useNativeDriver:!1}),index_js_1.Animated.timing(t,{toValue:0,easing:easeOut,duration:i,useNativeDriver:!1}),index_js_1.Animated.spring(o,{toValue:s?exports.ANCHOR_HEIGHT:0,useNativeDriver:!1,...tds_easings_1.spring.basic})]).start()},[s,i,t,o,r]);return{fullMessageStyle:c,fullTooltipStyle:u,enterMotion:l,exitMotion:d}}function FullTooltipAnchor({messageHeight:n,anchorMarginLeft:e}){const i=(0,react_1.useMemo)(()=>(0,createFullTooltipAnchorPath_js_1.createTooltipOutlinePath)({anchorPosition:e,height:n,width:react_native_1.Dimensions.get("window").width}),[n,e]);return(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{width:"100%",height:exports.ANCHOR_HEIGHT,viewBox:`0 0 100 ${exports.ANCHOR_HEIGHT}`,children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:i,fill:(0,utils_1.hexToRgba)(tds_colors_1.colors.teal400,.15)})})}
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(n,e,i,o){o===void 0&&(o=i);var t=Object.getOwnPropertyDescriptor(e,i);(!t||("get"in t?!e.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(n,o,t)}:function(n,e,i,o){o===void 0&&(o=i),n[o]=e[i]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e}),__importStar=this&&this.__importStar||function(){var n=function(e){return n=Object.getOwnPropertyNames||function(i){var o=[];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(o[o.length]=t);return o},n(e)};return function(e){if(e&&e.__esModule)return e;var i={};if(e!=null)for(var o=n(e),t=0;t<o.length;t++)o[t]!=="default"&&__createBinding(i,e,o[t]);return __setModuleDefault(i,e),i}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ANCHOR_WIDTH=exports.ANCHOR_HEIGHT=void 0,exports.FullTooltipBase=FullTooltipBase;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),utils_1=require("@toss/utils"),react_1=require("react"),react_native_1=require("react-native"),animated_1=require("../../../../interactions/animated"),useAnnounce_1=require("../../../../utils/useAnnounce"),Paragraph=__importStar(require("../../../paragraph")),createFullTooltipAnchorPath_1=require("../../utils/createFullTooltipAnchorPath"),HiddenFullTooltip_1=require("./HiddenFullTooltip");exports.ANCHOR_HEIGHT=12,exports.ANCHOR_WIDTH=38;function FullTooltipBase({open:n,placement:e,anchorMarginLeft:i=0,messageAlign:o="center",message:t,style:r,animationDelay:s=0,withAnimation:c=!0,anchorOverlapped:u=!1}){const[l,d]=(0,react_1.useState)(0),a=c?s:0,f=c?200:0,{announce:p}=(0,useAnnounce_1.useAnnounce)(),{fullMessageStyle:_,fullTooltipStyle:H,enterMotion:g,exitMotion:h}=useFullTooltipAnimation({messageHeight:l,delay:a,duration:f,anchorOverlapped:u});return(0,react_1.useEffect)(()=>{n?g():h()},[g,h,n]),(0,react_1.useEffect)(()=>{n&&t&&p(t,{queue:!0,delay:a+200})},[n,t,p,a]),l===0?(0,jsx_runtime_1.jsx)(HiddenFullTooltip_1.HiddenFullTooltip,{message:t,onLayout:A=>{d(A.nativeEvent.layout.height)}}):(0,jsx_runtime_1.jsxs)(animated_1.Animated.View,{style:[{position:"relative",width:"100%"},H,r],children:[e==="bottom"?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{height:exports.ANCHOR_HEIGHT},u?{position:"absolute",top:-exports.ANCHOR_HEIGHT,width:"100%",left:0}:void 0],children:(0,jsx_runtime_1.jsx)(FullTooltipAnchor,{anchorMarginLeft:i,messageHeight:l})}):void 0,(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:{backgroundColor:(0,utils_1.hexToRgba)(tds_colors_1.colors.teal400,.15)},children:(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[_,{width:"100%",paddingVertical:16,paddingHorizontal:24}],children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:"t6",color:tds_colors_1.colors.teal600,fontWeight:"bold",style:{textAlign:o},children:t})})}),e==="top"?(0,jsx_runtime_1.jsx)(react_native_1.View,{style:[{height:exports.ANCHOR_HEIGHT,transform:[{scaleY:-1}]},u?{position:"absolute",width:"100%",bottom:-exports.ANCHOR_HEIGHT}:void 0],children:(0,jsx_runtime_1.jsx)(FullTooltipAnchor,{anchorMarginLeft:i,messageHeight:l})}):void 0]})}const easeOut=react_native_1.Easing.bezier(...tds_easings_1.bezier.out);function useFullTooltipAnimation({messageHeight:n,delay:e,duration:i,anchorOverlapped:o}){const t=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,r=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,s=(0,react_1.useRef)(new animated_1.Animated.Value(0)).current,c={opacity:t},u={height:r,opacity:s},l=(0,react_1.useCallback)(()=>{const a={easing:easeOut,duration:i};animated_1.Animated.sequence([animated_1.Animated.delay(e),animated_1.Animated.parallel([animated_1.Animated.timing(s,{toValue:1,delay:.5,useNativeDriver:!1,...a}),animated_1.Animated.timing(t,{toValue:1,delay:.5,useNativeDriver:!1,...a}),animated_1.Animated.spring(r,{toValue:n+exports.ANCHOR_HEIGHT,useNativeDriver:!1,...tds_easings_1.spring.basic})])]).start()},[e,i,t,r,s,n]),d=(0,react_1.useCallback)(()=>{animated_1.Animated.parallel([animated_1.Animated.timing(s,{toValue:0,easing:easeOut,duration:i,useNativeDriver:!1}),animated_1.Animated.timing(t,{toValue:0,easing:easeOut,duration:i,useNativeDriver:!1}),animated_1.Animated.spring(r,{toValue:o?exports.ANCHOR_HEIGHT:0,useNativeDriver:!1,...tds_easings_1.spring.basic})]).start()},[o,i,t,r,s]);return{fullMessageStyle:c,fullTooltipStyle:u,enterMotion:l,exitMotion:d}}function FullTooltipAnchor({messageHeight:n,anchorMarginLeft:e}){const i=(0,react_1.useMemo)(()=>(0,createFullTooltipAnchorPath_1.createTooltipOutlinePath)({anchorPosition:e,height:n,width:react_native_1.Dimensions.get("window").width}),[n,e]);return(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{width:"100%",height:exports.ANCHOR_HEIGHT,viewBox:`0 0 100 ${exports.ANCHOR_HEIGHT}`,children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{d:i,fill:(0,utils_1.hexToRgba)(tds_colors_1.colors.teal400,.15)})})}

package/dist/cjs/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/cjs/components/tooltip/components/FullTooltip/HiddenFullTooltip.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,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(i,r,n)}:function(i,e,t,r){r===void 0&&(r=t),i[r]=e[t]},__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(t){var r=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[r.length]=n);return r},i(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=i(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.HiddenFullTooltip=HiddenFullTooltip;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),index_js_1=require("../../../../interactions/animated/index.js"),Paragraph=__importStar(require("../../../paragraph/index.js"));function HiddenFullTooltip({onLayout:i,message:e,...t}){return(0,jsx_runtime_1.jsx)(index_js_1.Animated.View,{style:[{opacity:0,width:"100%",paddingHorizontal:24,paddingVertical:16,position:"absolute"}],onLayout:i,...t,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:"t6",color:tds_colors_1.colors.teal600,fontWeight:"bold",children:e})})}
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(i,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(i,r,n)}:function(i,e,t,r){r===void 0&&(r=t),i[r]=e[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e}),__importStar=this&&this.__importStar||function(){var i=function(e){return i=Object.getOwnPropertyNames||function(t){var r=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[r.length]=n);return r},i(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=i(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.HiddenFullTooltip=HiddenFullTooltip;const jsx_runtime_1=require("react/jsx-runtime"),tds_colors_1=require("@toss/tds-colors"),animated_1=require("../../../../interactions/animated"),Paragraph=__importStar(require("../../../paragraph"));function HiddenFullTooltip({onLayout:i,message:e,...t}){return(0,jsx_runtime_1.jsx)(animated_1.Animated.View,{style:[{opacity:0,width:"100%",paddingHorizontal:24,paddingVertical:16,position:"absolute"}],onLayout:i,...t,children:(0,jsx_runtime_1.jsx)(Paragraph.Text,{typography:"t6",color:tds_colors_1.colors.teal600,fontWeight:"bold",children:e})})}

package/dist/cjs/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/cjs/components/tooltip/components/FullTooltip/RelativeFullTooltip.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RelativeFullTooltip=RelativeFullTooltip;const jsx_runtime_1=require("react/jsx-runtime"),useCloseTooltip_js_1=require("../../hooks/useCloseTooltip.js"),useAnchorPosition_js_1=require("../../hooks/useAnchorPosition.js"),FullTooltipBase_js_1=require("./FullTooltipBase.js");function RelativeFullTooltipContent({open:o,message:s,messageAlign:n,placement:t,anchorPositionByRatio:e,anchorOverlapped:i}){const l=(0,useAnchorPosition_js_1.useAnchorPosition)({anchorPositionByRatio:e,anchorWidth:FullTooltipBase_js_1.ANCHOR_WIDTH});return(0,jsx_runtime_1.jsx)(FullTooltipBase_js_1.FullTooltipBase,{open:o,message:s,messageAlign:n,placement:t,animationDelay:700,anchorMarginLeft:l,anchorOverlapped:i})}function RelativeFullTooltip({open:o,onClose:s,duration:n=2600,children:t,...e}){return(0,useCloseTooltip_js_1.useCloseTooltip)({open:o,onClose:s,duration:n}),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[e.placement==="bottom"?t:void 0,(0,jsx_runtime_1.jsx)(RelativeFullTooltipContent,{open:o,...e}),e.placement==="top"?t:void 0]})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RelativeFullTooltip=RelativeFullTooltip;const jsx_runtime_1=require("react/jsx-runtime"),useCloseTooltip_1=require("../../hooks/useCloseTooltip"),useAnchorPosition_1=require("../../hooks/useAnchorPosition"),FullTooltipBase_1=require("./FullTooltipBase");function RelativeFullTooltipContent({open:o,message:n,messageAlign:i,placement:t,anchorPositionByRatio:e,anchorOverlapped:l}){const s=(0,useAnchorPosition_1.useAnchorPosition)({anchorPositionByRatio:e,anchorWidth:FullTooltipBase_1.ANCHOR_WIDTH});return(0,jsx_runtime_1.jsx)(FullTooltipBase_1.FullTooltipBase,{open:o,message:n,messageAlign:i,placement:t,animationDelay:700,anchorMarginLeft:s,anchorOverlapped:l})}function RelativeFullTooltip({open:o,onClose:n,duration:i=2600,children:t,...e}){return(0,useCloseTooltip_1.useCloseTooltip)({open:o,onClose:n,duration:i}),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[e.placement==="bottom"?t:void 0,(0,jsx_runtime_1.jsx)(RelativeFullTooltipContent,{open:o,...e}),e.placement==="top"?t:void 0]})}

package/dist/cjs/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/cjs/components/tooltip/components/FullTooltip.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlledFullTooltip=ControlledFullTooltip,exports.UncontrolledFullTooltip=UncontrolledFullTooltip,exports.FullTooltip=FullTooltip;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),RelativeFullTooltip_js_1=require("./FullTooltip/RelativeFullTooltip.js");function ControlledFullTooltip(e){return(0,jsx_runtime_1.jsx)(RelativeFullTooltip_js_1.RelativeFullTooltip,{...e})}function UncontrolledFullTooltip({...e}){const[l,t]=(0,react_1.useState)(!0);return(0,jsx_runtime_1.jsx)(ControlledFullTooltip,{...e,open:l,onClose:()=>t(!1)})}function FullTooltip(e){return e.open!==void 0?(0,jsx_runtime_1.jsx)(ControlledFullTooltip,{...e}):(0,jsx_runtime_1.jsx)(UncontrolledFullTooltip,{...e})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlledFullTooltip=ControlledFullTooltip,exports.UncontrolledFullTooltip=UncontrolledFullTooltip,exports.FullTooltip=FullTooltip;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),RelativeFullTooltip_1=require("./FullTooltip/RelativeFullTooltip");function ControlledFullTooltip(e){return(0,jsx_runtime_1.jsx)(RelativeFullTooltip_1.RelativeFullTooltip,{...e})}function UncontrolledFullTooltip({...e}){const[l,t]=(0,react_1.useState)(!0);return(0,jsx_runtime_1.jsx)(ControlledFullTooltip,{...e,open:l,onClose:()=>t(!1)})}function FullTooltip(e){return e.open!==void 0?(0,jsx_runtime_1.jsx)(ControlledFullTooltip,{...e}):(0,jsx_runtime_1.jsx)(UncontrolledFullTooltip,{...e})}

package/dist/cjs/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/cjs/components/tooltip/components/Tooltip/Anchor.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Anchor=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),index_js_1=require("../../../../core/index.js"),Anchor=({size:t})=>{const e=(0,index_js_1.useAdaptive)();return t==="small"&&(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{width:24,height:11,viewBox:"0 0 24 11",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{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:e.floatBackground})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{width:38,height:14,viewBox:"0 0 38 14",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{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:e.floatBackground})})};exports.Anchor=Anchor;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Anchor=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_svg_1=require("@granite-js/native/react-native-svg"),core_1=require("../../../../core"),Anchor=({size:t})=>{const e=(0,core_1.useAdaptive)();return t==="small"&&(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{width:24,height:11,viewBox:"0 0 24 11",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{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:e.floatBackground})}),(0,jsx_runtime_1.jsx)(react_native_svg_1.Svg,{width:38,height:14,viewBox:"0 0 38 14",children:(0,jsx_runtime_1.jsx)(react_native_svg_1.Path,{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:e.floatBackground})})};exports.Anchor=Anchor;

package/dist/cjs/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/cjs/components/tooltip/components/Tooltip/FloatingTooltip.js

@@ -1 +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"),index_js_1=require("../../../../interactions/rally/index.js"),index_js_2=require("../../../../core/index.js"),Paragraph=__importStar(require("../../../paragraph/index.js")),react_1=require("react"),react_native_1=require("react-native"),TooltipContext_js_1=require("../../contexts/TooltipContext.js"),useAnchorPosition_js_1=require("../../hooks/useAnchorPosition.js"),useOnPressOutside_js_1=require("../../hooks/useOnPressOutside.js"),mergeRefs_js_1=require("../../utils/mergeRefs.js"),Anchor_js_1=require("./Anchor.js"),TooltipBase_js_1=require("./TooltipBase.js");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_js_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_js_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)(index_js_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:y},x){const u=(0,react_1.useRef)(null),p=(0,index_js_2.useAdaptive)(),{targetRef:g,offset:c}=(0,TooltipContext_js_1.useTooltip)(),[f,P]=(0,react_1.useState)(null),[h,b]=(0,react_1.useState)(null),i=(0,react_1.useMemo)(()=>(0,TooltipBase_js_1.getTooltipStyle)(s),[s]),w=(0,mergeRefs_js_1.mergeRefs)(x,u),v=(0,useAnchorPosition_js_1.useAnchorPosition)({anchorPositionByRatio:n,anchorWidth:i.anchorWidth,tooltipWidth:h?.width??0,size:s});return(0,useOnPressOutside_js_1.useOnPressOutside)({ref:u,onPressOutside:y}),(0,react_1.useEffect)(()=>{function d(){const _=g?.current,j=u.current;_!=null&&j!=null&&c!=null&&(async()=>{const{width:m,height:O}=await measure(_),{width:R,height:T}=await measure(j),q=m/2-R/2,A=t==="top"?-T-c-i.anchorHeight:O+i.anchorHeight+c;P({left:q,top:A})})()}requestAnimationFrame(()=>{d()})},[g,t,i,c]),f==null||h==null?(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{ref:w,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=>{b(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_js_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_js_1.TooltipBase,{ref:u,size:s,placement:t,messageAlign:o,message:e,motion:a,left:f.left,top:f.top,contentHeight:h.height,anchorMarginLeft:v,onPress:l})});
+"use strict";var __createBinding=this&&this.__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=this&&this.__setModuleDefault||(Object.create?function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}:function(r,e){r.default=e}),__importStar=this&&this.__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

@@ -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/cjs/components/tooltip/components/Tooltip/TooltipBase.js

@@ -1 +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"),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),index_js_1=require("../../../../core/index.js"),index_js_2=require("../../../../interactions/animated/index.js"),index_js_3=require("../../../../interactions/rally/index.js"),useAnnounce_js_1=require("../../../../utils/useAnnounce.js"),Paragraph=__importStar(require("../../../paragraph/index.js")),TooltipContext_js_1=require("../../contexts/TooltipContext.js"),Anchor_js_1=require("./Anchor.js"),AnimatedPressable=index_js_2.Animated.createAnimatedComponent(react_native_1.Pressable);exports.TooltipBase=(0,react_1.forwardRef)(function({size:t="medium",placement:r,anchorMarginLeft:o=0,message:e,motion:d,messageAlign:f="left",contentHeight:g,left:p,top:h,onPress:y},m){const c=(0,index_js_1.useAdaptive)(),{colorPreference:_}=(0,index_js_1.useColorPreference)(),{flipped:l}=(0,TooltipContext_js_1.useTooltip)(),{announce:u}=(0,useAnnounce_js_1.useAnnounce)(),i=(0,react_1.useMemo)(()=>getTooltipStyle(t),[t]),s=r==="bottom"?"top":"bottom",a=(0,index_js_3.useRally)({motion:d==="strong"?[{opacity:{from:0,to:1},scale:{from:0,to:1.25},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:s,to:s},easing:tds_easings_1.spring.quick},{scale:{from:1.25,to:1},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:s,to:s},easing:{stiffness:300,damping:15}}]:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:s,to:s},easing:tds_easings_1.spring.medium},exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:"center",to:"center"},transformOriginY:{from:s,to:s},easing:tds_easings_1.spring.medium}});return(0,react_1.useEffect)(()=>{a.play()},[a]),(0,react_1.useEffect)(()=>{e&&u(e,{queue:!0,delay:100})},[e,u]),(0,jsx_runtime_1.jsxs)(AnimatedPressable,{ref:m,onPress:y,onLayout:j=>{a.onLayout(j)},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"?tds_colors_1.colors.greyOpacity500:void 0:tds_colors_1.colors.greyOpacity900,shadowOffset:{width:0,height:l?-16:16},shadowOpacity:1,shadowRadius:60,elevation:40,left:p,top:h},a.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_js_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:f},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"}}
+"use strict";var __createBinding=this&&this.__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=this&&this.__setModuleDefault||(Object.create?function(n,t){Object.defineProperty(n,"default",{enumerable:!0,value:t})}:function(n,t){n.default=t}),__importStar=this&&this.__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"),tds_colors_1=require("@toss/tds-colors"),tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native"),core_1=require("../../../../core"),animated_1=require("../../../../interactions/animated"),rally_1=require("../../../../interactions/rally"),useAnnounce_1=require("../../../../utils/useAnnounce"),Paragraph=__importStar(require("../../../paragraph")),TooltipContext_1=require("../../contexts/TooltipContext"),Anchor_1=require("./Anchor"),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:tds_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:tds_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:tds_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"?tds_colors_1.colors.greyOpacity500:void 0:tds_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

@@ -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/cjs/components/tooltip/components/Tooltip.js

@@ -1 +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_js_1=require("../contexts/TooltipContext.js"),FloatingTooltip_js_1=require("./Tooltip/FloatingTooltip.js");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_js_1.TooltipProvider,{open:e,placement:t,offsetNumber:n,autoFlip:r,children:(0,jsx_runtime_1.jsx)(FloatingTooltip_js_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})}
+"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/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/cjs/components/tooltip/hooks/useAnchorPosition.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAnchorPosition=useAnchorPosition;const react_1=require("react"),react_native_1=require("react-native"),TooltipBase_js_1=require("../components/Tooltip/TooltipBase.js"),TOOLTIP_LEFT_RIGHT_PADDING=16;function useAnchorPosition({anchorWidth:t,tooltipWidth:n,anchorPositionByRatio:o,defaultPosition:u,size:e}){const r=(0,react_1.useCallback)((s=0)=>e!=null&&n!=null?s*(n-(0,TooltipBase_js_1.getTooltipStyle)(e).paddingHorizontal-t)+(0,TooltipBase_js_1.getTooltipStyle)(e).paddingHorizontal/2:s*(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):u??r(.5)}
+"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/useOnPressOutside.js

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

@@ -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/cjs/components/tooltip/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullTooltip=exports.Tooltip=void 0;var Tooltip_js_1=require("./components/Tooltip.js");Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return Tooltip_js_1.Tooltip}});var FullTooltip_js_1=require("./components/FullTooltip.js");Object.defineProperty(exports,"FullTooltip",{enumerable:!0,get:function(){return FullTooltip_js_1.FullTooltip}});
+"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/top/TopArrow.js

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

@@ -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/cjs/components/top/TopBadges.js

@@ -1 +1 @@
-"use strict";var __createBinding=Object.create?function(i,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(i,r,n)}:function(i,e,t,r){r===void 0&&(r=t),i[r]=e[t]},__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(t){var r=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[r.length]=n);return r},i(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=i(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/index.js"));function Badges({items:i}){return(0,jsx_runtime_1.jsx)(Paragraph.Root,{typography:"t5",children:i.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;
+"use strict";var __createBinding=this&&this.__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=this&&this.__setModuleDefault||(Object.create?function(a,e){Object.defineProperty(a,"default",{enumerable:!0,value:e})}:function(a,e){a.default=e}),__importStar=this&&this.__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

@@ -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/cjs/components/top/TopButton.js

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

@@ -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/cjs/components/top/TopCTA.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LowerCTA=LowerCTA;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../bottom-cta/index.js");function LowerCTA({...e}){return(0,jsx_runtime_1.jsx)(index_js_1.BottomCTA.Double,{gradient:null,...e})}
+"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

@@ -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/cjs/components/top/TopRoot.js

@@ -1 +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"),index_js_1=require("../../core/index.js"),TopArrow_js_1=require("./TopArrow.js"),TopBadges_js_1=require("./TopBadges.js"),TopButton_js_1=require("./TopButton.js"),TopCTA_js_1=require("./TopCTA.js"),TopSubtitleParagraph_js_1=require("./TopSubtitleParagraph.js"),TopSubtitleSelector_js_1=require("./TopSubtitleSelector.js"),TopSubtitleTextButton_js_1=require("./TopSubtitleTextButton.js"),TopTitleParagraph_js_1=require("./TopTitleParagraph.js"),TopTitleSelector_js_1=require("./TopTitleSelector.js"),TopTitleTextButton_js_1=require("./TopTitleTextButton.js"),TopUpperAssetContent_js_1=require("./TopUpperAssetContent.js"),const_js_1=require("./const.js");function TopRoot({upperGap:i=24,lowerGap:s=24,rightVerticalAlign:l="center",upper:t,subtitle1:e,title:a,subtitle2:o,lower:r,right:p,style:u}){const n=(0,index_js_1.useFontScaleCondition)(const_js_1.a11yCondition.rightButton);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{marginTop:i,marginBottom:s},styles.container,u],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.contentContainer,!n&&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}),a,o&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.subtitle2,children:o})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:!n&&[{alignSelf:rightVerticalAlignMap[l]},styles.right],children:p})]}),r&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.lower,children:r})]})}const styles=react_native_1.StyleSheet.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}}),rightVerticalAlignMap={top:"flex-start",center:"center",end:"flex-end"};TopRoot.Root=TopRoot,TopRoot.TitleParagraph=TopTitleParagraph_js_1.TitleParagraph,TopRoot.TitleTextButton=TopTitleTextButton_js_1.TitleTextButton,TopRoot.TitleSelector=TopTitleSelector_js_1.TitleSelector,TopRoot.UpperBadges=TopBadges_js_1.UpperBadges,TopRoot.UpperAssetContent=TopUpperAssetContent_js_1.UpperAssetContent,TopRoot.LowerButton=TopButton_js_1.LowerButton,TopRoot.LowerCTA=TopCTA_js_1.LowerCTA,TopRoot.SubtitleParagraph=TopSubtitleParagraph_js_1.SubtitleParagraph,TopRoot.SubtitleTextButton=TopSubtitleTextButton_js_1.SubtitleTextButton,TopRoot.SubtitleSelector=TopSubtitleSelector_js_1.SubtitleSelector,TopRoot.SubtitleBadges=TopBadges_js_1.SubtitleBadges,TopRoot.RightButton=TopButton_js_1.RightButton,TopRoot.RightArrow=TopArrow_js_1.RightArrow;
+"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"),core_1=require("../../core"),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"),const_1=require("./const");function TopRoot({upperGap:i=24,lowerGap:l=24,rightVerticalAlign:s="center",upper:t,subtitle1:e,title:a,subtitle2:o,lower:r,right:p,style:u}){const n=(0,core_1.useFontScaleCondition)(const_1.a11yCondition.rightButton);return(0,jsx_runtime_1.jsxs)(react_native_1.View,{style:[{marginTop:i,marginBottom:l},styles.container,u],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.contentContainer,!n&&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}),a,o&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.subtitle2,children:o})]}),(0,jsx_runtime_1.jsx)(react_native_1.View,{style:!n&&[{alignSelf:rightVerticalAlignMap[s]},styles.right],children:p})]}),r&&(0,jsx_runtime_1.jsx)(react_native_1.View,{style:styles.lower,children:r})]})}const styles=react_native_1.StyleSheet.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}}),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

@@ -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/cjs/components/top/TopSubtitleParagraph.js

@@ -1 +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"),index_js_1=require("../../core/index.js"),Paragraph=__importStar(require("../paragraph/index.js")),const_js_1=require("./const.js");function SubtitleParagraph({size:i=17,typography:e,fontWeight:n,color:t,style:r,children:a}){const u=(0,index_js_1.useAdaptive)(),o=e??const_js_1.subTitleTypographyMap[i],s=n??const_js_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:s,children:a})})}
+"use strict";var __createBinding=this&&this.__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=this&&this.__setModuleDefault||(Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e}),__importStar=this&&this.__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

@@ -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/cjs/components/top/TopSubtitleSelector.js

@@ -1 +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"),index_js_1=require("../../core/index.js"),Paragraph=__importStar(require("../paragraph/index.js")),react_native_1=require("react-native"),const_js_1=require("./const.js");function SubtitleSelector({typography:o,fontWeight:e,color:n,size:t=17,children:r,style:a,onPress:c}){const u=(0,index_js_1.useAdaptive)(),s=o??const_js_1.subTitleTypographyMap[t],l=e??const_js_1.subTitleFontWeightMap[t],i=n??u.grey600;return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:c,style:a,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})]})})}
+"use strict";var __createBinding=this&&this.__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=this&&this.__setModuleDefault||(Object.create?function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}:function(o,e){o.default=e}),__importStar=this&&this.__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

@@ -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/cjs/components/top/TopSubtitleTextButton.js

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

@@ -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/cjs/components/top/TopTitleParagraph.js

@@ -1 +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.TitleParagraph=TitleParagraph;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),Paragraph=__importStar(require("../paragraph/index.js")),const_js_1=require("./const.js");function TitleParagraph({typography:i,size:e=22,fontWeight:n="bold",color:t,style:r,children:a}){const u=(0,index_js_1.useAdaptive)(),o=i??const_js_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:a})})}
+"use strict";var __createBinding=this&&this.__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=this&&this.__setModuleDefault||(Object.create?function(a,e){Object.defineProperty(a,"default",{enumerable:!0,value:e})}:function(a,e){a.default=e}),__importStar=this&&this.__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

@@ -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/cjs/components/top/TopTitleSelector.js

@@ -1 +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"),index_js_1=require("../../core/index.js"),Paragraph=__importStar(require("../paragraph/index.js")),react_native_1=require("react-native"),const_js_1=require("./const.js");function TitleSelector({color:o,size:e=22,fontWeight:n="bold",children:t,typography:r,style:a,onPress:c}){const s=(0,index_js_1.useAdaptive)(),u=r??const_js_1.titleTypographyMap[e],i=o??s.grey800;return(0,jsx_runtime_1.jsx)(react_native_1.Pressable,{onPress:c,style:a,children:(0,jsx_runtime_1.jsxs)(Paragraph.Root,{typography:u,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})]})})}
+"use strict";var __createBinding=this&&this.__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=this&&this.__setModuleDefault||(Object.create?function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}:function(o,e){o.default=e}),__importStar=this&&this.__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

@@ -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/cjs/components/top/TopTitleTextButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TitleTextButton=TitleTextButton;const jsx_runtime_1=require("react/jsx-runtime"),index_js_1=require("../../core/index.js"),index_js_2=require("../text-button/index.js"),const_js_1=require("./const.js");function TitleTextButton({size:t=22,typography:e,variant:o,fontWeight:r="bold",color:c,...n}){const s=(0,index_js_1.useAdaptive)().grey800,i=e??const_js_1.titleTypographyMap[t];return(0,jsx_runtime_1.jsx)(index_js_2.TextButton,{variant:o,typography:i,color:s,fontWeight:r,...n})}
+"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})}