51: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/3j06ow7w40nxu.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"] 52: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/3j06ow7w40nxu.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"] 53:T3326,"use client"; import * as React from "react"; import { motion, useMotionTemplate, useMotionValue, useReducedMotion } from "framer-motion"; import { cn } from "@/lib/utils"; export type TextRevealCardProps = { title: string; description: string; icon?: React.ReactNode; image?: string; children?: React.ReactNode; revealContent?: React.ReactNode; className?: string; revealClassName?: string; intensity?: number; disabled?: boolean; }; const clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value)); export function TextRevealCard({ title, description, icon, image, children, revealContent, className, revealClassName, intensity = 1, disabled = false, }: TextRevealCardProps) { const reduceMotion = useReducedMotion() === true; const ref = React.useRef(null); const [isActive, setIsActive] = React.useState(false); const [isTouchRevealed, setIsTouchRevealed] = React.useState(false); const [revealProgress, setRevealProgress] = React.useState(0); const [pointerRatio, setPointerRatio] = React.useState(0); const [isCoarsePointer, setIsCoarsePointer] = React.useState(false); const x = useMotionValue(0); const y = useMotionValue(0); const safeIntensity = clamp(intensity, 0.5, 2.2); const radialGlow = useMotionTemplate`radial-gradient(${280 * safeIntensity}px circle at ${x}px ${y}px, hsl(var(--primary) / 0.35), transparent 70%)`; const revealMask = useMotionTemplate`linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) calc(${x}px - 14px), rgba(255,255,255,0.95) calc(${x}px - 2px), rgba(255,255,255,0.28) calc(${x}px + 16px), rgba(255,255,255,0) calc(${x}px + 56px), rgba(255,255,255,0) 100%)`; const revealWidth = useMotionTemplate`calc(${x}px + 18px)`; const swarmField = useMotionTemplate`radial-gradient(1.3px 1.3px at calc(${x}px + 10px) calc(100% - 68px), rgba(255,255,255,0.9), transparent 74%), radial-gradient(1.1px 1.1px at calc(${x}px + 18px) calc(100% - 60px), rgba(255,255,255,0.78), transparent 74%), radial-gradient(1.5px 1.5px at calc(${x}px + 26px) calc(100% - 72px), rgba(191,219,254,0.88), transparent 74%), radial-gradient(1px 1px at calc(${x}px + 34px) calc(100% - 52px), rgba(255,255,255,0.72), transparent 74%), radial-gradient(1.2px 1.2px at calc(${x}px + 46px) calc(100% - 66px), rgba(191,219,254,0.84), transparent 74%), radial-gradient(1.4px 1.4px at calc(${x}px + 58px) calc(100% - 58px), rgba(255,255,255,0.8), transparent 74%), radial-gradient(1.1px 1.1px at calc(${x}px + 70px) calc(100% - 70px), rgba(191,219,254,0.78), transparent 74%), radial-gradient(1px 1px at calc(${x}px + 82px) calc(100% - 48px), rgba(255,255,255,0.68), transparent 74%), radial-gradient(1.2px 1.2px at calc(${x}px + 96px) calc(100% - 64px), rgba(191,219,254,0.72), transparent 74%)`; const swarmFieldSoft = useMotionTemplate`radial-gradient(2.5px 2.5px at calc(${x}px + 18px) calc(100% - 62px), rgba(255,255,255,0.32), transparent 70%), radial-gradient(2.2px 2.2px at calc(${x}px + 44px) calc(100% - 72px), rgba(191,219,254,0.3), transparent 72%), radial-gradient(2.4px 2.4px at calc(${x}px + 74px) calc(100% - 56px), rgba(255,255,255,0.28), transparent 72%)`; React.useEffect(() => { const media = window.matchMedia("(pointer: coarse)"); const sync = () => setIsCoarsePointer(media.matches); sync(); media.addEventListener("change", sync); return () => media.removeEventListener("change", sync); }, []); function updatePointer(clientX: number, clientY: number) { if (!ref.current) return; const rect = ref.current.getBoundingClientRect(); const localX = clientX - rect.left; const localY = clientY - rect.top; const progress = clamp((localY - rect.height * 0.5) / (rect.height * 0.5), 0, 1); const ratio = clamp(localX / rect.width, 0, 1); x.set(localX); y.set(localY); setRevealProgress(progress); setPointerRatio(ratio); } function onPointerMove(e: React.PointerEvent) { if (disabled) return; setIsActive(true); setIsTouchRevealed(false); updatePointer(e.clientX, e.clientY); } function onPointerLeave() { setIsActive(false); setRevealProgress(0); setPointerRatio(0); } function onTapToggle() { if (disabled || !isCoarsePointer) return; setIsTouchRevealed((v) => !v); setIsActive(false); setRevealProgress((v) => (v > 0 ? 0 : 1)); setPointerRatio((v) => (v > 0 ? 0 : 1)); } const showReveal = !disabled && (isTouchRevealed || isActive); const revealOpacity = reduceMotion ? showReveal ? 1 : 0 : showReveal ? clamp(0.68 + revealProgress * 0.32, 0, 1) : 0; const revealY = reduceMotion ? 0 : showReveal ? 0 : 18; const edgeFade = clamp(1 - (pointerRatio - 0.76) / 0.24, 0, 1); return ( { if (!disabled) { setIsTouchRevealed(true); setRevealProgress(1); } }} onBlur={() => { setIsTouchRevealed(false); setIsActive(false); setRevealProgress(0); }} className={cn( "group relative isolate overflow-hidden rounded-3xl border border-border/70 bg-card text-card-foreground shadow-[0_18px_45px_-30px_rgba(15,23,42,0.5)] outline-none transition focus-visible:ring-2 focus-visible:ring-primary/45", disabled ? "cursor-default opacity-80" : "cursor-pointer hover:-translate-y-0.5", className, )} animate={{ y: disabled ? 0 : showReveal ? -2 : 0, boxShadow: showReveal ? "0 26px 65px -35px rgba(2,132,199,0.45)" : "0 18px 45px -30px rgba(15,23,42,0.5)", }} transition={{ duration: reduceMotion ? 0.1 : 0.22, ease: "easeOut" }} >

{!disabled && !reduceMotion ? ( ) : null}

{(image || children) && (

{image ? ( {title}

) : null} {children ?

{children}

: null}

)}

{icon ? ( {icon} ) : null}

{title}

{revealContent ? (

{description}

) : null}

{!reduceMotion && showReveal ? ( ) : null} {!reduceMotion && showReveal ? ( ) : null} {!reduceMotion && showReveal ? ( ) : null} {!reduceMotion && showReveal ? ( ) : null} {typeof revealContent === "string" ? (

{revealContent}

) : revealContent ? ( {revealContent} ) : (

{description}

)}

); } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","framer-motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/framer-motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"framer-motion"}]]}]}],["$","li","react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"react"}]]}]}]]}],["$","$L51",null,{"namespace":"@nexus-labs","registryDependencies":["https://www.nexus-ui.com/api/registry/nexus-font","utils"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"next-ui/text-reveal-card/index.ts","content":"export type { TextRevealCardProps } from \"./text-reveal-card\";\nexport { TextRevealCard } from \"./text-reveal-card\";\n","type":"registry:lib","target":"components/text-reveal-card/index.ts"},{"path":"next-ui/text-reveal-card/text-reveal-card.tsx","content":"$53","type":"registry:component","target":"components/text-reveal-card/text-reveal-card.tsx"}],"className":"h-[70svh] min-h-80"}]]}]