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:Tb7b,"use client"; import * as React from "react"; import { cn } from "@/lib/utils"; import { useReferenceRef } from "@/lib/cojeev/reference-ref"; import { useMotionVisibility } from "@/lib/cojeev-motion/use-motion-visibility"; import { createPortalField,type PortalStatus } from "@/lib/cojeev/reference-additions-portal"; import { normalizePortal,portalContour } from "@/lib/cojeev/reference-additions-math"; export type PortalFieldProps=React.ComponentProps<"div">&{ tone?:"balanced"|"warm"|"cool";speed?:number;intensity?:number;distortion?:number; paused?:boolean;interactive?:boolean;size?:"sm"|"default"|"lg"; }; /** A soft, organically warped halo behind real caller content. */ export function PortalField({tone="balanced",speed=.7,intensity=1,distortion=.7,paused=false,interactive=true,size="default",children,className,ref,onPointerMove,onPointerLeave,...props}:PortalFieldProps){ const host=React.useRef(null),canvas=React.useRef(null),renderer=React.useRef|null>(null); const attach=useReferenceRef(host,ref); const {enabled,inView}=useMotionVisibility(host),[status,setStatus]=React.useState("pending"); const values=normalizePortal(speed,intensity,distortion),moving=enabled&&inView&&!paused&&values.speed>0&&values.intensity>0; const safeTone=tone==="warm"||tone==="cool"?tone:"balanced"; React.useEffect(()=>{if(!host.current||!canvas.current)return;const instance=createPortalField(canvas.current,host.current,next=>setStatus(previous=>previous===next?previous:next));renderer.current=instance;return()=>{instance.dispose();renderer.current=null;};},[]); React.useEffect(()=>{renderer.current?.update({speed:values.speed,intensity:values.intensity,distortion:values.distortion,tone:safeTone,visible:inView,moving});},[values.speed,values.intensity,values.distortion,safeTone,inView,moving]); return

{onPointerMove?.(event);if(event.defaultPrevented||!moving||!interactive||event.pointerType==="touch")return;const box=event.currentTarget.getBoundingClientRect();renderer.current?.pointer((event.clientX-box.left)/box.width,1-(event.clientY-box.top)/box.height);}} onPointerLeave={event=>{onPointerLeave?.(event);renderer.current?.pointer(.5,.5);}}>

; } 52:T518,@layer cojeev-states { .v-portal-field {position:relative;display:grid;place-items:center;isolation:isolate;min-inline-size:0;inline-size:100%;min-block-size:360px;padding:32px;overflow:hidden;border-radius:var(--r-panel,24px);background:var(--v-paper);color:var(--v-text);--portal-core:var(--v-pink);--portal-fringe:var(--v-blue);} .v-portal-field[data-size="sm"] {min-block-size:260px;padding:20px;} .v-portal-field[data-size="lg"] {min-block-size:480px;padding:40px;} .v-portal-field[data-tone="warm"] {--portal-fringe:var(--v-yellow);} .v-portal-field[data-tone="cool"] {--portal-core:var(--v-blue);--portal-fringe:var(--v-olive);} .v-portal-field__fallback,.v-portal-field__canvas {position:absolute;inset:0;inline-size:100%;block-size:100%;pointer-events:none;} .v-portal-field__canvas {opacity:0;} .v-portal-field[data-renderer="webgl"] .v-portal-field__canvas {opacity:1;} .v-portal-field[data-renderer="webgl"] .v-portal-field__fallback {visibility:hidden;} .v-portal-field__fallback {fill:none;} .v-portal-field__fringe {stroke:var(--portal-fringe);stroke-width:38;filter:blur(17px);opacity:.65;} .v-portal-field__core {stroke:var(--portal-core);stroke-width:7;filter:blur(2px);opacity:.9;} .v-portal-field__content {position:relative;z-index:1;max-inline-size:100%;overflow-wrap:anywhere;} } 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":[null,["$","$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/portal-field.css\" {\n\n}"}]}]]}]]}]}]}]]}],["$","$L50",null,{"files":[{"path":"registry/cojeev/ui/portal-field.tsx","content":"$51","type":"registry:ui"},{"path":"registry/cojeev/styles/portal-field.css","content":"$52","type":"registry:file","target":"styles/cojeev/portal-field.css"}],"className":"h-[70svh] min-h-80"}]]}]