@webority/mobile-ui 0.0.38 → 0.1.0

package/lib/commonjs/components/Toast/ToastProvider.js

@@ -1,200 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useToast = exports.toast = exports.ToastProvider = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _index = require("../../theme/index.js");
-var _hapticUtils = require("../../utils/hapticUtils.js");
-var _Toast = _interopRequireDefault(require("./Toast.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const MAX_VISIBLE = 3;
-const ToastContext = /*#__PURE__*/(0, _react.createContext)(null);
-let nextId = 0;
-const makeId = () => {
-  nextId += 1;
-  return `toast-${Date.now().toString(36)}-${nextId.toString(36)}`;
-};
-const defaultHaptic = variant => {
-  switch (variant) {
-    case 'error':
-      return 'notificationError';
-    case 'success':
-      return 'notificationSuccess';
-    case 'warning':
-      return 'notificationWarning';
-    case 'info':
-      return 'selection';
-    case 'default':
-    default:
-      return 'selection';
-  }
-};
-let providerCount = 0;
-let activeApi = null;
-const setActiveApi = api => {
-  activeApi = api;
-};
-const getActiveApi = () => activeApi;
-const ToastProvider = ({
-  children,
-  maxVisible = MAX_VISIBLE,
-  topOffset,
-  bottomOffset
-}) => {
-  const theme = (0, _index.useTheme)();
-  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const [queue, setQueue] = (0, _react.useState)([]);
-  const queueRef = (0, _react.useRef)([]);
-  queueRef.current = queue;
-  const hide = (0, _react.useCallback)(id => {
-    setQueue(prev => prev.filter(t => t.id !== id));
-  }, []);
-  const hideAll = (0, _react.useCallback)(() => {
-    setQueue([]);
-  }, []);
-  const show = (0, _react.useCallback)(opts => {
-    const id = makeId();
-    const item = {
-      ...opts,
-      id
-    };
-    const haptic = opts.haptic === undefined ? defaultHaptic(opts.variant) : opts.haptic;
-    if (haptic !== false) {
-      (0, _hapticUtils.triggerHaptic)(haptic);
-    }
-    setQueue(prev => {
-      const next = [...prev, item];
-      // FIFO trim if exceeding maxVisible
-      if (next.length > maxVisible) {
-        return next.slice(next.length - maxVisible);
-      }
-      return next;
-    });
-    return id;
-  }, [maxVisible]);
-  const api = (0, _react.useMemo)(() => ({
-    show,
-    hide,
-    hideAll
-  }), [show, hide, hideAll]);
-  (0, _react.useEffect)(() => {
-    providerCount += 1;
-    setActiveApi(api);
-    return () => {
-      providerCount -= 1;
-      if (providerCount <= 0) {
-        providerCount = 0;
-        setActiveApi(null);
-      }
-    };
-  }, [api]);
-  const topToasts = queue.filter(t => (t.position ?? 'bottom') === 'top');
-  const bottomToasts = queue.filter(t => (t.position ?? 'bottom') === 'bottom');
-  const styles = (0, _react.useMemo)(() => buildStyles(), []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ToastContext.Provider, {
-    value: api,
-    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      pointerEvents: "box-none",
-      style: [styles.layer, styles.top, {
-        top: (topOffset ?? insets.top) + theme.spacing.sm,
-        paddingHorizontal: theme.spacing.md
-      }],
-      children: topToasts.map((toast, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, {
-        toast: toast,
-        index: topToasts.length - 1 - idx,
-        onDismiss: hide
-      }, toast.id))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      pointerEvents: "box-none",
-      style: [styles.layer, styles.bottom, {
-        bottom: (bottomOffset ?? insets.bottom) + theme.spacing.sm,
-        paddingHorizontal: theme.spacing.md
-      }],
-      children: bottomToasts.map((toast, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, {
-        toast: toast,
-        index: bottomToasts.length - 1 - idx,
-        onDismiss: hide
-      }, toast.id))
-    })]
-  });
-};
-exports.ToastProvider = ToastProvider;
-const useToast = () => {
-  const ctx = (0, _react.useContext)(ToastContext);
-  if (!ctx) {
-    throw new Error('useToast must be used within a <ToastProvider>.');
-  }
-  return ctx;
-};
-exports.useToast = useToast;
-let warned = false;
-const warnNoProvider = () => {
-  if (warned) {
-    return;
-  }
-  warned = true;
-  if (typeof __DEV__ !== 'undefined' && __DEV__) {
-    // biome-ignore lint/suspicious/noConsole: deliberate development-only warning that toast() had no provider
-    console.warn('[toast] No <ToastProvider /> mounted; toast() calls are no-ops. Mount a provider near your app root.');
-  }
-};
-const proxy = fn => {
-  const api = getActiveApi();
-  if (!api) {
-    warnNoProvider();
-    return '';
-  }
-  const result = fn(api);
-  return typeof result === 'string' ? result : '';
-};
-const toast = exports.toast = {
-  show: opts => proxy(api => api.show(opts)),
-  success: (message, opts) => proxy(api => api.show({
-    ...opts,
-    message,
-    variant: 'success'
-  })),
-  error: (message, opts) => proxy(api => api.show({
-    ...opts,
-    message,
-    variant: 'error'
-  })),
-  warning: (message, opts) => proxy(api => api.show({
-    ...opts,
-    message,
-    variant: 'warning'
-  })),
-  info: (message, opts) => proxy(api => api.show({
-    ...opts,
-    message,
-    variant: 'info'
-  })),
-  hideAll: () => {
-    const api = getActiveApi();
-    if (!api) {
-      warnNoProvider();
-      return;
-    }
-    api.hideAll();
-  }
-};
-const buildStyles = () => _reactNative.StyleSheet.create({
-  layer: {
-    position: 'absolute',
-    left: 0,
-    right: 0
-  },
-  top: {
-    alignItems: 'stretch'
-  },
-  bottom: {
-    alignItems: 'stretch'
-  }
-});
-//# sourceMappingURL=ToastProvider.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useToast=exports.toast=exports.ToastProvider=exports.ToastHost=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_index=require("../../theme/index.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_Toast=_interopRequireDefault(require("./Toast.js")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _interopRequireWildcard(t,e){if("function"==typeof WeakMap)var o=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(t,e){if(!e&&t&&t.__esModule)return t;var s,a,n={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return n;if(s=e?r:o){if(s.has(t))return s.get(t);s.set(t,n)}for(const e in t)"default"!==e&&{}.hasOwnProperty.call(t,e)&&((a=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,e))&&(a.get||a.set)?s(n,e,a):n[e]=t[e]);return n})(t,e)}const MAX_VISIBLE=3,ToastContext=(0,_react.createContext)(null),ToastHostContext=(0,_react.createContext)(null);let nextId=0;const makeId=()=>(nextId+=1,`toast-${Date.now().toString(36)}-${nextId.toString(36)}`),defaultHaptic=t=>{switch(t){case"error":return"notificationError";case"success":return"notificationSuccess";case"warning":return"notificationWarning";default:return"selection"}},resolveHaptics=(t,e)=>{if(!1===t)return!1;const o=t?.[e??"default"];return void 0===o?defaultHaptic(e):o};let nextHostId=0;const makeHostId=()=>(nextHostId+=1,nextHostId);let providerCount=0,activeApi=null;const setActiveApi=t=>{activeApi=t},getActiveApi=()=>activeApi,ToastProvider=({children:t,maxVisible:e=3,topOffset:o,bottomOffset:r,defaultDuration:s,haptics:a})=>{const n=(0,_react.useRef)({defaultDuration:s,haptics:a});n.current={defaultDuration:s,haptics:a};const[i,u]=(0,_react.useState)([]),[c,l]=(0,_react.useState)([]),d=(0,_react.useCallback)(t=>{u(e=>e.filter(e=>e.id!==t))},[]),p=(0,_react.useCallback)(()=>{u([])},[]),f=(0,_react.useCallback)(t=>{const o=makeId(),{defaultDuration:r,haptics:s}=n.current,a={...t,duration:t.duration??r,id:o,shownAt:Date.now()},i=void 0!==t.haptic?t.haptic:resolveHaptics(s,t.variant);return!1!==i&&(0,_hapticUtils.triggerHaptic)(i),u(t=>{const o=[...t,a];return o.length>e?o.slice(o.length-e):o}),o},[e]),_=(0,_react.useMemo)(()=>({show:f,hide:d,hideAll:p}),[f,d,p]);(0,_react.useEffect)(()=>(providerCount+=1,setActiveApi(_),()=>{providerCount-=1,providerCount<=0&&(providerCount=0,setActiveApi(null))}),[_]);const x=(0,_react.useCallback)(t=>{l(e=>[...e,t])},[]),v=(0,_react.useCallback)(t=>{l(e=>e.filter(e=>e!==t))},[]),m=c.length>0?c[c.length-1]:null,h=(0,_react.useMemo)(()=>({register:x,unregister:v,activeHostId:m,queue:i,hide:d,topOffset:o,bottomOffset:r}),[x,v,m,i,d,o,r]);return(0,_jsxRuntime.jsx)(ToastContext.Provider,{value:_,children:(0,_jsxRuntime.jsxs)(ToastHostContext.Provider,{value:h,children:[t,null===m?(0,_jsxRuntime.jsx)(ToastLayers,{queue:i,onDismiss:d,topOffset:o,bottomOffset:r}):null]})})};exports.ToastProvider=ToastProvider;let warnedHost=!1;const warnHostWithoutProvider=()=>{warnedHost||(warnedHost=!0,"undefined"!=typeof __DEV__&&__DEV__&&console.warn("[toast] <ToastHost /> rendered outside a <ToastProvider />; it renders nothing. Mount a provider near your app root."))},ToastHost=()=>{const t=(0,_react.useContext)(ToastHostContext),[e]=(0,_react.useState)(makeHostId),o=t?.register,r=t?.unregister;return(0,_react.useEffect)(()=>{if(o&&r)return o(e),()=>r(e);warnHostWithoutProvider()},[o,r,e]),t&&t.activeHostId===e?(0,_jsxRuntime.jsx)(ToastLayers,{queue:t.queue,onDismiss:t.hide,topOffset:t.topOffset,bottomOffset:t.bottomOffset}):null};exports.ToastHost=ToastHost;const ToastLayers=({queue:t,onDismiss:e,topOffset:o,bottomOffset:r})=>{const s=(0,_index.useTheme)(),a=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),n=(0,_react.useMemo)(()=>buildStyles(),[]),i=t.filter(t=>"top"===(t.position??"bottom")),u=t.filter(t=>"bottom"===(t.position??"bottom"));return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"toast-layer-top",pointerEvents:"box-none",style:[n.layer,n.top,{top:(o??a.top)+s.spacing.sm,paddingHorizontal:s.spacing.md}],children:i.map((t,o)=>(0,_jsxRuntime.jsx)(_Toast.default,{toast:t,index:i.length-1-o,shownAt:t.shownAt,onDismiss:e},t.id))}),(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"toast-layer-bottom",pointerEvents:"box-none",style:[n.layer,n.bottom,{bottom:(r??a.bottom)+s.spacing.sm,paddingHorizontal:s.spacing.md}],children:u.map((t,o)=>(0,_jsxRuntime.jsx)(_Toast.default,{toast:t,index:u.length-1-o,shownAt:t.shownAt,onDismiss:e},t.id))})]})},useToast=()=>{const t=(0,_react.useContext)(ToastContext);if(!t)throw new Error("useToast must be used within a <ToastProvider>.");return t};exports.useToast=useToast;let warned=!1;const warnNoProvider=()=>{warned||(warned=!0,"undefined"!=typeof __DEV__&&__DEV__&&console.warn("[toast] No <ToastProvider /> mounted; toast() calls are no-ops. Mount a provider near your app root."))},proxy=t=>{const e=getActiveApi();if(!e)return warnNoProvider(),"";const o=t(e);return"string"==typeof o?o:""},toast=exports.toast={show:t=>proxy(e=>e.show(t)),success:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"success"})),error:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"error"})),warning:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"warning"})),info:(t,e)=>proxy(o=>o.show({...e,message:t,variant:"info"})),hideAll:()=>{const t=getActiveApi();t?t.hideAll():warnNoProvider()}},buildStyles=()=>_reactNative.StyleSheet.create({layer:{position:"absolute",left:0,right:0},top:{alignItems:"stretch"},bottom:{alignItems:"stretch"}});

package/lib/commonjs/components/Toast/index.js

@@ -1,39 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Toast", {
-  enumerable: true,
-  get: function () {
-    return _Toast.Toast;
-  }
-});
-Object.defineProperty(exports, "ToastProvider", {
-  enumerable: true,
-  get: function () {
-    return _ToastProvider.ToastProvider;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Toast.default;
-  }
-});
-Object.defineProperty(exports, "toast", {
-  enumerable: true,
-  get: function () {
-    return _ToastProvider.toast;
-  }
-});
-Object.defineProperty(exports, "useToast", {
-  enumerable: true,
-  get: function () {
-    return _ToastProvider.useToast;
-  }
-});
-var _Toast = _interopRequireWildcard(require("./Toast.js"));
-var _ToastProvider = require("./ToastProvider.js");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Toast",{enumerable:!0,get:function(){return _Toast.Toast}}),Object.defineProperty(exports,"ToastHost",{enumerable:!0,get:function(){return _ToastProvider.ToastHost}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function(){return _ToastProvider.ToastProvider}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Toast.default}}),Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return _ToastProvider.toast}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return _ToastProvider.useToast}});var _Toast=_interopRequireWildcard(require("./Toast.js")),_ToastProvider=require("./ToastProvider.js");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(i,t,a):i[t]=e[t]);return i})(e,t)}

package/lib/commonjs/components/Tooltip/Tooltip.js

@@ -1,412 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Tooltip = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _corners = require("../../utils/corners.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const DEFAULT_TOOLTIP_GAP = 8;
-const DEFAULT_SCREEN_PADDING = 8;
-const DEFAULT_PRESS_AUTO_HIDE_MS = 4000;
-const DEFAULT_ARROW_HALF_WIDTH = 4; // half of 8px arrow base
-const DEFAULT_ARROW_HEIGHT = 6;
-const DEFAULT_ARROW_CORNER_PADDING = 12;
-const DEFAULT_MAX_WIDTH = 240;
-const DEFAULT_LINE_HEIGHT = 18;
-const Tooltip = props => {
-  const {
-    content,
-    children,
-    placement = 'auto',
-    trigger = 'longPress',
-    visible: controlledVisible,
-    onVisibleChange,
-    hideOnContentPress = true,
-    maxWidth,
-    showArrow = true,
-    accessibilityLabel,
-    style,
-    containerStyle,
-    arrowStyle: arrowStyleOverride,
-    messageStyle,
-    testID
-  } = props;
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const tooltipTokens = theme.components.tooltip;
-  const TOOLTIP_GAP = tooltipTokens?.gap ?? DEFAULT_TOOLTIP_GAP;
-  const SCREEN_PADDING = tooltipTokens?.screenPadding ?? DEFAULT_SCREEN_PADDING;
-  const PRESS_AUTO_HIDE_MS = tooltipTokens?.pressAutoHideMs ?? DEFAULT_PRESS_AUTO_HIDE_MS;
-  const ARROW_HALF_WIDTH = tooltipTokens?.arrowHalfWidth ?? DEFAULT_ARROW_HALF_WIDTH;
-  const ARROW_HEIGHT = tooltipTokens?.arrowHeight ?? DEFAULT_ARROW_HEIGHT;
-  const ARROW_CORNER_PADDING = tooltipTokens?.arrowCornerPadding ?? DEFAULT_ARROW_CORNER_PADDING;
-  const MESSAGE_LINE_HEIGHT = tooltipTokens?.lineHeight ?? DEFAULT_LINE_HEIGHT;
-  const resolvedMaxWidth = maxWidth ?? tooltipTokens?.maxWidth ?? DEFAULT_MAX_WIDTH;
-  const enableScaleAnimation = tooltipTokens?.enableScaleAnimation ?? false;
-  const exitDurationMs = tooltipTokens?.exitDurationMs ?? 150;
-  const isControlled = trigger === 'manual' || typeof controlledVisible === 'boolean';
-  const [internalVisible, setInternalVisible] = (0, _react.useState)(false);
-  const visible = isControlled ? Boolean(controlledVisible) : internalVisible;
-  const [anchor, setAnchor] = (0, _react.useState)(null);
-  const [size, setSize] = (0, _react.useState)({
-    width: 0,
-    height: 0
-  });
-  const wrapperRef = (0, _react.useRef)(null);
-  const scale = (0, _react.useRef)((0, _index.createAnimatedValue)(visible ? 1 : enableScaleAnimation ? 0.85 : 1)).current;
-  const opacity = (0, _react.useRef)((0, _index.createAnimatedValue)(visible ? 1 : 0)).current;
-  const autoHideTimer = (0, _react.useRef)(null);
-  const didMount = (0, _react.useRef)(false);
-  const setVisible = (0, _react.useCallback)(next => {
-    if (!isControlled) {
-      setInternalVisible(next);
-    }
-    onVisibleChange?.(next);
-  }, [isControlled, onVisibleChange]);
-  const measureAnchor = (0, _react.useCallback)(() => {
-    if (!wrapperRef.current) {
-      return;
-    }
-    wrapperRef.current.measureInWindow((x, y, width, height) => {
-      setAnchor({
-        x,
-        y,
-        width,
-        height
-      });
-    });
-  }, []);
-  const handleTrigger = (0, _react.useCallback)(_event => {
-    measureAnchor();
-    setVisible(true);
-  }, [measureAnchor, setVisible]);
-  const handleHide = (0, _react.useCallback)(() => {
-    setVisible(false);
-  }, [setVisible]);
-
-  // Animations + auto-hide
-  // biome-ignore lint/correctness/useExhaustiveDependencies: entry/exit is driven by `visible` alone; `handleHide`/`measureAnchor` are re-created per render and declaring them would re-run the mount branch and re-arm the auto-hide timer continuously
-  (0, _react.useEffect)(() => {
-    // On first mount, skip the entry animation if we're already visible
-    // (avoids native-driver bootstrap issues during render).
-    if (!didMount.current) {
-      didMount.current = true;
-      if (visible) {
-        measureAnchor();
-        if (trigger === 'press') {
-          if (autoHideTimer.current) {
-            clearTimeout(autoHideTimer.current);
-          }
-          autoHideTimer.current = setTimeout(() => {
-            handleHide();
-          }, PRESS_AUTO_HIDE_MS);
-        }
-      }
-      return () => {
-        if (autoHideTimer.current) {
-          clearTimeout(autoHideTimer.current);
-          autoHideTimer.current = null;
-        }
-      };
-    }
-    let anim;
-    if (visible) {
-      measureAnchor();
-      const enterAnims = [_reactNative.Animated.timing(opacity, {
-        toValue: 1,
-        duration: theme.motion.duration.fast,
-        useNativeDriver: true
-      })];
-      if (enableScaleAnimation) {
-        enterAnims.push(_reactNative.Animated.spring(scale, {
-          toValue: 1,
-          damping: theme.motion.spring.snappy.damping,
-          stiffness: theme.motion.spring.snappy.stiffness,
-          mass: theme.motion.spring.snappy.mass,
-          useNativeDriver: true
-        }));
-      }
-      anim = _reactNative.Animated.parallel(enterAnims);
-      anim.start();
-      if (trigger === 'press') {
-        if (autoHideTimer.current) {
-          clearTimeout(autoHideTimer.current);
-        }
-        autoHideTimer.current = setTimeout(() => {
-          handleHide();
-        }, PRESS_AUTO_HIDE_MS);
-      }
-    } else {
-      const exitAnims = [_reactNative.Animated.timing(opacity, {
-        toValue: 0,
-        duration: exitDurationMs,
-        easing: _reactNative.Easing.bezier(...theme.motion.easing.accelerate),
-        useNativeDriver: true
-      })];
-      if (enableScaleAnimation) {
-        exitAnims.push(_reactNative.Animated.timing(scale, {
-          toValue: 0.85,
-          duration: exitDurationMs,
-          easing: _reactNative.Easing.bezier(...theme.motion.easing.accelerate),
-          useNativeDriver: true
-        }));
-      }
-      anim = _reactNative.Animated.parallel(exitAnims);
-      anim.start();
-      if (autoHideTimer.current) {
-        clearTimeout(autoHideTimer.current);
-        autoHideTimer.current = null;
-      }
-    }
-    return () => {
-      anim?.stop();
-      if (autoHideTimer.current) {
-        clearTimeout(autoHideTimer.current);
-        autoHideTimer.current = null;
-      }
-    };
-  }, [visible]);
-  const handleContentLayout = e => {
-    const {
-      width,
-      height
-    } = e.nativeEvent.layout;
-    if (width !== size.width || height !== size.height) {
-      setSize({
-        width,
-        height
-      });
-    }
-  };
-  const position = (0, _react.useMemo)(() => {
-    const screen = _reactNative.Dimensions.get('window');
-    if (!anchor) {
-      // Fallback before measurement: render off-screen-ish at top-left, will reposition on layout.
-      return {
-        top: SCREEN_PADDING,
-        left: SCREEN_PADDING,
-        placement: 'bottom',
-        arrowOffset: 0
-      };
-    }
-    const tooltipWidth = size.width || Math.min(resolvedMaxWidth, screen.width - SCREEN_PADDING * 2);
-    const tooltipHeight = size.height || 0;
-
-    // Choose placement.
-    let resolved;
-    if (placement === 'auto') {
-      const space = {
-        top: anchor.y,
-        bottom: screen.height - (anchor.y + anchor.height),
-        left: anchor.x,
-        right: screen.width - (anchor.x + anchor.width)
-      };
-      const max = Math.max(space.top, space.bottom, space.left, space.right);
-      if (max === space.bottom) {
-        resolved = 'bottom';
-      } else if (max === space.top) {
-        resolved = 'top';
-      } else if (max === space.right) {
-        resolved = 'right';
-      } else {
-        resolved = 'left';
-      }
-    } else {
-      resolved = placement;
-    }
-    let top = 0;
-    let left = 0;
-    if (resolved === 'top') {
-      top = anchor.y - tooltipHeight - TOOLTIP_GAP;
-      left = anchor.x + anchor.width / 2 - tooltipWidth / 2;
-    } else if (resolved === 'bottom') {
-      top = anchor.y + anchor.height + TOOLTIP_GAP;
-      left = anchor.x + anchor.width / 2 - tooltipWidth / 2;
-    } else if (resolved === 'left') {
-      top = anchor.y + anchor.height / 2 - tooltipHeight / 2;
-      left = anchor.x - tooltipWidth - TOOLTIP_GAP;
-    } else {
-      top = anchor.y + anchor.height / 2 - tooltipHeight / 2;
-      left = anchor.x + anchor.width + TOOLTIP_GAP;
-    }
-
-    // Clamp to screen.
-    left = Math.max(SCREEN_PADDING, Math.min(left, screen.width - tooltipWidth - SCREEN_PADDING));
-    top = Math.max(SCREEN_PADDING, Math.min(top, screen.height - tooltipHeight - SCREEN_PADDING));
-
-    // Compute arrow offset along the card's trigger-facing edge so the caret stays
-    // pointing at the trigger even after the card is clamped to the viewport.
-    let arrowOffset = 0;
-    if (resolved === 'top' || resolved === 'bottom') {
-      const triggerCenterX = anchor.x + anchor.width / 2;
-      const desired = triggerCenterX - left; // x-offset from card's left edge
-      const min = ARROW_CORNER_PADDING;
-      const max = Math.max(min, tooltipWidth - ARROW_CORNER_PADDING);
-      arrowOffset = Math.max(min, Math.min(desired, max));
-    } else {
-      const triggerCenterY = anchor.y + anchor.height / 2;
-      const desired = triggerCenterY - top;
-      const min = ARROW_CORNER_PADDING;
-      const max = Math.max(min, tooltipHeight - ARROW_CORNER_PADDING);
-      arrowOffset = Math.max(min, Math.min(desired, max));
-    }
-    return {
-      top,
-      left,
-      placement: resolved,
-      arrowOffset
-    };
-  }, [anchor, size, placement, resolvedMaxWidth, SCREEN_PADDING, TOOLTIP_GAP, ARROW_CORNER_PADDING]);
-
-  // Build the cloned trigger.
-  const triggerProps = {};
-  if (trigger === 'longPress') {
-    triggerProps.onLongPress = handleTrigger;
-    triggerProps.accessibilityHint = 'Long press for more info';
-  } else if (trigger === 'press') {
-    const childOnPress = children.props.onPress;
-    triggerProps.onPress = e => {
-      childOnPress?.(e);
-      handleTrigger(e);
-    };
-  }
-  const clonedChild = /*#__PURE__*/_react.default.cloneElement(children, triggerProps);
-  const a11yLabel = accessibilityLabel ?? (typeof content === 'string' ? content : 'Tooltip');
-
-  // Arrow style: a CSS-triangle implemented via 0-width view with transparent
-  // borders. We rotate the base (placement='top' = arrow on bottom-edge pointing
-  // down) into the four cardinal orientations.
-  const arrowStyle = (0, _react.useMemo)(() => {
-    if (!showArrow) {
-      return null;
-    }
-    const arrowColor = theme.colors.background.inverse;
-    const base = {
-      position: 'absolute',
-      width: 0,
-      height: 0,
-      backgroundColor: 'transparent',
-      borderStyle: 'solid',
-      borderLeftWidth: ARROW_HALF_WIDTH,
-      borderRightWidth: ARROW_HALF_WIDTH,
-      borderBottomWidth: ARROW_HEIGHT,
-      borderTopWidth: 0,
-      borderLeftColor: 'transparent',
-      borderRightColor: 'transparent',
-      borderTopColor: 'transparent',
-      borderBottomColor: arrowColor
-    };
-    if (position.placement === 'top') {
-      // Card is above trigger; arrow on bottom edge, pointing down.
-      return {
-        ...base,
-        bottom: -ARROW_HEIGHT,
-        left: position.arrowOffset - ARROW_HALF_WIDTH,
-        transform: [{
-          rotate: '180deg'
-        }]
-      };
-    }
-    if (position.placement === 'bottom') {
-      // Card below trigger; arrow on top edge, pointing up.
-      return {
-        ...base,
-        top: -ARROW_HEIGHT,
-        left: position.arrowOffset - ARROW_HALF_WIDTH
-      };
-    }
-    if (position.placement === 'left') {
-      // Card left of trigger; arrow on right edge, pointing right.
-      return {
-        ...base,
-        right: -ARROW_HEIGHT,
-        top: position.arrowOffset - ARROW_HALF_WIDTH,
-        transform: [{
-          rotate: '90deg'
-        }]
-      };
-    }
-    // 'right': card right of trigger; arrow on left edge, pointing left.
-    return {
-      ...base,
-      left: -ARROW_HEIGHT,
-      top: position.arrowOffset - ARROW_HALF_WIDTH,
-      transform: [{
-        rotate: '-90deg'
-      }]
-    };
-  }, [showArrow, position, theme, ARROW_HALF_WIDTH, ARROW_HEIGHT]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      ref: wrapperRef,
-      collapsable: false,
-      onLayout: measureAnchor,
-      testID: testID,
-      children: clonedChild
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-      visible: visible,
-      transparent: true,
-      statusBarTranslucent: true,
-      presentationStyle: "overFullScreen",
-      animationType: "none",
-      onRequestClose: handleHide,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        style: _reactNative.StyleSheet.absoluteFill,
-        onPress: hideOnContentPress ? handleHide : undefined,
-        accessibilityLabel: "Close tooltip",
-        accessibilityRole: "button",
-        children: visible ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-          accessibilityRole: 'tooltip',
-          accessibilityLiveRegion: "polite",
-          accessibilityLabel: a11yLabel,
-          onLayout: handleContentLayout,
-          style: [{
-            position: 'absolute',
-            top: position.top,
-            left: position.left,
-            maxWidth: resolvedMaxWidth,
-            opacity,
-            transform: [{
-              scale
-            }]
-          }, style, containerStyle],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.tooltip, {
-              backgroundColor: theme.colors.background.inverse,
-              borderRadius: theme.radius.md,
-              ..._corners.smoothCorners,
-              paddingHorizontal: theme.spacing.md,
-              paddingVertical: theme.spacing.sm,
-              ...theme.shadows.lg,
-              shadowColor: theme.shadows.lg.shadowColor
-            }],
-            children: typeof content === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [{
-                color: theme.colors.text.inverse,
-                fontSize: theme.typography.fontSize.sm,
-                lineHeight: MESSAGE_LINE_HEIGHT
-              }, messageStyle],
-              children: content
-            }) : content
-          }), arrowStyle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [arrowStyle, arrowStyleOverride],
-            pointerEvents: "none"
-          }) : null]
-        }) : null
-      })
-    })]
-  });
-};
-exports.Tooltip = Tooltip;
-const buildStyles = _theme => _reactNative.StyleSheet.create({
-  tooltip: {
-    overflow: 'hidden'
-  }
-});
-var _default = exports.default = Tooltip;
-//# sourceMappingURL=Tooltip.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tooltip=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,a,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(o=t?i:r){if(o.has(e))return o.get(e);o.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?o(n,t,a):n[t]=e[t]);return n})(e,t)}const DEFAULT_TOOLTIP_GAP=8,DEFAULT_SCREEN_PADDING=8,DEFAULT_PRESS_AUTO_HIDE_MS=4e3,DEFAULT_ARROW_HALF_WIDTH=4,DEFAULT_ARROW_HEIGHT=6,DEFAULT_ARROW_CORNER_PADDING=12,DEFAULT_MAX_WIDTH=240,DEFAULT_LINE_HEIGHT=18,Tooltip=e=>{const{content:t,children:r,placement:i="auto",trigger:o="longPress",visible:a,onVisibleChange:n,hideOnContentPress:s=!0,maxWidth:l,showArrow:c=!0,accessibilityLabel:u,style:d,containerStyle:p,arrowStyle:h,messageStyle:m,testID:_}=e,f=(0,_index.useTheme)(),g=(0,_react.useMemo)(()=>buildStyles(f),[f]),b=f.components.tooltip,x=b?.gap??8,y=b?.screenPadding??8,v=b?.pressAutoHideMs??4e3,w=b?.arrowHalfWidth??4,T=b?.arrowHeight??6,R=b?.arrowCornerPadding??12,A=b?.lineHeight??18,j=l??b?.maxWidth??240,N=b?.enableScaleAnimation??!1,M=b?.exitDurationMs??150,D="manual"===o||"boolean"==typeof a,[E,P]=(0,_react.useState)(!1),S=D?Boolean(a):E,[L,C]=(0,_react.useState)(null),[W,O]=(0,_react.useState)({width:0,height:0}),H=(0,_react.useRef)(null),F=(0,_react.useRef)((0,_index.createAnimatedValue)(S?1:N?.85:1)).current,I=(0,_react.useRef)((0,_index.createAnimatedValue)(S?1:0)).current,V=(0,_react.useRef)(null),k=(0,_react.useRef)(!1),q=(0,_react.useCallback)(e=>{D||P(e),n?.(e)},[D,n]),U=(0,_react.useCallback)(()=>{H.current&&H.current.measureInWindow((e,t,r,i)=>{C({x:e,y:t,width:r,height:i})})},[]),z=(0,_react.useCallback)(e=>{U(),q(!0)},[U,q]),G=(0,_react.useCallback)(()=>{q(!1)},[q]);(0,_react.useEffect)(()=>{if(!k.current)return k.current=!0,S&&(U(),"press"===o&&(V.current&&clearTimeout(V.current),V.current=setTimeout(()=>{G()},v))),()=>{V.current&&(clearTimeout(V.current),V.current=null)};let e;if(S){U();const t=[_reactNative.Animated.timing(I,{toValue:1,duration:f.motion.duration.fast,useNativeDriver:!0})];N&&t.push(_reactNative.Animated.spring(F,{toValue:1,damping:f.motion.spring.snappy.damping,stiffness:f.motion.spring.snappy.stiffness,mass:f.motion.spring.snappy.mass,useNativeDriver:!0})),e=_reactNative.Animated.parallel(t),e.start(),"press"===o&&(V.current&&clearTimeout(V.current),V.current=setTimeout(()=>{G()},v))}else{const t=[_reactNative.Animated.timing(I,{toValue:0,duration:M,easing:_reactNative.Easing.bezier(...f.motion.easing.accelerate),useNativeDriver:!0})];N&&t.push(_reactNative.Animated.timing(F,{toValue:.85,duration:M,easing:_reactNative.Easing.bezier(...f.motion.easing.accelerate),useNativeDriver:!0})),e=_reactNative.Animated.parallel(t),e.start(),V.current&&(clearTimeout(V.current),V.current=null)}return()=>{e?.stop(),V.current&&(clearTimeout(V.current),V.current=null)}},[S]);const B=(0,_react.useMemo)(()=>{const e=_reactNative.Dimensions.get("window");if(!L)return{top:y,left:y,placement:"bottom",arrowOffset:0};const t=W.width||Math.min(j,e.width-2*y),r=W.height||0;let o;if("auto"===i){const t={top:L.y,bottom:e.height-(L.y+L.height),left:L.x,right:e.width-(L.x+L.width)},r=Math.max(t.top,t.bottom,t.left,t.right);o=r===t.bottom?"bottom":r===t.top?"top":r===t.right?"right":"left"}else o=i;let a=0,n=0;"top"===o?(a=L.y-r-x,n=L.x+L.width/2-t/2):"bottom"===o?(a=L.y+L.height+x,n=L.x+L.width/2-t/2):"left"===o?(a=L.y+L.height/2-r/2,n=L.x-t-x):(a=L.y+L.height/2-r/2,n=L.x+L.width+x),n=Math.max(y,Math.min(n,e.width-t-y)),a=Math.max(y,Math.min(a,e.height-r-y));let s=0;if("top"===o||"bottom"===o){const e=L.x+L.width/2-n,r=R,i=Math.max(r,t-R);s=Math.max(r,Math.min(e,i))}else{const e=L.y+L.height/2-a,t=R,i=Math.max(t,r-R);s=Math.max(t,Math.min(e,i))}return{top:a,left:n,placement:o,arrowOffset:s}},[L,W,i,j,y,x,R]),X={};if("longPress"===o)X.onLongPress=z,X.accessibilityHint="Long press for more info";else if("press"===o){const e=r.props.onPress;X.onPress=t=>{e?.(t),z(t)}}const J=_react.default.cloneElement(r,X),K=u??("string"==typeof t?t:"Tooltip"),Q=(0,_react.useMemo)(()=>{if(!c)return null;const e=f.colors.background.inverse,t={position:"absolute",width:0,height:0,backgroundColor:"transparent",borderStyle:"solid",borderLeftWidth:w,borderRightWidth:w,borderBottomWidth:T,borderTopWidth:0,borderLeftColor:"transparent",borderRightColor:"transparent",borderTopColor:"transparent",borderBottomColor:e};return"top"===B.placement?{...t,bottom:-T,left:B.arrowOffset-w,transform:[{rotate:"180deg"}]}:"bottom"===B.placement?{...t,top:-T,left:B.arrowOffset-w}:"left"===B.placement?{...t,right:-T,top:B.arrowOffset-w,transform:[{rotate:"90deg"}]}:{...t,left:-T,top:B.arrowOffset-w,transform:[{rotate:"-90deg"}]}},[c,B,f,w,T]);return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{ref:H,collapsable:!1,onLayout:U,testID:_,children:J}),(0,_jsxRuntime.jsxs)(_reactNative.Modal,{visible:S,transparent:!0,statusBarTranslucent:!0,presentationStyle:"overFullScreen",animationType:"none",onRequestClose:G,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:s?G:void 0,accessibilityLabel:"Close tooltip",accessibilityRole:"button",children:S?(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{accessibilityRole:"tooltip",accessibilityLiveRegion:"polite",accessibilityLabel:K,onLayout:e=>{const{width:t,height:r}=e.nativeEvent.layout;t===W.width&&r===W.height||O({width:t,height:r})},style:[{position:"absolute",top:B.top,left:B.left,maxWidth:j,opacity:I,transform:[{scale:F}]},d,p],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[g.tooltip,{backgroundColor:f.colors.background.inverse,borderRadius:f.radius.md,..._corners.smoothCorners,paddingHorizontal:f.spacing.md,paddingVertical:f.spacing.sm,...f.shadows.lg,shadowColor:f.shadows.lg.shadowColor}],children:"string"==typeof t?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{color:f.colors.text.inverse,fontSize:f.typography.fontSize.sm,lineHeight:A},m],children:t}):t}),Q?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[Q,h],pointerEvents:"none"}):null]}):null}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})]})};exports.Tooltip=Tooltip;const buildStyles=e=>_reactNative.StyleSheet.create({tooltip:{overflow:"hidden"}});var _default=exports.default=Tooltip;