shaders 2.2.0 → 2.2.2

package/dist/core/{AngularBlur-BJi-Edw-.js → AngularBlur-BTUdXC0g.js}

@@ -1,9 +1,10 @@
-import { O as V, m as q } from "./three.tsl-CgyjOhns.js";
-import { o as I } from "./transformations-Bs66Qh16.js";
+import { k as V, m as q } from "./three.tsl-BqgDcRt9.js";
+import { o as I } from "./transformations-DBjTkQ5b.js";
 q();
 const P = {
   name: "AngularBlur",
   category: "Blurs",
+  description: "Radial motion blur rotating around a center point",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -42,15 +43,15 @@ const P = {
     return T(() => {
       const e = x.sub(c), s = u(0).toVar(), i = t(0).toVar(), _ = A.div(t(31));
       for (let n = 0; n < 32; n++) {
-        const m = t(n).div(t(31)).sub(0.5).mul(2), d = t(1).div(t(2.506628)).mul(t(-0.5).mul(m).mul(m).div(t(0.64)).exp()), p = _.mul(t(n)), f = h(p), g = v(p), B = l(e.x.mul(f).sub(e.y.mul(g)), e.x.mul(g).add(e.y.mul(f))).add(c), C = o.sample(B).mul(d);
-        s.assign(s.add(C)), i.assign(i.add(d));
+        const d = t(n).div(t(31)).sub(0.5).mul(2), m = t(1).div(t(2.506628)).mul(t(-0.5).mul(d).mul(d).div(t(0.64)).exp()), p = _.mul(t(n)), f = h(p), g = v(p), B = l(e.x.mul(f).sub(e.y.mul(g)), e.x.mul(g).add(e.y.mul(f))).add(c), C = o.sample(B).mul(m);
+        s.assign(s.add(C)), i.assign(i.add(m));
       }
       return s.div(i);
     })();
   }
 };
-var F = P;
+var w = P;
 export {
   P as n,
-  F as t
+  w as t
 };

package/dist/core/{Ascii-B1KHvM1u.js → Ascii-Bu8ii7oo.js}

@@ -1,9 +1,10 @@
-import { C as Ie, O as Re, b as _e, d as Y, k as x, m as Ee, p as ke, r as De, t as qe } from "./three.tsl-CgyjOhns.js";
-import { DataTexture as Ge, NearestFilter as ee, RGBAFormat as Je, UnsignedByteType as Oe } from "three";
-Ee();
+import { A as x, C as $e, b as Re, d as Y, k as _e, m as ke, p as Ee, r as De, t as qe } from "./three.tsl-BqgDcRt9.js";
+import { DataTexture as Ge, NearestFilter as ee, RGBAFormat as Je, UnsignedByteType as Ve } from "three";
+ke();
 const d = {
   name: "Ascii",
-  category: "Effects",
+  category: "Stylize",
+  description: "Convert imagery to ASCII character art",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -77,10 +78,10 @@ const d = {
       transform: (a) => 0.1 + a * 1.4
     }
   },
-  fragmentNode: ({ uniforms: a, childNode: I, onCleanup: R, onBeforeRender: te }) => {
-    const { vec2: v, vec3: _, vec4: E, floor: M, fract: ae, dot: k, ceil: oe, sqrt: ne, screenUV: le, texture: re, viewportSize: ce, convertToTexture: se } = Re;
-    if (!I) return E(0, 0, 0, 0);
-    const w = se(I);
+  fragmentNode: ({ uniforms: a, childNode: $, onCleanup: R, onBeforeRender: te }) => {
+    const { vec2: v, vec3: _, vec4: k, floor: M, fract: ae, dot: E, ceil: oe, sqrt: ne, screenUV: le, texture: re, viewportSize: ce, convertToTexture: se } = _e;
+    if (!$) return k(0, 0, 0, 0);
+    const w = se($);
     R(() => {
       w?.renderTarget?.dispose && w.renderTarget.dispose();
     });
@@ -121,13 +122,13 @@ const d = {
     }
     const q = async (e, n, t, r) => {
       if (!e || e.length === 0) throw new Error("Characters string cannot be empty");
-      const u = e.length, i = Math.max(2, Math.ceil(Math.sqrt(u))), ye = 128, Te = Math.max(1, 2 / r), h = Math.min(ye * Te, l / i), W = h * 0.75, p = document.createElement("canvas");
+      const u = e.length, i = Math.max(2, Math.ceil(Math.sqrt(u))), Fe = 128, Te = Math.max(1, 2 / r), h = Math.min(Fe * Te, l / i), W = h * 0.75, p = document.createElement("canvas");
       p.width = l, p.height = l;
       const c = p.getContext("2d");
       c.clearRect(0, 0, p.width, p.height), c.fillStyle = "#ffffff", c.font = `${W}px "${t}", ${t}, monospace`, !c.font.includes(t) && !c.font.includes("IBM") && !c.font.includes("Plex") && (c.font = `${W}px ${t}, monospace`), c.textAlign = "center", c.textBaseline = "middle";
       for (let C = 0; C < u; C++) {
-        const Be = e[C], Pe = Math.floor(C / i), Ae = C % i * h + h / 2, $e = Pe * h + h / 2;
-        c.fillText(Be, Ae, $e);
+        const Ae = e[C], Be = Math.floor(C / i), Pe = C % i * h + h / 2, Ie = Be * h + h / 2;
+        c.fillText(Ae, Pe, Ie);
       }
       const Ue = c.getImageData(0, 0, p.width, p.height);
       return {
@@ -141,52 +142,52 @@ const d = {
         fontFamily: t,
         uvScale: i * h / l
       };
-    }, ue = d.props.characters.default, de = d.props.cellSize.default, pe = d.props.fontFamily.default, he = d.props.spacing.transform ? d.props.spacing.transform(d.props.spacing.default) : d.props.spacing.default, F = a?.characters?.uniform?.value ?? ue, G = a?.cellSize?.uniform?.value ?? de, y = a?.fontFamily?.uniform?.value ?? pe, J = a?.spacing?.uniform?.value ?? he;
+    }, ue = d.props.characters.default, de = d.props.cellSize.default, pe = d.props.fontFamily.default, he = d.props.spacing.transform ? d.props.spacing.transform(d.props.spacing.default) : d.props.spacing.default, y = a?.characters?.uniform?.value ?? ue, G = a?.cellSize?.uniform?.value ?? de, F = a?.fontFamily?.uniform?.value ?? pe, J = a?.spacing?.uniform?.value ?? he;
     let o = {
       data: new Uint8Array(l * l * 4),
       width: l,
       height: l,
       atlasSize: 3,
       cellSize: G,
-      charCount: F.length,
-      characters: F,
-      fontFamily: y,
+      charCount: y.length,
+      characters: y,
+      fontFamily: F,
       uvScale: 1
     };
-    const s = new Ge(o.data, l, l, Je, Oe);
+    const s = new Ge(o.data, l, l, Je, Ve);
     s.minFilter = ee, s.magFilter = ee, s.generateMipmaps = !1, s.needsUpdate = !0;
-    const fe = re(s), T = x(o.charCount), U = x(o.cellSize), B = x(o.uvScale);
-    let f = F, m = G, S = y, g = J;
-    const O = async () => {
-      const e = a?.characters?.uniform?.value ?? f, n = a?.cellSize?.uniform?.value ?? m, t = a?.fontFamily?.uniform?.value ?? S, r = a?.spacing?.uniform?.value ?? g;
-      o = await q(e, n, t, r), s.image.data = o.data, s.needsUpdate = !0, T.value = o.charCount, U.value = o.cellSize, B.value = o.uvScale, f = e, m = n, S = t, g = r;
+    const me = re(s), T = x(o.charCount), U = x(o.cellSize), A = x(o.uvScale);
+    let m = y, f = G, S = F, g = J;
+    const V = async () => {
+      const e = a?.characters?.uniform?.value ?? m, n = a?.cellSize?.uniform?.value ?? f, t = a?.fontFamily?.uniform?.value ?? S, r = a?.spacing?.uniform?.value ?? g;
+      o = await q(e, n, t, r), s.image.data = o.data, s.needsUpdate = !0, T.value = o.charCount, U.value = o.cellSize, A.value = o.uvScale, m = e, f = n, S = t, g = r;
     };
     setTimeout(() => {
-      O().catch((e) => {
+      V().catch((e) => {
         console.error("Failed to initialize atlas:", e);
-      }), ie(a?.fontFamily?.uniform?.value ?? y).then(() => {
-        O().catch((e) => {
+      }), ie(a?.fontFamily?.uniform?.value ?? F).then(() => {
+        V().catch((e) => {
           console.error("Failed to update atlas with custom font:", e);
         });
       }).catch((e) => {
         console.error("Failed to load font:", e);
       });
     }, 0);
-    let V = 0, z = !1;
+    let O = 0, z = !1;
     te(() => {
       const e = Date.now();
-      if (e - V < 16 || z) return;
-      const n = a.characters?.uniform?.value ?? f, t = a.cellSize?.uniform?.value ?? m, r = a.fontFamily?.uniform?.value ?? S, u = a.spacing?.uniform?.value ?? g;
-      !n || n.length === 0 || (n !== f || t !== m || r !== S || u !== g) && (V = e, z = !0, q(n, t, r, u).then((i) => {
-        o = i, s.image.data = o.data, s.needsUpdate = !0, T.value = o.charCount, U.value = o.cellSize, B.value = o.uvScale, f = n, m = t, S = r, g = u, z = !1;
+      if (e - O < 16 || z) return;
+      const n = a.characters?.uniform?.value ?? m, t = a.cellSize?.uniform?.value ?? f, r = a.fontFamily?.uniform?.value ?? S, u = a.spacing?.uniform?.value ?? g;
+      !n || n.length === 0 || (n !== m || t !== f || r !== S || u !== g) && (O = e, z = !0, q(n, t, r, u).then((i) => {
+        o = i, s.image.data = o.data, s.needsUpdate = !0, T.value = o.charCount, U.value = o.cellSize, A.value = o.uvScale, m = n, f = t, S = r, g = u, z = !1;
       }).catch((i) => {
         console.error("Failed to update atlas:", i), z = !1;
       }));
     }), R(() => {
       s.dispose();
     });
-    const me = U.mul(1.5), N = ce.div(me), L = le.mul(N), Se = M(L), ge = ae(L), X = a.spacing?.uniform ?? x(J), Z = v(0.5), j = ge.sub(Z), Ce = j.div(X).add(Z), ve = De(ke(qe(j), v(X.mul(0.5)))), ze = Se.add(v(0.5)).div(N), P = w.sample(ze), xe = k(P.rgb, _(0.299, 0.587, 0.114)), A = T, H = M(xe.mul(0.8).add(0.1).mul(A).min(A.sub(1e-4))), $ = oe(ne(A)), Me = H.mod($), we = M(H.div($)), K = Y(1).div($).mul(B), be = v(Me, we).mul(K).add(Ce.mul(K)), Q = fe.sample(be), Fe = k(Q.rgb, _(0.299, 0.587, 0.114)).lessThan(0.1);
-    return E(Q.rgb.mul(P.rgb), Ie(_e(Fe, ve), Y(0), P.a));
+    const fe = U.mul(1.5), N = ce.div(fe), L = le.mul(N), Se = M(L), ge = ae(L), X = a.spacing?.uniform ?? x(J), Z = v(0.5), j = ge.sub(Z), Ce = j.div(X).add(Z), ve = De(Ee(qe(j), v(X.mul(0.5)))), ze = Se.add(v(0.5)).div(N), B = w.sample(ze), xe = E(B.rgb, _(0.299, 0.587, 0.114)), P = T, H = M(xe.mul(0.8).add(0.1).mul(P).min(P.sub(1e-4))), I = oe(ne(P)), Me = H.mod(I), we = M(H.div(I)), K = Y(1).div(I).mul(A), be = v(Me, we).mul(K).add(Ce.mul(K)), Q = me.sample(be), ye = E(Q.rgb, _(0.299, 0.587, 0.114)).lessThan(0.1);
+    return k(Q.rgb.mul(B.rgb), $e(Re(ye, ve), Y(0), B.a));
   }
 };
 var Le = d;

package/dist/core/Blob-C0G0efjG.js

@@ -0,0 +1,170 @@
+import { k as fo, m as bo } from "./three.tsl-BqgDcRt9.js";
+import { t as yo } from "./time-5uQ65blS.js";
+import { i as xo, o as Co, r as g, t as vo } from "./transformations-DBjTkQ5b.js";
+import { t as So } from "./colorMixing-DPZ-Td4U.js";
+bo();
+const Ao = {
+  name: "Blob",
+  category: "Base Layers",
+  description: "Organic animated blob with 3D lighting and gradients",
+  acceptsUVContext: !0,
+  props: {
+    colorA: {
+      default: "#ff6b35",
+      transform: g,
+      description: "Primary color of the blob",
+      ui: {
+        type: "color",
+        label: "Color A"
+      }
+    },
+    colorB: {
+      default: "#e91e63",
+      transform: g,
+      description: "Secondary color of the blob",
+      ui: {
+        type: "color",
+        label: "Color B"
+      }
+    },
+    size: {
+      default: 0.5,
+      description: "Size of the blob",
+      ui: {
+        type: "range",
+        min: 0,
+        max: 1,
+        step: 0.01,
+        label: "Size"
+      }
+    },
+    deformation: {
+      default: 0.5,
+      description: "How organic and blobby the shape is (0 = circle, 1 = very blobby)",
+      ui: {
+        type: "range",
+        min: 0,
+        max: 1,
+        step: 0.01,
+        label: "Deformation"
+      }
+    },
+    softness: {
+      default: 0.5,
+      description: "Softness of the blob edges (combines edge width and transition curve)",
+      ui: {
+        type: "range",
+        min: 0,
+        max: 1,
+        step: 0.01,
+        label: "Softness"
+      }
+    },
+    highlightIntensity: {
+      default: 0.5,
+      description: "Intensity of specular highlight effect",
+      ui: {
+        type: "range",
+        min: 0,
+        max: 1,
+        step: 0.01,
+        label: "Highlight Intensity"
+      }
+    },
+    highlightX: {
+      default: 0.3,
+      description: "Light direction X component",
+      ui: {
+        type: "range",
+        min: -1,
+        max: 1,
+        step: 0.01,
+        label: "Highlight X"
+      }
+    },
+    highlightY: {
+      default: -0.3,
+      description: "Light direction Y component",
+      ui: {
+        type: "range",
+        min: -1,
+        max: 1,
+        step: 0.01,
+        label: "Highlight Y"
+      }
+    },
+    highlightZ: {
+      default: 0.4,
+      description: "Light direction Z component",
+      ui: {
+        type: "range",
+        min: -1,
+        max: 1,
+        step: 0.01,
+        label: "Highlight Z"
+      }
+    },
+    highlightColor: {
+      default: "#ffe11a",
+      transform: g,
+      description: "Color of the specular highlight",
+      ui: {
+        type: "color",
+        label: "Highlight Color"
+      }
+    },
+    speed: {
+      default: 0.5,
+      description: "Animation speed",
+      ui: {
+        type: "range",
+        min: 0,
+        max: 2,
+        step: 0.1,
+        label: "Speed"
+      }
+    },
+    seed: {
+      default: 1,
+      description: "Adjusts the starting state, useful for variation",
+      ui: {
+        type: "range",
+        min: 0,
+        max: 100,
+        step: 1,
+        label: "Seed"
+      }
+    },
+    center: {
+      default: {
+        x: 0.5,
+        y: 0.5
+      },
+      transform: Co,
+      description: "The center point of the blob",
+      ui: {
+        type: "position",
+        label: "Center Position"
+      }
+    },
+    colorSpace: {
+      default: "linear",
+      transform: xo,
+      description: "Color space for color interpolation",
+      ui: {
+        type: "select",
+        options: vo,
+        label: "Color Space"
+      }
+    }
+  },
+  fragmentNode: (p) => {
+    const { uniforms: i, uvContext: D } = p, { vec2: f, vec3: c, vec4: X, float: o, screenUV: Y, smoothstep: s, sin: e, length: b, viewportSize: y, pow: x, max: Z, normalize: C, dot: I, reflect: N } = fo, v = D ?? Y, l = yo(p, i.speed, i.seed), S = i.colorA.uniform, A = i.colorB.uniform, P = i.size.uniform, u = i.deformation.uniform, B = i.softness.uniform, _ = i.highlightIntensity.uniform, L = i.highlightX.uniform, R = i.highlightY.uniform, T = i.highlightZ.uniform, U = i.highlightColor.uniform, w = B.mul(o(0.3)), V = B.mul(o(2)).add(o(0.5)), m = o(0.5), z = y.x.div(y.y), k = f(v.x.mul(z), v.y), M = f(i.center.uniform.x.mul(z), i.center.uniform.y.oneMinus()), t = k.sub(M), O = b(t), j = P, n = o(4), F = e(t.x.mul(n.mul(o(0.8))).add(l.mul(o(0.8)))).mul(e(t.y.mul(n.mul(o(0.7))).add(l.mul(o(0.6))))).add(e(t.x.mul(n.mul(o(1.2))).sub(t.y.mul(n.mul(o(0.9))).add(l.mul(o(0.4)))))).mul(o(0.15)).mul(u), G = e(t.x.mul(n.mul(o(1.4))).sub(l.mul(o(0.5)))).mul(e(t.y.mul(n.mul(o(1.1))).add(l.mul(o(0.7))))).mul(o(0.12)).mul(u).mul(s(o(0.15), o(0.25), m)), W = e(t.x.mul(n.mul(o(1.8))).add(t.y.mul(n.mul(o(1.6))).add(l.mul(o(0.3))))).add(e(t.x.mul(n.mul(o(0.6))).sub(l.mul(o(0.9))))).mul(o(0.1)).mul(u).mul(s(o(0.3), o(0.4), m)), q = e(t.x.mul(n.mul(o(2.2))).add(l.mul(o(0.2)))).mul(e(t.y.mul(n.mul(o(1.9))).sub(l.mul(o(0.8))))).mul(o(0.08)).mul(u).mul(s(o(0.45), o(0.55), m)), E = e(t.x.mul(n.mul(o(2.8))).sub(t.y.mul(n.mul(o(2.4))).add(l.mul(o(0.6))))).mul(o(0.06)).mul(u).mul(s(o(0.6), o(0.7), m)), J = e(t.x.mul(n.mul(o(3.2))).add(l.mul(o(1.1)))).add(e(t.y.mul(n.mul(o(3.5))).sub(l.mul(o(0.4))))).mul(o(0.04)).mul(u).mul(s(o(0.75), o(0.85), m)), K = F.add(G).add(W).add(q).add(E).add(J), h = j.add(K), H = x(s(h.add(w), h.sub(w), O), V), Q = b(t), $ = h, a = s(o(0), $, Q), oo = o(1).sub(a.mul(o(0.1))), to = C(c(t.x.mul(a.add(o(0.2))), t.y.mul(a.add(o(0.2))), oo)), eo = C(c(L, R, T)), lo = c(o(0), o(0), o(1)), io = N(eo.negate(), to), no = o(32), so = x(Z(o(0), I(io, lo)), no), uo = a.mul(o(0.5)).add(o(0.5)), mo = so.mul(uo).mul(_).mul(H), r = t.x.mul(o(3)), d = t.y.mul(o(3)), ao = e(r.add(l.mul(o(0.4)))).mul(e(d.add(l.mul(o(0.3))))).add(e(r.mul(o(0.7)).add(d.mul(o(0.8))).add(l.mul(o(0.2))))).mul(o(0.5)).add(o(0.5)), ro = e(r.mul(o(1.3)).sub(l.mul(o(0.5)))).mul(e(d.mul(o(1.1)).add(l.mul(o(0.6))))).add(e(r.mul(o(0.5)).sub(d.mul(o(0.6)).sub(l.mul(o(0.3)))))).mul(o(0.5)).add(o(0.5)), co = ao.mul(o(0.6)).add(ro.mul(o(0.4))), ho = So(S, A, s(o(0.1), o(0.9), co), i.colorSpace.uniform).rgb, go = S.a.add(A.a).div(o(2)), po = U.rgb.mul(mo);
+    return X(ho.add(po), go.mul(H));
+  }
+};
+var Do = Ao;
+export {
+  Ao as n,
+  Do as t
+};

package/dist/core/{Blur-bz9Ubr0x.js → Blur-BzUO9yxF.js}

@@ -1,8 +1,9 @@
-import { O as z, m as S } from "./three.tsl-CgyjOhns.js";
+import { k as z, m as S } from "./three.tsl-BqgDcRt9.js";
 S();
 const B = {
   name: "Blur",
   category: "Blurs",
+  description: "A simple Gaussian blur effect",
   requiresRTT: !0,
   requiresChild: !0,
   props: { intensity: {
@@ -16,7 +17,7 @@ const B = {
       label: "Intensity"
     }
   } },
-  fragmentNode: ({ uniforms: b, childNode: f, onCleanup: g }) => {
+  fragmentNode: ({ uniforms: _, childNode: f, onCleanup: g }) => {
     const { vec2: r, vec4: n, float: s, screenUV: T, convertToTexture: h, viewportSize: v, Fn: x } = z;
     if (!f) return n(0, 0, 0, 0);
     const o = h(f);
@@ -37,23 +38,23 @@ const B = {
       0.278,
       0.135,
       0.056
-    ], w = 6.214, _ = b.intensity.uniform.mul(0.06), i = h(x(() => {
-      const a = T, l = _, c = r(1).div(v), e = n(0).toVar();
-      for (let t = -6; t <= 6; t++) {
-        const u = s(y[t + 6] / w), d = r(s(t), s(0)).mul(l).mul(c), m = a.add(d), p = o.sample(m).mul(u);
-        e.assign(e.add(p));
+    ], b = 6.214, w = _.intensity.uniform.mul(0.06), i = h(x(() => {
+      const a = T, l = w, c = r(1).div(v), t = n(0).toVar();
+      for (let e = -6; e <= 6; e++) {
+        const u = s(y[e + 6] / b), d = r(s(e), s(0)).mul(l).mul(c), m = a.add(d), p = o.sample(m).mul(u);
+        t.assign(t.add(p));
       }
-      return e;
+      return t;
     })());
     return g(() => {
       i?.renderTarget?.dispose && i.renderTarget.dispose();
     }), x(() => {
-      const a = T, l = _, c = r(1).div(v), e = n(0).toVar();
-      for (let t = -6; t <= 6; t++) {
-        const u = s(y[t + 6] / w), d = r(s(0), s(t)).mul(l).mul(c), m = a.add(d), p = i.sample(m).mul(u);
-        e.assign(e.add(p));
+      const a = T, l = w, c = r(1).div(v), t = n(0).toVar();
+      for (let e = -6; e <= 6; e++) {
+        const u = s(y[e + 6] / b), d = r(s(0), s(e)).mul(l).mul(c), m = a.add(d), p = i.sample(m).mul(u);
+        t.assign(t.add(p));
       }
-      return e;
+      return t;
     })();
   }
 };

package/dist/core/Bulge-BCXYAzig.js

@@ -0,0 +1,104 @@
+import { d as i, h as A, k as V, m as R } from "./three.tsl-BqgDcRt9.js";
+import { t as S } from "./edges-B-tVdqcI.js";
+import { a as w, o as E } from "./transformations-DBjTkQ5b.js";
+R();
+const P = {
+  name: "Bulge",
+  category: "Distortions",
+  description: "Magnify or pinch content around a center point",
+  requiresRTT: !0,
+  requiresChild: !0,
+  props: {
+    center: {
+      default: {
+        x: 0.5,
+        y: 0.5
+      },
+      transform: E,
+      description: "The center point of the bulge effect",
+      ui: {
+        type: "position",
+        label: "Center"
+      }
+    },
+    strength: {
+      default: 1,
+      description: "The intensity of the bulge effect (positive = bulge out, negative = pinch in)",
+      ui: {
+        type: "range",
+        min: -1,
+        max: 1,
+        step: 0.01,
+        label: "Strength"
+      }
+    },
+    radius: {
+      default: 1,
+      description: "The radius of the bulge effect area",
+      ui: {
+        type: "range",
+        min: 0,
+        max: 5,
+        step: 0.01,
+        label: "Radius"
+      }
+    },
+    falloff: {
+      default: 0.5,
+      description: "Controls the smoothness of the transition (0 = hard edge, 1 = very smooth)",
+      ui: {
+        type: "range",
+        min: 0,
+        max: 1,
+        step: 0.01,
+        label: "Falloff"
+      }
+    },
+    edges: {
+      default: "stretch",
+      description: "How to handle edges when distortion pushes content out of bounds",
+      transform: w,
+      ui: {
+        type: "select",
+        options: [
+          {
+            label: "Stretch",
+            value: "stretch"
+          },
+          {
+            label: "Transparent",
+            value: "transparent"
+          },
+          {
+            label: "Mirror",
+            value: "mirror"
+          },
+          {
+            label: "Wrap",
+            value: "wrap"
+          }
+        ],
+        label: "Edges"
+      }
+    }
+  },
+  uvTransformNode: ({ uv: e, uniforms: o, viewportSize: u }) => {
+    const { vec2: n, length: b, smoothstep: x, float: t, max: d } = V, c = u.x.div(u.y), y = n(e.x.mul(c), e.y), s = n(o.center.uniform.x.mul(c), o.center.uniform.y.oneMinus()), a = y.sub(s), f = b(a), r = o.radius.uniform.mul(0.5), m = o.falloff.uniform, p = x(r.mul(t(1).sub(m).sub(t(1e-3)).max(t(0))), r, f).oneMinus(), l = f.div(r), v = l.mul(l), T = d(t(0), t(1).sub(v)), g = p.mul(T), F = o.strength.uniform.negate().mul(g), q = t(1).add(F), D = a.mul(q), h = s.add(D);
+    return n(h.x.div(c), h.y);
+  },
+  fragmentNode: ({ uniforms: e, childNode: o, onCleanup: u }) => {
+    const { vec2: n, vec4: b, length: x, screenUV: t, viewportSize: d, convertToTexture: c, smoothstep: y } = V;
+    if (!o) return b(0, 0, 0, 0);
+    const s = c(o);
+    u(() => {
+      s?.renderTarget?.dispose && s.renderTarget.dispose();
+    });
+    const a = d.x.div(d.y), f = n(t.x.mul(a), t.y), r = n(e.center.uniform.x.mul(a), e.center.uniform.y.oneMinus()), m = f.sub(r), p = x(m), l = e.radius.uniform.mul(0.5), v = e.falloff.uniform, T = y(l.mul(i(1).sub(v).sub(i(1e-3)).max(i(0))), l, p).oneMinus(), g = p.div(l), F = g.mul(g), q = A(i(0), i(1).sub(F)), D = T.mul(q), h = e.strength.uniform.negate().mul(D), C = i(1).add(h), _ = m.mul(C), M = r.add(_), U = n(M.x.div(a), M.y);
+    return S(U, s.sample(U), s, e.edges.uniform);
+  }
+};
+var $ = P;
+export {
+  P as n,
+  $ as t
+};

package/dist/core/{CRTScreen-BnfROw0f.js → CRTScreen-cJ3XHrI9.js}

@@ -1,8 +1,9 @@
-import { O as B, m as N } from "./three.tsl-CgyjOhns.js";
+import { k as E, m as N } from "./three.tsl-BqgDcRt9.js";
 N();
-const O = {
+const W = {
   name: "CRTScreen",
-  category: "Effects",
+  category: "Stylize",
+  description: "Retro CRT monitor simulation with scanlines",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -73,19 +74,19 @@ const O = {
       }
     }
   },
-  fragmentNode: ({ uniforms: n, childNode: l, onCleanup: d }) => {
-    const { vec2: o, vec3: c, vec4: u, float: e, screenUV: t, sin: r, fract: p, smoothstep: f, length: g, convertToTexture: h } = B;
-    if (!l) return u(0, 0, 0, 0);
-    const s = h(l);
+  fragmentNode: ({ uniforms: n, childNode: a, onCleanup: d }) => {
+    const { vec2: o, vec3: c, vec4: u, float: e, screenUV: t, sin: i, fract: p, smoothstep: f, length: h, convertToTexture: g } = E;
+    if (!a) return u(0, 0, 0, 0);
+    const s = g(a);
     d(() => {
       s?.renderTarget?.dispose && s.renderTarget.dispose();
     });
-    const b = n.pixelSize.uniform, S = n.colorShift.uniform, x = n.scanlineIntensity.uniform, y = n.scanlineFrequency.uniform, C = n.brightness.uniform, T = n.contrast.uniform, m = S.mul(e(2e-3)), v = t.add(o(m, e(0))), q = t, z = t.sub(o(m, e(0))), V = s.sample(v).r, _ = s.sample(q).g, F = s.sample(z).b, I = c(V, _, F).sub(e(0.5)).mul(T).add(e(0.5)).mul(C), U = r(t.y.mul(y).mul(e(3.14159 * 2))), k = e(1).sub(x.mul(U.mul(e(0.5)).add(e(0.5)))), i = I.mul(k), M = b.mul(e(0.5)), a = p(t.mul(M)), R = r(a.x.mul(e(6.28318))).mul(e(0.1)).add(e(0.95)), D = r(a.x.mul(e(6.28318)).add(e(2.09))).mul(e(0.1)).add(e(0.95)), E = r(a.x.mul(e(6.28318)).add(e(4.18))).mul(e(0.1)).add(e(0.95)), P = c(i.r.mul(R), i.g.mul(D), i.b.mul(E)), j = g(t.sub(o(0.5, 0.5))), w = f(e(0.8), e(0.3), j);
-    return u(P.mul(w), e(1));
+    const b = n.pixelSize.uniform, S = n.colorShift.uniform, x = n.scanlineIntensity.uniform, y = n.scanlineFrequency.uniform, C = n.brightness.uniform, T = n.contrast.uniform, m = S.mul(e(2e-3)), v = t.add(o(m, e(0))), z = t, q = t.sub(o(m, e(0))), R = s.sample(v).r, V = s.sample(z).g, _ = s.sample(q).b, k = c(R, V, _).sub(e(0.5)).mul(T).add(e(0.5)).mul(C), F = i(t.y.mul(y).mul(e(3.14159 * 2))), I = e(1).sub(x.mul(F.mul(e(0.5)).add(e(0.5)))), r = k.mul(I), U = b.mul(e(0.5)), l = p(t.mul(U)), M = i(l.x.mul(e(6.28318))).mul(e(0.1)).add(e(0.95)), w = i(l.x.mul(e(6.28318)).add(e(2.09))).mul(e(0.1)).add(e(0.95)), D = i(l.x.mul(e(6.28318)).add(e(4.18))).mul(e(0.1)).add(e(0.95)), P = c(r.r.mul(M), r.g.mul(w), r.b.mul(D)), j = h(t.sub(o(0.5, 0.5))), B = f(e(0.8), e(0.3), j);
+    return u(P.mul(B), e(1));
   }
 };
-var A = O;
+var G = W;
 export {
-  O as n,
-  A as t
+  W as n,
+  G as t
 };

package/dist/core/{ChannelBlur-DhWT-55L.js → ChannelBlur-BEK1qzGn.js}

@@ -1,8 +1,9 @@
-import { O as C, m as A } from "./three.tsl-CgyjOhns.js";
-A();
-const D = {
+import { k as C, m as k } from "./three.tsl-BqgDcRt9.js";
+k();
+const A = {
   name: "ChannelBlur",
   category: "Blurs",
+  description: "Independent blur for red, green, and blue channels",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -40,11 +41,11 @@ const D = {
       }
     }
   },
-  fragmentNode: ({ uniforms: m, childNode: x, onCleanup: S }) => {
-    const { vec2: t, vec4: p, float: e, screenUV: v, convertToTexture: I, viewportSize: O, Fn: B } = C;
+  fragmentNode: ({ uniforms: m, childNode: x, onCleanup: I }) => {
+    const { vec2: t, vec4: p, float: e, screenUV: S, convertToTexture: v, viewportSize: O, Fn: B } = C;
     if (!x) return p(0, 0, 0, 0);
-    const i = I(x);
-    S(() => {
+    const i = v(x);
+    I(() => {
       i?.renderTarget?.dispose && i.renderTarget.dispose();
     });
     const V = [
@@ -61,29 +62,29 @@ const D = {
       0.278,
       0.135,
       0.056
-    ], w = 6.214, R = m.redIntensity.uniform.mul(0.1), _ = m.greenIntensity.uniform.mul(0.1), z = m.blueIntensity.uniform.mul(0.1), d = I(B(() => {
-      const n = v, f = t(1).div(O), r = e(0).toVar(), a = e(0).toVar(), l = e(0).toVar();
-      for (let u = -6; u <= 6; u++) {
-        const s = e(V[u + 6] / w), o = e(u).mul(f.x), c = t(o.mul(R), e(0)), g = t(o.mul(_), e(0)), y = t(o.mul(z), e(0)), T = i.sample(n.add(c)).r.mul(s), b = i.sample(n.add(g)).g.mul(s), h = i.sample(n.add(y)).b.mul(s);
-        r.assign(r.add(T)), a.assign(a.add(b)), l.assign(l.add(h));
+    ], w = 6.214, R = m.redIntensity.uniform.mul(0.1), _ = m.greenIntensity.uniform.mul(0.1), z = m.blueIntensity.uniform.mul(0.1), u = v(B(() => {
+      const n = S, f = t(1).div(O), r = e(0).toVar(), a = e(0).toVar(), l = e(0).toVar();
+      for (let d = -6; d <= 6; d++) {
+        const s = e(V[d + 6] / w), o = e(d).mul(f.x), c = t(o.mul(R), e(0)), g = t(o.mul(_), e(0)), y = t(o.mul(z), e(0)), b = i.sample(n.add(c)).r.mul(s), T = i.sample(n.add(g)).g.mul(s), h = i.sample(n.add(y)).b.mul(s);
+        r.assign(r.add(b)), a.assign(a.add(T)), l.assign(l.add(h));
       }
       return p(r, a, l, e(1));
     })());
-    return S(() => {
-      d?.renderTarget?.dispose && d.renderTarget.dispose();
+    return I(() => {
+      u?.renderTarget?.dispose && u.renderTarget.dispose();
     }), B(() => {
-      const n = v, f = t(1).div(O), r = e(0).toVar(), a = e(0).toVar(), l = e(0).toVar();
+      const n = S, f = t(1).div(O), r = e(0).toVar(), a = e(0).toVar(), l = e(0).toVar();
       for (let s = -6; s <= 6; s++) {
-        const o = e(V[s + 6] / w), c = e(s).mul(f.y), g = t(e(0), c.mul(R)), y = t(e(0), c.mul(_)), T = t(e(0), c.mul(z)), b = d.sample(n.add(g)).r.mul(o), h = d.sample(n.add(y)).g.mul(o), q = d.sample(n.add(T)).b.mul(o);
-        r.assign(r.add(b)), a.assign(a.add(h)), l.assign(l.add(q));
+        const o = e(V[s + 6] / w), c = e(s).mul(f.y), g = t(e(0), c.mul(R)), y = t(e(0), c.mul(_)), b = t(e(0), c.mul(z)), T = u.sample(n.add(g)).r.mul(o), h = u.sample(n.add(y)).g.mul(o), q = u.sample(n.add(b)).b.mul(o);
+        r.assign(r.add(T)), a.assign(a.add(h)), l.assign(l.add(q));
       }
-      const u = i.sample(n).a;
-      return p(r, a, l, u);
+      const d = i.sample(n).a;
+      return p(r, a, l, d);
     })();
   }
 };
-var G = D;
+var F = A;
 export {
-  D as n,
-  G as t
+  A as n,
+  F as t
 };

package/dist/core/{Checkerboard-CgWGd9t7.js → Checkerboard-BPkiSF5I.js}

@@ -1,10 +1,12 @@
-import { O as v, m as V } from "./three.tsl-CgyjOhns.js";
-import { i as _, r as f, t as B } from "./transformations-Bs66Qh16.js";
-import { t as U } from "./colorMixing-C_ESXyqX.js";
-V();
-const A = {
+import { k as B, m as U } from "./three.tsl-BqgDcRt9.js";
+import { i as _, r as f, t as w } from "./transformations-DBjTkQ5b.js";
+import { t as A } from "./colorMixing-DPZ-Td4U.js";
+U();
+const F = {
   name: "Checkerboard",
-  category: "Shapes & Masks",
+  category: "Base Layers",
+  description: "Classic checkerboard pattern with two alternating colors",
+  acceptsUVContext: !0,
   props: {
     colorA: {
       default: "#cccccc",
@@ -52,23 +54,23 @@ const A = {
       description: "Color space for color interpolation",
       ui: {
         type: "select",
-        options: B,
+        options: w,
         label: "Color Space"
       }
     }
   },
-  fragmentNode: ({ uniforms: o }) => {
-    const { vec2: m, float: e, floor: u, mod: h, fract: b, smoothstep: g, min: r, screenUV: s, viewportSize: c } = v, y = c.x.div(c.y), C = m(s.x.mul(y), s.y.oneMinus()), x = o.cells.uniform, l = o.softness.uniform, a = C.mul(x), n = u(a), i = h(n.x.add(n.y), 2);
+  fragmentNode: ({ uniforms: o, uvContext: m }) => {
+    const { vec2: u, float: e, floor: h, mod: b, fract: g, smoothstep: y, min: r, screenUV: C, viewportSize: s } = B, c = m ?? C, x = s.x.div(s.y), S = u(c.x.mul(x), c.y.oneMinus()), k = o.cells.uniform, l = o.softness.uniform, a = S.mul(k), n = h(a), i = b(n.x.add(n.y), 2);
     let d = i;
     if (l) {
-      const t = b(a), S = r(r(t.x, e(1).sub(t.x)), r(t.y, e(1).sub(t.y))), k = l.mul(0.5), p = g(e(0), k, S);
+      const t = g(a), v = r(r(t.x, e(1).sub(t.x)), r(t.y, e(1).sub(t.y))), V = l.mul(0.5), p = y(e(0), V, v);
       d = i.mul(p).add(e(0.5).mul(e(1).sub(p)));
     }
-    return U(o.colorA.uniform, o.colorB.uniform, d, o.colorSpace.uniform);
+    return A(o.colorA.uniform, o.colorB.uniform, d, o.colorSpace.uniform);
   }
 };
-var N = A;
+var D = F;
 export {
-  A as n,
-  N as t
+  F as n,
+  D as t
 };