52: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"] 53: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"] 54:T255b,"use client"; import * as React from "react"; import { motion } from "motion/react"; import { cn } from "@/lib/utils"; /* ------------------------------------------------------------------ */ /* Types */ /* ------------------------------------------------------------------ */ export interface TraceConfig { /** SVG path `d` attribute */ path: string; /** Direction the gradient pulse travels along the path */ direction: "left" | "right" | "up" | "down"; /** * Bounding box [x0, y0, x1, y1] of the path in SVG user-space coords. * Used to place the gradient start/end entirely outside the path so * the infinite-repeat reset jump is invisible. */ bbox: [number, number, number, number]; } export interface NextjsShipProps { /** Text displayed inside the central chip. * @default "Powered By" */ text?: string; /** Primary gradient pulse colour. * @default "#2EB9DF" */ traceColor?: string; /** Secondary gradient pulse colour. * @default "#9E00FF" */ traceSecondaryColor?: string; /** Opacity of the static (background) traces. * @default 0.2 */ traceOpacity?: number; /** Stroke width of the animated pulse. * @default 2 */ traceWidth?: number; /** Duration of one pulse cycle in seconds. * @default 2 */ duration?: number; /** Stagger delay between each trace animation in seconds. * @default 0.2 */ stagger?: number; /** Override the built-in trace paths. */ traces?: TraceConfig[]; className?: string; } /* ------------------------------------------------------------------ */ /* Default trace paths — 7 non-overlapping PCB-style routes */ /* SVG: 600×400 Chip: x=[238,362], y=[158,242] */ /* ------------------------------------------------------------------ */ const DEFAULT_TRACES: TraceConfig[] = [ // 1 — top-center (up) { path: "M 300 158 V 40 Q 300 25 315 25 H 355", direction: "up", bbox: [298, 25, 355, 158], }, // 2 — left-top (left) { path: "M 238 182 H 130 Q 110 182 110 162 V 70 Q 110 50 90 50 H 20", direction: "left", bbox: [20, 50, 238, 182], }, // 3 — left-bottom (left) { path: "M 238 218 H 100 Q 80 218 80 238 V 340 Q 80 360 60 360 H 20", direction: "left", bbox: [20, 218, 238, 360], }, // 4 — right-top (right) { path: "M 362 182 H 470 Q 490 182 490 162 V 80 Q 490 60 510 60 H 580", direction: "right", bbox: [362, 60, 580, 182], }, // 5 — right-bottom (right) { path: "M 362 218 H 500 Q 520 218 520 238 V 320 Q 520 340 540 340 H 580", direction: "right", bbox: [362, 218, 580, 340], }, // 6 — bottom-left (down) { path: "M 275 242 V 340 Q 275 360 255 360 H 70 Q 50 360 50 380 V 395", direction: "down", bbox: [50, 242, 275, 395], }, // 7 — bottom-right (down) { path: "M 325 242 V 300 Q 325 320 345 320 H 530 Q 550 320 550 340 V 395", direction: "down", bbox: [325, 242, 550, 395], }, ]; /* ------------------------------------------------------------------ */ /* Pin positions on chip edges (must match trace start points) */ /* ------------------------------------------------------------------ */ const PINS = { top: [300], bottom: [275, 325], left: [182, 202], right: [182, 218], }; /* ------------------------------------------------------------------ */ /* Gradient coordinate helpers */ /* */ /* Both `from` and `to` positions are entirely outside the path */ /* bounding box, so the infinite-repeat reset jump is invisible. */ /* ------------------------------------------------------------------ */ type GradientCoords = { x1: number; y1: number; x2: number; y2: number }; function getGradientCoords( direction: TraceConfig["direction"], bbox: TraceConfig["bbox"], ): { from: GradientCoords; to: GradientCoords } { const [x0, y0, x1, y1] = bbox; const bw = x1 - x0; const bh = y1 - y0; switch (direction) { case "up": return { from: { x1: x1, y1: y1 + bh, x2: x0, y2: y1 }, to: { x1: x1, y1: y0, x2: x0, y2: y0 - bh }, }; case "down": return { from: { x1: x0, y1: y0 - bh, x2: x1, y2: y0 }, to: { x1: x0, y1: y1, x2: x1, y2: y1 + bh }, }; case "left": return { from: { x1: x1 + bw, y1: y0, x2: x1, y2: y1 }, to: { x1: x0, y1: y0, x2: x0 - bw, y2: y1 }, }; case "right": return { from: { x1: x0 - bw, y1: y0, x2: x0, y2: y1 }, to: { x1: x1, y1: y0, x2: x1 + bw, y2: y1 }, }; } } /* ------------------------------------------------------------------ */ /* Single animated trace */ /* ------------------------------------------------------------------ */ function AnimatedTrace({ trace, index, traceColor, traceSecondaryColor, traceOpacity, traceWidth, duration, stagger, gradientId, }: { trace: TraceConfig; index: number; traceColor: string; traceSecondaryColor: string; traceOpacity: number; traceWidth: number; duration: number; stagger: number; gradientId: string; }) { const { from, to } = getGradientCoords(trace.direction, trace.bbox); return ( {/* Static background trace */} {/* Animated gradient trace */} ); } /* ------------------------------------------------------------------ */ /* Main component */ /* ------------------------------------------------------------------ */ export function NextjsShip({ text = "Powered By", traceColor = "#2EB9DF", traceSecondaryColor = "#9E00FF", traceOpacity = 0.2, traceWidth = 2, duration = 2, stagger = 0.2, traces = DEFAULT_TRACES, className, }: NextjsShipProps) { const id = React.useId().replace(/:/g, ""); return (

); } 51:["$","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","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/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":"motion"}]]}]}]]}],["$","$L52",null,{"namespace":"@unlumen-ui","registryDependencies":[]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/components/unlumen/nextjs-ship/index.tsx","content":"$54","type":"registry:ui","target":"components/unlumen-ui/nextjs-ship.tsx"}],"className":"h-[70svh] min-h-80"}]]}]