shaders 2.2.0 → 2.2.1

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 G, B as Xn, D as C, E as Se, F as dn, H as Yn, I as Je, J as Hn, K as Wn, L as jn, M as I, N as U, P as Pe, R as Qn, S as ke, T as kn, U as Jn, V as Kn, _ as Ue, c as Zn, d as J, g as Ke, h as Ze, i as er, k as he, l as wn, m as A, n as k, o as nr, q as rr, s as tr, t as or, v as s, w as ar, x as K, z as ir } from "./three.tsl-BqgDcRt9.js";
+import { n as ve, t as we } from "./edges-B-tVdqcI.js";
+import { t as oo } from "./time-5uQ65blS.js";
+import "./transformations-DBjTkQ5b.js";
+import { n as sr } from "./AngularBlur-BZENxuhv.js";
+import { n as lr } from "./Ascii-joVW9dAD.js";
+import "./colorMixing-DPZ-Td4U.js";
+import { n as cr } from "./Blob-Ds3jasiC.js";
+import { n as fr } from "./Blur-sKjcr9_K.js";
+import { n as ur } from "./Bulge-CdcB9we6.js";
+import { n as mr } from "./ChannelBlur-i9M5gbkh.js";
+import { n as dr } from "./Checkerboard-D9-UAs26.js";
+import { n as hr } from "./ChromaFlow-DZAJwEBw.js";
+import { n as pr } from "./ChromaticAberration-DLYIcjJx.js";
+import { n as gr } from "./Circle-Ca-LtXkF.js";
+import { n as br } from "./CRTScreen-BWDSeX_0.js";
+import { n as vr } from "./CursorTrail-B_VZJBOK.js";
+import { n as Cr } from "./DiffuseBlur-COpm1qrw.js";
+import { n as Rr } from "./Dither-MK-9r3tw.js";
+import { n as Tr } from "./DotGrid-DP__DqQj.js";
+import { n as kr } from "./Duotone-CmkF6eDj.js";
+import { n as wr } from "./FilmGrain-ByNyK2gs.js";
+import { n as yr } from "./FloatingParticles-CxcXDtZg.js";
+import { n as Sr } from "./GlassTiles-CxUl9MxF.js";
+import { n as Ur } from "./Glow-Cz3ImaBH.js";
+import { n as xr } from "./Godrays-BHfh6URI.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-FPSUcFGC.js";
+import { n as Ar } from "./Grid-BvM0M3Hl.js";
+import { n as $r } from "./GridDistortion-yjmNv0Q3.js";
+import { n as zr } from "./Group-jZZimqG1.js";
+import { n as Dr } from "./Halftone-DWIVrS2s.js";
+import { n as Fr } from "./HueShift-CBupF7d4.js";
+import { n as Er } from "./ImageTexture-GrTz4Fx7.js";
+import { n as Or } from "./Invert-CCQ1H_Qr.js";
+import { n as Br } from "./LinearBlur-DHBRP6Yh.js";
+import { n as Pr } from "./LinearGradient-B4C3CKhf.js";
+import { n as _r } from "./Liquify-DNHtcXxv.js";
+import { n as Vr } from "./Pixelate-BKooNVcb.js";
+import { n as Lr } from "./PolarCoordinates-DKhEbQhq.js";
+import { n as qr } from "./Posterize-D81ZG2A9.js";
+import { n as Gr } from "./ProgressiveBlur-CPdReTnY.js";
+import { n as Nr } from "./RadialGradient-XmwfZ91d.js";
+import { n as Ir } from "./RectangularCoordinates-DWY7ptY1.js";
+import { n as Xr } from "./Ripples-CndvRX-N.js";
+import { n as Yr } from "./Saturation-C6u9sNkr.js";
+import { n as Hr } from "./SimplexNoise-BH0ZZzP4.js";
+import { n as Wr } from "./SineWave-DBH8MraQ.js";
+import { n as jr } from "./SolidColor-DR665qss.js";
+import { n as Qr } from "./Spiral--7KUy0u3.js";
+import { n as Jr } from "./Strands-Bi1Is8_o.js";
+import { n as Kr } from "./Swirl-DuYM23jG.js";
+import { n as Zr } from "./TiltShift-BUvZWBsh.js";
+import { n as et } from "./Tritone-CKifp6Ob.js";
+import { n as nt } from "./Twirl-Ztlb9x_h.js";
+import { n as rt } from "./Vibrance-B7EsDw6e.js";
+import { n as tt } from "./WaveDistortion-HCnk54tD.js";
+import { n as ot } from "./ZoomBlur-Ck6M9A2W.js";
+import { WebGLRenderer as at } from "three";
+jn();
+A();
+function it(e, n, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(n.rgb, r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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 hn = (e) => I(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))), st = (e) => I(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))), pn = (e) => {
+  const n = e.x, i = e.y, r = e.z, u = n.mul(0.4122214708).add(i.mul(0.5363325363)).add(r.mul(0.0514459929)), p = n.mul(0.2119034982).add(i.mul(0.6806995451).add(r.mul(0.1073969566))), h = n.mul(0.0883024619).add(i.mul(0.2817188376)).add(r.mul(0.6299787005)), d = K(u, J(1 / 3)), R = K(p, J(1 / 3)), S = K(h, J(1 / 3));
+  return I(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, i = e.y, r = e.z, u = n.add(i.mul(0.3963377774)).add(r.mul(0.2158037573)), p = n.sub(i.mul(0.1055613458)).sub(r.mul(0.0638541728)), h = n.sub(i.mul(0.0894841775)).sub(r.mul(1.291485548)), d = K(u, J(3)), R = K(p, J(3)), S = K(h, J(3));
+  return I(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)));
+}, gn = (e) => {
+  const n = e.x, i = e.y, r = e.z;
+  return I(n, kn(i.mul(i).add(r.mul(r))), er(r, i));
+}, ct = (e) => {
+  const n = e.x, i = e.y, r = e.z;
+  return I(n, i.mul(tr(r)), i.mul(ar(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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r))), p = hn(I(e.r, e.g, e.b)), h = hn(I(n.r, n.g, n.b)), d = pn(p), R = pn(h), S = gn(d);
+  return U(st(lt(ct(k(s(gn(R), r), s(S, s(e.a, C(1, r))))))), u);
 }
-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 bn = (e) => I(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))), ut = (e) => I(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))), vn = (e) => {
+  const n = e.x, i = e.y, r = e.z, u = n.mul(0.4122214708).add(i.mul(0.5363325363)).add(r.mul(0.0514459929)), p = n.mul(0.2119034982).add(i.mul(0.6806995451).add(r.mul(0.1073969566))), h = n.mul(0.0883024619).add(i.mul(0.2817188376)).add(r.mul(0.6299787005)), d = K(u, J(1 / 3)), R = K(p, J(1 / 3)), S = K(h, J(1 / 3));
+  return I(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)));
+}, mt = (e) => {
+  const n = e.x, i = e.y, r = e.z, u = n.add(i.mul(0.3963377774)).add(r.mul(0.2158037573)), p = n.sub(i.mul(0.1055613458)).sub(r.mul(0.0638541728)), h = n.sub(i.mul(0.0894841775)).sub(r.mul(1.291485548)), d = K(u, J(3)), R = K(p, J(3)), S = K(h, J(3));
+  return I(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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r))), p = bn(I(e.r, e.g, e.b)), h = bn(I(n.r, n.g, n.b)), d = vn(p);
+  return U(ut(mt(k(s(vn(h), r), s(d, s(e.a, C(1, r)))))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(s(e.rgb, n.rgb), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(C(1, s(C(1, e.rgb), C(1, n.rgb))), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(Ke(k(e.rgb, n.rgb), 1), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(Ue(s(2, s(e.rgb, n.rgb)), C(1, s(2, s(C(1, e.rgb), C(1, n.rgb)))), Se(0.5, e.rgb)), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(or(C(e.rgb, n.rgb)), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(Ue(e.rgb, Ke(Zn(e.rgb, C(1, n.rgb)), 1), Se(1e-3, C(1, n.rgb))), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(C(k(e.rgb, n.rgb), s(2, s(e.rgb, n.rgb))), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-R();
-function Y(e) {
-  return b(b(o(e.r, 0.2126), o(e.g, 0.7152)), o(e.b, 0.0722));
+A();
+function ce(e) {
+  return k(k(s(e.r, 0.2126), s(e.g, 0.7152)), s(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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r))), p = C(ce(e.rgb), ce(n.rgb));
+  return U(k(s(k(n.rgb, p), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r))), p = ce(e.rgb), h = ce(n.rgb).div(k(p, 1e-4));
+  return U(k(s(s(e.rgb, h), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(Ke(e.rgb, n.rgb), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(Ze(e.rgb, n.rgb), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(Ue(U(0, 0, 0, 1).rgb, Ze(C(1, C(1, e.rgb).div(k(n.rgb, 1e-4))), 0), Se(1e-4, n.rgb)), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(Ze(k(k(e.rgb, n.rgb), -1), 0), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r))), p = k(s(2, s(e.rgb, n.rgb)), s(s(e.rgb, e.rgb), C(1, s(2, n.rgb)))), h = kn(e.rgb);
+  return U(k(s(Ue(p, k(s(2, s(e.rgb, C(1, n.rgb))), s(h, C(s(2, n.rgb), 1))), Se(0.5, n.rgb)), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r)));
+  return U(k(s(Ue(s(2, s(e.rgb, n.rgb)), C(1, s(2, s(C(1, e.rgb), C(1, n.rgb)))), Se(0.5, n.rgb)), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r))), p = ce(e.rgb), h = ce(n.rgb), d = e.rgb.sub(p), R = n.rgb.sub(h), S = d.length();
+  return U(k(s(k(s(R.normalize(), S), p), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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, i = 1) {
+  const r = s(n.a, i), u = k(r, s(e.a, C(1, r))), p = ce(e.rgb), h = ce(n.rgb), d = e.rgb.sub(p), R = n.rgb.sub(h);
+  return U(k(s(k(s(d.normalize(), R.length()), p), r), s(e.rgb, s(e.a, C(1, r)))), u);
 }
-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 Cn = {
+  normal: it,
+  "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 Q(e, n, i = "normal", r = 1) {
+  return (Cn[i] || Cn.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 i = s(e.a, n.a);
+  return U(e.rgb, i);
 }
-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 i = C(1, n.a), r = s(e.a, i);
+  return U(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 i = I(0.2126, 0.7152, 0.0722), r = wn(n.rgb, i), u = s(e.a, r);
+  return U(e.rgb, u);
 }
-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 i = I(0.2126, 0.7152, 0.0722), r = C(1, wn(n.rgb, i)), u = s(e.a, r);
+  return U(e.rgb, u);
 }
-var Je = {
-  alpha: ur,
-  alphaInverted: mr,
-  luminance: fr,
-  luminanceInverted: dr
+var Rn = {
+  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, i = "alpha") {
+  return (Rn[i] || Rn.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 i = n - this.lastFrameTimestamp;
+      this.frameIntervals.push(i), 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 i = e - this.memoryWindowMs;
+    this.memorySnapshots = this.memorySnapshots.filter((r) => r.time > i);
   }
   /**
   * 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], i = (n.time - e.time) / 1e3;
+    return (n.bytes - e.bytes) / (1024 * 1024) / i;
   }
   /**
   * 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, u) => r + u, 0) / e.length, i = e.map((r) => Math.pow(r - n, 2)).reduce((r, u) => r + u, 0) / e.length;
+    return Math.sqrt(i);
   }
   /**
   * 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, u) => r - u), i = Math.floor(n.length * 0.99);
+    return n[Math.min(i, 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, P) => S + P, 0) / e, i = Math.min(n / 16.67 * 100, 100), r = this.calculateComplexityScore(), u = 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(i * h.frame + p * h.gpu + u * 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, i = this.frameIntervals.length > 0 ? 1e3 / (this.frameIntervals.reduce(($, z) => $ + z, 0) / this.frameIntervals.length) : 0, r = n > 0 ? this.frameTimesMs.reduce(($, z) => $ + z, 0) / n : 0, u = 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, P = S ? S.usedJSHeapSize / (1024 * 1024) : null, E = this.calculateMemoryGrowthRate(), Z = r > 0 ? r / this.targetFrameTime * 100 : 0, X = e?.render?.calls ?? null, Y = e?.programs?.length ?? null, N = 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(i),
+      avgFrameTime: Math.round(r * 100) / 100,
+      minFrameTime: Math.round(u * 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: P !== null ? Math.round(P * 100) / 100 : null,
+      memoryGrowthRate: E !== null ? Math.round(E * 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(Z * 10) / 10,
+      drawCalls: X,
+      shaderPrograms: Y,
+      textureCount: N,
+      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: ye, cos: Pt, sin: _t, float: Vt, PI: Lt } = he;
+const de = (e) => e.offsetX !== 0 || e.offsetY !== 0 || e.rotation !== 0 || e.scale !== 1 || e.anchorX !== 0.5 || e.anchorY !== 0.5, _e = (e, n, i, r, u, p, h, d) => {
+  const R = r.mul(Lt).div(Vt(180)), S = Pt(R), P = _t(R), E = ye(p, h), Z = e.sub(E).div(u), X = ye(Z.x.mul(d), Z.y), Y = ye(X.x.mul(S).sub(X.y.mul(P)), X.x.mul(P).add(X.y.mul(S)));
+  return ye(Y.x.div(d), Y.y).sub(ye(n, i)).add(E);
 };
-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, i) {
+  const r = {};
+  return Object.entries(e.props).forEach(([u, p]) => {
+    const h = n[u];
+    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 "${u}" is null/undefined after fallback. PropConfig:`, {
+      propName: u,
+      initialValue: h,
+      default: p.default,
+      hasTransform: !!p.transform
+    }), d = 0);
+    const R = yn(d).setName(`${u}_${i}`);
+    typeof d == "string" && R.value === null && (R.value = d), r[u] = {
+      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 i = e.transform(n), r = i?.data ?? i;
+    e.uniform.value = r;
   } else e.uniform.value = n;
 }
-var nn, tn = Cn({ "src/utilities/uniforms.ts": (() => {
-  R(), { uniform: nn } = Z;
+var yn, Sn = Wn({ "src/utilities/uniforms.ts": (() => {
+  A(), { uniform: yn } = he;
 }) });
-R();
-var Ke = !1, Cr = /* @__PURE__ */ (() => {
+A();
+var Tn = !1, It = /* @__PURE__ */ (() => {
   let e = 0;
-  const n = /* @__PURE__ */ new Set(), r = (m) => {
-    n.forEach((u) => {
+  const n = /* @__PURE__ */ new Set(), i = (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) => {
+  }, u = () => {
+    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", i), window.addEventListener("touchmove", r), window.addEventListener("mouseup", u), window.addEventListener("touchend", p)), () => {
+      n.delete(h), e--, e === 0 && (window.removeEventListener("mousemove", i), window.removeEventListener("touchmove", r), window.removeEventListener("mouseup", u), window.removeEventListener("touchend", p));
     };
   } };
-})(), Mr = () => {
+})(), Xt = () => {
   try {
     {
       const { MODE: e, DEV: n } = {
@@ -499,802 +508,1163 @@ var Ke = !1, Cr = /* @__PURE__ */ (() => {
     return !1;
   }
 };
-function Io() {
-  let e = null, n, r, t, s, f;
-  const m = {
+function ca() {
+  let e = null, n, i, r, u, 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, P = null, E = !1, Z = !1, X = !1, Y = null, N = !1, ae = !0, $ = 0, z = 0, ne = !1, Le = 0, xe = !1, Me = 0.5, Ae = 0.5, fe = !1, $e = !1, ze = null, Ce = null, ue = !1;
+  const ie = new Bt();
+  let re = [], qe = !1, De = [], pe = null, Fe = [], ge = null, en = /* @__PURE__ */ new Set(), nn = /* @__PURE__ */ new Set(), Ee = 0, Re = /* @__PURE__ */ new Set(), Ge = /* @__PURE__ */ new Set(), Te = null, Oe = !1;
+  const Ne = (a, t) => {
+    a <= 0 || t <= 0 || a === $ && t === z || (Te = {
+      width: a,
+      height: t
+    }, Oe || (Oe = !0, requestAnimationFrame(() => {
+      if (Oe = !1, !Te) return;
+      const { width: o, height: l } = Te;
+      Te = null, $ = o, z = l, X || (X = !0), n.setSize(o, l, !1);
+      const f = o / l, b = 2, g = b * f;
+      i.left = -g / 2, i.right = g / 2, i.top = b / 2, i.bottom = -b / 2, i.updateProjectionMatrix(), u.scale.set(g, b, 1), h.nodes.forEach((w) => {
+        w.transformUniforms?.aspectRatio && (w.transformUniforms.aspectRatio.value = f), w.resizeCallbacks.forEach((x) => {
           try {
-            G({
-              width: l,
-              height: a
+            x({
+              width: o,
+              height: l
             });
           } catch (D) {
             console.error("Error in resize callback:", D);
           }
         });
-      }), P().catch(console.warn);
+      }), ee().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));
+  }, Un = () => E && !!n && !!r && !!i && !!p && $ > 0 && z > 0 && N, xn = (a) => {
+    if (!n || !i || !u) return;
+    const t = a[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);
+  }, Mn = (a) => {
+    const t = a[0];
+    if (!t) return;
+    const o = N;
+    N = t.isIntersecting;
+    const l = e?.getBoundingClientRect(), f = ne;
+    if (ne = N && !!l && l.width > 0 && l.height > 0, N && !o) {
+      if (xe = !0, e) {
+        const { width: b, height: g } = e.getBoundingClientRect(), w = Math.round(b), x = Math.round(g);
+        w > 0 && x > 0 && ($ === 0 || z === 0 || w !== $ || x !== z ? (Ne(w, x), !f && ne && me()) : p && E && h.rootId && (p.needsUpdate = !0, me(), ee().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 !N && o && Qe();
+  }, An = (a, t) => {
+    if (a.size !== t.size) return !1;
+    for (const o of a) if (!t.has(o)) return !1;
     return !0;
-  }, cn = (c) => {
-    const i = On(c);
-    return re.add(i), i;
-  }, Le = () => {
-    Me.forEach((c) => {
+  }, Ie = (a) => {
+    Ee++;
+    const t = nr(a);
+    return Re.add(t), t;
+  }, rn = () => {
+    Ge.forEach((a) => {
       try {
-        c?.renderTarget?.dispose && c.renderTarget.dispose();
+        a?.renderTarget?.dispose && a.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 be = !1;
+  const me = () => {
+    if (!h.rootId || !p || $e || !h.nodes.get(h.rootId)) return;
+    if ($ === 0 || z === 0) {
+      be || (be = !0, requestAnimationFrame(() => {
+        be = !1, $ > 0 && z > 0 && me();
+      }));
+      return;
+    }
+    $e = !0;
+    const a = performance.now();
+    console.log("[Shaders Perf] Starting updateMaterial()");
+    try {
+      const t = performance.now();
+      Ge = new Set(Re), Re.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)`), Ee = 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: ${Ee})`), b && p) {
+        const g = !An(en, o), w = p.fragmentNode !== b;
+        if (g || xe || w) {
+          console.log(`[Shaders Perf]   Recompilation needed: compositionChanged=${g}, nodeChanged=${w}, needsRefresh=${xe}`);
+          const x = performance.now();
+          rn(), console.log(`[Shaders Perf]   Texture disposal: ${(performance.now() - x).toFixed(2)}ms`);
+          const D = performance.now();
+          try {
+            p.dispose(), n.renderTarget && n.renderTarget.dispose();
+          } catch {
+          }
+          console.log(`[Shaders Perf]   Material disposal: ${(performance.now() - D).toFixed(2)}ms`);
+          const y = performance.now(), m = new dn({ transparent: !0 });
+          m.fragmentNode = b, m.needsUpdate = !0, console.log(`[Shaders Perf]   Material creation: ${(performance.now() - y).toFixed(2)}ms`), u.material = m, p = m, xe = !1, en = o;
+        } else console.log("[Shaders Perf]   No recompilation needed (composition unchanged)");
       }
-      de = !0;
+      console.log(`[Shaders Perf] TOTAL updateMaterial: ${(performance.now() - a).toFixed(2)}ms`), console.log("========================================");
+    } catch (t) {
+      console.error("Error composing shader tree:", t), console.log(`[Shaders Perf] FAILED after ${(performance.now() - a).toFixed(2)}ms`);
+    } finally {
+      $e = !1;
+    }
+    N && ee().catch(console.warn);
+  }, W = (a) => {
+    const t = d.get(a);
+    if (!t) return [];
+    const o = [];
+    for (const l of t) {
+      const f = h.nodes.get(l);
+      f && o.push(f);
+    }
+    return o;
+  }, $n = (a) => {
+    for (const [t, o] of h.nodes.entries()) if (o.metadata.id === a) return t;
+    return null;
+  }, te = (a, t, o, l) => {
+    if (!t.metadata.mask?.source) return a;
+    const f = t.metadata.mask.source, b = $n(f);
+    if (!b) return a;
+    if (l.has(b))
+      return console.error("Uh oh, looks like you've got a circular dependency in your shader masks."), a;
+    const g = new Set(l);
+    return g.add(o), Ot(a, j(b, g), t.metadata.mask.type || "alpha");
+  }, se = (a, t) => {
+    if (!t.metadata.transform || !t.transformUniforms || !de(t.metadata.transform) && !t.transformRTTActive) return a;
+    const o = Ie(a), l = _e(ke, t.transformUniforms.offsetX, t.transformUniforms.offsetY, t.transformUniforms.rotation, t.transformUniforms.scale, t.transformUniforms.anchorX, t.transformUniforms.anchorY, t.transformUniforms.aspectRatio);
+    return we(l, o.sample(l), o, t.transformUniforms.edges);
+  }, H = (a) => !!a.uvTransformFunc && a.requiresChild && a.metadata.blendMode === "normal" && (a.metadata.opacity === void 0 || a.metadata.opacity === 1) && a.metadata.visible !== !1 && !a.metadata.mask?.source && !(a.transformUniforms && a.metadata.transform && de(a.metadata.transform)), Xe = (a) => {
+    const t = [];
+    let o = a;
+    for (; o; ) {
+      const l = h.nodes.get(o);
+      if (!l || !H(l)) break;
+      t.push(l);
+      const f = W(l.id);
+      if (f.length !== 1) break;
+      const b = f[0];
+      if (H(b)) o = b.id;
+      else break;
+    }
+    return t;
+  }, zn = (a) => {
+    if (a.length === 0) return null;
+    const t = a[a.length - 1], o = W(t.id);
+    return o.length === 0 ? null : o.length === 1 ? o[0] : null;
+  }, Be = (a) => {
+    if (!a.uvTransformFunc || !H(a)) return !1;
+    const t = W(a.id);
+    if (t.length !== 1) return !1;
+    const o = t[0];
+    return o.acceptsUVContext && !o.requiresChild ? !0 : o.uvTransformFunc && H(o) ? Be(o) : !1;
+  }, Ye = (a, t, o) => {
+    const l = [];
+    let f = a;
+    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(a, t, o, !0);
+      if (l.push(v), o && o.add(v.id), v.acceptsUVContext && !v.requiresChild) break;
+      const c = W(f);
+      if (c.length !== 1) break;
+      f = c[0].id;
+    }
+    if (l.length === 0) return U(0, 0, 0, 0);
+    const b = l[l.length - 1];
+    let g = ke;
+    for (let v = 0; v < l.length; v++) {
+      const c = l[v];
+      c.uvTransformFunc && (g = c.uvTransformFunc({
+        uv: g,
+        uniforms: c.uniforms,
+        viewportSize: Pe
+      })), c.transformUniforms && c.metadata.transform && de(c.metadata.transform) && (g = _e(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 = ve(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 F = (L) => {
+        c.cleanupCallbacks.push(L);
+      }, O = (L) => {
+        c.beforeRenderCallbacks.push(L);
+      }, T = (L) => {
+        c.afterRenderCallbacks.push(L);
+      }, M = (L) => {
+        c.resizeCallbacks.push(L);
+      };
+      c.cleanupCallbacks.forEach((L) => {
+        try {
+          L();
+        } catch (oe) {
+          console.error("Error in cleanup callback:", oe);
+        }
+      }), c.cleanupCallbacks = [], c.beforeRenderCallbacks = [], c.afterRenderCallbacks = [], c.resizeCallbacks = [], c.fragmentNodeFunc({
+        uniforms: c.uniforms ?? {},
+        childNode: void 0,
+        uvContext: void 0,
+        onCleanup: F,
+        onBeforeRender: O,
+        onAfterRender: T,
+        onResize: M,
+        canvas: e,
+        dimensions: {
+          width: $,
+          height: z
+        },
+        renderer: n
+      });
+    }
+    const w = (v) => {
+      b.cleanupCallbacks.push(v);
+    }, x = (v) => {
+      b.beforeRenderCallbacks.push(v);
+    }, D = (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 m = b.fragmentNodeFunc({
+      uniforms: b.uniforms ?? {},
+      childNode: void 0,
+      uvContext: g,
+      onCleanup: w,
+      onBeforeRender: x,
+      onAfterRender: D,
+      onResize: y,
+      canvas: e,
+      dimensions: {
+        width: $,
+        height: z
+      },
+      renderer: n
+    });
+    for (const v of l) if (v.uniforms.edges?.uniform) return we(g, m, null, v.uniforms.edges.uniform);
+    return m;
+  }, He = (a, t, o) => {
+    if (a.length === 0) return U(0, 0, 0, 0);
+    const l = zn(a);
+    let f;
+    if (l) f = j(l.id, t, o);
+    else return U(0, 0, 0, 0);
+    const b = Ie(f);
+    let g = ke;
+    for (let D = a.length - 1; D >= 0; D--) {
+      const y = a[D];
+      y.uvTransformFunc && (g = y.uvTransformFunc({
+        uv: g,
+        uniforms: y.uniforms,
+        viewportSize: Pe
+      }), y.uniforms.edges?.uniform && (g = ve(g, y.uniforms.edges.uniform))), o && o.add(y.id);
+    }
+    const w = b.sample(g), x = a[0];
+    return x.uniforms.edges?.uniform ? we(g, w, b, x.uniforms.edges.uniform) : w;
+  }, tn = (a, t) => {
+    const o = [];
+    for (let l = t; l < a.length; l++) {
+      const f = a[l];
+      if (!H(f) || W(f.id).length > 0) break;
+      o.push(f);
+    }
+    return o;
+  }, on = (a, t, o) => {
+    if (a.length === 0) return t;
+    const l = Ie(t);
+    let f = ke;
+    for (let w = a.length - 1; w >= 0; w--) {
+      const x = a[w];
+      x.uvTransformFunc && (f = x.uvTransformFunc({
+        uv: f,
+        uniforms: x.uniforms,
+        viewportSize: Pe
+      }), x.uniforms.edges?.uniform && (f = ve(f, x.uniforms.edges.uniform))), o && o.add(x.id);
+    }
+    const b = l.sample(f), g = a[a.length - 1];
+    return g.uniforms.edges?.uniform ? we(f, b, l, g.uniforms.edges.uniform) : b;
+  }, an = (a) => {
+    const t = [], o = [];
+    let l = !1;
+    for (let g = 0; g < a.length; g++) {
+      const w = a[g], x = W(w.id).length > 0;
+      w.acceptsUVContext && !w.requiresChild && t.push(g), H(w) && !x && (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 = a[g];
+      if (w.requiresRTT && !H(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;
+  }, sn = (a, t, o) => {
+    const l = performance.now();
+    console.log(`[Shaders Perf]     composeSiblingsWithUVContext (${a.length} children)`);
+    const f = performance.now(), b = [], g = [];
+    a.forEach((y, m) => {
+      const v = W(y.id).length > 0;
+      H(y) && !v ? g.push({
+        node: y,
+        index: m
+      }) : y.acceptsUVContext && !y.requiresChild && !v && b.push({
+        node: y,
+        index: m
+      });
+    }), 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 m = y.node;
+      m.cleanupCallbacks.forEach((T) => {
+        try {
+          T();
+        } catch (M) {
+          console.error("Cleanup error:", M);
+        }
+      }), m.cleanupCallbacks = [], m.beforeRenderCallbacks = [], m.afterRenderCallbacks = [], m.resizeCallbacks = [];
+      const v = (T) => m.cleanupCallbacks.push(T), c = (T) => m.beforeRenderCallbacks.push(T), F = (T) => m.afterRenderCallbacks.push(T), O = (T) => m.resizeCallbacks.push(T);
+      m.fragmentNodeFunc({
+        uniforms: m.uniforms ?? {},
+        childNode: void 0,
+        uvContext: void 0,
+        onCleanup: v,
+        onBeforeRender: c,
+        onAfterRender: F,
+        onResize: O,
+        canvas: e,
+        dimensions: {
+          width: $,
+          height: z
+        },
+        renderer: n
+      }), o && o.add(m.id);
+    }
+    console.log(`[Shaders Perf]       Callback registration: ${(performance.now() - w).toFixed(2)}ms (${g.length} distortions)`);
+    const x = performance.now();
+    let D;
+    for (let y = 0; y < a.length; y++) {
+      const m = a[y];
+      if (m.metadata.visible === !1) continue;
+      const v = m.metadata.opacity ?? 1;
+      m.opacityUniform.value = v, o && o.add(m.id);
+      const c = W(m.id).length > 0;
+      let F;
+      const O = b.find((T) => T.index === y);
+      if (O) {
+        const T = g.filter((B) => B.index > O.index).sort((B, V) => B.index - V.index).map((B) => B.node);
+        let M = ke;
+        for (let B = T.length - 1; B >= 0; B--) {
+          const V = T[B];
+          V.uvTransformFunc && (M = V.uvTransformFunc({
+            uv: M,
+            uniforms: V.uniforms,
+            viewportSize: Pe
+          })), V.transformUniforms && V.metadata.transform && de(V.metadata.transform) && (M = _e(M, V.transformUniforms.offsetX, V.transformUniforms.offsetY, V.transformUniforms.rotation, V.transformUniforms.scale, V.transformUniforms.anchorX, V.transformUniforms.anchorY, V.transformUniforms.aspectRatio), V.transformUniforms.edges && (M = ve(M, V.transformUniforms.edges)), V.transformRTTActive = !0), V.uniforms.edges?.uniform && (M = ve(M, V.uniforms.edges.uniform));
+        }
+        O.node.transformUniforms && O.node.metadata.transform && de(O.node.metadata.transform) && (M = _e(M, O.node.transformUniforms.offsetX, O.node.transformUniforms.offsetY, O.node.transformUniforms.rotation, O.node.transformUniforms.scale, O.node.transformUniforms.anchorX, O.node.transformUniforms.anchorY, O.node.transformUniforms.aspectRatio), O.node.transformUniforms.edges && (M = ve(M, O.node.transformUniforms.edges)), O.node.transformRTTActive = !0), m.cleanupCallbacks.forEach((B) => {
+          try {
+            B();
+          } catch (V) {
+            console.error("Cleanup error:", V);
+          }
+        }), m.cleanupCallbacks = [], m.beforeRenderCallbacks = [], m.afterRenderCallbacks = [], m.resizeCallbacks = [];
+        const L = (B) => m.cleanupCallbacks.push(B), oe = (B) => m.beforeRenderCallbacks.push(B), le = (B) => m.afterRenderCallbacks.push(B), q = (B) => m.resizeCallbacks.push(B);
+        let _ = m.fragmentNodeFunc({
+          uniforms: m.uniforms ?? {},
+          childNode: void 0,
+          uvContext: M,
+          onCleanup: L,
+          onBeforeRender: oe,
+          onAfterRender: le,
+          onResize: q,
+          canvas: e,
+          dimensions: {
+            width: $,
+            height: z
+          },
+          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();
+        if (T.length > 0) {
+          const B = T[0];
+          B.uniforms.edges?.uniform && (_ = we(M, _, null, B.uniforms.edges.uniform));
+        }
+        F = te(_, m, m.id, t);
+      } else {
+        if (g.find((T) => T.index === y)) continue;
+        if (c) if (Be(m)) F = Ye(m.id, t, o);
+        else if (H(m)) {
+          const T = Xe(m.id);
+          T.length > 1 ? F = He(T, t, o) : F = j(m.id, t, o);
+        } else F = j(m.id, t, o);
+        else {
+          m.cleanupCallbacks.forEach((q) => {
             try {
-              f.dispose(), n.renderTarget && n.renderTarget.dispose();
-            } catch {
+              q();
+            } catch (_) {
+              console.error("Cleanup error:", _);
             }
-            const h = new He({ transparent: !0 });
-            h.fragmentNode = i, h.needsUpdate = !0, s.material = h, f = h, ke = !1, Ge = c;
-          }
+          }), m.cleanupCallbacks = [], m.beforeRenderCallbacks = [], m.afterRenderCallbacks = [], m.resizeCallbacks = [];
+          const T = (q) => m.cleanupCallbacks.push(q), M = (q) => m.beforeRenderCallbacks.push(q), L = (q) => m.afterRenderCallbacks.push(q), oe = (q) => m.resizeCallbacks.push(q);
+          let le = D;
+          m.requiresRTT && D !== void 0 && (le = Q(U(0, 0, 0, 0), D, "normal", 1)), F = te(se(m.fragmentNodeFunc({
+            uniforms: m.uniforms ?? {},
+            childNode: le,
+            onCleanup: T,
+            onBeforeRender: M,
+            onAfterRender: L,
+            onResize: oe,
+            canvas: e,
+            dimensions: {
+              width: $,
+              height: z
+            },
+            renderer: n
+          }), m), m, m.id, t);
         }
-      } catch (c) {
-        console.error("Error composing shader tree:", c);
-      } finally {
-        de = !1;
       }
-      O && P().catch(console.warn);
-    }
-  }, 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);
+      m.requiresChild && m.metadata.blendMode === "normal" && !c ? D = Q(U(0, 0, 0, 0), F, "normal", m.opacityUniform) : D === void 0 ? D = Q(U(1, 1, 1, 0), F, m.metadata.blendMode, m.opacityUniform) : D = Q(D, F, m.metadata.blendMode, m.opacityUniform);
     }
-    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() - x).toFixed(2)}ms`), console.log(`[Shaders Perf]     TOTAL composeSiblingsWithUVContext: ${(performance.now() - l).toFixed(2)}ms`), D ?? U(0, 0, 0, 0);
+  }, j = (a, t = /* @__PURE__ */ new Set(), o, l = !1) => {
+    if ($ === 0 || z === 0) return U(0, 0, 0, 0);
+    const f = h.nodes.get(a);
+    if (!f) return U(0, 0, 0, 0);
+    const b = (y) => {
+      f.cleanupCallbacks.push(y);
+    }, g = (y) => {
+      f.beforeRenderCallbacks.push(y);
+    }, w = (y) => {
+      f.afterRenderCallbacks.push(y);
+    }, x = (y) => {
+      f.resizeCallbacks.push(y);
+    }, D = W(a);
+    if (D.length === 0)
+      return f.requiresRTT && !ne ? U(0, 0, 0, 0) : (f.cleanupCallbacks.forEach((y) => {
         try {
-          D();
-        } catch (k) {
-          console.error("Error in cleanup callback:", k);
+          y();
+        } catch (m) {
+          console.error("Error in cleanup callback:", m);
         }
-      }), a.cleanupCallbacks = [], a.beforeRenderCallbacks = [], a.afterRenderCallbacks = [], a.resizeCallbacks = [], ie(ae(a.fragmentNodeFunc({
-        uniforms: a.uniforms ?? {},
+      }), f.cleanupCallbacks = [], f.beforeRenderCallbacks = [], f.afterRenderCallbacks = [], f.resizeCallbacks = [], te(se(f.fragmentNodeFunc({
+        uniforms: f.uniforms ?? {},
         childNode: void 0,
-        onCleanup: h,
-        onBeforeRender: T,
+        onCleanup: b,
+        onBeforeRender: g,
         onAfterRender: w,
-        onResize: $,
+        onResize: x,
         canvas: e,
         dimensions: {
-          width: M,
-          height: S
+          width: $,
+          height: z
         },
         renderer: n
-      }), a), a, c, i));
+      }), f), f, a, 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 = [...D].sort((m, v) => m.metadata.renderOrder - v.metadata.renderOrder);
+      if (f.parentId === null) {
+        if (!l && an(y)) return te(se(sn(y, t, o), f), f, a, t);
+        let m;
+        for (let v = 0; v < y.length; v++) {
+          const c = y[v];
+          let F;
+          if (c.metadata.opacity === void 0 ? (F = 1, c.opacityUniform.value = F) : (F = c.metadata.opacity, c.opacityUniform.value = F), c.metadata.visible === !1) continue;
+          o && o.add(c.id);
+          const O = W(c.id).length > 0;
+          let T;
+          if (O) if (l) T = j(c.id, t, o, !0);
+          else if (Be(c)) T = Ye(c.id, t, o);
+          else if (H(c)) {
+            const M = Xe(c.id);
+            M.length > 1 ? T = He(M, 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 (H(c) && c.requiresChild && m !== void 0) {
+              const M = tn(y, v);
+              if (M.length > 1) {
+                T = on(M, m, o), v += M.length - 1, m = 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 && !ne) T = U(0, 0, 0, 0);
+            else {
+              const M = (_) => {
+                c.cleanupCallbacks.push(_);
+              }, L = (_) => {
+                c.beforeRenderCallbacks.push(_);
+              }, oe = (_) => {
+                c.afterRenderCallbacks.push(_);
+              }, le = (_) => {
+                c.resizeCallbacks.push(_);
+              };
+              let q = m;
+              c.requiresRTT && m !== void 0 && (q = Q(U(0, 0, 0, 0), m, "normal", 1)), c.cleanupCallbacks.forEach((_) => {
+                try {
+                  _();
+                } catch (B) {
+                  console.error("Error in cleanup callback:", B);
+                }
+              }), c.cleanupCallbacks = [], c.beforeRenderCallbacks = [], c.afterRenderCallbacks = [], c.resizeCallbacks = [], T = te(se(c.fragmentNodeFunc({
+                uniforms: c.uniforms ?? {},
+                childNode: q,
+                onCleanup: M,
+                onBeforeRender: L,
+                onAfterRender: oe,
+                onResize: le,
+                canvas: e,
+                dimensions: {
+                  width: $,
+                  height: z
+                },
+                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" && !O ? m = Q(U(0, 0, 0, 0), T, "normal", c.opacityUniform) : m === void 0 ? f.requiresRTT || F !== 1 ? m = Q(U(1, 1, 1, 0), T, c.metadata.blendMode, c.opacityUniform) : m = T : m = Q(m, T, c.metadata.blendMode, c.opacityUniform);
         }
-        return a.requiresRTT && !V ? v(0, 0, 0, 0) : (a.cleanupCallbacks.forEach((d) => {
+        return f.requiresRTT && !ne ? U(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 = [], te(se(f.fragmentNodeFunc({
+          uniforms: f.uniforms ?? {},
+          childNode: m,
+          onCleanup: b,
+          onBeforeRender: g,
           onAfterRender: w,
-          onResize: $,
+          onResize: x,
           canvas: e,
           dimensions: {
-            width: M,
-            height: S
+            width: $,
+            height: z
           },
           renderer: n
-        }), a), a, c, i));
+        }), f), f, a, 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 && an(y)) {
+          const v = sn(y, t, o);
+          return te(se(f.fragmentNodeFunc({
+            uniforms: f.uniforms ?? {},
+            childNode: v,
+            onCleanup: b,
+            onBeforeRender: g,
+            onAfterRender: w,
+            onResize: x,
+            canvas: e,
+            dimensions: {
+              width: $,
+              height: z
+            },
+            renderer: n
+          }), f), f, a, t);
+        }
+        let m;
+        for (let v = 0; v < y.length; v++) {
+          const c = y[v];
+          let F;
+          if (c.metadata.opacity === void 0 ? (F = 1, c.opacityUniform.value = F) : (F = c.metadata.opacity, c.opacityUniform.value = F), c.metadata.visible === !1) continue;
+          o && o.add(c.id);
+          const O = W(c.id).length > 0;
+          let T;
+          if (O) if (l) T = j(c.id, t, o, !0);
+          else if (Be(c)) T = Ye(c.id, t, o);
+          else if (H(c)) {
+            const M = Xe(c.id);
+            M.length > 1 ? T = He(M, 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 (H(c) && c.requiresChild && m !== void 0) {
+              const M = tn(y, v);
+              if (M.length > 1) {
+                T = on(M, m, o), v += M.length - 1, m = T;
+                continue;
+              }
+            }
+            if (c.requiresRTT && !ne) T = U(0, 0, 0, 0);
+            else {
+              const M = (_) => {
+                c.cleanupCallbacks.push(_);
+              }, L = (_) => {
+                c.beforeRenderCallbacks.push(_);
+              }, oe = (_) => {
+                c.afterRenderCallbacks.push(_);
+              }, le = (_) => {
+                c.resizeCallbacks.push(_);
+              };
+              let q = m;
+              c.requiresRTT && m !== void 0 && (q = Q(U(0, 0, 0, 0), m, "normal", 1)), c.cleanupCallbacks = [], c.beforeRenderCallbacks = [], c.afterRenderCallbacks = [], c.resizeCallbacks = [], T = te(se(c.fragmentNodeFunc({
+                uniforms: c.uniforms ?? {},
+                childNode: q,
+                onCleanup: M,
+                onBeforeRender: L,
+                onAfterRender: oe,
+                onResize: le,
+                canvas: e,
+                dimensions: {
+                  width: $,
+                  height: z
+                },
+                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" && !O ? m = Q(U(0, 0, 0, 0), T, "normal", c.opacityUniform) : m === void 0 ? f.requiresRTT || F !== 1 ? m = Q(U(1, 1, 1, 0), T, c.metadata.blendMode, c.opacityUniform) : m = T : m = Q(m, T, c.metadata.blendMode, c.opacityUniform);
         }
-        return a.requiresRTT && !V ? v(0, 0, 0, 0) : (a.cleanupCallbacks.forEach((d) => {
+        return f.requiresRTT && !ne ? U(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 = [], te(se(f.fragmentNodeFunc({
+          uniforms: f.uniforms ?? {},
+          childNode: m,
+          onCleanup: b,
+          onBeforeRender: g,
           onAfterRender: w,
-          onResize: $,
+          onResize: x,
           canvas: e,
           dimensions: {
-            width: M,
-            height: S
+            width: $,
+            height: z
           },
           renderer: n
-        }), a), a, c, i));
+        }), f), f, a, 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 = (a, t, o, l, f = {}, b) => {
+    if (t === null) {
+      const m = re.findIndex((v) => v.id === a);
+      if (m !== -1) {
+        re.splice(m, 1);
         return;
       }
-      Ae(c);
+      We(a);
       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 m = re.findIndex((v) => v.id === a);
+      m !== -1 ? re[m] = {
+        id: a,
+        fragmentNodeFunc: t,
+        parentId: o,
+        metadata: l,
+        uniforms: f,
+        componentDefinition: b
+      } : re.push({
+        id: a,
+        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 m = d.get(o);
+      if (m && m.size > 0) {
+        let v = 0;
+        for (const c of m) {
+          const F = h.nodes.get(c);
+          F && F.metadata.renderOrder > v && (v = F.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 = G(l?.opacity !== void 0 ? l.opacity : 1);
+    let x;
+    if (l?.transform) {
+      const m = $ / Math.max(1, z);
+      x = {
+        offsetX: G(l.transform.offsetX),
+        offsetY: G(l.transform.offsetY),
+        rotation: G(l.transform.rotation),
+        scale: G(l.transform.scale),
+        anchorX: G(l.transform.anchorX),
+        anchorY: G(l.transform.anchorY),
+        edges: G(l.transform.edges === "stretch" ? 0 : l.transform.edges === "transparent" ? 1 : l.transform.edges === "mirror" ? 2 : 3),
+        aspectRatio: G(m)
       };
     }
     const D = {
-      id: c,
-      componentName: T?.name || "Unknown",
-      fragmentNodeFunc: i,
-      parentId: l,
-      requiresRTT: T?.requiresRTT || !1,
-      requiresChild: T?.requiresChild || !1,
-      opacityUniform: $,
+      id: a,
+      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: x,
+      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(a, D), o === null && (h.rootId = a);
+    const y = d.get(o) || /* @__PURE__ */ new Set();
+    y.add(a), d.set(o, y), p && E && $ > 0 && z > 0 ? (De.includes(a) || De.push(a), pe === null && (pe = requestAnimationFrame(() => {
+      pe = null, De = [], me();
+    }))) : p && E && (be || (be = !0, requestAnimationFrame(() => {
+      be = !1, $ > 0 && z > 0 && me();
     })));
-  }, 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();
+  }, Dn = (a, t, o) => {
+    const l = h.nodes.get(a);
+    if (!l || !l.uniforms) return;
+    const f = l.uniforms[t];
+    if (!(!f || !f.uniform)) {
+      if (f.transform) {
+        const { updateUniformValue: b } = (Sn(), Hn(qt));
+        b(f, o);
+      } else f.uniform.value = o;
+      N && ee();
     }
-  }, 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($)
+  }, Fn = (a, t) => {
+    const o = h.nodes.get(a);
+    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 ? de(o.metadata.transform) : !1, g = de(t.transform);
+      if (o.metadata.transform = t.transform, !o.transformUniforms && t.transform) {
+        const w = $ / Math.max(1, z);
+        o.transformUniforms = {
+          offsetX: G(t.transform.offsetX),
+          offsetY: G(t.transform.offsetY),
+          rotation: G(t.transform.rotation),
+          scale: G(t.transform.scale),
+          anchorX: G(t.transform.anchorX),
+          anchorY: G(t.transform.anchorY),
+          edges: G(t.transform.edges === "stretch" ? 0 : t.transform.edges === "transparent" ? 1 : t.transform.edges === "mirror" ? 2 : 3),
+          aspectRatio: G(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 && E ? (Fe.includes(a) || Fe.push(a), ge === null && (ge = requestAnimationFrame(() => {
+      ge = null, Fe = [], me();
+    }))) : N && ee();
+  }, We = (a) => {
+    if (!h.nodes.has(a)) return;
+    const t = h.nodes.get(a);
+    if (t && t.cleanupCallbacks.length > 0) for (const l of t.cleanupCallbacks) try {
+      l();
+    } catch (f) {
+      console.error(`Error executing cleanup callback for node ${a}:`, 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 = W(a);
+    for (const l of o) We(l.id);
+    if (h.rootId === a && (h.rootId = null), t) {
+      const l = d.get(t.parentId);
+      l && (l.delete(a), l.size === 0 && d.delete(t.parentId));
     }
-    m.nodes.delete(c), f && C && J();
-  }, dn = (c) => {
-    const i = {
-      deltaTime: c,
+    h.nodes.delete(a), p && E && me();
+  }, En = (a) => {
+    const t = {
+      deltaTime: a,
       pointer: {
-        x: me,
-        y: fe
+        x: Me,
+        y: Ae
       },
-      pointerActive: j,
+      pointerActive: fe,
       dimensions: {
-        width: M,
-        height: S
+        width: $,
+        height: z
       }
     };
-    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,
+  }, On = (a) => {
+    const t = {
+      deltaTime: a,
       pointer: {
-        x: me,
-        y: fe
+        x: Me,
+        y: Ae
       },
-      pointerActive: j,
+      pointerActive: fe,
       dimensions: {
-        width: M,
-        height: S
+        width: $,
+        height: z
       }
     };
-    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);
+  }, ee = async () => {
+    if (!Un()) return;
+    const a = ue ? performance.now() : 0, t = a || performance.now(), o = Le > 0 ? (t - Le) / 1e3 : 0.016, l = Math.min(o, 0.1);
+    Le = t, ue && performance.mark("shader-cpu-start"), En(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 ($e) return;
+      ue && performance.mark("shader-gpu-start");
+      const f = performance.now();
+      n.render(r, i);
+      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`), On(l), ue) {
+        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 x = w.timestampQuery.getResult();
+              x != null && ie.recordGpuTime(x / 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 (ue) {
         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() - a;
+        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);
+  }, Bn = () => {
+    const a = Math.max(0, h.nodes.size - 1), t = Ee;
+    ie.updateNodeCounts(a, t);
+  }, Pn = () => {
+    Bn();
+    const a = n?.info;
+    return ie.getStats(a);
+  }, je = () => {
+    if (R || !ae || !N) return;
+    ie.setRendering(!0);
+    const a = () => {
+      R = requestAnimationFrame(a), ee().catch(console.warn);
     };
-    c();
-  }, De = () => {
-    g && (cancelAnimationFrame(g), g = null), W.setRendering(!1);
-  }, qe = (c) => {
+    a();
+  }, Qe = () => {
+    R && (cancelAnimationFrame(R), R = null), ie.setRendering(!1);
+  }, cn = (a) => {
     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 a) {
+      if (a.touches.length === 0) return;
+      t = a.touches[0].clientX, o = a.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 = a.clientX, o = a.clientY;
+    const l = e.getBoundingClientRect(), f = (t - l.left) / l.width, b = (o - l.top) / l.height;
+    Me = f, Ae = b;
+  }, _n = (a) => {
+    !E || !e || cn(a);
+  }, Vn = (a) => {
+    !E || !e || cn(a);
+  }, Ln = () => {
+    E && (fe = !1, ee().catch(console.warn));
+  }, qn = () => {
+    E && (fe = !1, ee().catch(console.warn));
+  }, fn = () => {
+    fe = !0, ee().catch(console.warn);
+  }, un = () => {
+    fe = !0, ee().catch(console.warn);
+  }, Gn = () => {
+    if (re.length === 0) return;
+    const a = [...re];
+    re = [];
+    for (const { id: t, fragmentNodeFunc: o, parentId: l, metadata: f, uniforms: b, componentDefinition: g } of a) o && ln(t, o, l, f, b, g);
+  }, Nn = async ({ canvas: a, enablePerformanceTracking: t = !1 }) => {
+    if (E || Z) return;
+    ue = t, Z = !0, Y = new AbortController();
+    const o = Y;
+    try {
+      if (e = a, r = new Jn(), r.background = null, i = new Xn(-1, 1, 1, -1, 0.1, 10), i.position.z = 1, i.lookAt(0, 0, 0), ze = It.register({
+        onMouseMove: _n,
+        onTouchMove: Vn,
+        onMouseUp: Ln,
+        onTouchEnd: qn
+      }), a.addEventListener("mousedown", fn), a.addEventListener("touchstart", un), Ce = () => {
+        mn();
+      }, window.addEventListener("beforeunload", Ce), 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 D = {
+          canvas: a,
+          antialias: !0,
+          alpha: !0,
+          depth: !1,
+          powerPreference: "high-performance"
+        };
+        if (ue && (D.forceWebGL = !1, D.requiredFeatures = ["timestamp-query"]), n = new Je(D), await n.init(), o.signal.aborted) return;
+      } catch (D) {
+        if (o.signal.aborted) return;
+        console.warn("[Shaders] WebGPU initialization failed, falling back to WebGL:", D);
         try {
-          const D = {
-            canvas: c,
+          if (n = new at({
+            canvas: a,
             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 = Yn, p = new dn({ transparent: !0 }), p.fragmentNode = U(0, 0, 0, 0), u = new ir(new Kn(2, 2), p), r.add(u);
+      const l = a.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(xn), S.observe(l), P = new IntersectionObserver(Mn, { threshold: 0 }), P.observe(a);
+      const f = a.getBoundingClientRect();
+      N = f.width > 0 && f.height > 0 && f.top < window.innerHeight && f.bottom > 0 && f.left < window.innerWidth && f.right > 0, ne = N && f.width > 0 && f.height > 0, ae = !0;
+      const { width: b, height: g } = a.getBoundingClientRect(), w = Math.round(b), x = Math.round(g);
+      w > 0 && x > 0 ? (Ne(w, x), X = !0, await ee()) : X = !1, ae && N && je(), o.signal.aborted || (E = !0, qe = !0, Gn());
+    } catch (l) {
+      console.error("[Shaders] Initialization error:", l);
+    } finally {
+      Z = !1, Y === o && (Y = null);
+    }
+  }, In = () => {
+    !Xt() || Tn || (console.warn("Shaders is running in development mode. Please purchase a license at https://shaders.com to use it in production."), Tn = !0);
+  }, mn = () => {
+    if (Y && Y.abort(), S && (S.disconnect(), S = null), P && (P.disconnect(), P = null), ze && (ze(), ze = null), e && (e.removeEventListener("mousedown", fn), e.removeEventListener("touchstart", un)), Ce && (window.removeEventListener("beforeunload", Ce), Ce = null), Qe(), rn(), Re.forEach((a) => {
+      try {
+        a?.renderTarget?.dispose && a.renderTarget.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
+    }), Re.clear(), h.nodes.clear(), h.rootId = null, h.idToNodeId.clear(), d.clear(), re = [], qe = !1, De = [], pe !== null && (cancelAnimationFrame(pe), pe = null), Fe = [], ge !== null && (cancelAnimationFrame(ge), ge = null), Te = null, Oe = !1, u) {
+      r && r.remove(u);
+      try {
+        u.geometry && typeof u.geometry.dispose == "function" && u.geometry.dispose();
+      } catch {
+      }
+      try {
+        u.material instanceof Qn && typeof u.material.dispose == "function" && u.material.dispose();
+      } catch {
+      }
+    }
+    if (n && typeof n.dispose == "function") try {
+      n.dispose();
+    } catch {
+    }
+    e = null, n = null, i = null, r = null, u = null, p = null, E = !1, Z = !1, X = !1, Y = null, $ = 0, z = 0, N = !1, ae = !0, Me = 0.5, Ae = 0.5, fe = !1;
+  };
+  return {
+    initialize: Nn,
+    cleanup: mn,
+    registerNode: ln,
+    removeNode: We,
+    updateUniformValue: Dn,
+    updateNodeMetadata: Fn,
+    showLicenseWarning: In,
+    isInitialized: () => E,
+    startAnimation: je,
+    stopAnimation: Qe,
+    getPerformanceStats: Pn,
+    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 = {
+Sn();
+function fa(e) {
+  const n = /* @__PURE__ */ new Map(), i = /* @__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((u) => {
+    u.elementId && n.set(u.elementId, u.id);
+  }), e.forEach((u) => {
+    if (u.mask?.source) {
+      const p = u.mask.source.startsWith("#") ? u.mask.source.substring(1) : u.mask.source, h = n.get(p);
+      h ? (i.has(u.id) || i.set(u.id, []), i.get(u.id)?.push(h), r.maskSources.set(u.id, h)) : console.warn(`Mask source "${p}" not found for node "${u.id}"`);
     }
-  }), t.processingOrder = Sr(r, t.circularDependencies), t;
+  }), r.processingOrder = Yt(i, 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 Yt(e, n) {
+  const i = [], r = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set();
+  function p(d, R = []) {
+    if (r.has(d)) return;
+    if (u.has(d)) {
+      const P = [...R.slice(R.indexOf(d)), d];
+      n.push(P);
       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);
+    u.add(d), R.push(d);
+    const S = e.get(d) || [];
+    for (const P of S) p(P, [...R]);
+    u.delete(d), r.add(d), i.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) && i.push(d);
+  return i.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 } = he;
+const Jt = (e) => Wt(jt(Qt(e, Ht(12.12345, 78.12345))).mul(40000.12345)), ua = (e = 0.03) => (n) => Jt(n).mul(e).mul(0.10012345);
+A();
+var { vec2: Kt } = he;
+const ma = (e = Kt(0), n = 0.02, i = 1, r = 1) => {
+  const { vec2: u, sin: p, cos: h, time: d } = he, R = r * 1.618033988749895, S = r * 2.718281828459045, P = (Math.sin(r) + 2) * 5, E = (Math.cos(r) + 2) * 5, Z = u(p(e.x.mul(i).mul(P).add(d.mul(0.1)).add(R)), h(e.y.mul(i).mul(P).add(d.mul(0.1)).add(S))), X = u(p(e.y.mul(i).mul(E).add(d.mul(0.05)).add(S)), h(e.x.mul(i).mul(E).add(d.mul(0.05)).add(R))), Y = Z.add(X).mul(n);
+  return e.add(Y);
 };
-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 da = (e, n, i = 0.6, r = 0.3, u = 1) => {
+  const { max: p, smoothstep: h, vec4: d } = he, R = p(p(e.r, e.g), e.b), S = h(i, i + r, R).mul(u).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 ha = (e = {}) => {
+  const { inset: n = 0.4, softness: i = 0.5, offsetX: r = 0, offsetY: u = 0 } = e, { float: p, smoothstep: h, uv: d } = he, R = d(), S = R.x.sub(0.5).sub(p(r)).mul(2), P = R.y.sub(0.5).add(p(u)).mul(2), E = S.mul(S).add(P.mul(P)).sqrt();
+  return p(1).sub(h(p(1).sub(p(n)), p(1).sub(p(n)).add(p(i)), E.mul(p(1).add(p(i)))));
 };
-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: sr,
+    Ascii: lr,
+    Blob: cr,
+    Blur: fr,
+    Bulge: ur,
+    ChannelBlur: mr,
+    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: Ir,
+    Ripples: Xr,
+    Saturation: Yr,
+    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(([i, r]) => {
+    const u = {};
+    r.props && Object.entries(r.props).forEach(([p, h]) => {
+      h.ui && (u[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: i,
+      category: r.category || "Uncategorized",
+      definition: r,
+      propsMetadata: u
     };
   }), e;
 };
-const Te = Er();
-function Jo() {
-  return Object.values(Te);
+const Ve = Zt();
+function pa() {
+  return Object.values(Ve);
 }
-function Ko(e) {
-  return Te[e];
+function ga(e) {
+  return Ve[e];
 }
-function Zo(e) {
-  return Object.values(Te).filter((n) => n.category === e);
+function ba(e) {
+  return Object.values(Ve).filter((n) => n.category === e);
 }
-function ei() {
-  const e = new Set(Object.values(Te).map((n) => n.category));
+function va() {
+  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,
+  ma as distort,
+  ha as edgeMask,
+  pa as getAllShaders,
+  ga as getShaderByName,
+  va as getShaderCategories,
+  ba as getShadersByCategory,
+  da as glow,
+  ua as grain,
+  fa as resolveMaskDependencies,
+  Ve as shaderRegistry,
+  ca as shaderRenderer,
+  Nt as updateUniformValue
 };