4d: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4e:I[544296,["/_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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"ItemStyles"] 4f:I[34002,["/_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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"CodeEditor"] 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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 51:Ta59,"use client"; import * as React from "react"; import { animate } from "motion"; import { useMotionVisibility } from "@/lib/cojeev-motion/use-motion-visibility"; import { cn } from "@/lib/utils"; export type TargetCursorProps = React.ComponentProps<"div"> & { paused?: boolean }; /** Local brackets track real buttons/links on pointer hover and keyboard focus. */ export function TargetCursor({ children, paused = false, className, ref, ...props }: TargetCursorProps) { const host = React.useRef(null), mark = React.useRef(null); const { enabled, inView } = useMotionVisibility(host); React.useEffect(() => { const element = host.current, marker = mark.current; if (!element || !marker) return; let animation: ReturnType | undefined; const target = (event: Event) => { const item = (event.target as Element).closest("button,a[href],[data-cursor-target]"); if (!item || !element.contains(item) || item.matches(":disabled")) return; const box = element.getBoundingClientRect(), rect = item.getBoundingClientRect(); const sx = element.clientWidth / Math.max(1, box.width), sy = element.clientHeight / Math.max(1, box.height); animation?.stop(); marker.style.opacity = "1"; animation = animate(marker, { x: (rect.left - box.left) * sx - 6, y: (rect.top - box.top) * sy - 6, width: rect.width * sx + 12, height: rect.height * sy + 12 }, { duration: enabled && inView && !paused ? .24 : 0, ease: [.22, 1, .36, 1] }); }; const hide = () => { if (!element.contains(document.activeElement)) marker.style.opacity = "0"; }; element.addEventListener("pointerover", target); element.addEventListener("focusin", target); element.addEventListener("pointerleave", hide); element.addEventListener("focusout", hide); const reset = () => { animation?.stop(); marker.style.opacity = "0"; }; const resize = new ResizeObserver(reset); resize.observe(element); return () => { animation?.stop(); resize.disconnect(); element.removeEventListener("pointerover", target); element.removeEventListener("focusin", target); element.removeEventListener("pointerleave", hide); element.removeEventListener("focusout", hide); }; }, [enabled, inView, paused]); return

{ host.current = node; if (typeof ref === "function") return ref(node); if (ref) ref.current = node; }, [ref])} data-slot="target-cursor" className={cn("v-target-cursor", className)}>{children}

; } 4c:["$","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"}]]}]}]]}],["$","$L4d",null,{"namespace":"@000h-cojeev","registryDependencies":["https://000h.cojeev.com/r/cojeev.json"]}]]}],["$","$L4e",null,{"children":["$","div",null,{"className":"@container","children":["$","div",null,{"className":"grid grid-cols-1 gap-4 @xl:grid-cols-2","children":[null,null,null,["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"CSS"}],["$","div",null,{"children":["$","$L4f",null,{"lang":"css","copyButton":true,"writing":false,"className":"rounded-none w-full max-h-80","header":false,"children":"@import \"@/styles/cojeev/target-cursor.css\" {\n\n}"}]}]]}]]}]}]}]]}],["$","$L50",null,{"files":[{"path":"registry/cojeev/ui/target-cursor.tsx","content":"$51","type":"registry:ui"},{"path":"registry/cojeev/styles/target-cursor.css","content":"@layer cojeev-states {\n.v-target-cursor { position:relative; isolation:isolate; min-width:0; padding:20px; }\n.v-target-cursor__mark { position:absolute; top:0; left:0; opacity:0; pointer-events:none; z-index:3; color:var(--v-text); }\n.v-target-cursor__mark i { position:absolute; width:10px; height:10px; border:2px solid currentColor; }\n.v-target-cursor__mark i:nth-child(1) { left:0; top:0; border-right:0; border-bottom:0; border-radius:5px 0 0; }\n.v-target-cursor__mark i:nth-child(2) { right:0; top:0; border-left:0; border-bottom:0; border-radius:0 5px 0 0; }\n.v-target-cursor__mark i:nth-child(3) { right:0; bottom:0; border-left:0; border-top:0; border-radius:0 0 5px; }\n.v-target-cursor__mark i:nth-child(4) { left:0; bottom:0; border-right:0; border-top:0; border-radius:0 0 0 5px; }\n\n}\n","type":"registry:file","target":"styles/cojeev/target-cursor.css"}],"className":"h-[70svh] min-h-80"}]]}]