@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/dist/index.d.cts
CHANGED
|
@@ -1805,7 +1805,7 @@ maxFiles, accept, multiple, disabled, className, showFileList, variant, size, dr
|
|
|
1805
1805
|
|
|
1806
1806
|
type AnimationVariant$1 = "slide" | "fade" | "scale" | "coverflow" | "stack";
|
|
1807
1807
|
type Orientation = "horizontal" | "vertical";
|
|
1808
|
-
type CarouselEffectPreset = "cinematic" | "gallery";
|
|
1808
|
+
type CarouselEffectPreset = "cinematic" | "gallery" | "poster" | "minimal";
|
|
1809
1809
|
interface CarouselEffectOptions {
|
|
1810
1810
|
mainScale?: number;
|
|
1811
1811
|
sideScale?: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -1805,7 +1805,7 @@ maxFiles, accept, multiple, disabled, className, showFileList, variant, size, dr
|
|
|
1805
1805
|
|
|
1806
1806
|
type AnimationVariant$1 = "slide" | "fade" | "scale" | "coverflow" | "stack";
|
|
1807
1807
|
type Orientation = "horizontal" | "vertical";
|
|
1808
|
-
type CarouselEffectPreset = "cinematic" | "gallery";
|
|
1808
|
+
type CarouselEffectPreset = "cinematic" | "gallery" | "poster" | "minimal";
|
|
1809
1809
|
interface CarouselEffectOptions {
|
|
1810
1810
|
mainScale?: number;
|
|
1811
1811
|
sideScale?: number;
|
package/dist/index.js
CHANGED
|
@@ -16201,6 +16201,7 @@ function Carousel({
|
|
|
16201
16201
|
const isDeckAnimation = effectiveAnimation === "coverflow" || effectiveAnimation === "stack";
|
|
16202
16202
|
const effectiveSlidesToShow = isDeckAnimation ? 1 : slidesToShow;
|
|
16203
16203
|
const maxIndex = Math.max(0, totalSlides - effectiveSlidesToShow);
|
|
16204
|
+
const shouldShowArrows = showArrows && isHorizontal;
|
|
16204
16205
|
const presetEffectOptions = React42.useMemo(() => {
|
|
16205
16206
|
if (effectPreset === "cinematic") {
|
|
16206
16207
|
return effectiveAnimation === "stack" ? {
|
|
@@ -16248,6 +16249,52 @@ function Carousel({
|
|
|
16248
16249
|
blur: 1
|
|
16249
16250
|
};
|
|
16250
16251
|
}
|
|
16252
|
+
if (effectPreset === "poster") {
|
|
16253
|
+
return effectiveAnimation === "stack" ? {
|
|
16254
|
+
mainScale: 1.12,
|
|
16255
|
+
sideScale: 0.88,
|
|
16256
|
+
farScale: 0.78,
|
|
16257
|
+
sideOpacity: 0.64,
|
|
16258
|
+
farOpacity: 0.22,
|
|
16259
|
+
depthStep: 92,
|
|
16260
|
+
blur: 2.8,
|
|
16261
|
+
stackOffset: 14,
|
|
16262
|
+
stackLift: 18
|
|
16263
|
+
} : {
|
|
16264
|
+
mainScale: 1.16,
|
|
16265
|
+
sideScale: 0.78,
|
|
16266
|
+
farScale: 0.68,
|
|
16267
|
+
sideOpacity: 0.68,
|
|
16268
|
+
farOpacity: 0.18,
|
|
16269
|
+
sideOffset: 18,
|
|
16270
|
+
rotate: 26,
|
|
16271
|
+
depthStep: 140,
|
|
16272
|
+
blur: 3
|
|
16273
|
+
};
|
|
16274
|
+
}
|
|
16275
|
+
if (effectPreset === "minimal") {
|
|
16276
|
+
return effectiveAnimation === "stack" ? {
|
|
16277
|
+
mainScale: 1.01,
|
|
16278
|
+
sideScale: 0.96,
|
|
16279
|
+
farScale: 0.92,
|
|
16280
|
+
sideOpacity: 0.88,
|
|
16281
|
+
farOpacity: 0.66,
|
|
16282
|
+
depthStep: 36,
|
|
16283
|
+
blur: 0,
|
|
16284
|
+
stackOffset: 26,
|
|
16285
|
+
stackLift: 6
|
|
16286
|
+
} : {
|
|
16287
|
+
mainScale: 1.02,
|
|
16288
|
+
sideScale: 0.94,
|
|
16289
|
+
farScale: 0.88,
|
|
16290
|
+
sideOpacity: 0.9,
|
|
16291
|
+
farOpacity: 0.62,
|
|
16292
|
+
sideOffset: 34,
|
|
16293
|
+
rotate: 10,
|
|
16294
|
+
depthStep: 54,
|
|
16295
|
+
blur: 0
|
|
16296
|
+
};
|
|
16297
|
+
}
|
|
16251
16298
|
return {};
|
|
16252
16299
|
}, [effectPreset, effectiveAnimation]);
|
|
16253
16300
|
const mergedEffectOptions = React42.useMemo(
|
|
@@ -16450,7 +16497,7 @@ function Carousel({
|
|
|
16450
16497
|
{
|
|
16451
16498
|
className: cn(
|
|
16452
16499
|
effectiveAnimation === "slide" ? "flex" : "grid",
|
|
16453
|
-
effectiveAnimation === "slide" && (isHorizontal ? "flex-row" : "flex-col"),
|
|
16500
|
+
effectiveAnimation === "slide" && (isHorizontal ? "flex-row" : "flex-col h-full"),
|
|
16454
16501
|
isDeckAnimation && "place-items-center [transform-style:preserve-3d]",
|
|
16455
16502
|
isHorizontal ? "touch-pan-y" : "touch-pan-x",
|
|
16456
16503
|
containerClassName
|
|
@@ -16471,7 +16518,7 @@ function Carousel({
|
|
|
16471
16518
|
{
|
|
16472
16519
|
className: cn(
|
|
16473
16520
|
"shrink-0",
|
|
16474
|
-
effectiveAnimation === "slide" ? isHorizontal ? "h-full" : "w-full" : "col-start-1 row-start-1",
|
|
16521
|
+
effectiveAnimation === "slide" ? isHorizontal ? "h-full" : "h-full w-full" : "col-start-1 row-start-1",
|
|
16475
16522
|
effectiveAnimation === "fade" && (idx === currentIndex ? "opacity-100 z-10" : "opacity-0 pointer-events-none z-0"),
|
|
16476
16523
|
effectiveAnimation === "scale" && (idx === currentIndex ? "opacity-100 scale-100 z-10" : "opacity-0 scale-95 pointer-events-none z-0"),
|
|
16477
16524
|
isDeckAnimation && "w-full max-w-[78%] md:max-w-[72%] transition-[opacity,transform] duration-500 ease-out",
|
|
@@ -16489,7 +16536,7 @@ function Carousel({
|
|
|
16489
16536
|
))
|
|
16490
16537
|
}
|
|
16491
16538
|
),
|
|
16492
|
-
|
|
16539
|
+
shouldShowArrows && totalSlides > effectiveSlidesToShow && /* @__PURE__ */ jsxs41(Fragment17, { children: [
|
|
16493
16540
|
/* @__PURE__ */ jsx49(
|
|
16494
16541
|
Button_default,
|
|
16495
16542
|
{
|