@vincentt-xr/sdk 2.0.0-alpha.7 → 2.0.0-alpha.9

package/dist/renderPasses-BOoBSr8z.cjs

@@ -1,21 +0,0 @@
-"use strict";const $=require("./index-BjmTe9eM.cjs"),ae=require("@react-three/fiber"),m=require("react"),d=require("three"),ke=require("./index-DCiMbxC3.cjs"),Xe=require("./index-BpEf2BBb.cjs"),k=require("./FaceMeshRenderer-C5l6VLdO.cjs"),p=require("react/jsx-runtime"),Be=require("@react-three/drei");function Ye(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const ne=Ye(d),de={move:"grab",pivot:"all-scroll",rotateTopLeft:"alias",rotateTopRight:"alias",rotateBottomLeft:"alias",rotateBottomRight:"alias",top:"ns-resize",bottom:"ns-resize",left:"ew-resize",right:"ew-resize",topLeft:"nwse-resize",bottomRight:"nwse-resize",topRight:"nesw-resize",bottomLeft:"nesw-resize"},Ve=({color:e="#22d3ee",controlScale:t=[1,1,1],handleColor:o="#ffffff",onHandlePointerDown:n,opacity:s=.9,pivot:r=[.5,.5],pivotScale:a=t,renderOrder:i,showSideHandles:l=!0,thickness:f=.004})=>{const h=p.jsx("meshBasicMaterial",{color:e,transparent:!0,opacity:s,depthTest:!1,depthWrite:!1,toneMapped:!1}),g=p.jsx("meshBasicMaterial",{color:o,transparent:!0,opacity:1,depthTest:!1,depthWrite:!1,toneMapped:!1}),w=Math.max(f*7,.028),y=Math.max(f*7,.03),R=Math.max(f*8,.032),S=.04,c=.06,E=.08,T=.1,u=i??0,_=[["topLeft",-.5,.5],["topRight",.5,.5],["bottomLeft",-.5,-.5],["bottomRight",.5,-.5],...l?[["top",0,.5],["bottom",0,-.5],["left",-.5,0],["right",.5,0]]:[]],D=[["rotateTopLeft",-.56,.56,0],["rotateTopRight",.56,.56,-Math.PI/2],["rotateBottomRight",.56,-.56,Math.PI],["rotateBottomLeft",-.56,-.56,Math.PI/2]],b=x=>n?P=>{P.stopPropagation(),document.body.style.cursor=x==="move"?"grabbing":de[x],n(x,P)}:void 0,v=x=>{n&&(document.body.style.cursor=de[x])},O=()=>{n&&(document.body.style.cursor="")},M=[r[0]-.5,r[1]-.5,T];return p.jsxs("group",{renderOrder:u,children:[p.jsxs("mesh",{position:[0,.5,S],scale:[1,f,1],renderOrder:u,children:[p.jsx("planeGeometry",{args:[1,1]}),h]}),p.jsxs("mesh",{position:[0,-.5,S],scale:[1,f,1],renderOrder:u,children:[p.jsx("planeGeometry",{args:[1,1]}),h]}),p.jsxs("mesh",{position:[-.5,0,S],scale:[f,1,1],renderOrder:u,children:[p.jsx("planeGeometry",{args:[1,1]}),h]}),p.jsxs("mesh",{position:[.5,0,S],scale:[f,1,1],renderOrder:u,children:[p.jsx("planeGeometry",{args:[1,1]}),h]}),p.jsxs("mesh",{position:[0,0,c],renderOrder:u+1,onPointerDown:b("move"),onPointerOver:()=>v("move"),onPointerOut:O,children:[p.jsx("planeGeometry",{args:[1,1]}),p.jsx("meshBasicMaterial",{transparent:!0,opacity:0,depthTest:!1,depthWrite:!1})]}),_.map(([x,P,C])=>p.jsxs("mesh",{position:[P,C,E],scale:[w*t[0],w*t[1],t[2]],renderOrder:u+2,onPointerDown:b(x),onPointerOver:()=>v(x),onPointerOut:O,children:[p.jsx("planeGeometry",{args:[1,1]}),g]},x)),D.map(([x,P,C,B])=>p.jsx("group",{position:[P,C,E+.01],rotation:[0,0,B],scale:[R*t[0],R*t[1],t[2]],renderOrder:u+3,onPointerDown:b(x),onPointerOver:()=>v(x),onPointerOut:O,children:p.jsxs("mesh",{renderOrder:u+3,children:[p.jsx("planeGeometry",{args:[1.9,1.9]}),p.jsx("meshBasicMaterial",{transparent:!0,opacity:0,depthTest:!1,depthWrite:!1})]})},x)),p.jsx("group",{position:M,scale:[y*a[0],y*a[1],a[2]],renderOrder:u+5,onPointerDown:b("pivot"),onPointerOver:()=>v("pivot"),onPointerOut:O,children:p.jsxs("group",{rotation:[0,0,Math.PI/4],children:[p.jsxs("mesh",{scale:[1.8,1.8,1],renderOrder:u+5,children:[p.jsx("planeGeometry",{args:[1,1]}),p.jsx("meshBasicMaterial",{transparent:!0,opacity:0,depthTest:!1,depthWrite:!1})]}),p.jsxs("mesh",{position:[0,0,.002],renderOrder:u+6,children:[p.jsx("planeGeometry",{args:[1,1]}),g]}),p.jsxs("mesh",{scale:[.62,.62,1],position:[0,0,.004],renderOrder:u+7,children:[p.jsx("planeGeometry",{args:[1,1]}),p.jsx("meshBasicMaterial",{color:"#111827",transparent:!0,opacity:1,depthTest:!1,depthWrite:!1,toneMapped:!1})]})]})})]})},j={width:720,height:1280},G=32,Se=.5,F={enabled:!0,position:{x:0,y:0},size:{width:680,height:1230},pivot:[.5,.5],rotation:0,scale2D:{x:1,y:1},referencePixelsPerUnit:G,renderOrder:999,overlay:!0,visible:!0,showTransformGuides:!1},$e=Math.PI/180,fe=(e,t)=>t<=0?e:Math.round(e/t)*t,H=({transform:e,parentSize:t,root:o=j,snapIncrement:n=Se})=>{const r=Math.min(t.width/o.width,t.height/o.height)*(G/e.referencePixelsPerUnit),a=e.size.width*e.scale2D.x*r,i=e.size.height*e.scale2D.y*r,l=fe(e.position.x,n)*r,f=fe(e.position.y,n)*r,h=(e.pivot[0]-.5)*a,g=(e.pivot[1]-.5)*i;return{center:[l-h,f-g,0],size:[a,i,1],rotation:[0,0,e.rotation*$e],pivotOffset:[h/Math.max(a,1e-6),g/Math.max(i,1e-6),0],aspect:a>0&&i>0?Math.abs(a/i):1}},xe=e=>({...F,...e,position:{...F.position,...e==null?void 0:e.position},size:{...F.size,...e==null?void 0:e.size},scale2D:{...F.scale2D,...e==null?void 0:e.scale2D}}),L=e=>Math.round(e*2)/2,pe=e=>Math.min(1,Math.max(0,e)),Q={move:"grab",pivot:"all-scroll",rotateTopLeft:"alias",rotateTopRight:"alias",rotateBottomLeft:"alias",rotateBottomRight:"alias",top:"ns-resize",bottom:"ns-resize",left:"ew-resize",right:"ew-resize",topLeft:"nwse-resize",bottomRight:"nwse-resize",topRight:"nesw-resize",bottomLeft:"nesw-resize"},He=[["topLeft",0,0],["top",.5,0],["topRight",1,0],["right",1,.5],["bottomRight",1,1],["bottom",.5,1],["bottomLeft",0,1],["left",0,.5]],qe=[["rotateTopLeft",-.03,-.03],["rotateTopRight",1.03,-.03],["rotateBottomRight",1.03,1.03],["rotateBottomLeft",-.03,1.03]],Qe=(e,t)=>{const o=H({transform:t,parentSize:{width:e.width,height:e.height}}),n=Math.min(e.width/j.width,e.height/j.height)*(G/Math.max(t.referencePixelsPerUnit,1e-6))||1,s=j.width*n,r=j.height*n,a=e.left+(e.width-s)/2,i=e.top+(e.height-r)/2,l=a+s/2,f=i+r/2,h=o.size[0],g=o.size[1],w=l+o.center[0],y=f-o.center[1];return{centerX:w,centerY:y,height:g,left:w-h/2,scale:n,top:y-g/2,width:h}},Ke=(e,t,o,n)=>{const s=j.width*n,r=j.height*n,a=o.left+(o.width-s)/2,i=o.top+(o.height-r)/2;return{x:(e-(a+s/2))/n,y:(i+r/2-t)/n}},Ze=({color:e="#38bdf8",handleColor:t="#ffffff",onChange:o,transform:n})=>{const s=m.useRef(o);s.current=o;const{gl:r}=ae.useThree(),[a,i]=m.useState(null),l=m.useRef(null),f=m.useRef(null),h=m.useCallback(()=>{i(r.domElement.getBoundingClientRect())},[r.domElement]);m.useEffect(()=>(h(),window.addEventListener("resize",h),window.addEventListener("scroll",h,!0),()=>{window.removeEventListener("resize",h),window.removeEventListener("scroll",h,!0)}),[h]);const g=m.useMemo(()=>a?Qe(a,n):null,[a,n]),w=m.useCallback(S=>{const c=l.current,E=s.current;if(!c||!E)return;const T=(S.clientX-c.startX)/c.scale,u=-(S.clientY-c.startY)/c.scale,_={x:c.startPointerDesign.x+T,y:c.startPointerDesign.y+u},D={...c.startTransform,position:{...c.startTransform.position},size:{...c.startTransform.size},pivot:[...c.startTransform.pivot]};if(c.handle==="move")D.position={x:L(c.startTransform.position.x+T),y:L(c.startTransform.position.y+u)};else if(c.handle==="pivot"){const b=Math.max(1,c.startTransform.size.width*c.startTransform.scale2D.x),v=Math.max(1,c.startTransform.size.height*c.startTransform.scale2D.y),O=pe(c.startTransform.pivot[0]+T/b),M=pe(c.startTransform.pivot[1]+u/v);D.pivot=[L(O*1e3)/1e3,L(M*1e3)/1e3],D.position={x:L(c.startTransform.position.x+(D.pivot[0]-c.startTransform.pivot[0])*b),y:L(c.startTransform.position.y+(D.pivot[1]-c.startTransform.pivot[1])*v)}}else if(c.handle.startsWith("rotate")){const b=Math.atan2(c.startPointerDesign.y-c.startTransform.position.y,c.startPointerDesign.x-c.startTransform.position.x),v=Math.atan2(_.y-c.startTransform.position.y,_.x-c.startTransform.position.x);D.rotation=L(c.startTransform.rotation+(v-b)*180/Math.PI)}else{const b=c.handle==="left"||c.handle.endsWith("Left"),v=c.handle==="right"||c.handle.endsWith("Right"),O=c.handle==="top"||c.handle.startsWith("top"),M=c.handle==="bottom"||c.handle.startsWith("bottom"),x=v?T*2:b?-T*2:0,P=O?u*2:M?-u*2:0;D.size={width:Math.max(1,L(c.startTransform.size.width+x)),height:Math.max(1,L(c.startTransform.size.height+P))}}E(D)},[]),y=m.useCallback(()=>{l.current=null,document.body.style.cursor="",window.removeEventListener("pointermove",w),window.removeEventListener("pointerup",y)},[w]);m.useEffect(()=>y,[y]);const R=m.useCallback((S,c)=>{!a||!g||!o||(c.preventDefault(),document.body.style.cursor=S==="move"?"grabbing":Q[S],l.current={handle:S,startX:c.clientX,startY:c.clientY,startPointerDesign:Ke(c.clientX,c.clientY,a,g.scale),startTransform:n,scale:g.scale},window.addEventListener("pointermove",w),window.addEventListener("pointerup",y))},[a,g,o,y,n,w]);return m.useEffect(()=>{if(typeof document>"u")return;const S=document.createElement("div");return document.body.appendChild(S),f.current=S,()=>{S.remove(),f.current=null}},[]),m.useEffect(()=>{const S=f.current;if(!S||(S.replaceChildren(),!g))return;const c=12,E=12,T=document.createElement("div");Object.assign(T.style,{position:"fixed",inset:"0",zIndex:"19999",pointerEvents:"none"});const u=document.createElement("div");Object.assign(u.style,{position:"absolute",left:`${g.left}px`,top:`${g.top}px`,width:`${g.width}px`,height:`${g.height}px`,border:`1px solid ${e}`,boxSizing:"border-box",transform:`rotate(${-n.rotation}deg)`,transformOrigin:`${n.pivot[0]*100}% ${(1-n.pivot[1])*100}%`,pointerEvents:o?"auto":"none",cursor:Q.move}),u.addEventListener("pointerdown",b=>R("move",b));const _=(b,v,O,M,x="translate(-50%, -50%)")=>{const P=document.createElement("div");return Object.assign(P.style,{position:"absolute",left:`${v*100}%`,top:`${O*100}%`,width:`${M}px`,height:`${M}px`,cursor:Q[b],transform:x,pointerEvents:"auto"}),P.addEventListener("pointerdown",C=>{C.stopPropagation(),R(b,C)}),P};for(const[b,v,O]of He){const M=_(b,v,O,c);M.style.background=t,u.appendChild(M)}for(const[b,v,O]of qe)u.appendChild(_(b,v,O,26));const D=_("pivot",n.pivot[0],1-n.pivot[1],E,"translate(-50%, -50%) rotate(45deg)");return Object.assign(D.style,{border:"2px solid #ffffff",background:"#111827",boxSizing:"border-box"}),u.appendChild(D),T.appendChild(u),S.appendChild(T),()=>{S.replaceChildren()}},[e,t,g,o,R,n]),null},Y={enabled:!1,targetObjectId:null,orientation:"none",uv:{x:.5,y:.5},vertexNormal:!1,offsetSpace:"local",offsetPosition:{x:0,y:0,z:0},offsetRotation:{x:0,y:0,z:0}},Je=(e,t,o,n)=>{const s=o.clone().sub(t),r=n.clone().sub(t),a=e.clone().sub(t),i=s.x*r.y-r.x*s.y;if(Math.abs(i)<1e-8)return null;const l=(a.x*r.y-r.x*a.y)/i,f=(s.x*a.y-a.x*s.y)/i,h=1-l-f;return h>=-1e-5&&l>=-1e-5&&f>=-1e-5?[h,l,f]:null},et=(e,t,o=!1)=>{const n=new d.Vector2(t.x,t.y),s=new d.Vector2,r=new d.Vector2,a=new d.Vector2,i=new d.Vector3,l=new d.Vector3,f=new d.Vector3,h=new d.Vector3,g=new d.Vector3,w=new d.Vector3;let y=null;if(e.traverse(S=>{var v,O;if(y||!S.isMesh)return;const c=S,E=c.geometry,T=(v=E==null?void 0:E.attributes)==null?void 0:v.position,u=(O=E==null?void 0:E.attributes)==null?void 0:O.uv;if(!T||!u)return;const _=E.attributes.normal,D=E.index,b=M=>(D==null?void 0:D.getX(M))??M;for(let M=0;M<(D?D.count:T.count);M+=3){const x=[b(M),b(M+1),b(M+2)];s.set(u.getX(x[0]),u.getY(x[0])),r.set(u.getX(x[1]),u.getY(x[1])),a.set(u.getX(x[2]),u.getY(x[2]));const P=Je(n,s,r,a);if(P){i.set(0,0,0),l.set(0,0,0),x.forEach((C,B)=>{f.fromBufferAttribute(T,C),i.addScaledVector(f,P[B]),_&&o&&l.addScaledVector(f.fromBufferAttribute(_,C),P[B])}),o||(h.fromBufferAttribute(T,x[0]),g.fromBufferAttribute(T,x[1]),w.fromBufferAttribute(T,x[2]),l.copy(g.sub(h).cross(w.sub(h)).normalize())),y={mesh:c,localPosition:i.clone(),localNormal:l.clone().normalize()};break}}}),y)return y;const R=new d.Box3().setFromObject(e);return{mesh:e,localPosition:e.worldToLocal(R.getCenter(new d.Vector3)),localNormal:new d.Vector3(0,1,0)}},tt=e=>({position:e.mesh.localToWorld(e.localPosition.clone()),normal:e.localNormal.clone().transformDirection(e.mesh.matrixWorld).normalize()}),N=(e,t=0)=>Number.isFinite(e)?e:t,K=new d.Vector3,Z=new d.Vector3,ue=new d.Matrix4,J=new d.Quaternion,ee=new d.Quaternion,ot=new d.Vector3(0,1,0),nt=e=>{e.position.set(0,0,0),e.quaternion.identity()},rt=({settings:e,source:t,surface:o})=>{e.orientation==="positionAndDirection"?(ue.lookAt(o.position,o.position.clone().add(o.normal),ot),J.setFromRotationMatrix(ue)):J.identity(),t.quaternion.copy(J),Z.set(N(e.offsetPosition.x),N(e.offsetPosition.y),N(e.offsetPosition.z)),e.offsetSpace==="local"&&Z.applyQuaternion(t.quaternion),K.copy(o.position).add(Z),t.parent&&t.parent.worldToLocal(K),t.position.copy(K),ee.setFromEuler(new d.Euler(N(e.offsetRotation.x)*Math.PI/180,N(e.offsetRotation.y)*Math.PI/180,N(e.offsetRotation.z)*Math.PI/180)),e.offsetSpace==="local"?t.quaternion.multiply(ee):t.quaternion.premultiply(ee)},st=({target:e,settings:t,children:o})=>{const n=ke.useResolveRuntimeObject(),s=m.useRef(null),r=m.useRef(null),a=()=>{s.current&&nt(s.current)};return m.useEffect(()=>{r.current=null},[t.targetObjectId]),m.useEffect(()=>{t.enabled||a()},[t.enabled]),ae.useFrame(()=>{const i=e??n(t.targetObjectId);if(!t.enabled||!i||!s.current){(!t.enabled||!i)&&a();return}const l=`${t.uv.x}:${t.uv.y}:${t.vertexNormal?"vertex":"face"}`;(!r.current||r.current.target!==i||r.current.key!==l)&&(r.current={key:l,target:i,surface:et(i,t.uv,t.vertexNormal)}),i.updateWorldMatrix(!0,!0);const f=tt(r.current.surface);rt({source:s.current,surface:f,settings:t})}),m.createElement("group",{ref:s},o)},A=e=>Math.round(e*2)/2,he=e=>Math.min(1,Math.max(0,e));function it(e){return Math.min(e.width/j.width,e.height/j.height)||1}function at({resolved:e,transform:t}){return e.size[0]/Math.max(Math.abs(t.size.width*t.scale2D.x),1e-6)||1}function ct({parent:e,resolved:t,transform:o}){const r=16*((Math.min(e.width/j.width,e.height/j.height)||1)*(G/Math.max(o.referencePixelsPerUnit,1e-6))),a=.028;return[r/Math.max(Math.abs(t.size[0])*a,1e-6),r/Math.max(Math.abs(t.size[1])*a,1e-6),1]}function lt({drag:e,clientX:t,clientY:o,designScale:n}){const s=(t-e.startX)/n,r=-(o-e.startY)/n,a={x:e.startPointerDesign.x+s,y:e.startPointerDesign.y+r},i={...e.startTransform,position:{...e.startTransform.position},size:{...e.startTransform.size},pivot:[...e.startTransform.pivot]};if(e.handle==="move")return i.position={x:A(e.startTransform.position.x+s),y:A(e.startTransform.position.y+r)},i;if(e.handle==="pivot"){const R=Math.max(1,e.startTransform.size.width*e.startTransform.scale2D.x),S=Math.max(1,e.startTransform.size.height*e.startTransform.scale2D.y),c=he(e.startTransform.pivot[0]+s/R),E=he(e.startTransform.pivot[1]+r/S);return i.pivot=[A(c*1e3)/1e3,A(E*1e3)/1e3],i.position={x:A(e.startTransform.position.x+(i.pivot[0]-e.startTransform.pivot[0])*R),y:A(e.startTransform.position.y+(i.pivot[1]-e.startTransform.pivot[1])*S)},i}if(e.handle.startsWith("rotate")){const R=Math.atan2(e.startPointerDesign.y-e.startTransform.position.y,e.startPointerDesign.x-e.startTransform.position.x),S=Math.atan2(a.y-e.startTransform.position.y,a.x-e.startTransform.position.x);return i.rotation=A(e.startTransform.rotation+(S-R)*180/Math.PI),i}const l=e.handle==="left"||e.handle.endsWith("Left"),f=e.handle==="right"||e.handle.endsWith("Right"),h=e.handle==="top"||e.handle.startsWith("top"),g=e.handle==="bottom"||e.handle.startsWith("bottom"),w=f?s*2:l?-s*2:0,y=h?r*2:g?-r*2:0;return i.size={width:Math.max(1,A(e.startTransform.size.width+w)),height:Math.max(1,A(e.startTransform.size.height+y))},i}function ge({transform:e,guideLayer:t,guideColor:o,onChange:n,children:s}){const r=$.useScreenSpace(),{size:a}=ae.useThree(),i=m.useRef(n);i.current=n;const l=m.useRef(null),f=m.useMemo(()=>H({transform:e,parentSize:r}),[r,e]),h=it(a),g=m.useRef(h);g.current=h;const w=at({resolved:f,transform:e}),y=m.useCallback(E=>{const T=l.current,u=i.current;!T||!u||u(lt({drag:T,clientX:E.clientX,clientY:E.clientY,designScale:g.current}))},[]),R=m.useCallback(()=>{l.current=null,document.body.style.cursor="",window.removeEventListener("pointermove",y),window.removeEventListener("pointerup",R)},[y]);m.useEffect(()=>R,[R]);const S=m.useCallback((E,T)=>{n&&(l.current={handle:E,startX:T.nativeEvent.clientX,startY:T.nativeEvent.clientY,startPointerDesign:{x:T.point.x/w,y:T.point.y/w},startTransform:e},window.addEventListener("pointermove",y),window.addEventListener("pointerup",R))},[n,R,e,w,y]),c=m.useMemo(()=>ct({parent:r,resolved:f,transform:e}),[r,f,e]);return p.jsx("group",{position:[f.center[0]+(e.pivot[0]-.5)*f.size[0],f.center[1]+(e.pivot[1]-.5)*f.size[1],0],rotation:f.rotation,children:p.jsx("group",{position:[(.5-e.pivot[0])*f.size[0],(.5-e.pivot[1])*f.size[1],0],scale:f.size,children:p.jsxs($.ScreenRectAspectContext.Provider,{value:f.aspect,children:[s,e.showTransformGuides&&t==="scene"?p.jsx(Ve,{color:o,controlScale:c,onHandlePointerDown:n?S:void 0,pivot:e.pivot,pivotScale:c,renderOrder:e.renderOrder+1}):null,e.showTransformGuides&&t==="overlay"?p.jsx(Ze,{color:o,onChange:n,transform:e}):null]})})})}const U={tint:"#dff6ff",opacity:.28,frost:.35,highlight:.55},ce=e=>({...U,...e,opacity:d.MathUtils.clamp((e==null?void 0:e.opacity)??U.opacity,0,1),frost:d.MathUtils.clamp((e==null?void 0:e.frost)??U.frost,0,1),highlight:d.MathUtils.clamp((e==null?void 0:e.highlight)??U.highlight,0,1)}),dt=`
-  varying vec2 vPosition;
-  void main() {
-    vPosition = position.xy;
-    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
-  }
-`,ft=`
-  uniform vec3 tint;
-  uniform float opacity;
-  uniform float frost;
-  uniform float highlight;
-  varying vec2 vPosition;
-
-  void main() {
-    float grain = fract(sin(dot(vPosition * 997.0, vec2(12.9898, 78.233))) * 43758.5453);
-    float sheen = smoothstep(0.15, 0.85, 1.0 - (vPosition.x + vPosition.y + 1.0) * 0.5);
-    vec3 frosted = mix(tint, vec3(1.0), frost * (0.18 + grain * 0.08));
-    vec3 color = mix(frosted, vec3(1.0), sheen * highlight * 0.32);
-    gl_FragColor = vec4(color, opacity);
-  }
-`,Te=({opacity:e=1,value:t})=>{const o=m.useMemo(()=>{const n=ce(t);return{tint:{value:new d.Color(n.tint)},opacity:{value:n.opacity*e},frost:{value:n.frost},highlight:{value:n.highlight}}},[e,t]);return p.jsx("shaderMaterial",{uniforms:o,vertexShader:dt,fragmentShader:ft,transparent:!0,depthTest:!1,depthWrite:!1,toneMapped:!1})},te=(e,t=1)=>Array.from({length:e},(o,n)=>{const s=n%2?t*.5:.5,r=-Math.PI/2+n/e*Math.PI*2;return[Math.cos(r)*s,Math.sin(r)*s,0]}),pt=e=>{switch(e.kind){case"line":return[[e.lineStart.x-.5,.5-e.lineStart.y,0],[e.lineEnd.x-.5,.5-e.lineEnd.y,0]];case"polygon":return te(Math.max(3,Math.round(e.sides)));case"star":return te(Math.max(3,Math.round(e.sides))*2,ne.MathUtils.clamp(e.innerRadiusRatio,.05,.95));case"rectangle":return[[-.5,-.5,0],[.5,-.5,0],[.5,.5,0],[-.5,.5,0]];case"roundedRectangle":{const t=ne.MathUtils.clamp(e.cornerRadius,0,.5),o=[];return[[.5-t,.5-t,0],[-.5+t,.5-t,Math.PI/2],[-.5+t,-.5+t,Math.PI],[.5-t,-.5+t,Math.PI*1.5]].forEach(([s,r,a])=>{for(let i=0;i<=6;i+=1){const l=a+i/6*(Math.PI/2);o.push([s+Math.cos(l)*t,r+Math.sin(l)*t,0])}}),o}case"circle":case"ellipse":default:return te(64)}},ut=e=>{const t=new ne.Shape;return e.forEach(([o,n],s)=>s?t.lineTo(o,n):t.moveTo(o,n)),t.closePath(),t},W={kind:"rectangle",fillColor:"#38bdf8",fillOpacity:1,fillMode:"solid",gradient:k.DEFAULT_SCREEN_GRADIENT,glass:U,strokeColor:"#ffffff",strokeOpacity:1,strokeWidth:3,cornerRadius:.15,sides:5,innerRadiusRatio:.45,dashed:!1,lineStart:{x:.1,y:.5},lineEnd:{x:.9,y:.5}},be=e=>{const t={...W,...e,lineStart:{...W.lineStart,...e==null?void 0:e.lineStart},lineEnd:{...W.lineEnd,...e==null?void 0:e.lineEnd},gradient:k.normalizeScreenGradient(e==null?void 0:e.gradient),glass:ce(e==null?void 0:e.glass)},o=(n,s)=>Number.isFinite(n)?n:s;return{...t,fillOpacity:d.MathUtils.clamp(o(t.fillOpacity,1),0,1),strokeOpacity:d.MathUtils.clamp(o(t.strokeOpacity,1),0,1),strokeWidth:Math.max(0,o(t.strokeWidth,0)),cornerRadius:d.MathUtils.clamp(o(t.cornerRadius,0),0,.5),sides:d.MathUtils.clamp(Math.round(o(t.sides,5)),3,12),innerRadiusRatio:d.MathUtils.clamp(o(t.innerRadiusRatio,.45),.05,.95),lineStart:{x:d.MathUtils.clamp(o(t.lineStart.x,.1),0,1),y:d.MathUtils.clamp(o(t.lineStart.y,.5),0,1)},lineEnd:{x:d.MathUtils.clamp(o(t.lineEnd.x,.9),0,1),y:d.MathUtils.clamp(o(t.lineEnd.y,.5),0,1)}}},ht=({name:e,renderOrder:t,settings:o,visible:n})=>{const s=$.useScreenRectAspect(),r=m.useMemo(()=>pt(o),[o]),a=m.useMemo(()=>ut(r),[r]),l=["circle","polygon","star"].includes(o.kind)?[Math.min(1,1/s),Math.min(1,s),1]:[1,1,1],h=o.kind!=="line"?[...r,r[0]]:r;return p.jsxs("group",{name:e,visible:n,scale:l,children:[o.kind!=="line"&&o.fillOpacity>0?p.jsxs("mesh",{renderOrder:t,children:[p.jsx("shapeGeometry",{args:[a]}),o.fillMode==="glass"?p.jsx(Te,{value:o.glass,opacity:o.fillOpacity}):p.jsx(k.MaterialFill,{settings:{source:o.fillMode,color:o.fillColor,opacity:o.fillOpacity,gradient:o.gradient}})]}):null,o.strokeWidth>0&&o.strokeOpacity>0?p.jsx(Be.Line,{points:h,color:o.strokeColor,lineWidth:o.strokeWidth,opacity:o.strokeOpacity,transparent:o.strokeOpacity<1,dashed:o.dashed,dashSize:.05,gapSize:.03,depthTest:!1,depthWrite:!1,renderOrder:t+1}):null]})},mt=({name:e,onScreenTransformChange:t,renderOrder:o,settings:n,transform:s,transformGuideLayer:r="scene",visible:a=!0})=>{const i=m.useMemo(()=>be(n),[n]),l=m.useMemo(()=>xe(s??F),[s]);return l.enabled?p.jsx(ge,{transform:l,guideLayer:r,guideColor:"#38bdf8",onChange:t,children:p.jsx(ht,{name:e,settings:i,visible:a&&l.visible,renderOrder:o??l.renderOrder})}):null};function St(e){const{screenSpaceUI:t,screenImage:o}=e,{image:n,transformation:s}=o,r=n.src.trim();return{shouldRender:t.enabled&&o.enabled&&s.enabled,props:{source:n.sourceKind==="image"&&r.length>0?{kind:"image",src:r}:n.sourceKind==="gif"&&r.length>0?{kind:"gif",src:r}:{kind:"default"},transform:o.screenTransform,coordinateSpace:s.coordinateSpace,canvasSize:s.canvasSize,position:[s.position.x,s.position.y],size:[s.size.width,s.size.height],rotation:s.rotation,pivot:s.pivot,stretchMode:n.stretchMode,materialType:n.materialType,blendMode:n.blendMode,opacity:n.opacity,color:n.color,flipX:n.flipX,flipY:n.flipY,renderOrder:s.renderOrder,transparent:n.transparent,alphaTest:n.alphaTest,overlay:s.overlay,visible:s.visible}}}const q={enabled:!0,preset:"placeholder",transformation:{enabled:!0,showFitGuides:!1,coordinateSpace:"canvas",canvasSize:{width:720,height:1280},position:{x:0,y:0},size:{width:680,height:1230},rotation:0,pivot:[.5,.5],renderOrder:999,overlay:!0,visible:!0},screenTransform:{...F,renderOrder:999},image:{sourceKind:"default",src:"",stretchMode:"fit",materialType:"unlit",blendMode:"normal",opacity:1,color:"#ffffff",flipX:!1,flipY:!1,transparent:!0,alphaTest:0}},xt={screenImage:q,screenSpaceUI:{enabled:!0}},gt=e=>e*Math.PI/180;function ye(e){if(!e)return;const t=e.offset??0,o=gt(e.angle??-45);return{color:e.color,opacity:e.opacity,blur:(e.feather??0)*100,offsetX:Math.cos(o)*t,offsetY:Math.sin(o)*t}}function Tt(e){const{screenSpaceUI:t,screenText:o}=e,{content:n,layout:s,style:r,transformation:a}=o,i=r.background;return{shouldRender:t.enabled&&o.enabled&&a.enabled,props:{text:n.text,screenTransform:o.screenTransform,coordinateSpace:a.coordinateSpace,canvasSize:a.canvasSize,position:[a.position.x,a.position.y],size:[a.size.width,a.size.height],rotation:a.rotation,pivot:a.pivot,renderOrder:a.renderOrder,overlay:a.overlay,visible:a.visible,showTransformGuides:a.showTransformGuides,fontSize:r.fontSize,fontFamily:r.fontFamily,fontWeight:r.fontWeight,fontStyle:r.fontStyle,underline:r.underline,strikethrough:r.strikethrough,letterSpacing:r.letterSpacing,lineSpacing:r.lineSpacing,color:r.color,opacity:r.opacity,outlineEnabled:r.outlineEnabled,strokeLayers:r.strokeLayers,shadowEnabled:r.shadowEnabled,shadowLayers:r.shadowLayers,innerShadow:r.innerShadowEnabled?ye(r.innerShadow):void 0,glow:r.glowEnabled?r.glow:void 0,bend:r.bendEnabled?r.bend:void 0,bgColor:i.enabled?i.color:"transparent",bgOpacity:i.opacity,bgFit:i.fit,bgAutoSize:i.autoSize,bgFillMode:i.fillMode,bgWidth:i.width,bgHeight:i.height,bgGradientStops:i.gradientStops,bgTextureUrl:i.textureUrl,bgTextureFit:i.textureFit,bgTextureFlipX:i.textureFlipX,bgTextureFlipY:i.textureFlipY,padding:i.padding,borderColor:i.borderEnabled?i.borderColor:void 0,borderWidth:i.borderEnabled?i.borderWidth:0,borderRadius:i.borderRadius,textAlign:s.textAlign,verticalAlign:s.verticalAlign,overflow:s.overflow,resizeToFit:s.resizeToFit,minFontSize:s.minFontSize}}}const Ee={color:"#000000",blur:0,offsetX:7.071,offsetY:-7.071,opacity:1,offset:10,angle:-45,feather:0},ve={screenText:{enabled:!0,content:{text:"Hello from Vincentt"},layout:{textAlign:"center",verticalAlign:"center",overflow:"clip",resizeToFit:!1,minFontSize:32},style:{fontSize:72,fontFamily:'"Space Grotesk", sans-serif',fontWeight:400,bold:!1,fontStyle:"normal",underline:!1,strikethrough:!1,letterSpacing:0,lineSpacing:.3,color:"#ffffff",opacity:1,aspect:3,outlineEnabled:!0,shadowEnabled:!1,innerShadowEnabled:!1,innerShadow:{color:"#000000",opacity:1,offset:10,angle:-45,feather:0},glowEnabled:!1,glow:{color:"#ffffff",style:"outward",intensity:.5,range:.5,horizontalAngle:0,verticalAngle:0},bendEnabled:!1,bend:{preset:"arc",strength:100},background:{enabled:!1,autoSize:!0,fit:"text",fillMode:"solid",color:"#14286e",opacity:1,borderRadius:32,padding:0,width:540,height:220,borderEnabled:!1,borderWidth:0,borderColor:"#ffffff",gradientStops:[{color:"#14286e",position:0},{color:"#3657d6",position:.5},{color:"#8ab4ff",position:1}],textureUrl:"",textureFit:"cover",textureFlipX:!1,textureFlipY:!1},strokeLayers:[{color:"#0f172a",width:12,opacity:1}],shadowLayers:[Ee]},screenTransform:{...F,renderOrder:1e3},transformation:{enabled:!0,showTransformGuides:!1,coordinateSpace:"canvas",canvasSize:{width:720,height:1280},position:{x:0,y:0},size:{width:680,height:1230},rotation:0,pivot:[.5,.5],renderOrder:1e3,overlay:!0,visible:!0},textArtPreset:"clean"},screenImage:q,screenSpaceUI:{enabled:!0}},le=e=>{const t=typeof crypto<"u"&&"randomUUID"in crypto?crypto.randomUUID():`${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;return`${e}_${t}`},Me=()=>le("obj"),we=()=>le("cmp"),I=e=>typeof structuredClone=="function"?structuredClone(e):JSON.parse(JSON.stringify(e)),Re=()=>I(k.DEFAULT_TRANSFORM_3D),De=()=>I(F),Oe=()=>I(q),Pe=()=>I(ve.screenText),ze=()=>I(W),je=()=>I($.DEFAULT_MESH_RENDERER),_e=()=>I(k.DEFAULT_FACE_MESH_RENDERER),Ce=()=>({type:"standard",color:"#ffffff",opacity:1,wireframe:!1,roughness:.42,metalness:.08}),Le=()=>({flipX:!1,flipY:!1}),bt=()=>({enabled:!0,type:"directional",color:"#ffffff",intensity:2.2,castShadow:!0,distance:10,angle:Math.PI/6,penumbra:.2,decay:2,showHelper:!1}),yt=()=>({enabled:!1,targetObjectId:null,mode:"point",inheritChildren:!1,offsetRotation:{x:0,y:0,z:0}}),Et=()=>({...Y,uv:{...Y.uv},offsetPosition:{...Y.offsetPosition},offsetRotation:{...Y.offsetRotation}}),vt=()=>I(Xe.DEFAULT_TRACKING_ANCHOR),Ae={Transform:Re,ScreenTransform:De,ScreenImage:Oe,ScreenText:Pe,ScreenShape:ze,MeshRenderer:je,FaceMeshRenderer:_e,Material:Ce,Texture:Le,Light:bt,LookAt:yt,PinToMesh:Et,TrackingAnchor:vt},Mt=({componentIds:e=[],enabled:t=!0,id:o=Me(),parentObjectId:n=null,childObjectIds:s=[],renderGroupId:r,layerId:a,name:i})=>({id:o,name:i,enabled:t,parentObjectId:n,childObjectIds:s,layerId:a,renderGroupId:r??a,componentIds:e}),wt=(e,t)=>({id:we(),objectId:t,type:e,enabled:!0,settings:Ae[e]()}),X=(e,t)=>{const o=e.objects[t];return o?o.componentIds.map(n=>e.components[n]).filter(n=>!!n):[]},Rt=()=>{let e=null,t=null,o=null,n=[];return(s,r)=>{const a=s.objects[r];if(!a)return e=s,t=r,o=null,n=[],n;const i=a.componentIds;return e===s&&t===r&&o===i&&n.length===i.length&&n.every(f=>s.components[f.id]===f)||(e=s,t=r,o=i,n=X(s,r)),n}},Dt=(e,t)=>{const o=e.objects[t.objectId];return o?{...e,objects:{...e.objects,[o.id]:{...o,componentIds:[...o.componentIds,t.id]}},components:{...e.components,[t.id]:t}}:e},Ot=(e,t,o,n)=>{const s=e.objects[t];if(!s||s.componentIds.indexOf(o)<0)return e;const a=s.componentIds.filter(i=>i!==o);return a.splice(Math.max(0,Math.min(n,a.length)),0,o),{...e,objects:{...e.objects,[t]:{...s,componentIds:a}}}},Pt=(e,t,o)=>{const n=e.objects[t];if(!n)return e;const s={...e.components};return delete s[o],{...e,objects:{...e.objects,[t]:{...n,componentIds:n.componentIds.filter(r=>r!==o)}},components:s}},re=(e,t)=>e.components[t.id]?{...e,components:{...e.components,[t.id]:t}}:e,Fe=(e,t)=>e.objects[t.id]?{...e,objects:{...e.objects,[t.id]:t}}:e,Ie=(e,t)=>{const o=e.objects[t],n=(o==null?void 0:o.childObjectIds)??[],s=Object.values(e.objects).filter(a=>a.parentObjectId===t).map(a=>a.id);return[...new Set([...n,...s])].map(a=>e.objects[a]).filter(a=>!!a)},zt=(e,t,o)=>{var r;let n=o;const s=new Set;for(;n;){if(n===t||s.has(n))return!0;s.add(n),n=((r=e.objects[n])==null?void 0:r.parentObjectId)??null}return!1},me=(e,t)=>{const o=new Set(X(e,t).map(n=>n.type));return o.has("Transform")?"3d":o.has("ScreenTransform")?"2d":null},Ne=(e,t,o,n)=>{const s=e.objects[t];if(!s||o!==null&&!e.objects[o])return e;if(o!==null){const i=me(e,t),l=me(e,o);if(i&&l&&i!==l)return e}if(zt(e,t,o))return e;const r=s.parentObjectId??null;if(r===o&&o===null)return e;const a={...e.objects};if(r&&a[r]){const i=a[r];a[r]={...i,childObjectIds:(i.childObjectIds??[]).filter(l=>l!==t)}}if(a[t]={...s,parentObjectId:o},o){const i=a[o],l=(i.childObjectIds??[]).filter(f=>f!==t);l.splice(Math.max(0,Math.min(n??l.length,l.length)),0,t),a[o]={...i,childObjectIds:l}}return{...e,objects:a}},oe=Math.PI/180,V=180/Math.PI,z=e=>Number(e.toFixed(4)),jt=e=>(e==null?void 0:e.type)==="Transform",Ue=(e,t)=>X(e,t).find(jt)??null,_t=e=>(e==null?void 0:e.type)==="ScreenTransform",Ge=(e,t)=>X(e,t).find(_t)??null,Ct=e=>new d.Matrix4().compose(new d.Vector3(e.position.x,e.position.y,e.position.z),new d.Quaternion().setFromEuler(new d.Euler(e.rotation.x*oe,e.rotation.y*oe,e.rotation.z*oe)),new d.Vector3(e.scale.x,e.scale.y,e.scale.z)),Lt=(e,t)=>{const o=Ue(e,t);return o?Ct(o.settings):new d.Matrix4},se=(e,t)=>{const o=e.objects[t],n=Lt(e,t);return!(o!=null&&o.parentObjectId)||!e.objects[o.parentObjectId]?n:se(e,o.parentObjectId).multiply(n)},At=e=>{const t=H({transform:e,parentSize:j,snapIncrement:0});return new d.Matrix4().compose(new d.Vector3(...t.center),new d.Quaternion().setFromEuler(new d.Euler(...t.rotation)),new d.Vector3(...t.size))},ie=(e,t)=>{var r;const o=Ge(e,t),n=o?At(o.settings):new d.Matrix4,s=(r=e.objects[t])==null?void 0:r.parentObjectId;return!s||!e.objects[s]?n:ie(e,s).multiply(n)},Ft=(e,t)=>{const o=new d.Vector3,n=new d.Quaternion,s=new d.Vector3;e.decompose(o,n,s);const r=new d.Euler().setFromQuaternion(n);return{...t,position:{x:z(o.x),y:z(o.y),z:z(o.z)},rotation:{x:z(r.x*V),y:z(r.y*V),z:z(r.z*V)},scale:{x:z(s.x),y:z(s.y),z:z(s.z)}}},It=(e,t)=>{const o=new d.Vector3,n=new d.Quaternion,s=new d.Vector3;e.decompose(o,n,s);const r=new d.Euler().setFromQuaternion(n),a=G/t.referencePixelsPerUnit,i=Math.abs(s.x),l=Math.abs(s.y),f=(t.pivot[0]-.5)*i,h=(t.pivot[1]-.5)*l;return{...t,position:{x:z((o.x+f)/a),y:z((o.y+h)/a)},rotation:z(r.z*V),scale2D:{x:z(i/(t.size.width*a)),y:z(l/(t.size.height*a))}}},Nt=(e,t,o,n)=>{const s=Ue(e,t),r=Ge(e,t),a=s?se(e,t):r?ie(e,t):null,i=Ne(e,t,o,n);if(i===e||!a)return i;const f=(o?s?se(i,o):ie(i,o):new d.Matrix4).clone().invert().multiply(a);return r?re(i,{...r,settings:It(f,r.settings)}):s?re(i,{...s,settings:Ft(f,s.settings)}):i},Ut=(e,t,o)=>{const n=e.objects[t];return n?Fe(e,{...n,enabled:o}):e},Gt=(e,t)=>{const o=e.objects[t];if(!o)return e;const n=Ie(e,t).map(i=>i.id),s={...e.objects};delete s[t];const r=Object.fromEntries(Object.entries(s).map(([i,l])=>[i,n.includes(i)||l.parentObjectId===t?{...l,parentObjectId:null}:{...l,childObjectIds:(l.childObjectIds??[]).filter(f=>f!==t)}])),a={...e.components};for(const i of o.componentIds)delete a[i];return{...e,objects:r,components:a}},We=30,Wt=31,kt=(e,t=1)=>{const o=t+e;if(o<1||o>We)throw new RangeError(`Render-group layer ${o} is outside the supported range 1-30.`);return o},Xt=({renderer:e,scene:t,camera:o,layers:n,includeDefaultLayer:s=!0})=>{const r=o.layers.mask,a=e.autoClear;try{if(e.autoClear=!1,e.clear(!0,!0,!0),n.length===0){o.layers.set(0),e.render(t,o);return}n.forEach((i,l)=>{o.layers.set(i),s&&i!==0&&o.layers.enable(0),l>0&&e.clearDepth(),e.render(t,o)})}finally{o.layers.mask=r,e.autoClear=a}};exports.DEFAULT_PIXEL_SNAP_INCREMENT=Se;exports.DEFAULT_REFERENCE_PIXELS_PER_UNIT=G;exports.DEFAULT_SCREEN_GLASS=U;exports.DEFAULT_SCREEN_IMAGE_SCENE_SETTINGS=xt;exports.DEFAULT_SCREEN_IMAGE_SETTINGS=q;exports.DEFAULT_SCREEN_SHAPE_SETTINGS=W;exports.DEFAULT_SCREEN_TEXT_SCENE_SETTINGS=ve;exports.DEFAULT_SCREEN_TEXT_SHADOW_LAYER=Ee;exports.DEFAULT_SCREEN_TRANSFORM_2D=F;exports.DEFAULT_SCREEN_TRANSFORM_ROOT=j;exports.EXTERNAL_BACKGROUND_RENDER_LAYER=Wt;exports.MAX_RENDER_GROUP_PASSES=We;exports.PinToMesh=st;exports.ScreenGlassMaterial=Te;exports.ScreenShape=mt;exports.ScreenTransformFrame=ge;exports.addComponentToObject=Dt;exports.componentDefaults=Ae;exports.createDefaultComponent=wt;exports.createDefaultFaceMeshRendererSettings=_e;exports.createDefaultMaterialSettings=Ce;exports.createDefaultMeshRendererSettings=je;exports.createDefaultScreenImageSettings=Oe;exports.createDefaultScreenShapeSettings=ze;exports.createDefaultScreenTextSettings=Pe;exports.createDefaultScreenTransformSettings=De;exports.createDefaultTextureSettings=Le;exports.createDefaultTransformSettings=Re;exports.createOrderedComponentsSelector=Rt;exports.createSceneComponentId=we;exports.createSceneId=le;exports.createSceneObject=Mt;exports.createSceneObjectId=Me;exports.deleteSceneObject=Gt;exports.getOrderedComponents=X;exports.getRenderGroupLayer=kt;exports.getSceneObjectChildren=Ie;exports.mapScreenImageSettingsToProps=St;exports.mapScreenTextInnerShadowToProps=ye;exports.mapScreenTextSettingsToProps=Tt;exports.mergeScreenShapeSettings=be;exports.mergeScreenTransform2D=xe;exports.moveComponent=Ot;exports.normalizeScreenGlass=ce;exports.removeComponent=Pt;exports.renderSequentialPasses=Xt;exports.replaceSceneComponent=re;exports.replaceSceneObject=Fe;exports.resolveScreenTransform2D=H;exports.setSceneObjectParent=Ne;exports.setSceneObjectParentPreserveWorldTransform=Nt;exports.setSceneObjectVisible=Ut;