@underverse-ui/underverse 1.0.62 → 1.0.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api-reference.json +1 -1
- package/dist/index.cjs +50 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +50 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/api-reference.json
CHANGED
package/dist/index.cjs
CHANGED
|
@@ -16367,6 +16367,7 @@ function Carousel({
|
|
|
16367
16367
|
const isDeckAnimation = effectiveAnimation === "coverflow" || effectiveAnimation === "stack";
|
|
16368
16368
|
const effectiveSlidesToShow = isDeckAnimation ? 1 : slidesToShow;
|
|
16369
16369
|
const maxIndex = Math.max(0, totalSlides - effectiveSlidesToShow);
|
|
16370
|
+
const shouldShowArrows = showArrows && isHorizontal;
|
|
16370
16371
|
const presetEffectOptions = React42.useMemo(() => {
|
|
16371
16372
|
if (effectPreset === "cinematic") {
|
|
16372
16373
|
return effectiveAnimation === "stack" ? {
|
|
@@ -16414,6 +16415,52 @@ function Carousel({
|
|
|
16414
16415
|
blur: 1
|
|
16415
16416
|
};
|
|
16416
16417
|
}
|
|
16418
|
+
if (effectPreset === "poster") {
|
|
16419
|
+
return effectiveAnimation === "stack" ? {
|
|
16420
|
+
mainScale: 1.12,
|
|
16421
|
+
sideScale: 0.88,
|
|
16422
|
+
farScale: 0.78,
|
|
16423
|
+
sideOpacity: 0.64,
|
|
16424
|
+
farOpacity: 0.22,
|
|
16425
|
+
depthStep: 92,
|
|
16426
|
+
blur: 2.8,
|
|
16427
|
+
stackOffset: 14,
|
|
16428
|
+
stackLift: 18
|
|
16429
|
+
} : {
|
|
16430
|
+
mainScale: 1.16,
|
|
16431
|
+
sideScale: 0.78,
|
|
16432
|
+
farScale: 0.68,
|
|
16433
|
+
sideOpacity: 0.68,
|
|
16434
|
+
farOpacity: 0.18,
|
|
16435
|
+
sideOffset: 18,
|
|
16436
|
+
rotate: 26,
|
|
16437
|
+
depthStep: 140,
|
|
16438
|
+
blur: 3
|
|
16439
|
+
};
|
|
16440
|
+
}
|
|
16441
|
+
if (effectPreset === "minimal") {
|
|
16442
|
+
return effectiveAnimation === "stack" ? {
|
|
16443
|
+
mainScale: 1.01,
|
|
16444
|
+
sideScale: 0.96,
|
|
16445
|
+
farScale: 0.92,
|
|
16446
|
+
sideOpacity: 0.88,
|
|
16447
|
+
farOpacity: 0.66,
|
|
16448
|
+
depthStep: 36,
|
|
16449
|
+
blur: 0,
|
|
16450
|
+
stackOffset: 26,
|
|
16451
|
+
stackLift: 6
|
|
16452
|
+
} : {
|
|
16453
|
+
mainScale: 1.02,
|
|
16454
|
+
sideScale: 0.94,
|
|
16455
|
+
farScale: 0.88,
|
|
16456
|
+
sideOpacity: 0.9,
|
|
16457
|
+
farOpacity: 0.62,
|
|
16458
|
+
sideOffset: 34,
|
|
16459
|
+
rotate: 10,
|
|
16460
|
+
depthStep: 54,
|
|
16461
|
+
blur: 0
|
|
16462
|
+
};
|
|
16463
|
+
}
|
|
16417
16464
|
return {};
|
|
16418
16465
|
}, [effectPreset, effectiveAnimation]);
|
|
16419
16466
|
const mergedEffectOptions = React42.useMemo(
|
|
@@ -16616,7 +16663,7 @@ function Carousel({
|
|
|
16616
16663
|
{
|
|
16617
16664
|
className: cn(
|
|
16618
16665
|
effectiveAnimation === "slide" ? "flex" : "grid",
|
|
16619
|
-
effectiveAnimation === "slide" && (isHorizontal ? "flex-row" : "flex-col"),
|
|
16666
|
+
effectiveAnimation === "slide" && (isHorizontal ? "flex-row" : "flex-col h-full"),
|
|
16620
16667
|
isDeckAnimation && "place-items-center [transform-style:preserve-3d]",
|
|
16621
16668
|
isHorizontal ? "touch-pan-y" : "touch-pan-x",
|
|
16622
16669
|
containerClassName
|
|
@@ -16637,7 +16684,7 @@ function Carousel({
|
|
|
16637
16684
|
{
|
|
16638
16685
|
className: cn(
|
|
16639
16686
|
"shrink-0",
|
|
16640
|
-
effectiveAnimation === "slide" ? isHorizontal ? "h-full" : "w-full" : "col-start-1 row-start-1",
|
|
16687
|
+
effectiveAnimation === "slide" ? isHorizontal ? "h-full" : "h-full w-full" : "col-start-1 row-start-1",
|
|
16641
16688
|
effectiveAnimation === "fade" && (idx === currentIndex ? "opacity-100 z-10" : "opacity-0 pointer-events-none z-0"),
|
|
16642
16689
|
effectiveAnimation === "scale" && (idx === currentIndex ? "opacity-100 scale-100 z-10" : "opacity-0 scale-95 pointer-events-none z-0"),
|
|
16643
16690
|
isDeckAnimation && "w-full max-w-[78%] md:max-w-[72%] transition-[opacity,transform] duration-500 ease-out",
|
|
@@ -16655,7 +16702,7 @@ function Carousel({
|
|
|
16655
16702
|
))
|
|
16656
16703
|
}
|
|
16657
16704
|
),
|
|
16658
|
-
|
|
16705
|
+
shouldShowArrows && totalSlides > effectiveSlidesToShow && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
|
|
16659
16706
|
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
16660
16707
|
Button_default,
|
|
16661
16708
|
{
|