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

package/dist/contexts-Dv1SA0bS.cjs

@@ -0,0 +1 @@
+"use strict";var Ee=Object.defineProperty;var Te=(e,t,n)=>t in e?Ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var O=(e,t,n)=>Te(e,typeof t!="symbol"?t+"":t,n);const B=require("react/jsx-runtime"),ne=require("@react-three/fiber"),A=require("react"),Fe=require("three"),fe=require("./renderLayers-lDtL0_43.cjs"),ie=require("./selectors-2QvO5RYY.cjs"),ue=require("./index-D4bLzBr6.cjs"),se=require("./index-UU5ODHGU.cjs");function Me(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const U=Me(Fe),xe={display:"flex",alignItems:"center",justifyContent:"center",height:"100%",background:"#363636",color:"white",fontFamily:"monospace"},Ae=()=>B.jsx("div",{style:xe,children:"Loading..."}),Ce=e=>B.jsx("div",{style:xe,children:e.error}),le={position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:10},ce={sceneColorTexture:null,sceneDepthTexture:null},ke=({onRenderOutputs:e,renderOutputs:t,size:n})=>{const{gl:a,scene:r,size:s}=ne.useThree(),{session:c}=ue.useXRContext(),i=Math.max(1,Math.round((n==null?void 0:n.width)??s.width)),d=Math.max(1,Math.round((n==null?void 0:n.height)??s.height)),f=!!(t.sceneColor||t.sceneDepth),l=A.useMemo(()=>{if(!f)return null;const o=new U.WebGLRenderTarget(i,d,{colorSpace:U.SRGBColorSpace,depthBuffer:!0,stencilBuffer:!1});return t.sceneDepth&&(o.depthTexture=new U.DepthTexture(i,d),o.depthTexture.format=U.DepthFormat,o.depthTexture.type=U.UnsignedShortType),o},[f,d,t.sceneDepth,i]);return A.useEffect(()=>{if(!l){e==null||e(ce);return}return e==null||e({sceneColorTexture:t.sceneColor?l.texture:null,sceneDepthTexture:t.sceneDepth&&l.depthTexture?l.depthTexture:null}),()=>{var o;l.dispose(),(o=l.depthTexture)==null||o.dispose(),e==null||e(ce)}},[e,t.sceneColor,t.sceneDepth,l]),ne.useFrame(()=>{if(!l)return;const o=[];t.excludeScreenUI!==!1&&r.traverse(x=>{x.visible&&x.renderOrder>=fe.RENDER_LAYERS.SCREEN_UI&&(o.push(x),x.visible=!1)});const p=a.getRenderTarget(),v=a.xr.enabled;a.xr.enabled=!1,a.setRenderTarget(l),a.clear(),c._renderFrame(),a.setRenderTarget(p),a.xr.enabled=v,o.forEach(x=>{x.visible=!0})},-100),null},Ie=({style:e,canvasProps:t,children:n,loadingComponent:a,loadingTransitionDuration:r,errorComponent:s,renderTargetSize:c,renderOutputs:i={},onRenderOutputs:d})=>{const f=A.useRef(null),l=A.useRef(null),o=A.useRef(null),p=A.useRef(!1),{session:v}=ue.useXRContext(),x=ie.useXRReady(),u=ie.useXRError(),[h,g]=A.useState(!0);return A.useEffect(()=>{if(c){v._setRenderSize(Math.round(c.width),Math.round(c.height));return}const S=(w,E)=>{w<=0||E<=0||v._setRenderSize(Math.round(w),Math.round(E))},m=()=>{!l.current||p.current||(p.current=!0,v._setRenderTarget(l.current))},M=(w,E)=>{o.current!==null&&cancelAnimationFrame(o.current),o.current=requestAnimationFrame(()=>{o.current=null,S(w,E)})},_=new ResizeObserver(w=>{const E=w[0];if(!E)return;const{width:G,height:I}=E.contentRect;m(),M(G,I)});return f.current&&_.observe(f.current),m(),()=>{_.disconnect(),o.current!==null&&(cancelAnimationFrame(o.current),o.current=null),p.current=!1}},[c,v]),A.useEffect(()=>{x&&(r?setTimeout(()=>{g(!1)},r):g(!1))},[x,r]),B.jsxs("div",{id:"vincentt-xr-container",ref:f,style:{width:"100%",height:"100%",...e,position:"relative"},children:[h&&B.jsx("div",{style:le,children:a||B.jsx(Ae,{})}),u&&B.jsx("div",{style:le,children:s||B.jsx(Ce,{error:u.message})}),B.jsxs(ne.Canvas,{id:"vincentt-xr-canvas",ref:l,dpr:[1,3],gl:{alpha:!0,preserveDrawingBuffer:!1,antialias:!0,premultipliedAlpha:!1,toneMapping:U.NoToneMapping},...t,onCreated:S=>{c?v._setRenderSize(Math.round(c.width),Math.round(c.height)):v._setRenderTarget(l.current),v._setR3FState({renderer:S.gl,scene:S.scene,camera:S.camera}),S.gl.outputColorSpace=U.SRGBColorSpace,t!=null&&t.onCreated&&t.onCreated(S)},children:[B.jsx(ke,{onRenderOutputs:d,renderOutputs:i,size:c}),n]})]})},ve=(e,t,n,a,r)=>{const s=e/2,c=t/2,i=n.left*s+a.left,d=n.right*s-a.right,f=n.bottom*c+a.bottom,l=n.top*c-a.top,o=d-i,p=l-f,v=(i+d)/2,x=(f+l)/2,u=r[0]*o/2,h=r[1]*p/2;return{centerX:v,centerY:x,width:o,height:p,pivotX:u,pivotY:h}},Le={left:0,right:0,top:0,bottom:0},Be={left:0,right:0,top:0,bottom:0},Ge=[0,0],Xe=({anchors:e,offsets:t,pivot:n=Ge,children:a})=>{const{width:r,height:s}=se.useScreenSpace(),c=A.useMemo(()=>({anchors:{...Le,...e??{}},offsets:{...Be,...t??{}}}),[e,t]),i=A.useMemo(()=>ve(r,s,c.anchors,c.offsets,n),[r,s,c,n]);A.useEffect(()=>{const o=c.anchors;o.left>o.right&&console.warn(`[ScreenTransform] inverted X axis: anchors.left (${o.left}) > anchors.right (${o.right})`),o.bottom>o.top&&console.warn(`[ScreenTransform] inverted Y axis: anchors.bottom (${o.bottom}) > anchors.top (${o.top})`),i.width<=0&&console.warn(`[ScreenTransform] zero or negative width (${i.width.toFixed(3)}) — anchors + offsets collapse the X extent`),i.height<=0&&console.warn(`[ScreenTransform] zero or negative height (${i.height.toFixed(3)}) — anchors + offsets collapse the Y extent`)},[c,i.width,i.height]);const d=n[0]!==0||n[1]!==0,f=d?[1,1,1]:[i.width,i.height,1],l=!d&&i.width>0&&i.height>0?i.width/i.height:null;return B.jsx("group",{position:[i.centerX-i.pivotX,i.centerY-i.pivotY,0],scale:f,renderOrder:fe.RENDER_LAYERS.SCREEN_UI,children:B.jsx(se.ScreenRectAspectContext.Provider,{value:l,children:a})})};class pe{constructor(t,n){O(this,"capabilities");O(this,"snapshot");O(this,"listeners",new Set);O(this,"eventListeners",new Map);this.capabilities=t,this.snapshot={state:"idle",frame:0,time:0,playMode:"forward",loop:!0,loopCount:0,...n}}play(){const t=this.snapshot.state==="paused";this.update({state:"playing"}),this.emit(t?"Resume":"PlayBegin")}pause(){this.update({state:"paused"}),this.emit("Pause")}restart(){this.update({state:"playing",frame:0,time:0}),this.emit("PlayBegin")}setPlayMode(t){!this.capabilities.canReverse&&(t==="reverse"||t==="ping-pong"||t==="random")||this.update({playMode:t})}setLoop(t,n=0){this.update({loop:t,loopCount:n})}seek(t){this.capabilities.canSeek&&this.update({frame:Math.max(0,Math.floor(t)),time:Math.max(0,t)})}subscribe(t){return this.listeners.add(t),()=>this.listeners.delete(t)}on(t,n){const a=this.eventListeners.get(t)??new Set;return a.add(n),this.eventListeners.set(t,a),()=>this.off(t,n)}off(t,n){var a;(a=this.eventListeners.get(t))==null||a.delete(n)}getSnapshot(){return this.snapshot}dispose(){this.listeners.clear(),this.eventListeners.clear(),this.snapshot={...this.snapshot,state:"idle"}}updateSnapshot(t){this.update(t)}emit(t){var n;(n=this.eventListeners.get(t))==null||n.forEach(a=>a({type:t,snapshot:this.snapshot}))}update(t){this.snapshot={...this.snapshot,...t},this.listeners.forEach(n=>n(this.snapshot))}}const ge=(e,t,n,a,r)=>{const s=Math.max(1,Math.floor(t)),c=Math.max(0,Math.floor(e)),i=n==="ping-pong"&&s>1?s*2-2:s,d=Math.floor(c/i),f=r>0?d>=r:!a&&c>=i,l=f?i-1:c%i;return{frame:n==="reverse"?s-1-l%s:n==="random"?l*7919%s:n==="ping-pong"&&l>=s?i-l:l,ended:f,loop:d}},De=(e,t,n)=>{const a=Math.max(1,Math.floor(n));return Math.floor(Math.max(0,e)*Math.max(0,t))%a};var he={},me,Ue;function je(e,t,n,s){var r=0,s=s===void 0?{}:s,c=s.loop===void 0?null:s.loop,i=s.palette===void 0?null:s.palette;if(t<=0||n<=0||t>65535||n>65535)throw new Error("Width/Height invalid.");function d(h){var g=h.length;if(g<2||g>256||g&g-1)throw new Error("Invalid code/color length, must be power of 2 and 2 .. 256.");return g}e[r++]=71,e[r++]=73,e[r++]=70,e[r++]=56,e[r++]=57,e[r++]=97;var f=0,l=0;if(i!==null){for(var o=d(i);o>>=1;)++f;if(o=1<<f,--f,s.background!==void 0){if(l=s.background,l>=o)throw new Error("Background index out of range.");if(l===0)throw new Error("Background index explicitly passed as 0.")}}if(e[r++]=t&255,e[r++]=t>>8&255,e[r++]=n&255,e[r++]=n>>8&255,e[r++]=(i!==null?128:0)|f,e[r++]=l,e[r++]=0,i!==null)for(var p=0,v=i.length;p<v;++p){var x=i[p];e[r++]=x>>16&255,e[r++]=x>>8&255,e[r++]=x&255}if(c!==null){if(c<0||c>65535)throw new Error("Loop count invalid.");e[r++]=33,e[r++]=255,e[r++]=11,e[r++]=78,e[r++]=69,e[r++]=84,e[r++]=83,e[r++]=67,e[r++]=65,e[r++]=80,e[r++]=69,e[r++]=50,e[r++]=46,e[r++]=48,e[r++]=3,e[r++]=1,e[r++]=c&255,e[r++]=c>>8&255,e[r++]=0}var u=!1;this.addFrame=function(h,g,S,m,M,_){if(u===!0&&(--r,u=!1),_=_===void 0?{}:_,h<0||g<0||h>65535||g>65535)throw new Error("x/y invalid.");if(S<=0||m<=0||S>65535||m>65535)throw new Error("Width/Height invalid.");if(M.length<S*m)throw new Error("Not enough pixels for the frame size.");var w=!0,E=_.palette;if(E==null&&(w=!1,E=i),E==null)throw new Error("Must supply either a local or global palette.");for(var G=d(E),I=0;G>>=1;)++I;G=1<<I;var j=_.delay===void 0?0:_.delay,R=_.disposal===void 0?0:_.disposal;if(R<0||R>3)throw new Error("Disposal out of range.");var T=!1,k=0;if(_.transparent!==void 0&&_.transparent!==null&&(T=!0,k=_.transparent,k<0||k>=G))throw new Error("Transparent color index.");if((R!==0||T||j!==0)&&(e[r++]=33,e[r++]=249,e[r++]=4,e[r++]=R<<2|(T===!0?1:0),e[r++]=j&255,e[r++]=j>>8&255,e[r++]=k,e[r++]=0),e[r++]=44,e[r++]=h&255,e[r++]=h>>8&255,e[r++]=g&255,e[r++]=g>>8&255,e[r++]=S&255,e[r++]=S>>8&255,e[r++]=m&255,e[r++]=m>>8&255,e[r++]=w===!0?128|I-1:0,w===!0)for(var $=0,L=E.length;$<L;++$){var C=E[$];e[r++]=C>>16&255,e[r++]=C>>8&255,e[r++]=C&255}return r=$e(e,r,I<2?2:I,M),r},this.end=function(){return u===!1&&(e[r++]=59,u=!0),r},this.getOutputBuffer=function(){return e},this.setOutputBuffer=function(h){e=h},this.getOutputBufferPosition=function(){return r},this.setOutputBufferPosition=function(h){r=h}}function $e(e,t,n,a){e[t++]=n;var r=t++,s=1<<n,c=s-1,i=s+1,d=i+1,f=n+1,l=0,o=0;function p(_){for(;l>=_;)e[t++]=o&255,o>>=8,l-=8,t===r+256&&(e[r]=255,r=t++)}function v(_){o|=_<<l,l+=f,p(8)}var x=a[0]&c,u={};v(s);for(var h=1,g=a.length;h<g;++h){var S=a[h]&c,m=x<<8|S,M=u[m];if(M===void 0){for(o|=x<<l,l+=f;l>=8;)e[t++]=o&255,o>>=8,l-=8,t===r+256&&(e[r]=255,r=t++);d===4096?(v(s),d=i+1,f=n+1,u={}):(d>=1<<f&&++f,u[m]=d++),x=S}else x=M}return v(x),v(i),p(1),r+1===t?e[r]=0:(e[r]=t-r-1,e[t++]=0),t}function Pe(e){var t=0;if(e[t++]!==71||e[t++]!==73||e[t++]!==70||e[t++]!==56||(e[t++]+1&253)!==56||e[t++]!==97)throw new Error("Invalid GIF 87a/89a header.");var n=e[t++]|e[t++]<<8,a=e[t++]|e[t++]<<8,r=e[t++],s=r>>7,c=r&7,i=1<<c+1;e[t++],e[t++];var d=null,f=null;s&&(d=t,f=i,t+=i*3);var l=!0,o=[],p=0,v=null,x=0,u=null;for(this.width=n,this.height=a;l&&t<e.length;)switch(e[t++]){case 33:switch(e[t++]){case 255:if(e[t]!==11||e[t+1]==78&&e[t+2]==69&&e[t+3]==84&&e[t+4]==83&&e[t+5]==67&&e[t+6]==65&&e[t+7]==80&&e[t+8]==69&&e[t+9]==50&&e[t+10]==46&&e[t+11]==48&&e[t+12]==3&&e[t+13]==1&&e[t+16]==0)t+=14,u=e[t++]|e[t++]<<8,t++;else for(t+=12;;){var h=e[t++];if(!(h>=0))throw Error("Invalid block size");if(h===0)break;t+=h}break;case 249:if(e[t++]!==4||e[t+4]!==0)throw new Error("Invalid graphics extension block.");var g=e[t++];p=e[t++]|e[t++]<<8,v=e[t++],g&1||(v=null),x=g>>2&7,t++;break;case 254:for(;;){var h=e[t++];if(!(h>=0))throw Error("Invalid block size");if(h===0)break;t+=h}break;default:throw new Error("Unknown graphic control label: 0x"+e[t-1].toString(16))}break;case 44:var S=e[t++]|e[t++]<<8,m=e[t++]|e[t++]<<8,M=e[t++]|e[t++]<<8,_=e[t++]|e[t++]<<8,w=e[t++],E=w>>7,G=w>>6&1,I=w&7,j=1<<I+1,R=d,T=f,k=!1;if(E){var k=!0;R=t,T=j,t+=j*3}var $=t;for(t++;;){var h=e[t++];if(!(h>=0))throw Error("Invalid block size");if(h===0)break;t+=h}o.push({x:S,y:m,width:M,height:_,has_local_palette:k,palette_offset:R,palette_size:T,data_offset:$,data_length:t-$,transparent_index:v,interlaced:!!G,delay:p,disposal:x});break;case 59:l=!1;break;default:throw new Error("Unknown gif block: 0x"+e[t-1].toString(16))}this.numFrames=function(){return o.length},this.loopCount=function(){return u},this.frameInfo=function(L){if(L<0||L>=o.length)throw new Error("Frame index out of range.");return o[L]},this.decodeAndBlitFrameBGRA=function(L,C){var y=this.frameInfo(L),Z=y.width*y.height,P=new Uint8Array(Z);de(e,y.data_offset,P,Z);var q=y.palette_offset,W=y.transparent_index;W===null&&(W=256);var X=y.width,N=n-X,Y=X,K=(y.y*n+y.x)*4,Q=((y.y+y.height)*n+y.x)*4,F=K,V=N*4;y.interlaced===!0&&(V+=n*4*7);for(var H=8,z=0,b=P.length;z<b;++z){var D=P[z];if(Y===0&&(F+=V,Y=X,F>=Q&&(V=N*4+n*4*(H-1),F=K+(X+N)*(H<<1),H>>=1)),D===W)F+=4;else{var ee=e[q+D*3],te=e[q+D*3+1],re=e[q+D*3+2];C[F++]=re,C[F++]=te,C[F++]=ee,C[F++]=255}--Y}},this.decodeAndBlitFrameRGBA=function(L,C){var y=this.frameInfo(L),Z=y.width*y.height,P=new Uint8Array(Z);de(e,y.data_offset,P,Z);var q=y.palette_offset,W=y.transparent_index;W===null&&(W=256);var X=y.width,N=n-X,Y=X,K=(y.y*n+y.x)*4,Q=((y.y+y.height)*n+y.x)*4,F=K,V=N*4;y.interlaced===!0&&(V+=n*4*7);for(var H=8,z=0,b=P.length;z<b;++z){var D=P[z];if(Y===0&&(F+=V,Y=X,F>=Q&&(V=N*4+n*4*(H-1),F=K+(X+N)*(H<<1),H>>=1)),D===W)F+=4;else{var ee=e[q+D*3],te=e[q+D*3+1],re=e[q+D*3+2];C[F++]=ee,C[F++]=te,C[F++]=re,C[F++]=255}--Y}}}function de(e,t,n,a){for(var r=e[t++],s=1<<r,c=s+1,i=c+1,d=r+1,f=(1<<d)-1,l=0,o=0,p=0,v=e[t++],x=new Int32Array(4096),u=null;;){for(;l<16&&v!==0;)o|=e[t++]<<l,l+=8,v===1?v=e[t++]:--v;if(l<d)break;var h=o&f;if(o>>=d,l-=d,h===s){i=c+1,d=r+1,f=(1<<d)-1,u=null;continue}else if(h===c)break;for(var g=h<i?h:u,S=0,m=g;m>s;)m=x[m]>>8,++S;var M=m,_=p+S+(g!==h?1:0);if(_>a){console.log("Warning, gif stream longer than expected.");return}n[p++]=M,p+=S;var w=p;for(g!==h&&(n[p++]=M),m=g;S--;)m=x[m],n[--w]=m&255,m>>=8;u!==null&&i<4096&&(x[i++]=u<<8|M,i>=f+1&&d<12&&(++d,f=f<<1|1)),u=h}return p!==a&&console.log("Warning, gif stream shorter than expected."),n}try{Ue=he.GifWriter=je,me=he.GifReader=Pe}catch{}const qe=me;function We(e){return async(t,n)=>{const a=e.find(r=>r.canResolve(t));if(!a)throw new we("No texture provider matched source",t);return Se(a.resolve.bind(a),t,n)}}class we extends Error{constructor(n,a){super(n);O(this,"source");this.name="TextureSourceLoadError",this.source=a}}function J(e){if(e.aborted)throw new DOMException("Texture source load aborted","AbortError")}async function Se(e,t,n){J(n);const a=await e(t,n);return n.aborted&&(a.dispose(),J(n)),a}function Ne(e){e==null||e.dispose()}const _e=5*1024*1024,ae=1e6,oe=180,Ye=(e,t,n)=>{for(let a=n.y;a<n.y+n.height;a+=1)e.fill(0,(a*t+n.x)*4,(a*t+n.x+n.width)*4)},Ve=(e,t,n,a,r)=>t.byteLength>_e?`file is ${(t.byteLength/1024/1024).toFixed(1)} MB; max is 5 MB`:n*a>ae?`canvas is ${n}x${a}; max area is ${ae}`:r>oe?`frame count is ${r}; max is ${oe}`:r===0?"frame count is 0":e?null:"source URL is empty",He=e=>typeof e=="string"?e:e.src,ze={canResolve:e=>typeof e=="string"?/\.gif(?:[?#].*)?$/i.test(e):e.kind==="gif",async resolve(e,t){const n=He(e),a=await fetch(n,{signal:t});if(!a.ok)throw new Error(`GIF request failed with ${a.status}`);const r=new Uint8Array(await a.arrayBuffer());J(t);const s=new qe(r),c=s.numFrames(),i=Ve(n,r,s.width,s.height,c);if(i)throw console.warn(`[xr-sdk] GIF ScreenImage source rejected: ${i}`,n),new Error(`GIF source rejected: ${i}`);const d=document.createElement("canvas");d.width=s.width,d.height=s.height;const f=d.getContext("2d");if(!f)throw new Error("Could not create GIF canvas context");const l=new U.CanvasTexture(d);l.colorSpace=U.SRGBColorSpace;const o=new Uint8Array(s.width*s.height*4),p=new ImageData(new Uint8ClampedArray(o.buffer),s.width,s.height),v=Array.from({length:c},(R,T)=>s.frameInfo(T)),x=v.reduce((R,T)=>R+Math.max(20,T.delay*10),0)/1e3,u=new pe({canSeek:!1,canReverse:!1,supportsLoopCount:!0},{state:"ready",duration:x,frameCount:c});let h=0,g=0,S=!1,m=!1,M=0,_=0,w=null;const E=(R,T=!1)=>{T&&(o.fill(0),w=null),(w==null?void 0:w.info.disposal)===2?Ye(o,s.width,w.info):w!=null&&w.restorePixels&&o.set(w.restorePixels);const k=v[R],$=k.disposal===3?new Uint8Array(o):null;return s.decodeAndBlitFrameRGBA(R,o),f.putImageData(p,0,0),l.needsUpdate=!0,w={info:k,restorePixels:$},m=!0,u.updateSnapshot({frame:R,time:v.slice(0,R).reduce((L,C)=>L+Math.max(20,C.delay*10),0)/1e3}),m=!1,u.emit("KeyFrameInSecond"),Math.max(20,k.delay*10)},G=R=>{g=window.setTimeout(()=>{h=requestAnimationFrame(I)},R)},I=()=>{if(S||u.getSnapshot().state!=="playing")return;const R=u.getSnapshot(),T=ge(M,c,R.playMode,R.loop,R.loopCount);if(T.ended){u.updateSnapshot({state:"ended",frame:T.frame,time:x}),u.emit("PlayEnd");return}const k=T.loop!==_;_=T.loop,M+=1,G(E(T.frame,k))},j=u.subscribe(R=>{m||(clearTimeout(g),cancelAnimationFrame(h),R.state==="playing"&&(h=requestAnimationFrame(I)))});return E(0),u.play(),{texture:l,controller:u,metadata:{width:s.width,height:s.height,duration:x,frameCount:c},dispose(){S=!0,j(),clearTimeout(g),cancelAnimationFrame(h),u.dispose(),l.dispose()}}}},ye=A.createContext(null),Re=A.createContext(null),Oe=()=>A.useContext(ye),Ze=()=>A.useContext(Re);exports.BasicAnimatedTextureController=pe;exports.MAX_GIF_BYTES=_e;exports.MAX_GIF_FRAMES=oe;exports.MAX_GIF_PIXELS=ae;exports.ScreenTransform=Xe;exports.TextureSourceLoadError=we;exports.XRScene=Ie;exports.XRViewportRenderOutputsContext=Re;exports.XRViewportStateContext=ye;exports.computeScreenTransform=ve;exports.createTextureSourceResolver=We;exports.disposeResolvedTextureSource=Ne;exports.getPlaybackFrame=ge;exports.getSequenceFrame=De;exports.gifTextureSourceProvider=ze;exports.resolveTextureSource=Se;exports.throwIfAborted=J;exports.useXRViewportRenderOutputs=Ze;exports.useXRViewportState=Oe;

package/dist/debug-ui/component-editor/index.d.ts

@@ -0,0 +1,19 @@
+import { ComponentType } from 'react';
+import { SceneComponent, SceneComponentId, SceneComponentType } from '../../scene-object';
+export type ComponentEditorProps<TType extends SceneComponentType = SceneComponentType> = {
+    component: SceneComponent<TType>;
+    onChange?: (next: SceneComponent<TType>) => void;
+};
+export type ComponentEditorRegistry = Partial<{
+    [TType in SceneComponentType]: ComponentType<ComponentEditorProps<TType>>;
+}>;
+export type ComponentEditorPropsForLookup = {
+    component: SceneComponent;
+    editors?: ComponentEditorRegistry;
+    onChange?: (next: SceneComponent) => void;
+};
+export declare const ComponentEditorFallback: ({ component }: {
+    component: SceneComponent;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ComponentEditor: ({ component, editors, onChange, }: ComponentEditorPropsForLookup) => import("react/jsx-runtime").JSX.Element;
+export declare const createComponentIdLabel: (componentId: SceneComponentId) => string;

package/dist/debug-ui/face-mesh-renderer-settings/index.d.ts

@@ -0,0 +1,8 @@
+import { FaceMeshRendererSettings } from '../../components/FaceMesh';
+import { ComponentEditorProps } from '../component-editor';
+export type FaceMeshRendererSettingsPanelProps = {
+    value: FaceMeshRendererSettings;
+    onChange: (next: FaceMeshRendererSettings) => void;
+};
+export declare const FaceMeshRendererSettingsPanel: ({ onChange, value, }: FaceMeshRendererSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FaceMeshRendererComponentEditor: ({ component, onChange, }: ComponentEditorProps<"FaceMeshRenderer">) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/face-retouch/index.d.ts

@@ -0,0 +1,11 @@
+import { FaceRetouchControls } from '../../components/FaceRetouch';
+export type FaceRetouchSettingsPanelProps = {
+    title?: string;
+    value: Partial<FaceRetouchControls>;
+    onChange: (next: FaceRetouchControls) => void;
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+};
+export declare const FaceRetouchSettingsPanel: ({ title, value, onChange, initialPosition, }: FaceRetouchSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/hand-joints-2d/index.d.ts

@@ -1,4 +1,4 @@
-import { HandJoints2DSettings } from '../../handJoints2d';
+import { HandJoints2DSettings } from '../../hand/handJoints2d';
 export type HandJoints2DSettingsPanelProps = {
     value: HandJoints2DSettings;
     onChange: (next: HandJoints2DSettings) => void;

package/dist/debug-ui/hand-tracking-2d/index.d.ts

@@ -1,4 +1,4 @@
-import { HandTracking2DSettings } from '../../handTracking2d';
+import { HandTracking2DSettings } from '../../hand/handTracking2d';
 export type HandTracking2DSettingsPanelProps = {
     value: HandTracking2DSettings;
     onChange: (next: HandTracking2DSettings) => void;

package/dist/debug-ui/hand-tracking-2d-controller/index.d.ts

@@ -1,4 +1,4 @@
-import { HandTracking2DControllerSettings } from '../../handTracking2dController';
+import { HandTracking2DControllerSettings } from '../../hand/handTracking2dController';
 export type HandTracking2DControllerSettingsPanelProps = {
     value: HandTracking2DControllerSettings;
     onChange: (next: HandTracking2DControllerSettings) => void;

package/dist/debug-ui/hand-tracking-3d/index.d.ts

@@ -1,4 +1,4 @@
-import { HandTracking3DSettings } from '../../handTracking3d';
+import { HandTracking3DSettings } from '../../hand/handTracking3d';
 export type HandTracking3DSettingsPanelProps = {
     value: HandTracking3DSettings;
     onChange: (next: HandTracking3DSettings) => void;

package/dist/debug-ui/hierarchy-panel/index.d.ts

@@ -0,0 +1,29 @@
+import { RenderGroup, RenderGroupId } from '../../render/renderGroups';
+import { SceneObject, SceneObjectId, SceneObjectStore } from '../../scene-object';
+export type HierarchyPanelProps = {
+    groups: RenderGroup[];
+    objects: Record<SceneObjectId, SceneObject>;
+    selectedObjectId?: SceneObjectId;
+    onSelectObject: (objectId: SceneObjectId) => void;
+    onReorderGroup: (groupId: RenderGroupId, nextIndex: number) => void;
+    onReorderObject: (groupId: RenderGroupId, objectId: SceneObjectId, nextIndex: number) => void;
+    onMoveObject: (objectId: SceneObjectId, targetGroupId: RenderGroupId, nextIndex: number) => boolean;
+    onSetObjectParent?: (objectId: SceneObjectId, parentObjectId: SceneObjectId | null, nextIndex?: number, targetGroupId?: RenderGroupId) => boolean;
+    onToggleGroupEnabled: (groupId: RenderGroupId, enabled: boolean) => void;
+    onToggleObjectVisible?: (objectId: SceneObjectId, visible: boolean) => void;
+    copyConfig?: HierarchyPanelCopyConfig;
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+    title?: string;
+};
+export type HierarchyPanelCopyConfig = {
+    kind: "scene";
+    version: 1;
+    renderGroupOrder: RenderGroupId[];
+    renderGroups: Record<RenderGroupId, RenderGroup>;
+    objects: Record<SceneObjectId, SceneObject>;
+    components: SceneObjectStore["components"];
+};
+export declare const HierarchyPanel: ({ groups, objects, selectedObjectId, onSelectObject, onReorderGroup, onReorderObject, onMoveObject, onSetObjectParent, onToggleGroupEnabled, onToggleObjectVisible, copyConfig, initialPosition, title, }: HierarchyPanelProps) => import('react').ReactPortal | null;

package/dist/debug-ui/index.d.ts

@@ -1,12 +1,18 @@
 export { defaultMediaSources, sdkImageMediaSources, sdkVideoMediaSources } from './media-source';
-export type { MediaSourcePreset, MediaSourceSwitcherProps } from './media-source';
-export { MediaSourceSwitcher } from './media-source';
+export type { MediaSourcePreset, MediaSourceSessionPipeline, MediaSourceSwitcherProps, UseMediaSourceSessionOptions, } from './media-source';
+export { MediaSourceSwitcher, useFaceTrackingMediaSourceSession, useMediaSourceSession, } from './media-source';
 export type { DefaultSettingPanelProps } from './default-setting';
 export { DefaultSettingPanel } from './default-setting';
 export type { ScreenTextArtPreset, ScreenTextSettings, ScreenTextSceneSettings, ScreenTextSettingsPanelProps, } from './screen-text-settings';
 export { ScreenTextSettingsPanel } from './screen-text-settings';
 export type { ScreenImageSettingsPanelProps } from './screen-image-settings';
 export { ScreenImageSettingsPanel } from './screen-image-settings';
+export type { ScreenGradientSettingsPanelProps } from './screen-gradient-settings';
+export { ScreenGradientSettingsPanel } from './screen-gradient-settings';
+export type { ScreenGlassSettingsPanelProps } from './screen-glass-settings';
+export { ScreenGlassSettingsPanel } from './screen-glass-settings';
+export type { ScreenShapeSettingsPanelProps } from './screen-shape-settings';
+export { ScreenShapeSettingsPanel } from './screen-shape-settings';
 export type { HandTracking2DSettingsPanelProps } from './hand-tracking-2d';
 export { HandTracking2DSettingsPanel } from './hand-tracking-2d';
 export type { HandTracking2DControllerSettingsPanelProps } from './hand-tracking-2d-controller';
@@ -17,7 +23,24 @@ export type { HandTracking3DSettingsPanelProps } from './hand-tracking-3d';
 export { HandTracking3DSettingsPanel } from './hand-tracking-3d';
 export type { LayerDomain, LayerNode, LayerPanelProps } from './layer-panel';
 export { LayerPanel } from './layer-panel';
+export type { HierarchyPanelCopyConfig, HierarchyPanelProps } from './hierarchy-panel';
+export { HierarchyPanel } from './hierarchy-panel';
+export { PinToMeshSettingsPanel } from './pin-to-mesh-settings';
+export type { PinToMeshSettingsPanelProps } from './pin-to-mesh-settings';
 export type { SettingsPanelField, SettingsPanelOption, SettingsPanelProps, SettingsPanelValue, } from './settings-panel';
 export { SettingsPanel } from './settings-panel';
 export type { FaceWarp3DSettingsPanelProps } from './face-warp-3d';
 export { FaceWarp3DSettingsPanel } from './face-warp-3d';
+export type { FaceRetouchSettingsPanelProps } from './face-retouch';
+export { FaceRetouchSettingsPanel } from './face-retouch';
+export type { Transform3DSettingsPanelProps } from './transform-3d-settings';
+export { Transform3DSettingsPanel, Transform3DSettingsSection } from './transform-3d-settings';
+export type { MeshRendererSettingsPanelProps } from './mesh-renderer-settings';
+export { MeshRendererSettingsPanel } from './mesh-renderer-settings';
+export type { FaceMeshRendererSettingsPanelProps } from './face-mesh-renderer-settings';
+export { FaceMeshRendererComponentEditor, FaceMeshRendererSettingsPanel, } from './face-mesh-renderer-settings';
+export type { ObjectInspectorPanelProps } from './object-inspector-panel';
+export { ObjectInspectorPanel } from './object-inspector-panel';
+export * from './scene-editor';
+export type { ComponentEditorProps, ComponentEditorPropsForLookup, ComponentEditorRegistry, } from './component-editor';
+export { ComponentEditor, ComponentEditorFallback, createComponentIdLabel, } from './component-editor';

package/dist/debug-ui/layer-panel/index.d.ts

@@ -1,4 +1,4 @@
-import { LayerDomain, LayerNode } from '../../layerStack';
+import { LayerDomain, LayerNode } from '../../render/layerStack';
 export type { LayerDomain, LayerNode };
 export type LayerPanelProps = {
     layers: LayerNode[];
@@ -13,5 +13,6 @@ export type LayerPanelProps = {
         x: number;
         y: number;
     };
+    title?: string;
 };
-export declare const LayerPanel: ({ layers, selectedLayerId, onSelectLayer, onToggleVisible, onToggleEnabled, onReorder, onToggleLocked, initialPosition, }: LayerPanelProps) => import('react').ReactPortal | null;
+export declare const LayerPanel: ({ layers, selectedLayerId, onSelectLayer, onToggleVisible, onToggleEnabled, onReorder, onToggleLocked, initialPosition, title, }: LayerPanelProps) => import('react').ReactPortal | null;

package/dist/debug-ui/media-source/index.d.ts

@@ -2,3 +2,5 @@ export { defaultMediaSources, sdkImageMediaSources, sdkVideoMediaSources } from
 export type { MediaSourcePreset } from './media-preset';
 export { MediaSourceSwitcher } from './MediaSourceSwitcher';
 export type { MediaSourceSwitcherProps } from './MediaSourceSwitcher';
+export { useFaceTrackingMediaSourceSession, useMediaSourceSession } from './session';
+export type { MediaSourceSessionPipeline, UseMediaSourceSessionOptions } from './session';

package/dist/debug-ui/media-source/session.d.ts

@@ -0,0 +1,12 @@
+import { XRModel } from '../../constants';
+import { MediaSourcePreset } from './media-preset';
+export type MediaSourceSessionPipeline = {
+    model: XRModel;
+    options?: Record<string, unknown>;
+};
+export type UseMediaSourceSessionOptions = {
+    numFaces?: number;
+    pipeline?: MediaSourceSessionPipeline[];
+};
+export declare const useMediaSourceSession: (mediaSource: MediaSourcePreset, options?: UseMediaSourceSessionOptions) => void;
+export declare const useFaceTrackingMediaSourceSession: (mediaSource: MediaSourcePreset, options?: UseMediaSourceSessionOptions) => void;

package/dist/debug-ui/media-source.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../MediaSourceSwitcher-Cq3g4IKw.cjs");exports.MediaSourceSwitcher=e.MediaSourceSwitcher;exports.defaultMediaSources=e.defaultMediaSources;exports.sdkImageMediaSources=e.sdkImageMediaSources;exports.sdkVideoMediaSources=e.sdkVideoMediaSources;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../session-BChR4TgK.cjs");exports.MediaSourceSwitcher=e.MediaSourceSwitcher;exports.defaultMediaSources=e.defaultMediaSources;exports.sdkImageMediaSources=e.sdkImageMediaSources;exports.sdkVideoMediaSources=e.sdkVideoMediaSources;exports.useFaceTrackingMediaSourceSession=e.useFaceTrackingMediaSourceSession;exports.useMediaSourceSession=e.useMediaSourceSession;

package/dist/debug-ui/media-source.js

@@ -1,7 +1,9 @@
-import { M as s, d, s as o, a as r } from "../MediaSourceSwitcher-C-xYg0nQ.js";
+import { M as a, d, s as i, a as o, u as r, b as u } from "../session-C1StwN0f.js";
 export {
-  s as MediaSourceSwitcher,
+  a as MediaSourceSwitcher,
   d as defaultMediaSources,
-  o as sdkImageMediaSources,
-  r as sdkVideoMediaSources
+  i as sdkImageMediaSources,
+  o as sdkVideoMediaSources,
+  r as useFaceTrackingMediaSourceSession,
+  u as useMediaSourceSession
 };

package/dist/debug-ui/mesh-renderer-settings/index.d.ts

@@ -0,0 +1,6 @@
+import { MeshRendererSettings } from '../../components/MeshRenderer';
+export type MeshRendererSettingsPanelProps = {
+    value: MeshRendererSettings;
+    onChange: (next: MeshRendererSettings) => void;
+};
+export declare const MeshRendererSettingsPanel: ({ value, onChange }: MeshRendererSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/object-inspector-panel/index.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export type ObjectInspectorPanelProps = {
+    children: ReactNode;
+    copyConfig: unknown;
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+    position?: {
+        x: number;
+        y: number;
+    };
+    onPositionChange?: (position: {
+        x: number;
+        y: number;
+    }) => void;
+    layer?: string;
+    objectId?: string;
+    objectName?: string;
+    onObjectNameChange?: (name: string) => void;
+    title?: string;
+    visible: boolean;
+    onVisibleChange: (visible: boolean) => void;
+};
+export declare const ObjectInspectorPanel: ({ children, copyConfig, initialPosition, layer, objectId, objectName, onObjectNameChange, onPositionChange, onVisibleChange, position: controlledPosition, title, visible, }: ObjectInspectorPanelProps) => import('react').ReactPortal | null;

package/dist/debug-ui/pin-to-mesh-settings/index.d.ts

@@ -0,0 +1,10 @@
+import { PinToMeshSettings } from '../../components/PinToMesh';
+export type PinToMeshSettingsPanelProps = {
+    value: PinToMeshSettings;
+    onChange: (next: PinToMeshSettings) => void;
+    targets?: Array<{
+        id: string;
+        name: string;
+    }>;
+};
+export declare const PinToMeshSettingsPanel: ({ value, onChange, targets, }: PinToMeshSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/scene-editor/context.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import { RenderGroupSceneObjectStore } from '../../render/renderGroups';
+import { SceneComponent, SceneObject, SceneObjectId } from '../../scene-object';
+export type XRSceneEditorContextValue = {
+    store: RenderGroupSceneObjectStore;
+    selectedObjectId: SceneObjectId | null;
+    orbitEnabled: boolean;
+    showGrid: boolean;
+    showVideoBackground: boolean;
+    onStoreChange: (store: RenderGroupSceneObjectStore) => void;
+    onSelectObject: (objectId: SceneObjectId | null) => void;
+    onComponentChange: (component: SceneComponent) => void;
+    onObjectChange: (object: SceneObject) => void;
+    onOrbitEnabledChange: (enabled: boolean) => void;
+    onShowGridChange: (visible: boolean) => void;
+    onShowVideoBackgroundChange: (visible: boolean) => void;
+};
+export type XRSceneEditorProviderProps = {
+    children: ReactNode;
+    store: RenderGroupSceneObjectStore;
+    selectedObjectId?: SceneObjectId | null;
+    defaultSelectedObjectId?: SceneObjectId | null;
+    orbitEnabled?: boolean;
+    defaultOrbitEnabled?: boolean;
+    showGrid?: boolean;
+    defaultShowGrid?: boolean;
+    showVideoBackground?: boolean;
+    defaultShowVideoBackground?: boolean;
+    onStoreChange: (store: RenderGroupSceneObjectStore) => void;
+    onSelectObject?: (objectId: SceneObjectId | null) => void;
+    onComponentChange?: (component: SceneComponent) => void;
+    onObjectChange?: (object: SceneObject) => void;
+    onOrbitEnabledChange?: (enabled: boolean) => void;
+    onShowGridChange?: (visible: boolean) => void;
+    onShowVideoBackgroundChange?: (visible: boolean) => void;
+};
+export declare const XRSceneEditorProvider: ({ children, defaultOrbitEnabled, defaultSelectedObjectId, defaultShowGrid, defaultShowVideoBackground, onComponentChange, onObjectChange, onOrbitEnabledChange, onSelectObject, onShowGridChange, onShowVideoBackgroundChange, onStoreChange, orbitEnabled: controlledOrbitEnabled, selectedObjectId: controlledSelectedObjectId, showGrid: controlledShowGrid, showVideoBackground: controlledShowVideoBackground, store, }: XRSceneEditorProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useXRSceneEditor: () => XRSceneEditorContextValue;

package/dist/debug-ui/scene-editor/hierarchy-panel.d.ts

@@ -0,0 +1,9 @@
+export type SceneHierarchyPanelProps = {
+    title?: string;
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+    rootOnly?: boolean;
+};
+export declare const SceneHierarchyPanel: ({ initialPosition, rootOnly, title, }: SceneHierarchyPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/scene-editor/index.d.ts

@@ -0,0 +1,11 @@
+export type { XRSceneEditorContextValue, XRSceneEditorProviderProps } from './context';
+export { useXRSceneEditor, XRSceneEditorProvider } from './context';
+export type { SceneHierarchyPanelProps } from './hierarchy-panel';
+export { SceneHierarchyPanel } from './hierarchy-panel';
+export type { SceneInspectorPanelProps } from './inspector-panel';
+export { SceneInspectorPanel } from './inspector-panel';
+export type { XRSceneViewportProps } from './viewport';
+export { XRSceneViewport } from './viewport';
+export type { ViewportToolbarProps } from './viewport-toolbar';
+export { ViewportToolbar } from './viewport-toolbar';
+export { getSceneEditorGroups } from './store-utils';

package/dist/debug-ui/scene-editor/inspector-panel.d.ts

@@ -0,0 +1,7 @@
+export type SceneInspectorPanelProps = {
+    initialPosition?: {
+        x: number;
+        y: number;
+    };
+};
+export declare const SceneInspectorPanel: ({ initialPosition }: SceneInspectorPanelProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/debug-ui/scene-editor/store-utils.d.ts

@@ -0,0 +1,2 @@
+import { RenderGroupSceneObjectStore } from '../../render/renderGroups';
+export declare const getSceneEditorGroups: (store: RenderGroupSceneObjectStore) => import('../../render/renderGroups').RenderGroup[];

package/dist/debug-ui/scene-editor/viewport-toolbar.d.ts

@@ -0,0 +1,4 @@
+export type ViewportToolbarProps = {
+    position?: "top-center" | "top-left" | "top-right";
+};
+export declare const ViewportToolbar: ({ position }: ViewportToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/scene-editor/viewport.d.ts

@@ -0,0 +1,21 @@
+export type XRSceneViewportProps = {
+    camera?: {
+        position?: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        fov?: number;
+    };
+    grid?: {
+        size?: number;
+        divisions?: number;
+        position?: {
+            x: number;
+            y: number;
+            z: number;
+        };
+    };
+    style?: React.CSSProperties;
+};
+export declare const XRSceneViewport: ({ camera, grid, style, }: XRSceneViewportProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-glass-settings/index.d.ts

@@ -0,0 +1,6 @@
+import { ScreenGlassSettings } from '../../components/ScreenGlass';
+export type ScreenGlassSettingsPanelProps = {
+    value: ScreenGlassSettings;
+    onChange: (value: ScreenGlassSettings) => void;
+};
+export declare const ScreenGlassSettingsPanel: ({ value, onChange }: ScreenGlassSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-gradient-settings/GradientStopsEditor.d.ts

@@ -0,0 +1,5 @@
+import { ScreenGradientStop } from '../../components/ScreenGradient';
+export declare const GradientStopsEditor: ({ onChange, value, }: {
+    value: ScreenGradientStop[];
+    onChange: (value: ScreenGradientStop[]) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-gradient-settings/index.d.ts

@@ -0,0 +1,6 @@
+import { ScreenGradientSettings } from '../../components/ScreenGradient';
+export type ScreenGradientSettingsPanelProps = {
+    value: ScreenGradientSettings;
+    onChange: (value: ScreenGradientSettings) => void;
+};
+export declare const ScreenGradientSettingsPanel: ({ onChange, value, }: ScreenGradientSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-gradient-settings/styles.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+export declare const gradientRowStyle: CSSProperties;
+export declare const gradientInputStyle: CSSProperties;

package/dist/debug-ui/screen-image-settings/index.d.ts

@@ -1,7 +1,9 @@
-import { ScreenImageSceneSettings } from '../../screenImageSettings';
+import { ScreenImageSceneSettings } from '../../screen-image/screenImageSettings';
+import { ObjectInspectorPanelProps } from '../object-inspector-panel';
 export type ScreenImageSettingsPanelProps = {
     value: ScreenImageSceneSettings;
     onChange: (next: ScreenImageSceneSettings) => void;
     copyLabel?: string;
+    inspector?: Omit<ObjectInspectorPanelProps, "children">;
 };
-export declare const ScreenImageSettingsPanel: ({ value, onChange, copyLabel, }: ScreenImageSettingsPanelProps) => import('react').ReactPortal | null;
+export declare const ScreenImageSettingsPanel: ({ value, onChange, copyLabel, inspector, }: ScreenImageSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-shape-settings/index.d.ts

@@ -0,0 +1,6 @@
+import { ScreenShapeSettings } from '../../components/ScreenShape';
+export type ScreenShapeSettingsPanelProps = {
+    value: ScreenShapeSettings;
+    onChange: (value: ScreenShapeSettings) => void;
+};
+export declare const ScreenShapeSettingsPanel: ({ value, onChange }: ScreenShapeSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/NumberField.d.ts

@@ -0,0 +1,9 @@
+export type NumberFieldProps = {
+    value: number;
+    onChange: (next: number) => void;
+    step?: number;
+    min?: number;
+    max?: number;
+    disabled?: boolean;
+};
+export declare const NumberField: ({ value, onChange, step, min, max, disabled, }: NumberFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/ScreenTextSettingsPanel.d.ts

@@ -0,0 +1,3 @@
+import { ScreenTextSettingsPanelProps } from './types';
+export type * from './types';
+export declare const ScreenTextSettingsPanel: ({ value, onChange, copyLabel, inspector, }: ScreenTextSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/controls/NestedSection.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare function NestedSection({ label, open, onToggle, children, }: {
+    label: string;
+    open: boolean;
+    onToggle: () => void;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/controls/Section.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare function Section({ label, icon, open, onToggle, children, }: {
+    label: string;
+    icon: ReactNode;
+    open: boolean;
+    onToggle: () => void;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/controls/icons.d.ts

@@ -0,0 +1,4 @@
+export declare const TextIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const PaletteIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const TransformIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const NestedIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/debug-ui/screen-text-settings/index.d.ts

@@ -1,122 +1,2 @@
-import { ScreenCanvasSize, ScreenCoordinateSpace } from '../../screen2d';
-export type ScreenTextArtPreset = "clean" | "sticker" | "shadow-pop" | "neon" | "editorial" | "comic-burst" | "ice-outline" | "sunset-glow" | "cutout" | "badge-arc" | "chrome-bulge" | "retro-wave" | "flag-pop" | "fisheye-poster";
-export type ScreenTextSettings = {
-    enabled: boolean;
-    content: {
-        text: string;
-    };
-    layout: {
-        textAlign?: "left" | "center" | "right";
-        verticalAlign?: "top" | "center" | "bottom";
-        overflow?: "clip" | "ellipsis" | "clamp" | "shrink";
-        resizeToFit?: boolean;
-        minFontSize?: number;
-    };
-    style: {
-        fontSize: number;
-        fontFamily?: string;
-        fontWeight?: number | "normal" | "bold";
-        bold?: boolean;
-        fontStyle?: "normal" | "italic";
-        underline?: boolean;
-        letterSpacing: number;
-        lineSpacing: number;
-        color: string;
-        opacity: number;
-        aspect: number;
-        outlineEnabled?: boolean;
-        shadowEnabled?: boolean;
-        innerShadowEnabled?: boolean;
-        innerShadow?: {
-            color: string;
-            opacity?: number;
-            offset?: number;
-            angle?: number;
-            feather?: number;
-        };
-        glowEnabled?: boolean;
-        glow?: {
-            color: string;
-            style: "outward" | "contoured";
-            intensity?: number;
-            range?: number;
-            horizontalAngle?: number;
-            verticalAngle?: number;
-        };
-        bendEnabled?: boolean;
-        bend?: {
-            preset: "arc" | "arc-lower" | "arc-upper" | "arch" | "bulge" | "shell-lower" | "shell-upper" | "flag" | "wave" | "fish" | "rise" | "fisheye" | "inflate" | "squeeze" | "twist";
-            strength: number;
-        };
-        strokeLayers?: Array<{
-            color: string;
-            width: number;
-            opacity?: number;
-        }>;
-        shadowLayers?: Array<{
-            color: string;
-            blur: number;
-            offsetX?: number;
-            offsetY?: number;
-            opacity?: number;
-            offset?: number;
-            angle?: number;
-            feather?: number;
-        }>;
-        background: {
-            enabled: boolean;
-            autoSize: boolean;
-            fit: "full" | "text";
-            fillMode: "solid" | "gradient";
-            color: string;
-            opacity: number;
-            borderRadius: number;
-            padding: number;
-            width: number;
-            height: number;
-            borderEnabled: boolean;
-            borderWidth: number;
-            borderColor: string;
-            gradientStops: Array<{
-                color: string;
-                position: number;
-            }>;
-            textureUrl?: string;
-            textureFit: "cover" | "contain" | "stretch";
-            textureFlipX: boolean;
-            textureFlipY: boolean;
-        };
-    };
-    transformation: {
-        enabled: boolean;
-        showTransformGuides: boolean;
-        coordinateSpace?: ScreenCoordinateSpace;
-        canvasSize?: ScreenCanvasSize;
-        position: {
-            x: number;
-            y: number;
-        };
-        size: {
-            width: number;
-            height: number;
-        };
-        rotation: number;
-        pivot: [number, number];
-        renderOrder: number;
-        overlay: boolean;
-        visible: boolean;
-    };
-    textArtPreset: ScreenTextArtPreset;
-};
-export type ScreenTextSceneSettings = {
-    screenText: ScreenTextSettings;
-    screenSpaceUI: {
-        enabled: boolean;
-    };
-};
-export type ScreenTextSettingsPanelProps = {
-    value: ScreenTextSceneSettings;
-    onChange: (next: ScreenTextSceneSettings) => void;
-    copyLabel?: string;
-};
-export declare const ScreenTextSettingsPanel: ({ value, onChange, copyLabel, }: ScreenTextSettingsPanelProps) => import('react').ReactPortal | null;
+export { ScreenTextSettingsPanel } from './ScreenTextSettingsPanel';
+export type { ScreenTextArtPreset, ScreenTextSceneSettings, ScreenTextSettings, ScreenTextSettingsPanelProps, } from './types';

package/dist/debug-ui/screen-text-settings/sections/BackgroundSection.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ScreenTextSettings } from '../types';
+export declare function BackgroundSection({ value, onChange, open, setOpen, }: {
+    value: ScreenTextSettings;
+    onChange: (updater: (current: ScreenTextSettings) => ScreenTextSettings) => void;
+    open: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+}): import("react/jsx-runtime").JSX.Element;