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:T4cd,"use client"; import * as React from "react"; import { SculptureStage,type MaterialSculptureCommonProps } from "@/lib/cojeev/sculpture-stage"; import { sculptureNumber } from "@/lib/cojeev/sculpture-raster"; import type { SculptureStudio } from "@/lib/cojeev/sculpture-renderer"; export { SculptureStage } from "@/lib/cojeev/sculpture-stage"; export type { MaterialSculptureCommonProps,SculptureStudio }; export type { SculptureRendererState } from "@/lib/cojeev/sculpture-stage"; export type GlassSculptureProps=MaterialSculptureCommonProps&{refraction?:number;frost?:number;thickness?:number;dispersion?:number;studio?:SculptureStudio}; /** Translucent geometry refracts an original procedural studio, not the surrounding DOM. */ export function GlassSculpture({refraction=1.45,frost=.08,thickness=1.2,dispersion=.55,studio="ribbons",pointerTracking=false,...props}:GlassSculptureProps){ return ; } 52:T2332,"use client"; import * as React from "react"; import { assignMotionRef } from "@/lib/cojeev-motion/refs"; import { cn } from "@/lib/utils"; import { createGlyphMesh } from "@/lib/cojeev/glyph-mesh"; import { sculptureGeometry } from "@/lib/cojeev/sculpture-geometry"; import { rasterizeSculpture, sculptureGrid, sculpturePrint, sculpturePrintPath, sculptureNumber } from "@/lib/cojeev/sculpture-raster"; import { useMotionVisibility } from "@/lib/cojeev-motion/use-motion-visibility"; import type { SculptureCommonProps } from "@/components/ui/glyph-sculpture"; import { createMaterialRenderer, type MaterialEffect, type MaterialConfiguration, type MaterialRenderer } from "@/lib/cojeev/sculpture-renderer"; export type SculptureRendererState="pending"|"webgl"|"fallback"|"error"; export type MaterialSculptureCommonProps=SculptureCommonProps&{ref?:React.Ref;onRendererChange?:(state:SculptureRendererState)=>void}; type StageControl = {configure:(configuration:MaterialConfiguration)=>void;repaint:()=>void}; /** Shared native scene boundary; materials never take ownership of page input or scroll. */ export function SculptureStage({effect,form="bloom",tone="sky",geometry,speed=1,turn=0,pitch=0,zoom=1,pointerTracking=true,paused=false,onGeometryError,onRendererChange,className,ref,...props}:MaterialSculptureCommonProps&{effect:MaterialEffect}){ const host=React.useRef(null),canvas=React.useRef(null),control=React.useRef(null),{enabled,inView}=useMotionVisibility(host); const attach=React.useCallback((node:HTMLDivElement|null)=>{host.current=node;const release=assignMotionRef(ref,node);return()=>{host.current=null;release();};},[ref]); const safeForm=form==="seed"||form==="pebble"?form:"bloom",safeTone=tone==="rose"||tone==="ink"||tone==="moss"?tone:"sky",pace=sculptureNumber(speed,1,0,3),degrees=sculptureNumber(turn,0,-180,180),tilt=sculptureNumber(pitch,0,-80,80),scale=sculptureNumber(zoom,1,.6,1.15); const meshResult=React.useMemo(()=>{try{return {mesh:sculptureGeometry(geometry??createGlyphMesh(safeForm)),error:null};}catch(error){return {mesh:null,error:error instanceof Error?error:new Error("The geometry could not be read.")};}},[geometry,safeForm]); const mesh=meshResult.mesh,kind=effect.kind; React.useEffect(()=>{if(meshResult.error)onGeometryError?.(meshResult.error);},[meshResult.error,onGeometryError]); const configuration=React.useMemo(()=>({effect,visible:inView,quiet:!enabled,run:enabled&&!paused&&pace>0,respond:enabled&&!paused&&pace>0&&pointerTracking,turn:degrees,pitch:tilt,zoom:scale,speed:pace}),[effect,inView,enabled,paused,pace,pointerTracking,degrees,tilt,scale]); const latest=React.useRef(configuration); const [rendered,setRendered]=React.useState<{mesh:typeof mesh;kind:typeof kind;status:"pending"|"webgl"|"fallback"}>({mesh:null,kind,status:"pending"}); const renderer=rendered.mesh===mesh&&rendered.kind===kind?rendered.status:"pending"; React.useEffect(()=>{onRendererChange?.(meshResult.error?"error":renderer);},[renderer,meshResult.error,onRendererChange]); const still=React.useMemo(()=>{if(!mesh)return null;const grid=sculptureGrid(384,288,4),frame=rasterizeSculpture(mesh,grid,.35+degrees*Math.PI/180,-.16+tilt*Math.PI/180,scale);return {grid,path:sculpturePrintPath(sculpturePrint(frame,{kind:"dither",pattern:"ordered",density:1}),grid.columns)};},[mesh,degrees,tilt,scale]); React.useEffect(()=>{latest.current=configuration;control.current?.configure(configuration);},[configuration]); React.useEffect(()=>{control.current?.repaint();},[safeTone]); React.useEffect(()=>{ const element=host.current,surface=canvas.current;if(!element||!surface||!mesh)return; let disposed=false,engine:MaterialRenderer|undefined,frame=0,last=0,elapsed=0,options=latest.current,job:AbortController|undefined,painted=false,lost=false; let previousPointer:{x:number;y:number}|undefined; const hover=window.matchMedia("(any-hover: hover) and (any-pointer: fine)"); const colors=()=>{const css=getComputedStyle(element);return {paper:css.backgroundColor,ink:css.getPropertyValue("--v-text").trim()||"#20252a",accent:css.getPropertyValue("--material-accent").trim()||"#a6bde8",other:css.getPropertyValue("--v-yellow").trim()||"#edcf70"};}; function cancel(){if(frame)cancelAnimationFrame(frame);frame=0;last=0;} function request(){if(!disposed&&!lost&&engine&&options.visible&&!document.hidden&&!frame)frame=requestAnimationFrame(draw);} function fallback(){if(disposed)return;cancel();job?.abort();engine?.dispose(false);engine=undefined;painted=false;setRendered({mesh,kind,status:"fallback"});} function draw(time:number){frame=0;if(disposed||lost||!engine||!options.visible||document.hidden)return;if(options.run&&last&&time-last<32){request();return;}const seconds=last?Math.min((time-last)/1000,1/30):1/30;last=time;if(options.run)elapsed+=seconds*options.speed; try{const again=engine.draw(seconds,elapsed);if(!painted){painted=true;setRendered({mesh,kind,status:"webgl"});}if(again)request();}catch{fallback();} } function resize(){if(!engine)return;const bounds=element!.getBoundingClientRect();engine.resize(bounds.width,bounds.height,window.devicePixelRatio||1);request();} function repaint(){engine?.colors(colors());request();} async function initialize(){if(disposed||lost||engine||job||!options.visible||document.hidden)return;job=new AbortController();const ownJob=job; try{const next=await createMaterialRenderer(surface!,mesh!,options,colors(),ownJob.signal);if(disposed||ownJob.signal.aborted){next.dispose(!surface!.isConnected);return;}engine=next;engine.configure(options);resize();request();}catch{if(!disposed&&!ownJob.signal.aborted)fallback();} finally{if(job===ownJob)job=undefined;} } const instance:StageControl={configure(next){options=next;engine?.configure(next);if(!next.respond){engine?.leave();previousPointer=undefined;}cancel();if(!engine)void initialize();else request();},repaint};control.current=instance; function pointer(event:PointerEvent){if(!engine||!options.respond||!options.visible||!hover.matches||event.pointerType==="touch"||document.hidden)return;const rect=element!.getBoundingClientRect(),x=(event.clientX-rect.left)/rect.width,y=1-(event.clientY-rect.top)/rect.height; if(x<0||x>1||y<0||y>1){engine.leave();previousPointer=undefined;return;}const dx=previousPointer?x-previousPointer.x:.025,dy=previousPointer?y-previousPointer.y:.01;previousPointer={x,y};engine.pointer(x,y,dx,dy);request(); } const visibility=()=>{cancel();engine?.leave();previousPointer=undefined;if(!document.hidden){if(!engine)void initialize();request();}},leave=()=>{engine?.leave();previousPointer=undefined;},onLost=(event:Event)=>{event.preventDefault();lost=true;fallback();},onRestored=()=>{lost=false;painted=false;void initialize();}; const sizeObserver=new ResizeObserver(resize);sizeObserver.observe(element);const appearance=new MutationObserver(repaint);for(let ancestor:Element|null=element;ancestor;ancestor=ancestor.parentElement)appearance.observe(ancestor,{attributes:true,attributeFilter:["class","style","data-mode"]}); window.addEventListener("pointermove",pointer,{passive:true});window.addEventListener("blur",leave);window.addEventListener("resize",resize);window.addEventListener("cojeev:appearancechange",repaint);document.addEventListener("visibilitychange",visibility);surface.addEventListener("webglcontextlost",onLost);surface.addEventListener("webglcontextrestored",onRestored);void initialize(); return()=>{disposed=true;job?.abort();cancel();if(control.current===instance)control.current=null;sizeObserver.disconnect();appearance.disconnect();window.removeEventListener("pointermove",pointer);window.removeEventListener("blur",leave);window.removeEventListener("resize",resize);window.removeEventListener("cojeev:appearancechange",repaint);document.removeEventListener("visibilitychange",visibility);surface.removeEventListener("webglcontextlost",onLost);surface.removeEventListener("webglcontextrestored",onRestored);engine?.dispose(!surface.isConnected);surface.width=1;surface.height=1;}; },[mesh,kind]); return

{meshResult.error?{meshResult.error.message}:still&&}

; } 53:T32bf,import type * as THREE from "three"; import type { SculptureGeometry } from "@/lib/cojeev/sculpture-geometry"; import { createVelocityField, stirVelocityField, advanceVelocityField, clearVelocityField } from "@/lib/cojeev/sculpture-flow"; import { createParticleSpring, sampleSculptureSurface, stepParticleSpring, pulseParticleSpring, resetParticleSpring, type ParticlePointer } from "@/lib/cojeev/sculpture-particles"; import { materialPixelSize, orientSculptureTriangles } from "@/lib/cojeev/sculpture-stage-geometry"; export type SculptureStudio = "ribbons" | "petals" | "tiles"; export type MaterialEffect = | {kind:"glass";refraction:number;frost:number;thickness:number;dispersion:number;studio:SculptureStudio} | {kind:"flow";distortion:number;chromatic:number;spread:number;settle:number;swirl:number;pulse:number} | {kind:"particle";count:number;size:number;strength:number;radius:number;spring:number;damping:number;swirl:number;pulse:number}; export type MaterialConfiguration = {effect:MaterialEffect;visible:boolean;run:boolean;quiet:boolean;respond:boolean;turn:number;pitch:number;zoom:number;speed:number}; export type MaterialColors = {ink:string;accent:string;paper:string;other:string}; export type MaterialRenderer = {configure:(options:MaterialConfiguration)=>void;colors:(colors:MaterialColors)=>void;resize:(width:number,height:number,dpr:number)=>void;pointer:(x:number,y:number,dx:number,dy:number)=>void;leave:()=>void;draw:(seconds:number,elapsed:number)=>boolean;dispose:(loseContext?:boolean)=>void}; /** Native Three materials and original field/spring dynamics; no remote textures or scene assets. */ export async function createMaterialRenderer(canvas:HTMLCanvasElement,mesh:SculptureGeometry,configuration:MaterialConfiguration,colors:MaterialColors,signal?:AbortSignal):Promise{ const three=await import("three"); if(signal?.aborted)throw new DOMException("Material initialization cancelled.","AbortError"); const geometries=new Set(),materials=new Set(),textures=new Set(),targets=new Set(); let ownedRenderer:THREE.WebGLRenderer|undefined,disposed=false; function dispose(loseContext=true){ if(disposed)return;disposed=true; // Every allocation is owned before subsequent setup can throw. Continue cleanup if a lost context rejects one release. for(const resources of [geometries,materials,textures,targets]){for(const resource of resources){try{resource.dispose();}catch{}}resources.clear();} try{ownedRenderer?.dispose();}catch{} if(loseContext){try{ownedRenderer?.forceContextLoss();}catch{}} } try{ const renderer=new three.WebGLRenderer({canvas,alpha:false,antialias:true,powerPreference:"low-power"}); ownedRenderer=renderer; renderer.outputColorSpace=three.SRGBColorSpace;renderer.toneMapping=three.ACESFilmicToneMapping;renderer.toneMappingExposure=1.05;renderer.transmissionResolutionScale=.5; renderer.debug.onShaderError=()=>{throw new Error("The material shader could not compile. Showing the static shape.");}; const scene=new three.Scene(),camera=new three.OrthographicCamera(-1.7,1.7,1.3,-1.3,.1,30),group=new three.Group();camera.position.z=6;scene.add(group); const geometry=new three.BufferGeometry();geometries.add(geometry);geometry.setAttribute("position",new three.BufferAttribute(Float32Array.from(mesh.positions),3));geometry.setAttribute("normal",new three.BufferAttribute(Float32Array.from(mesh.normals),3));geometry.setIndex(new three.BufferAttribute(orientSculptureTriangles(mesh),1)); const surface=new three.MeshPhysicalMaterial({roughness:.28,metalness:.04,clearcoat:.8,iridescence:.22});materials.add(surface); const object=new three.Mesh(geometry,surface);group.add(object); scene.add(new three.HemisphereLight(0xffffff,0x9b8c85,.85));const key=new three.DirectionalLight(0xfffaf0,1.8);key.position.set(-3,4,5);scene.add(key);const fill=new three.DirectionalLight(0xe0eaff,.65);fill.position.set(4,-1,3);scene.add(fill); // A small original studio environment. Data textures avoid image decoding or network work. const faces=Array.from({length:6},(_,face)=>{const data=new Uint8Array(64*64*4);for(let y=0;y<64;y++)for(let x=0;x<64;x++){const u=x/63,v=y/63,patch=Math.exp(-((u-(face%2?.7:.3))**2/.013+(v-.3)**2/.16)),wash=.25+.5*(1-v),i=(y*64+x)*4;data[i]=Math.min(255,(wash+patch*.7)*255);data[i+1]=Math.min(255,(wash+patch*.72)*255);data[i+2]=Math.min(255,(wash+patch*.76)*255);data[i+3]=255;}const texture=new three.DataTexture(data,64,64);textures.add(texture);return texture;}); const environment=new three.CubeTexture(faces);environment.colorSpace=three.SRGBColorSpace;environment.needsUpdate=true;textures.add(environment);scene.environment=environment; const backdropGeometry=new three.PlaneGeometry(12,10);geometries.add(backdropGeometry); const backdrop=new three.ShaderMaterial({uniforms:{paper:{value:new three.Color(colors.paper)},a:{value:new three.Color(colors.accent)},b:{value:new three.Color(colors.other)},ink:{value:new three.Color(colors.ink)},studio:{value:0}},vertexShader:"varying vec2 vUv;void main(){vUv=uv;gl_Position=projectionMatrix*modelViewMatrix*vec4(position,1.);}",fragmentShader:`varying vec2 vUv;uniform vec3 paper;uniform vec3 a;uniform vec3 b;uniform vec3 ink;uniform float studio; void main(){vec2 p=(vUv-.5)*5.;float f; if(studio<.5){f=smoothstep(.20,.32,sin(p.x*4.+sin(p.y*3.)*1.4));} else if(studio<1.5){vec2 q=fract(p*1.4)-.5;float r=length(q),ang=atan(q.y,q.x);f=1.-smoothstep(.26,.31,r*(1.+.16*cos(5.*ang)));} else{vec2 q=fract(p*1.25)-.5;f=1.-smoothstep(.16,.19,min(abs(q.x+q.y),abs(q.x-q.y)));} vec3 pigment=mix(mix(a,b,smoothstep(-2.,2.,p.y)),ink,.2);vec3 c=mix(paper,pigment,f*.9);gl_FragColor=vec4(c,1.); #include #include }`});materials.add(backdrop);const back=new three.Mesh(backdropGeometry,backdrop);back.position.z=-1.65;scene.add(back); const flow=createVelocityField(),flowTexture=new three.DataTexture(flow.texture,flow.width,flow.height);flowTexture.minFilter=three.LinearFilter;flowTexture.magFilter=three.LinearFilter;flowTexture.needsUpdate=true;textures.add(flowTexture); const target=new three.WebGLRenderTarget(1,1,{depthBuffer:true});targets.add(target); const postScene=new three.Scene(),postCamera=new three.OrthographicCamera(-1,1,1,-1,0,1),postGeometry=new three.PlaneGeometry(2,2);geometries.add(postGeometry); const post=new three.ShaderMaterial({depthTest:false,depthWrite:false,uniforms:{picture:{value:target.texture},field:{value:flowTexture},strength:{value:.1},chromatic:{value:.35}},vertexShader:"varying vec2 vUv;void main(){vUv=uv;gl_Position=vec4(position.xy,0.,1.);}",fragmentShader:`varying vec2 vUv;uniform sampler2D picture;uniform sampler2D field;uniform float strength;uniform float chromatic; void main(){vec3 current=texture2D(field,vUv).rgb;vec2 v=(current.xy*255.-128.)/127.;vec2 delta=v*strength;vec2 uv=clamp(vUv-delta,vec2(.001),vec2(.999));vec2 fringe=delta*chromatic*.22; vec3 c=vec3(texture2D(picture,clamp(uv+fringe,vec2(.001),vec2(.999))).r,texture2D(picture,uv).g,texture2D(picture,clamp(uv-fringe,vec2(.001),vec2(.999))).b);gl_FragColor=vec4(c,1.); #include #include }`});materials.add(post);postScene.add(new three.Mesh(postGeometry,post)); const dotData=new Uint8Array(16*16*4);for(let y=0;y<16;y++)for(let x=0;x<16;x++){const i=(y*16+x)*4,a=Math.max(0,Math.min(1,(.48-Math.hypot((x+.5)/16-.5,(y+.5)/16-.5))*25));dotData[i]=dotData[i+1]=dotData[i+2]=255;dotData[i+3]=Math.round(a*255);} const dots=new three.DataTexture(dotData,16,16);dots.needsUpdate=true;textures.add(dots); const pointGeometry=new three.BufferGeometry();geometries.add(pointGeometry);const pointMaterial=new three.PointsMaterial({map:dots,alphaTest:.2,size:2.3,sizeAttenuation:false,vertexColors:true,toneMapped:false});materials.add(pointMaterial);const points=new three.Points(pointGeometry,pointMaterial);points.frustumCulled=false;group.add(points); let options=configuration,halfHeight=1.3,aspect=1,particleCount=0,particleState=createParticleSpring(new Float32Array()),pointer:ParticlePointer|undefined,pulse=configuration.effect.kind==="glass"?0:configuration.effect.pulse; let targetTiltX=0,targetTiltY=0,tiltX=0,tiltY=0; function recolor(next:MaterialColors){colors=next;scene.background=new three.Color(next.paper);surface.color.set(next.accent);if(options.effect.kind==="glass")surface.color.lerp(new three.Color(0xffffff),.9);surface.attenuationColor.set(next.accent);backdrop.uniforms.paper.value.set(next.paper);backdrop.uniforms.a.value.set(next.accent);backdrop.uniforms.b.value.set(next.other);backdrop.uniforms.ink.value.set(next.ink); const values=new Float32Array(particleState.rest.length),base=new three.Color(next.accent),ink=new three.Color(next.ink),temp=new three.Color();for(let i=0;i[data-slot="material-canvas"],.v-material-sculpture>[data-slot="material-still"]{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none} .v-material-sculpture>[data-slot="material-canvas"]{visibility:hidden} .v-material-sculpture[data-renderer="webgl"]>[data-slot="material-canvas"]{visibility:visible} .v-material-sculpture[data-renderer="webgl"]>[data-slot="material-still"]{visibility:hidden} .v-material-sculpture>[data-slot="material-status"]{position:absolute;inset:auto 16px 12px;text-align:center;font:12px/1.5 var(--font-body,system-ui);color:var(--v-text);background:var(--card,var(--v-bg));border-radius:12px;padding:4px 8px} .v-material-sculpture[data-renderer="error"]>[data-slot="material-status"]{inset:24px;display:grid;place-items:center;font-size:14px} @media(forced-colors:active){.v-material-sculpture[data-renderer]>[data-slot="material-canvas"]{visibility:hidden}.v-material-sculpture[data-renderer]>[data-slot="material-still"]{visibility:visible;color:CanvasText}} } 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","three@0.185.1",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/three","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":"three@0.185.1"}]]}]}]]}],["$","$L4d",null,{"namespace":"@000h-cojeev","registryDependencies":["https://000h.cojeev.com/r/cojeev.json","https://000h.cojeev.com/r/glyph-sculpture.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/glass-sculpture.css\" {\n\n}"}]}]]}]]}]}]}]]}],["$","$L50",null,{"files":[{"path":"registry/cojeev/ui/glass-sculpture.tsx","content":"$51","type":"registry:ui"},{"path":"registry/cojeev/lib/sculpture-stage.tsx","content":"$52","type":"registry:lib","target":"lib/cojeev/sculpture-stage.tsx"},{"path":"registry/cojeev/lib/sculpture-renderer.tsx","content":"$53","type":"registry:lib","target":"lib/cojeev/sculpture-renderer.tsx"},{"path":"registry/cojeev/styles/glass-sculpture.css","content":"$54","type":"registry:file","target":"styles/cojeev/glass-sculpture.css"}],"className":"h-[70svh] min-h-80"}]]}]