@underverse-ui/underverse 1.0.120 → 1.0.122

package/CHANGELOG.md

@@ -6,7 +6,7 @@ All notable changes to `@underverse-ui/underverse` are documented in this file.
 
 ### Fixed
 
-- `Tooltip` now closes immediately when its trigger is pressed or when document-level pointer/Escape interactions indicate an overlay flow has taken over. This prevents portal tooltips from sticking on screen after opening dropdowns, popovers, or modals from a tooltip trigger, without overriding the normal hover close delay on pointer movement.
+- `Tooltip` now closes immediately when its trigger is pressed, when `Escape` is pressed, or when document-level pointer interactions show the pointer is outside the trigger. This prevents portal tooltips from sticking on screen after opening dropdowns, popovers, modals, or when a modal/portal layout misses the trigger `mouseleave`.
 
 ## [1.0.34] - 2026-02-24
 

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.120",
+  "version": "1.0.122",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -3047,6 +3047,7 @@ var Tooltip = React10.forwardRef(({
   const panelRef = React10.useRef(null);
   const timeoutRef = React10.useRef(void 0);
   const lastAppliedRef = React10.useRef(null);
+  const openedByPointerRef = React10.useRef(false);
   const triggerSelector = React10.useId();
   const delayOpen = typeof delay === "object" ? delay.open || 700 : delay;
   const delayClose = typeof delay === "object" ? delay.close || 300 : delay;
@@ -3090,6 +3091,7 @@ var Tooltip = React10.forwardRef(({
   }, [placement]);
   const handleMouseEnter = () => {
     if (disabled) return;
+    openedByPointerRef.current = true;
     clearTimeout(timeoutRef.current);
     timeoutRef.current = setTimeout(() => {
       setIsOpen(true);
@@ -3103,13 +3105,16 @@ var Tooltip = React10.forwardRef(({
   };
   const closeNow = React10.useCallback(() => {
     clearTimeout(timeoutRef.current);
+    openedByPointerRef.current = false;
     setIsOpen(false);
   }, []);
   const handleFocus = () => {
     if (disabled) return;
+    openedByPointerRef.current = false;
     setIsOpen(true);
   };
   const handleBlur = () => {
+    openedByPointerRef.current = false;
     setIsOpen(false);
   };
   React10.useEffect(() => {
@@ -3167,11 +3172,25 @@ var Tooltip = React10.forwardRef(({
     const handleDocumentKeyDown = (event) => {
       if (event.key === "Escape") closeNow();
     };
+    const handleDocumentPointerMove = (event) => {
+      if (!openedByPointerRef.current) return;
+      const triggerEl = triggerRef.current;
+      if (!triggerEl) {
+        closeNow();
+        return;
+      }
+      const rect = triggerEl.getBoundingClientRect();
+      const tolerance = 2;
+      const insideTrigger = event.clientX >= rect.left - tolerance && event.clientX <= rect.right + tolerance && event.clientY >= rect.top - tolerance && event.clientY <= rect.bottom + tolerance;
+      if (!insideTrigger) closeNow();
+    };
     document.addEventListener("pointerdown", closeNow, true);
     document.addEventListener("keydown", handleDocumentKeyDown);
+    document.addEventListener("pointermove", handleDocumentPointerMove, true);
     return () => {
       document.removeEventListener("pointerdown", closeNow, true);
       document.removeEventListener("keydown", handleDocumentKeyDown);
+      document.removeEventListener("pointermove", handleDocumentPointerMove, true);
     };
   }, [closeNow, isOpen]);
   const childProps = children.props;
@@ -5498,7 +5517,7 @@ var Modal = ({
           {
             ref: modalContentRef,
             className: cn(
-              "relative w-full rounded-2xl md:rounded-3xl bg-card text-card-foreground shadow-xl",
+              "relative w-full rounded-2xl md:rounded-3xl border border-border/40 bg-card text-card-foreground shadow-xl",
               "transition-all duration-200 ease-out",
               maxWidthClass,
               fullWidth && "mx-0",