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/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"] 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/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"] 51:T2192,"use client"; import * as React from "react"; import { AnimatePresence, motion, useReducedMotion } from "framer-motion"; import { cn } from "@/lib/utils"; type Density = "low" | "medium" | "high"; type Direction = "up" | "down" | "random"; const DENSITY_MULTIPLIER: Record = { low: 0.7, medium: 1, high: 1.45, }; type SparkleParticle = { id: string; x: number; y: number; size: number; alpha: number; duration: number; delay: number; dx: number; dy: number; bold: boolean; }; type BurstParticle = { id: string; x: number; y: number; angle: number; distance: number; size: number; }; export type SparklesProps = { count?: number; color?: string; minSize?: number; maxSize?: number; speed?: number; opacity?: number; className?: string; background?: boolean; density?: Density; direction?: Direction; enableGlow?: boolean; interactive?: boolean; }; const clamp = (v: number, min: number, max: number) => Math.min(max, Math.max(min, v)); function hashString(value: string) { let hash = 2166136261; for (let i = 0; i < value.length; i += 1) { hash ^= value.charCodeAt(i); hash = Math.imul(hash, 16777619); } return hash >>> 0; } function createSeededRandom(seed: number) { let t = seed >>> 0; return function rand() { t += 0x6d2b79f5; let n = Math.imul(t ^ (t >>> 15), 1 | t); n ^= n + Math.imul(n ^ (n >>> 7), 61 | n); return ((n ^ (n >>> 14)) >>> 0) / 4294967296; }; } function createParticles({ count, minSize, maxSize, speed, opacity, direction, seed, }: Required> & { seed: number; }) { const total = Math.max(6, Math.round(count)); const min = Math.max(0.6, minSize); const max = Math.max(min + 0.2, maxSize); const velocity = clamp(speed, 0.2, 3); const baseOpacity = clamp(opacity, 0.1, 1); const rand = createSeededRandom(seed); return Array.from({ length: total }, (_, index): SparkleParticle => { const bold = rand() < 0.2; const size = (min + rand() * (max - min)) * (bold ? 1.5 : 1); const alpha = Math.min(1, (0.25 + rand() * 0.75) * baseOpacity * (bold ? 1.35 : 1)); let dy = 0; if (direction === "up") dy = -(4 + rand() * 16); else if (direction === "down") dy = 4 + rand() * 16; else dy = (rand() * 2 - 1) * (4 + rand() * 16); const dx = (rand() * 2 - 1) * (4 + rand() * 14); return { id: `sparkle-${index}`, x: rand() * 100, y: rand() * 100, size, alpha, duration: (2.8 + rand() * 4.4) / velocity, delay: rand() * 3.2, dx, dy, bold, }; }); } export function Sparkles({ count = 36, color = "#e5f4ff", minSize = 0.9, maxSize = 2.8, speed = 1, opacity = 0.9, className, background = false, density = "medium", direction = "random", enableGlow = true, interactive = false, }: SparklesProps) { const reduceMotion = useReducedMotion() === true; const ref = React.useRef(null); const totalCount = React.useMemo( () => Math.round(Math.max(4, count) * DENSITY_MULTIPLIER[density]), [count, density], ); const particles = React.useMemo( () => { const seed = hashString( [totalCount, minSize, maxSize, speed, opacity, direction, color].join("|"), ); return createParticles({ count: totalCount, minSize, maxSize, speed, opacity, direction, seed, }); }, [color, direction, maxSize, minSize, opacity, speed, totalCount], ); const [cursor, setCursor] = React.useState<{ x: number; y: number } | null>(null); const [bursts, setBursts] = React.useState([]); const lastMoveRef = React.useRef(0); function handlePointerMove(e: React.PointerEvent) { if (!interactive || !ref.current) return; const rect = ref.current.getBoundingClientRect(); const x = ((e.clientX - rect.left) / rect.width) * 100; const y = ((e.clientY - rect.top) / rect.height) * 100; setCursor({ x, y }); const now = performance.now(); if (now - lastMoveRef.current < 72) return; lastMoveRef.current = now; const spark: BurstParticle = { id: `move-${now}-${Math.random().toString(36).slice(2, 8)}`, x, y, angle: Math.random() * Math.PI * 2, distance: 6 + Math.random() * 12, size: 0.8 + Math.random() * 1.8, }; setBursts((prev) => [...prev.slice(-28), spark]); } function handlePointerLeave() { setCursor(null); } function handleClick(e: React.MouseEvent) { if (!interactive || !ref.current) return; const rect = ref.current.getBoundingClientRect(); const x = ((e.clientX - rect.left) / rect.width) * 100; const y = ((e.clientY - rect.top) / rect.height) * 100; const clickBurst = Array.from({ length: 16 }, (_, i): BurstParticle => ({ id: `click-${Date.now()}-${i}-${Math.random().toString(36).slice(2, 8)}`, x, y, angle: (Math.PI * 2 * i) / 16 + (Math.random() - 0.5) * 0.24, distance: 10 + Math.random() * 20, size: 1 + Math.random() * 2.3, })); setBursts((prev) => [...prev.slice(-20), ...clickBurst]); } React.useEffect(() => { if (bursts.length === 0) return; const timeout = window.setTimeout(() => { setBursts((prev) => prev.slice(-8)); }, 620); return () => window.clearTimeout(timeout); }, [bursts]); return (

{interactive && cursor ? ( ) : null} {particles.map((particle) => ( ))} {bursts.map((burst) => ( ))}

); } 4e:["$","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"}]]}]}]]}],["$","$L4f",null,{"namespace":"@nexus-labs","registryDependencies":["https://www.nexus-ui.com/api/registry/nexus-font","utils"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"next-ui/sparkles/index.ts","content":"export type { SparklesProps } from \"./sparkles\";\nexport { Sparkles } from \"./sparkles\";\n","type":"registry:lib","target":"components/sparkles/index.ts"},{"path":"next-ui/sparkles/sparkles.tsx","content":"$51","type":"registry:component","target":"components/sparkles/sparkles.tsx"},{"path":"next-ui/sparkles.tsx","content":"/** Re-export shim: some bundlers resolve `@/components/sparkles` to this file before the directory. */\nexport type { SparklesProps } from \"./sparkles/sparkles\";\nexport { Sparkles } from \"./sparkles/sparkles\";\n","type":"registry:component","target":"components/sparkles.tsx"}],"className":"h-[70svh] min-h-80"}]]}]