framefields 2.0.2

package/dist/preview-engine/renderers-VGU3LNLT.mjs

@@ -0,0 +1 @@
+import{a as C}from"./chunk-SRT2OCQW.mjs";import"./chunk-LKYN3BM2.mjs";import{a as w}from"./chunk-YSTLMWCG.mjs";import{e as b}from"./chunk-BVF64D6H.mjs";b();b();b();b();function U(t,e,o,n,c,s){let r=o+n,h=s+c,d=o+s,i=n+c,a=1;return r>t&&r>0&&(a=Math.min(a,t/r)),h>t&&h>0&&(a=Math.min(a,t/h)),d>e&&d>0&&(a=Math.min(a,e/d)),i>e&&i>0&&(a=Math.min(a,e/i)),[Math.max(0,o*a),Math.max(0,n*a),Math.max(0,c*a),Math.max(0,s*a)]}function P(t,e,o,n,c,s,r=0){let h=r>0?r/2:0,d=h,i=h,a=Math.max(.1,t-r),u=Math.max(.1,e-r),[l,$,p,m]=U(a,u,o,n,c,s);return[`M ${d+l} ${i}`,`L ${d+a-$} ${i}`,$>0?`A ${$} ${$} 0 0 1 ${d+a} ${i+$}`:"",`L ${d+a} ${i+u-p}`,p>0?`A ${p} ${p} 0 0 1 ${d+a-p} ${i+u}`:"",`L ${d+m} ${i+u}`,m>0?`A ${m} ${m} 0 0 1 ${d} ${i+u-m}`:"",`L ${d} ${i+l}`,l>0?`A ${l} ${l} 0 0 1 ${d+l} ${i}`:"","Z"].filter(Boolean).join(" ")}function D(t,e,o=0){let n=t/2,c=e/2,s=Math.max(.1,(t-o)/2),r=Math.max(.1,(e-o)/2);return`M ${n-s} ${c} A ${s} ${r} 0 1 0 ${n+s} ${c} A ${s} ${r} 0 1 0 ${n-s} ${c} Z`}function I(t,e,o,n=0){let c=Math.max(3,Math.min(64,Math.floor(o))),s=t/2,r=e/2,h=Math.max(.1,Math.min(t-n,e-n)/2),d=[],i=2*Math.PI/c,a=-Math.PI/2;for(let u=0;u<c;u++){let l=a+u*i;d.push({x:s+h*Math.cos(l),y:r+h*Math.sin(l)})}return d.map((u,l)=>`${l===0?"M":"L"} ${u.x.toFixed(3)} ${u.y.toFixed(3)}`).join(" ")+" Z"}function W(t,e,o,n,c=0){let s=Math.max(3,Math.min(64,Math.floor(o))),r=Math.max(.01,Math.min(.99,n)),h=t/2,d=e/2,i=Math.max(.1,Math.min(t-c,e-c)/2),a=i*r,u=[],l=s*2,$=Math.PI/s,p=-Math.PI/2;for(let m=0;m<l;m++){let x=m%2===0?i:a,f=p+m*$;u.push({x:h+x*Math.cos(f),y:d+x*Math.sin(f)})}return u.map((m,x)=>`${x===0?"M":"L"} ${m.x.toFixed(3)} ${m.y.toFixed(3)}`).join(" ")+" Z"}function Z(t,e,o,n,c,s=0){let r=s>0?s/2:0,h=Math.max(1,t-s),d=Math.max(1,e-s),i=e/2,a=Math.min(d,Math.max(4,o)),u=Math.min(h*.9,Math.max(4,n)),l=Math.min(a*.95,Math.max(2,c)),$=r,p=r+h,m=p-u,x=i-l/2,f=i+l/2,g=i-a/2,M=i+a/2;return[`M ${$.toFixed(2)} ${x.toFixed(2)}`,`L ${m.toFixed(2)} ${x.toFixed(2)}`,`L ${m.toFixed(2)} ${g.toFixed(2)}`,`L ${p.toFixed(2)} ${i.toFixed(2)}`,`L ${m.toFixed(2)} ${M.toFixed(2)}`,`L ${m.toFixed(2)} ${f.toFixed(2)}`,`L ${$.toFixed(2)} ${f.toFixed(2)}`,"Z"].join(" ")}function G(t=0){let e=t*Math.PI/180,o=Math.cos(e),n=Math.sin(e),c=((.5-o*.5)*100).toFixed(2),s=((.5-n*.5)*100).toFixed(2),r=((.5+o*.5)*100).toFixed(2),h=((.5+n*.5)*100).toFixed(2);return{x1:`${c}%`,y1:`${s}%`,x2:`${r}%`,y2:`${h}%`}}function A(t){let e=Math.max(1,t.width??500),o=Math.max(1,t.height??500),n=t.strokeWidth??0;switch(t.shapeType){case"Rectangle":return P(e,o,t.radiusTL??0,t.radiusTR??0,t.radiusBR??0,t.radiusBL??0,n);case"Ellipse":return D(e,o,n);case"Polygon":return I(e,o,t.polygonSides??5,n);case"Star":return W(e,o,t.starPoints??5,t.starInnerRadius??.5,n);case"Arrow":return Z(e,o,t.arrowHeadWidth??40,t.arrowHeadLength??40,t.arrowShaftWidth??20,n);case"CustomPath":return t.customPath?.trim()||P(e,o,0,0,0,0,n);default:return P(e,o,0,0,0,0,n)}}function B(t){let e=Math.max(1,t.width??500),o=Math.max(1,t.height??500),n=A(t),c=t.fillType??"solid",s=t.fillColor??"#3b82f6",r=t.gradientEndColor??"#1d4ed8",h=t.gradientAngle??0,d=t.strokeColor??"#ffffff",i=Math.max(0,t.strokeWidth??0),a=t.strokeDashArray?.trim(),u=t.strokeLineCap??"round",l=t.strokeLineJoin??"round",$=t.strokeDashOffset??0,p=t.rotation??0,m=Math.max(0,Math.min(1,t.opacity??1)),x=t.shapeType==="CustomPath"?t.customPathScale??1:1,f=`gw_shape_grad_${Math.abs(Math.round(h)*31+(c==="linear"?1:2))}`,g="",M=s;if(c==="none")M="none";else if(c==="linear"){let S=G(h);g=`<defs><linearGradient id="${f}" x1="${S.x1}" y1="${S.y1}" x2="${S.x2}" y2="${S.y2}"><stop offset="0%" stop-color="${s}"/><stop offset="100%" stop-color="${r}"/></linearGradient></defs>`,M=`url(#${f})`}else c==="radial"&&(g=`<defs><radialGradient id="${f}" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="${s}"/><stop offset="100%" stop-color="${r}"/></radialGradient></defs>`,M=`url(#${f})`);let v=i>0?`stroke="${d}" stroke-width="${i}" stroke-linecap="${u}" stroke-linejoin="${l}" ${a?`stroke-dasharray="${a}"`:""} ${$?`stroke-dashoffset="${$}"`:""}`:'stroke="none"',R=e/2,H=o/2,y=[];p!==0&&y.push(`rotate(${p} ${R} ${H})`),x!==1&&y.push(`scale(${x})`);let N=y.length>0?`transform="${y.join(" ")}"`:"",j=m<1?`opacity="${m}"`:"";return`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${e} ${o}" width="${e}" height="${o}">${g}<g ${N} ${j}><path d="${n}" fill="${M}" ${v} /></g></svg>`}function L(t){let e=B(t);return typeof Buffer<"u"?`data:image/svg+xml;base64,${Buffer.from(e).toString("base64")}`:`data:image/svg+xml;base64,${btoa(unescape(encodeURIComponent(e)))}`}var k=async t=>{let{ctx:e,pass:o,props:n,targetWidth:c,targetHeight:s}=t,r=n.virtualMedia?.operation;if(!r||r.op!=="ShapeGenerator"&&r.op!=="source")return;let h=L(r),d=c>0?c:r.width??500,i=s>0?s:r.height??500,a=!!(e.isHeadless||typeof window>"u");await C(e,o,{src:h,dstRect:{x:0,y:0,width:d,height:i},opacity:r.opacity??1,isHeadless:a})};var Q=w({WebGPURenderer:k});export{k as ShapeGeneratorWebGPURenderer,Q as default};

package/dist/preview-engine/renderers-W3VVM5HB.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-BJKH76OM.mjs";import"./chunk-XOEEGC4Z.mjs";import"./chunk-IYVN2QEL.mjs";import"./chunk-NQZKBFC6.mjs";import"./chunk-6YJP57MZ.mjs";import"./chunk-BVF64D6H.mjs";export{a as WebGPURenderer,b as default};

package/dist/preview-engine/renderers-WJUTT5BB.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-G3HW4VER.mjs";import"./chunk-YSTLMWCG.mjs";import"./chunk-BVF64D6H.mjs";export{a as default};

package/dist/preview-engine/renderers-XA2M4YXK.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-AOLAHYVV.mjs";import"./chunk-IYVN2QEL.mjs";import"./chunk-NQZKBFC6.mjs";import"./chunk-YSTLMWCG.mjs";import"./chunk-BVF64D6H.mjs";export{a as default};

package/dist/preview-engine/renderers-XIHRFEFQ.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-ZX6APG6E.mjs";import"./chunk-YSTLMWCG.mjs";import"./chunk-6YJP57MZ.mjs";import"./chunk-BVF64D6H.mjs";export{a as default};

package/dist/preview-engine/renderers-XJTA5MFG.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-TMRLZV5X.mjs";import"./chunk-YSTLMWCG.mjs";import"./chunk-BVF64D6H.mjs";export{a as default};

package/dist/preview-engine/renderers-XLTY5APF.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-L62MRHGZ.mjs";import"./chunk-YSTLMWCG.mjs";import"./chunk-BVF64D6H.mjs";export{a as default};

package/dist/preview-engine/renderers-XZ3VXFGZ.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-6ZOXGAYA.mjs";import"./chunk-N4PWLBZ7.mjs";import"./chunk-37EFVZWT.mjs";import"./chunk-YSTLMWCG.mjs";import"./chunk-6YJP57MZ.mjs";import"./chunk-BVF64D6H.mjs";export{a as default};

package/dist/preview-engine/renderers-YKUQUCTO.mjs

@@ -0,0 +1,124 @@
+import{a as R}from"./chunk-YSTLMWCG.mjs";import{e as x}from"./chunk-BVF64D6H.mjs";x();x();var K={RGBA:0,HSLA:1,CMYK:2,LAB:3},V=`
+struct MergerUniforms {
+	colorSpace   : f32, // 0=RGBA, 1=HSLA, 2=CMYK, 3=LAB
+	hasCh4       : f32, // 0 or 1
+	defaultCh4   : f32, // fallback value (1.0 for alpha, 0.0 for CMYK black)
+	_pad0        : f32,
+};
+
+@group(0) @binding(0) var<uniform> u : MergerUniforms;
+@group(1) @binding(0) var tex1      : texture_2d<f32>;
+@group(1) @binding(1) var tex2      : texture_2d<f32>;
+@group(1) @binding(2) var tex3      : texture_2d<f32>;
+@group(1) @binding(3) var tex4      : texture_2d<f32>;
+@group(1) @binding(4) var samp      : sampler;
+
+struct VSOut {
+	@builtin(position) pos : vec4<f32>,
+	@location(0) uv        : vec2<f32>,
+};
+
+@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {
+	var pos = array<vec2<f32>, 4>(
+		vec2<f32>(-1.0, 1.0),
+		vec2<f32>(1.0, 1.0),
+		vec2<f32>(-1.0, -1.0),
+		vec2<f32>(1.0, -1.0)
+	);
+	var uv = array<vec2<f32>, 4>(
+		vec2<f32>(0.0, 0.0),
+		vec2<f32>(1.0, 0.0),
+		vec2<f32>(0.0, 1.0),
+		vec2<f32>(1.0, 1.0)
+	);
+	return VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);
+}
+
+fn hue2rgb(p: f32, q: f32, t_in: f32) -> f32 {
+	var t = t_in;
+	if (t < 0.0) { t = t + 1.0; }
+	if (t > 1.0) { t = t - 1.0; }
+	if (t < 1.0 / 6.0) { return p + (q - p) * 6.0 * t; }
+	if (t < 1.0 / 2.0) { return q; }
+	if (t < 2.0 / 3.0) { return p + (q - p) * (2.0 / 3.0 - t) * 6.0; }
+	return p;
+}
+
+fn hsl2rgb(h: f32, s: f32, l: f32) -> vec3<f32> {
+	if (s <= 0.00001) {
+		return vec3<f32>(l, l, l);
+	}
+	let q = select(l + s - l * s, l * (1.0 + s), l < 0.5);
+	let p = 2.0 * l - q;
+	let r = hue2rgb(p, q, h + 1.0 / 3.0);
+	let g = hue2rgb(p, q, h);
+	let b = hue2rgb(p, q, h - 1.0 / 3.0);
+	return vec3<f32>(clamp(r, 0.0, 1.0), clamp(g, 0.0, 1.0), clamp(b, 0.0, 1.0));
+}
+
+fn inv_lab_f(t: f32) -> f32 {
+	let t3 = t * t * t;
+	return select((t - 16.0 / 116.0) / 7.787, t3, t3 > 0.008856);
+}
+
+fn lin2srgb(v: f32) -> f32 {
+	let c = clamp(v, 0.0, 1.0);
+	return select(c * 12.92, 1.055 * pow(c, 1.0 / 2.4) - 0.055, c > 0.0031308);
+}
+
+@fragment fn fs(in: VSOut) -> @location(0) vec4<f32> {
+	let c1 = textureSample(tex1, samp, in.uv);
+	let c2 = textureSample(tex2, samp, in.uv);
+	let c3 = textureSample(tex3, samp, in.uv);
+	let c4 = textureSample(tex4, samp, in.uv);
+
+	let v1 = c1.r;
+	let v2 = c2.r;
+	let v3 = c3.r;
+	let v4 = select(u.defaultCh4, c4.r, u.hasCh4 > 0.5);
+
+	let cs = u32(u.colorSpace + 0.5);
+
+	if (cs == 0u) { // RGBA
+		return vec4<f32>(clamp(v1, 0.0, 1.0), clamp(v2, 0.0, 1.0), clamp(v3, 0.0, 1.0), clamp(v4, 0.0, 1.0));
+	} else if (cs == 1u) { // HSLA
+		let rgb = hsl2rgb(fract(v1), clamp(v2, 0.0, 1.0), clamp(v3, 0.0, 1.0));
+		return vec4<f32>(rgb, clamp(v4, 0.0, 1.0));
+	} else if (cs == 2u) { // CMYK
+		let C = clamp(v1, 0.0, 1.0);
+		let M = clamp(v2, 0.0, 1.0);
+		let Y = clamp(v3, 0.0, 1.0);
+		let K = clamp(v4, 0.0, 1.0);
+		let r = (1.0 - C) * (1.0 - K);
+		let g = (1.0 - M) * (1.0 - K);
+		let b = (1.0 - Y) * (1.0 - K);
+		return vec4<f32>(clamp(r, 0.0, 1.0), clamp(g, 0.0, 1.0), clamp(b, 0.0, 1.0), 1.0);
+	} else { // LAB
+		let L_norm = clamp(v1, 0.0, 1.0);
+		let a_norm = clamp(v2, 0.0, 1.0);
+		let b_norm = clamp(v3, 0.0, 1.0);
+
+		let L_star = L_norm * 100.0;
+		let a_star = a_norm * 255.0 - 128.0;
+		let b_star = b_norm * 255.0 - 128.0;
+
+		let fy = (L_star + 16.0) / 116.0;
+		let fx = fy + a_star / 500.0;
+		let fz = fy - b_star / 200.0;
+
+		let x = inv_lab_f(fx);
+		let y = inv_lab_f(fy);
+		let z = inv_lab_f(fz);
+
+		let X = x * 0.95047;
+		let Y = y * 1.00000;
+		let Z = z * 1.08883;
+
+		let lr =  3.2404542 * X - 1.5371385 * Y - 0.4985314 * Z;
+		let lg = -0.9692660 * X + 1.8760108 * Y + 0.0415560 * Z;
+		let lb =  0.0556434 * X - 0.2040259 * Y + 1.0572252 * Z;
+
+		return vec4<f32>(lin2srgb(lr), lin2srgb(lg), lin2srgb(lb), clamp(v4, 0.0, 1.0));
+	}
+}
+`,U=new WeakMap,v=new Float32Array(4);function O(a){let e=U.get(a);if(e)return e;let i=a.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),u=a.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:3,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:4,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});return e={uniformLayout:i,textureLayout:u,pipelineCache:new Map},U.set(a,e),e}function W(a,e){let i=O(a),u=`merger_${e}`,p=i.pipelineCache.get(u);if(!p){let l=a.createShaderModule({label:"ChannelMergerShader",code:V}),b=a.createPipelineLayout({bindGroupLayouts:[i.uniformLayout,i.textureLayout]});p=a.createRenderPipeline({label:"ChannelMergerPipeline",layout:b,vertex:{module:l,entryPoint:"vs"},fragment:{module:l,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),i.pipelineCache.set(u,p)}return{pipeline:p,resources:i}}var w=async a=>{let{ctx:e,encoder:i,pass:u,targetView:p,targetTexture:l,targetWidth:b,targetHeight:A,props:r,drawChild:g}=a,c=r.virtualMedia?.operation;if(c?.op!=="ChannelMerger"||!c)return;let h=c.channel1Media??r.virtualMedia.children?.[0],y=c.channel2Media,M=c.channel3Media,m=c.channel4Media;if(!h||!y||!M)return;u.end();let t=b,n=A,s=e.renderer.getTemporaryTexture(t,n,[...r.excludeTextures||[],l]),G=s.createView();e.renderer.beginFrame(i,G,{r:0,g:0,b:0,a:0},t,n,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:t,height:n}),e.renderer.pushIdentity(),await g(h,{...r,virtualMedia:h,renderId:`${r.renderId}-ch1`,excludeTextures:[...r.excludeTextures||[],s]},G,s,t,n),e.renderer.popTransform(),e.renderer.popScissor(),a.pass.end();let o=e.renderer.getTemporaryTexture(t,n,[...r.excludeTextures||[],l,s]),S=o.createView();e.renderer.beginFrame(i,S,{r:0,g:0,b:0,a:0},t,n,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:t,height:n}),e.renderer.pushIdentity(),await g(y,{...r,virtualMedia:y,renderId:`${r.renderId}-ch2`,excludeTextures:[...r.excludeTextures||[],s,o]},S,o,t,n),e.renderer.popTransform(),e.renderer.popScissor(),a.pass.end();let d=e.renderer.getTemporaryTexture(t,n,[...r.excludeTextures||[],l,s,o]),T=d.createView();e.renderer.beginFrame(i,T,{r:0,g:0,b:0,a:0},t,n,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:t,height:n}),e.renderer.pushIdentity(),await g(M,{...r,virtualMedia:M,renderId:`${r.renderId}-ch3`,excludeTextures:[...r.excludeTextures||[],s,o,d]},T,d,t,n),e.renderer.popTransform(),e.renderer.popScissor(),a.pass.end();let C=e.renderer.getTemporaryTexture(t,n,[...r.excludeTextures||[],l,s,o,d]),_=C.createView();e.renderer.beginFrame(i,_,{r:0,g:0,b:0,a:0},t,n,"clear").end();let B=m?1:0;m&&(e.renderer.pushScissor({x:0,y:0,width:t,height:n}),e.renderer.pushIdentity(),await g(m,{...r,virtualMedia:m,renderId:`${r.renderId}-ch4`,excludeTextures:[...r.excludeTextures||[],s,o,d,C]},_,C,t,n),e.renderer.popTransform(),e.renderer.popScissor(),a.pass.end());let P=c.colorSpace??"RGBA",F=c.defaultChannel4??(P==="CMYK"?0:1);v[0]=K[P]??0,v[1]=B,v[2]=F,v[3]=0;let I=e.renderer.getTemporaryBuffer(v),{pipeline:Y,resources:L}=W(e.device,l.format),E=e.device.createBindGroup({layout:L.uniformLayout,entries:[{binding:0,resource:{buffer:I}}]}),N=e.renderer.samplerCache.getSampler(e.device),q=e.device.createBindGroup({layout:L.textureLayout,entries:[{binding:0,resource:G},{binding:1,resource:S},{binding:2,resource:T},{binding:3,resource:_},{binding:4,resource:N}]}),f=e.renderer.beginFrame(i,p,{r:0,g:0,b:0,a:0},t,n,"load");f.setPipeline(Y),f.setBindGroup(0,E),f.setBindGroup(1,q),f.draw(4,1,0,0),a.pass=f};var Q=R({WebGPURenderer:w});export{w as ChannelMergerWebGPURenderer,Q as default};

package/dist/preview-engine/renderers-YVN3EIOP.mjs

@@ -0,0 +1 @@
+import{S as a}from"./chunk-SWD76532.mjs";import"./chunk-YKMBRUAE.mjs";import"./chunk-VXUJWPIK.mjs";import"./chunk-XKO4RYKN.mjs";import"./chunk-DRLEOHN5.mjs";import"./chunk-NQZKBFC6.mjs";import"./chunk-P3HBP725.mjs";import"./chunk-24P6DAB3.mjs";import"./chunk-YSTLMWCG.mjs";import"./chunk-4GEWSUX5.mjs";import"./chunk-MTJHQATU.mjs";import"./chunk-YAQFFQPG.mjs";import"./chunk-BVF64D6H.mjs";export{a as default};

package/dist/preview-engine/renderers-YWRP23SZ.mjs

@@ -0,0 +1,125 @@
+import{l as S}from"./chunk-24P6DAB3.mjs";import{a as x}from"./chunk-YSTLMWCG.mjs";import{e as b}from"./chunk-BVF64D6H.mjs";b();b();var N=`
+struct ScalerUniforms {
+    targetSize : vec2<f32>,
+    srcSize    : vec2<f32>,
+    fitMode    : f32, // 0 = Cover, 1 = Contain, 2 = Stretch, 3 = Manual
+    bgMode     : f32, // 0 = Solid, 1 = Blurred, 2 = Gradient, 3 = Transparent
+    bgColor    : vec4<f32>,
+    bgColor2   : vec4<f32>, // Used for gradient mode
+    blurRadius : f32,
+    brightness : f32,
+    zoom       : f32,
+    offset     : vec2<f32>,
+    anchor     : vec2<f32>, // x: 0 (left) - 1 (right), y: 0 (top) - 1 (bottom)
+};
+
+@group(0) @binding(0) var<uniform> u : ScalerUniforms;
+@group(0) @binding(1) var s : sampler;
+@group(0) @binding(2) var t_src : texture_2d<f32>;
+
+struct VSOut {
+    @builtin(position) pos : vec4<f32>,
+    @location(0) uv        : vec2<f32>,
+};
+
+@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {
+	var pos = array<vec2<f32>, 4>(
+		vec2<f32>(-1.0, 1.0),
+		vec2<f32>(1.0, 1.0),
+		vec2<f32>(-1.0, -1.0),
+		vec2<f32>(1.0, -1.0)
+	);
+	var uv = array<vec2<f32>, 4>(
+		vec2<f32>(0.0, 0.0),
+		vec2<f32>(1.0, 0.0),
+		vec2<f32>(0.0, 1.0),
+		vec2<f32>(1.0, 1.0)
+	);
+	return VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+    let uv = in.uv;
+    
+    // Calculate aspect ratios
+    let target_ar = u.targetSize.x / u.targetSize.y;
+    let src_ar = u.srcSize.x / u.srcSize.y;
+    
+    // Sizing logic
+    var fg_uv = uv;
+    var is_outside_fg = false;
+    
+    if (u.fitMode == 1.0) { // Contain
+        if (src_ar > target_ar) {
+            // Letterbox (pads top & bottom)
+            let scale_y = target_ar / src_ar;
+            let offset_y = (1.0 - scale_y) * u.anchor.y;
+            fg_uv.y = (uv.y - offset_y) / scale_y;
+            if (fg_uv.y < 0.0 || fg_uv.y > 1.0) { is_outside_fg = true; }
+        } else {
+            // Pillarbox (pads left & right)
+            let scale_x = src_ar / target_ar;
+            let offset_x = (1.0 - scale_x) * u.anchor.x;
+            fg_uv.x = (uv.x - offset_x) / scale_x;
+            if (fg_uv.x < 0.0 || fg_uv.x > 1.0) { is_outside_fg = true; }
+        }
+    } else if (u.fitMode == 0.0) { // Cover
+        if (src_ar > target_ar) {
+            let scale_x = target_ar / src_ar;
+            let offset_x = (1.0 - scale_x) * u.anchor.x;
+            fg_uv.x = uv.x * scale_x + offset_x;
+        } else {
+            let scale_y = src_ar / target_ar;
+            let offset_y = (1.0 - scale_y) * u.anchor.y;
+            fg_uv.y = uv.y * scale_y + offset_y;
+        }
+    } else if (u.fitMode == 3.0) { // Manual Scale & Translation
+        let norm_zoom = u.zoom / 100.0;
+        fg_uv = (uv - vec2<f32>(0.5)) / norm_zoom + vec2<f32>(0.5) - (u.offset / u.targetSize);
+        if (fg_uv.x < 0.0 || fg_uv.x > 1.0 || fg_uv.y < 0.0 || fg_uv.y > 1.0) {
+            is_outside_fg = true;
+        }
+    } // (fitMode == 2.0 (Stretch) uses default fg_uv without bounds check)
+
+    // Output compositing
+    if (!is_outside_fg) {
+        return textureSampleLevel(t_src, s, fg_uv, 0.0);
+    } else {
+        // Render background based on mode
+        if (u.bgMode == 0.0) { // Solid
+            return u.bgColor;
+        } else if (u.bgMode == 1.0) { // Blurred Background Copy
+            // Sample cover-fitted coordinates for background
+            var bg_uv = uv;
+            if (src_ar > target_ar) {
+                let scale_x = target_ar / src_ar;
+                let offset_x = (1.0 - scale_x) * 0.5; // Always center background
+                bg_uv.x = uv.x * scale_x + offset_x;
+            } else {
+                let scale_y = src_ar / target_ar;
+                let offset_y = (1.0 - scale_y) * 0.5;
+                bg_uv.y = uv.y * scale_y + offset_y;
+            }
+            
+            // Apply gaussian blur approximation in shader
+            var color = vec4<f32>(0.0);
+            let blur_steps = 5.0;
+            let blur_offset = u.blurRadius / (u.targetSize * blur_steps);
+            
+            for (var x = -2.0; x <= 2.0; x += 1.0) {
+                for (var y = -2.0; y <= 2.0; y += 1.0) {
+                    color += textureSampleLevel(t_src, s, bg_uv + vec2<f32>(x, y) * blur_offset, 0.0);
+                }
+            }
+            color = color / 25.0;
+            
+            // Apply background brightness darken effect
+            return vec4<f32>(color.rgb * u.brightness, color.a);
+        } else if (u.bgMode == 2.0) { // Gradient
+            return mix(u.bgColor, u.bgColor2, uv.y);
+        } else { // Transparent
+            return vec4<f32>(0.0, 0.0, 0.0, 0.0);
+        }
+    }
+}
+`,M=new WeakMap;function W(t){let e=M.get(t);if(e)return e;let o=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}}]});return e={scalerUniformLayout:o,textureSamplerLayout:o,pipelineCache:new Map},M.set(t,e),e}function D(t,e){let o=W(t),s=`scaler_${e}`,n=o.pipelineCache.get(s);if(!n){let i=t.createShaderModule({label:`scaler_${e}.wgsl`,code:N});n=t.createRenderPipeline({label:`ResizerScalerPipeline_${e}`,layout:t.createPipelineLayout({bindGroupLayouts:[o.scalerUniformLayout]}),vertex:{module:i,entryPoint:"vs"},fragment:{module:i,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),o.pipelineCache.set(s,n)}return{scalerPipeline:n,scalerUniformLayout:o.scalerUniformLayout}}function R(t){let e=t.replace("#",""),o=parseInt(e.substring(0,2),16)/255,s=parseInt(e.substring(2,4),16)/255,n=parseInt(e.substring(4,6),16)/255,i=e.length===8?parseInt(e.substring(6,8),16)/255:1;return[o,s,n,i]}var r=new Float32Array(24),P=async t=>{let{ctx:e,encoder:o,pass:s,targetView:n,targetTexture:i,targetWidth:v,targetHeight:_,props:l,drawChild:G}=t,a=l.virtualMedia?.operation;if(a?.op!=="ResizerScaler"||!a)return;let f=l.virtualMedia.children?.[0];if(!f)return;s.end();let y=S(f),c=y?.width||v||1920,u=y?.height||_||1080,h=e.renderer.getTemporaryTexture(c,u,[...l.excludeTextures||[],i]),m=h.createView();e.renderer.beginFrame(o,m,{r:0,g:0,b:0,a:0},c,u,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:c,height:u}),e.renderer.pushIdentity(),await G(f,{...l,virtualMedia:f,containerWidth:c,containerHeight:u},m,h,c,u),e.renderer.popTransform(),e.renderer.popScissor();let{scalerPipeline:C,scalerUniformLayout:U}=D(e.device,e.renderer.format);r[0]=v,r[1]=_,r[2]=c,r[3]=u;let z={cover:0,contain:1,stretch:2,manual:3};r[4]=z[a.fitMode??"contain"]??1;let k={solid:0,blurred:1,gradient:2,transparent:3};r[5]=k[a.backgroundMode??"solid"]??0,r[6]=0,r[7]=0;let d=R(a.backgroundColor??"#000000FF");r[8]=d[0],r[9]=d[1],r[10]=d[2],r[11]=d[3];let g=R(a.backgroundColor2??"#000000FF");r[12]=g[0],r[13]=g[1],r[14]=g[2],r[15]=g[3],r[16]=Number(a.blurRadius??40),r[17]=Number(a.backgroundBrightness??.6),r[18]=Number(a.zoom??100),r[19]=0,r[20]=Number(a.offsetX??0),r[21]=Number(a.offsetY??0);let L={left:0,center:.5,right:1},w={top:0,center:.5,bottom:1};r[22]=L[a.anchorX??"center"]??.5,r[23]=w[a.anchorY??"center"]??.5;let T=e.renderer.getTemporaryBuffer(r),B=e.renderer.samplerCache.getSampler(e.device),p=o.beginRenderPass({colorAttachments:[{view:n,loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});p.setPipeline(C),p.setBindGroup(0,e.device.createBindGroup({layout:U,entries:[{binding:0,resource:{buffer:T}},{binding:1,resource:B},{binding:2,resource:m}]})),p.draw(4),p.end();let A=e.renderer.beginFrame(o,n,{r:0,g:0,b:0,a:0},v,_,"load");t.pass=A};var Y=x({WebGPURenderer:P});export{Y as default};

package/dist/preview-engine/renderers-ZPWOUWZJ.mjs

@@ -0,0 +1,120 @@
+import{a as b}from"./chunk-YSTLMWCG.mjs";import{e as p}from"./chunk-BVF64D6H.mjs";p();p();var U={RGBA:0,HSLA:1,CMYK:2,LAB:3},A=`
+struct SplitterUniforms {
+	colorSpace   : f32, // 0=RGBA, 1=HSLA, 2=CMYK, 3=LAB
+	channelIndex : f32, // 0=Ch1, 1=Ch2, 2=Ch3, 3=Ch4
+	_pad0        : f32,
+	_pad1        : f32,
+};
+
+@group(0) @binding(0) var<uniform> u : SplitterUniforms;
+@group(1) @binding(0) var srcTex     : texture_2d<f32>;
+@group(1) @binding(1) var srcSamp    : sampler;
+
+struct VSOut {
+	@builtin(position) pos : vec4<f32>,
+	@location(0) uv        : vec2<f32>,
+};
+
+@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {
+	var pos = array<vec2<f32>, 4>(
+		vec2<f32>(-1.0, 1.0),
+		vec2<f32>(1.0, 1.0),
+		vec2<f32>(-1.0, -1.0),
+		vec2<f32>(1.0, -1.0)
+	);
+	var uv = array<vec2<f32>, 4>(
+		vec2<f32>(0.0, 0.0),
+		vec2<f32>(1.0, 0.0),
+		vec2<f32>(0.0, 1.0),
+		vec2<f32>(1.0, 1.0)
+	);
+	return VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);
+}
+
+fn srgb2lin(v: f32) -> f32 {
+	let cv = clamp(v, 0.0, 1.0);
+	return select(cv / 12.92, pow((cv + 0.055) / 1.055, 2.4), cv > 0.04045);
+}
+
+fn lab_f(t: f32) -> f32 {
+	return select(pow(t, 1.0 / 3.0), (7.787 * t) + (16.0 / 116.0), t <= 0.008856);
+}
+
+@fragment fn fs(in: VSOut) -> @location(0) vec4<f32> {
+	let c = textureSample(srcTex, srcSamp, in.uv);
+	let cs = u32(u.colorSpace + 0.5);
+	let idx = u32(u.channelIndex + 0.5);
+
+	var val: f32 = 0.0;
+
+	if (cs == 0u) { // RGBA
+		if (idx == 0u) { val = c.r; }
+		else if (idx == 1u) { val = c.g; }
+		else if (idx == 2u) { val = c.b; }
+		else { val = c.a; }
+	} else if (cs == 1u) { // HSLA
+		let maxV = max(c.r, max(c.g, c.b));
+		let minV = min(c.r, min(c.g, c.b));
+		let d = maxV - minV;
+		let L = (maxV + minV) * 0.5;
+		let S = select(select(d / (2.0 - maxV - minV), d / (maxV + minV), L < 0.5), 0.0, d < 0.00001);
+		var H: f32 = 0.0;
+		if (d > 0.00001) {
+			if (maxV == c.r) {
+				H = ((c.g - c.b) / d + select(0.0, 6.0, c.g < c.b)) / 6.0;
+			} else if (maxV == c.g) {
+				H = ((c.b - c.r) / d + 2.0) / 6.0;
+			} else {
+				H = ((c.r - c.g) / d + 4.0) / 6.0;
+			}
+		}
+		if (idx == 0u) { val = H; }
+		else if (idx == 1u) { val = S; }
+		else if (idx == 2u) { val = L; }
+		else { val = c.a; }
+	} else if (cs == 2u) { // CMYK
+		let K = 1.0 - max(c.r, max(c.g, c.b));
+		if (K >= 1.0 - 0.00001) {
+			val = select(0.0, 1.0, idx == 3u);
+		} else {
+			let denom = 1.0 - K;
+			if (idx == 0u) { val = (1.0 - c.r - K) / denom; }
+			else if (idx == 1u) { val = (1.0 - c.g - K) / denom; }
+			else if (idx == 2u) { val = (1.0 - c.b - K) / denom; }
+			else { val = K; }
+		}
+	} else { // LAB
+		let lr = srgb2lin(c.r);
+		let lg = srgb2lin(c.g);
+		let lb = srgb2lin(c.b);
+
+		let X = lr * 0.4124564 + lg * 0.3575761 + lb * 0.1804375;
+		let Y = lr * 0.2126729 + lg * 0.7151522 + lb * 0.0721750;
+		let Z = lr * 0.0193339 + lg * 0.1191920 + lb * 0.9503041;
+
+		let x = X / 0.95047;
+		let y = Y / 1.00000;
+		let z = Z / 1.08883;
+
+		let fx = lab_f(x);
+		let fy = lab_f(y);
+		let fz = lab_f(z);
+
+		let L_star = 116.0 * fy - 16.0;
+		let a_star = 500.0 * (fx - fy);
+		let b_star = 200.0 * (fy - fz);
+
+		let L_norm = clamp(L_star / 100.0, 0.0, 1.0);
+		let a_norm = clamp((a_star + 128.0) / 255.0, 0.0, 1.0);
+		let b_norm = clamp((b_star + 128.0) / 255.0, 0.0, 1.0);
+
+		if (idx == 0u) { val = L_norm; }
+		else if (idx == 1u) { val = a_norm; }
+		else if (idx == 2u) { val = b_norm; }
+		else { val = c.a; }
+	}
+
+	val = clamp(val, 0.0, 1.0);
+	return vec4<f32>(val, val, val, 1.0);
+}
+`,S=new WeakMap,u=new Float32Array(4);function M(r){let e=S.get(r);if(e)return e;let t=r.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),i=r.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});return e={uniformLayout:t,textureLayout:i,pipelineCache:new Map},S.set(r,e),e}function w(r,e){let t=M(r),i=`splitter_${e}`,n=t.pipelineCache.get(i);if(!n){let l=r.createShaderModule({label:"ChannelSplitterShader",code:A}),f=r.createPipelineLayout({bindGroupLayouts:[t.uniformLayout,t.textureLayout]});n=r.createRenderPipeline({label:"ChannelSplitterPipeline",layout:f,vertex:{module:l,entryPoint:"vs"},fragment:{module:l,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}}),t.pipelineCache.set(i,n)}return{pipeline:n,resources:t}}var y=async r=>{let{ctx:e,encoder:t,pass:i,targetView:n,targetTexture:l,targetWidth:f,targetHeight:h,props:a,drawChild:G}=r,d=a.virtualMedia?.operation;if(d?.op!=="ChannelSplitter"||!d)return;let v=a.virtualMedia.children?.[0];if(!v)return;i.end();let c=f,o=h,m=e.renderer.getTemporaryTexture(c,o,[...a.excludeTextures||[],l]),x=m.createView();e.renderer.beginFrame(t,x,{r:0,g:0,b:0,a:0},c,o,"clear").end(),e.renderer.pushScissor({x:0,y:0,width:c,height:o}),e.renderer.pushIdentity(),await G(v,{...a,virtualMedia:v,renderId:`${a.renderId}-src`,excludeTextures:[...a.excludeTextures||[],m]},x,m,c,o),e.renderer.popTransform(),e.renderer.popScissor(),r.pass.end();let L=d.colorSpace??"RGBA",P=d.channelIndex??0;u[0]=U[L]??0,u[1]=P,u[2]=0,u[3]=0;let C=e.renderer.getTemporaryBuffer(u),{pipeline:_,resources:g}=w(e.device,l.format),R=e.device.createBindGroup({layout:g.uniformLayout,entries:[{binding:0,resource:{buffer:C}}]}),B=e.renderer.samplerCache.getSampler(e.device),V=e.device.createBindGroup({layout:g.textureLayout,entries:[{binding:0,resource:x},{binding:1,resource:B}]}),s=e.renderer.beginFrame(t,n,{r:0,g:0,b:0,a:0},c,o,"load");s.setPipeline(_),s.setBindGroup(0,R),s.setBindGroup(1,V),s.draw(4,1,0,0),r.pass=s};var W=b({WebGPURenderer:y});export{y as ChannelSplitterWebGPURenderer,W as default};

package/dist/preview-engine/resvg-js-VMU4A77S.mjs

@@ -0,0 +1 @@
+import{a as r,e}from"./chunk-BVF64D6H.mjs";var s=r((i,n)=>{e();var t=()=>new Proxy(function(){},{get:(u,o)=>o==="__esModule"?!0:o===Symbol.toPrimitive?()=>"":t(),apply:()=>t(),construct:()=>t()});n.exports=t()});export default s();

package/dist/preview-engine/server-utils-2FAIV45N.mjs

@@ -0,0 +1 @@
+import{a as r,e}from"./chunk-BVF64D6H.mjs";var s=r((i,n)=>{e();var t=()=>new Proxy(function(){},{get:(u,o)=>o==="__esModule"?!0:o===Symbol.toPrimitive?()=>"":t(),apply:()=>t(),construct:()=>t()});n.exports=t()});export default s();

package/dist/preview-engine/sharp-V6ZTBNDW.mjs

@@ -0,0 +1 @@
+import{a as r,e}from"./chunk-BVF64D6H.mjs";var s=r((i,n)=>{e();var t=()=>new Proxy(function(){},{get:(u,o)=>o==="__esModule"?!0:o===Symbol.toPrimitive?()=>"":t(),apply:()=>t(),construct:()=>t()});n.exports=t()});export default s();

package/dist/preview-engine/shims/fs-promises.mjs

@@ -0,0 +1 @@
+import{a,b,c,d,e,f,g,h,i,j,k,l,m}from"../chunk-4GEWSUX5.mjs";import"../chunk-MTJHQATU.mjs";import"../chunk-BVF64D6H.mjs";export{c as access,f as appendFile,k as copyFile,m as default,g as mkdir,l as open,a as readFile,d as readdir,j as rename,h as rm,b as stat,i as unlink,e as writeFile};

package/dist/preview-engine/shims/fs.mjs

@@ -0,0 +1 @@
+import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r}from"../chunk-MTJHQATU.mjs";import"../chunk-BVF64D6H.mjs";export{l as accessSync,j as appendFileSync,p as constants,i as copyFileSync,m as createReadStream,n as createWriteStream,r as default,b as existsSync,e as mkdirSync,q as promises,a as readFileSync,k as readdirSync,h as renameSync,f as rmSync,c as statSync,g as unlinkSync,o as watch,d as writeFileSync};

package/dist/preview-engine/shims/module.mjs

@@ -0,0 +1 @@
+import{a,b}from"../chunk-PJ3DVG45.mjs";import"../chunk-BVF64D6H.mjs";export{a as createRequire,b as isBuiltin};

package/dist/preview-engine/shims/os.mjs

@@ -0,0 +1 @@
+import{a,b,c,d,e,f,g,h,i}from"../chunk-XKO4RYKN.mjs";import"../chunk-BVF64D6H.mjs";export{h as EOL,d as arch,e as cpus,i as default,g as freemem,a as homedir,c as platform,b as tmpdir,f as totalmem};

package/dist/preview-engine/shims/path.mjs

@@ -0,0 +1 @@
+import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o}from"../chunk-YAQFFQPG.mjs";import"../chunk-BVF64D6H.mjs";export{h as basename,o as default,b as delimiter,g as dirname,i as extname,l as format,f as isAbsolute,d as join,c as normalize,k as parse,n as posix,j as relative,e as resolve,a as sep,m as toNamespacedPath};

package/dist/preview-engine/shims/url.mjs

@@ -0,0 +1 @@
+import{a,b,c,d}from"../chunk-ZEYUXJIV.mjs";import"../chunk-BVF64D6H.mjs";export{c as URL,d as default,a as fileURLToPath,b as pathToFileURL};

package/dist/preview-engine/signals.mjs

@@ -0,0 +1 @@
+import{a as l,b as m,c as n,d as o}from"./chunk-VJGK7MLJ.mjs";import"./chunk-TMRLZV5X.mjs";import{a as p}from"./chunk-EDIZNO3P.mjs";import{a as k}from"./chunk-G76HSKOS.mjs";import"./chunk-IYVN2QEL.mjs";import"./chunk-NQZKBFC6.mjs";import"./chunk-CYY366IE.mjs";import{e,f,l as g,m as h,n as i,o as j}from"./chunk-P3HBP725.mjs";import"./chunk-XD4GKD6H.mjs";import"./chunk-B6PLCMBM.mjs";import"./chunk-37EFVZWT.mjs";import"./chunk-VSSB73UU.mjs";import"./chunk-24P6DAB3.mjs";import"./chunk-YSTLMWCG.mjs";import{a,b,c,d}from"./chunk-6YJP57MZ.mjs";import"./chunk-HYBAPT6I.mjs";import"./chunk-BVF64D6H.mjs";export{p as AudioSignal,a as AudioSignalComputePipeline,l as AudioSignalExtractorNode,j as Signal,n as SignalGateNode,o as SignalMathNode,m as SignalNode,c as SignalRegistry,b as buildWGSLSignalFn,f as computed,i as cosineSignal,k as modulateRenderer,e as signal,g as signalBuilder,d as signalRegistry,h as sineSignal};

package/dist/preview-engine/webgpu-NSSANM4F.mjs

@@ -0,0 +1 @@
+import{a as r,e}from"./chunk-BVF64D6H.mjs";var s=r((i,n)=>{e();var t=()=>new Proxy(function(){},{get:(u,o)=>o==="__esModule"?!0:o===Symbol.toPrimitive?()=>"":t(),apply:()=>t(),construct:()=>t()});n.exports=t()});export default s();