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:T169c,"use client"; import * as React from "react"; import { motion, useReducedMotion } from "framer-motion"; import { cn } from "@/lib/utils"; export type MeteorsIntensity = "low" | "medium" | "high"; export type MeteorsProps = { number?: number; className?: string; meteorClassName?: string; minDelay?: number; maxDelay?: number; minDuration?: number; maxDuration?: number; angle?: number; glow?: boolean; color?: string; intensity?: MeteorsIntensity; hoverOnly?: boolean; children?: React.ReactNode; }; type MeteorConfig = { id: string; left: number; top: number; length: number; delay: number; duration: number; repeatDelay: number; distance: number; headSize: number; opacity: number; }; const clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value)); 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; }; } const intensityMultiplier: Record = { low: 0.65, medium: 1, high: 1.45, }; export function Meteors({ number = 18, className, meteorClassName, minDelay = 0.12, maxDelay = 2.4, minDuration = 3.2, maxDuration = 7.2, angle = 215, glow = true, color = "hsl(var(--primary) / 0.95)", intensity = "medium", hoverOnly = false, children, }: MeteorsProps) { const reduceMotion = useReducedMotion() === true; const [active, setActive] = React.useState(!hoverOnly); React.useEffect(() => { if (!hoverOnly) setActive(true); }, [hoverOnly]); const safeMinDelay = Math.max(0, minDelay); const safeMaxDelay = Math.max(safeMinDelay + 0.05, maxDelay); const safeMinDuration = Math.max(0.6, minDuration); const safeMaxDuration = Math.max(safeMinDuration + 0.2, maxDuration); const meteorCount = clamp( Math.round(number * intensityMultiplier[intensity]), 1, 72, ); const meteors = React.useMemo(() => { const seed = hashString( [ meteorCount, safeMinDelay, safeMaxDelay, safeMinDuration, safeMaxDuration, angle, color, intensity, ].join("|"), ); const rand = createSeededRandom(seed); return Array.from({ length: meteorCount }, (_, idx) => ({ id: `meteor-${idx}`, left: -12 + rand() * 124, top: -46 + rand() * 92, length: 88 + rand() * 110, delay: safeMinDelay + rand() * (safeMaxDelay - safeMinDelay), duration: safeMinDuration + rand() * (safeMaxDuration - safeMinDuration), repeatDelay: 0.2 + rand() * 1.8, distance: 260 + rand() * 420, headSize: 2 + rand() * 2.2, opacity: 0.4 + rand() * 0.45, })); }, [ angle, color, intensity, meteorCount, safeMaxDelay, safeMaxDuration, safeMinDelay, safeMinDuration, ]); // Rotate controls beam direction; travel goes "forward" through the card. const radians = ((angle - 180) * Math.PI) / 180; const travelX = Math.cos(radians); const travelY = Math.sin(radians); return (

setActive(true) : undefined} onMouseLeave={hoverOnly ? () => setActive(false) : undefined} >

{meteors.map((meteor) => { const tx = travelX * meteor.distance; const ty = travelY * meteor.distance; return ( ); })}

{children}

); } 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/meteors/index.ts","content":"export type { MeteorsIntensity, MeteorsProps } from \"./meteors\";\nexport { Meteors } from \"./meteors\";\n","type":"registry:lib","target":"components/meteors/index.ts"},{"path":"next-ui/meteors/meteors.tsx","content":"$51","type":"registry:component","target":"components/meteors/meteors.tsx"}],"className":"h-[70svh] min-h-80"}]]}]