@underverse-ui/underverse 1.0.121 → 1.0.123

package/dist/index.d.cts

@@ -2094,6 +2094,7 @@ interface CarouselEffectOptions {
     sideOpacity?: number;
     farOpacity?: number;
     sideOffset?: number;
+    verticalOffset?: number;
     rotate?: number;
     depthStep?: number;
     blur?: number;

package/dist/index.d.ts

@@ -2094,6 +2094,7 @@ interface CarouselEffectOptions {
     sideOpacity?: number;
     farOpacity?: number;
     sideOffset?: number;
+    verticalOffset?: number;
     rotate?: number;
     depthStep?: number;
     blur?: number;

package/dist/index.js

@@ -2861,6 +2861,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;
@@ -2904,6 +2905,7 @@ var Tooltip = React10.forwardRef(({
   }, [placement]);
   const handleMouseEnter = () => {
     if (disabled) return;
+    openedByPointerRef.current = true;
     clearTimeout(timeoutRef.current);
     timeoutRef.current = setTimeout(() => {
       setIsOpen(true);
@@ -2917,13 +2919,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(() => {
@@ -2981,11 +2986,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;
@@ -19139,6 +19158,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,
@@ -19308,22 +19328,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