shaders 2.2.0 → 2.2.2

package/dist/core/index.js

@@ -1,242 +1,243 @@
-import { B as wn, D as p, E as ce, F as Oe, G as Cn, H as Mn, I as Sn, K as An, L as xn, M as v, O as Z, P as He, R as Dn, S as zn, T as Ze, V as $n, _ as ue, c as Un, d as L, g as Be, h as Fe, i as En, j as _, k as E, l as en, m as R, n as b, o as On, q as _n, s as Bn, t as Fn, v as o, w as Gn, x as N, z as Ln } from "./three.tsl-CgyjOhns.js";
-import { t as Nn } from "./edges-Cj8yVYgz.js";
-import { t as qr } from "./time-myrFQH-u.js";
-import "./transformations-Bs66Qh16.js";
-import { n as qn } from "./AngularBlur-BJi-Edw-.js";
-import { n as Pn } from "./Ascii-B1KHvM1u.js";
-import "./colorMixing-C_ESXyqX.js";
-import { n as Vn } from "./Blob-CBASKMfO.js";
-import { n as Hn } from "./Blur-bz9Ubr0x.js";
-import { n as In } from "./Bulge-Ceythf-i.js";
-import { n as Wn } from "./ChannelBlur-DhWT-55L.js";
-import { n as Xn } from "./Checkerboard-CgWGd9t7.js";
-import { n as Yn } from "./ChromaFlow-DOVrymVB.js";
-import { n as jn } from "./ChromaticAberration-CyTSXY7j.js";
-import { n as Qn } from "./Circle-0WHV1HrM.js";
-import { n as Jn } from "./CRTScreen-BnfROw0f.js";
-import { n as Kn } from "./CursorTrail-3zQ5rtjh.js";
-import { n as Zn } from "./DiffuseBlur-DLIKRsnf.js";
-import { n as et } from "./Dither-Cnbknfji.js";
-import { n as nt } from "./DotGrid-BkItF2C8.js";
-import { n as tt } from "./Duotone-BI4tJI3k.js";
-import { n as rt } from "./FilmGrain-BAZORehh.js";
-import { n as ot } from "./FloatingParticles-7wvOBUbD.js";
-import { n as it } from "./GlassTiles-C0y_PWTa.js";
-import { n as at } from "./Glow-BD0t9E1L.js";
-import { n as st } from "./Godrays-CPIAbymT.js";
+import { A as N, B as In, D as C, E as xe, F as dn, H as Hn, I as Je, J as Wn, K as jn, L as Qn, M as Y, N as x, P as we, R as Jn, S as Ce, T as wn, U as Kn, V as Zn, _ as Me, c as er, d as Z, g as Ke, h as Ze, i as nr, k as pe, l as yn, m as A, n as k, o as hn, q as rr, s as tr, t as or, v as i, w as sr, x as ee, z as ar } from "./three.tsl-BqgDcRt9.js";
+import { n as ce, t as ye } from "./edges-B-tVdqcI.js";
+import { t as oo } from "./time-5uQ65blS.js";
+import "./transformations-DBjTkQ5b.js";
+import { n as ir } from "./AngularBlur-BTUdXC0g.js";
+import { n as lr } from "./Ascii-Bu8ii7oo.js";
+import "./colorMixing-DPZ-Td4U.js";
+import { n as cr } from "./Blob-C0G0efjG.js";
+import { n as fr } from "./Blur-BzUO9yxF.js";
+import { n as mr } from "./Bulge-BCXYAzig.js";
+import { n as ur } from "./ChannelBlur-BEK1qzGn.js";
+import { n as dr } from "./Checkerboard-BPkiSF5I.js";
+import { n as hr } from "./ChromaFlow-AHO3C4o3.js";
+import { n as pr } from "./ChromaticAberration-nVg3r1FK.js";
+import { n as gr } from "./Circle-C8ltF4BZ.js";
+import { n as br } from "./CRTScreen-cJ3XHrI9.js";
+import { n as vr } from "./CursorTrail-BeJGeovB.js";
+import { n as Cr } from "./DiffuseBlur-BdGvOoBw.js";
+import { n as Rr } from "./Dither-CpN3vGSh.js";
+import { n as Tr } from "./DotGrid-BFUzeSQw.js";
+import { n as kr } from "./Duotone-_nR_o3-g.js";
+import { n as wr } from "./FilmGrain-BAKXXtLg.js";
+import { n as yr } from "./FloatingParticles-Fv8JIzKk.js";
+import { n as Sr } from "./GlassTiles-5MyBj1ff.js";
+import { n as Ur } from "./Glow-DvJj7BB7.js";
+import { n as xr } from "./Godrays-cUzAKVXn.js";
 import "./TSLBase-BFMvTOak.js";
 import "./ColorAdjustment-CKwpE_4M.js";
-import { n as lt } from "./Grayscale-BtOqK43k.js";
-import { n as ct } from "./Grid-Ro0Yi5WY.js";
-import { n as ut } from "./GridDistortion-CuxRQdzs.js";
-import { n as mt } from "./Group-DTXP-whY.js";
-import { n as ft } from "./Halftone-B_MuXCD8.js";
-import { n as dt } from "./HueShift-CKG9M-d2.js";
-import { n as ht } from "./ImageTexture-B6zFP2fB.js";
-import { n as pt } from "./Invert-Cd7GK1vs.js";
-import { n as gt } from "./LinearBlur-JFLMQBY4.js";
-import { n as bt } from "./LinearGradient-Ztg5Lzwj.js";
-import { n as yt } from "./Liquify-rmJGJAdt.js";
-import { n as vt } from "./Pixelate-BIANS3t9.js";
-import { n as Tt } from "./PolarCoordinates-qzU8gNXR.js";
-import { n as Rt } from "./Posterize-BkBU8tnN.js";
-import { n as kt } from "./ProgressiveBlur-HAQf188T.js";
-import { n as wt } from "./RadialGradient-DISqJuTZ.js";
-import { n as Ct } from "./Ripples-CX8Qgnog.js";
-import { n as Mt } from "./Saturation-DMxPYmIU.js";
-import { n as St } from "./SimplexNoise-B5ygfckG.js";
-import { n as At } from "./SineWave-KPFlP3Wk.js";
-import { n as xt } from "./SolidColor-B8oxlGge.js";
-import { n as Dt } from "./Spiral-CX22hUJ3.js";
-import { n as zt } from "./Strands-Bv7RvyRC.js";
-import { n as $t } from "./Swirl-CIXreSgZ.js";
-import { n as Ut } from "./TiltShift-J0UUcoh-.js";
-import { n as Et } from "./Tritone-E9eHvjJV.js";
-import { n as Ot } from "./Twirl-ClhPpapm.js";
-import { n as _t } from "./Vibrance-CqnE9Zco.js";
-import { n as Bt } from "./WaveDistortion-gecgVpvO.js";
-import { n as Ft } from "./ZoomBlur-CaGbSDG3.js";
-import { WebGLRenderer as Gt } from "three";
-Sn();
-R();
-function Lt(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(n.rgb, t), o(e.rgb, o(e.a, p(1, t)))), s);
+import { n as Mr } from "./Grayscale-oWIF3PV5.js";
+import { n as Ar } from "./Grid-Bov7AA9m.js";
+import { n as $r } from "./GridDistortion-CWYom5Dw.js";
+import { n as zr } from "./Group-CPk-7fiA.js";
+import { n as Dr } from "./Halftone-F7fsdu7W.js";
+import { n as Fr } from "./HueShift-CiS4hdtk.js";
+import { n as Er } from "./ImageTexture-B3Q29OHX.js";
+import { n as Or } from "./Invert-Cyc4JHWc.js";
+import { n as Br } from "./LinearBlur-BTC54qzk.js";
+import { n as Pr } from "./LinearGradient-LEMeW0KM.js";
+import { n as _r } from "./Liquify-D2nzMDzq.js";
+import { n as Vr } from "./Pixelate-irPzmtQm.js";
+import { n as Lr } from "./PolarCoordinates-Ck5ZWrQO.js";
+import { n as qr } from "./Posterize-DICq_t96.js";
+import { n as Gr } from "./ProgressiveBlur-BuORe3VH.js";
+import { n as Nr } from "./RadialGradient-D0cN67jm.js";
+import { n as Xr } from "./RectangularCoordinates-1LIDaeHR.js";
+import { n as Yr } from "./Ripples-DH71sFJc.js";
+import { n as Ir } from "./Saturation-DbSXtSeK.js";
+import { n as Hr } from "./SimplexNoise-DPGC2OPJ.js";
+import { n as Wr } from "./SineWave-CkWtnzHF.js";
+import { n as jr } from "./SolidColor-DaB-FHNX.js";
+import { n as Qr } from "./Spiral-CcyI8azF.js";
+import { n as Jr } from "./Strands-Co4fkc05.js";
+import { n as Kr } from "./Swirl-BoveqtNV.js";
+import { n as Zr } from "./TiltShift-D53azmRe.js";
+import { n as et } from "./Tritone-Cg1rX-hL.js";
+import { n as nt } from "./Twirl-raO5pe5X.js";
+import { n as rt } from "./Vibrance-DtekSkcz.js";
+import { n as tt } from "./WaveDistortion-C65qO_cZ.js";
+import { n as ot } from "./ZoomBlur-B97ZjhXe.js";
+import { WebGLRenderer as st } from "three";
+Qn();
+A();
+function at(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(n.rgb, r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-var Ie = (e) => _(e.x.mul(1.2249401).sub(e.y.mul(0.2249404)).sub(e.z.mul(0)), e.x.mul(-0.0420569).add(e.y.mul(1.0420571)).add(e.z.mul(0)), e.x.mul(-0.0196376).sub(e.y.mul(0.0786361)).add(e.z.mul(1.0982735))), Nt = (e) => _(e.x.mul(0.8224621).add(e.y.mul(0.177538)).add(e.z.mul(0)), e.x.mul(0.0331941).add(e.y.mul(0.9668058)).add(e.z.mul(0)), e.x.mul(0.0170826).add(e.y.mul(0.0723974)).add(e.z.mul(0.9105199))), We = (e) => {
-  const n = e.x, r = e.y, t = e.z, s = n.mul(0.4122214708).add(r.mul(0.5363325363)).add(t.mul(0.0514459929)), f = n.mul(0.2119034982).add(r.mul(0.6806995451).add(t.mul(0.1073969566))), m = n.mul(0.0883024619).add(r.mul(0.2817188376)).add(t.mul(0.6299787005)), u = N(s, L(1 / 3)), g = N(f, L(1 / 3)), y = N(m, L(1 / 3));
-  return _(u.mul(0.2104542553).add(g.mul(0.793617785)).sub(y.mul(0.0040720468)), u.mul(1.9779984951).sub(g.mul(2.428592205)).add(y.mul(0.4505937099)), u.mul(0.0259040371).add(g.mul(0.7827717662)).sub(y.mul(0.808675766)));
-}, qt = (e) => {
-  const n = e.x, r = e.y, t = e.z, s = n.add(r.mul(0.3963377774)).add(t.mul(0.2158037573)), f = n.sub(r.mul(0.1055613458)).sub(t.mul(0.0638541728)), m = n.sub(r.mul(0.0894841775)).sub(t.mul(1.291485548)), u = N(s, L(3)), g = N(f, L(3)), y = N(m, L(3));
-  return _(u.mul(4.0767416621).sub(g.mul(3.3077115913)).add(y.mul(0.2309699292)), u.mul(-1.2684380046).add(g.mul(2.6097574011)).sub(y.mul(0.3413193965)), u.mul(-0.0041960863).sub(g.mul(0.7034186147)).add(y.mul(1.707614701)));
-}, Xe = (e) => {
-  const n = e.x, r = e.y, t = e.z;
-  return _(n, Ze(r.mul(r).add(t.mul(t))), En(t, r));
-}, Pt = (e) => {
-  const n = e.x, r = e.y, t = e.z;
-  return _(n, r.mul(Bn(t)), r.mul(Gn(t)));
+A();
+var pn = (e) => Y(e.x.mul(1.2249401).sub(e.y.mul(0.2249404)).sub(e.z.mul(0)), e.x.mul(-0.0420569).add(e.y.mul(1.0420571)).add(e.z.mul(0)), e.x.mul(-0.0196376).sub(e.y.mul(0.0786361)).add(e.z.mul(1.0982735))), it = (e) => Y(e.x.mul(0.8224621).add(e.y.mul(0.177538)).add(e.z.mul(0)), e.x.mul(0.0331941).add(e.y.mul(0.9668058)).add(e.z.mul(0)), e.x.mul(0.0170826).add(e.y.mul(0.0723974)).add(e.z.mul(0.9105199))), gn = (e) => {
+  const n = e.x, a = e.y, r = e.z, m = n.mul(0.4122214708).add(a.mul(0.5363325363)).add(r.mul(0.0514459929)), p = n.mul(0.2119034982).add(a.mul(0.6806995451).add(r.mul(0.1073969566))), h = n.mul(0.0883024619).add(a.mul(0.2817188376)).add(r.mul(0.6299787005)), d = ee(m, Z(1 / 3)), R = ee(p, Z(1 / 3)), S = ee(h, Z(1 / 3));
+  return Y(d.mul(0.2104542553).add(R.mul(0.793617785)).sub(S.mul(0.0040720468)), d.mul(1.9779984951).sub(R.mul(2.428592205)).add(S.mul(0.4505937099)), d.mul(0.0259040371).add(R.mul(0.7827717662)).sub(S.mul(0.808675766)));
+}, lt = (e) => {
+  const n = e.x, a = e.y, r = e.z, m = n.add(a.mul(0.3963377774)).add(r.mul(0.2158037573)), p = n.sub(a.mul(0.1055613458)).sub(r.mul(0.0638541728)), h = n.sub(a.mul(0.0894841775)).sub(r.mul(1.291485548)), d = ee(m, Z(3)), R = ee(p, Z(3)), S = ee(h, Z(3));
+  return Y(d.mul(4.0767416621).sub(R.mul(3.3077115913)).add(S.mul(0.2309699292)), d.mul(-1.2684380046).add(R.mul(2.6097574011)).sub(S.mul(0.3413193965)), d.mul(-0.0041960863).sub(R.mul(0.7034186147)).add(S.mul(1.707614701)));
+}, bn = (e) => {
+  const n = e.x, a = e.y, r = e.z;
+  return Y(n, wn(a.mul(a).add(r.mul(r))), nr(r, a));
+}, ct = (e) => {
+  const n = e.x, a = e.y, r = e.z;
+  return Y(n, a.mul(tr(r)), a.mul(sr(r)));
 };
-function Vt(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t))), f = Ie(_(e.r, e.g, e.b)), m = Ie(_(n.r, n.g, n.b)), u = We(f), g = We(m), y = Xe(u);
-  return v(Nt(qt(Pt(b(o(Xe(g), t), o(y, o(e.a, p(1, t))))))), s);
+function ft(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r))), p = pn(Y(e.r, e.g, e.b)), h = pn(Y(n.r, n.g, n.b)), d = gn(p), R = gn(h), S = bn(d);
+  return x(it(lt(ct(k(i(bn(R), r), i(S, i(e.a, C(1, r))))))), m);
 }
-R();
-var Ye = (e) => _(e.x.mul(1.2249401).sub(e.y.mul(0.2249404)).sub(e.z.mul(0)), e.x.mul(-0.0420569).add(e.y.mul(1.0420571)).add(e.z.mul(0)), e.x.mul(-0.0196376).sub(e.y.mul(0.0786361)).add(e.z.mul(1.0982735))), Ht = (e) => _(e.x.mul(0.8224621).add(e.y.mul(0.177538)).add(e.z.mul(0)), e.x.mul(0.0331941).add(e.y.mul(0.9668058)).add(e.z.mul(0)), e.x.mul(0.0170826).add(e.y.mul(0.0723974)).add(e.z.mul(0.9105199))), je = (e) => {
-  const n = e.x, r = e.y, t = e.z, s = n.mul(0.4122214708).add(r.mul(0.5363325363)).add(t.mul(0.0514459929)), f = n.mul(0.2119034982).add(r.mul(0.6806995451).add(t.mul(0.1073969566))), m = n.mul(0.0883024619).add(r.mul(0.2817188376)).add(t.mul(0.6299787005)), u = N(s, L(1 / 3)), g = N(f, L(1 / 3)), y = N(m, L(1 / 3));
-  return _(u.mul(0.2104542553).add(g.mul(0.793617785)).sub(y.mul(0.0040720468)), u.mul(1.9779984951).sub(g.mul(2.428592205)).add(y.mul(0.4505937099)), u.mul(0.0259040371).add(g.mul(0.7827717662)).sub(y.mul(0.808675766)));
-}, It = (e) => {
-  const n = e.x, r = e.y, t = e.z, s = n.add(r.mul(0.3963377774)).add(t.mul(0.2158037573)), f = n.sub(r.mul(0.1055613458)).sub(t.mul(0.0638541728)), m = n.sub(r.mul(0.0894841775)).sub(t.mul(1.291485548)), u = N(s, L(3)), g = N(f, L(3)), y = N(m, L(3));
-  return _(u.mul(4.0767416621).sub(g.mul(3.3077115913)).add(y.mul(0.2309699292)), u.mul(-1.2684380046).add(g.mul(2.6097574011)).sub(y.mul(0.3413193965)), u.mul(-0.0041960863).sub(g.mul(0.7034186147)).add(y.mul(1.707614701)));
+A();
+var vn = (e) => Y(e.x.mul(1.2249401).sub(e.y.mul(0.2249404)).sub(e.z.mul(0)), e.x.mul(-0.0420569).add(e.y.mul(1.0420571)).add(e.z.mul(0)), e.x.mul(-0.0196376).sub(e.y.mul(0.0786361)).add(e.z.mul(1.0982735))), mt = (e) => Y(e.x.mul(0.8224621).add(e.y.mul(0.177538)).add(e.z.mul(0)), e.x.mul(0.0331941).add(e.y.mul(0.9668058)).add(e.z.mul(0)), e.x.mul(0.0170826).add(e.y.mul(0.0723974)).add(e.z.mul(0.9105199))), Cn = (e) => {
+  const n = e.x, a = e.y, r = e.z, m = n.mul(0.4122214708).add(a.mul(0.5363325363)).add(r.mul(0.0514459929)), p = n.mul(0.2119034982).add(a.mul(0.6806995451).add(r.mul(0.1073969566))), h = n.mul(0.0883024619).add(a.mul(0.2817188376)).add(r.mul(0.6299787005)), d = ee(m, Z(1 / 3)), R = ee(p, Z(1 / 3)), S = ee(h, Z(1 / 3));
+  return Y(d.mul(0.2104542553).add(R.mul(0.793617785)).sub(S.mul(0.0040720468)), d.mul(1.9779984951).sub(R.mul(2.428592205)).add(S.mul(0.4505937099)), d.mul(0.0259040371).add(R.mul(0.7827717662)).sub(S.mul(0.808675766)));
+}, ut = (e) => {
+  const n = e.x, a = e.y, r = e.z, m = n.add(a.mul(0.3963377774)).add(r.mul(0.2158037573)), p = n.sub(a.mul(0.1055613458)).sub(r.mul(0.0638541728)), h = n.sub(a.mul(0.0894841775)).sub(r.mul(1.291485548)), d = ee(m, Z(3)), R = ee(p, Z(3)), S = ee(h, Z(3));
+  return Y(d.mul(4.0767416621).sub(R.mul(3.3077115913)).add(S.mul(0.2309699292)), d.mul(-1.2684380046).add(R.mul(2.6097574011)).sub(S.mul(0.3413193965)), d.mul(-0.0041960863).sub(R.mul(0.7034186147)).add(S.mul(1.707614701)));
 };
-function Wt(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t))), f = Ye(_(e.r, e.g, e.b)), m = Ye(_(n.r, n.g, n.b)), u = je(f);
-  return v(Ht(It(b(o(je(m), t), o(u, o(e.a, p(1, t)))))), s);
+function dt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r))), p = vn(Y(e.r, e.g, e.b)), h = vn(Y(n.r, n.g, n.b)), d = Cn(p);
+  return x(mt(ut(k(i(Cn(h), r), i(d, i(e.a, C(1, r)))))), m);
 }
-R();
-function Xt(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(o(e.rgb, n.rgb), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function ht(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(i(e.rgb, n.rgb), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function Yt(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(p(1, o(p(1, e.rgb), p(1, n.rgb))), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function pt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(C(1, i(C(1, e.rgb), C(1, n.rgb))), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function jt(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(Be(b(e.rgb, n.rgb), 1), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function gt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(Ke(k(e.rgb, n.rgb), 1), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function Qt(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(ue(o(2, o(e.rgb, n.rgb)), p(1, o(2, o(p(1, e.rgb), p(1, n.rgb)))), ce(0.5, e.rgb)), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function bt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(Me(i(2, i(e.rgb, n.rgb)), C(1, i(2, i(C(1, e.rgb), C(1, n.rgb)))), xe(0.5, e.rgb)), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function Jt(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(Fn(p(e.rgb, n.rgb)), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function vt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(or(C(e.rgb, n.rgb)), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function Kt(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(ue(e.rgb, Be(Un(e.rgb, p(1, n.rgb)), 1), ce(1e-3, p(1, n.rgb))), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function Ct(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(Me(e.rgb, Ke(er(e.rgb, C(1, n.rgb)), 1), xe(1e-3, C(1, n.rgb))), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function Zt(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(p(b(e.rgb, n.rgb), o(2, o(e.rgb, n.rgb))), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function Rt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(C(k(e.rgb, n.rgb), i(2, i(e.rgb, n.rgb))), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function Y(e) {
-  return b(b(o(e.r, 0.2126), o(e.g, 0.7152)), o(e.b, 0.0722));
+A();
+function me(e) {
+  return k(k(i(e.r, 0.2126), i(e.g, 0.7152)), i(e.b, 0.0722));
 }
-R();
-function er(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t))), f = p(Y(e.rgb), Y(n.rgb));
-  return v(b(o(b(n.rgb, f), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function Tt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r))), p = C(me(e.rgb), me(n.rgb));
+  return x(k(i(k(n.rgb, p), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function nr(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t))), f = Y(e.rgb), m = Y(n.rgb).div(b(f, 1e-4));
-  return v(b(o(o(e.rgb, m), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function kt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r))), p = me(e.rgb), h = me(n.rgb).div(k(p, 1e-4));
+  return x(k(i(i(e.rgb, h), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function tr(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(Be(e.rgb, n.rgb), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function wt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(Ke(e.rgb, n.rgb), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function rr(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(Fe(e.rgb, n.rgb), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function yt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(Ze(e.rgb, n.rgb), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function or(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(ue(v(0, 0, 0, 1).rgb, Fe(p(1, p(1, e.rgb).div(b(n.rgb, 1e-4))), 0), ce(1e-4, n.rgb)), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function St(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(Me(x(0, 0, 0, 1).rgb, Ze(C(1, C(1, e.rgb).div(k(n.rgb, 1e-4))), 0), xe(1e-4, n.rgb)), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function ir(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(Fe(b(b(e.rgb, n.rgb), -1), 0), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function Ut(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(Ze(k(k(e.rgb, n.rgb), -1), 0), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function ar(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t))), f = b(o(2, o(e.rgb, n.rgb)), o(o(e.rgb, e.rgb), p(1, o(2, n.rgb)))), m = Ze(e.rgb);
-  return v(b(o(ue(f, b(o(2, o(e.rgb, p(1, n.rgb))), o(m, p(o(2, n.rgb), 1))), ce(0.5, n.rgb)), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function xt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r))), p = k(i(2, i(e.rgb, n.rgb)), i(i(e.rgb, e.rgb), C(1, i(2, n.rgb)))), h = wn(e.rgb);
+  return x(k(i(Me(p, k(i(2, i(e.rgb, C(1, n.rgb))), i(h, C(i(2, n.rgb), 1))), xe(0.5, n.rgb)), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function sr(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t)));
-  return v(b(o(ue(o(2, o(e.rgb, n.rgb)), p(1, o(2, o(p(1, e.rgb), p(1, n.rgb)))), ce(0.5, n.rgb)), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function Mt(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r)));
+  return x(k(i(Me(i(2, i(e.rgb, n.rgb)), C(1, i(2, i(C(1, e.rgb), C(1, n.rgb)))), xe(0.5, n.rgb)), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function lr(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t))), f = Y(e.rgb), m = Y(n.rgb), u = e.rgb.sub(f), g = n.rgb.sub(m), y = u.length();
-  return v(b(o(b(o(g.normalize(), y), f), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function At(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r))), p = me(e.rgb), h = me(n.rgb), d = e.rgb.sub(p), R = n.rgb.sub(h), S = d.length();
+  return x(k(i(k(i(R.normalize(), S), p), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-R();
-function cr(e, n, r = 1) {
-  const t = o(n.a, r), s = b(t, o(e.a, p(1, t))), f = Y(e.rgb), m = Y(n.rgb), u = e.rgb.sub(f), g = n.rgb.sub(m);
-  return v(b(o(b(o(u.normalize(), g.length()), f), t), o(e.rgb, o(e.a, p(1, t)))), s);
+A();
+function $t(e, n, a = 1) {
+  const r = i(n.a, a), m = k(r, i(e.a, C(1, r))), p = me(e.rgb), h = me(n.rgb), d = e.rgb.sub(p), R = n.rgb.sub(h);
+  return x(k(i(k(i(d.normalize(), R.length()), p), r), i(e.rgb, i(e.a, C(1, r)))), m);
 }
-var Qe = {
-  normal: Lt,
-  "normal-oklch": Vt,
-  "normal-oklab": Wt,
-  multiply: Xt,
-  screen: Yt,
-  linearDodge: jt,
-  overlay: Qt,
-  difference: Jt,
-  colorDodge: Kt,
-  exclusion: Zt,
-  color: er,
-  luminosity: nr,
-  darken: tr,
-  lighten: rr,
-  colorBurn: or,
-  linearBurn: ir,
-  softLight: ar,
-  hardLight: sr,
-  hue: lr,
-  saturation: cr
+var Rn = {
+  normal: at,
+  "normal-oklch": ft,
+  "normal-oklab": dt,
+  multiply: ht,
+  screen: pt,
+  linearDodge: gt,
+  overlay: bt,
+  difference: vt,
+  colorDodge: Ct,
+  exclusion: Rt,
+  color: Tt,
+  luminosity: kt,
+  darken: wt,
+  lighten: yt,
+  colorBurn: St,
+  linearBurn: Ut,
+  softLight: xt,
+  hardLight: Mt,
+  hue: At,
+  saturation: $t
 };
-function X(e, n, r = "normal", t = 1) {
-  return (Qe[r] || Qe.normal)(e, n, t);
+function K(e, n, a = "normal", r = 1) {
+  return (Rn[a] || Rn.normal)(e, n, r);
 }
-R();
-function ur(e, n) {
-  const r = o(e.a, n.a);
-  return v(e.rgb, r);
+A();
+function zt(e, n) {
+  const a = i(e.a, n.a);
+  return x(e.rgb, a);
 }
-R();
-function mr(e, n) {
-  const r = p(1, n.a), t = o(e.a, r);
-  return v(e.rgb, t);
+A();
+function Dt(e, n) {
+  const a = C(1, n.a), r = i(e.a, a);
+  return x(e.rgb, r);
 }
-R();
-function fr(e, n) {
-  const r = _(0.2126, 0.7152, 0.0722), t = en(n.rgb, r), s = o(e.a, t);
-  return v(e.rgb, s);
+A();
+function Ft(e, n) {
+  const a = Y(0.2126, 0.7152, 0.0722), r = yn(n.rgb, a), m = i(e.a, r);
+  return x(e.rgb, m);
 }
-R();
-function dr(e, n) {
-  const r = _(0.2126, 0.7152, 0.0722), t = p(1, en(n.rgb, r)), s = o(e.a, t);
-  return v(e.rgb, s);
+A();
+function Et(e, n) {
+  const a = Y(0.2126, 0.7152, 0.0722), r = C(1, yn(n.rgb, a)), m = i(e.a, r);
+  return x(e.rgb, m);
 }
-var Je = {
-  alpha: ur,
-  alphaInverted: mr,
-  luminance: fr,
-  luminanceInverted: dr
+var Tn = {
+  alpha: zt,
+  alphaInverted: Dt,
+  luminance: Ft,
+  luminanceInverted: Et
 };
-function hr(e, n, r = "alpha") {
-  return (Je[r] || Je.alpha)(e, n);
+function Ot(e, n, a = "alpha") {
+  return (Tn[a] || Tn.alpha)(e, n);
 }
-var pr = class {
+var Bt = class {
   frameTimesMs = [];
   maxSamples = 60;
   targetFrameTime = 16.67;
@@ -249,11 +250,19 @@ var pr = class {
   lastCpuTime = null;
   lastGpuTime = null;
   isRendering = !1;
+  lastFrameTimestamp = 0;
+  frameIntervals = [];
   /**
   * Records a frame's render time
   */
   recordFrame(e) {
-    this.frameTimesMs.push(e), this.frameTimesMs.length > this.maxSamples && this.frameTimesMs.shift(), this.totalFrameCount++, e > this.targetFrameTime && this.jankFrameCount++, this.recordMemorySnapshot();
+    this.frameTimesMs.push(e), this.frameTimesMs.length > this.maxSamples && this.frameTimesMs.shift(), this.totalFrameCount++, e > this.targetFrameTime && this.jankFrameCount++;
+    const n = performance.now();
+    if (this.lastFrameTimestamp > 0) {
+      const a = n - this.lastFrameTimestamp;
+      this.frameIntervals.push(a), this.frameIntervals.length > this.maxSamples && this.frameIntervals.shift();
+    }
+    this.lastFrameTimestamp = n, this.recordMemorySnapshot();
   }
   /**
   * Records CPU time for the last frame
@@ -289,32 +298,32 @@ var pr = class {
       time: e,
       bytes: n
     });
-    const r = e - this.memoryWindowMs;
-    this.memorySnapshots = this.memorySnapshots.filter((t) => t.time > r);
+    const a = e - this.memoryWindowMs;
+    this.memorySnapshots = this.memorySnapshots.filter((r) => r.time > a);
   }
   /**
   * Calculates memory growth rate in MB/sec
   */
   calculateMemoryGrowthRate() {
     if (this.memorySnapshots.length < 2) return null;
-    const e = this.memorySnapshots[0], n = this.memorySnapshots[this.memorySnapshots.length - 1], r = (n.time - e.time) / 1e3;
-    return (n.bytes - e.bytes) / (1024 * 1024) / r;
+    const e = this.memorySnapshots[0], n = this.memorySnapshots[this.memorySnapshots.length - 1], a = (n.time - e.time) / 1e3;
+    return (n.bytes - e.bytes) / (1024 * 1024) / a;
   }
   /**
   * Calculates standard deviation of frame times
   */
   calculateStdDev(e) {
     if (e.length === 0) return 0;
-    const n = e.reduce((t, s) => t + s, 0) / e.length, r = e.map((t) => Math.pow(t - n, 2)).reduce((t, s) => t + s, 0) / e.length;
-    return Math.sqrt(r);
+    const n = e.reduce((r, m) => r + m, 0) / e.length, a = e.map((r) => Math.pow(r - n, 2)).reduce((r, m) => r + m, 0) / e.length;
+    return Math.sqrt(a);
   }
   /**
   * Calculates 99th percentile frame time
   */
   calculateP99(e) {
     if (e.length === 0) return 0;
-    const n = [...e].sort((t, s) => t - s), r = Math.floor(n.length * 0.99);
-    return n[Math.min(r, n.length - 1)];
+    const n = [...e].sort((r, m) => r - m), a = Math.floor(n.length * 0.99);
+    return n[Math.min(a, n.length - 1)];
   }
   /**
   * Calculates complexity score based on node structure
@@ -340,10 +349,10 @@ var pr = class {
       score: 0,
       label: "N/A"
     };
-    const n = this.frameTimesMs.reduce((y, A) => y + A, 0) / e, r = Math.min(n / 16.67 * 100, 100), t = this.calculateComplexityScore(), s = Math.min(t / 100 * 100, 100);
-    let f = 0;
-    this.lastGpuTime !== null && (f = Math.min(this.lastGpuTime / 16.67 * 100, 100));
-    const m = this.lastGpuTime !== null ? {
+    const n = this.frameTimesMs.reduce((S, V) => S + V, 0) / e, a = Math.min(n / 16.67 * 100, 100), r = this.calculateComplexityScore(), m = Math.min(r / 100 * 100, 100);
+    let p = 0;
+    this.lastGpuTime !== null && (p = Math.min(this.lastGpuTime / 16.67 * 100, 100));
+    const h = this.lastGpuTime !== null ? {
       frame: 0.4,
       gpu: 0.4,
       complexity: 0.2
@@ -351,40 +360,40 @@ var pr = class {
       frame: 0.7,
       gpu: 0,
       complexity: 0.3
-    }, u = Math.round(r * m.frame + f * m.gpu + s * m.complexity);
-    let g;
-    return u <= 20 ? g = "Very Light" : u <= 40 ? g = "Light" : u <= 60 ? g = "Medium" : u <= 80 ? g = "Heavy" : g = "Very Heavy", {
-      score: Math.min(u, 100),
-      label: g
+    }, d = Math.round(a * h.frame + p * h.gpu + m * h.complexity);
+    let R;
+    return d <= 20 ? R = "Very Light" : d <= 40 ? R = "Light" : d <= 60 ? R = "Medium" : d <= 80 ? R = "Heavy" : R = "Very Heavy", {
+      score: Math.min(d, 100),
+      label: R
     };
   }
   /**
   * Gets current performance statistics
   */
   getStats(e) {
-    const n = this.frameTimesMs.length, r = n > 0 ? 1e3 / (this.frameTimesMs.reduce((M, S) => M + S, 0) / n) : 0, t = n > 0 ? this.frameTimesMs.reduce((M, S) => M + S, 0) / n : 0, s = n > 0 ? Math.min(...this.frameTimesMs) : 0, f = n > 0 ? Math.max(...this.frameTimesMs) : 0, m = this.calculateP99(this.frameTimesMs), u = this.calculateStdDev(this.frameTimesMs), g = this.totalFrameCount > 0 ? this.jankFrameCount / this.totalFrameCount * 100 : 0, y = performance.memory, A = y ? y.usedJSHeapSize / (1024 * 1024) : null, C = this.calculateMemoryGrowthRate(), q = t > 0 ? t / this.targetFrameTime * 100 : 0, B = e?.render?.calls ?? null, F = e?.programs?.length ?? null, O = e?.memory?.textures ?? null, I = this.calculateIntensityScore();
+    const n = this.frameTimesMs.length, a = this.frameIntervals.length > 0 ? 1e3 / (this.frameIntervals.reduce((z, D) => z + D, 0) / this.frameIntervals.length) : 0, r = n > 0 ? this.frameTimesMs.reduce((z, D) => z + D, 0) / n : 0, m = n > 0 ? Math.min(...this.frameTimesMs) : 0, p = n > 0 ? Math.max(...this.frameTimesMs) : 0, h = this.calculateP99(this.frameTimesMs), d = this.calculateStdDev(this.frameTimesMs), R = this.totalFrameCount > 0 ? this.jankFrameCount / this.totalFrameCount * 100 : 0, S = performance.memory, V = S ? S.usedJSHeapSize / (1024 * 1024) : null, B = this.calculateMemoryGrowthRate(), ne = r > 0 ? r / this.targetFrameTime * 100 : 0, I = e?.render?.calls ?? null, H = e?.programs?.length ?? null, X = e?.memory?.textures ?? null, ae = this.calculateIntensityScore();
     return {
-      fps: Math.round(r),
-      avgFrameTime: Math.round(t * 100) / 100,
-      minFrameTime: Math.round(s * 100) / 100,
-      maxFrameTime: Math.round(f * 100) / 100,
-      p99FrameTime: Math.round(m * 100) / 100,
-      stdDevFrameTime: Math.round(u * 100) / 100,
+      fps: Math.round(a),
+      avgFrameTime: Math.round(r * 100) / 100,
+      minFrameTime: Math.round(m * 100) / 100,
+      maxFrameTime: Math.round(p * 100) / 100,
+      p99FrameTime: Math.round(h * 100) / 100,
+      stdDevFrameTime: Math.round(d * 100) / 100,
       jankCount: this.jankFrameCount,
-      jankPercent: Math.round(g * 10) / 10,
+      jankPercent: Math.round(R * 10) / 10,
       nodeCount: this.nodeCount,
       rttNodeCount: this.rttNodeCount,
       complexityScore: this.calculateComplexityScore(),
-      memoryUsedMB: A !== null ? Math.round(A * 100) / 100 : null,
-      memoryGrowthRate: C !== null ? Math.round(C * 1e3) / 1e3 : null,
+      memoryUsedMB: V !== null ? Math.round(V * 100) / 100 : null,
+      memoryGrowthRate: B !== null ? Math.round(B * 1e3) / 1e3 : null,
       cpuTime: this.lastCpuTime !== null ? Math.round(this.lastCpuTime * 100) / 100 : null,
       gpuTime: this.lastGpuTime !== null ? Math.round(this.lastGpuTime * 100) / 100 : null,
-      budgetUsed: Math.round(q * 10) / 10,
-      drawCalls: B,
-      shaderPrograms: F,
-      textureCount: O,
-      intensityScore: I.score,
-      intensityLabel: I.label,
+      budgetUsed: Math.round(ne * 10) / 10,
+      drawCalls: I,
+      shaderPrograms: H,
+      textureCount: X,
+      intensityScore: ae.score,
+      intensityLabel: ae.label,
       isRendering: this.isRendering
     };
   }
@@ -392,96 +401,96 @@ var pr = class {
   * Resets all statistics
   */
   reset() {
-    this.frameTimesMs = [], this.jankFrameCount = 0, this.totalFrameCount = 0, this.memorySnapshots = [], this.lastCpuTime = null, this.lastGpuTime = null;
+    this.frameTimesMs = [], this.frameIntervals = [], this.lastFrameTimestamp = 0, this.jankFrameCount = 0, this.totalFrameCount = 0, this.memorySnapshots = [], this.lastCpuTime = null, this.lastGpuTime = null;
   }
 };
-R();
-var { vec2: le, cos: gr, sin: br, float: yr, PI: vr } = Z;
-const _e = (e) => e.offsetX !== 0 || e.offsetY !== 0 || e.rotation !== 0 || e.scale !== 1 || e.anchorX !== 0.5 || e.anchorY !== 0.5, Tr = (e, n, r, t, s, f, m, u) => {
-  const g = t.mul(vr).div(yr(180)), y = gr(g), A = br(g), C = le(f, m), q = e.sub(C).div(s), B = le(q.x.mul(u), q.y), F = le(B.x.mul(y).sub(B.y.mul(A)), B.x.mul(A).add(B.y.mul(y)));
-  return le(F.x.div(u), F.y).sub(le(n, r)).add(C);
+A();
+var { vec2: Se, cos: Pt, sin: _t, float: Vt, PI: Lt } = pe;
+const fe = (e) => e.offsetX !== 0 || e.offsetY !== 0 || e.rotation !== 0 || e.scale !== 1 || e.anchorX !== 0.5 || e.anchorY !== 0.5, Ue = (e, n, a, r, m, p, h, d) => {
+  const R = r.mul(Lt).div(Vt(180)), S = Pt(R), V = _t(R), B = Se(p, h), ne = e.sub(B).div(m), I = Se(ne.x.mul(d), ne.y), H = Se(I.x.mul(S).sub(I.y.mul(V)), I.x.mul(V).add(I.y.mul(S)));
+  return Se(H.x.div(d), H.y).sub(Se(n, a)).add(B);
 };
-var Rr = /* @__PURE__ */ An({
-  createUniformsMap: () => kr,
-  updateUniformValue: () => wr
+var qt = /* @__PURE__ */ rr({
+  createUniformsMap: () => Gt,
+  updateUniformValue: () => Nt
 });
-function kr(e, n, r) {
-  const t = {};
-  return Object.entries(e.props).forEach(([s, f]) => {
-    const m = n[s];
-    let u = m;
-    if (f.transform) {
-      const y = f.transform(m);
-      u = y?.node ?? y;
+function Gt(e, n, a) {
+  const r = {};
+  return Object.entries(e.props).forEach(([m, p]) => {
+    const h = n[m];
+    let d = h;
+    if (p.transform) {
+      const S = p.transform(h);
+      d = S?.node ?? S;
     }
-    if (u == null && (u = f.default, f.transform && u !== null && u !== void 0)) {
-      const y = f.transform(u);
-      u = y?.node ?? y;
+    if (d == null && (d = p.default, p.transform && d !== null && d !== void 0)) {
+      const S = p.transform(d);
+      d = S?.node ?? S;
     }
-    u == null && (console.error(`[Shaders] Uniform "${s}" is null/undefined after fallback. PropConfig:`, {
-      propName: s,
-      initialValue: m,
-      default: f.default,
-      hasTransform: !!f.transform
-    }), u = 0);
-    const g = nn(u).setName(`${s}_${r}`);
-    typeof u == "string" && g.value === null && (g.value = u), t[s] = {
-      uniform: g,
-      transform: f.transform || void 0
+    d == null && (console.error(`[Shaders] Uniform "${m}" is null/undefined after fallback. PropConfig:`, {
+      propName: m,
+      initialValue: h,
+      default: p.default,
+      hasTransform: !!p.transform
+    }), d = 0);
+    const R = Sn(d).setName(`${m}_${a}`);
+    typeof d == "string" && R.value === null && (R.value = d), r[m] = {
+      uniform: R,
+      transform: p.transform || void 0
     };
-  }), t;
+  }), r;
 }
-function wr(e, n) {
+function Nt(e, n) {
   if (e?.transform) {
-    const r = e.transform(n), t = r?.data ?? r;
-    e.uniform.value = t;
+    const a = e.transform(n), r = a?.data ?? a;
+    e.uniform.value = r;
   } else e.uniform.value = n;
 }
-var nn, tn = Cn({ "src/utilities/uniforms.ts": (() => {
-  R(), { uniform: nn } = Z;
+var Sn, Un = jn({ "src/utilities/uniforms.ts": (() => {
+  A(), { uniform: Sn } = pe;
 }) });
-R();
-var Ke = !1, Cr = /* @__PURE__ */ (() => {
+A();
+var kn = !1, Xt = /* @__PURE__ */ (() => {
   let e = 0;
-  const n = /* @__PURE__ */ new Set(), r = (m) => {
-    n.forEach((u) => {
+  const n = /* @__PURE__ */ new Set(), a = (h) => {
+    n.forEach((d) => {
       try {
-        u.onMouseMove(m);
-      } catch (g) {
-        console.error("[Shaders] Error in mouse move handler:", g);
+        d.onMouseMove(h);
+      } catch (R) {
+        console.error("[Shaders] Error in mouse move handler:", R);
       }
     });
-  }, t = (m) => {
-    n.forEach((u) => {
+  }, r = (h) => {
+    n.forEach((d) => {
       try {
-        u.onTouchMove(m);
-      } catch (g) {
-        console.error("[Shaders] Error in touch move handler:", g);
+        d.onTouchMove(h);
+      } catch (R) {
+        console.error("[Shaders] Error in touch move handler:", R);
       }
     });
-  }, s = () => {
-    n.forEach((m) => {
+  }, m = () => {
+    n.forEach((h) => {
       try {
-        m.onMouseUp();
-      } catch (u) {
-        console.error("[Shaders] Error in mouse up handler:", u);
+        h.onMouseUp();
+      } catch (d) {
+        console.error("[Shaders] Error in mouse up handler:", d);
       }
     });
-  }, f = () => {
-    n.forEach((m) => {
+  }, p = () => {
+    n.forEach((h) => {
       try {
-        m.onTouchEnd();
-      } catch (u) {
-        console.error("[Shaders] Error in touch end handler:", u);
+        h.onTouchEnd();
+      } catch (d) {
+        console.error("[Shaders] Error in touch end handler:", d);
       }
     });
   };
-  return { register(m) {
-    return n.add(m), e++, e === 1 && (window.addEventListener("mousemove", r), window.addEventListener("touchmove", t), window.addEventListener("mouseup", s), window.addEventListener("touchend", f)), () => {
-      n.delete(m), e--, e === 0 && (window.removeEventListener("mousemove", r), window.removeEventListener("touchmove", t), window.removeEventListener("mouseup", s), window.removeEventListener("touchend", f));
+  return { register(h) {
+    return n.add(h), e++, e === 1 && (window.addEventListener("mousemove", a), window.addEventListener("touchmove", r), window.addEventListener("mouseup", m), window.addEventListener("touchend", p)), () => {
+      n.delete(h), e--, e === 0 && (window.removeEventListener("mousemove", a), window.removeEventListener("touchmove", r), window.removeEventListener("mouseup", m), window.removeEventListener("touchend", p));
     };
   } };
-})(), Mr = () => {
+})(), Yt = () => {
   try {
     {
       const { MODE: e, DEV: n } = {
@@ -499,802 +508,1178 @@ var Ke = !1, Cr = /* @__PURE__ */ (() => {
     return !1;
   }
 };
-function Io() {
-  let e = null, n, r, t, s, f;
-  const m = {
+function cs() {
+  let e = null, n, a, r, m, p;
+  const h = {
     nodes: /* @__PURE__ */ new Map(),
     rootId: null,
     idToNodeId: /* @__PURE__ */ new Map()
-  }, u = /* @__PURE__ */ new Map();
-  let g = null, y = null, A = null, C = !1, q = !1, B = !1, F = null, O = !1, I = !0, M = 0, S = 0, V = !1, Re = 0, ke = !1, me = 0.5, fe = 0.5, j = !1, de = !1, he = null, Q = !1;
-  const W = new pr();
-  let H = [], we = !1, pe = [], ee = null, ge = [], ne = null, Ge = /* @__PURE__ */ new Set(), Ce = /* @__PURE__ */ new Set(), re = /* @__PURE__ */ new Set(), Me = /* @__PURE__ */ new Set(), oe = null, be = !1;
-  const rn = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1, Se = (c, i) => {
-    c <= 0 || i <= 0 || c === M && i === S || (oe = {
-      width: c,
-      height: i
-    }, be || (be = !0, requestAnimationFrame(() => {
-      if (be = !1, !oe) return;
-      const { width: l, height: a } = oe;
-      oe = null, M = l, S = a, B || (B = !0), n.setSize(l, a, !1);
-      const h = l / a, T = 2, w = T * h;
-      r.left = -w / 2, r.right = w / 2, r.top = T / 2, r.bottom = -T / 2, r.updateProjectionMatrix(), s.scale.set(w, T, 1), m.nodes.forEach(($) => {
-        $.transformUniforms?.aspectRatio && ($.transformUniforms.aspectRatio.value = h), $.resizeCallbacks.forEach((G) => {
+  }, d = /* @__PURE__ */ new Map();
+  let R = null, S = null, V = null, B = !1, ne = !1, I = !1, H = null, X = !1, ae = !0, z = 0, D = 0, te = !1, Le = 0, Ae = !1, $e = 0.5, ze = 0.5, ue = !1, De = !1, Fe = null, Re = null, de = !1;
+  const ie = new Bt();
+  let oe = [], qe = !1, Ee = [], ge = null, Oe = [], be = null, en = /* @__PURE__ */ new Set(), nn = /* @__PURE__ */ new Set(), Be = 0, Te = /* @__PURE__ */ new Set(), Ge = /* @__PURE__ */ new Set(), ke = null, Pe = !1;
+  const Ne = (s, t) => {
+    s <= 0 || t <= 0 || s === z && t === D || (ke = {
+      width: s,
+      height: t
+    }, Pe || (Pe = !0, requestAnimationFrame(() => {
+      if (Pe = !1, !ke) return;
+      const { width: o, height: l } = ke;
+      ke = null, z = o, D = l, I || (I = !0), n.setSize(o, l, !1);
+      const f = o / l, b = 2, g = b * f;
+      a.left = -g / 2, a.right = g / 2, a.top = b / 2, a.bottom = -b / 2, a.updateProjectionMatrix(), m.scale.set(g, b, 1), h.nodes.forEach((w) => {
+        w.transformUniforms?.aspectRatio && (w.transformUniforms.aspectRatio.value = f), w.resizeCallbacks.forEach((M) => {
           try {
-            G({
-              width: l,
-              height: a
+            M({
+              width: o,
+              height: l
             });
-          } catch (D) {
-            console.error("Error in resize callback:", D);
+          } catch (F) {
+            console.error("Error in resize callback:", F);
           }
         });
-      }), P().catch(console.warn);
+      }), re().catch(console.warn);
     })));
-  }, on = () => C && !!n && !!t && !!r && !!f && M > 0 && S > 0 && O, an = (c) => {
-    if (!n || !r || !s) return;
-    const i = c[0];
-    if (!i) return;
-    let l, a;
-    if (i.contentBoxSize) {
-      const h = Array.isArray(i.contentBoxSize) ? i.contentBoxSize[0] : i.contentBoxSize;
-      h ? (l = Math.round(h.inlineSize), a = Math.round(h.blockSize)) : (l = Math.round(i.contentRect.width), a = Math.round(i.contentRect.height));
+  }, xn = () => B && !!n && !!r && !!a && !!p && z > 0 && D > 0 && X, Mn = (s) => {
+    if (!n || !a || !m) return;
+    const t = s[0];
+    if (!t) return;
+    let o, l;
+    if (t.contentBoxSize) {
+      const f = Array.isArray(t.contentBoxSize) ? t.contentBoxSize[0] : t.contentBoxSize;
+      f ? (o = Math.round(f.inlineSize), l = Math.round(f.blockSize)) : (o = Math.round(t.contentRect.width), l = Math.round(t.contentRect.height));
     } else
-      l = Math.round(i.contentRect.width), a = Math.round(i.contentRect.height);
-    l === 0 || a === 0 || Se(l, a);
-  }, sn = (c) => {
-    const i = c[0];
-    if (!i) return;
-    const l = O;
-    O = i.isIntersecting;
-    const a = e?.getBoundingClientRect(), h = V;
-    if (V = O && !!a && a.width > 0 && a.height > 0, O && !l) {
-      if (ke = !0, e) {
-        const { width: T, height: w } = e.getBoundingClientRect(), $ = Math.round(T), G = Math.round(w);
-        $ > 0 && G > 0 && (M === 0 || S === 0 || $ !== M || G !== S ? (Se($, G), !h && V && J()) : f && C && m.rootId && (f.needsUpdate = !0, J(), P().catch(console.warn)));
+      o = Math.round(t.contentRect.width), l = Math.round(t.contentRect.height);
+    o === 0 || l === 0 || Ne(o, l);
+  }, An = (s) => {
+    const t = s[0];
+    if (!t) return;
+    const o = X;
+    X = t.isIntersecting;
+    const l = e?.getBoundingClientRect(), f = te;
+    if (te = X && !!l && l.width > 0 && l.height > 0, X && !o) {
+      if (Ae = !0, e) {
+        const { width: b, height: g } = e.getBoundingClientRect(), w = Math.round(b), M = Math.round(g);
+        w > 0 && M > 0 && (z === 0 || D === 0 || w !== z || M !== D ? (Ne(w, M), !f && te && he()) : p && B && h.rootId && (p.needsUpdate = !0, he(), re().catch(console.warn)));
       }
-      I && xe();
-    } else !O && l && De();
-  }, ln = (c, i) => {
-    if (c.size !== i.size) return !1;
-    for (const l of c) if (!i.has(l)) return !1;
+      ae && je();
+    } else !X && o && Qe();
+  }, $n = (s, t) => {
+    if (s.size !== t.size) return !1;
+    for (const o of s) if (!t.has(o)) return !1;
     return !0;
-  }, cn = (c) => {
-    const i = On(c);
-    return re.add(i), i;
-  }, Le = () => {
-    Me.forEach((c) => {
+  }, Xe = (s) => {
+    Be++;
+    const t = hn(s);
+    return Te.add(t), t;
+  }, rn = () => {
+    Ge.forEach((s) => {
       try {
-        c?.renderTarget?.dispose && c.renderTarget.dispose();
+        s?.renderTarget?.dispose && s.renderTarget.dispose();
       } catch {
       }
-    }), Me.clear();
+    }), Ge.clear();
   };
-  let te = !1;
-  const J = () => {
-    if (!(!m.rootId || !f || de) && m.nodes.get(m.rootId)) {
-      if (M === 0 || S === 0) {
-        te || (te = !0, requestAnimationFrame(() => {
-          te = !1, M > 0 && S > 0 && J();
-        }));
-        return;
+  let ve = !1;
+  const he = () => {
+    if (!h.rootId || !p || De || !h.nodes.get(h.rootId)) return;
+    if (z === 0 || D === 0) {
+      ve || (ve = !0, requestAnimationFrame(() => {
+        ve = !1, z > 0 && D > 0 && he();
+      }));
+      return;
+    }
+    De = !0;
+    const s = performance.now();
+    console.log("[Shaders Perf] Starting updateMaterial()");
+    try {
+      const t = performance.now();
+      Ge = new Set(Te), Te.clear(), console.log(`[Shaders Perf]   Texture management: ${(performance.now() - t).toFixed(2)}ms`);
+      const o = /* @__PURE__ */ new Set(), l = performance.now();
+      nn.clear(), h.nodes.forEach((g, w) => {
+        (g.requiresRTT || g.transformRTTActive) && nn.add(w);
+      }), console.log(`[Shaders Perf]   RTT tracking rebuild: ${(performance.now() - l).toFixed(2)}ms (${h.nodes.size} nodes)`), Be = 0;
+      const f = performance.now(), b = J(h.rootId, /* @__PURE__ */ new Set(), o);
+      if (console.log(`[Shaders Perf]   composeNodeTree: ${(performance.now() - f).toFixed(2)}ms (RTT ops: ${Be})`), b && p) {
+        const g = !$n(en, o), w = p.fragmentNode !== b;
+        if (g || Ae || w) {
+          console.log(`[Shaders Perf]   Recompilation needed: compositionChanged=${g}, nodeChanged=${w}, needsRefresh=${Ae}`);
+          const M = performance.now();
+          rn(), console.log(`[Shaders Perf]   Texture disposal: ${(performance.now() - M).toFixed(2)}ms`);
+          const F = performance.now();
+          try {
+            p.dispose(), n.renderTarget && n.renderTarget.dispose();
+          } catch {
+          }
+          console.log(`[Shaders Perf]   Material disposal: ${(performance.now() - F).toFixed(2)}ms`);
+          const y = performance.now(), u = new dn({ transparent: !0 });
+          u.fragmentNode = b, u.needsUpdate = !0, console.log(`[Shaders Perf]   Material creation: ${(performance.now() - y).toFixed(2)}ms`), m.material = u, p = u, Ae = !1, en = o;
+        } else console.log("[Shaders Perf]   No recompilation needed (composition unchanged)");
       }
-      de = !0;
+      console.log(`[Shaders Perf] TOTAL updateMaterial: ${(performance.now() - s).toFixed(2)}ms`), console.log("========================================");
+    } catch (t) {
+      console.error("Error composing shader tree:", t), console.log(`[Shaders Perf] FAILED after ${(performance.now() - s).toFixed(2)}ms`);
+    } finally {
+      De = !1;
+    }
+    X && re().catch(console.warn);
+  }, Q = (s) => {
+    const t = d.get(s);
+    if (!t) return [];
+    const o = [];
+    for (const l of t) {
+      const f = h.nodes.get(l);
+      f && o.push(f);
+    }
+    return o;
+  }, zn = (s) => {
+    for (const [t, o] of h.nodes.entries()) if (o.metadata.id === s) return t;
+    return null;
+  }, se = (s, t, o, l) => {
+    if (!t.metadata.mask?.source) return s;
+    const f = t.metadata.mask.source, b = zn(f);
+    if (!b) return s;
+    if (l.has(b))
+      return console.error("Uh oh, looks like you've got a circular dependency in your shader masks."), s;
+    const g = new Set(l);
+    return g.add(o), Ot(s, J(b, g), t.metadata.mask.type || "alpha");
+  }, le = (s, t) => {
+    if (!t.metadata.transform || !t.transformUniforms || !fe(t.metadata.transform) && !t.transformRTTActive) return s;
+    const o = Xe(s), l = Ue(Ce, t.transformUniforms.offsetX, t.transformUniforms.offsetY, t.transformUniforms.rotation, t.transformUniforms.scale, t.transformUniforms.anchorX, t.transformUniforms.anchorY, t.transformUniforms.aspectRatio);
+    return ye(l, o.sample(l), o, t.transformUniforms.edges);
+  }, W = (s) => !!s.uvTransformFunc && s.requiresChild && s.metadata.blendMode === "normal" && (s.metadata.opacity === void 0 || s.metadata.opacity === 1) && s.metadata.visible !== !1 && !s.metadata.mask?.source && !(s.transformUniforms && s.metadata.transform && fe(s.metadata.transform)), Ye = (s) => {
+    const t = [];
+    let o = s;
+    for (; o; ) {
+      const l = h.nodes.get(o);
+      if (!l || !W(l)) break;
+      t.push(l);
+      const f = Q(l.id);
+      if (f.length !== 1) break;
+      const b = f[0];
+      if (W(b)) o = b.id;
+      else break;
+    }
+    return t;
+  }, Dn = (s) => {
+    if (s.length === 0) return null;
+    const t = s[s.length - 1], o = Q(t.id);
+    return o.length === 0 ? null : o.length === 1 ? o[0] : null;
+  }, _e = (s) => {
+    if (!s.uvTransformFunc || !W(s)) return !1;
+    const t = Q(s.id);
+    if (t.length !== 1) return !1;
+    const o = t[0];
+    return o.acceptsUVContext && !o.requiresChild ? !0 : o.uvTransformFunc && W(o) ? _e(o) : !1;
+  }, Ie = (s, t, o) => {
+    const l = [];
+    let f = s;
+    for (; f; ) {
+      const v = h.nodes.get(f);
+      if (!v) break;
+      if (l.length >= 2)
+        return console.log(`[Shaders Perf] UV chain depth limit reached (${l.length}), falling back to RTT`), J(s, t, o, !0);
+      if (l.push(v), o && o.add(v.id), v.acceptsUVContext && !v.requiresChild) break;
+      const c = Q(f);
+      if (c.length !== 1) break;
+      f = c[0].id;
+    }
+    if (l.length === 0) return x(0, 0, 0, 0);
+    const b = l[l.length - 1];
+    let g = Ce;
+    for (let v = 0; v < l.length; v++) {
+      const c = l[v];
+      c.uvTransformFunc && (g = c.uvTransformFunc({
+        uv: g,
+        uniforms: c.uniforms,
+        viewportSize: we
+      })), c.transformUniforms && c.metadata.transform && fe(c.metadata.transform) && (g = Ue(g, c.transformUniforms.offsetX, c.transformUniforms.offsetY, c.transformUniforms.rotation, c.transformUniforms.scale, c.transformUniforms.anchorX, c.transformUniforms.anchorY, c.transformUniforms.aspectRatio), c.transformUniforms.edges && (g = ce(g, c.transformUniforms.edges)), c.transformRTTActive = !0);
+    }
+    for (let v = 0; v < l.length - 1; v++) {
+      const c = l[v];
+      if (!c.requiresChild) continue;
+      const $ = (E) => {
+        c.cleanupCallbacks.push(E);
+      }, P = (E) => {
+        c.beforeRenderCallbacks.push(E);
+      }, T = (E) => {
+        c.afterRenderCallbacks.push(E);
+      }, U = (E) => {
+        c.resizeCallbacks.push(E);
+      };
+      c.cleanupCallbacks.forEach((E) => {
+        try {
+          E();
+        } catch (j) {
+          console.error("Error in cleanup callback:", j);
+        }
+      }), c.cleanupCallbacks = [], c.beforeRenderCallbacks = [], c.afterRenderCallbacks = [], c.resizeCallbacks = [], c.fragmentNodeFunc({
+        uniforms: c.uniforms ?? {},
+        childNode: void 0,
+        uvContext: void 0,
+        onCleanup: $,
+        onBeforeRender: P,
+        onAfterRender: T,
+        onResize: U,
+        canvas: e,
+        dimensions: {
+          width: z,
+          height: D
+        },
+        renderer: n
+      });
+    }
+    const w = (v) => {
+      b.cleanupCallbacks.push(v);
+    }, M = (v) => {
+      b.beforeRenderCallbacks.push(v);
+    }, F = (v) => {
+      b.afterRenderCallbacks.push(v);
+    }, y = (v) => {
+      b.resizeCallbacks.push(v);
+    };
+    b.cleanupCallbacks.forEach((v) => {
       try {
-        Me = new Set(re), re.clear();
-        const c = /* @__PURE__ */ new Set();
-        Ce.clear(), m.nodes.forEach((l, a) => {
-          (l.requiresRTT || l.transformRTTActive) && Ce.add(a);
+        v();
+      } catch (c) {
+        console.error("Error in cleanup callback:", c);
+      }
+    }), b.cleanupCallbacks = [], b.beforeRenderCallbacks = [], b.afterRenderCallbacks = [], b.resizeCallbacks = [];
+    const u = b.fragmentNodeFunc({
+      uniforms: b.uniforms ?? {},
+      childNode: void 0,
+      uvContext: g,
+      onCleanup: w,
+      onBeforeRender: M,
+      onAfterRender: F,
+      onResize: y,
+      canvas: e,
+      dimensions: {
+        width: z,
+        height: D
+      },
+      renderer: n
+    });
+    for (const v of l) if (v.uniforms.edges?.uniform) return ye(g, u, null, v.uniforms.edges.uniform);
+    return u;
+  }, He = (s, t, o) => {
+    if (s.length === 0) return x(0, 0, 0, 0);
+    const l = Dn(s);
+    let f;
+    if (l) f = J(l.id, t, o);
+    else return x(0, 0, 0, 0);
+    const b = Xe(f);
+    let g = Ce;
+    for (let F = s.length - 1; F >= 0; F--) {
+      const y = s[F];
+      y.uvTransformFunc && (g = y.uvTransformFunc({
+        uv: g,
+        uniforms: y.uniforms,
+        viewportSize: we
+      }), y.uniforms.edges?.uniform && (g = ce(g, y.uniforms.edges.uniform))), o && o.add(y.id);
+    }
+    const w = b.sample(g), M = s[0];
+    return M.uniforms.edges?.uniform ? ye(g, w, b, M.uniforms.edges.uniform) : w;
+  }, tn = (s, t) => {
+    const o = [];
+    for (let l = t; l < s.length; l++) {
+      const f = s[l];
+      if (!W(f) || Q(f.id).length > 0) break;
+      o.push(f);
+    }
+    return o;
+  }, on = (s, t, o) => {
+    if (s.length === 0) return t;
+    const l = Xe(t);
+    let f = Ce;
+    for (let w = s.length - 1; w >= 0; w--) {
+      const M = s[w];
+      M.uvTransformFunc && (f = M.uvTransformFunc({
+        uv: f,
+        uniforms: M.uniforms,
+        viewportSize: we
+      }), M.uniforms.edges?.uniform && (f = ce(f, M.uniforms.edges.uniform))), o && o.add(M.id);
+    }
+    const b = l.sample(f), g = s[s.length - 1];
+    return g.uniforms.edges?.uniform ? ye(f, b, l, g.uniforms.edges.uniform) : b;
+  }, sn = (s) => {
+    const t = [], o = [];
+    let l = !1;
+    for (let g = 0; g < s.length; g++) {
+      const w = s[g], M = Q(w.id).length > 0;
+      w.acceptsUVContext && !w.requiresChild && t.push(g), W(w) && !M && (o.push(g), t.length > 0 && (l = !0));
+    }
+    if (t.length === 0 || o.length === 0 || !l) return !1;
+    const f = Math.min(...t), b = Math.max(...o);
+    for (let g = f + 1; g < b; g++) {
+      const w = s[g];
+      if (w.requiresRTT && !W(w) && !(w.acceptsUVContext && !w.requiresChild)) return !1;
+    }
+    return o.length > 2 ? (console.log(`[Shaders Perf] Too many distortions in sibling group (${o.length}), skipping UV propagation`), !1) : !0;
+  }, an = (s, t, o) => {
+    const l = performance.now();
+    console.log(`[Shaders Perf]     composeSiblingsWithUVContext (${s.length} children)`);
+    const f = performance.now(), b = [], g = [];
+    s.forEach((y, u) => {
+      const v = Q(y.id).length > 0;
+      W(y) && !v ? g.push({
+        node: y,
+        index: u
+      }) : y.acceptsUVContext && !y.requiresChild && !v && b.push({
+        node: y,
+        index: u
+      });
+    }), console.log(`[Shaders Perf]       Categorization: ${(performance.now() - f).toFixed(2)}ms (${b.length} gens, ${g.length} dists)`);
+    const w = performance.now();
+    for (const y of g) {
+      const u = y.node;
+      u.cleanupCallbacks.forEach((T) => {
+        try {
+          T();
+        } catch (U) {
+          console.error("Cleanup error:", U);
+        }
+      }), u.cleanupCallbacks = [], u.beforeRenderCallbacks = [], u.afterRenderCallbacks = [], u.resizeCallbacks = [];
+      const v = (T) => u.cleanupCallbacks.push(T), c = (T) => u.beforeRenderCallbacks.push(T), $ = (T) => u.afterRenderCallbacks.push(T), P = (T) => u.resizeCallbacks.push(T);
+      u.fragmentNodeFunc({
+        uniforms: u.uniforms ?? {},
+        childNode: void 0,
+        uvContext: void 0,
+        onCleanup: v,
+        onBeforeRender: c,
+        onAfterRender: $,
+        onResize: P,
+        canvas: e,
+        dimensions: {
+          width: z,
+          height: D
+        },
+        renderer: n
+      }), o && o.add(u.id);
+    }
+    console.log(`[Shaders Perf]       Callback registration: ${(performance.now() - w).toFixed(2)}ms (${g.length} distortions)`);
+    const M = performance.now();
+    let F;
+    for (let y = 0; y < s.length; y++) {
+      const u = s[y];
+      if (u.metadata.visible === !1) continue;
+      const v = u.metadata.opacity ?? 1;
+      u.opacityUniform.value = v, o && o.add(u.id);
+      const c = Q(u.id).length > 0;
+      let $;
+      const P = b.find((T) => T.index === y);
+      if (P) {
+        const T = g.filter((_) => _.index > P.index).sort((_, q) => _.index - q.index).map((_) => _.node);
+        let U = Ce;
+        for (let _ = T.length - 1; _ >= 0; _--) {
+          const q = T[_];
+          q.uvTransformFunc && (U = q.uvTransformFunc({
+            uv: U,
+            uniforms: q.uniforms,
+            viewportSize: we
+          })), q.transformUniforms && q.metadata.transform && fe(q.metadata.transform) && (U = Ue(U, q.transformUniforms.offsetX, q.transformUniforms.offsetY, q.transformUniforms.rotation, q.transformUniforms.scale, q.transformUniforms.anchorX, q.transformUniforms.anchorY, q.transformUniforms.aspectRatio), q.transformUniforms.edges && (U = ce(U, q.transformUniforms.edges)), q.transformRTTActive = !0), q.uniforms.edges?.uniform && (U = ce(U, q.uniforms.edges.uniform));
+        }
+        P.node.transformUniforms && P.node.metadata.transform && fe(P.node.metadata.transform) && (U = Ue(U, P.node.transformUniforms.offsetX, P.node.transformUniforms.offsetY, P.node.transformUniforms.rotation, P.node.transformUniforms.scale, P.node.transformUniforms.anchorX, P.node.transformUniforms.anchorY, P.node.transformUniforms.aspectRatio), P.node.transformUniforms.edges && (U = ce(U, P.node.transformUniforms.edges)), P.node.transformRTTActive = !0), u.cleanupCallbacks.forEach((_) => {
+          try {
+            _();
+          } catch (q) {
+            console.error("Cleanup error:", q);
+          }
+        }), u.cleanupCallbacks = [], u.beforeRenderCallbacks = [], u.afterRenderCallbacks = [], u.resizeCallbacks = [];
+        const E = (_) => u.cleanupCallbacks.push(_), j = (_) => u.beforeRenderCallbacks.push(_), O = (_) => u.afterRenderCallbacks.push(_), G = (_) => u.resizeCallbacks.push(_);
+        let L = u.fragmentNodeFunc({
+          uniforms: u.uniforms ?? {},
+          childNode: void 0,
+          uvContext: U,
+          onCleanup: E,
+          onBeforeRender: j,
+          onAfterRender: O,
+          onResize: G,
+          canvas: e,
+          dimensions: {
+            width: z,
+            height: D
+          },
+          renderer: n
         });
-        const i = ve(m.rootId, /* @__PURE__ */ new Set(), c);
-        if (i && f) {
-          const l = !ln(Ge, c), a = f.fragmentNode !== i;
-          if (l || ke || a) {
-            Le();
-            try {
-              f.dispose(), n.renderTarget && n.renderTarget.dispose();
-            } catch {
+        if (T.length > 0) {
+          const _ = T[0];
+          _.uniforms.edges?.uniform && (L = ye(U, L, null, _.uniforms.edges.uniform));
+        }
+        $ = se(L, u, u.id, t);
+      } else {
+        if (g.find((T) => T.index === y)) continue;
+        if (c) {
+          if (_e(u)) $ = Ie(u.id, t, o);
+          else if (W(u)) {
+            const U = Ye(u.id);
+            U.length > 1 ? $ = He(U, t, o) : $ = J(u.id, t, o);
+          } else $ = J(u.id, t, o);
+          const T = g.filter((U) => U.index > y).sort((U, E) => U.index - E.index).map((U) => U.node);
+          if (T.length > 0) {
+            const U = hn($);
+            let E = Ce;
+            for (let j = T.length - 1; j >= 0; j--) {
+              const O = T[j];
+              O.uvTransformFunc && (E = O.uvTransformFunc({
+                uv: E,
+                uniforms: O.uniforms,
+                viewportSize: we
+              })), O.transformUniforms && O.metadata.transform && fe(O.metadata.transform) && (E = Ue(E, O.transformUniforms.offsetX, O.transformUniforms.offsetY, O.transformUniforms.rotation, O.transformUniforms.scale, O.transformUniforms.anchorX, O.transformUniforms.anchorY, O.transformUniforms.aspectRatio), O.transformUniforms.edges && (E = ce(E, O.transformUniforms.edges)), O.transformRTTActive = !0), O.uniforms.edges?.uniform && (E = ce(E, O.uniforms.edges.uniform));
             }
-            const h = new He({ transparent: !0 });
-            h.fragmentNode = i, h.needsUpdate = !0, s.material = h, f = h, ke = !1, Ge = c;
+            $ = U.sample(E);
           }
+        } else {
+          u.cleanupCallbacks.forEach((G) => {
+            try {
+              G();
+            } catch (L) {
+              console.error("Cleanup error:", L);
+            }
+          }), u.cleanupCallbacks = [], u.beforeRenderCallbacks = [], u.afterRenderCallbacks = [], u.resizeCallbacks = [];
+          const T = (G) => u.cleanupCallbacks.push(G), U = (G) => u.beforeRenderCallbacks.push(G), E = (G) => u.afterRenderCallbacks.push(G), j = (G) => u.resizeCallbacks.push(G);
+          let O = F;
+          u.requiresRTT && F !== void 0 && (O = K(x(0, 0, 0, 0), F, "normal", 1)), $ = se(le(u.fragmentNodeFunc({
+            uniforms: u.uniforms ?? {},
+            childNode: O,
+            onCleanup: T,
+            onBeforeRender: U,
+            onAfterRender: E,
+            onResize: j,
+            canvas: e,
+            dimensions: {
+              width: z,
+              height: D
+            },
+            renderer: n
+          }), u), u, u.id, t);
         }
-      } catch (c) {
-        console.error("Error composing shader tree:", c);
-      } finally {
-        de = !1;
       }
-      O && P().catch(console.warn);
+      u.requiresChild && u.metadata.blendMode === "normal" && !c ? F = K(x(0, 0, 0, 0), $, "normal", u.opacityUniform) : F === void 0 ? F = K(x(1, 1, 1, 0), $, u.metadata.blendMode, u.opacityUniform) : F = K(F, $, u.metadata.blendMode, u.opacityUniform);
     }
-  }, ye = (c) => {
-    const i = u.get(c);
-    if (!i) return [];
-    const l = [];
-    for (const a of i) {
-      const h = m.nodes.get(a);
-      h && l.push(h);
-    }
-    return l;
-  }, un = (c) => {
-    for (const [i, l] of m.nodes.entries()) if (l.metadata.id === c) return i;
-    return null;
-  }, ie = (c, i, l, a) => {
-    if (!i.metadata.mask?.source) return c;
-    const h = i.metadata.mask.source, T = un(h);
-    if (!T) return c;
-    if (a.has(T))
-      return console.error("Uh oh, looks like you've got a circular dependency in your shader masks."), c;
-    const w = new Set(a);
-    return w.add(l), hr(c, ve(T, w), i.metadata.mask.type || "alpha");
-  }, ae = (c, i) => {
-    if (!i.metadata.transform || !i.transformUniforms || !_e(i.metadata.transform) && !i.transformRTTActive) return c;
-    const l = cn(c), a = Tr(zn, i.transformUniforms.offsetX, i.transformUniforms.offsetY, i.transformUniforms.rotation, i.transformUniforms.scale, i.transformUniforms.anchorX, i.transformUniforms.anchorY, i.transformUniforms.aspectRatio);
-    return Nn(a, l.sample(a), l, i.transformUniforms.edges);
-  }, ve = (c, i = /* @__PURE__ */ new Set(), l) => {
-    if (M === 0 || S === 0) return v(0, 0, 0, 0);
-    const a = m.nodes.get(c);
-    if (!a) return v(0, 0, 0, 0);
-    const h = (D) => {
-      a.cleanupCallbacks.push(D);
-    }, T = (D) => {
-      a.beforeRenderCallbacks.push(D);
-    }, w = (D) => {
-      a.afterRenderCallbacks.push(D);
-    }, $ = (D) => {
-      a.resizeCallbacks.push(D);
-    }, G = ye(c);
-    if (G.length === 0)
-      return a.requiresRTT && !V ? v(0, 0, 0, 0) : (a.cleanupCallbacks.forEach((D) => {
+    return console.log(`[Shaders Perf]       Node processing: ${(performance.now() - M).toFixed(2)}ms`), console.log(`[Shaders Perf]     TOTAL composeSiblingsWithUVContext: ${(performance.now() - l).toFixed(2)}ms`), F ?? x(0, 0, 0, 0);
+  }, J = (s, t = /* @__PURE__ */ new Set(), o, l = !1) => {
+    if (z === 0 || D === 0) return x(0, 0, 0, 0);
+    const f = h.nodes.get(s);
+    if (!f) return x(0, 0, 0, 0);
+    const b = (y) => {
+      f.cleanupCallbacks.push(y);
+    }, g = (y) => {
+      f.beforeRenderCallbacks.push(y);
+    }, w = (y) => {
+      f.afterRenderCallbacks.push(y);
+    }, M = (y) => {
+      f.resizeCallbacks.push(y);
+    }, F = Q(s);
+    if (F.length === 0)
+      return f.requiresRTT && !te ? x(0, 0, 0, 0) : (f.cleanupCallbacks.forEach((y) => {
         try {
-          D();
-        } catch (k) {
-          console.error("Error in cleanup callback:", k);
+          y();
+        } catch (u) {
+          console.error("Error in cleanup callback:", u);
         }
-      }), a.cleanupCallbacks = [], a.beforeRenderCallbacks = [], a.afterRenderCallbacks = [], a.resizeCallbacks = [], ie(ae(a.fragmentNodeFunc({
-        uniforms: a.uniforms ?? {},
+      }), f.cleanupCallbacks = [], f.beforeRenderCallbacks = [], f.afterRenderCallbacks = [], f.resizeCallbacks = [], se(le(f.fragmentNodeFunc({
+        uniforms: f.uniforms ?? {},
         childNode: void 0,
-        onCleanup: h,
-        onBeforeRender: T,
+        onCleanup: b,
+        onBeforeRender: g,
         onAfterRender: w,
-        onResize: $,
+        onResize: M,
         canvas: e,
         dimensions: {
-          width: M,
-          height: S
+          width: z,
+          height: D
         },
         renderer: n
-      }), a), a, c, i));
+      }), f), f, s, t));
     {
-      const D = [...G].sort((k, d) => k.metadata.renderOrder - d.metadata.renderOrder);
-      if (a.parentId === null) {
-        let k;
-        for (const d of D) {
-          let x;
-          if (d.metadata.opacity === void 0 ? (x = 1, d.opacityUniform.value = x) : (x = d.metadata.opacity, d.opacityUniform.value = x), d.metadata.visible === !1) continue;
-          l && l.add(d.id);
-          const K = ye(d.id).length > 0;
-          let z;
-          if (K) z = ve(d.id, i, l);
-          else if (d.requiresRTT && !V) z = v(0, 0, 0, 0);
+      const y = [...F].sort((u, v) => u.metadata.renderOrder - v.metadata.renderOrder);
+      if (f.parentId === null) {
+        if (!l && sn(y)) return se(le(an(y, t, o), f), f, s, t);
+        let u;
+        for (let v = 0; v < y.length; v++) {
+          const c = y[v];
+          let $;
+          if (c.metadata.opacity === void 0 ? ($ = 1, c.opacityUniform.value = $) : ($ = c.metadata.opacity, c.opacityUniform.value = $), c.metadata.visible === !1) continue;
+          o && o.add(c.id);
+          const P = Q(c.id).length > 0;
+          let T;
+          if (P) if (l) T = J(c.id, t, o, !0);
+          else if (_e(c)) T = Ie(c.id, t, o);
+          else if (W(c)) {
+            const U = Ye(c.id);
+            U.length > 1 ? T = He(U, t, o) : T = J(c.id, t, o);
+          } else T = J(c.id, t, o);
           else {
-            const ze = (U) => {
-              d.cleanupCallbacks.push(U);
-            }, $e = (U) => {
-              d.beforeRenderCallbacks.push(U);
-            }, Ue = (U) => {
-              d.afterRenderCallbacks.push(U);
-            }, Ee = (U) => {
-              d.resizeCallbacks.push(U);
-            };
-            let se = k;
-            d.requiresRTT && k !== void 0 && (se = X(v(0, 0, 0, 0), k, "normal", 1)), d.cleanupCallbacks.forEach((U) => {
-              try {
-                U();
-              } catch (kn) {
-                console.error("Error in cleanup callback:", kn);
+            if (W(c) && c.requiresChild && u !== void 0) {
+              const U = tn(y, v);
+              if (U.length > 1) {
+                T = on(U, u, o), v += U.length - 1, u = T;
+                continue;
               }
-            }), d.cleanupCallbacks = [], d.beforeRenderCallbacks = [], d.afterRenderCallbacks = [], d.resizeCallbacks = [], z = ie(ae(d.fragmentNodeFunc({
-              uniforms: d.uniforms ?? {},
-              childNode: se,
-              onCleanup: ze,
-              onBeforeRender: $e,
-              onAfterRender: Ue,
-              onResize: Ee,
-              canvas: e,
-              dimensions: {
-                width: M,
-                height: S
-              },
-              renderer: n
-            }), d), d, d.id, i);
+            }
+            if (c.requiresRTT && !te) T = x(0, 0, 0, 0);
+            else {
+              const U = (L) => {
+                c.cleanupCallbacks.push(L);
+              }, E = (L) => {
+                c.beforeRenderCallbacks.push(L);
+              }, j = (L) => {
+                c.afterRenderCallbacks.push(L);
+              }, O = (L) => {
+                c.resizeCallbacks.push(L);
+              };
+              let G = u;
+              c.requiresRTT && u !== void 0 && (G = K(x(0, 0, 0, 0), u, "normal", 1)), c.cleanupCallbacks.forEach((L) => {
+                try {
+                  L();
+                } catch (_) {
+                  console.error("Error in cleanup callback:", _);
+                }
+              }), c.cleanupCallbacks = [], c.beforeRenderCallbacks = [], c.afterRenderCallbacks = [], c.resizeCallbacks = [], T = se(le(c.fragmentNodeFunc({
+                uniforms: c.uniforms ?? {},
+                childNode: G,
+                onCleanup: U,
+                onBeforeRender: E,
+                onAfterRender: j,
+                onResize: O,
+                canvas: e,
+                dimensions: {
+                  width: z,
+                  height: D
+                },
+                renderer: n
+              }), c), c, c.id, t);
+            }
           }
-          d.requiresChild && d.metadata.blendMode === "normal" && !K ? k = X(v(0, 0, 0, 0), z, "normal", d.opacityUniform) : k === void 0 ? a.requiresRTT || x !== 1 ? k = X(v(1, 1, 1, 0), z, d.metadata.blendMode, d.opacityUniform) : k = z : k = X(k, z, d.metadata.blendMode, d.opacityUniform);
+          c.requiresChild && c.metadata.blendMode === "normal" && !P ? u = K(x(0, 0, 0, 0), T, "normal", c.opacityUniform) : u === void 0 ? f.requiresRTT || $ !== 1 ? u = K(x(1, 1, 1, 0), T, c.metadata.blendMode, c.opacityUniform) : u = T : u = K(u, T, c.metadata.blendMode, c.opacityUniform);
         }
-        return a.requiresRTT && !V ? v(0, 0, 0, 0) : (a.cleanupCallbacks.forEach((d) => {
+        return f.requiresRTT && !te ? x(0, 0, 0, 0) : (f.cleanupCallbacks.forEach((v) => {
           try {
-            d();
-          } catch (x) {
-            console.error("Error in cleanup callback:", x);
+            v();
+          } catch (c) {
+            console.error("Error in cleanup callback:", c);
           }
-        }), a.cleanupCallbacks = [], a.beforeRenderCallbacks = [], a.afterRenderCallbacks = [], a.resizeCallbacks = [], ie(ae(a.fragmentNodeFunc({
-          uniforms: a.uniforms ?? {},
-          childNode: k,
-          onCleanup: h,
-          onBeforeRender: T,
+        }), f.cleanupCallbacks = [], f.beforeRenderCallbacks = [], f.afterRenderCallbacks = [], f.resizeCallbacks = [], se(le(f.fragmentNodeFunc({
+          uniforms: f.uniforms ?? {},
+          childNode: u,
+          onCleanup: b,
+          onBeforeRender: g,
           onAfterRender: w,
-          onResize: $,
+          onResize: M,
           canvas: e,
           dimensions: {
-            width: M,
-            height: S
+            width: z,
+            height: D
           },
           renderer: n
-        }), a), a, c, i));
+        }), f), f, s, t));
       } else {
-        let k;
-        for (const d of D) {
-          let x;
-          if (d.metadata.opacity === void 0 ? (x = 1, d.opacityUniform.value = x) : (x = d.metadata.opacity, d.opacityUniform.value = x), d.metadata.visible === !1) continue;
-          l && l.add(d.id);
-          const K = ye(d.id).length > 0;
-          let z;
-          if (K) z = ve(d.id, i, l);
-          else if (d.requiresRTT && !V) z = v(0, 0, 0, 0);
+        if (!l && sn(y)) {
+          const v = an(y, t, o);
+          return se(le(f.fragmentNodeFunc({
+            uniforms: f.uniforms ?? {},
+            childNode: v,
+            onCleanup: b,
+            onBeforeRender: g,
+            onAfterRender: w,
+            onResize: M,
+            canvas: e,
+            dimensions: {
+              width: z,
+              height: D
+            },
+            renderer: n
+          }), f), f, s, t);
+        }
+        let u;
+        for (let v = 0; v < y.length; v++) {
+          const c = y[v];
+          let $;
+          if (c.metadata.opacity === void 0 ? ($ = 1, c.opacityUniform.value = $) : ($ = c.metadata.opacity, c.opacityUniform.value = $), c.metadata.visible === !1) continue;
+          o && o.add(c.id);
+          const P = Q(c.id).length > 0;
+          let T;
+          if (P) if (l) T = J(c.id, t, o, !0);
+          else if (_e(c)) T = Ie(c.id, t, o);
+          else if (W(c)) {
+            const U = Ye(c.id);
+            U.length > 1 ? T = He(U, t, o) : T = J(c.id, t, o);
+          } else T = J(c.id, t, o);
           else {
-            const ze = (U) => {
-              d.cleanupCallbacks.push(U);
-            }, $e = (U) => {
-              d.beforeRenderCallbacks.push(U);
-            }, Ue = (U) => {
-              d.afterRenderCallbacks.push(U);
-            }, Ee = (U) => {
-              d.resizeCallbacks.push(U);
-            };
-            let se = k;
-            d.requiresRTT && k !== void 0 && (se = X(v(0, 0, 0, 0), k, "normal", 1)), d.cleanupCallbacks = [], d.beforeRenderCallbacks = [], d.afterRenderCallbacks = [], d.resizeCallbacks = [], z = ie(ae(d.fragmentNodeFunc({
-              uniforms: d.uniforms ?? {},
-              childNode: se,
-              onCleanup: ze,
-              onBeforeRender: $e,
-              onAfterRender: Ue,
-              onResize: Ee,
-              canvas: e,
-              dimensions: {
-                width: M,
-                height: S
-              },
-              renderer: n
-            }), d), d, d.id, i);
+            if (W(c) && c.requiresChild && u !== void 0) {
+              const U = tn(y, v);
+              if (U.length > 1) {
+                T = on(U, u, o), v += U.length - 1, u = T;
+                continue;
+              }
+            }
+            if (c.requiresRTT && !te) T = x(0, 0, 0, 0);
+            else {
+              const U = (L) => {
+                c.cleanupCallbacks.push(L);
+              }, E = (L) => {
+                c.beforeRenderCallbacks.push(L);
+              }, j = (L) => {
+                c.afterRenderCallbacks.push(L);
+              }, O = (L) => {
+                c.resizeCallbacks.push(L);
+              };
+              let G = u;
+              c.requiresRTT && u !== void 0 && (G = K(x(0, 0, 0, 0), u, "normal", 1)), c.cleanupCallbacks = [], c.beforeRenderCallbacks = [], c.afterRenderCallbacks = [], c.resizeCallbacks = [], T = se(le(c.fragmentNodeFunc({
+                uniforms: c.uniforms ?? {},
+                childNode: G,
+                onCleanup: U,
+                onBeforeRender: E,
+                onAfterRender: j,
+                onResize: O,
+                canvas: e,
+                dimensions: {
+                  width: z,
+                  height: D
+                },
+                renderer: n
+              }), c), c, c.id, t);
+            }
           }
-          d.requiresChild && d.metadata.blendMode === "normal" && !K ? k = X(v(0, 0, 0, 0), z, "normal", d.opacityUniform) : k === void 0 ? a.requiresRTT || x !== 1 ? k = X(v(1, 1, 1, 0), z, d.metadata.blendMode, d.opacityUniform) : k = z : k = X(k, z, d.metadata.blendMode, d.opacityUniform);
+          c.requiresChild && c.metadata.blendMode === "normal" && !P ? u = K(x(0, 0, 0, 0), T, "normal", c.opacityUniform) : u === void 0 ? f.requiresRTT || $ !== 1 ? u = K(x(1, 1, 1, 0), T, c.metadata.blendMode, c.opacityUniform) : u = T : u = K(u, T, c.metadata.blendMode, c.opacityUniform);
         }
-        return a.requiresRTT && !V ? v(0, 0, 0, 0) : (a.cleanupCallbacks.forEach((d) => {
+        return f.requiresRTT && !te ? x(0, 0, 0, 0) : (f.cleanupCallbacks.forEach((v) => {
           try {
-            d();
-          } catch (x) {
-            console.error("Error in cleanup callback:", x);
+            v();
+          } catch (c) {
+            console.error("Error in cleanup callback:", c);
           }
-        }), a.cleanupCallbacks = [], a.beforeRenderCallbacks = [], a.afterRenderCallbacks = [], a.resizeCallbacks = [], ie(ae(a.fragmentNodeFunc({
-          uniforms: a.uniforms ?? {},
-          childNode: k,
-          onCleanup: h,
-          onBeforeRender: T,
+        }), f.cleanupCallbacks = [], f.beforeRenderCallbacks = [], f.afterRenderCallbacks = [], f.resizeCallbacks = [], se(le(f.fragmentNodeFunc({
+          uniforms: f.uniforms ?? {},
+          childNode: u,
+          onCleanup: b,
+          onBeforeRender: g,
           onAfterRender: w,
-          onResize: $,
+          onResize: M,
           canvas: e,
           dimensions: {
-            width: M,
-            height: S
+            width: z,
+            height: D
           },
           renderer: n
-        }), a), a, c, i));
+        }), f), f, s, t));
       }
     }
-  }, Ne = (c, i, l, a, h = {}, T) => {
-    if (i === null) {
-      const d = H.findIndex((x) => x.id === c);
-      if (d !== -1) {
-        H.splice(d, 1);
+  }, ln = (s, t, o, l, f = {}, b) => {
+    if (t === null) {
+      const u = oe.findIndex((v) => v.id === s);
+      if (u !== -1) {
+        oe.splice(u, 1);
         return;
       }
-      Ae(c);
+      We(s);
       return;
     }
-    if (!we) {
-      const d = H.findIndex((x) => x.id === c);
-      d !== -1 ? H[d] = {
-        id: c,
-        fragmentNodeFunc: i,
-        parentId: l,
-        metadata: a,
-        uniforms: h,
-        componentDefinition: T
-      } : H.push({
-        id: c,
-        fragmentNodeFunc: i,
-        parentId: l,
-        metadata: a,
-        uniforms: h,
-        componentDefinition: T
+    if (!qe) {
+      const u = oe.findIndex((v) => v.id === s);
+      u !== -1 ? oe[u] = {
+        id: s,
+        fragmentNodeFunc: t,
+        parentId: o,
+        metadata: l,
+        uniforms: f,
+        componentDefinition: b
+      } : oe.push({
+        id: s,
+        fragmentNodeFunc: t,
+        parentId: o,
+        metadata: l,
+        uniforms: f,
+        componentDefinition: b
       });
       return;
     }
-    let w = 0;
-    if (l !== null) {
-      const d = u.get(l);
-      if (d && d.size > 0) {
-        let x = 0;
-        for (const K of d) {
-          const z = m.nodes.get(K);
-          z && z.metadata.renderOrder > x && (x = z.metadata.renderOrder);
+    let g = 0;
+    if (o !== null) {
+      const u = d.get(o);
+      if (u && u.size > 0) {
+        let v = 0;
+        for (const c of u) {
+          const $ = h.nodes.get(c);
+          $ && $.metadata.renderOrder > v && (v = $.metadata.renderOrder);
         }
-        w = x + 1;
+        g = v + 1;
       }
     }
-    const $ = E(a?.opacity !== void 0 ? a.opacity : 1);
-    let G;
-    if (a?.transform) {
-      const d = M / Math.max(1, S);
-      G = {
-        offsetX: E(a.transform.offsetX),
-        offsetY: E(a.transform.offsetY),
-        rotation: E(a.transform.rotation),
-        scale: E(a.transform.scale),
-        anchorX: E(a.transform.anchorX),
-        anchorY: E(a.transform.anchorY),
-        edges: E(a.transform.edges === "stretch" ? 0 : a.transform.edges === "transparent" ? 1 : a.transform.edges === "mirror" ? 2 : 3),
-        aspectRatio: E(d)
+    const w = N(l?.opacity !== void 0 ? l.opacity : 1);
+    let M;
+    if (l?.transform) {
+      const u = z / Math.max(1, D);
+      M = {
+        offsetX: N(l.transform.offsetX),
+        offsetY: N(l.transform.offsetY),
+        rotation: N(l.transform.rotation),
+        scale: N(l.transform.scale),
+        anchorX: N(l.transform.anchorX),
+        anchorY: N(l.transform.anchorY),
+        edges: N(l.transform.edges === "stretch" ? 0 : l.transform.edges === "transparent" ? 1 : l.transform.edges === "mirror" ? 2 : 3),
+        aspectRatio: N(u)
       };
     }
-    const D = {
-      id: c,
-      componentName: T?.name || "Unknown",
-      fragmentNodeFunc: i,
-      parentId: l,
-      requiresRTT: T?.requiresRTT || !1,
-      requiresChild: T?.requiresChild || !1,
-      opacityUniform: $,
+    const F = {
+      id: s,
+      componentName: b?.name || "Unknown",
+      fragmentNodeFunc: t,
+      parentId: o,
+      requiresRTT: b?.requiresRTT || !1,
+      requiresChild: b?.requiresChild || !1,
+      opacityUniform: w,
       metadata: {
-        blendMode: a?.blendMode || "normal",
-        opacity: a?.opacity,
-        visible: a?.visible !== !1,
-        id: a?.id,
-        mask: a?.mask,
-        renderOrder: a?.renderOrder !== void 0 ? a?.renderOrder : w,
-        transform: a?.transform
+        blendMode: l?.blendMode || "normal",
+        opacity: l?.opacity,
+        visible: l?.visible !== !1,
+        id: l?.id,
+        mask: l?.mask,
+        renderOrder: l?.renderOrder !== void 0 ? l?.renderOrder : g,
+        transform: l?.transform
       },
-      uniforms: h,
+      uniforms: f,
       cleanupCallbacks: [],
       beforeRenderCallbacks: [],
       afterRenderCallbacks: [],
       resizeCallbacks: [],
-      transformUniforms: G,
-      transformRTTActive: !1
+      transformUniforms: M,
+      transformRTTActive: !1,
+      uvTransformFunc: b?.uvTransformNode,
+      acceptsUVContext: b?.acceptsUVContext || !1
     };
-    m.nodes.set(c, D), l === null && (m.rootId = c);
-    const k = u.get(l) || /* @__PURE__ */ new Set();
-    k.add(c), u.set(l, k), f && C && M > 0 && S > 0 ? (pe.includes(c) || pe.push(c), ee === null && (ee = requestAnimationFrame(() => {
-      ee = null, pe = [], J();
-    }))) : f && C && (te || (te = !0, requestAnimationFrame(() => {
-      te = !1, M > 0 && S > 0 && J();
+    h.nodes.set(s, F), o === null && (h.rootId = s);
+    const y = d.get(o) || /* @__PURE__ */ new Set();
+    y.add(s), d.set(o, y), p && B && z > 0 && D > 0 ? (Ee.includes(s) || Ee.push(s), ge === null && (ge = requestAnimationFrame(() => {
+      ge = null, Ee = [], he();
+    }))) : p && B && (ve || (ve = !0, requestAnimationFrame(() => {
+      ve = !1, z > 0 && D > 0 && he();
     })));
-  }, mn = (c, i, l) => {
-    const a = m.nodes.get(c);
-    if (!a || !a.uniforms) return;
-    const h = a.uniforms[i];
-    if (!(!h || !h.uniform)) {
-      if (h.transform) {
-        const { updateUniformValue: T } = (tn(), _n(Rr));
-        T(h, l);
-      } else h.uniform.value = l;
-      O && P();
+  }, Fn = (s, t, o) => {
+    const l = h.nodes.get(s);
+    if (!l || !l.uniforms) return;
+    const f = l.uniforms[t];
+    if (!(!f || !f.uniform)) {
+      if (f.transform) {
+        const { updateUniformValue: b } = (Un(), Wn(qt));
+        b(f, o);
+      } else f.uniform.value = o;
+      X && re();
     }
-  }, fn = (c, i) => {
-    const l = m.nodes.get(c);
-    if (!l) return;
-    let a = !1;
-    i.blendMode !== void 0 && l.metadata.blendMode !== i.blendMode && (l.metadata.blendMode = i.blendMode, a = !0), i.opacity !== void 0 && l.metadata.opacity !== i.opacity && (l.metadata.opacity = i.opacity, l.opacityUniform.value = i.opacity), i.renderOrder !== void 0 && l.metadata.renderOrder !== i.renderOrder && (l.metadata.renderOrder = i.renderOrder, a = !0);
-    const h = i.visible !== !1;
-    if (l.metadata.visible !== h && (l.metadata.visible = h, a = !0), i.id !== void 0 && l.metadata.id !== i.id && (l.metadata.id = i.id, a = !0), i.mask !== void 0 && (l.metadata.mask?.source !== i.mask?.source || l.metadata.mask?.type !== i.mask?.type) && (l.metadata.mask = i.mask, a = !0), i.transform !== void 0) {
-      const T = l.metadata.transform ? _e(l.metadata.transform) : !1, w = _e(i.transform);
-      if (l.metadata.transform = i.transform, !l.transformUniforms && i.transform) {
-        const $ = M / Math.max(1, S);
-        l.transformUniforms = {
-          offsetX: E(i.transform.offsetX),
-          offsetY: E(i.transform.offsetY),
-          rotation: E(i.transform.rotation),
-          scale: E(i.transform.scale),
-          anchorX: E(i.transform.anchorX),
-          anchorY: E(i.transform.anchorY),
-          edges: E(i.transform.edges === "stretch" ? 0 : i.transform.edges === "transparent" ? 1 : i.transform.edges === "mirror" ? 2 : 3),
-          aspectRatio: E($)
+  }, En = (s, t) => {
+    const o = h.nodes.get(s);
+    if (!o) return;
+    let l = !1;
+    t.blendMode !== void 0 && o.metadata.blendMode !== t.blendMode && (o.metadata.blendMode = t.blendMode, l = !0), t.opacity !== void 0 && o.metadata.opacity !== t.opacity && (o.metadata.opacity = t.opacity, o.opacityUniform.value = t.opacity), t.renderOrder !== void 0 && o.metadata.renderOrder !== t.renderOrder && (o.metadata.renderOrder = t.renderOrder, l = !0);
+    const f = t.visible !== !1;
+    if (o.metadata.visible !== f && (o.metadata.visible = f, l = !0), t.id !== void 0 && o.metadata.id !== t.id && (o.metadata.id = t.id, l = !0), t.mask !== void 0 && (o.metadata.mask?.source !== t.mask?.source || o.metadata.mask?.type !== t.mask?.type) && (o.metadata.mask = t.mask, l = !0), t.transform !== void 0) {
+      const b = o.metadata.transform ? fe(o.metadata.transform) : !1, g = fe(t.transform);
+      if (o.metadata.transform = t.transform, !o.transformUniforms && t.transform) {
+        const w = z / Math.max(1, D);
+        o.transformUniforms = {
+          offsetX: N(t.transform.offsetX),
+          offsetY: N(t.transform.offsetY),
+          rotation: N(t.transform.rotation),
+          scale: N(t.transform.scale),
+          anchorX: N(t.transform.anchorX),
+          anchorY: N(t.transform.anchorY),
+          edges: N(t.transform.edges === "stretch" ? 0 : t.transform.edges === "transparent" ? 1 : t.transform.edges === "mirror" ? 2 : 3),
+          aspectRatio: N(w)
         };
-      } else l.transformUniforms && (l.transformUniforms.offsetX.value = i.transform.offsetX, l.transformUniforms.offsetY.value = i.transform.offsetY, l.transformUniforms.rotation.value = i.transform.rotation, l.transformUniforms.scale.value = i.transform.scale, l.transformUniforms.anchorX.value = i.transform.anchorX, l.transformUniforms.anchorY.value = i.transform.anchorY, l.transformUniforms.edges.value = i.transform.edges === "stretch" ? 0 : i.transform.edges === "transparent" ? 1 : i.transform.edges === "mirror" ? 2 : 3);
-      w && !l.transformRTTActive && (l.transformRTTActive = !0, a = !0), !T && w && !l.transformRTTActive && (a = !0);
+      } else o.transformUniforms && (o.transformUniforms.offsetX.value = t.transform.offsetX, o.transformUniforms.offsetY.value = t.transform.offsetY, o.transformUniforms.rotation.value = t.transform.rotation, o.transformUniforms.scale.value = t.transform.scale, o.transformUniforms.anchorX.value = t.transform.anchorX, o.transformUniforms.anchorY.value = t.transform.anchorY, o.transformUniforms.edges.value = t.transform.edges === "stretch" ? 0 : t.transform.edges === "transparent" ? 1 : t.transform.edges === "mirror" ? 2 : 3);
+      g && !o.transformRTTActive && (o.transformRTTActive = !0, l = !0), !b && g && !o.transformRTTActive && (l = !0);
     }
-    a && f && C ? (ge.includes(c) || ge.push(c), ne === null && (ne = requestAnimationFrame(() => {
-      ne = null, ge = [], J();
-    }))) : O && P();
-  }, Ae = (c) => {
-    if (!m.nodes.has(c)) return;
-    const i = m.nodes.get(c);
-    if (i && i.cleanupCallbacks.length > 0) for (const a of i.cleanupCallbacks) try {
-      a();
-    } catch (h) {
-      console.error(`Error executing cleanup callback for node ${c}:`, h);
+    l && p && B ? (Oe.includes(s) || Oe.push(s), be === null && (be = requestAnimationFrame(() => {
+      be = null, Oe = [], he();
+    }))) : X && re();
+  }, We = (s) => {
+    if (!h.nodes.has(s)) return;
+    const t = h.nodes.get(s);
+    if (t && t.cleanupCallbacks.length > 0) for (const l of t.cleanupCallbacks) try {
+      l();
+    } catch (f) {
+      console.error(`Error executing cleanup callback for node ${s}:`, f);
     }
-    const l = ye(c);
-    for (const a of l) Ae(a.id);
-    if (m.rootId === c && (m.rootId = null), i) {
-      const a = u.get(i.parentId);
-      a && (a.delete(c), a.size === 0 && u.delete(i.parentId));
+    const o = Q(s);
+    for (const l of o) We(l.id);
+    if (h.rootId === s && (h.rootId = null), t) {
+      const l = d.get(t.parentId);
+      l && (l.delete(s), l.size === 0 && d.delete(t.parentId));
     }
-    m.nodes.delete(c), f && C && J();
-  }, dn = (c) => {
-    const i = {
-      deltaTime: c,
+    h.nodes.delete(s), p && B && he();
+  }, On = (s) => {
+    const t = {
+      deltaTime: s,
       pointer: {
-        x: me,
-        y: fe
+        x: $e,
+        y: ze
       },
-      pointerActive: j,
+      pointerActive: ue,
       dimensions: {
-        width: M,
-        height: S
+        width: z,
+        height: D
       }
     };
-    for (const l of m.nodes.values()) if (l.beforeRenderCallbacks.length > 0) for (const a of l.beforeRenderCallbacks) try {
-      a(i);
-    } catch (h) {
-      console.error(`Error executing before render callback for node ${l.id}:`, h);
+    for (const o of h.nodes.values()) if (o.beforeRenderCallbacks.length > 0) for (const l of o.beforeRenderCallbacks) try {
+      l(t);
+    } catch (f) {
+      console.error(`Error executing before render callback for node ${o.id}:`, f);
     }
-  }, hn = (c) => {
-    const i = {
-      deltaTime: c,
+  }, Bn = (s) => {
+    const t = {
+      deltaTime: s,
       pointer: {
-        x: me,
-        y: fe
+        x: $e,
+        y: ze
       },
-      pointerActive: j,
+      pointerActive: ue,
       dimensions: {
-        width: M,
-        height: S
+        width: z,
+        height: D
       }
     };
-    for (const l of m.nodes.values()) if (l.afterRenderCallbacks.length > 0) for (const a of l.afterRenderCallbacks) try {
-      a(i);
-    } catch (h) {
-      console.error(`Error executing after render callback for node ${l.id}:`, h);
+    for (const o of h.nodes.values()) if (o.afterRenderCallbacks.length > 0) for (const l of o.afterRenderCallbacks) try {
+      l(t);
+    } catch (f) {
+      console.error(`Error executing after render callback for node ${o.id}:`, f);
     }
-  }, P = async () => {
-    if (!on()) return;
-    const c = Q ? performance.now() : 0, i = c || performance.now(), l = Re > 0 ? (i - Re) / 1e3 : 0.016, a = Math.min(l, 0.1);
-    Re = i, Q && performance.mark("shader-cpu-start"), dn(a);
+  }, re = async () => {
+    if (!xn()) return;
+    const s = de ? performance.now() : 0, t = s || performance.now(), o = Le > 0 ? (t - Le) / 1e3 : 0.016, l = Math.min(o, 0.1);
+    Le = t, de && performance.mark("shader-cpu-start"), On(l);
     try {
-      if (de) return;
-      if (Q && performance.mark("shader-gpu-start"), n.render(t, r), hn(a), Q) {
-        if (performance.mark("shader-gpu-end"), n instanceof Oe) try {
-          const h = n.backend;
-          if (h && h.get && h.get(n)) {
-            const T = h.get(n);
-            if (T?.timestampQuery) {
-              const w = T.timestampQuery.getResult();
-              w != null && W.recordGpuTime(w / 1e6);
+      if (De) return;
+      de && performance.mark("shader-gpu-start");
+      const f = performance.now();
+      n.render(r, a);
+      const b = performance.now() - f;
+      if (b > 20 && console.log(`[Shaders Perf]   renderer.render(): ${b.toFixed(2)}ms`), b > 100 && console.warn(`[Shaders Perf]   ⚠️ SLOW RENDER! Likely GPU shader compilation: ${b.toFixed(0)}ms`), Bn(l), de) {
+        if (performance.mark("shader-gpu-end"), n instanceof Je) try {
+          const g = n.backend;
+          if (g && g.get && g.get(n)) {
+            const w = g.get(n);
+            if (w?.timestampQuery) {
+              const M = w.timestampQuery.getResult();
+              M != null && ie.recordGpuTime(M / 1e6);
             }
           }
         } catch {
         }
         try {
           performance.measure("shader-gpu-time", "shader-gpu-start", "shader-gpu-end");
-          const h = performance.getEntriesByName("shader-gpu-time")[0];
-          h && W.recordGpuTime(h.duration), performance.clearMarks("shader-gpu-start"), performance.clearMarks("shader-gpu-end"), performance.clearMeasures("shader-gpu-time");
+          const g = performance.getEntriesByName("shader-gpu-time")[0];
+          g && ie.recordGpuTime(g.duration), performance.clearMarks("shader-gpu-start"), performance.clearMarks("shader-gpu-end"), performance.clearMeasures("shader-gpu-time");
         } catch {
         }
       }
-      if (Q) {
+      if (de) {
         performance.mark("shader-cpu-end");
         try {
           performance.measure("shader-cpu-time", "shader-cpu-start", "shader-cpu-end");
-          const T = performance.getEntriesByName("shader-cpu-time")[0];
-          T && W.recordCpuTime(T.duration), performance.clearMarks("shader-cpu-start"), performance.clearMarks("shader-cpu-end"), performance.clearMeasures("shader-cpu-time");
+          const w = performance.getEntriesByName("shader-cpu-time")[0];
+          w && ie.recordCpuTime(w.duration), performance.clearMarks("shader-cpu-start"), performance.clearMarks("shader-cpu-end"), performance.clearMeasures("shader-cpu-time");
         } catch {
         }
-        const h = performance.now() - c;
-        W.recordFrame(h);
+        const g = performance.now() - s;
+        ie.recordFrame(g);
       }
-    } catch (h) {
-      console.error("Render frame error:", h);
+    } catch (f) {
+      console.error("Render frame error:", f);
     }
-  }, pn = () => {
-    const c = Math.max(0, m.nodes.size - 1), i = Ce.size;
-    W.updateNodeCounts(c, i);
-  }, gn = () => {
-    pn();
-    const c = n?.info;
-    return W.getStats(c);
-  }, xe = () => {
-    if (g || !I || !O) return;
-    W.setRendering(!0);
-    const c = () => {
-      g = requestAnimationFrame(c), P().catch(console.warn);
+  }, Pn = () => {
+    const s = Math.max(0, h.nodes.size - 1), t = Be;
+    ie.updateNodeCounts(s, t);
+  }, _n = () => {
+    Pn();
+    const s = n?.info;
+    return ie.getStats(s);
+  }, je = () => {
+    if (R || !ae || !X) return;
+    ie.setRendering(!0);
+    const s = () => {
+      R = requestAnimationFrame(s), re().catch(console.warn);
     };
-    c();
-  }, De = () => {
-    g && (cancelAnimationFrame(g), g = null), W.setRendering(!1);
-  }, qe = (c) => {
+    s();
+  }, Qe = () => {
+    R && (cancelAnimationFrame(R), R = null), ie.setRendering(!1);
+  }, cn = (s) => {
     if (!e) return;
-    let i, l;
-    if ("touches" in c) {
-      if (c.touches.length === 0) return;
-      i = c.touches[0].clientX, l = c.touches[0].clientY;
+    let t, o;
+    if ("touches" in s) {
+      if (s.touches.length === 0) return;
+      t = s.touches[0].clientX, o = s.touches[0].clientY;
     } else
-      i = c.clientX, l = c.clientY;
-    const a = e.getBoundingClientRect(), h = (i - a.left) / a.width, T = (l - a.top) / a.height;
-    me = h, fe = T;
-  }, bn = (c) => {
-    !C || !e || qe(c);
-  }, yn = (c) => {
-    !C || !e || qe(c);
-  }, vn = () => {
-    C && (j = !1, P().catch(console.warn));
-  }, Tn = () => {
-    C && (j = !1, P().catch(console.warn));
-  }, Pe = () => {
-    j = !0, P().catch(console.warn);
-  }, Ve = () => {
-    j = !0, P().catch(console.warn);
-  }, Rn = () => {
-    if (H.length === 0) return;
-    const c = [...H];
-    H = [];
-    for (const { id: i, fragmentNodeFunc: l, parentId: a, metadata: h, uniforms: T, componentDefinition: w } of c) l && Ne(i, l, a, h, T, w);
-  };
-  return {
-    initialize: async ({ canvas: c, enablePerformanceTracking: i = !1 }) => {
-      if (C || q) return;
-      Q = i, q = !0, F = new AbortController();
-      const l = F;
+      t = s.clientX, o = s.clientY;
+    const l = e.getBoundingClientRect(), f = (t - l.left) / l.width, b = (o - l.top) / l.height;
+    $e = f, ze = b;
+  }, Vn = (s) => {
+    !B || !e || cn(s);
+  }, Ln = (s) => {
+    !B || !e || cn(s);
+  }, qn = () => {
+    B && (ue = !1, re().catch(console.warn));
+  }, Gn = () => {
+    B && (ue = !1, re().catch(console.warn));
+  }, fn = () => {
+    ue = !0, re().catch(console.warn);
+  }, mn = () => {
+    ue = !0, re().catch(console.warn);
+  }, Nn = () => {
+    if (oe.length === 0) return;
+    const s = [...oe];
+    oe = [];
+    for (const { id: t, fragmentNodeFunc: o, parentId: l, metadata: f, uniforms: b, componentDefinition: g } of s) o && ln(t, o, l, f, b, g);
+  }, Xn = async ({ canvas: s, enablePerformanceTracking: t = !1 }) => {
+    if (B || ne) return;
+    de = t, ne = !0, H = new AbortController();
+    const o = H;
+    try {
+      if (e = s, r = new Kn(), r.background = null, a = new In(-1, 1, 1, -1, 0.1, 10), a.position.z = 1, a.lookAt(0, 0, 0), Fe = Xt.register({
+        onMouseMove: Vn,
+        onTouchMove: Ln,
+        onMouseUp: qn,
+        onTouchEnd: Gn
+      }), s.addEventListener("mousedown", fn), s.addEventListener("touchstart", mn), Re = () => {
+        un();
+      }, window.addEventListener("beforeunload", Re), o.signal.aborted) return;
       try {
-        if (e = c, t = new Mn(), t.background = null, r = new Ln(-1, 1, 1, -1, 0.1, 10), r.position.z = 1, r.lookAt(0, 0, 0), he = Cr.register({
-          onMouseMove: bn,
-          onTouchMove: yn,
-          onMouseUp: vn,
-          onTouchEnd: Tn
-        }), c.addEventListener("mousedown", Pe), c.addEventListener("touchstart", Ve), l.signal.aborted) return;
+        const F = {
+          canvas: s,
+          antialias: !0,
+          alpha: !0,
+          depth: !1,
+          powerPreference: "high-performance"
+        };
+        if (de && (F.forceWebGL = !1, F.requiredFeatures = ["timestamp-query"]), n = new Je(F), await n.init(), o.signal.aborted) return;
+      } catch (F) {
+        if (o.signal.aborted) return;
+        console.warn("[Shaders] WebGPU initialization failed, falling back to WebGL:", F);
         try {
-          const D = {
-            canvas: c,
+          if (n = new st({
+            canvas: s,
             antialias: !0,
             alpha: !0,
             depth: !1,
             powerPreference: "high-performance"
-          };
-          if (Q && (D.forceWebGL = !1, D.requiredFeatures = ["timestamp-query"]), n = new Oe(D), await n.init(), l.signal.aborted) return;
-        } catch (D) {
-          if (l.signal.aborted) return;
-          console.warn("[Shaders] WebGPU initialization failed, falling back to WebGL:", D);
-          try {
-            if (n = new Gt({
-              canvas: c,
-              antialias: !0,
-              alpha: !0,
-              depth: !1,
-              powerPreference: "high-performance"
-            }), l.signal.aborted) return;
-          } catch (k) {
-            if (l.signal.aborted) return;
-            console.error("[Shaders] Both WebGPU and WebGL initialization failed:", k);
-            return;
-          }
-        }
-        if (l.signal.aborted) return;
-        n.setPixelRatio(Math.min(window.devicePixelRatio, 2)), n.outputColorSpace = $n, f = new He({ transparent: !0 }), f.fragmentNode = v(0, 0, 0, 0), s = new Dn(new wn(2, 2), f), t.add(s);
-        const a = c.parentElement;
-        if (!a) {
-          console.warn("[Shaders] Canvas has no parent element for resize observation");
+          }), o.signal.aborted) return;
+        } catch (y) {
+          if (o.signal.aborted) return;
+          console.error("[Shaders] Both WebGPU and WebGL initialization failed:", y);
           return;
         }
-        y = new ResizeObserver(an), y.observe(a), A = new IntersectionObserver(sn, { threshold: 0 }), A.observe(c);
-        const h = c.getBoundingClientRect();
-        O = h.width > 0 && h.height > 0 && h.top < window.innerHeight && h.bottom > 0 && h.left < window.innerWidth && h.right > 0, V = O && h.width > 0 && h.height > 0, I = !rn();
-        const { width: T, height: w } = c.getBoundingClientRect(), $ = Math.round(T), G = Math.round(w);
-        $ > 0 && G > 0 ? (Se($, G), B = !0, await P()) : B = !1, I && O && xe(), l.signal.aborted || (C = !0, we = !0, Rn());
-      } catch (a) {
-        console.error("[Shaders] Initialization error:", a);
-      } finally {
-        q = !1, F === l && (F = null);
       }
-    },
-    cleanup: () => {
-      if (F && F.abort(), y && (y.disconnect(), y = null), A && (A.disconnect(), A = null), he && (he(), he = null), e && (e.removeEventListener("mousedown", Pe), e.removeEventListener("touchstart", Ve)), De(), Le(), re.forEach((c) => {
-        try {
-          c?.renderTarget?.dispose && c.renderTarget.dispose();
-        } catch {
-        }
-      }), re.clear(), m.nodes.clear(), m.rootId = null, m.idToNodeId.clear(), u.clear(), H = [], we = !1, pe = [], ee !== null && (cancelAnimationFrame(ee), ee = null), ge = [], ne !== null && (cancelAnimationFrame(ne), ne = null), oe = null, be = !1, s) {
-        t && t.remove(s);
-        try {
-          s.geometry && typeof s.geometry.dispose == "function" && s.geometry.dispose();
-        } catch {
-        }
-        try {
-          s.material instanceof xn && typeof s.material.dispose == "function" && s.material.dispose();
-        } catch {
-        }
+      if (o.signal.aborted) return;
+      n.setPixelRatio(Math.min(window.devicePixelRatio, 2)), n.outputColorSpace = Hn, p = new dn({ transparent: !0 }), p.fragmentNode = x(0, 0, 0, 0), m = new ar(new Zn(2, 2), p), r.add(m);
+      const l = s.parentElement;
+      if (!l) {
+        console.warn("[Shaders] Canvas has no parent element for resize observation");
+        return;
       }
-      if (n && typeof n.dispose == "function") try {
-        n.dispose();
+      S = new ResizeObserver(Mn), S.observe(l), V = new IntersectionObserver(An, { threshold: 0 }), V.observe(s);
+      const f = s.getBoundingClientRect();
+      X = f.width > 0 && f.height > 0 && f.top < window.innerHeight && f.bottom > 0 && f.left < window.innerWidth && f.right > 0, te = X && f.width > 0 && f.height > 0, ae = !0;
+      const { width: b, height: g } = s.getBoundingClientRect(), w = Math.round(b), M = Math.round(g);
+      w > 0 && M > 0 ? (Ne(w, M), I = !0, await re()) : I = !1, ae && X && je(), o.signal.aborted || (B = !0, qe = !0, Nn());
+    } catch (l) {
+      console.error("[Shaders] Initialization error:", l);
+    } finally {
+      ne = !1, H === o && (H = null);
+    }
+  }, Yn = () => {
+    !Yt() || kn || (console.warn("Shaders is running in development mode. Please purchase a license at https://shaders.com to use it in production."), kn = !0);
+  }, un = () => {
+    if (H && H.abort(), S && (S.disconnect(), S = null), V && (V.disconnect(), V = null), Fe && (Fe(), Fe = null), e && (e.removeEventListener("mousedown", fn), e.removeEventListener("touchstart", mn)), Re && (window.removeEventListener("beforeunload", Re), Re = null), Qe(), rn(), Te.forEach((s) => {
+      try {
+        s?.renderTarget?.dispose && s.renderTarget.dispose();
+      } catch {
+      }
+    }), Te.clear(), h.nodes.clear(), h.rootId = null, h.idToNodeId.clear(), d.clear(), oe = [], qe = !1, Ee = [], ge !== null && (cancelAnimationFrame(ge), ge = null), Oe = [], be !== null && (cancelAnimationFrame(be), be = null), ke = null, Pe = !1, m) {
+      r && r.remove(m);
+      try {
+        m.geometry && typeof m.geometry.dispose == "function" && m.geometry.dispose();
       } catch {
       }
-      e = null, n = null, r = null, t = null, s = null, f = null, C = !1, q = !1, B = !1, F = null, M = 0, S = 0, O = !1, I = !0, me = 0.5, fe = 0.5, j = !1;
-    },
-    registerNode: Ne,
-    removeNode: Ae,
-    updateUniformValue: mn,
-    updateNodeMetadata: fn,
-    showLicenseWarning: () => {
-      !Mr() || Ke || (console.warn("Shaders is running in development mode. Please purchase a license at https://shaders.com to use it in production."), Ke = !0);
-    },
-    isInitialized: () => C,
-    startAnimation: xe,
-    stopAnimation: De,
-    getPerformanceStats: gn,
-    getNodeRegistry: () => ({ nodes: new Map(m.nodes) }),
-    getRendererType: () => n ? n instanceof Oe ? "webgpu" : "webgl" : null
+      try {
+        m.material instanceof Jn && typeof m.material.dispose == "function" && m.material.dispose();
+      } catch {
+      }
+    }
+    if (n && typeof n.dispose == "function") try {
+      n.dispose();
+    } catch {
+    }
+    e = null, n = null, a = null, r = null, m = null, p = null, B = !1, ne = !1, I = !1, H = null, z = 0, D = 0, X = !1, ae = !0, $e = 0.5, ze = 0.5, ue = !1;
+  };
+  return {
+    initialize: Xn,
+    cleanup: un,
+    registerNode: ln,
+    removeNode: We,
+    updateUniformValue: Fn,
+    updateNodeMetadata: En,
+    showLicenseWarning: Yn,
+    isInitialized: () => B,
+    startAnimation: je,
+    stopAnimation: Qe,
+    getPerformanceStats: _n,
+    getNodeRegistry: () => ({ nodes: new Map(h.nodes) }),
+    getRendererType: () => n ? n instanceof Je ? "webgpu" : "webgl" : null
   };
 }
-tn();
-function Wo(e) {
-  const n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), t = {
+Un();
+function fs(e) {
+  const n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), r = {
     processingOrder: [],
     maskSources: /* @__PURE__ */ new Map(),
     circularDependencies: []
   };
-  return e.forEach((s) => {
-    s.elementId && n.set(s.elementId, s.id);
-  }), e.forEach((s) => {
-    if (s.mask?.source) {
-      const f = s.mask.source.startsWith("#") ? s.mask.source.substring(1) : s.mask.source, m = n.get(f);
-      m ? (r.has(s.id) || r.set(s.id, []), r.get(s.id)?.push(m), t.maskSources.set(s.id, m)) : console.warn(`Mask source "${f}" not found for node "${s.id}"`);
+  return e.forEach((m) => {
+    m.elementId && n.set(m.elementId, m.id);
+  }), e.forEach((m) => {
+    if (m.mask?.source) {
+      const p = m.mask.source.startsWith("#") ? m.mask.source.substring(1) : m.mask.source, h = n.get(p);
+      h ? (a.has(m.id) || a.set(m.id, []), a.get(m.id)?.push(h), r.maskSources.set(m.id, h)) : console.warn(`Mask source "${p}" not found for node "${m.id}"`);
     }
-  }), t.processingOrder = Sr(r, t.circularDependencies), t;
+  }), r.processingOrder = It(a, r.circularDependencies), r;
 }
-function Sr(e, n) {
-  const r = [], t = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
-  function f(u, g = []) {
-    if (t.has(u)) return;
-    if (s.has(u)) {
-      const A = [...g.slice(g.indexOf(u)), u];
-      n.push(A);
+function It(e, n) {
+  const a = [], r = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Set();
+  function p(d, R = []) {
+    if (r.has(d)) return;
+    if (m.has(d)) {
+      const V = [...R.slice(R.indexOf(d)), d];
+      n.push(V);
       return;
     }
-    s.add(u), g.push(u);
-    const y = e.get(u) || [];
-    for (const A of y) f(A, [...g]);
-    s.delete(u), t.add(u), r.push(u);
+    m.add(d), R.push(d);
+    const S = e.get(d) || [];
+    for (const V of S) p(V, [...R]);
+    m.delete(d), r.add(d), a.push(d);
   }
-  for (const u of e.keys()) t.has(u) || f(u);
-  const m = new Set([...e.values()].flat());
-  for (const u of m) !t.has(u) && !e.has(u) && r.push(u);
-  return r.reverse();
+  for (const d of e.keys()) r.has(d) || p(d);
+  const h = new Set([...e.values()].flat());
+  for (const d of h) !r.has(d) && !e.has(d) && a.push(d);
+  return a.reverse();
 }
-R();
-var { vec2: Ar, fract: xr, sin: Dr, dot: zr } = Z;
-const $r = (e) => xr(Dr(zr(e, Ar(12.12345, 78.12345))).mul(40000.12345)), Xo = (e = 0.03) => (n) => $r(n).mul(e).mul(0.10012345);
-R();
-var { vec2: Ur } = Z;
-const Yo = (e = Ur(0), n = 0.02, r = 1, t = 1) => {
-  const { vec2: s, sin: f, cos: m, time: u } = Z, g = t * 1.618033988749895, y = t * 2.718281828459045, A = (Math.sin(t) + 2) * 5, C = (Math.cos(t) + 2) * 5, q = s(f(e.x.mul(r).mul(A).add(u.mul(0.1)).add(g)), m(e.y.mul(r).mul(A).add(u.mul(0.1)).add(y))), B = s(f(e.y.mul(r).mul(C).add(u.mul(0.05)).add(y)), m(e.x.mul(r).mul(C).add(u.mul(0.05)).add(g))), F = q.add(B).mul(n);
-  return e.add(F);
+A();
+var { vec2: Ht, fract: Wt, sin: jt, dot: Qt } = pe;
+const Jt = (e) => Wt(jt(Qt(e, Ht(12.12345, 78.12345))).mul(40000.12345)), ms = (e = 0.03) => (n) => Jt(n).mul(e).mul(0.10012345);
+A();
+var { vec2: Kt } = pe;
+const us = (e = Kt(0), n = 0.02, a = 1, r = 1) => {
+  const { vec2: m, sin: p, cos: h, time: d } = pe, R = r * 1.618033988749895, S = r * 2.718281828459045, V = (Math.sin(r) + 2) * 5, B = (Math.cos(r) + 2) * 5, ne = m(p(e.x.mul(a).mul(V).add(d.mul(0.1)).add(R)), h(e.y.mul(a).mul(V).add(d.mul(0.1)).add(S))), I = m(p(e.y.mul(a).mul(B).add(d.mul(0.05)).add(S)), h(e.x.mul(a).mul(B).add(d.mul(0.05)).add(R))), H = ne.add(I).mul(n);
+  return e.add(H);
 };
-R();
-const jo = (e, n, r = 0.6, t = 0.3, s = 1) => {
-  const { max: f, smoothstep: m, vec4: u } = Z, g = f(f(e.r, e.g), e.b), y = m(r, r + t, g).mul(s).mul(1);
-  return u(e.rgb.add(n.rgb.mul(y)), e.a);
+A();
+const ds = (e, n, a = 0.6, r = 0.3, m = 1) => {
+  const { max: p, smoothstep: h, vec4: d } = pe, R = p(p(e.r, e.g), e.b), S = h(a, a + r, R).mul(m).mul(1);
+  return d(e.rgb.add(n.rgb.mul(S)), e.a);
 };
-R();
-const Qo = (e = {}) => {
-  const { inset: n = 0.4, softness: r = 0.5, offsetX: t = 0, offsetY: s = 0 } = e, { float: f, smoothstep: m, uv: u } = Z, g = u(), y = g.x.sub(0.5).sub(f(t)).mul(2), A = g.y.sub(0.5).add(f(s)).mul(2), C = y.mul(y).add(A.mul(A)).sqrt();
-  return f(1).sub(m(f(1).sub(f(n)), f(1).sub(f(n)).add(f(r)), C.mul(f(1).add(f(r)))));
+A();
+const hs = (e = {}) => {
+  const { inset: n = 0.4, softness: a = 0.5, offsetX: r = 0, offsetY: m = 0 } = e, { float: p, smoothstep: h, uv: d } = pe, R = d(), S = R.x.sub(0.5).sub(p(r)).mul(2), V = R.y.sub(0.5).add(p(m)).mul(2), B = S.mul(S).add(V.mul(V)).sqrt();
+  return p(1).sub(h(p(1).sub(p(n)), p(1).sub(p(n)).add(p(a)), B.mul(p(1).add(p(a)))));
 };
-var Er = () => {
+var Zt = () => {
   const e = {};
   return Object.entries({
-    AngularBlur: qn,
-    Ascii: Pn,
-    Blob: Vn,
-    Blur: Hn,
-    Bulge: In,
-    ChannelBlur: Wn,
-    Checkerboard: Xn,
-    ChromaFlow: Yn,
-    ChromaticAberration: jn,
-    Circle: Qn,
-    CRTScreen: Jn,
-    CursorTrail: Kn,
-    DiffuseBlur: Zn,
-    Dither: et,
-    DotGrid: nt,
-    Duotone: tt,
-    FilmGrain: rt,
-    FloatingParticles: ot,
-    GlassTiles: it,
-    Glow: at,
-    Godrays: st,
-    Grayscale: lt,
-    Grid: ct,
-    GridDistortion: ut,
-    Group: mt,
-    Halftone: ft,
-    HueShift: dt,
-    ImageTexture: ht,
-    Invert: pt,
-    LinearBlur: gt,
-    LinearGradient: bt,
-    Liquify: yt,
-    Pixelate: vt,
-    PolarCoordinates: Tt,
-    Posterize: Rt,
-    ProgressiveBlur: kt,
-    RadialGradient: wt,
-    Ripples: Ct,
-    Saturation: Mt,
-    SimplexNoise: St,
-    SineWave: At,
-    SolidColor: xt,
-    Spiral: Dt,
-    Strands: zt,
-    Swirl: $t,
-    TiltShift: Ut,
-    Tritone: Et,
-    Twirl: Ot,
-    Vibrance: _t,
-    WaveDistortion: Bt,
-    ZoomBlur: Ft
-  }).forEach(([r, t]) => {
-    const s = {};
-    t.props && Object.entries(t.props).forEach(([f, m]) => {
-      m.ui && (s[f] = {
-        ui: m.ui,
-        default: m.default,
-        description: m.description
+    AngularBlur: ir,
+    Ascii: lr,
+    Blob: cr,
+    Blur: fr,
+    Bulge: mr,
+    ChannelBlur: ur,
+    Checkerboard: dr,
+    ChromaFlow: hr,
+    ChromaticAberration: pr,
+    Circle: gr,
+    CRTScreen: br,
+    CursorTrail: vr,
+    DiffuseBlur: Cr,
+    Dither: Rr,
+    DotGrid: Tr,
+    Duotone: kr,
+    FilmGrain: wr,
+    FloatingParticles: yr,
+    GlassTiles: Sr,
+    Glow: Ur,
+    Godrays: xr,
+    Grayscale: Mr,
+    Grid: Ar,
+    GridDistortion: $r,
+    Group: zr,
+    Halftone: Dr,
+    HueShift: Fr,
+    ImageTexture: Er,
+    Invert: Or,
+    LinearBlur: Br,
+    LinearGradient: Pr,
+    Liquify: _r,
+    Pixelate: Vr,
+    PolarCoordinates: Lr,
+    Posterize: qr,
+    ProgressiveBlur: Gr,
+    RadialGradient: Nr,
+    RectangularCoordinates: Xr,
+    Ripples: Yr,
+    Saturation: Ir,
+    SimplexNoise: Hr,
+    SineWave: Wr,
+    SolidColor: jr,
+    Spiral: Qr,
+    Strands: Jr,
+    Swirl: Kr,
+    TiltShift: Zr,
+    Tritone: et,
+    Twirl: nt,
+    Vibrance: rt,
+    WaveDistortion: tt,
+    ZoomBlur: ot
+  }).forEach(([a, r]) => {
+    const m = {};
+    r.props && Object.entries(r.props).forEach(([p, h]) => {
+      h.ui && (m[p] = {
+        ui: h.ui,
+        default: h.default,
+        description: h.description
       });
-    }), e[t.name] = {
-      name: t.name,
-      fileName: r,
-      category: t.category || "Uncategorized",
-      definition: t,
-      propsMetadata: s
+    }), e[r.name] = {
+      name: r.name,
+      fileName: a,
+      category: r.category || "Uncategorized",
+      definition: r,
+      propsMetadata: m
     };
   }), e;
 };
-const Te = Er();
-function Jo() {
-  return Object.values(Te);
+const Ve = Zt();
+function ps() {
+  return Object.values(Ve);
 }
-function Ko(e) {
-  return Te[e];
+function gs(e) {
+  return Ve[e];
 }
-function Zo(e) {
-  return Object.values(Te).filter((n) => n.category === e);
+function bs(e) {
+  return Object.values(Ve).filter((n) => n.category === e);
 }
-function ei() {
-  const e = new Set(Object.values(Te).map((n) => n.category));
+function vs() {
+  const e = new Set(Object.values(Ve).map((n) => n.category));
   return Array.from(e).sort();
 }
 export {
-  qr as createAnimatedTime,
-  kr as createUniformsMap,
-  Yo as distort,
-  Qo as edgeMask,
-  Jo as getAllShaders,
-  Ko as getShaderByName,
-  ei as getShaderCategories,
-  Zo as getShadersByCategory,
-  jo as glow,
-  Xo as grain,
-  Wo as resolveMaskDependencies,
-  Te as shaderRegistry,
-  Io as shaderRenderer,
-  wr as updateUniformValue
+  oo as createAnimatedTime,
+  Gt as createUniformsMap,
+  us as distort,
+  hs as edgeMask,
+  ps as getAllShaders,
+  gs as getShaderByName,
+  vs as getShaderCategories,
+  bs as getShadersByCategory,
+  ds as glow,
+  ms as grain,
+  fs as resolveMaskDependencies,
+  Ve as shaderRegistry,
+  cs as shaderRenderer,
+  Nt as updateUniformValue
 };