4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1o6_421saitt-.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T55be,"use client" import React, { forwardRef, memo, ReactNode, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react" import { animate, motion, useMotionValue, useReducedMotion, useSpring, useTransform, ValueAnimationOptions, } from "motion/react" import { cn } from "@/lib/utils" interface CarouselItem { /** * Unique identifier for the carousel item */ id: string /** * The type of media: "image" or "video" */ type: "image" | "video" /** * Source URL for the image or video */ src: string /** * (Optional) Alternative text for images */ alt?: string /** * (Optional) Poster image for videos (displayed before playback) */ poster?: string } /** * Props for a single face of the cube in the BoxCarousel. */ interface FaceProps { /** * The CSS transform string to position and rotate the face in 3D space. */ transform: string /** * Optional additional CSS class names for the face. */ className?: string /** * Optional React children to render inside the face. */ children?: ReactNode /** * Optional inline styles for the face. */ style?: React.CSSProperties /** * If true, enables debug mode (e.g., shows backface and opacity). */ debug?: boolean } const CubeFace = memo( ({ transform, className, children, style, debug }: FaceProps) => (

{children}

) ) CubeFace.displayName = "CubeFace" const MediaRenderer = memo( ({ item, className, debug = false, }: { item: CarouselItem className?: string debug?: boolean }) => { if (!debug) { if (item.type === "video") { return (