@cdx-ui/primitives 0.0.1-beta.144 → 0.0.1-beta.145

package/lib/module/tooltip/TooltipTrigger.js

@@ -0,0 +1,128 @@
+"use strict";
+
+import { forwardRef, useCallback } from 'react';
+import { Platform, Pressable } from 'react-native';
+import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
+import { useFocus } from '@react-native-aria/focus';
+import { useHover } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useTooltipContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TooltipTrigger = /*#__PURE__*/forwardRef(({
+  asChild = true,
+  children,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  onLongPress,
+  onPress,
+  onLayout,
+  ...props
+}, ref) => {
+  const {
+    open,
+    setOpen,
+    requestOpen,
+    requestClose,
+    isDisabled,
+    trigger,
+    triggerRef,
+    contentId,
+    triggerId
+  } = useTooltipContext();
+  const mergedRef = mergeRefs(ref, triggerRef);
+  const {
+    hoverProps,
+    isHovered
+  } = useHover({}, mergedRef);
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const handleOpen = useCallback(() => {
+    if (isDisabled) {
+      return;
+    }
+    requestOpen();
+  }, [isDisabled, requestOpen]);
+  const handleClose = useCallback(() => {
+    requestClose();
+  }, [requestClose]);
+  const isWeb = Platform.OS === 'web';
+  const usesLongPressOnNative = !isWeb && (trigger === 'hover' || trigger === 'focus');
+  const usesClickToggle = trigger === 'click';
+  const handlePress = composeEventHandlers(onPress, () => {
+    if (!usesClickToggle || isDisabled) {
+      return;
+    }
+    setOpen(!open);
+  });
+  const handleHoverIn = composeEventHandlers(composeEventHandlers(onHoverIn, hoverProps.onHoverIn), () => {
+    if (isWeb && trigger === 'hover') {
+      handleOpen();
+    }
+  });
+  const handleHoverOut = composeEventHandlers(composeEventHandlers(onHoverOut, hoverProps.onHoverOut), () => {
+    if (isWeb && trigger === 'hover') {
+      handleClose();
+    }
+  });
+  const handleFocus = composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), () => {
+    if (!isWeb) {
+      return;
+    }
+    if (trigger === 'focus' || trigger === 'hover') {
+      handleOpen();
+    }
+  });
+  const handleBlur = composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), () => {
+    if (!isWeb) {
+      return;
+    }
+    if (trigger === 'focus' || trigger === 'hover') {
+      handleClose();
+    }
+  });
+  const handleLongPress = composeEventHandlers(onLongPress, () => {
+    if (usesLongPressOnNative) {
+      handleOpen();
+    }
+  });
+  const webHoverProps = isWeb && trigger === 'hover' ? {
+    onPointerEnter: handleHoverIn,
+    onPointerLeave: handleHoverOut
+  } : {};
+  const webA11yProps = isWeb ? {
+    id: triggerId,
+    'aria-describedby': open ? contentId : undefined,
+    ...(trigger === 'click' ? {
+      'aria-expanded': open
+    } : {})
+  } : {};
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: mergedRef,
+    disabled: isDisabled,
+    ...props,
+    ...webA11yProps,
+    ...focusProps,
+    ...webHoverProps,
+    onLayout: onLayout,
+    ...mergeDataAttributes(props, dataAttributes({
+      triggerHover: isHovered,
+      triggerFocus: isFocused,
+      disabled: isDisabled
+    })),
+    onHoverIn: handleHoverIn,
+    onHoverOut: handleHoverOut,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onLongPress: handleLongPress,
+    onPress: handlePress,
+    children: children
+  });
+});
+TooltipTrigger.displayName = 'TooltipTrigger';
+//# sourceMappingURL=TooltipTrigger.js.map

package/lib/module/tooltip/TooltipTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","Platform","Pressable","composeEventHandlers","mergeRefs","useFocus","useHover","Slot","dataAttributes","mergeDataAttributes","useTooltipContext","jsx","_jsx","TooltipTrigger","asChild","children","onHoverIn","onHoverOut","onFocus","onBlur","onLongPress","onPress","onLayout","props","ref","open","setOpen","requestOpen","requestClose","isDisabled","trigger","triggerRef","contentId","triggerId","mergedRef","hoverProps","isHovered","focusProps","isFocused","handleOpen","handleClose","isWeb","OS","usesLongPressOnNative","usesClickToggle","handlePress","handleHoverIn","handleHoverOut","handleFocus","handleBlur","handleLongPress","webHoverProps","onPointerEnter","onPointerLeave","webA11yProps","id","undefined","Comp","disabled","triggerHover","triggerFocus","displayName"],"sourceRoot":"../../../src","sources":["tooltip/TooltipTrigger.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tooltip/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [TooltipProvider, useTooltipContext] = createContext('TooltipContext');
+//# sourceMappingURL=context.js.map

package/lib/module/tooltip/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","TooltipProvider","useTooltipContext"],"sourceRoot":"../../../src","sources":["tooltip/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,eAAe,EAAEC,iBAAiB,CAAC,GAC/CF,aAAa,CAAsB,gBAAgB,CAAC","ignoreList":[]}

package/lib/module/tooltip/getTooltipPosition.js

@@ -0,0 +1,119 @@
+"use strict";
+
+import { Platform } from 'react-native';
+export const TOOLTIP_PLACEMENTS = ['auto', 'auto-start', 'auto-end', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'];
+export const TOOLTIP_Z_INDEX = 9999;
+const SCREEN_PADDING = 8;
+function parsePlacement(placement) {
+  if (placement === 'auto' || placement === 'auto-start' || placement === 'auto-end') {
+    return 'auto';
+  }
+  const segments = placement.split('-');
+  const side = segments[0];
+  if (segments.length === 1) {
+    return {
+      side,
+      align: 'center'
+    };
+  }
+  return {
+    side,
+    align: segments[1]
+  };
+}
+function resolveAutoPlacement(anchor, viewport, alignPreference) {
+  const spaceTop = anchor.y - SCREEN_PADDING;
+  const spaceBottom = viewport.height - anchor.y - anchor.height - SCREEN_PADDING;
+  const spaceLeft = anchor.x - SCREEN_PADDING;
+  const spaceRight = viewport.width - anchor.x - anchor.width - SCREEN_PADDING;
+  const spaces = [{
+    side: 'top',
+    value: spaceTop
+  }, {
+    side: 'bottom',
+    value: spaceBottom
+  }, {
+    side: 'left',
+    value: spaceLeft
+  }, {
+    side: 'right',
+    value: spaceRight
+  }];
+  const best = spaces.reduce((current, next) => next.value > current.value ? next : current);
+  return {
+    side: best.side,
+    align: alignPreference
+  };
+}
+function getAlignOffset(anchor, align, axis) {
+  if (align === 'start') {
+    return axis === 'horizontal' ? anchor.x : anchor.y;
+  }
+  if (align === 'end') {
+    return axis === 'horizontal' ? anchor.x + anchor.width : anchor.y + anchor.height;
+  }
+  return axis === 'horizontal' ? anchor.x + anchor.width / 2 : anchor.y + anchor.height / 2;
+}
+export function getTooltipAnchorStyle(anchor, placement, offset, viewport) {
+  const parsed = parsePlacement(placement);
+  const resolved = parsed === 'auto' ? resolveAutoPlacement(anchor, viewport, placement === 'auto-start' ? 'start' : placement === 'auto-end' ? 'end' : 'center') : parsed;
+  const position = Platform.OS === 'web' ? 'fixed' : 'absolute';
+  const style = {
+    position,
+    zIndex: TOOLTIP_Z_INDEX
+  };
+  const {
+    side,
+    align
+  } = resolved;
+  if (side === 'top') {
+    style.top = anchor.y - offset;
+    style.left = getAlignOffset(anchor, align, 'horizontal');
+    style.transform = align === 'center' ? [{
+      translateX: '-50%'
+    }, {
+      translateY: '-100%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-100%'
+    }] : [{
+      translateY: '-100%'
+    }];
+  } else if (side === 'bottom') {
+    style.top = anchor.y + anchor.height + offset;
+    style.left = getAlignOffset(anchor, align, 'horizontal');
+    style.transform = align === 'center' ? [{
+      translateX: '-50%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }] : undefined;
+  } else if (side === 'left') {
+    style.left = anchor.x - offset;
+    style.top = getAlignOffset(anchor, align, 'vertical');
+    style.transform = align === 'center' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-50%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-100%'
+    }] : [{
+      translateX: '-100%'
+    }];
+  } else {
+    style.left = anchor.x + anchor.width + offset;
+    style.top = getAlignOffset(anchor, align, 'vertical');
+    style.transform = align === 'center' ? [{
+      translateY: '-50%'
+    }] : align === 'end' ? [{
+      translateY: '-100%'
+    }] : undefined;
+  }
+  return {
+    style,
+    resolved
+  };
+}
+//# sourceMappingURL=getTooltipPosition.js.map

package/lib/module/tooltip/getTooltipPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","TOOLTIP_PLACEMENTS","TOOLTIP_Z_INDEX","SCREEN_PADDING","parsePlacement","placement","segments","split","side","length","align","resolveAutoPlacement","anchor","viewport","alignPreference","spaceTop","y","spaceBottom","height","spaceLeft","x","spaceRight","width","spaces","value","best","reduce","current","next","getAlignOffset","axis","getTooltipAnchorStyle","offset","parsed","resolved","position","OS","style","zIndex","top","left","transform","translateX","translateY","undefined"],"sourceRoot":"../../../src","sources":["tooltip/getTooltipPosition.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/tooltip/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { TooltipProvider, useTooltipContext } from './context';
+export { TooltipRoot } from './TooltipRoot';
+export { TooltipTrigger } from './TooltipTrigger';
+export { TooltipContent } from './TooltipContent';
+export { TOOLTIP_PLACEMENTS, getTooltipAnchorStyle } from './getTooltipPosition';
+//# sourceMappingURL=index.js.map

package/lib/module/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TooltipProvider","useTooltipContext","TooltipRoot","TooltipTrigger","TooltipContent","TOOLTIP_PLACEMENTS","getTooltipAnchorStyle"],"sourceRoot":"../../../src","sources":["tooltip/index.ts"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,iBAAiB,QAAQ,WAAW;AAC9D,SAASC,WAAW,QAA+B,eAAe;AAClE,SAASC,cAAc,QAAkC,kBAAkB;AAC3E,SAASC,cAAc,QAAkC,kBAAkB;AAC3E,SACEC,kBAAkB,EAClBC,qBAAqB,QAMhB,sBAAsB","ignoreList":[]}

package/lib/module/tooltip/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/tooltip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["tooltip/types.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/index.d.ts

@@ -27,6 +27,7 @@ export * from './switch';
 export * from './tabs';
 export * from './tile';
 export * from './toast';
+export * from './tooltip';
 export * from './portal';
 export * from './progress-bar';
 export * from './radio';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,OAAO,EACL,KAAK,UAAU,EACf,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,WAAW,CAAC;AACnB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,OAAO,EACL,KAAK,UAAU,EACf,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,WAAW,CAAC;AACnB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/lib/typescript/overlay/useAnchorPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnchorPosition.d.ts","sourceRoot":"","sources":["../../../src/overlay/useAnchorPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAwBD,MAAM,WAAW,wBAAwB;IACvC,qFAAqF;IACrF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oFAAoF;IACpF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EACzB,IAAI,EAAE,OAAO,EACb,OAAO,CAAC,EAAE,wBAAwB,GACjC,YAAY,GAAG,IAAI,CAqGrB"}
+{"version":3,"file":"useAnchorPosition.d.ts","sourceRoot":"","sources":["../../../src/overlay/useAnchorPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAwBD,MAAM,WAAW,wBAAwB;IACvC,qFAAqF;IACrF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oFAAoF;IACpF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EACzB,IAAI,EAAE,OAAO,EACb,OAAO,CAAC,EAAE,wBAAwB,GACjC,YAAY,GAAG,IAAI,CAgGrB"}

package/lib/typescript/tooltip/TooltipContent.d.ts

@@ -0,0 +1,6 @@
+import { View } from 'react-native';
+import type { ITooltipContentProps } from './types';
+export interface TooltipContentProps extends ITooltipContentProps {
+}
+export declare const TooltipContent: import("react").ForwardRefExoticComponent<TooltipContentProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=TooltipContent.d.ts.map

package/lib/typescript/tooltip/TooltipContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../src/tooltip/TooltipContent.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAwB,IAAI,EAAuB,MAAM,cAAc,CAAC;AAS/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;CAAG;AAEpE,eAAO,MAAM,cAAc,sGA+F1B,CAAC"}

package/lib/typescript/tooltip/TooltipRoot.d.ts

@@ -0,0 +1,7 @@
+import { View } from 'react-native';
+import type { ITooltipProps } from './types';
+export interface TooltipRootProps extends ITooltipProps {
+    asChild?: boolean;
+}
+export declare const TooltipRoot: import("react").ForwardRefExoticComponent<TooltipRootProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=TooltipRoot.d.ts.map

package/lib/typescript/tooltip/TooltipRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipRoot.d.ts","sourceRoot":"","sources":["../../../src/tooltip/TooltipRoot.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAMpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,mGAkKvB,CAAC"}

package/lib/typescript/tooltip/TooltipTrigger.d.ts

@@ -0,0 +1,5 @@
+import type { ITooltipTriggerProps } from './types';
+export interface TooltipTriggerProps extends ITooltipTriggerProps {
+}
+export declare const TooltipTrigger: import("react").ForwardRefExoticComponent<TooltipTriggerProps & import("react").RefAttributes<import("react-native").View>>;
+//# sourceMappingURL=TooltipTrigger.d.ts.map

package/lib/typescript/tooltip/TooltipTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipTrigger.d.ts","sourceRoot":"","sources":["../../../src/tooltip/TooltipTrigger.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;CAAG;AAEpE,eAAO,MAAM,cAAc,6HAiJ1B,CAAC"}

package/lib/typescript/tooltip/context.d.ts

@@ -0,0 +1,6 @@
+import type { TooltipContextValue } from './types';
+export declare const TooltipProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: TooltipContextValue;
+}>, useTooltipContext: () => TooltipContextValue;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/tooltip/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/tooltip/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAO,eAAe;;;IAAE,iBAAiB,2BACM,CAAC"}

package/lib/typescript/tooltip/getTooltipPosition.d.ts

@@ -0,0 +1,20 @@
+import { type ViewStyle } from 'react-native';
+import type { AnchorLayout } from '../overlay/useAnchorPosition';
+export declare const TOOLTIP_PLACEMENTS: readonly ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end", "right", "right-start", "right-end"];
+export type TooltipPlacement = (typeof TOOLTIP_PLACEMENTS)[number];
+export type TooltipTriggerMode = 'hover' | 'focus' | 'click';
+export type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipAlign = 'start' | 'center' | 'end';
+export interface ResolvedTooltipPlacement {
+    readonly side: TooltipSide;
+    readonly align: TooltipAlign;
+}
+export declare const TOOLTIP_Z_INDEX = 9999;
+export declare function getTooltipAnchorStyle(anchor: AnchorLayout, placement: TooltipPlacement, offset: number, viewport: {
+    width: number;
+    height: number;
+}): {
+    style: ViewStyle;
+    resolved: ResolvedTooltipPlacement;
+};
+//# sourceMappingURL=getTooltipPosition.d.ts.map

package/lib/typescript/tooltip/getTooltipPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTooltipPosition.d.ts","sourceRoot":"","sources":["../../../src/tooltip/getTooltipPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,eAAO,MAAM,kBAAkB,2LAgBrB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACnE,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,YAAY,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,OAAO,CAAC;AAwDpC,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,gBAAgB,EAC3B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC1C;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,wBAAwB,CAAA;CAAE,CAsD1D"}

package/lib/typescript/tooltip/index.d.ts

@@ -0,0 +1,7 @@
+export { TooltipProvider, useTooltipContext } from './context';
+export { TooltipRoot, type TooltipRootProps } from './TooltipRoot';
+export { TooltipTrigger, type TooltipTriggerProps } from './TooltipTrigger';
+export { TooltipContent, type TooltipContentProps } from './TooltipContent';
+export { TOOLTIP_PLACEMENTS, getTooltipAnchorStyle, type TooltipPlacement, type TooltipTriggerMode, type TooltipSide, type TooltipAlign, type ResolvedTooltipPlacement, } from './getTooltipPosition';
+export type { ITooltipProps, ITooltipTriggerProps, ITooltipContentProps, TooltipContextValue, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,wBAAwB,GAC9B,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,SAAS,CAAC"}

package/lib/typescript/tooltip/types.d.ts

@@ -0,0 +1,78 @@
+import type { ComponentRef, ReactNode, RefObject } from 'react';
+import type { PressableProps, View, ViewProps } from 'react-native';
+import type { ResolvedTooltipPlacement, TooltipPlacement, TooltipTriggerMode } from './getTooltipPosition';
+export interface ITooltipProps extends Omit<ViewProps, 'children'> {
+    readonly children?: ReactNode;
+    readonly isDisabled?: boolean;
+    /**
+     * Milliseconds to wait before showing the tooltip.
+     * @default `0`
+     */
+    readonly enterDelay?: number;
+    /**
+     * Milliseconds to wait before hiding the tooltip.
+     * @default `0`
+     */
+    readonly leaveDelay?: number;
+    /**
+     * Controlled open state.
+     */
+    readonly isOpen?: boolean;
+    /**
+     * Uncontrolled initial open state.
+     * @default `false`
+     */
+    readonly defaultOpen?: boolean;
+    /**
+     * Called when the tooltip opens.
+     */
+    readonly onOpen?: () => void;
+    /**
+     * Called when the tooltip closes.
+     */
+    readonly onClose?: () => void;
+    /**
+     * Preferred placement relative to the trigger.
+     * @default `'top'`
+     */
+    readonly placement?: TooltipPlacement;
+    /**
+     * Distance in pixels between the tooltip and the trigger.
+     * @default `8`
+     */
+    readonly offset?: number;
+    /**
+     * Interaction that opens the tooltip. On web, `hover` opens on hover and focus; on native, long press.
+     * `focus` opens on focus (web) or long press (native). `click` toggles on press — on web, dismisses on outside click or Escape.
+     * @default `'hover'`
+     */
+    readonly trigger?: TooltipTriggerMode;
+}
+export interface TooltipContextValue {
+    readonly open: boolean;
+    readonly setOpen: (open: boolean) => void;
+    readonly requestOpen: () => void;
+    readonly requestClose: () => void;
+    readonly clearTimers: () => void;
+    readonly isDisabled: boolean;
+    readonly enterDelay: number;
+    readonly leaveDelay: number;
+    readonly placement: TooltipPlacement;
+    readonly offset: number;
+    readonly trigger: TooltipTriggerMode;
+    readonly triggerRef: RefObject<ComponentRef<typeof View> | null>;
+    readonly contentId: string;
+    readonly triggerId: string;
+    readonly resolvedPlacement: ResolvedTooltipPlacement | null;
+    readonly setResolvedPlacement: (placement: ResolvedTooltipPlacement) => void;
+}
+export interface ITooltipTriggerProps extends PressableProps {
+    /** When true, merges trigger props onto the single child element. */
+    readonly asChild?: boolean;
+    readonly children?: ReactNode;
+}
+export interface ITooltipContentProps extends ViewProps {
+    readonly asChild?: boolean;
+    readonly children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/tooltip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EACV,wBAAwB,EACxB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IACtC;;;OAGG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC;IAClC,QAAQ,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC;IACjC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC;IACrC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,kBAAkB,CAAC;IACrC,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;IACjE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,iBAAiB,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAC5D,QAAQ,CAAC,oBAAoB,EAAE,CAAC,SAAS,EAAE,wBAAwB,KAAK,IAAI,CAAC;CAC9E;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,qEAAqE;IACrE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.0.1-beta.144",
+  "version": "0.0.1-beta.145",
   "license": "MIT",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -61,8 +61,8 @@
     "@react-stately/checkbox": "3.7.4",
     "@react-stately/radio": "3.12.0",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/formatters": "0.0.1-beta.135",
-    "@cdx-ui/utils": "0.0.1-beta.144"
+    "@cdx-ui/formatters": "0.0.1-beta.136",
+    "@cdx-ui/utils": "0.0.1-beta.145"
   },
   "devDependencies": {
     "@types/react": "19.1.17",

package/src/index.ts

@@ -37,6 +37,7 @@ export * from './switch';
 export * from './tabs';
 export * from './tile';
 export * from './toast';
+export * from './tooltip';
 export * from './portal';
 export * from './progress-bar';
 export * from './radio';

package/src/overlay/useAnchorPosition.ts

@@ -77,38 +77,33 @@ export function useAnchorPosition(
     }
 
     let cancelled = false;
+    let retryFrameId = 0;
+    let webFrameId = 0;
 
     const runMeasure = () => {
-      if (!cancelled) {
-        measureAnchor();
+      if (cancelled) {
+        return;
       }
+
+      const anchor = anchorRef.current;
+      if (!anchor) {
+        retryFrameId = requestAnimationFrame(runMeasure);
+        return;
+      }
+
+      measureAnchor();
     };
 
     runMeasure();
 
     if (Platform.OS === 'web') {
-      const frame = requestAnimationFrame(runMeasure);
-      return () => {
-        cancelled = true;
-        cancelAnimationFrame(frame);
-      };
-    }
-
-    const anchor = anchorRef.current;
-    if (!anchor) {
-      return () => {
-        cancelled = true;
-      };
+      webFrameId = requestAnimationFrame(runMeasure);
     }
 
-    anchor.measureInWindow((x: number, y: number, width: number, height: number) => {
-      if (!cancelled) {
-        setLayoutIfChanged(setLayout, { x, y, width, height });
-      }
-    });
-
     return () => {
       cancelled = true;
+      cancelAnimationFrame(retryFrameId);
+      cancelAnimationFrame(webFrameId);
     };
   }, [open, anchorRef, remeasureKey]);