@underverse-ui/underverse 1.0.64 → 1.0.65

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.64",
+  "version": "1.0.65",
   "sourceEntry": "src/index.ts",
   "totalExports": 217,
   "exports": [

package/dist/index.cjs

@@ -16416,12 +16416,12 @@ function Carousel({
         mainScale: 1.12,
         sideScale: 0.82,
         farScale: 0.72,
-        sideOpacity: 0.72,
-        farOpacity: 0.24,
+        sideOpacity: 0.84,
+        farOpacity: 0.44,
         sideOffset: 22,
         rotate: 20,
         depthStep: 120,
-        blur: 2.6
+        blur: 1.6
       };
     }
     if (effectPreset === "gallery") {
@@ -16500,12 +16500,12 @@ function Carousel({
       mainScale: 1.04,
       sideScale: effectiveAnimation === "stack" ? 0.93 : 0.88,
       farScale: effectiveAnimation === "stack" ? 0.86 : 0.76,
-      sideOpacity: effectiveAnimation === "stack" ? 0.74 : 0.78,
-      farOpacity: effectiveAnimation === "stack" ? 0.42 : 0.38,
+      sideOpacity: effectiveAnimation === "stack" ? 0.8 : 0.86,
+      farOpacity: effectiveAnimation === "stack" ? 0.5 : 0.48,
       sideOffset: effectiveAnimation === "stack" ? 20 : 28,
       rotate: 24,
       depthStep: effectiveAnimation === "stack" ? 60 : 90,
-      blur: 1.5,
+      blur: 1.1,
       stackOffset: 20,
       stackLift: 12,
       ...presetEffectOptions,
@@ -16658,7 +16658,7 @@ function Carousel({
           opacity: distance === 0 ? 1 : distance === 1 || distance === -1 ? mergedEffectOptions.sideOpacity : mergedEffectOptions.farOpacity,
           transform: `translate3d(${xOffset2}px, ${yOffset}px, -${absDistance * mergedEffectOptions.depthStep}px) scale(${scale2})`,
           filter: distance === 0 ? "blur(0px)" : `blur(${Math.min(absDistance, 2) * mergedEffectOptions.blur}px)`,
-          pointerEvents: distance === 0 ? "auto" : "none"
+          pointerEvents: "auto"
         };
       }
       const xOffset = distance * mergedEffectOptions.sideOffset;
@@ -16668,7 +16668,7 @@ function Carousel({
         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})`,
         filter: distance === 0 ? "blur(0px)" : `blur(${Math.min(absDistance, 2) * mergedEffectOptions.blur}px)`,
-        pointerEvents: distance === 0 ? "auto" : "none"
+        pointerEvents: "auto"
       };
     },
     [effectiveAnimation, getLoopDistance, mergedEffectOptions]
@@ -16720,10 +16720,12 @@ function Carousel({
                   effectiveAnimation === "fade" && (idx === currentIndex ? "opacity-100 z-10" : "opacity-0 pointer-events-none z-0"),
                   effectiveAnimation === "scale" && (idx === currentIndex ? "opacity-100 scale-100 z-10" : "opacity-0 scale-95 pointer-events-none z-0"),
                   isDeckAnimation && "w-full max-w-[78%] md:max-w-[72%] transition-[opacity,transform] duration-500 ease-out",
+                  isDeckAnimation && idx !== currentIndex && "cursor-pointer",
                   effectiveAnimation !== "slide" && "transition-[opacity,transform] duration-500 ease-in-out",
                   slideClassName
                 ),
                 style: effectiveAnimation === "slide" ? { [isHorizontal ? "width" : "height"]: `${slideWidth}%` } : isDeckAnimation ? getDeckSlideStyles(idx) : void 0,
+                onClick: isDeckAnimation && idx !== currentIndex ? () => scrollTo(idx) : void 0,
                 role: "group",
                 "aria-roledescription": "slide",
                 "aria-label": `${idx + 1} of ${totalSlides}`,