@vincentt-xr/sdk 2.0.0-alpha.2 → 2.0.0-alpha.3

package/dist/main.cjs

@@ -1 +1 @@
-"use strict";var ae=Object.defineProperty;var ie=(t,e,r)=>e in t?ae(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var C=(t,e,r)=>ie(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("./index-D4bLzBr6.cjs"),V=require("./contexts-BKvTIayr.cjs"),T=require("./index-DzEzkBIH.cjs"),m=require("react/jsx-runtime"),i=require("react"),P=require("three"),E=require("./renderPasses-CT5iBwtg.cjs"),J=require("@react-three/fiber"),oe=require("./renderLayers-lDtL0_43.cjs"),$=require("./selectors-2QvO5RYY.cjs"),ce=require("@react-three/drei"),I=require("./index-CEc1CAmB.cjs"),U=require("./FaceMeshRenderer-lQLhYIW-.cjs"),Q=require("./drawNormalizedCrop-B-7zU-Xw.cjs"),ue=require("./index-82aENaRq.cjs");function le(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const de=le(P),O=(t,e,r,s)=>P.MathUtils.damp(t,e,Math.max(0,r),Math.max(0,s)),me=(t,e,r,s,n=new P.Vector2)=>n.set(O(t.x,e.x,r,s),O(t.y,e.y,r,s)),pe=(t,e,r,s,n=new P.Vector3)=>n.set(O(t.x,e.x,r,s),O(t.y,e.y,r,s),O(t.z,e.z,r,s)),he="rgba(20,40,110,0.88)",Ee=24,fe=512;function Se({color:t=he,borderColor:e,borderWidth:r=0,borderRadius:s=Ee,resolution:n=fe,aspect:c=1,opacity:o=1,name:u,overlay:a=!0,position:l,rotation:M,scale:p,visible:h}){const S=i.useRef(null),d=i.useRef(null),_=i.useMemo(()=>Te({width:Math.round(n*Math.max(c,.05)),height:Math.round(n),color:t,borderColor:e,borderWidth:r,borderRadius:s}),[t,e,r,s,n,c]);i.useEffect(()=>()=>{_.dispose()},[_]);const y=i.useRef(null),R=i.useRef(o);return R.current!==o&&(R.current=o,y.current=null,d.current&&(d.current.opacity=o)),i.useEffect(()=>{const L=S.current;if(L)return L.userData.setOpacity=D=>{y.current=D,d.current&&(d.current.opacity=D)},()=>{delete L.userData.setOpacity}},[]),m.jsxs("mesh",{ref:S,name:u,position:l,rotation:M,scale:p,visible:h,children:[m.jsx("planeGeometry",{args:[1,1]}),m.jsx("meshBasicMaterial",{ref:d,map:_,transparent:!0,opacity:o,depthTest:!a,depthWrite:!a})]})}function Te(t){const{width:e,height:r,color:s,borderColor:n,borderWidth:c,borderRadius:o}=t,u=typeof OffscreenCanvas<"u"?new OffscreenCanvas(e,r):(()=>{const p=document.createElement("canvas");return p.width=e,p.height=r,p})(),a=u.getContext("2d");a.clearRect(0,0,e,r);const l=Math.min(o,Math.min(e,r)/2);a.beginPath(),a.moveTo(l,0),a.lineTo(e-l,0),a.quadraticCurveTo(e,0,e,l),a.lineTo(e,r-l),a.quadraticCurveTo(e,r,e-l,r),a.lineTo(l,r),a.quadraticCurveTo(0,r,0,r-l),a.lineTo(0,l),a.quadraticCurveTo(0,0,l,0),a.closePath(),a.fillStyle=s,a.fill(),n&&c>0&&(a.lineWidth=c,a.strokeStyle=n,a.stroke());const M=new de.CanvasTexture(u);return M.needsUpdate=!0,M}const Re=({segmentationMask:t,segmentation:e,invert:r=!1,customBackground:s,renderOrder:n=oe.RENDER_LAYERS.BACKGROUND})=>{const{camera:c,size:o}=J.useThree(),u=$.useXRCameraTexture(),a=$.useXRModelNode(j.XRModel.BACKGROUND_SEGMENTATION),l=e?a==null?void 0:a.backgroundSegmentationMask:void 0,M=i.useRef(!1);i.useEffect(()=>{if(!e){M.current=!1;return}a===null&&!M.current&&(console.warn(`[VideoBackground] segmentation="${e}" set but no matching <Segmentation> component is mounted; rendering unmasked.`),M.current=!0)},[e,a]);const p=e?l:t,h=i.useMemo(()=>{if(!c.isPerspectiveCamera)return[10,10];const S=c,y=(S.position.z||5)- -1,R=S.fov*Math.PI/180,L=2*Math.tan(R/2)*y;return[L*(o.width/o.height),L]},[c,o]);return u?m.jsx("group",{position:[0,0,-1],children:r?m.jsxs(m.Fragment,{children:[m.jsxs("mesh",{position:[0,0,-.01],renderOrder:n-1,children:[m.jsx("planeGeometry",{args:h}),m.jsx("meshBasicMaterial",{map:u,depthTest:!1,depthWrite:!1,toneMapped:!1,side:P.DoubleSide})]}),s&&p&&m.jsxs("mesh",{position:[0,0,0],renderOrder:n,children:[m.jsx("planeGeometry",{args:h}),m.jsx("meshBasicMaterial",{map:typeof s=="string"?void 0:s,color:typeof s=="string"?s:void 0,alphaMap:p,transparent:!1,alphaTest:.5,depthTest:!1,depthWrite:!1,toneMapped:!1,side:P.DoubleSide},"inverted-mask")]})]}):m.jsxs(m.Fragment,{children:[s&&p&&m.jsxs("mesh",{position:[0,0,-.01],renderOrder:n-1,children:[m.jsx("planeGeometry",{args:h}),m.jsx("meshBasicMaterial",{map:typeof s=="string"?void 0:s,color:typeof s=="string"?s:void 0,depthTest:!1,depthWrite:!1,toneMapped:!1,side:P.DoubleSide})]}),m.jsxs("mesh",{position:[0,0,0],renderOrder:n,children:[m.jsx("planeGeometry",{args:h}),m.jsx("meshBasicMaterial",{map:u,alphaMap:p,transparent:!1,alphaTest:p?.5:void 0,depthTest:!1,depthWrite:!1,toneMapped:!1,side:P.DoubleSide},p?"with-mask":"no-mask")]})]})}):null},W=9,H=16,Me=({children:t})=>{const[e,r]=i.useState({width:0,height:0});return i.useEffect(()=>{const s=()=>{const n=document.documentElement.clientWidth,c=document.documentElement.clientHeight,o=n/c,u=W/H;let a,l;o>u?(l=c,a=l*W/H):(a=n,l=a*H/W),r({width:a,height:l})};return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[]),m.jsx("div",{style:{width:"100vw",height:`${window.innerHeight}px`,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#0d0d0d"},children:m.jsx("div",{style:{width:e.width,height:e.height,position:"relative"},children:t})})},_e=({size:t=.25,...e})=>m.jsx("axesHelper",{args:[t],...e}),Ae={left:-1,right:1,top:1,bottom:-1},ge=(t,e,r)=>{const s=t%e,n=Math.floor(t/e);return{x:s/e,y:(r-1-n)/r}},xe=({sheet:t,contentAspect:e,renderOrder:r,name:s})=>{const n=ce.useTexture(t.url),c=i.useRef(0),o=i.useRef(-1),u=I.useScreenRectAspect(),[a,l]=e!=null?T.computeContainScale(u,e):[1,1];return J.useFrame((M,p)=>{n.wrapS=P.RepeatWrapping,n.wrapT=P.RepeatWrapping,n.magFilter=P.LinearFilter,n.minFilter=P.LinearFilter,n.generateMipmaps=!1,n.repeat.set(1/t.cols,1/t.rows),c.current+=p;const h=Math.floor(c.current*t.fps)%t.frames;if(h===o.current)return;o.current=h;const{x:S,y:d}=ge(h,t.cols,t.rows);n.offset.set(S,d)}),m.jsxs("mesh",{name:s,renderOrder:r,scale:[a,l,1],children:[m.jsx("planeGeometry",{args:[1,1]}),m.jsx("meshBasicMaterial",{map:n,transparent:!0,toneMapped:!1,depthWrite:!1})]})},ye=({sheet:t,anchors:e=Ae,contentAspect:r,renderOrder:s=10,name:n="spriteAnimation"})=>m.jsx(i.Suspense,{fallback:null,children:m.jsx(V.ScreenTransform,{anchors:e,children:m.jsx(xe,{sheet:t,contentAspect:r,renderOrder:s,name:n})})}),F=t=>{switch(t){case"start":return"starting";case"started":case"resume":return"recording";case"pause":return"paused";case"stop":return"stopping";case"complete":return"completed";case"fail":return"error";case"clear":return"idle"}},Ce=["video/mp4","video/webm;codecs=vp9","video/webm;codecs=vp8","video/webm"];function Pe(t={}){const{audio:e=!1,mimeType:r,bitsPerSecond:s,onData:n,onStop:c,onRecordingStart:o,onRecordingPause:u,onRecordingResume:a,onRecordingStop:l,onRecordingComplete:M,onError:p,passThroughStream:h}=t,S=i.useRef(null),d=i.useRef(null),_=i.useRef([]),[y,R]=i.useState("idle"),[L,D]=i.useState(null),[X,g]=i.useState(null),b=i.useCallback(()=>{var x;const f=[r,...Ce].filter(Boolean);for(const A of f)if((x=MediaRecorder.isTypeSupported)!=null&&x.call(MediaRecorder,A))return A},[r]),G=i.useCallback(async f=>{const x=new MediaStream;if(f.getTracks().forEach(A=>x.addTrack(A)),e){let A;if(e instanceof MediaStream)A=e;else{const w=typeof e=="object"?{audio:e}:{audio:!0,video:!1};A=await navigator.mediaDevices.getUserMedia(w)}A.getAudioTracks().forEach(w=>x.addTrack(w))}if(!x.getTracks().length)throw new Error("No tracks available in combined stream.");return d.current=x,x},[e]),te=i.useCallback(async(f,x)=>{R(F("start")),g(null),D(null);try{let A;if(h)A=h,d.current=A;else{if(!f)throw new Error("start(stream) requires a MediaStream.");A=await G(f)}const w=b(),q={};w&&(q.mimeType=w),s&&(q.bitsPerSecond=s);const k=new MediaRecorder(A,q);k.ondataavailable=v=>{var Y;((Y=v.data)==null?void 0:Y.size)>0&&(_.current.push(v.data),n==null||n(v.data))},k.onstop=()=>{const v=new Blob(_.current,{type:w??"video/webm"});D(v),c==null||c(v),M==null||M(v),_.current=[],R(F("complete"))},S.current=k,k.start(x),R(F("started")),o==null||o()}catch(A){const w=A instanceof Error?A:new Error(String(A));console.error("start(stream) failed",w),g(w),R(F("fail")),p==null||p(w)}},[G,b,s,n,c,M,o,p,h]),re=i.useCallback(()=>{const f=S.current;!f||f.state==="inactive"||(R(F("stop")),f.stop(),l==null||l())},[l]),se=i.useCallback(()=>{const f=S.current;(f==null?void 0:f.state)==="recording"&&(f.pause(),R(F("pause")),u==null||u())},[u]),ne=i.useCallback(()=>{const f=S.current;(f==null?void 0:f.state)==="paused"&&(f.resume(),R(F("resume")),a==null||a())},[a]),B=i.useCallback(()=>{var f;try{S.current&&(S.current.onstop=null,S.current.state!=="inactive"&&S.current.stop()),S.current=null,(f=d.current)==null||f.getTracks().forEach(x=>x.stop()),d.current=null,D(null),R(F("clear")),_.current=[],g(null)}catch(x){console.error("clear failed",x)}},[]);return i.useEffect(()=>()=>B(),[]),{status:y,start:te,stop:re,pause:se,resume:ne,clear:B,isRecording:y==="recording"||y==="paused",isPaused:y==="paused",recordedBlob:L,error:X,getActiveStream:()=>d.current}}const Ne=async(t,e={})=>{var r,s,n;(r=e.onCaptureStart)==null||r.call(e),await Promise.resolve();try{const c=t();return(s=e.onCaptureComplete)==null||s.call(e,c),c}catch(c){const o=c instanceof Error?c:new Error(String(c));throw(n=e.onError)==null||n.call(e,o),o}},Le=(t={})=>{const{session:e}=j.useXRContext(),{captureFrame:r=e.captureFrame,onCaptureStart:s,onCaptureComplete:n,onError:c}=t,[o,u]=i.useState("idle"),[a,l]=i.useState(null),[M,p]=i.useState(null),h=i.useCallback(async()=>{u("capturing"),l(null),p(null);try{const d=await Ne(r,{onCaptureStart:s,onCaptureComplete:n,onError:c});return l(d),u("completed"),d}catch(d){const _=d instanceof Error?d:new Error(String(d));return p(_),u("error"),null}},[r,s,n,c]),S=i.useCallback(()=>{u("idle"),l(null),p(null)},[]);return{status:o,capturePhoto:h,clear:S,dataUrl:a,error:M}},we=(t,e)=>{const r=t.split(","),s=r[0].match(/:(.*?);/),n=s?s[1]:"application/octet-stream",c=atob(r[r.length-1]);let o=c.length;const u=new Uint8Array(o);for(;o--;)u[o]=c.charCodeAt(o);return new File([u],e,{type:n})},De=4,be=50,Fe=5e3,z=t=>Math.min(1,Math.max(0,t)),Z=t=>new Promise(e=>{if(t.readyState>=4){e();return}let r=!1;const s=()=>{r||(r=!0,e())};t.addEventListener("canplaythrough",s,{once:!0}),t.addEventListener("error",s,{once:!0}),setTimeout(s,Fe)}),K=(t,e)=>{const r=document.createElement("audio");return r.src=t,r.loop=e,r.preload="auto",r.setAttribute("playsinline",""),r.setAttribute("webkit-playsinline",""),r.load(),r},Ue=t=>{t.muted=!0,t.play().then(()=>{t.pause(),t.currentTime=0,t.muted=!1}).catch(()=>{t.muted=!1})};class ee{constructor(e={}){C(this,"sfxPoolSize");C(this,"coalesceMs");C(this,"muted",!0);C(this,"listeners",new Set);C(this,"music",null);C(this,"musicUrl",null);C(this,"musicReady",null);C(this,"musicWanted",null);C(this,"pools",new Map);C(this,"lastPlayed",new Map);C(this,"ready",new Map);this.sfxPoolSize=e.sfxPoolSize??De,this.coalesceMs=e.coalesceMs??be}prefetchMusic(e,r=.4){const s=z(r);if(this.musicWanted={url:e,volume:s},this.musicUrl===e&&this.musicReady)return this.music&&(this.music.volume=s),this.musicReady;this.music&&(this.music.pause(),this.music.currentTime=0,this.music.removeAttribute("src"),this.music.load()),this.music=K(e,!0),this.musicUrl=e,this.music.volume=s;const n=Z(this.music);return this.musicReady=n,n}registerSound(e,r=1){const s=this.ready.get(e);if(s)return s;const n=z(r),c=[];for(let u=0;u<this.sfxPoolSize;u+=1){const a=K(e,!1);a.volume=n,a.addEventListener("ended",()=>{a.currentTime=0}),c.push(a)}this.pools.set(e,{els:c,next:0,volume:n});const o=Z(c[0]);return this.ready.set(e,o),o}onMuteChange(e){return this.listeners.add(e),e(this.muted),()=>this.listeners.delete(e)}isMuted(){return this.muted}setMuted(e){e!==this.muted&&(this.muted=e,this.muted||this.pools.forEach(r=>r.els.forEach(Ue)),this.applyMusic(),this.listeners.forEach(r=>r(this.muted)))}toggleMuted(){this.setMuted(!this.muted)}playOneShot(e,r){if(this.muted)return;const s=this.pools.get(e);if(!s)return;const n=performance.now();if(n-(this.lastPlayed.get(e)??-1/0)<this.coalesceMs)return;this.lastPlayed.set(e,n);const c=s.els.length;let o;for(let u=0;u<c;u+=1){const a=s.els[(s.next+u)%c];if(a.paused){o=a,s.next=(s.next+u+1)%c;break}}o||(o=s.els[s.next],s.next=(s.next+1)%c),o.muted=!1,o.volume=z(r??s.volume),o.currentTime!==0&&(o.currentTime=0),o.play().catch(()=>{})}startMusic(e,r=.4){const s=z(r);this.musicUrl!==e&&this.prefetchMusic(e,s),this.musicWanted={url:e,volume:s},this.applyMusic()}stopMusic(){this.musicWanted=null,this.music&&(this.music.pause(),this.music.currentTime=0)}applyMusic(){!this.music||!this.musicWanted||(this.music.volume=this.musicWanted.volume,!this.muted&&this.music.paused&&this.music.play().catch(()=>{}),this.muted&&!this.music.paused&&this.music.pause())}}const ve=(t,e,r)=>t==="infinite"||t==="loop"&&e<Math.max(1,Math.floor(r))?"replay":"ended",Oe=(t,e,r)=>t&&e!==r,Ie=t=>Math.min(100,Math.max(0,t))/100,Ge=i.forwardRef(function({src:e,playMode:r="once",loopCount:s=1,autoplay:n=!1,muted:c=!1,volume:o=100,preload:u="auto",onReady:a,onPlay:l,onPause:M,onEnded:p,onError:h},S){const d=i.useRef(null),_=i.useRef(0),y=i.useRef(null),R=i.useCallback(async()=>{const g=d.current;if(g)try{await g.play()}catch(b){const G=b instanceof Error?b:new Error(String(b));throw h==null||h(G),G}},[h]),L=i.useCallback(()=>{var g;return(g=d.current)==null?void 0:g.pause()},[]),D=i.useCallback(()=>{const g=d.current;g&&(g.pause(),g.currentTime=0,_.current=0)},[]);i.useImperativeHandle(S,()=>({play:R,pause:L,stop:D,get current(){return d.current}}),[L,R,D]),i.useEffect(()=>{_.current=0,y.current=null},[e]),i.useEffect(()=>{d.current&&(d.current.volume=Ie(o))},[o]),i.useEffect(()=>{Oe(n,y.current,e)&&(y.current=e,R().catch(()=>{}))},[n,e]);const X=i.useCallback(()=>{_.current+=1;const g=Math.max(1,Math.floor(s));if(ve(r,_.current,g)==="replay"){const b=d.current;b&&(b.currentTime=0,R().catch(()=>{}));return}_.current=0,p==null||p()},[s,p,R,r]);return m.jsx("audio",{ref:d,src:e,preload:u,autoPlay:!1,muted:c,loop:!1,playsInline:!0,style:{display:"none"},onCanPlayThrough:a,onPlay:l,onPause:M,onEnded:X,onError:()=>h==null?void 0:h(new Error(`Unable to load audio: ${e}`))})}),N=new ee,je=(t,e)=>N.prefetchMusic(t,e),ke=(t,e)=>N.registerSound(t,e),ze=(t,e)=>N.startMusic(t,e),Xe=()=>N.stopMusic(),qe=(t,e)=>N.playOneShot(t,e),We=t=>N.setMuted(t),He=()=>N.toggleMuted(),Ve=()=>N.isMuted(),Be=t=>N.onMuteChange(t),Ye=()=>{const[t,e]=i.useState(N.isMuted());return i.useEffect(()=>N.onMuteChange(e),[]),t};exports.XRMediaSource=j.XRMediaSource;exports.XRModel=j.XRModel;exports.XRProvider=j.XRProvider;exports.ScreenTransform=V.ScreenTransform;exports.XRScene=V.XRScene;exports.LightObject=T.LightObject;exports.LookAt=T.LookAt;exports.RenderGroupLayer=T.RenderGroupLayer;exports.SceneObjectRenderer=T.SceneObjectRenderer;exports.ScreenImage=T.ScreenImage;exports.ScreenSpaceUI=T.ScreenSpaceUI;exports.ScreenText=T.ScreenText;exports.SequentialRenderPasses=T.SequentialRenderPasses;exports.TextLabel=T.TextLabel;exports.clientToScreenPixels=T.clientToScreenPixels;exports.computeContainScale=T.computeContainScale;exports.mediaToScreenPixels=T.mediaToScreenPixels;exports.normalizedToScreenPixels=T.normalizedToScreenPixels;exports.screenPixelsToClient=T.screenPixelsToClient;exports.screenPixelsToMedia=T.screenPixelsToMedia;exports.screenPixelsToNormalized=T.screenPixelsToNormalized;exports.screenPixelsToUnits=T.screenPixelsToUnits;exports.screenPointToRay=T.screenPointToRay;exports.screenUnitsToPixels=T.screenUnitsToPixels;exports.worldToScreenPixels=T.worldToScreenPixels;exports.DEFAULT_PIXEL_SNAP_INCREMENT=E.DEFAULT_PIXEL_SNAP_INCREMENT;exports.DEFAULT_REFERENCE_PIXELS_PER_UNIT=E.DEFAULT_REFERENCE_PIXELS_PER_UNIT;exports.DEFAULT_SCREEN_GLASS=E.DEFAULT_SCREEN_GLASS;exports.DEFAULT_SCREEN_IMAGE_SCENE_SETTINGS=E.DEFAULT_SCREEN_IMAGE_SCENE_SETTINGS;exports.DEFAULT_SCREEN_IMAGE_SETTINGS=E.DEFAULT_SCREEN_IMAGE_SETTINGS;exports.DEFAULT_SCREEN_SHAPE_SETTINGS=E.DEFAULT_SCREEN_SHAPE_SETTINGS;exports.DEFAULT_SCREEN_TEXT_SCENE_SETTINGS=E.DEFAULT_SCREEN_TEXT_SCENE_SETTINGS;exports.DEFAULT_SCREEN_TEXT_SHADOW_LAYER=E.DEFAULT_SCREEN_TEXT_SHADOW_LAYER;exports.DEFAULT_SCREEN_TRANSFORM_2D=E.DEFAULT_SCREEN_TRANSFORM_2D;exports.DEFAULT_SCREEN_TRANSFORM_ROOT=E.DEFAULT_SCREEN_TRANSFORM_ROOT;exports.EXTERNAL_BACKGROUND_RENDER_LAYER=E.EXTERNAL_BACKGROUND_RENDER_LAYER;exports.MAX_RENDER_GROUP_PASSES=E.MAX_RENDER_GROUP_PASSES;exports.PinToMesh=E.PinToMesh;exports.ScreenGlassMaterial=E.ScreenGlassMaterial;exports.ScreenShape=E.ScreenShape;exports.getRenderGroupLayer=E.getRenderGroupLayer;exports.mapScreenImageSettingsToProps=E.mapScreenImageSettingsToProps;exports.mapScreenTextInnerShadowToProps=E.mapScreenTextInnerShadowToProps;exports.mapScreenTextSettingsToProps=E.mapScreenTextSettingsToProps;exports.mergeScreenShapeSettings=E.mergeScreenShapeSettings;exports.mergeScreenTransform2D=E.mergeScreenTransform2D;exports.normalizeScreenGlass=E.normalizeScreenGlass;exports.renderSequentialPasses=E.renderSequentialPasses;exports.resolveScreenTransform2D=E.resolveScreenTransform2D;exports.DEFAULT_MESH_RENDERER=I.DEFAULT_MESH_RENDERER;exports.DEFAULT_MESH_RENDERER_RENDER_STATE=I.DEFAULT_MESH_RENDERER_RENDER_STATE;exports.MeshRenderer=I.MeshRenderer;exports.normalizeMeshRendererRenderState=I.normalizeMeshRendererRenderState;exports.useScreenRectAspect=I.useScreenRectAspect;exports.DEFAULT_MATERIAL_FILL=U.DEFAULT_MATERIAL_FILL;exports.DEFAULT_SCREEN_GRADIENT=U.DEFAULT_SCREEN_GRADIENT;exports.DEFAULT_TRANSFORM_3D=U.DEFAULT_TRANSFORM_3D;exports.MaterialFill=U.MaterialFill;exports.ScreenGradientMaterial=U.ScreenGradientMaterial;exports.Transform3D=U.Transform3D;exports.createTwoStopGradient=U.createTwoStopGradient;exports.normalizeScreenGradient=U.normalizeScreenGradient;exports.drawNormalizedCrop=Q.drawNormalizedCrop;exports.resolveNormalizedCrop=Q.resolveNormalizedCrop;exports.MeshMaterial=ue.MeshMaterial;exports.AspectRatioContainer=Me;exports.AudioEngine=ee;exports.AudioPlayer=Ge;exports.Axes=_e;exports.Panel=Se;exports.SpriteAnimation=ye;exports.VideoBackground=Re;exports.audio=N;exports.dataURLtoFile=we;exports.isMuted=Ve;exports.onMuteChange=Be;exports.playOneShot=qe;exports.prefetchMusic=je;exports.registerSound=ke;exports.setMuted=We;exports.smoothNumber=O;exports.smoothVector2=me;exports.smoothVector3=pe;exports.startMusic=ze;exports.stopMusic=Xe;exports.toggleMuted=He;exports.useFrameCapture=Le;exports.useMediaRecorder=Pe;exports.useMuted=Ye;
+"use strict";var ae=Object.defineProperty;var ie=(t,e,r)=>e in t?ae(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var C=(t,e,r)=>ie(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("./index-D4bLzBr6.cjs"),V=require("./contexts-Dv1SA0bS.cjs"),T=require("./index-DdWBnI7A.cjs"),m=require("react/jsx-runtime"),i=require("react"),P=require("three"),E=require("./renderPasses-CVWt0t8m.cjs"),J=require("@react-three/fiber"),oe=require("./renderLayers-lDtL0_43.cjs"),$=require("./selectors-2QvO5RYY.cjs"),ce=require("@react-three/drei"),I=require("./index-UU5ODHGU.cjs"),U=require("./FaceMeshRenderer-D4PFqsb3.cjs"),Q=require("./drawNormalizedCrop-B-7zU-Xw.cjs"),ue=require("./index-DqhqBi7O.cjs");function le(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const de=le(P),O=(t,e,r,s)=>P.MathUtils.damp(t,e,Math.max(0,r),Math.max(0,s)),me=(t,e,r,s,n=new P.Vector2)=>n.set(O(t.x,e.x,r,s),O(t.y,e.y,r,s)),pe=(t,e,r,s,n=new P.Vector3)=>n.set(O(t.x,e.x,r,s),O(t.y,e.y,r,s),O(t.z,e.z,r,s)),he="rgba(20,40,110,0.88)",Ee=24,fe=512;function Se({color:t=he,borderColor:e,borderWidth:r=0,borderRadius:s=Ee,resolution:n=fe,aspect:c=1,opacity:o=1,name:u,overlay:a=!0,position:l,rotation:M,scale:p,visible:h}){const S=i.useRef(null),d=i.useRef(null),_=i.useMemo(()=>Te({width:Math.round(n*Math.max(c,.05)),height:Math.round(n),color:t,borderColor:e,borderWidth:r,borderRadius:s}),[t,e,r,s,n,c]);i.useEffect(()=>()=>{_.dispose()},[_]);const y=i.useRef(null),R=i.useRef(o);return R.current!==o&&(R.current=o,y.current=null,d.current&&(d.current.opacity=o)),i.useEffect(()=>{const L=S.current;if(L)return L.userData.setOpacity=D=>{y.current=D,d.current&&(d.current.opacity=D)},()=>{delete L.userData.setOpacity}},[]),m.jsxs("mesh",{ref:S,name:u,position:l,rotation:M,scale:p,visible:h,children:[m.jsx("planeGeometry",{args:[1,1]}),m.jsx("meshBasicMaterial",{ref:d,map:_,transparent:!0,opacity:o,depthTest:!a,depthWrite:!a})]})}function Te(t){const{width:e,height:r,color:s,borderColor:n,borderWidth:c,borderRadius:o}=t,u=typeof OffscreenCanvas<"u"?new OffscreenCanvas(e,r):(()=>{const p=document.createElement("canvas");return p.width=e,p.height=r,p})(),a=u.getContext("2d");a.clearRect(0,0,e,r);const l=Math.min(o,Math.min(e,r)/2);a.beginPath(),a.moveTo(l,0),a.lineTo(e-l,0),a.quadraticCurveTo(e,0,e,l),a.lineTo(e,r-l),a.quadraticCurveTo(e,r,e-l,r),a.lineTo(l,r),a.quadraticCurveTo(0,r,0,r-l),a.lineTo(0,l),a.quadraticCurveTo(0,0,l,0),a.closePath(),a.fillStyle=s,a.fill(),n&&c>0&&(a.lineWidth=c,a.strokeStyle=n,a.stroke());const M=new de.CanvasTexture(u);return M.needsUpdate=!0,M}const Re=({segmentationMask:t,segmentation:e,invert:r=!1,customBackground:s,renderOrder:n=oe.RENDER_LAYERS.BACKGROUND})=>{const{camera:c,size:o}=J.useThree(),u=$.useXRCameraTexture(),a=$.useXRModelNode(j.XRModel.BACKGROUND_SEGMENTATION),l=e?a==null?void 0:a.backgroundSegmentationMask:void 0,M=i.useRef(!1);i.useEffect(()=>{if(!e){M.current=!1;return}a===null&&!M.current&&(console.warn(`[VideoBackground] segmentation="${e}" set but no matching <Segmentation> component is mounted; rendering unmasked.`),M.current=!0)},[e,a]);const p=e?l:t,h=i.useMemo(()=>{if(!c.isPerspectiveCamera)return[10,10];const S=c,y=(S.position.z||5)- -1,R=S.fov*Math.PI/180,L=2*Math.tan(R/2)*y;return[L*(o.width/o.height),L]},[c,o]);return u?m.jsx("group",{position:[0,0,-1],children:r?m.jsxs(m.Fragment,{children:[m.jsxs("mesh",{position:[0,0,-.01],renderOrder:n-1,children:[m.jsx("planeGeometry",{args:h}),m.jsx("meshBasicMaterial",{map:u,depthTest:!1,depthWrite:!1,toneMapped:!1,side:P.DoubleSide})]}),s&&p&&m.jsxs("mesh",{position:[0,0,0],renderOrder:n,children:[m.jsx("planeGeometry",{args:h}),m.jsx("meshBasicMaterial",{map:typeof s=="string"?void 0:s,color:typeof s=="string"?s:void 0,alphaMap:p,transparent:!1,alphaTest:.5,depthTest:!1,depthWrite:!1,toneMapped:!1,side:P.DoubleSide},"inverted-mask")]})]}):m.jsxs(m.Fragment,{children:[s&&p&&m.jsxs("mesh",{position:[0,0,-.01],renderOrder:n-1,children:[m.jsx("planeGeometry",{args:h}),m.jsx("meshBasicMaterial",{map:typeof s=="string"?void 0:s,color:typeof s=="string"?s:void 0,depthTest:!1,depthWrite:!1,toneMapped:!1,side:P.DoubleSide})]}),m.jsxs("mesh",{position:[0,0,0],renderOrder:n,children:[m.jsx("planeGeometry",{args:h}),m.jsx("meshBasicMaterial",{map:u,alphaMap:p,transparent:!1,alphaTest:p?.5:void 0,depthTest:!1,depthWrite:!1,toneMapped:!1,side:P.DoubleSide},p?"with-mask":"no-mask")]})]})}):null},W=9,H=16,Me=({children:t})=>{const[e,r]=i.useState({width:0,height:0});return i.useEffect(()=>{const s=()=>{const n=document.documentElement.clientWidth,c=document.documentElement.clientHeight,o=n/c,u=W/H;let a,l;o>u?(l=c,a=l*W/H):(a=n,l=a*H/W),r({width:a,height:l})};return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[]),m.jsx("div",{style:{width:"100vw",height:`${window.innerHeight}px`,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#0d0d0d"},children:m.jsx("div",{style:{width:e.width,height:e.height,position:"relative"},children:t})})},_e=({size:t=.25,...e})=>m.jsx("axesHelper",{args:[t],...e}),Ae={left:-1,right:1,top:1,bottom:-1},ge=(t,e,r)=>{const s=t%e,n=Math.floor(t/e);return{x:s/e,y:(r-1-n)/r}},xe=({sheet:t,contentAspect:e,renderOrder:r,name:s})=>{const n=ce.useTexture(t.url),c=i.useRef(0),o=i.useRef(-1),u=I.useScreenRectAspect(),[a,l]=e!=null?T.computeContainScale(u,e):[1,1];return J.useFrame((M,p)=>{n.wrapS=P.RepeatWrapping,n.wrapT=P.RepeatWrapping,n.magFilter=P.LinearFilter,n.minFilter=P.LinearFilter,n.generateMipmaps=!1,n.repeat.set(1/t.cols,1/t.rows),c.current+=p;const h=Math.floor(c.current*t.fps)%t.frames;if(h===o.current)return;o.current=h;const{x:S,y:d}=ge(h,t.cols,t.rows);n.offset.set(S,d)}),m.jsxs("mesh",{name:s,renderOrder:r,scale:[a,l,1],children:[m.jsx("planeGeometry",{args:[1,1]}),m.jsx("meshBasicMaterial",{map:n,transparent:!0,toneMapped:!1,depthWrite:!1})]})},ye=({sheet:t,anchors:e=Ae,contentAspect:r,renderOrder:s=10,name:n="spriteAnimation"})=>m.jsx(i.Suspense,{fallback:null,children:m.jsx(V.ScreenTransform,{anchors:e,children:m.jsx(xe,{sheet:t,contentAspect:r,renderOrder:s,name:n})})}),F=t=>{switch(t){case"start":return"starting";case"started":case"resume":return"recording";case"pause":return"paused";case"stop":return"stopping";case"complete":return"completed";case"fail":return"error";case"clear":return"idle"}},Ce=["video/mp4","video/webm;codecs=vp9","video/webm;codecs=vp8","video/webm"];function Pe(t={}){const{audio:e=!1,mimeType:r,bitsPerSecond:s,onData:n,onStop:c,onRecordingStart:o,onRecordingPause:u,onRecordingResume:a,onRecordingStop:l,onRecordingComplete:M,onError:p,passThroughStream:h}=t,S=i.useRef(null),d=i.useRef(null),_=i.useRef([]),[y,R]=i.useState("idle"),[L,D]=i.useState(null),[X,g]=i.useState(null),b=i.useCallback(()=>{var x;const f=[r,...Ce].filter(Boolean);for(const A of f)if((x=MediaRecorder.isTypeSupported)!=null&&x.call(MediaRecorder,A))return A},[r]),G=i.useCallback(async f=>{const x=new MediaStream;if(f.getTracks().forEach(A=>x.addTrack(A)),e){let A;if(e instanceof MediaStream)A=e;else{const w=typeof e=="object"?{audio:e}:{audio:!0,video:!1};A=await navigator.mediaDevices.getUserMedia(w)}A.getAudioTracks().forEach(w=>x.addTrack(w))}if(!x.getTracks().length)throw new Error("No tracks available in combined stream.");return d.current=x,x},[e]),te=i.useCallback(async(f,x)=>{R(F("start")),g(null),D(null);try{let A;if(h)A=h,d.current=A;else{if(!f)throw new Error("start(stream) requires a MediaStream.");A=await G(f)}const w=b(),q={};w&&(q.mimeType=w),s&&(q.bitsPerSecond=s);const k=new MediaRecorder(A,q);k.ondataavailable=v=>{var Y;((Y=v.data)==null?void 0:Y.size)>0&&(_.current.push(v.data),n==null||n(v.data))},k.onstop=()=>{const v=new Blob(_.current,{type:w??"video/webm"});D(v),c==null||c(v),M==null||M(v),_.current=[],R(F("complete"))},S.current=k,k.start(x),R(F("started")),o==null||o()}catch(A){const w=A instanceof Error?A:new Error(String(A));console.error("start(stream) failed",w),g(w),R(F("fail")),p==null||p(w)}},[G,b,s,n,c,M,o,p,h]),re=i.useCallback(()=>{const f=S.current;!f||f.state==="inactive"||(R(F("stop")),f.stop(),l==null||l())},[l]),se=i.useCallback(()=>{const f=S.current;(f==null?void 0:f.state)==="recording"&&(f.pause(),R(F("pause")),u==null||u())},[u]),ne=i.useCallback(()=>{const f=S.current;(f==null?void 0:f.state)==="paused"&&(f.resume(),R(F("resume")),a==null||a())},[a]),B=i.useCallback(()=>{var f;try{S.current&&(S.current.onstop=null,S.current.state!=="inactive"&&S.current.stop()),S.current=null,(f=d.current)==null||f.getTracks().forEach(x=>x.stop()),d.current=null,D(null),R(F("clear")),_.current=[],g(null)}catch(x){console.error("clear failed",x)}},[]);return i.useEffect(()=>()=>B(),[]),{status:y,start:te,stop:re,pause:se,resume:ne,clear:B,isRecording:y==="recording"||y==="paused",isPaused:y==="paused",recordedBlob:L,error:X,getActiveStream:()=>d.current}}const Ne=async(t,e={})=>{var r,s,n;(r=e.onCaptureStart)==null||r.call(e),await Promise.resolve();try{const c=t();return(s=e.onCaptureComplete)==null||s.call(e,c),c}catch(c){const o=c instanceof Error?c:new Error(String(c));throw(n=e.onError)==null||n.call(e,o),o}},Le=(t={})=>{const{session:e}=j.useXRContext(),{captureFrame:r=e.captureFrame,onCaptureStart:s,onCaptureComplete:n,onError:c}=t,[o,u]=i.useState("idle"),[a,l]=i.useState(null),[M,p]=i.useState(null),h=i.useCallback(async()=>{u("capturing"),l(null),p(null);try{const d=await Ne(r,{onCaptureStart:s,onCaptureComplete:n,onError:c});return l(d),u("completed"),d}catch(d){const _=d instanceof Error?d:new Error(String(d));return p(_),u("error"),null}},[r,s,n,c]),S=i.useCallback(()=>{u("idle"),l(null),p(null)},[]);return{status:o,capturePhoto:h,clear:S,dataUrl:a,error:M}},we=(t,e)=>{const r=t.split(","),s=r[0].match(/:(.*?);/),n=s?s[1]:"application/octet-stream",c=atob(r[r.length-1]);let o=c.length;const u=new Uint8Array(o);for(;o--;)u[o]=c.charCodeAt(o);return new File([u],e,{type:n})},De=4,be=50,Fe=5e3,z=t=>Math.min(1,Math.max(0,t)),Z=t=>new Promise(e=>{if(t.readyState>=4){e();return}let r=!1;const s=()=>{r||(r=!0,e())};t.addEventListener("canplaythrough",s,{once:!0}),t.addEventListener("error",s,{once:!0}),setTimeout(s,Fe)}),K=(t,e)=>{const r=document.createElement("audio");return r.src=t,r.loop=e,r.preload="auto",r.setAttribute("playsinline",""),r.setAttribute("webkit-playsinline",""),r.load(),r},Ue=t=>{t.muted=!0,t.play().then(()=>{t.pause(),t.currentTime=0,t.muted=!1}).catch(()=>{t.muted=!1})};class ee{constructor(e={}){C(this,"sfxPoolSize");C(this,"coalesceMs");C(this,"muted",!0);C(this,"listeners",new Set);C(this,"music",null);C(this,"musicUrl",null);C(this,"musicReady",null);C(this,"musicWanted",null);C(this,"pools",new Map);C(this,"lastPlayed",new Map);C(this,"ready",new Map);this.sfxPoolSize=e.sfxPoolSize??De,this.coalesceMs=e.coalesceMs??be}prefetchMusic(e,r=.4){const s=z(r);if(this.musicWanted={url:e,volume:s},this.musicUrl===e&&this.musicReady)return this.music&&(this.music.volume=s),this.musicReady;this.music&&(this.music.pause(),this.music.currentTime=0,this.music.removeAttribute("src"),this.music.load()),this.music=K(e,!0),this.musicUrl=e,this.music.volume=s;const n=Z(this.music);return this.musicReady=n,n}registerSound(e,r=1){const s=this.ready.get(e);if(s)return s;const n=z(r),c=[];for(let u=0;u<this.sfxPoolSize;u+=1){const a=K(e,!1);a.volume=n,a.addEventListener("ended",()=>{a.currentTime=0}),c.push(a)}this.pools.set(e,{els:c,next:0,volume:n});const o=Z(c[0]);return this.ready.set(e,o),o}onMuteChange(e){return this.listeners.add(e),e(this.muted),()=>this.listeners.delete(e)}isMuted(){return this.muted}setMuted(e){e!==this.muted&&(this.muted=e,this.muted||this.pools.forEach(r=>r.els.forEach(Ue)),this.applyMusic(),this.listeners.forEach(r=>r(this.muted)))}toggleMuted(){this.setMuted(!this.muted)}playOneShot(e,r){if(this.muted)return;const s=this.pools.get(e);if(!s)return;const n=performance.now();if(n-(this.lastPlayed.get(e)??-1/0)<this.coalesceMs)return;this.lastPlayed.set(e,n);const c=s.els.length;let o;for(let u=0;u<c;u+=1){const a=s.els[(s.next+u)%c];if(a.paused){o=a,s.next=(s.next+u+1)%c;break}}o||(o=s.els[s.next],s.next=(s.next+1)%c),o.muted=!1,o.volume=z(r??s.volume),o.currentTime!==0&&(o.currentTime=0),o.play().catch(()=>{})}startMusic(e,r=.4){const s=z(r);this.musicUrl!==e&&this.prefetchMusic(e,s),this.musicWanted={url:e,volume:s},this.applyMusic()}stopMusic(){this.musicWanted=null,this.music&&(this.music.pause(),this.music.currentTime=0)}applyMusic(){!this.music||!this.musicWanted||(this.music.volume=this.musicWanted.volume,!this.muted&&this.music.paused&&this.music.play().catch(()=>{}),this.muted&&!this.music.paused&&this.music.pause())}}const ve=(t,e,r)=>t==="infinite"||t==="loop"&&e<Math.max(1,Math.floor(r))?"replay":"ended",Oe=(t,e,r)=>t&&e!==r,Ie=t=>Math.min(100,Math.max(0,t))/100,Ge=i.forwardRef(function({src:e,playMode:r="once",loopCount:s=1,autoplay:n=!1,muted:c=!1,volume:o=100,preload:u="auto",onReady:a,onPlay:l,onPause:M,onEnded:p,onError:h},S){const d=i.useRef(null),_=i.useRef(0),y=i.useRef(null),R=i.useCallback(async()=>{const g=d.current;if(g)try{await g.play()}catch(b){const G=b instanceof Error?b:new Error(String(b));throw h==null||h(G),G}},[h]),L=i.useCallback(()=>{var g;return(g=d.current)==null?void 0:g.pause()},[]),D=i.useCallback(()=>{const g=d.current;g&&(g.pause(),g.currentTime=0,_.current=0)},[]);i.useImperativeHandle(S,()=>({play:R,pause:L,stop:D,get current(){return d.current}}),[L,R,D]),i.useEffect(()=>{_.current=0,y.current=null},[e]),i.useEffect(()=>{d.current&&(d.current.volume=Ie(o))},[o]),i.useEffect(()=>{Oe(n,y.current,e)&&(y.current=e,R().catch(()=>{}))},[n,e]);const X=i.useCallback(()=>{_.current+=1;const g=Math.max(1,Math.floor(s));if(ve(r,_.current,g)==="replay"){const b=d.current;b&&(b.currentTime=0,R().catch(()=>{}));return}_.current=0,p==null||p()},[s,p,R,r]);return m.jsx("audio",{ref:d,src:e,preload:u,autoPlay:!1,muted:c,loop:!1,playsInline:!0,style:{display:"none"},onCanPlayThrough:a,onPlay:l,onPause:M,onEnded:X,onError:()=>h==null?void 0:h(new Error(`Unable to load audio: ${e}`))})}),N=new ee,je=(t,e)=>N.prefetchMusic(t,e),ke=(t,e)=>N.registerSound(t,e),ze=(t,e)=>N.startMusic(t,e),Xe=()=>N.stopMusic(),qe=(t,e)=>N.playOneShot(t,e),We=t=>N.setMuted(t),He=()=>N.toggleMuted(),Ve=()=>N.isMuted(),Be=t=>N.onMuteChange(t),Ye=()=>{const[t,e]=i.useState(N.isMuted());return i.useEffect(()=>N.onMuteChange(e),[]),t};exports.XRMediaSource=j.XRMediaSource;exports.XRModel=j.XRModel;exports.XRProvider=j.XRProvider;exports.ScreenTransform=V.ScreenTransform;exports.XRScene=V.XRScene;exports.LightObject=T.LightObject;exports.LookAt=T.LookAt;exports.RenderGroupLayer=T.RenderGroupLayer;exports.SceneObjectRenderer=T.SceneObjectRenderer;exports.ScreenImage=T.ScreenImage;exports.ScreenSpaceUI=T.ScreenSpaceUI;exports.ScreenText=T.ScreenText;exports.SequentialRenderPasses=T.SequentialRenderPasses;exports.TextLabel=T.TextLabel;exports.clientToScreenPixels=T.clientToScreenPixels;exports.computeContainScale=T.computeContainScale;exports.mediaToScreenPixels=T.mediaToScreenPixels;exports.normalizedToScreenPixels=T.normalizedToScreenPixels;exports.screenPixelsToClient=T.screenPixelsToClient;exports.screenPixelsToMedia=T.screenPixelsToMedia;exports.screenPixelsToNormalized=T.screenPixelsToNormalized;exports.screenPixelsToUnits=T.screenPixelsToUnits;exports.screenPointToRay=T.screenPointToRay;exports.screenUnitsToPixels=T.screenUnitsToPixels;exports.worldToScreenPixels=T.worldToScreenPixels;exports.DEFAULT_PIXEL_SNAP_INCREMENT=E.DEFAULT_PIXEL_SNAP_INCREMENT;exports.DEFAULT_REFERENCE_PIXELS_PER_UNIT=E.DEFAULT_REFERENCE_PIXELS_PER_UNIT;exports.DEFAULT_SCREEN_GLASS=E.DEFAULT_SCREEN_GLASS;exports.DEFAULT_SCREEN_IMAGE_SCENE_SETTINGS=E.DEFAULT_SCREEN_IMAGE_SCENE_SETTINGS;exports.DEFAULT_SCREEN_IMAGE_SETTINGS=E.DEFAULT_SCREEN_IMAGE_SETTINGS;exports.DEFAULT_SCREEN_SHAPE_SETTINGS=E.DEFAULT_SCREEN_SHAPE_SETTINGS;exports.DEFAULT_SCREEN_TEXT_SCENE_SETTINGS=E.DEFAULT_SCREEN_TEXT_SCENE_SETTINGS;exports.DEFAULT_SCREEN_TEXT_SHADOW_LAYER=E.DEFAULT_SCREEN_TEXT_SHADOW_LAYER;exports.DEFAULT_SCREEN_TRANSFORM_2D=E.DEFAULT_SCREEN_TRANSFORM_2D;exports.DEFAULT_SCREEN_TRANSFORM_ROOT=E.DEFAULT_SCREEN_TRANSFORM_ROOT;exports.EXTERNAL_BACKGROUND_RENDER_LAYER=E.EXTERNAL_BACKGROUND_RENDER_LAYER;exports.MAX_RENDER_GROUP_PASSES=E.MAX_RENDER_GROUP_PASSES;exports.PinToMesh=E.PinToMesh;exports.ScreenGlassMaterial=E.ScreenGlassMaterial;exports.ScreenShape=E.ScreenShape;exports.getRenderGroupLayer=E.getRenderGroupLayer;exports.mapScreenImageSettingsToProps=E.mapScreenImageSettingsToProps;exports.mapScreenTextInnerShadowToProps=E.mapScreenTextInnerShadowToProps;exports.mapScreenTextSettingsToProps=E.mapScreenTextSettingsToProps;exports.mergeScreenShapeSettings=E.mergeScreenShapeSettings;exports.mergeScreenTransform2D=E.mergeScreenTransform2D;exports.normalizeScreenGlass=E.normalizeScreenGlass;exports.renderSequentialPasses=E.renderSequentialPasses;exports.resolveScreenTransform2D=E.resolveScreenTransform2D;exports.DEFAULT_MESH_RENDERER=I.DEFAULT_MESH_RENDERER;exports.DEFAULT_MESH_RENDERER_RENDER_STATE=I.DEFAULT_MESH_RENDERER_RENDER_STATE;exports.MeshRenderer=I.MeshRenderer;exports.normalizeMeshRendererRenderState=I.normalizeMeshRendererRenderState;exports.useScreenRectAspect=I.useScreenRectAspect;exports.DEFAULT_MATERIAL_FILL=U.DEFAULT_MATERIAL_FILL;exports.DEFAULT_SCREEN_GRADIENT=U.DEFAULT_SCREEN_GRADIENT;exports.DEFAULT_TRANSFORM_3D=U.DEFAULT_TRANSFORM_3D;exports.MaterialFill=U.MaterialFill;exports.ScreenGradientMaterial=U.ScreenGradientMaterial;exports.Transform3D=U.Transform3D;exports.createTwoStopGradient=U.createTwoStopGradient;exports.normalizeScreenGradient=U.normalizeScreenGradient;exports.drawNormalizedCrop=Q.drawNormalizedCrop;exports.resolveNormalizedCrop=Q.resolveNormalizedCrop;exports.MeshMaterial=ue.MeshMaterial;exports.AspectRatioContainer=Me;exports.AudioEngine=ee;exports.AudioPlayer=Ge;exports.Axes=_e;exports.Panel=Se;exports.SpriteAnimation=ye;exports.VideoBackground=Re;exports.audio=N;exports.dataURLtoFile=we;exports.isMuted=Ve;exports.onMuteChange=Be;exports.playOneShot=qe;exports.prefetchMusic=je;exports.registerSound=ke;exports.setMuted=We;exports.smoothNumber=O;exports.smoothVector2=me;exports.smoothVector3=pe;exports.startMusic=ze;exports.stopMusic=Xe;exports.toggleMuted=He;exports.useFrameCapture=Le;exports.useMediaRecorder=Pe;exports.useMuted=Ye;

package/dist/main.js

@@ -3,24 +3,24 @@ var ae = (t, e, s) => e in t ? re(t, e, { enumerable: !0, configurable: !0, writ
 var _ = (t, e, s) => ae(t, typeof e != "symbol" ? e + "" : e, s);
 import { X as ne, u as oe } from "./index-JygePOwo.js";
 import { c as yt, d as gt } from "./index-JygePOwo.js";
-import { S as ie } from "./contexts-Bk5zz_VR.js";
-import { X as At } from "./contexts-Bk5zz_VR.js";
-import { c as ce } from "./index-Di70KWuY.js";
-import { L as xt, d as vt, R as Ct, e as Pt, a as Lt, S as Ut, b as Dt, f as Nt, T as bt, g as Ft, m as Ot, n as It, h as Gt, i as kt, j as zt, s as Wt, k as Xt, l as Vt, w as Ht } from "./index-Di70KWuY.js";
+import { S as ie } from "./contexts-D5TQcwmv.js";
+import { X as At } from "./contexts-D5TQcwmv.js";
+import { c as ce } from "./index-DpVIEBHw.js";
+import { L as xt, d as vt, R as Ct, e as Pt, a as Lt, S as Ut, b as Dt, f as Nt, T as Ft, g as bt, m as Ot, n as It, h as Gt, i as kt, j as zt, s as Wt, k as Xt, l as Vt, w as Ht } from "./index-DpVIEBHw.js";
 import { jsxs as N, jsx as f, Fragment as q } from "react/jsx-runtime";
-import { useRef as A, useMemo as J, useEffect as U, useState as b, Suspense as ue, useCallback as w, forwardRef as le, useImperativeHandle as de } from "react";
+import { useRef as A, useMemo as J, useEffect as U, useState as F, Suspense as ue, useCallback as w, forwardRef as le, useImperativeHandle as de } from "react";
 import * as me from "three";
 import { MathUtils as pe, Vector2 as he, Vector3 as fe, DoubleSide as k, RepeatWrapping as Y, LinearFilter as Z } from "three";
-import { T as jt, U as qt, D as Yt, K as Zt, J as Kt, F as $t, N as Jt, O as Qt, V as es, W as ts, H as ss, M as rs, P as as, S as ns, E as os, B as is, L as cs, Q as us, R as ls, G as ds, X as ms, C as ps, I as hs, Y as fs } from "./renderPasses-CjgG_6kQ.js";
+import { T as jt, U as qt, D as Yt, K as Zt, J as Kt, F as $t, N as Jt, O as Qt, V as es, W as ts, H as ss, M as rs, P as as, S as ns, E as os, B as is, L as cs, Q as us, R as ls, G as ds, X as ms, C as ps, I as hs, Y as fs } from "./renderPasses-CdGZeHHL.js";
 import { useThree as Ee, useFrame as Se } from "@react-three/fiber";
 import { R as Te } from "./renderLayers-zrK2pv5O.js";
-import { b as Me, c as Re } from "./selectors-Dw3C-gSk.js";
+import { u as Me, c as Re } from "./selectors-twqYByYZ.js";
 import { useTexture as ye } from "@react-three/drei";
-import { a as ge } from "./index-CTHeBQOs.js";
-import { D as Ss, b as Ts, M as Ms, n as Rs } from "./index-CTHeBQOs.js";
-import { y as gs, w as ws, A as As, M as _s, S as xs, T as vs, z as Cs, x as Ps } from "./FaceMeshRenderer-6t8OsQhK.js";
+import { a as ge } from "./index-N7C6fNah.js";
+import { D as Ss, b as Ts, M as Ms, n as Rs } from "./index-N7C6fNah.js";
+import { y as gs, w as ws, A as As, M as _s, S as xs, T as vs, z as Cs, x as Ps } from "./FaceMeshRenderer-CALA4k49.js";
 import { d as Us, r as Ds } from "./drawNormalizedCrop-CRdIDyl1.js";
-import { M as bs } from "./index-BgQAX8rs.js";
+import { M as Fs } from "./index-YMUaJU7U.js";
 const I = (t, e, s, r) => pe.damp(t, e, Math.max(0, s), Math.max(0, r)), Je = (t, e, s, r, a = new he()) => a.set(
   I(t.x, e.x, s, r),
   I(t.y, e.y, s, r)
@@ -190,7 +190,7 @@ const tt = ({
     ] })
   ] }) }) : null;
 }, V = 9, H = 16, st = ({ children: t }) => {
-  const [e, s] = b({ width: 0, height: 0 });
+  const [e, s] = F({ width: 0, height: 0 });
   return U(() => {
     const r = () => {
       const a = document.documentElement.clientWidth, i = document.documentElement.clientHeight, o = a / i, c = V / H;
@@ -277,7 +277,7 @@ function nt(t = {}) {
     onRecordingComplete: S,
     onError: d,
     passThroughStream: m
-  } = t, h = A(null), l = A(null), T = A([]), [g, E] = b("idle"), [x, P] = b(null), [W, R] = b(null), L = w(() => {
+  } = t, h = A(null), l = A(null), T = A([]), [g, E] = F("idle"), [x, P] = F(null), [W, R] = F(null), L = w(() => {
     var y;
     const p = [s, ...Le].filter(Boolean);
     for (const M of p)
@@ -314,14 +314,14 @@ function nt(t = {}) {
         const v = L(), X = {};
         v && (X.mimeType = v), r && (X.bitsPerSecond = r);
         const G = new MediaRecorder(M, X);
-        G.ondataavailable = (F) => {
+        G.ondataavailable = (b) => {
           var j;
-          ((j = F.data) == null ? void 0 : j.size) > 0 && (T.current.push(F.data), a == null || a(F.data));
+          ((j = b.data) == null ? void 0 : j.size) > 0 && (T.current.push(b.data), a == null || a(b.data));
         }, G.onstop = () => {
-          const F = new Blob(T.current, {
+          const b = new Blob(T.current, {
             type: v ?? "video/webm"
           });
-          P(F), i == null || i(F), S == null || S(F), T.current = [], E(D("complete"));
+          P(b), i == null || i(b), S == null || S(b), T.current = [], E(D("complete"));
         }, h.current = G, G.start(y), E(D("started")), o == null || o();
       } catch (M) {
         const v = M instanceof Error ? M : new Error(String(M));
@@ -386,7 +386,7 @@ const Ue = async (t, e = {}) => {
     onCaptureStart: r,
     onCaptureComplete: a,
     onError: i
-  } = t, [o, c] = b("idle"), [n, u] = b(null), [S, d] = b(null), m = w(async () => {
+  } = t, [o, c] = F("idle"), [n, u] = F(null), [S, d] = F(null), m = w(async () => {
     c("capturing"), u(null), d(null);
     try {
       const l = await Ue(s, {
@@ -410,7 +410,7 @@ const Ue = async (t, e = {}) => {
   for (; o--; )
     c[o] = i.charCodeAt(o);
   return new File([c], e, { type: a });
-}, De = 4, Ne = 50, be = 5e3, z = (t) => Math.min(1, Math.max(0, t)), K = (t) => new Promise((e) => {
+}, De = 4, Ne = 50, Fe = 5e3, z = (t) => Math.min(1, Math.max(0, t)), K = (t) => new Promise((e) => {
   if (t.readyState >= 4) {
     e();
     return;
@@ -419,11 +419,11 @@ const Ue = async (t, e = {}) => {
   const r = () => {
     s || (s = !0, e());
   };
-  t.addEventListener("canplaythrough", r, { once: !0 }), t.addEventListener("error", r, { once: !0 }), setTimeout(r, be);
+  t.addEventListener("canplaythrough", r, { once: !0 }), t.addEventListener("error", r, { once: !0 }), setTimeout(r, Fe);
 }), $ = (t, e) => {
   const s = document.createElement("audio");
   return s.src = t, s.loop = e, s.preload = "auto", s.setAttribute("playsinline", ""), s.setAttribute("webkit-playsinline", ""), s.load(), s;
-}, Fe = (t) => {
+}, be = (t) => {
   t.muted = !0, t.play().then(() => {
     t.pause(), t.currentTime = 0, t.muted = !1;
   }).catch(() => {
@@ -494,7 +494,7 @@ class Oe {
    * then start the music. All elements are already buffered, so this is instant.
    */
   setMuted(e) {
-    e !== this.muted && (this.muted = e, this.muted || this.pools.forEach((s) => s.els.forEach(Fe)), this.applyMusic(), this.listeners.forEach((s) => s(this.muted)));
+    e !== this.muted && (this.muted = e, this.muted || this.pools.forEach((s) => s.els.forEach(be)), this.applyMusic(), this.listeners.forEach((s) => s(this.muted)));
   }
   toggleMuted() {
     this.setMuted(!this.muted);
@@ -617,7 +617,7 @@ const Ie = (t, e, s) => t === "infinite" || t === "loop" && e < Math.max(1, Math
     }
   );
 }), C = new Oe(), ut = (t, e) => C.prefetchMusic(t, e), lt = (t, e) => C.registerSound(t, e), dt = (t, e) => C.startMusic(t, e), mt = () => C.stopMusic(), pt = (t, e) => C.playOneShot(t, e), ht = (t) => C.setMuted(t), ft = () => C.toggleMuted(), Et = () => C.isMuted(), St = (t) => C.onMuteChange(t), Tt = () => {
-  const [t, e] = b(C.isMuted());
+  const [t, e] = F(C.isMuted());
   return U(() => C.onMuteChange(e), []), t;
 };
 export {
@@ -645,7 +645,7 @@ export {
   vt as LookAt,
   rs as MAX_RENDER_GROUP_PASSES,
   _s as MaterialFill,
-  bs as MeshMaterial,
+  Fs as MeshMaterial,
   Ms as MeshRenderer,
   et as Panel,
   as as PinToMesh,
@@ -660,7 +660,7 @@ export {
   ie as ScreenTransform,
   Nt as SequentialRenderPasses,
   at as SpriteAnimation,
-  bt as TextLabel,
+  Ft as TextLabel,
   vs as Transform3D,
   tt as VideoBackground,
   yt as XRMediaSource,
@@ -668,7 +668,7 @@ export {
   gt as XRProvider,
   At as XRScene,
   C as audio,
-  Ft as clientToScreenPixels,
+  bt as clientToScreenPixels,
   ce as computeContainScale,
   Cs as createTwoStopGradient,
   it as dataURLtoFile,

package/dist/{renderGroups-C9QJrAXu.js → renderGroups-JEXqSACh.js}

@@ -1,4 +1,4 @@
-import { M as D, B as I } from "./renderPasses-CjgG_6kQ.js";
+import { M as D, B as I } from "./renderPasses-CdGZeHHL.js";
 const p = {
   background: "background",
   scene3d: "general",

package/dist/{renderGroups-Dvm1J4lW.cjs → renderGroups-uXXsFpvw.cjs}

@@ -1 +1 @@
-"use strict";const E=require("./renderPasses-CT5iBwtg.cjs"),p={background:"background",scene3d:"general",tracking:"ar-tracking",screen2d:"2d-foreground",post:"post-effects"},u=(e,...r)=>{const t=new Set(e.map(c=>c.type));return r.every(c=>t.has(c))},b=e=>u(e,"ScreenTransform")&&(u(e,"ScreenText")||u(e,"ScreenImage")||u(e,"ScreenShape")||e.every(r=>["ScreenTransform","TrackingAnchor"].includes(r.type))),h=e=>(u(e,"Transform")||u(e,"FaceMeshRenderer"))&&!b(e),l={background:{domain:"background",accepts:()=>!1,defaultFor:()=>!1,renderMode:"background"},scene3d:{domain:"scene3d",accepts:h,defaultFor:h,renderMode:"depth3d"},tracking:{domain:"tracking",accepts:()=>!1,defaultFor:()=>!1,renderMode:"tracking"},screen2d:{domain:"screen2d",accepts:b,defaultFor:b,renderMode:"screenOverlay"},post:{domain:"post",accepts:()=>!1,defaultFor:()=>!1,renderMode:"post"}},y={background:"Background",scene3d:"General / 3D Scene",tracking:"AR Tracking",screen2d:"2D Foreground",post:"Post Effects"},D=e=>({id:p[e],name:y[e],domain:e,enabled:!0,objectIds:[]}),G=(e,r)=>r.componentIds.map(t=>e.components[t]).filter(t=>!!t),I=e=>{var r;return p[((r=Object.values(l).find(t=>t.defaultFor(e)))==null?void 0:r.domain)??"scene3d"]},S=(e,r,t)=>{const c=e.objects[r],n=e.renderGroups[t];return!c||!n?!1:l[n.domain].accepts(G(e,c))},k=(e,r,t)=>{if(r<0||r>=e.length)return e;const c=Math.max(0,Math.min(t,e.length-1));if(r===c)return e;const n=[...e],[s]=n.splice(r,1);return n.splice(c,0,s),n},T=(e,r,t)=>{const c=e.renderGroupOrder.indexOf(r),n=k(e.renderGroupOrder,c,t);return n===e.renderGroupOrder?e:{...e,renderGroupOrder:n}},P=(e,r,t,c)=>{const n=e.renderGroups[r];if(!n)return e;const s=n.objectIds.indexOf(t),o=k(n.objectIds,s,c);return o===n.objectIds?e:{...e,renderGroups:{...e.renderGroups,[r]:{...n,objectIds:o}}}},v=(e,r,t,c)=>{if(!S(e,r,t))return e;const n=Object.fromEntries(Object.entries(e.renderGroups).map(([o,d])=>[o,{...d,objectIds:d.objectIds.filter(a=>a!==r)}])),s=n[t].objectIds;return s.splice(Math.max(0,Math.min(c??s.length,s.length)),0,r),{...e,objects:{...e.objects,[r]:{...e.objects[r],renderGroupId:t}},renderGroups:n}},F=(e,r=Object.keys(e.objects))=>{const t={},c=[],n={...e.objects};return[...r,...Object.keys(n).filter(o=>!r.includes(o))].forEach(o=>{var g,m;const d=n[o];if(!d)return;const a=d.renderGroupId??d.layerId,M=I(G(e,d)),_=(g=Object.entries(p).find(([,f])=>f===a))==null?void 0:g[0],O=(m=Object.entries(p).find(([,f])=>f===M))==null?void 0:m[0],R=D(_??O),j=l[R.domain].accepts(G(e,d))?R:D(O),i=j.id;t[i]||(t[i]=j,c.push(i)),t[i].objectIds.push(o),n[o]={...d,renderGroupId:i}}),{...e,objects:n,renderGroups:t,renderGroupOrder:c}},U=(e,r=1e3)=>e.renderGroupOrder.flatMap((t,c)=>{if(c>=E.MAX_RENDER_GROUP_PASSES)return[];const n=e.renderGroups[t];if(!n||!n.enabled)return[];const s=l[n.domain];return n.objectIds.flatMap((o,d)=>{const a=e.objects[o];return!a||!a.enabled?[]:a.parentObjectId&&e.objects[a.parentObjectId]?[]:[{groupId:t,groupIndex:c,objectId:o,objectIndex:d,renderMode:s.renderMode,renderOrder:c*r+d,renderLayer:E.getRenderGroupLayer(c)}]})});exports.DEFAULT_RENDER_GROUP_IDS=p;exports.RENDER_GROUP_POLICIES=l;exports.createRenderPlan=U;exports.getDefaultRenderGroupId=I;exports.migrateToRenderGroups=F;exports.moveObjectToGroup=v;exports.reorderObjectWithinGroup=P;exports.reorderRenderGroup=T;exports.validateGroupCompatibility=S;
+"use strict";const E=require("./renderPasses-CVWt0t8m.cjs"),p={background:"background",scene3d:"general",tracking:"ar-tracking",screen2d:"2d-foreground",post:"post-effects"},u=(e,...r)=>{const t=new Set(e.map(c=>c.type));return r.every(c=>t.has(c))},b=e=>u(e,"ScreenTransform")&&(u(e,"ScreenText")||u(e,"ScreenImage")||u(e,"ScreenShape")||e.every(r=>["ScreenTransform","TrackingAnchor"].includes(r.type))),h=e=>(u(e,"Transform")||u(e,"FaceMeshRenderer"))&&!b(e),l={background:{domain:"background",accepts:()=>!1,defaultFor:()=>!1,renderMode:"background"},scene3d:{domain:"scene3d",accepts:h,defaultFor:h,renderMode:"depth3d"},tracking:{domain:"tracking",accepts:()=>!1,defaultFor:()=>!1,renderMode:"tracking"},screen2d:{domain:"screen2d",accepts:b,defaultFor:b,renderMode:"screenOverlay"},post:{domain:"post",accepts:()=>!1,defaultFor:()=>!1,renderMode:"post"}},y={background:"Background",scene3d:"General / 3D Scene",tracking:"AR Tracking",screen2d:"2D Foreground",post:"Post Effects"},D=e=>({id:p[e],name:y[e],domain:e,enabled:!0,objectIds:[]}),G=(e,r)=>r.componentIds.map(t=>e.components[t]).filter(t=>!!t),I=e=>{var r;return p[((r=Object.values(l).find(t=>t.defaultFor(e)))==null?void 0:r.domain)??"scene3d"]},S=(e,r,t)=>{const c=e.objects[r],n=e.renderGroups[t];return!c||!n?!1:l[n.domain].accepts(G(e,c))},k=(e,r,t)=>{if(r<0||r>=e.length)return e;const c=Math.max(0,Math.min(t,e.length-1));if(r===c)return e;const n=[...e],[s]=n.splice(r,1);return n.splice(c,0,s),n},T=(e,r,t)=>{const c=e.renderGroupOrder.indexOf(r),n=k(e.renderGroupOrder,c,t);return n===e.renderGroupOrder?e:{...e,renderGroupOrder:n}},P=(e,r,t,c)=>{const n=e.renderGroups[r];if(!n)return e;const s=n.objectIds.indexOf(t),o=k(n.objectIds,s,c);return o===n.objectIds?e:{...e,renderGroups:{...e.renderGroups,[r]:{...n,objectIds:o}}}},v=(e,r,t,c)=>{if(!S(e,r,t))return e;const n=Object.fromEntries(Object.entries(e.renderGroups).map(([o,d])=>[o,{...d,objectIds:d.objectIds.filter(a=>a!==r)}])),s=n[t].objectIds;return s.splice(Math.max(0,Math.min(c??s.length,s.length)),0,r),{...e,objects:{...e.objects,[r]:{...e.objects[r],renderGroupId:t}},renderGroups:n}},F=(e,r=Object.keys(e.objects))=>{const t={},c=[],n={...e.objects};return[...r,...Object.keys(n).filter(o=>!r.includes(o))].forEach(o=>{var g,m;const d=n[o];if(!d)return;const a=d.renderGroupId??d.layerId,M=I(G(e,d)),_=(g=Object.entries(p).find(([,f])=>f===a))==null?void 0:g[0],O=(m=Object.entries(p).find(([,f])=>f===M))==null?void 0:m[0],R=D(_??O),j=l[R.domain].accepts(G(e,d))?R:D(O),i=j.id;t[i]||(t[i]=j,c.push(i)),t[i].objectIds.push(o),n[o]={...d,renderGroupId:i}}),{...e,objects:n,renderGroups:t,renderGroupOrder:c}},U=(e,r=1e3)=>e.renderGroupOrder.flatMap((t,c)=>{if(c>=E.MAX_RENDER_GROUP_PASSES)return[];const n=e.renderGroups[t];if(!n||!n.enabled)return[];const s=l[n.domain];return n.objectIds.flatMap((o,d)=>{const a=e.objects[o];return!a||!a.enabled?[]:a.parentObjectId&&e.objects[a.parentObjectId]?[]:[{groupId:t,groupIndex:c,objectId:o,objectIndex:d,renderMode:s.renderMode,renderOrder:c*r+d,renderLayer:E.getRenderGroupLayer(c)}]})});exports.DEFAULT_RENDER_GROUP_IDS=p;exports.RENDER_GROUP_POLICIES=l;exports.createRenderPlan=U;exports.getDefaultRenderGroupId=I;exports.migrateToRenderGroups=F;exports.moveObjectToGroup=v;exports.reorderObjectWithinGroup=P;exports.reorderRenderGroup=T;exports.validateGroupCompatibility=S;

package/dist/{renderPasses-CT5iBwtg.cjs → renderPasses-CVWt0t8m.cjs}

@@ -1,4 +1,4 @@
-"use strict";const $=require("./index-CEc1CAmB.cjs"),ae=require("@react-three/fiber"),m=require("react"),d=require("three"),ke=require("./index-D4bLzBr6.cjs"),Xe=require("./index-DSpzjuqd.cjs"),k=require("./FaceMeshRenderer-lQLhYIW-.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=`
+"use strict";const $=require("./index-UU5ODHGU.cjs"),ae=require("@react-three/fiber"),m=require("react"),d=require("three"),ke=require("./index-D4bLzBr6.cjs"),Xe=require("./index-Be-S7uSm.cjs"),k=require("./FaceMeshRenderer-D4PFqsb3.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;
@@ -18,4 +18,4 @@
     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}:{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;
+`,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;

package/dist/{renderPasses-CjgG_6kQ.js → renderPasses-CdGZeHHL.js}

@@ -1,11 +1,11 @@
-import { u as Ee, S as ze, a as Pe, D as Re } from "./index-CTHeBQOs.js";
+import { u as Ee, S as ze, a as Pe, D as Re } from "./index-N7C6fNah.js";
 import { useThree as xe, useFrame as Oe } from "@react-three/fiber";
 import { useRef as W, useState as De, useCallback as U, useEffect as k, useMemo as G, createElement as Le } from "react";
 import * as ce from "three";
 import { Vector2 as K, Vector3 as z, Box3 as Ae, Matrix4 as B, Quaternion as Y, Euler as H, MathUtils as L, Color as Ce } from "three";
 import { e as Fe } from "./index-JygePOwo.js";
-import { D as _e } from "./index-UC0Ux38E.js";
-import { w as Ie, x as je, M as We, a as Ge, A as Ne } from "./FaceMeshRenderer-6t8OsQhK.js";
+import { D as _e } from "./index-HxT9XEuh.js";
+import { w as Ie, x as je, M as We, a as Ge, A as Ne } from "./FaceMeshRenderer-CALA4k49.js";
 import { jsxs as O, jsx as u } from "react/jsx-runtime";
 import { Line as Ue } from "@react-three/drei";
 const he = {
@@ -896,7 +896,7 @@ function ro(e) {
   return {
     shouldRender: t.enabled && o.enabled && i.enabled,
     props: {
-      source: n.sourceKind === "image" && r.length > 0 ? { kind: "image", src: r } : { kind: "default" },
+      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: i.coordinateSpace,
       canvasSize: i.canvasSize,

package/dist/scene-object.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./renderPasses-CT5iBwtg.cjs"),t=require("./renderGroups-Dvm1J4lW.cjs");exports.addComponentToObject=e.addComponentToObject;exports.componentDefaults=e.componentDefaults;exports.createDefaultComponent=e.createDefaultComponent;exports.createDefaultFaceMeshRendererSettings=e.createDefaultFaceMeshRendererSettings;exports.createDefaultMaterialSettings=e.createDefaultMaterialSettings;exports.createDefaultMeshRendererSettings=e.createDefaultMeshRendererSettings;exports.createDefaultScreenImageSettings=e.createDefaultScreenImageSettings;exports.createDefaultScreenShapeSettings=e.createDefaultScreenShapeSettings;exports.createDefaultScreenTextSettings=e.createDefaultScreenTextSettings;exports.createDefaultScreenTransformSettings=e.createDefaultScreenTransformSettings;exports.createDefaultTextureSettings=e.createDefaultTextureSettings;exports.createDefaultTransformSettings=e.createDefaultTransformSettings;exports.createOrderedComponentsSelector=e.createOrderedComponentsSelector;exports.createSceneComponentId=e.createSceneComponentId;exports.createSceneId=e.createSceneId;exports.createSceneObject=e.createSceneObject;exports.createSceneObjectId=e.createSceneObjectId;exports.deleteSceneObject=e.deleteSceneObject;exports.getOrderedComponents=e.getOrderedComponents;exports.getSceneObjectChildren=e.getSceneObjectChildren;exports.moveComponent=e.moveComponent;exports.removeComponent=e.removeComponent;exports.replaceSceneComponent=e.replaceSceneComponent;exports.replaceSceneObject=e.replaceSceneObject;exports.setSceneObjectParent=e.setSceneObjectParent;exports.setSceneObjectParentPreserveWorldTransform=e.setSceneObjectParentPreserveWorldTransform;exports.setSceneObjectVisible=e.setSceneObjectVisible;exports.DEFAULT_RENDER_GROUP_IDS=t.DEFAULT_RENDER_GROUP_IDS;exports.RENDER_GROUP_POLICIES=t.RENDER_GROUP_POLICIES;exports.createRenderPlan=t.createRenderPlan;exports.getDefaultRenderGroupId=t.getDefaultRenderGroupId;exports.migrateToRenderGroups=t.migrateToRenderGroups;exports.moveObjectToGroup=t.moveObjectToGroup;exports.reorderObjectWithinGroup=t.reorderObjectWithinGroup;exports.reorderRenderGroup=t.reorderRenderGroup;exports.validateGroupCompatibility=t.validateGroupCompatibility;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./renderPasses-CVWt0t8m.cjs"),t=require("./renderGroups-uXXsFpvw.cjs");exports.addComponentToObject=e.addComponentToObject;exports.componentDefaults=e.componentDefaults;exports.createDefaultComponent=e.createDefaultComponent;exports.createDefaultFaceMeshRendererSettings=e.createDefaultFaceMeshRendererSettings;exports.createDefaultMaterialSettings=e.createDefaultMaterialSettings;exports.createDefaultMeshRendererSettings=e.createDefaultMeshRendererSettings;exports.createDefaultScreenImageSettings=e.createDefaultScreenImageSettings;exports.createDefaultScreenShapeSettings=e.createDefaultScreenShapeSettings;exports.createDefaultScreenTextSettings=e.createDefaultScreenTextSettings;exports.createDefaultScreenTransformSettings=e.createDefaultScreenTransformSettings;exports.createDefaultTextureSettings=e.createDefaultTextureSettings;exports.createDefaultTransformSettings=e.createDefaultTransformSettings;exports.createOrderedComponentsSelector=e.createOrderedComponentsSelector;exports.createSceneComponentId=e.createSceneComponentId;exports.createSceneId=e.createSceneId;exports.createSceneObject=e.createSceneObject;exports.createSceneObjectId=e.createSceneObjectId;exports.deleteSceneObject=e.deleteSceneObject;exports.getOrderedComponents=e.getOrderedComponents;exports.getSceneObjectChildren=e.getSceneObjectChildren;exports.moveComponent=e.moveComponent;exports.removeComponent=e.removeComponent;exports.replaceSceneComponent=e.replaceSceneComponent;exports.replaceSceneObject=e.replaceSceneObject;exports.setSceneObjectParent=e.setSceneObjectParent;exports.setSceneObjectParentPreserveWorldTransform=e.setSceneObjectParentPreserveWorldTransform;exports.setSceneObjectVisible=e.setSceneObjectVisible;exports.DEFAULT_RENDER_GROUP_IDS=t.DEFAULT_RENDER_GROUP_IDS;exports.RENDER_GROUP_POLICIES=t.RENDER_GROUP_POLICIES;exports.createRenderPlan=t.createRenderPlan;exports.getDefaultRenderGroupId=t.getDefaultRenderGroupId;exports.migrateToRenderGroups=t.migrateToRenderGroups;exports.moveObjectToGroup=t.moveObjectToGroup;exports.reorderObjectWithinGroup=t.reorderObjectWithinGroup;exports.reorderRenderGroup=t.reorderRenderGroup;exports.validateGroupCompatibility=t.validateGroupCompatibility;

package/dist/scene-object.js

@@ -1,5 +1,5 @@
-import { a, c as r, b as s, d as n, e as c, f as o, g as S, i as l, h as d, j as m, k as p, l as i, q as u, m as f, n as D, o as g, p as O, r as b, s as R, t as j, u as C, v as T, w as G, x as I, y as v, z as P, A as h } from "./renderPasses-CjgG_6kQ.js";
-import { D as x, R as _, c as M, g as U, m as y, a as A, r as F, b as L, v as N } from "./renderGroups-C9QJrAXu.js";
+import { a, c as r, b as s, d as n, e as c, f as o, g as S, i as l, h as d, j as m, k as p, l as i, q as u, m as f, n as D, o as g, p as O, r as b, s as R, t as j, u as C, v as T, w as G, x as I, y as v, z as P, A as h } from "./renderPasses-CdGZeHHL.js";
+import { D as x, R as _, c as M, g as U, m as y, a as A, r as F, b as L, v as N } from "./renderGroups-JEXqSACh.js";
 export {
   x as DEFAULT_RENDER_GROUP_IDS,
   _ as RENDER_GROUP_POLICIES,

package/dist/{selectors-Dw3C-gSk.js → selectors-twqYByYZ.js}

@@ -50,10 +50,10 @@ const r = () => u().session.store, o = (e) => (t) => e.subscribe(t), p = () => {
   return a(() => Array.from(t.keys()), [t]);
 };
 export {
-  l as a,
-  d as b,
+  p as a,
+  l as b,
   S as c,
   h as d,
   g as e,
-  p as u
+  d as u
 };

package/dist/texture/animatedTexture.d.ts

@@ -35,6 +35,7 @@ export interface AnimatedTextureController {
     on(type: AnimatedTextureEventType, listener: AnimatedTextureEventListener): () => void;
     off(type: AnimatedTextureEventType, listener: AnimatedTextureEventListener): void;
     /** Provider hook for frame/ended/stop events not caused by controller commands. */
+    updateSnapshot(patch: Partial<AnimatedTextureSnapshot>): void;
     emit(type: AnimatedTextureEventType): void;
     getSnapshot(): AnimatedTextureSnapshot;
     dispose(): void;
@@ -56,6 +57,7 @@ export declare class BasicAnimatedTextureController implements AnimatedTextureCo
     off(type: AnimatedTextureEventType, listener: AnimatedTextureEventListener): void;
     getSnapshot(): AnimatedTextureSnapshot;
     dispose(): void;
+    updateSnapshot(patch: Partial<AnimatedTextureSnapshot>): void;
     emit(type: AnimatedTextureEventType): void;
     private update;
 }

package/dist/texture/gifReader.d.ts

@@ -0,0 +1,17 @@
+export type GifFrameInfo = {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    delay: number;
+    disposal: number;
+};
+export type GifReaderInstance = {
+    width: number;
+    height: number;
+    numFrames(): number;
+    frameInfo(index: number): GifFrameInfo;
+    decodeAndBlitFrameRGBA(index: number, pixels: Uint8Array): void;
+};
+export type GifReaderConstructor = new (buffer: Uint8Array) => GifReaderInstance;
+export declare const GifReader: GifReaderConstructor;

package/dist/texture/gifTextureSource.d.ts

@@ -0,0 +1,16 @@
+import { TextureSourceProvider } from './sourceResolver';
+export type GifTextureSource = string | {
+    kind: "gif";
+    src: string;
+};
+export declare const MAX_GIF_BYTES: number;
+export declare const MAX_GIF_PIXELS = 1000000;
+export declare const MAX_GIF_FRAMES = 180;
+export declare const clearGifFrameRect: (pixels: Uint8Array, canvasWidth: number, frame: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}) => void;
+export declare const validateGifSource: (src: string, bytes: Uint8Array, width: number, height: number, frameCount: number) => string | null;
+export declare const gifTextureSourceProvider: TextureSourceProvider<GifTextureSource>;