@underverse-ui/underverse 1.0.121 → 1.0.123

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.121",
+  "version": "1.0.123",
   "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;
@@ -19309,6 +19328,7 @@ function Carousel({
       sideOpacity: effectiveAnimation === "stack" ? 0.8 : 0.86,
       farOpacity: effectiveAnimation === "stack" ? 0.5 : 0.48,
       sideOffset: effectiveAnimation === "stack" ? 20 : 28,
+      verticalOffset: 0,
       rotate: 24,
       depthStep: effectiveAnimation === "stack" ? 60 : 90,
       blur: 1.1,
@@ -19478,22 +19498,23 @@ function Carousel({
       }
       if (effectiveAnimation === "stack") {
         const xOffset2 = distance * mergedEffectOptions.stackOffset;
-        const yOffset = absDistance * mergedEffectOptions.stackLift;
+        const yOffset2 = absDistance * mergedEffectOptions.stackLift;
         const scale2 = distance === 0 ? mergedEffectOptions.mainScale : distance === 1 || distance === -1 ? mergedEffectOptions.sideScale : mergedEffectOptions.farScale;
         return {
           opacity: distance === 0 ? 1 : distance === 1 || distance === -1 ? mergedEffectOptions.sideOpacity : mergedEffectOptions.farOpacity,
-          transform: `translate3d(${xOffset2}px, ${yOffset}px, -${absDistance * mergedEffectOptions.depthStep}px) scale(${scale2})`,
+          transform: `translate3d(${xOffset2}px, ${yOffset2}px, -${absDistance * mergedEffectOptions.depthStep}px) scale(${scale2})`,
           filter: distance === 0 ? "blur(0px)" : `blur(${Math.min(absDistance, 2) * mergedEffectOptions.blur}px)`,
           pointerEvents: "auto",
           zIndex: 30 - absDistance
         };
       }
       const xOffset = distance * mergedEffectOptions.sideOffset;
+      const yOffset = mergedEffectOptions.verticalOffset ?? 0;
       const rotateY = distance * -mergedEffectOptions.rotate;
       const scale = distance === 0 ? mergedEffectOptions.mainScale : distance === 1 || distance === -1 ? mergedEffectOptions.sideScale : mergedEffectOptions.farScale;
       return {
         opacity: distance === 0 ? 1 : distance === 1 || distance === -1 ? mergedEffectOptions.sideOpacity : mergedEffectOptions.farOpacity,
-        transform: `translate3d(${xOffset}%, 0, -${absDistance * mergedEffectOptions.depthStep}px) rotateY(${rotateY}deg) scale(${scale})`,
+        transform: `translate3d(${xOffset}%, ${yOffset}px, -${absDistance * mergedEffectOptions.depthStep}px) rotateY(${rotateY}deg) scale(${scale})`,
         filter: distance === 0 ? "blur(0px)" : `blur(${Math.min(absDistance, 2) * mergedEffectOptions.blur}px)`,
         pointerEvents: "auto",
         zIndex: 30 - absDistance