@cdx-ui/primitives 0.0.1-beta.16 → 0.0.1-beta.161

package/lib/module/tooltip/TooltipContent.js

@@ -0,0 +1,103 @@
+"use strict";
+
+import { forwardRef, useCallback, useLayoutEffect } from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
+import { Portal } from '../portal';
+import { useAnchoredOverlay, useDismissOverlay, useEscapeKey } from '../overlay';
+import { createPortalFn } from '../utils/createPortal';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { TooltipProvider, useTooltipContext } from './context';
+import { TOOLTIP_Z_INDEX } from './getTooltipPosition';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TooltipContent = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  onLayout,
+  ...props
+}, ref) => {
+  const contextValue = useTooltipContext();
+  const {
+    open,
+    setOpen,
+    isDisabled,
+    placement,
+    offset,
+    trigger,
+    triggerRef,
+    contentId,
+    resolvedPlacement,
+    setResolvedPlacement
+  } = contextValue;
+  const {
+    floatingRef,
+    onFloatingLayout,
+    style: overlayStyle,
+    position
+  } = useAnchoredOverlay(triggerRef, open && !isDisabled, {
+    placement,
+    offset,
+    collisionBehavior: 'none',
+    width: 'content'
+  });
+  const mergedRef = mergeRefs(ref, floatingRef);
+  const handleDismiss = useCallback(() => {
+    setOpen(false);
+  }, [setOpen]);
+  const shouldDismissOnInteraction = trigger === 'click' && Platform.OS === 'web' && open && !isDisabled;
+  useDismissOverlay(shouldDismissOnInteraction, floatingRef, [triggerRef], handleDismiss);
+  useEscapeKey(shouldDismissOnInteraction, handleDismiss);
+  useLayoutEffect(() => {
+    if (position && (resolvedPlacement?.side !== position.resolvedPlacement.side || resolvedPlacement.align !== position.resolvedPlacement.align)) {
+      setResolvedPlacement(position.resolvedPlacement);
+    }
+  }, [position, resolvedPlacement, setResolvedPlacement]);
+  if (!open || isDisabled) {
+    return null;
+  }
+  const Comp = asChild ? Slot : View;
+  const webProps = Platform.OS === 'web' ? {
+    id: contentId,
+    role: 'tooltip'
+  } : {
+    accessibilityRole: 'text',
+    accessibilityLiveRegion: 'polite'
+  };
+  const popup = /*#__PURE__*/_jsx(TooltipProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      style: [overlayStyle, {
+        zIndex: TOOLTIP_Z_INDEX
+      }],
+      children: /*#__PURE__*/_jsx(Comp, {
+        ref: mergedRef,
+        onLayout: composeEventHandlers(onLayout, onFloatingLayout),
+        ...props,
+        ...webProps,
+        ...mergeDataAttributes(props, dataAttributes({
+          side: position?.resolvedPlacement.side,
+          align: position?.resolvedPlacement.align,
+          state: 'open'
+        })),
+        children: children
+      })
+    })
+  });
+  if (Platform.OS === 'web' && createPortalFn && typeof document !== 'undefined') {
+    return createPortalFn(popup, document.body);
+  }
+  return /*#__PURE__*/_jsx(Portal, {
+    name: contentId,
+    children: /*#__PURE__*/_jsx(View, {
+      pointerEvents: "box-none",
+      style: [StyleSheet.absoluteFill, {
+        zIndex: 9999
+      }],
+      children: popup
+    })
+  });
+});
+TooltipContent.displayName = 'TooltipContent';
+//# sourceMappingURL=TooltipContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useLayoutEffect","Platform","StyleSheet","View","composeEventHandlers","mergeRefs","Portal","useAnchoredOverlay","useDismissOverlay","useEscapeKey","createPortalFn","Slot","dataAttributes","mergeDataAttributes","TooltipProvider","useTooltipContext","TOOLTIP_Z_INDEX","jsx","_jsx","TooltipContent","asChild","children","onLayout","props","ref","contextValue","open","setOpen","isDisabled","placement","offset","trigger","triggerRef","contentId","resolvedPlacement","setResolvedPlacement","floatingRef","onFloatingLayout","style","overlayStyle","position","collisionBehavior","width","mergedRef","handleDismiss","shouldDismissOnInteraction","OS","side","align","Comp","webProps","id","role","accessibilityRole","accessibilityLiveRegion","popup","value","pointerEvents","zIndex","state","document","body","name","absoluteFill","displayName"],"sourceRoot":"../../../src","sources":["tooltip/TooltipContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tooltip/TooltipRoot.js

@@ -0,0 +1,124 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { TooltipProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TooltipRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  isDisabled = false,
+  enterDelay = 0,
+  leaveDelay = 0,
+  isOpen: isOpenProp,
+  defaultOpen = false,
+  onOpen,
+  onClose,
+  placement = 'top',
+  offset = 8,
+  trigger = 'hover',
+  ...props
+}, ref) => {
+  const [open, setOpenState] = useControllableState({
+    prop: isOpenProp,
+    defaultProp: defaultOpen,
+    onChange: next => {
+      if (next) {
+        onOpen?.();
+      } else {
+        onClose?.();
+      }
+    }
+  });
+  const enterTimerRef = useRef(null);
+  const leaveTimerRef = useRef(null);
+  const triggerRef = useRef(null);
+  const [resolvedPlacement, setResolvedPlacement] = useState(null);
+  const clearTimers = useCallback(() => {
+    if (enterTimerRef.current) {
+      clearTimeout(enterTimerRef.current);
+      enterTimerRef.current = null;
+    }
+    if (leaveTimerRef.current) {
+      clearTimeout(leaveTimerRef.current);
+      leaveTimerRef.current = null;
+    }
+  }, []);
+  const setOpen = useCallback(nextOpen => {
+    if (isDisabled && nextOpen) {
+      return;
+    }
+    setOpenState(nextOpen);
+  }, [isDisabled, setOpenState]);
+  const requestOpen = useCallback(() => {
+    if (isDisabled) {
+      return;
+    }
+    clearTimers();
+    if (leaveTimerRef.current) {
+      clearTimeout(leaveTimerRef.current);
+      leaveTimerRef.current = null;
+    }
+    if (enterDelay <= 0) {
+      setOpen(true);
+      return;
+    }
+    enterTimerRef.current = setTimeout(() => {
+      setOpen(true);
+    }, enterDelay);
+  }, [clearTimers, enterDelay, isDisabled, setOpen]);
+  const requestClose = useCallback(() => {
+    clearTimers();
+    if (enterTimerRef.current) {
+      clearTimeout(enterTimerRef.current);
+      enterTimerRef.current = null;
+    }
+    if (leaveDelay <= 0) {
+      setOpen(false);
+      return;
+    }
+    leaveTimerRef.current = setTimeout(() => {
+      setOpen(false);
+    }, leaveDelay);
+  }, [clearTimers, leaveDelay, setOpen]);
+  useEffect(() => clearTimers, [clearTimers]);
+  const reactId = useId();
+  const triggerId = `tooltip-trigger-${reactId}`;
+  const contentId = `tooltip-content-${reactId}`;
+  const contextValue = useMemo(() => ({
+    open: open ?? false,
+    setOpen,
+    requestOpen,
+    requestClose,
+    clearTimers,
+    isDisabled,
+    enterDelay,
+    leaveDelay,
+    placement,
+    offset,
+    trigger,
+    triggerRef,
+    contentId,
+    triggerId,
+    resolvedPlacement,
+    setResolvedPlacement
+  }), [clearTimers, contentId, enterDelay, isDisabled, leaveDelay, offset, open, placement, requestClose, requestOpen, resolvedPlacement, setOpen, trigger, triggerId]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(TooltipProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        state: open ? 'open' : 'closed',
+        disabled: isDisabled
+      })),
+      children: children
+    })
+  });
+});
+TooltipRoot.displayName = 'TooltipRoot';
+//# sourceMappingURL=TooltipRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useId","useMemo","useRef","useState","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","TooltipProvider","jsx","_jsx","TooltipRoot","asChild","children","isDisabled","enterDelay","leaveDelay","isOpen","isOpenProp","defaultOpen","onOpen","onClose","placement","offset","trigger","props","ref","open","setOpenState","prop","defaultProp","onChange","next","enterTimerRef","leaveTimerRef","triggerRef","resolvedPlacement","setResolvedPlacement","clearTimers","current","clearTimeout","setOpen","nextOpen","requestOpen","setTimeout","requestClose","reactId","triggerId","contentId","contextValue","Comp","value","state","disabled","displayName"],"sourceRoot":"../../../src","sources":["tooltip/TooltipRoot.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,KAAK,EACLC,OAAO,EACPC,MAAM,EACNC,QAAQ,QAEH,OAAO;AACd,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,eAAe,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ5C,OAAO,MAAMC,WAAW,gBAAGf,UAAU,CACnC,CACE;EACEgB,OAAO;EACPC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBC,UAAU,GAAG,CAAC;EACdC,UAAU,GAAG,CAAC;EACdC,MAAM,EAAEC,UAAU;EAClBC,WAAW,GAAG,KAAK;EACnBC,MAAM;EACNC,OAAO;EACPC,SAAS,GAAG,KAAK;EACjBC,MAAM,GAAG,CAAC;EACVC,OAAO,GAAG,OAAO;EACjB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACC,IAAI,EAAEC,YAAY,CAAC,GAAGxB,oBAAoB,CAAU;IACzDyB,IAAI,EAAEX,UAAU;IAChBY,WAAW,EAAEX,WAAW;IACxBY,QAAQ,EAAGC,IAAI,IAAK;MAClB,IAAIA,IAAI,EAAE;QACRZ,MAAM,GAAG,CAAC;MACZ,CAAC,MAAM;QACLC,OAAO,GAAG,CAAC;MACb;IACF;EACF,CAAC,CAAC;EAEF,MAAMY,aAAa,GAAGhC,MAAM,CAAuC,IAAI,CAAC;EACxE,MAAMiC,aAAa,GAAGjC,MAAM,CAAuC,IAAI,CAAC;EACxE,MAAMkC,UAAU,GAAGlC,MAAM,CAAmC,IAAI,CAAC;EACjE,MAAM,CAACmC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGnC,QAAQ,CACxD,IACF,CAAC;EAED,MAAMoC,WAAW,GAAGzC,WAAW,CAAC,MAAM;IACpC,IAAIoC,aAAa,CAACM,OAAO,EAAE;MACzBC,YAAY,CAACP,aAAa,CAACM,OAAO,CAAC;MACnCN,aAAa,CAACM,OAAO,GAAG,IAAI;IAC9B;IACA,IAAIL,aAAa,CAACK,OAAO,EAAE;MACzBC,YAAY,CAACN,aAAa,CAACK,OAAO,CAAC;MACnCL,aAAa,CAACK,OAAO,GAAG,IAAI;IAC9B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,OAAO,GAAG5C,WAAW,CACxB6C,QAAiB,IAAK;IACrB,IAAI5B,UAAU,IAAI4B,QAAQ,EAAE;MAC1B;IACF;IACAd,YAAY,CAACc,QAAQ,CAAC;EACxB,CAAC,EACD,CAAC5B,UAAU,EAAEc,YAAY,CAC3B,CAAC;EAED,MAAMe,WAAW,GAAG9C,WAAW,CAAC,MAAM;IACpC,IAAIiB,UAAU,EAAE;MACd;IACF;IAEAwB,WAAW,CAAC,CAAC;IAEb,IAAIJ,aAAa,CAACK,OAAO,EAAE;MACzBC,YAAY,CAACN,aAAa,CAACK,OAAO,CAAC;MACnCL,aAAa,CAACK,OAAO,GAAG,IAAI;IAC9B;IAEA,IAAIxB,UAAU,IAAI,CAAC,EAAE;MACnB0B,OAAO,CAAC,IAAI,CAAC;MACb;IACF;IAEAR,aAAa,CAACM,OAAO,GAAGK,UAAU,CAAC,MAAM;MACvCH,OAAO,CAAC,IAAI,CAAC;IACf,CAAC,EAAE1B,UAAU,CAAC;EAChB,CAAC,EAAE,CAACuB,WAAW,EAAEvB,UAAU,EAAED,UAAU,EAAE2B,OAAO,CAAC,CAAC;EAElD,MAAMI,YAAY,GAAGhD,WAAW,CAAC,MAAM;IACrCyC,WAAW,CAAC,CAAC;IAEb,IAAIL,aAAa,CAACM,OAAO,EAAE;MACzBC,YAAY,CAACP,aAAa,CAACM,OAAO,CAAC;MACnCN,aAAa,CAACM,OAAO,GAAG,IAAI;IAC9B;IAEA,IAAIvB,UAAU,IAAI,CAAC,EAAE;MACnByB,OAAO,CAAC,KAAK,CAAC;MACd;IACF;IAEAP,aAAa,CAACK,OAAO,GAAGK,UAAU,CAAC,MAAM;MACvCH,OAAO,CAAC,KAAK,CAAC;IAChB,CAAC,EAAEzB,UAAU,CAAC;EAChB,CAAC,EAAE,CAACsB,WAAW,EAAEtB,UAAU,EAAEyB,OAAO,CAAC,CAAC;EAEtC3C,SAAS,CAAC,MAAMwC,WAAW,EAAE,CAACA,WAAW,CAAC,CAAC;EAE3C,MAAMQ,OAAO,GAAG/C,KAAK,CAAC,CAAC;EACvB,MAAMgD,SAAS,GAAG,mBAAmBD,OAAO,EAAE;EAC9C,MAAME,SAAS,GAAG,mBAAmBF,OAAO,EAAE;EAE9C,MAAMG,YAAY,GAAGjD,OAAO,CAC1B,OAAO;IACL2B,IAAI,EAAEA,IAAI,IAAI,KAAK;IACnBc,OAAO;IACPE,WAAW;IACXE,YAAY;IACZP,WAAW;IACXxB,UAAU;IACVC,UAAU;IACVC,UAAU;IACVM,SAAS;IACTC,MAAM;IACNC,OAAO;IACPW,UAAU;IACVa,SAAS;IACTD,SAAS;IACTX,iBAAiB;IACjBC;EACF,CAAC,CAAC,EACF,CACEC,WAAW,EACXU,SAAS,EACTjC,UAAU,EACVD,UAAU,EACVE,UAAU,EACVO,MAAM,EACNI,IAAI,EACJL,SAAS,EACTuB,YAAY,EACZF,WAAW,EACXP,iBAAiB,EACjBK,OAAO,EACPjB,OAAO,EACPuB,SAAS,CAEb,CAAC;EAED,MAAMG,IAAI,GAAGtC,OAAO,GAAGP,IAAI,GAAGF,IAAI;EAElC,oBACEO,IAAA,CAACF,eAAe;IAAC2C,KAAK,EAAEF,YAAa;IAAApC,QAAA,eACnCH,IAAA,CAACwC,IAAI;MACHxB,GAAG,EAAEA,GAAI;MAAA,GACJD,KAAK;MAAA,GACNlB,mBAAmB,CACrBkB,KAAK,EACLnB,cAAc,CAAC;QACb8C,KAAK,EAAEzB,IAAI,GAAG,MAAM,GAAG,QAAQ;QAC/B0B,QAAQ,EAAEvC;MACZ,CAAC,CACH,CAAC;MAAAD,QAAA,EAEAA;IAAQ,CACL;EAAC,CACQ,CAAC;AAEtB,CACF,CAAC;AAEDF,WAAW,CAAC2C,WAAW,GAAG,aAAa","ignoreList":[]}

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,72 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { getAnchoredOverlayPosition, OVERLAY_PLACEMENTS } from '../overlay/getAnchoredOverlayPosition';
+export const TOOLTIP_PLACEMENTS = OVERLAY_PLACEMENTS;
+export const TOOLTIP_Z_INDEX = 9999;
+function getCompatibilityTransform({
+  side,
+  align
+}) {
+  if (side === 'top') {
+    return align === 'center' ? [{
+      translateX: '-50%'
+    }, {
+      translateY: '-100%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-100%'
+    }] : [{
+      translateY: '-100%'
+    }];
+  }
+  if (side === 'bottom') {
+    return align === 'center' ? [{
+      translateX: '-50%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }] : undefined;
+  }
+  if (side === 'left') {
+    return align === 'center' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-50%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-100%'
+    }] : [{
+      translateX: '-100%'
+    }];
+  }
+  return align === 'center' ? [{
+    translateY: '-50%'
+  }] : align === 'end' ? [{
+    translateY: '-100%'
+  }] : undefined;
+}
+export function getTooltipAnchorStyle(anchor, placement, offset, viewport) {
+  const result = getAnchoredOverlayPosition(anchor, {
+    width: 0,
+    height: 0
+  }, viewport, {
+    placement,
+    offset,
+    collisionBehavior: 'none'
+  });
+  const resolved = result.resolvedPlacement;
+  const position = Platform.OS === 'web' ? 'fixed' : 'absolute';
+  return {
+    style: {
+      position,
+      left: result.style.left,
+      top: result.style.top,
+      zIndex: TOOLTIP_Z_INDEX,
+      transform: getCompatibilityTransform(resolved)
+    },
+    resolved
+  };
+}
+//# sourceMappingURL=getTooltipPosition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","getAnchoredOverlayPosition","OVERLAY_PLACEMENTS","TOOLTIP_PLACEMENTS","TOOLTIP_Z_INDEX","getCompatibilityTransform","side","align","translateX","translateY","undefined","getTooltipAnchorStyle","anchor","placement","offset","viewport","result","width","height","collisionBehavior","resolved","resolvedPlacement","position","OS","style","left","top","zIndex","transform"],"sourceRoot":"../../../src","sources":["tooltip/getTooltipPosition.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAwB,cAAc;AAEvD,SACEC,0BAA0B,EAC1BC,kBAAkB,QAKb,uCAAuC;AAE9C,OAAO,MAAMC,kBAAkB,GAAGD,kBAAkB;AAQpD,OAAO,MAAME,eAAe,GAAG,IAAI;AAEnC,SAASC,yBAAyBA,CAAC;EACjCC,IAAI;EACJC;AACwB,CAAC,EAA0B;EACnD,IAAID,IAAI,KAAK,KAAK,EAAE;IAClB,OAAOC,KAAK,KAAK,QAAQ,GACpB,CAAC;MAAEC,UAAU,EAAE;IAAO,CAAC,EAAE;MAAEC,UAAU,EAAE;IAAQ,CAAC,CAAC,GAClDF,KAAK,KAAK,KAAK,GACZ,CAAC;MAAEC,UAAU,EAAE;IAAQ,CAAC,EAAE;MAAEC,UAAU,EAAE;IAAQ,CAAC,CAAC,GAClD,CAAC;MAAEA,UAAU,EAAE;IAAQ,CAAC,CAA4B;EAC7D;EAEA,IAAIH,IAAI,KAAK,QAAQ,EAAE;IACrB,OAAOC,KAAK,KAAK,QAAQ,GACpB,CAAC;MAAEC,UAAU,EAAE;IAAO,CAAC,CAAC,GACzBD,KAAK,KAAK,KAAK,GACZ,CAAC;MAAEC,UAAU,EAAE;IAAQ,CAAC,CAAC,GAC1BE,SAAS;EACjB;EAEA,IAAIJ,IAAI,KAAK,MAAM,EAAE;IACnB,OAAOC,KAAK,KAAK,QAAQ,GACpB,CAAC;MAAEC,UAAU,EAAE;IAAQ,CAAC,EAAE;MAAEC,UAAU,EAAE;IAAO,CAAC,CAAC,GAClDF,KAAK,KAAK,KAAK,GACZ,CAAC;MAAEC,UAAU,EAAE;IAAQ,CAAC,EAAE;MAAEC,UAAU,EAAE;IAAQ,CAAC,CAAC,GAClD,CAAC;MAAED,UAAU,EAAE;IAAQ,CAAC,CAA4B;EAC7D;EAEA,OAAOD,KAAK,KAAK,QAAQ,GACpB,CAAC;IAAEE,UAAU,EAAE;EAAO,CAAC,CAAC,GACzBF,KAAK,KAAK,KAAK,GACZ,CAAC;IAAEE,UAAU,EAAE;EAAQ,CAAC,CAAC,GAC1BC,SAAS;AACjB;AAEA,OAAO,SAASC,qBAAqBA,CACnCC,MAAoB,EACpBC,SAA2B,EAC3BC,MAAc,EACdC,QAA2C,EACe;EAC1D,MAAMC,MAAM,GAAGf,0BAA0B,CAACW,MAAM,EAAE;IAAEK,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,EAAEH,QAAQ,EAAE;IACnFF,SAAS;IACTC,MAAM;IACNK,iBAAiB,EAAE;EACrB,CAAC,CAAC;EACF,MAAMC,QAAQ,GAAGJ,MAAM,CAACK,iBAAiB;EACzC,MAAMC,QAAQ,GAAItB,QAAQ,CAACuB,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,UAAoC;EACxF,OAAO;IACLC,KAAK,EAAE;MACLF,QAAQ;MACRG,IAAI,EAAET,MAAM,CAACQ,KAAK,CAACC,IAAI;MACvBC,GAAG,EAAEV,MAAM,CAACQ,KAAK,CAACE,GAAG;MACrBC,MAAM,EAAEvB,eAAe;MACvBwB,SAAS,EAAEvB,yBAAyB,CAACe,QAAQ;IAC/C,CAAC;IACDA;EACF,CAAC;AACH","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/module/utils/accessibleLabel.js

@@ -0,0 +1,18 @@
+"use strict";
+
+export function resolveAccessibleLabel({
+  accessibilityLabel,
+  'aria-label': ariaLabel
+}) {
+  return accessibilityLabel ?? ariaLabel;
+}
+export function accessibleLabelAttributes(label) {
+  if (label === undefined) {
+    return {};
+  }
+  return {
+    accessibilityLabel: label,
+    'aria-label': label
+  };
+}
+//# sourceMappingURL=accessibleLabel.js.map

package/lib/module/utils/accessibleLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveAccessibleLabel","accessibilityLabel","ariaLabel","accessibleLabelAttributes","label","undefined"],"sourceRoot":"../../../src","sources":["utils/accessibleLabel.ts"],"mappings":";;AAKA,OAAO,SAASA,sBAAsBA,CAAC;EACrCC,kBAAkB;EAClB,YAAY,EAAEC;AACM,CAAC,EAAsB;EAC3C,OAAOD,kBAAkB,IAAIC,SAAS;AACxC;AAEA,OAAO,SAASC,yBAAyBA,CAACC,KAAyB,EAAE;EACnE,IAAIA,KAAK,KAAKC,SAAS,EAAE;IACvB,OAAO,CAAC,CAAC;EACX;EAEA,OAAO;IACLJ,kBAAkB,EAAEG,KAAK;IACzB,YAAY,EAAEA;EAChB,CAAC;AACH","ignoreList":[]}

package/lib/module/utils/assignRef.js

@@ -0,0 +1,12 @@
+"use strict";
+
+export function assignRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+    return;
+  }
+  if (ref) {
+    ref.current = value;
+  }
+}
+//# sourceMappingURL=assignRef.js.map

package/lib/module/utils/assignRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["assignRef","ref","value","current"],"sourceRoot":"../../../src","sources":["utils/assignRef.ts"],"mappings":";;AAEA,OAAO,SAASA,SAASA,CAAIC,GAAoB,EAAEC,KAAe,EAAE;EAClE,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;IACV;EACF;EACA,IAAID,GAAG,EAAE;IACPA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACrB;AACF","ignoreList":[]}

package/lib/module/utils/createPortal.js

@@ -8,8 +8,10 @@ import { Platform } from 'react-native';
  * `react-dom`, which would cause a build error on native platforms.
  */
 export const createPortalFn = (() => {
-  if (Platform.OS !== 'web') return undefined;
   try {
+    if (Platform.OS !== 'web') {
+      return undefined;
+    }
     // eslint-disable-next-line @typescript-eslint/no-require-imports
     return require('react-dom').createPortal;
   } catch {

package/lib/module/utils/createPortal.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","createPortalFn","OS","undefined","require","createPortal"],"sourceRoot":"../../../src","sources":["utils/createPortal.ts"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,cAAc;AAIvC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAA0C,GAAG,CAAC,MAAM;EAC/D,IAAID,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE,OAAOC,SAAS;EAC3C,IAAI;IACF;IACA,OAAQC,OAAO,CAAC,WAAW,CAAC,CAAsCC,YAAY;EAChF,CAAC,CAAC,MAAM;IACN,OAAOF,SAAS;EAClB;AACF,CAAC,EAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","createPortalFn","OS","undefined","require","createPortal"],"sourceRoot":"../../../src","sources":["utils/createPortal.ts"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,cAAc;AAIvC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAA0C,GAAG,CAAC,MAAM;EAC/D,IAAI;IACF,IAAID,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE;MACzB,OAAOC,SAAS;IAClB;IACA;IACA,OAAQC,OAAO,CAAC,WAAW,CAAC,CAAsCC,YAAY;EAChF,CAAC,CAAC,MAAM;IACN,OAAOF,SAAS;EAClB;AACF,CAAC,EAAE,CAAC","ignoreList":[]}

package/lib/module/utils/createPortal.web.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { createPortal } from 'react-dom';
+/**
+ * Web implementation — statically imports `ReactDOM.createPortal`.
+ *
+ * The base (`.ts`) module resolves `react-dom` lazily via `require` so native
+ * bundles never reference it. That `require` is `undefined` in browser ESM
+ * bundles that don't transform mixed CommonJS/ESM (e.g. the docs site's Vite
+ * build), so the base module silently resolves `createPortalFn` to `undefined`
+ * there. That forces `OverlayContainer` onto its native `Modal` + Reanimated
+ * layout-animation path, leaving web overlays (Select, DatePicker) stuck at
+ * opacity 0. A static ESM import guarantees `createPortalFn` resolves on web
+ * regardless of the bundler's CommonJS interop.
+ */
+export const createPortalFn = createPortal;
+//# sourceMappingURL=createPortal.web.js.map

package/lib/module/utils/createPortal.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createPortal","createPortalFn"],"sourceRoot":"../../../src","sources":["utils/createPortal.web.ts"],"mappings":";;AACA,SAASA,YAAY,QAAQ,WAAW;AAIxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAA8B,GAAGD,YAAY","ignoreList":[]}

package/lib/module/utils/dataAttributes.js

@@ -1,28 +1,10 @@
 "use strict";
 
 /**
- * Produces platform-specific props for data attributes.
+ * Produces `data-*` props for native platforms (consumed by Uniwind).
+ * Web (.web.ts): returns a `dataSet` object consumed by React Native Web instead.
  *
- * Native: individual `data-*` props consumed by Uniwind.
- * Web (.web.ts): a `dataSet` object consumed by React Native Web.
- *
- * Boolean values serialize to `"true"` / `"false"` strings.
- * String values pass through as-is.
- * Undefined values are omitted.
+ * Delegates to `domDataAttributes` so the conversion logic has a single source of truth.
  */
-
-function camelToKebab(str) {
-  return str.replaceAll(/[A-Z]/g, ch => `-${ch.toLowerCase()}`);
-}
-export function dataAttributes(attrs) {
-  const result = {};
-  for (const key in attrs) {
-    const value = attrs[key];
-    if (value === undefined) {
-      continue;
-    }
-    result[`data-${camelToKebab(key)}`] = typeof value === 'boolean' ? String(value) : value;
-  }
-  return result;
-}
+export { domDataAttributes as dataAttributes, mergeDomDataAttributes as mergeDataAttributes } from './domDataAttributes';
 //# sourceMappingURL=dataAttributes.js.map

package/lib/module/utils/dataAttributes.js.map

@@ -1 +1 @@
-{"version":3,"names":["camelToKebab","str","replaceAll","ch","toLowerCase","dataAttributes","attrs","result","key","value","undefined","String"],"sourceRoot":"../../../src","sources":["utils/dataAttributes.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,SAASA,YAAYA,CAACC,GAAW,EAAU;EACzC,OAAOA,GAAG,CAACC,UAAU,CAAC,QAAQ,EAAGC,EAAE,IAAK,IAAIA,EAAE,CAACC,WAAW,CAAC,CAAC,EAAE,CAAC;AACjE;AAEA,OAAO,SAASC,cAAcA,CAACC,KAAyC,EAA0B;EAChG,MAAMC,MAA8B,GAAG,CAAC,CAAC;EACzC,KAAK,MAAMC,GAAG,IAAIF,KAAK,EAAE;IACvB,MAAMG,KAAK,GAAGH,KAAK,CAACE,GAAG,CAAC;IACxB,IAAIC,KAAK,KAAKC,SAAS,EAAE;MACvB;IACF;IACAH,MAAM,CAAC,QAAQP,YAAY,CAACQ,GAAG,CAAC,EAAE,CAAC,GAAG,OAAOC,KAAK,KAAK,SAAS,GAAGE,MAAM,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC1F;EACA,OAAOF,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["domDataAttributes","dataAttributes","mergeDomDataAttributes","mergeDataAttributes"],"sourceRoot":"../../../src","sources":["utils/dataAttributes.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,SACEA,iBAAiB,IAAIC,cAAc,EACnCC,sBAAsB,IAAIC,mBAAmB,QACxC,qBAAqB","ignoreList":[]}

package/lib/module/utils/dataAttributes.web.js

@@ -21,4 +21,28 @@ export function dataAttributes(attrs) {
     dataSet
   };
 }
+
+/**
+ * Merges multiple sources of data attributes into a single `{ dataSet }` prop
+ * on web. Each source may be a `dataAttributes()` output (`{ dataSet: {...} }`)
+ * or any props object that contains a `dataSet` key — other keys are ignored.
+ * Later sources override earlier sources on inner-key conflicts.
+ *
+ * Required when an element receives data attributes from more than one source:
+ * a plain prop spread merges by replacing the `dataSet` key entirely, so e.g.
+ * `{...dataAttributes({ slot })} {...dataAttributes({ hover })}` keeps only the
+ * second `dataSet`. Use `mergeDataAttributes(...)` to combine them safely.
+ */
+export function mergeDataAttributes(...sources) {
+  const dataSet = {};
+  for (const source of sources) {
+    if (!source) continue;
+    const sourceDataSet = source.dataSet;
+    if (!sourceDataSet) continue;
+    Object.assign(dataSet, sourceDataSet);
+  }
+  return {
+    dataSet
+  };
+}
 //# sourceMappingURL=dataAttributes.web.js.map