shaders 2.2.1 → 2.2.2

package/dist/core/{ImageTexture-GrTz4Fx7.js → ImageTexture-B3Q29OHX.js}

@@ -1,13 +1,14 @@
-import { A as S, C as oe, G as ae, H as x, L as ne, W as se, b as y, k as ie, m as ce } from "./three.tsl-BqgDcRt9.js";
-ce();
+import { A as S, C as oe, G as ae, H as x, L as ne, W as se, b as y, k as ie, m as le } from "./three.tsl-BqgDcRt9.js";
+le();
 ne();
-const le = {
+const ce = {
   name: "ImageTexture",
-  category: "Sources",
+  category: "Base Layers",
+  description: "Display an image with customizable object-fit modes",
   acceptsUVContext: !0,
   props: {
     url: {
-      default: "https://shaders.com/og.png",
+      default: "https://shaders.com/sample.jpg",
       description: "Upload an image or provide a URL",
       ui: {
         type: "image-upload",
@@ -52,12 +53,12 @@ const le = {
       }
     }
   },
-  fragmentNode: ({ uniforms: m, onCleanup: j, onBeforeRender: W, uvContext: A }) => {
-    const { vec2: o, vec4: D, float: t, texture: H, screenUV: N, viewportSize: l, step: a, min: u, max: O } = ie, $ = A ?? N, q = new ae();
+  fragmentNode: ({ uniforms: m, onCleanup: _, onBeforeRender: D, uvContext: W }) => {
+    const { vec2: o, vec4: A, float: t, texture: H, screenUV: N, viewportSize: c, step: a, min: u, max: z } = ie, B = W ?? N, O = new ae();
     let T = "", r = !1;
     const n = new se();
     n.colorSpace = x;
-    const z = H(n), s = S(1), f = S(0), w = S(0), V = (e) => {
+    const $ = H(n), s = S(1), f = S(0), w = S(0), V = (e) => {
       if (!(!e || e.trim() === "" || r)) {
         r = !0;
         try {
@@ -66,7 +67,7 @@ const le = {
             h = new URL(e, window.location.href).href;
           } catch {
           }
-          q.load(e, (d) => {
+          O.load(e, (d) => {
             d.colorSpace = x;
             const p = d.image, U = p.width || 1, b = p.height || 1, te = U / b;
             d.dispose(), T = e, requestAnimationFrame(() => {
@@ -89,18 +90,18 @@ const le = {
     setTimeout(() => {
       const e = m?.url?.uniform?.value ?? "";
       e && e.trim() !== "" && V(e);
-    }, 0), W(() => {
+    }, 0), D(() => {
       const e = m?.url?.uniform?.value ?? "";
       e !== T && !r && V(e);
-    }), j(() => {
+    }), _(() => {
       n.dispose();
     });
-    const B = $, c = l.x.div(l.y), i = m.objectFit.uniform, C = O(c.div(s), t(1)), E = o(s.div(c).mul(C), C), F = u(c.div(s), t(1)), G = o(s.div(c).mul(F), F), k = o(1, 1), R = u(u(c.div(s), t(1)), u(l.x.div(f), l.y.div(w))), M = o(s.div(c).mul(R), R), I = u(l.x.div(f), l.y.div(w)), P = o(s.div(c).mul(I), I), J = a(i, t(0.5)), K = a(t(0.5), i).mul(a(i, t(1.5))), Q = a(t(1.5), i).mul(a(i, t(2.5))), X = a(t(2.5), i).mul(a(i, t(3.5))), Y = a(t(3.5), i), Z = o(0).add(E.mul(J)).add(G.mul(K)).add(k.mul(Q)).add(M.mul(X)).add(P.mul(Y)), L = B.sub(o(0.5)).div(Z).add(o(0.5)), v = o(L.x, t(1).sub(L.y)), _ = z.sample(v), ee = y(y(v.x.lessThan(0), v.x.greaterThan(1)), y(v.y.lessThan(0), v.y.greaterThan(1)));
-    return D(_.rgb, oe(ee, t(0), _.a));
+    const q = B, l = c.x.div(c.y), i = m.objectFit.uniform, j = z(l.div(s), t(1)), E = o(s.div(l).mul(j), j), C = u(l.div(s), t(1)), G = o(s.div(l).mul(C), C), k = o(1, 1), F = u(u(l.div(s), t(1)), u(c.x.div(f), c.y.div(w))), M = o(s.div(l).mul(F), F), L = u(c.x.div(f), c.y.div(w)), P = o(s.div(l).mul(L), L), J = a(i, t(0.5)), K = a(t(0.5), i).mul(a(i, t(1.5))), Q = a(t(1.5), i).mul(a(i, t(2.5))), X = a(t(2.5), i).mul(a(i, t(3.5))), Y = a(t(3.5), i), Z = o(0).add(E.mul(J)).add(G.mul(K)).add(k.mul(Q)).add(M.mul(X)).add(P.mul(Y)), R = q.sub(o(0.5)).div(Z).add(o(0.5)), v = o(R.x, t(1).sub(R.y)), I = $.sample(v), ee = y(y(v.x.lessThan(0), v.x.greaterThan(1)), y(v.y.lessThan(0), v.y.greaterThan(1)));
+    return A(I.rgb, oe(ee, t(0), I.a));
   }
 };
-var de = le;
+var de = ce;
 export {
-  le as n,
+  ce as n,
   de as t
 };

package/dist/core/Invert-Cyc4JHWc.js

@@ -0,0 +1,21 @@
+import { k as a, m as i } from "./three.tsl-BqgDcRt9.js";
+i();
+const c = {
+  name: "Invert",
+  category: "Adjustments",
+  description: "Invert RGB colors while preserving alpha",
+  requiresChild: !0,
+  props: {},
+  fragmentNode: ({ childNode: r }) => {
+    const { vec4: t, vec3: n } = a;
+    if (!r)
+      return console.error("You must pass a child component into the Invert shader."), t(0);
+    const o = r || t(0, 0, 0, 0), e = o.a, s = e.greaterThan(0).select(o.rgb.div(e), n(0, 0, 0));
+    return t(n(1, 1, 1).sub(s).mul(e), e);
+  }
+};
+var p = c;
+export {
+  c as n,
+  p as t
+};

package/dist/core/{LinearBlur-DHBRP6Yh.js → LinearBlur-BTC54qzk.js}

@@ -4,6 +4,7 @@ w();
 const I = {
   name: "LinearBlur",
   category: "Blurs",
+  description: "Directional motion blur in a specific angle",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -31,19 +32,19 @@ const I = {
       }
     }
   },
-  fragmentNode: ({ uniforms: o, childNode: a, onCleanup: d }) => {
-    const { vec2: l, vec4: u, float: e, screenUV: p, viewportSize: f, sin: g, cos: v, radians: x, Fn: b, convertToTexture: h } = q;
+  fragmentNode: ({ uniforms: s, childNode: a, onCleanup: d }) => {
+    const { vec2: l, vec4: u, float: e, screenUV: p, viewportSize: f, sin: g, cos: v, radians: b, Fn: x, convertToTexture: h } = q;
     if (!a) return u(0, 0, 0, 0);
     const t = h(a);
     d(() => {
       t?.renderTarget?.dispose && t.renderTarget.dispose();
     });
-    const c = x(o.angle.uniform), y = l(v(c), g(c));
-    return b(() => {
-      const T = p, _ = l(1).div(f), V = y.mul(o.intensity.uniform).mul(_).mul(2), n = u(0).toVar(), r = e(0).toVar();
+    const c = b(s.angle.uniform), y = l(v(c), g(c));
+    return x(() => {
+      const T = p, _ = l(1).div(f), D = y.mul(s.intensity.uniform).mul(_).mul(2), n = u(0).toVar(), r = e(0).toVar();
       for (let i = 0; i < 32; i++) {
-        const s = e(i).div(e(31)).sub(0.5).mul(2), m = e(1).div(e(2.506628)).mul(e(-0.5).mul(s).mul(s).div(e(0.64)).exp()), B = T.add(V.mul(s.mul(0.5))), D = t.sample(B).mul(m);
-        n.assign(n.add(D)), r.assign(r.add(m));
+        const o = e(i).div(e(31)).sub(0.5).mul(2), m = e(1).div(e(2.506628)).mul(e(-0.5).mul(o).mul(o).div(e(0.64)).exp()), V = T.add(D.mul(o.mul(0.5))), B = t.sample(V).mul(m);
+        n.assign(n.add(B)), r.assign(r.add(m));
       }
       return n.div(r);
     })();

package/dist/core/{LinearGradient-B4C3CKhf.js → LinearGradient-LEMeW0KM.js}

@@ -4,7 +4,8 @@ import { t as I } from "./colorMixing-DPZ-Td4U.js";
 W();
 const J = {
   name: "LinearGradient",
-  category: "Gradients & Colors",
+  category: "Base Layers",
+  description: "Create smooth linear color gradients",
   acceptsUVContext: !0,
   props: {
     colorA: {
@@ -100,7 +101,7 @@ const J = {
     }
   },
   fragmentNode: ({ uniforms: t, uvContext: T }) => {
-    const { vec2: s, vec4: y, float: e, cos: x, sin: C, dot: v, radians: A, screenUV: E, length: M, normalize: S, abs: B, mod: q, fract: w } = R, _ = T ?? E, l = s(t.start.uniform[0], t.start.uniform[1].oneMinus()), c = s(t.end.uniform[0], t.end.uniform[1].oneMinus()), d = c.sub(l), V = M(d), G = S(d), p = A(t.angle.uniform).negate(), u = x(p), m = C(p), f = l.add(c).mul(0.5), r = _.sub(f), o = v(s(r.x.mul(u).sub(r.y.mul(m)), r.x.mul(m).add(r.y.mul(u))).add(f).sub(l), G).div(V.max(1e-6)), a = t.edges.uniform, H = o.clamp(e(0), e(1)), L = o.greaterThanEqual(e(0)).select(e(1), e(0)), O = o.lessThanEqual(e(1)).select(e(1), e(0)), P = L.mul(O), i = q(B(o), e(2)), U = i.greaterThan(e(1)).select(e(2).sub(i), i), z = w(o), g = a.greaterThanEqual(e(0.5)), D = a.greaterThanEqual(e(1.5)), k = a.greaterThanEqual(e(2.5)).select(z, D.select(U, g.select(o, H))), n = I(t.colorA.uniform, t.colorB.uniform, k.clamp(e(0), e(1)), t.colorSpace.uniform), N = g.and(a.lessThan(e(1.5))).select(n.w.mul(P), n.w);
+    const { vec2: s, vec4: y, float: e, cos: x, sin: C, dot: v, radians: A, screenUV: E, length: B, normalize: M, abs: S, mod: q, fract: w } = R, _ = T ?? E, l = s(t.start.uniform[0], t.start.uniform[1].oneMinus()), c = s(t.end.uniform[0], t.end.uniform[1].oneMinus()), d = c.sub(l), L = B(d), V = M(d), p = A(t.angle.uniform).negate(), u = x(p), m = C(p), f = l.add(c).mul(0.5), r = _.sub(f), o = v(s(r.x.mul(u).sub(r.y.mul(m)), r.x.mul(m).add(r.y.mul(u))).add(f).sub(l), V).div(L.max(1e-6)), a = t.edges.uniform, H = o.clamp(e(0), e(1)), O = o.greaterThanEqual(e(0)).select(e(1), e(0)), P = o.lessThanEqual(e(1)).select(e(1), e(0)), U = O.mul(P), i = q(S(o), e(2)), z = i.greaterThan(e(1)).select(e(2).sub(i), i), D = w(o), g = a.greaterThanEqual(e(0.5)), G = a.greaterThanEqual(e(1.5)), k = a.greaterThanEqual(e(2.5)).select(D, G.select(z, g.select(o, H))), n = I(t.colorA.uniform, t.colorB.uniform, k.clamp(e(0), e(1)), t.colorSpace.uniform), N = g.and(a.lessThan(e(1.5))).select(n.w.mul(U), n.w);
     return y(n.x, n.y, n.z, N);
   }
 };

package/dist/core/{Liquify-DNHtcXxv.js → Liquify-D2nzMDzq.js}

@@ -19,6 +19,7 @@ var r = 32, w = /* @__PURE__ */ new WeakMap(), G = (e) => {
 const te = {
   name: "Liquify",
   category: "Interactive",
+  description: "Liquid-like interactive deformation effect",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -99,37 +100,37 @@ const te = {
     return e.sub(m);
   },
   fragmentNode: ({ uniforms: e, onBeforeRender: i, childNode: l, onCleanup: t }) => {
-    const { vec2: d, vec4: o, float: m, uniform: D, screenUV: F, convertToTexture: H } = A, { texture: R, data: a, tslNode: O } = G(e), v = D(0), x = D(0);
-    let S = 0.5, _ = 0.5, q = Date.now();
+    const { vec2: d, vec4: o, float: m, uniform: D, screenUV: F, convertToTexture: H } = A, { texture: q, data: a, tslNode: O } = G(e), v = D(0), x = D(0);
+    let R = 0.5, S = 0.5, _ = Date.now();
     if (i(({ pointer: c }) => {
-      const U = Date.now(), s = Math.min((U - q) / 1e3, 0.016);
-      q = U;
-      const V = s > 0 ? (c.x - S) / s : 0, X = s > 0 ? (c.y - _) / s : 0;
-      v.value = v.value * 0.85 + V * 0.15, x.value = x.value * 0.85 + X * 0.15;
-      const Y = e.decay.uniform.value, L = e.intensity.uniform.value, y = e.radius.uniform.value * 0.05, g = e.swirl.uniform.value;
+      const N = Date.now(), s = Math.min((N - _) / 1e3, 0.016);
+      _ = N;
+      const U = s > 0 ? (c.x - R) / s : 0, V = s > 0 ? (c.y - S) / s : 0;
+      v.value = v.value * 0.85 + U * 0.15, x.value = x.value * 0.85 + V * 0.15;
+      const X = e.decay.uniform.value, Y = e.intensity.uniform.value, y = e.radius.uniform.value * 0.05, g = e.swirl.uniform.value;
       for (let p = 0; p < r; p++) for (let f = 0; f < r; f++) {
         const n = (p * r + f) * 2;
-        a[n] *= 1 - Y * s, a[n + 1] *= 1 - Y * s;
+        a[n] *= 1 - X * s, a[n + 1] *= 1 - X * s;
         const z = (f + 0.5) / r, P = (p + 0.5) / r, M = z - c.x, b = P - c.y, T = Math.sqrt(M * M + b * b);
-        if (T < y * 2 && Math.abs(V) + Math.abs(X) > 0.01) {
+        if (T < y * 2 && Math.abs(U) + Math.abs(V) > 0.01) {
           const h = Math.exp(-T * T / (y * y));
-          if (a[n] += v.value * h * L * s * 0.5, a[n + 1] += x.value * h * L * s * 0.5, g > 0) {
+          if (a[n] += v.value * h * Y * s * 0.5, a[n + 1] += x.value * h * Y * s * 0.5, g > 0) {
             const k = Math.atan2(b, M) + Math.PI * 0.5;
             a[n] += Math.cos(k) * g * h * s * 2, a[n + 1] += Math.sin(k) * g * h * s * 2;
           }
         }
         a[n] = Math.max(-1, Math.min(1, a[n])), a[n + 1] = Math.max(-1, Math.min(1, a[n + 1]));
       }
-      R.needsUpdate = !0, S = c.x, _ = c.y;
+      q.needsUpdate = !0, R = c.x, S = c.y;
     }), t(() => {
-      R.dispose(), w.delete(e);
+      q.dispose(), w.delete(e);
     }), !l) return o(0, 0, 0, 0);
     const u = H(l);
     t(() => {
       u?.renderTarget?.dispose && u.renderTarget.dispose();
     });
-    const W = O.sample(F).xy, I = m(0.2), E = m(-0.2), j = W.clamp(d(E, E), d(I, I)), N = F.sub(j);
-    return B(N, u.sample(N), u, e.edges.uniform);
+    const W = O.sample(F).xy, I = m(0.2), E = m(-0.2), j = W.clamp(d(E, E), d(I, I)), L = F.sub(j);
+    return B(L, u.sample(L), u, e.edges.uniform);
   }
 };
 var ie = te;

package/dist/core/{Pixelate-BKooNVcb.js → Pixelate-irPzmtQm.js}

@@ -1,8 +1,9 @@
-import { k as n, m as p } from "./three.tsl-BqgDcRt9.js";
+import { k as l, m as p } from "./three.tsl-BqgDcRt9.js";
 p();
 const m = {
   name: "Pixelate",
-  category: "Effects",
+  category: "Stylize",
+  description: "Pixelation effect with adjustable cell size",
   requiresRTT: !0,
   requiresChild: !0,
   props: { scale: {
@@ -17,22 +18,22 @@ const m = {
     }
   } },
   uvTransformNode: ({ uv: t, uniforms: e }) => {
-    const { floor: i } = n, r = e.scale.uniform;
+    const { floor: i } = l, r = e.scale.uniform;
     return i(t.mul(r)).div(r);
   },
   fragmentNode: ({ uniforms: t, childNode: e, onCleanup: i }) => {
-    const { vec4: r, floor: a, screenUV: l, convertToTexture: c } = n;
+    const { vec4: r, floor: a, screenUV: n, convertToTexture: c } = l;
     if (!e) return r(0, 0, 0, 0);
     const s = c(e);
     i(() => {
       s?.renderTarget?.dispose && s.renderTarget.dispose();
     });
-    const o = t.scale.uniform, u = a(l.mul(o)).div(o);
+    const o = t.scale.uniform, u = a(n.mul(o)).div(o);
     return s.sample(u);
   }
 };
-var d = m;
+var f = m;
 export {
   m as n,
-  d as t
+  f as t
 };

package/dist/core/{PolarCoordinates-DKhEbQhq.js → PolarCoordinates-Ck5ZWrQO.js}

@@ -5,6 +5,7 @@ T();
 const U = {
   name: "PolarCoordinates",
   category: "Distortions",
+  description: "Convert rectangular coordinates to polar space",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -82,17 +83,17 @@ const U = {
     }
   },
   uvTransformNode: ({ uv: e, uniforms: t, viewportSize: i }) => {
-    const { vec2: r, length: u, atan: p, PI: l, mix: o } = y, a = i.x.div(i.y), m = r(e.x.mul(a), e.y), d = r(t.center.uniform.x.mul(a), t.center.uniform.y.oneMinus()), s = m.sub(d), n = p(s.y, s.x).add(l).div(l.mul(2)), c = u(s);
-    return o(e, r(n.mul(t.wrap.uniform), c.mul(t.radius.uniform)), t.intensity.uniform);
+    const { vec2: r, length: u, atan: p, PI: l, mix: o } = y, a = i.x.div(i.y), m = r(e.x.mul(a), e.y), c = r(t.center.uniform.x.mul(a), t.center.uniform.y.oneMinus()), s = m.sub(c), n = p(s.y, s.x).add(l).div(l.mul(2)), d = u(s);
+    return o(e, r(n.mul(t.wrap.uniform), d.mul(t.radius.uniform)), t.intensity.uniform);
   },
   fragmentNode: ({ uniforms: e, childNode: t, onCleanup: i }) => {
-    const { vec2: r, vec4: u, length: p, atan: l, screenUV: o, viewportSize: a, convertToTexture: m, PI: d, mix: s } = y;
+    const { vec2: r, vec4: u, length: p, atan: l, screenUV: o, viewportSize: a, convertToTexture: m, PI: c, mix: s } = y;
     if (!t) return u(0, 0, 0, 0);
     const n = m(t);
     i(() => {
       n?.renderTarget?.dispose && n.renderTarget.dispose();
     });
-    const c = a.x.div(a.y), h = r(o.x.mul(c), o.y), x = r(e.center.uniform.x.mul(c), e.center.uniform.y.oneMinus()), f = h.sub(x), b = l(f.y, f.x).add(d).div(d.mul(2)), v = p(f), g = s(o, r(b.mul(e.wrap.uniform), v.mul(e.radius.uniform)), e.intensity.uniform);
+    const d = a.x.div(a.y), h = r(o.x.mul(d), o.y), x = r(e.center.uniform.x.mul(d), e.center.uniform.y.oneMinus()), f = h.sub(x), b = l(f.y, f.x).add(c).div(c.mul(2)), v = p(f), g = s(o, r(b.mul(e.wrap.uniform), v.mul(e.radius.uniform)), e.intensity.uniform);
     return w(g, n.sample(g), n, e.edges.uniform);
   }
 };

package/dist/core/{Posterize-D81ZG2A9.js → Posterize-DICq_t96.js}

@@ -18,11 +18,12 @@ var p = class extends n {
     return t.mul(e).floor().div(e);
   }
 };
-const u = /* @__PURE__ */ a(p).setParameterLength(2);
+const c = /* @__PURE__ */ a(p).setParameterLength(2);
 i();
-const c = {
+const d = {
   name: "Posterize",
-  category: "Color Adjustments",
+  category: "Adjustments",
+  description: "Reduce color depth to create a poster effect",
   requiresChild: !0,
   props: { intensity: {
     default: 5,
@@ -37,11 +38,11 @@ const c = {
   } },
   fragmentNode: ({ uniforms: t, childNode: e }) => {
     const { vec4: o, int: s } = r;
-    return e ? u(e || o(0, 0, 0, 0), s(t.intensity.uniform)) : (console.error("You must pass a child component into the Posterize shader."), o(0));
+    return e ? c(e || o(0, 0, 0, 0), s(t.intensity.uniform)) : (console.error("You must pass a child component into the Posterize shader."), o(0));
   }
 };
-var l = c;
+var f = d;
 export {
-  c as n,
-  l as t
+  d as n,
+  f as t
 };

package/dist/core/{ProgressiveBlur-CPdReTnY.js → ProgressiveBlur-BuORe3VH.js}

@@ -4,6 +4,7 @@ U();
 const E = {
   name: "ProgressiveBlur",
   category: "Blurs",
+  description: "Blur that increases progressively in one direction",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -54,14 +55,14 @@ const E = {
       }
     }
   },
-  fragmentNode: ({ uniforms: o, childNode: g, onCleanup: h }) => {
-    const { vec2: s, vec4: r, float: e, screenUV: i, viewportSize: x, sin: C, cos: D, radians: P, max: b, smoothstep: S, Fn: v, convertToTexture: y } = M;
-    if (!g) return r(0, 0, 0, 0);
-    const a = y(g);
+  fragmentNode: ({ uniforms: r, childNode: g, onCleanup: h }) => {
+    const { vec2: s, vec4: o, float: e, screenUV: i, viewportSize: x, sin: B, cos: C, radians: D, max: v, smoothstep: P, Fn: y, convertToTexture: b } = M;
+    if (!g) return o(0, 0, 0, 0);
+    const a = b(g);
     h(() => {
       a?.renderTarget?.dispose && a.renderTarget.dispose();
     });
-    const T = P(o.angle.uniform), V = s(D(T), C(T)), A = s(o.center.uniform[0], o.center.uniform[1].oneMinus()), B = i.sub(A), R = b(e(0), B.dot(V)), q = b(e(1e-3), o.falloff.uniform), F = S(e(0), q, R), I = o.intensity.uniform.mul(0.06), w = F.mul(I), _ = [
+    const T = D(r.angle.uniform), S = s(C(T), B(T)), V = s(r.center.uniform[0], r.center.uniform[1].oneMinus()), A = i.sub(V), R = v(e(0), A.dot(S)), q = v(e(1e-3), r.falloff.uniform), F = P(e(0), q, R), I = r.intensity.uniform.mul(0.06), w = F.mul(I), _ = [
       0.056,
       0.135,
       0.278,
@@ -75,8 +76,8 @@ const E = {
       0.278,
       0.135,
       0.056
-    ], z = 6.214, l = y(v(() => {
-      const c = i, u = s(1).div(x), n = r(0).toVar();
+    ], z = 6.214, l = b(y(() => {
+      const c = i, u = s(1).div(x), n = o(0).toVar();
       for (let t = -6; t <= 6; t++) {
         const d = e(_[t + 6] / z), f = s(e(t), e(0)).mul(w).mul(u), m = c.add(f), p = a.sample(m).mul(d);
         n.assign(n.add(p));
@@ -85,8 +86,8 @@ const E = {
     })());
     return h(() => {
       l?.renderTarget?.dispose && l.renderTarget.dispose();
-    }), v(() => {
-      const c = i, u = s(1).div(x), n = r(0).toVar();
+    }), y(() => {
+      const c = i, u = s(1).div(x), n = o(0).toVar();
       for (let t = -6; t <= 6; t++) {
         const d = e(_[t + 6] / z), f = s(e(0), e(t)).mul(w).mul(u), m = c.add(f), p = l.sample(m).mul(d);
         n.assign(n.add(p));

package/dist/core/{RadialGradient-XmwfZ91d.js → RadialGradient-D0cN67jm.js}

@@ -1,10 +1,11 @@
 import { k as d, m as f } from "./three.tsl-BqgDcRt9.js";
-import { i as m, o as u, r as n, t as h } from "./transformations-DBjTkQ5b.js";
-import { t as g } from "./colorMixing-DPZ-Td4U.js";
+import { i as m, o as u, r as n, t as g } from "./transformations-DBjTkQ5b.js";
+import { t as h } from "./colorMixing-DPZ-Td4U.js";
 f();
 const y = {
   name: "RadialGradient",
-  category: "Gradients & Colors",
+  category: "Base Layers",
+  description: "Radial gradient radiating from a center point",
   acceptsUVContext: !0,
   props: {
     colorA: {
@@ -54,14 +55,14 @@ const y = {
       description: "Color space for color interpolation",
       ui: {
         type: "select",
-        options: h,
+        options: g,
         label: "Color Space"
       }
     }
   },
-  fragmentNode: ({ uniforms: o, uvContext: l }) => {
-    const { vec2: e, float: t, distance: s, screenUV: c, viewportSize: r } = d, a = l ?? c, i = r.x.div(r.y), p = s(e(a.x.mul(i), a.y), e(o.center.uniform.x.mul(i), o.center.uniform.y.oneMinus())).div(o.radius.uniform).clamp(t(0), t(1));
-    return g(o.colorA.uniform, o.colorB.uniform, p, o.colorSpace.uniform);
+  fragmentNode: ({ uniforms: e, uvContext: l }) => {
+    const { vec2: o, float: t, distance: s, screenUV: c, viewportSize: r } = d, a = l ?? c, i = r.x.div(r.y), p = s(o(a.x.mul(i), a.y), o(e.center.uniform.x.mul(i), e.center.uniform.y.oneMinus())).div(e.radius.uniform).clamp(t(0), t(1));
+    return h(e.colorA.uniform, e.colorB.uniform, p, e.colorSpace.uniform);
   }
 };
 var S = y;

package/dist/core/{RectangularCoordinates-DWY7ptY1.js → RectangularCoordinates-1LIDaeHR.js}

@@ -1,10 +1,11 @@
 import { k as x, m as T } from "./three.tsl-BqgDcRt9.js";
-import { t as P } from "./edges-B-tVdqcI.js";
-import { a as _, o as w } from "./transformations-DBjTkQ5b.js";
+import { t as C } from "./edges-B-tVdqcI.js";
+import { a as P, o as _ } from "./transformations-DBjTkQ5b.js";
 T();
-const C = {
+const w = {
   name: "RectangularCoordinates",
   category: "Distortions",
+  description: "Convert polar coordinates back to rectangular space",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -13,7 +14,7 @@ const C = {
         x: 0.5,
         y: 0.5
       },
-      transform: w,
+      transform: _,
       description: "The center point for rectangular coordinate conversion",
       ui: {
         type: "position",
@@ -45,7 +46,7 @@ const C = {
     edges: {
       default: "transparent",
       description: "How to handle edges when distortion pushes content out of bounds",
-      transform: _,
+      transform: P,
       ui: {
         type: "select",
         options: [
@@ -71,22 +72,22 @@ const C = {
     }
   },
   uvTransformNode: ({ uv: e, uniforms: t, viewportSize: i }) => {
-    const { vec2: r, cos: d, sin: m, PI: c, mix: o } = x, s = e.x.mul(c.mul(2)).sub(c), l = e.y.mul(t.scale.uniform), u = l.mul(d(s)), p = l.mul(m(s)), n = i.x.div(i.y), a = r(t.center.uniform.x, t.center.uniform.y.oneMinus());
-    return o(e, r(u.div(n).add(a.x), p.add(a.y)), t.intensity.uniform);
+    const { vec2: n, cos: d, sin: p, PI: c, mix: o } = x, a = e.x.mul(c.mul(2)).sub(c), l = e.y.mul(t.scale.uniform), u = l.mul(d(a)), m = l.mul(p(a)), r = i.x.div(i.y), s = n(t.center.uniform.x, t.center.uniform.y.oneMinus());
+    return o(e, n(u.div(r).add(s.x), m.add(s.y)), t.intensity.uniform);
   },
   fragmentNode: ({ uniforms: e, childNode: t, onCleanup: i }) => {
-    const { vec2: r, vec4: d, cos: m, sin: c, screenUV: o, viewportSize: s, convertToTexture: l, PI: u, mix: p } = x;
+    const { vec2: n, vec4: d, cos: p, sin: c, screenUV: o, viewportSize: a, convertToTexture: l, PI: u, mix: m } = x;
     if (!t) return d(0, 0, 0, 0);
-    const n = l(t);
+    const r = l(t);
     i(() => {
-      n?.renderTarget?.dispose && n.renderTarget.dispose();
+      r?.renderTarget?.dispose && r.renderTarget.dispose();
     });
-    const a = o.x.mul(u.mul(2)).sub(u), f = o.y.mul(e.scale.uniform), b = f.mul(m(a)), v = f.mul(c(a)), h = s.x.div(s.y), g = r(e.center.uniform.x, e.center.uniform.y.oneMinus()), y = p(o, r(b.div(h).add(g.x), v.add(g.y)), e.intensity.uniform);
-    return P(y, n.sample(y), n, e.edges.uniform);
+    const s = o.x.mul(u.mul(2)).sub(u), f = o.y.mul(e.scale.uniform), b = f.mul(p(s)), v = f.mul(c(s)), h = a.x.div(a.y), g = n(e.center.uniform.x, e.center.uniform.y.oneMinus()), y = m(o, n(b.div(h).add(g.x), v.add(g.y)), e.intensity.uniform);
+    return C(y, r.sample(y), r, e.edges.uniform);
   }
 };
-var R = C;
+var R = w;
 export {
-  C as n,
+  w as n,
   R as t
 };

package/dist/core/{Ripples-CndvRX-N.js → Ripples-DH71sFJc.js}

@@ -1,10 +1,11 @@
-import { k as A, m as B } from "./three.tsl-BqgDcRt9.js";
+import { k as w, m as A } from "./three.tsl-BqgDcRt9.js";
 import { t as S } from "./time-5uQ65blS.js";
 import { o as _, r as l } from "./transformations-DBjTkQ5b.js";
-B();
+A();
 const q = {
   name: "Ripples",
-  category: "Effects",
+  category: "Base Layers",
+  description: "Concentric animated ripples emanating from a point",
   acceptsUVContext: !0,
   props: {
     center: {
@@ -94,8 +95,8 @@ const q = {
     }
   },
   fragmentNode: (t) => {
-    const { uniforms: e, uvContext: f } = t, { vec2: o, float: s, screenUV: m, sin: u, distance: d, viewportSize: n, mix: h, smoothstep: y } = A, r = f ?? m, i = e.center.uniform, b = e.colorA.uniform, x = e.colorB.uniform, g = e.frequency.uniform, a = e.softness.uniform, k = e.thickness.uniform, v = e.phase.uniform, p = n.x.div(n.y), C = d(o(r.x.mul(p), r.y), o(i.x.mul(p), i.y.oneMinus())), T = S(t, e.speed), w = u(C.mul(g).sub(T).add(v)), c = k.mul(s(2)).sub(s(1));
-    return h(x, b, y(c.add(a), c.sub(a), w));
+    const { uniforms: e, uvContext: f } = t, { vec2: o, float: s, screenUV: m, sin: u, distance: d, viewportSize: n, mix: h, smoothstep: y } = w, r = f ?? m, i = e.center.uniform, b = e.colorA.uniform, x = e.colorB.uniform, g = e.frequency.uniform, a = e.softness.uniform, k = e.thickness.uniform, v = e.phase.uniform, p = n.x.div(n.y), C = d(o(r.x.mul(p), r.y), o(i.x.mul(p), i.y.oneMinus())), B = S(t, e.speed), T = u(C.mul(g).sub(B).add(v)), c = k.mul(s(2)).sub(s(1));
+    return h(x, b, y(c.add(a), c.sub(a), T));
   }
 };
 var U = q;

package/dist/core/{Saturation-C6u9sNkr.js → Saturation-DbSXtSeK.js}

@@ -1,9 +1,10 @@
-import { k as o, m as a } from "./three.tsl-BqgDcRt9.js";
-import { r as i } from "./ColorAdjustment-CKwpE_4M.js";
-a();
-const s = {
+import { k as o, m as i } from "./three.tsl-BqgDcRt9.js";
+import { r as s } from "./ColorAdjustment-CKwpE_4M.js";
+i();
+const a = {
   name: "Saturation",
-  category: "Color Adjustments",
+  category: "Adjustments",
+  description: "Adjust color saturation intensity",
   requiresChild: !0,
   props: { intensity: {
     default: 1,
@@ -21,11 +22,11 @@ const s = {
     if (!e)
       return console.error("You must pass a child component into the Saturation shader."), t(0);
     const n = e || t(0, 0, 0, 0);
-    return t(i(n.rgb, r.intensity.uniform).rgb, n.a);
+    return t(s(n.rgb, r.intensity.uniform).rgb, n.a);
   }
 };
-var c = s;
+var m = a;
 export {
-  s as n,
-  c as t
+  a as n,
+  m as t
 };

package/dist/core/{SimplexNoise-BH0ZZzP4.js → SimplexNoise-DPGC2OPJ.js}

@@ -1,10 +1,11 @@
-import { M as u, P as r, S as f, _ as x, a as y, j as g, m as b, u as v, y as S } from "./three.tsl-BqgDcRt9.js";
-import { t as C } from "./time-5uQ65blS.js";
+import { M as u, P as r, S as f, _ as x, a as y, j as g, m as v, u as b, y as S } from "./three.tsl-BqgDcRt9.js";
+import { t as h } from "./time-5uQ65blS.js";
 import { r as n } from "./transformations-DBjTkQ5b.js";
-b();
-const h = {
+v();
+const B = {
   name: "SimplexNoise",
-  category: "Noise",
+  category: "Base Layers",
+  description: "Organic noise with animated movement",
   acceptsUVContext: !0,
   props: {
     colorA: {
@@ -82,12 +83,12 @@ const h = {
     }
   },
   fragmentNode: (t) => {
-    const { uniforms: e, uvContext: s } = t, o = s ?? f, i = r.x.div(r.y), l = g(o.x.mul(i), o.y), c = C(t, e.speed), a = l.mul(v(e.scale.uniform)).add(e.seed.uniform), m = S(u(a.x, a.y, c.mul(0.5))), p = e.contrast.uniform.add(1), d = y(0, 1, m.mul(p).add(e.balance.uniform).mul(0.5).add(0.5));
+    const { uniforms: e, uvContext: i } = t, o = i ?? f, s = r.x.div(r.y), l = g(o.x.mul(s), o.y), c = h(t, e.speed), a = l.mul(b(e.scale.uniform)).add(e.seed.uniform), m = S(u(a.x, a.y, c.mul(0.5))), p = e.contrast.uniform.add(1), d = y(0, 1, m.mul(p).add(e.balance.uniform).mul(0.5).add(0.5));
     return x(e.colorB.uniform, e.colorA.uniform, d);
   }
 };
-var N = h;
+var w = B;
 export {
-  h as n,
-  N as t
+  B as n,
+  w as t
 };

package/dist/core/{SineWave-DBH8MraQ.js → SineWave-CkWtnzHF.js}

@@ -1,14 +1,15 @@
 import { k as P, m as U } from "./three.tsl-BqgDcRt9.js";
-import { n as V, o as W, r as M } from "./transformations-DBjTkQ5b.js";
+import { n as V, o as W, r as F } from "./transformations-DBjTkQ5b.js";
 U();
-const F = {
+const M = {
   name: "SineWave",
-  category: "Shapes & Masks",
+  category: "Base Layers",
+  description: "Animated wave with thickness and softness",
   acceptsUVContext: !0,
   props: {
     color: {
       default: "#ffffff",
-      transform: M,
+      transform: F,
       description: "The color of the sine wave",
       ui: {
         type: "color",
@@ -96,12 +97,12 @@ const F = {
     }
   },
   fragmentNode: ({ uniforms: e, uvContext: p }) => {
-    const { vec2: n, vec4: f, sin: o, cos: d, abs: h, smoothstep: g, screenUV: y, viewportSize: s, time: v, radians: b, PI: x } = P, a = p ?? y, i = s.x.div(s.y), w = n(a.x.mul(i), a.y), T = n(e.position.uniform.x.mul(i), e.position.uniform.y.oneMinus()), t = w.sub(T), r = b(e.angle.uniform), l = d(r), c = o(r), k = t.x.mul(l).sub(t.y.mul(c)), S = t.x.mul(c).add(t.y.mul(l)), A = v.mul(e.speed.uniform), _ = o(k.mul(e.frequency.uniform).mul(x.mul(2)).add(A)).mul(e.amplitude.uniform), q = h(S.sub(_)), m = e.thickness.uniform.mul(0.5), u = e.softness.uniform.mul(0.5), C = g(m.add(u), m.sub(u), q);
-    return f(e.color.uniform.rgb, e.color.uniform.a.mul(C));
+    const { vec2: n, vec4: d, sin: s, cos: f, abs: h, smoothstep: y, screenUV: g, viewportSize: o, time: v, radians: b, PI: x } = P, a = p ?? g, i = o.x.div(o.y), w = n(a.x.mul(i), a.y), T = n(e.position.uniform.x.mul(i), e.position.uniform.y.oneMinus()), t = w.sub(T), r = b(e.angle.uniform), l = f(r), c = s(r), k = t.x.mul(l).sub(t.y.mul(c)), A = t.x.mul(c).add(t.y.mul(l)), S = v.mul(e.speed.uniform), _ = s(k.mul(e.frequency.uniform).mul(x.mul(2)).add(S)).mul(e.amplitude.uniform), q = h(A.sub(_)), m = e.thickness.uniform.mul(0.5), u = e.softness.uniform.mul(0.5), C = y(m.add(u), m.sub(u), q);
+    return d(e.color.uniform.rgb, e.color.uniform.a.mul(C));
   }
 };
-var E = F;
+var D = M;
 export {
-  F as n,
-  E as t
+  M as n,
+  D as t
 };

package/dist/core/{SolidColor-DR665qss.js → SolidColor-DaB-FHNX.js}

@@ -1,7 +1,8 @@
 import { r } from "./transformations-DBjTkQ5b.js";
 const t = {
   name: "SolidColor",
-  category: "Gradients & Colors",
+  category: "Base Layers",
+  description: "Fill the canvas with a single solid color",
   acceptsUVContext: !0,
   props: { color: {
     default: "#5b18ca",