shaders 2.2.0 → 2.2.2

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

@@ -1,10 +1,12 @@
-import { A as d, N as a, S as r, _ as f, a as u, j as x, m as y, u as g, y as b } from "./three.tsl-CgyjOhns.js";
-import { t as v } from "./time-myrFQH-u.js";
-import { r as n } from "./transformations-Bs66Qh16.js";
-y();
-const S = {
+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";
+v();
+const B = {
   name: "SimplexNoise",
-  category: "Noise",
+  category: "Base Layers",
+  description: "Organic noise with animated movement",
+  acceptsUVContext: !0,
   props: {
     colorA: {
       default: "#ffffff",
@@ -80,13 +82,13 @@ const S = {
       }
     }
   },
-  fragmentNode: (o) => {
-    const { uniforms: e } = o, i = a.x.div(a.y), s = d(r.x.mul(i), r.y), l = v(o, e.speed), t = s.mul(g(e.scale.uniform)).add(e.seed.uniform), c = b(x(t.x, t.y, l.mul(0.5))), m = e.contrast.uniform.add(1), p = u(0, 1, c.mul(m).add(e.balance.uniform).mul(0.5).add(0.5));
-    return f(e.colorB.uniform, e.colorA.uniform, p);
+  fragmentNode: (t) => {
+    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 _ = S;
+var w = B;
 export {
-  S as n,
-  _ as t
+  B as n,
+  w as t
 };

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

@@ -1,13 +1,15 @@
-import { O as q, m as P } from "./three.tsl-CgyjOhns.js";
-import { n as W, o as C, r as M } from "./transformations-Bs66Qh16.js";
-P();
-const U = {
+import { k as P, m as U } from "./three.tsl-BqgDcRt9.js";
+import { n as V, o as W, r as F } from "./transformations-DBjTkQ5b.js";
+U();
+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",
@@ -49,7 +51,7 @@ const U = {
     },
     angle: {
       default: 0,
-      transform: W,
+      transform: V,
       description: "The rotation angle of the wave (in degrees)",
       ui: {
         type: "range",
@@ -64,7 +66,7 @@ const U = {
         x: 0.5,
         y: 0.5
       },
-      transform: C,
+      transform: W,
       description: "The center position of the wave",
       ui: {
         type: "position",
@@ -94,13 +96,13 @@ const U = {
       }
     }
   },
-  fragmentNode: ({ uniforms: e }) => {
-    const { vec2: n, vec4: u, sin: o, cos: f, abs: d, smoothstep: h, screenUV: s, viewportSize: a, time: g, radians: y, PI: v } = q, i = a.x.div(a.y), b = n(s.x.mul(i), s.y), x = n(e.position.uniform.x.mul(i), e.position.uniform.y.oneMinus()), t = b.sub(x), r = y(e.angle.uniform), l = f(r), c = o(r), w = t.x.mul(l).sub(t.y.mul(c)), T = t.x.mul(c).add(t.y.mul(l)), k = g.mul(e.speed.uniform), S = o(w.mul(e.frequency.uniform).mul(v.mul(2)).add(k)).mul(e.amplitude.uniform), A = d(T.sub(S)), m = e.thickness.uniform.mul(0.5), p = e.softness.uniform.mul(0.5), _ = h(m.add(p), m.sub(p), A);
-    return u(e.color.uniform.rgb, e.color.uniform.a.mul(_));
+  fragmentNode: ({ uniforms: e, uvContext: p }) => {
+    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 z = U;
+var D = M;
 export {
-  U as n,
-  z as t
+  M as n,
+  D as t
 };

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

@@ -1,7 +1,9 @@
-import { r } from "./transformations-Bs66Qh16.js";
-const l = {
+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",
     transform: r,
@@ -13,8 +15,8 @@ const l = {
   } },
   fragmentNode: ({ uniforms: o }) => o.color.uniform
 };
-var a = l;
+var l = t;
 export {
-  l as n,
-  a as t
+  t as n,
+  l as t
 };

package/dist/core/{Spiral-CX22hUJ3.js → Spiral-CcyI8azF.js}

@@ -1,14 +1,16 @@
-import { O as N, m as U } from "./three.tsl-CgyjOhns.js";
-import { i as V, o as j, r as S, t as D } from "./transformations-Bs66Qh16.js";
-import { t as I } from "./colorMixing-C_ESXyqX.js";
-U();
-const L = {
+import { k as N, m as O } from "./three.tsl-BqgDcRt9.js";
+import { i as j, o as D, r as g, t as I } from "./transformations-DBjTkQ5b.js";
+import { t as R } from "./colorMixing-DPZ-Td4U.js";
+O();
+const q = {
   name: "Spiral",
-  category: "Shapes & Masks",
+  category: "Base Layers",
+  description: "Rotating spiral pattern with animated movement",
+  acceptsUVContext: !0,
   props: {
     colorA: {
       default: "#000000",
-      transform: S,
+      transform: g,
       description: "Background color",
       ui: {
         type: "color",
@@ -17,7 +19,7 @@ const L = {
     },
     colorB: {
       default: "#ffffff",
-      transform: S,
+      transform: g,
       description: "Spiral stroke color",
       ui: {
         type: "color",
@@ -73,7 +75,7 @@ const L = {
         x: 0.5,
         y: 0.5
       },
-      transform: j,
+      transform: D,
       description: "The center point of the spiral",
       ui: {
         type: "position",
@@ -93,22 +95,22 @@ const L = {
     },
     colorSpace: {
       default: "linear",
-      transform: V,
+      transform: j,
       description: "Color space for color interpolation",
       ui: {
         type: "select",
-        options: D,
+        options: I,
         label: "Color Space"
       }
     }
   },
-  fragmentNode: ({ uniforms: e }) => {
-    const { vec2: s, vec4: g, float: a, atan: x, length: k, clamp: o, fract: y, abs: C, mix: v, smoothstep: t, screenUV: n, time: w, fwidth: l, viewportSize: i } = N, c = i.x.div(i.y), W = s(n.x.mul(c), n.y), _ = s(e.center.uniform.x.mul(c), e.center.uniform.y.oneMinus()), r = W.sub(_), A = w.mul(e.speed.uniform), p = k(r), B = p, F = x(r.y, r.x).sub(A), M = a(6.283185307), O = F.div(M), f = B.mul(e.scale.uniform).add(O), d = C(y(f).sub(0.5)).mul(2), P = o(e.strokeWidth.uniform, e.strokeFalloff.uniform.mul(5e-3), 1), T = o(e.strokeFalloff.uniform, 0, 1).mul(p).oneMinus(), m = P.mul(T), u = l(f), h = v(a(4).sub(t(0.05, 0.4, e.strokeWidth.uniform.mul(2)).mul(t(0.05, 0.4, e.strokeWidth.uniform.oneMinus().mul(2))).mul(3)).mul(u), l(d), o(u, 0, 1)), z = t(m.sub(h).sub(e.softness.uniform), m.add(h).add(e.softness.uniform), d), b = I(e.colorA.uniform, e.colorB.uniform, z, e.colorSpace.uniform);
-    return g(b.rgb, b.a);
+  fragmentNode: ({ uniforms: e, uvContext: x }) => {
+    const { vec2: s, vec4: S, float: a, atan: y, length: k, clamp: o, fract: C, abs: v, mix: w, smoothstep: t, screenUV: W, time: _, fwidth: n, viewportSize: l } = N, i = x ?? W, c = l.x.div(l.y), A = s(i.x.mul(c), i.y), B = s(e.center.uniform.x.mul(c), e.center.uniform.y.oneMinus()), r = A.sub(B), F = _.mul(e.speed.uniform), p = k(r), U = p, V = y(r.y, r.x).sub(F), M = a(6.283185307), P = V.div(M), f = U.mul(e.scale.uniform).add(P), d = v(C(f).sub(0.5)).mul(2), T = o(e.strokeWidth.uniform, e.strokeFalloff.uniform.mul(5e-3), 1), z = o(e.strokeFalloff.uniform, 0, 1).mul(p).oneMinus(), m = T.mul(z), u = n(f), h = w(a(4).sub(t(0.05, 0.4, e.strokeWidth.uniform.mul(2)).mul(t(0.05, 0.4, e.strokeWidth.uniform.oneMinus().mul(2))).mul(3)).mul(u), n(d), o(u, 0, 1)), L = t(m.sub(h).sub(e.softness.uniform), m.add(h).add(e.softness.uniform), d), b = R(e.colorA.uniform, e.colorB.uniform, L, e.colorSpace.uniform);
+    return S(b.rgb, b.a);
   }
 };
-var H = L;
+var J = q;
 export {
-  L as n,
-  H as t
+  q as n,
+  J as t
 };

package/dist/core/Strands-Co4fkc05.js

@@ -0,0 +1,126 @@
+import { k as te, m as ne } from "./three.tsl-BqgDcRt9.js";
+import { t as oe } from "./time-5uQ65blS.js";
+import { o as V, r as se } from "./transformations-DBjTkQ5b.js";
+ne();
+const ie = {
+  name: "Strands",
+  category: "Base Layers",
+  description: "Procedural wavy strands with layered animation",
+  requiresRTT: !1,
+  requiresChild: !1,
+  acceptsUVContext: !0,
+  props: {
+    speed: {
+      default: 0.5,
+      description: "Overall animation speed",
+      ui: {
+        type: "range",
+        min: 0,
+        max: 1,
+        step: 0.01,
+        label: "Speed"
+      }
+    },
+    amplitude: {
+      default: 1,
+      description: "Wave height amplitude",
+      ui: {
+        type: "range",
+        min: 0,
+        max: 5,
+        step: 0.1,
+        label: "Amplitude"
+      }
+    },
+    frequency: {
+      default: 1,
+      description: "Wave frequency",
+      ui: {
+        type: "range",
+        min: 0,
+        max: 5,
+        step: 0.01,
+        label: "Frequency"
+      }
+    },
+    lineCount: {
+      default: 12,
+      description: "Number of wave lines",
+      ui: {
+        type: "range",
+        min: 4,
+        max: 32,
+        step: 1,
+        label: "Line Count"
+      }
+    },
+    lineWidth: {
+      default: 0.1,
+      description: "Width of wave lines",
+      ui: {
+        type: "range",
+        min: 0.01,
+        max: 0.5,
+        step: 0.01,
+        label: "Line Width"
+      }
+    },
+    waveColor: {
+      default: "#f1c907",
+      transform: se,
+      description: "Color of the waves",
+      ui: {
+        type: "color",
+        label: "Wave Color"
+      }
+    },
+    pinEdges: {
+      default: !0,
+      description: "Pin waves at edges (fade effect)",
+      ui: {
+        type: "checkbox",
+        label: "Pin Edges"
+      }
+    },
+    start: {
+      default: {
+        x: 0,
+        y: 0.5
+      },
+      transform: V,
+      description: "Starting point of the waves",
+      ui: {
+        type: "position",
+        label: "Start"
+      }
+    },
+    end: {
+      default: {
+        x: 1,
+        y: 0.5
+      },
+      transform: V,
+      description: "Ending point of the waves",
+      ui: {
+        type: "position",
+        label: "End"
+      }
+    }
+  },
+  fragmentNode: (p) => {
+    const { uniforms: e, uvContext: _ } = p, { vec2: i, vec4: a, cos: o, abs: z, smoothstep: d, mix: v, max: M, screenUV: U, viewportSize: y, float: t, Fn: g } = te, A = _ ?? U, x = oe(p, e.speed), l = g(([n]) => o(n).add(o(n.mul(1.2).add(1.6))).add(o(n.mul(1.4).add(1.5))).div(3));
+    return g(([n]) => {
+      const u = y.x.div(y.y), h = i(e.start.uniform.x.mul(u), e.start.uniform.y.oneMinus()), D = i(e.end.uniform.x.mul(u), e.end.uniform.y.oneMinus()), k = i(n.x.mul(u), n.y), b = D.sub(h), C = b.length(), m = b.div(C), I = i(m.y.negate(), m.x), w = k.sub(h), s = w.dot(m).div(C), N = w.dot(I), S = s.mul(10), R = N.mul(10), B = e.pinEdges.uniform.select(d(t(0), t(0.1), s).mul(d(t(1), t(0.9), s)), t(1)), c = e.pinEdges.uniform.select(o(s.mul(6.28)).mul(0.5).add(0.5).oneMinus(), t(1)), O = o(s.mul(6.28)).mul(0.5).add(0.5).oneMinus(), f = a(0, 0, 0, 0).toVar(), P = e.lineCount.uniform;
+      for (let r = 0; r < 32; r++) {
+        const j = t(r).lessThan(P), W = t(r), G = W.div(P), H = t(0.5), J = t(1.33), q = x.mul(J), E = W.add(S.mul(H)), F = l(E.add(q)).mul(0.5).add(0.5), L = v(t(0.01), e.lineWidth.uniform, F.mul(c)).mul(0.5), K = t(0.6), Q = t(2), X = l(E.add(q.mul(G.add(1)))).mul(v(K, Q, c)).mul(e.amplitude.uniform), Y = l(S.mul(e.frequency.uniform).add(x)).mul(c).mul(e.amplitude.uniform).add(X), Z = z(R.sub(Y)), T = t(0.01), $ = d(L.add(T), L.sub(T), Z), ee = a(e.waveColor.uniform.r, e.waveColor.uniform.g, e.waveColor.uniform.b, $).mul(F);
+        f.assign(M(f, j.select(ee, a(0, 0, 0, 0))));
+      }
+      return f.mul(a(1, 1, 1, O.mul(B)));
+    })(A);
+  }
+};
+var le = ie;
+export {
+  ie as n,
+  le as t
+};

package/dist/core/{Swirl-CIXreSgZ.js → Swirl-BoveqtNV.js}

@@ -1,16 +1,18 @@
-import { O, m as k } from "./three.tsl-CgyjOhns.js";
-import { t as G } from "./time-myrFQH-u.js";
-import { i as L, r as w, t as N } from "./transformations-Bs66Qh16.js";
-import { t as T } from "./colorMixing-C_ESXyqX.js";
-k();
-const U = {
+import { k as L, m as U } from "./three.tsl-BqgDcRt9.js";
+import { t as N } from "./time-5uQ65blS.js";
+import { i as O, r as v, t as T } from "./transformations-DBjTkQ5b.js";
+import { t as j } from "./colorMixing-DPZ-Td4U.js";
+U();
+const E = {
   name: "Swirl",
-  category: "Gradients & Colors",
+  category: "Base Layers",
+  description: "Flowing swirl pattern with multi-layered noise",
+  acceptsUVContext: !0,
   props: {
     colorA: {
       default: "#1275d8",
       description: "Primary gradient color",
-      transform: w,
+      transform: v,
       ui: {
         type: "color",
         label: "Primary Color"
@@ -19,7 +21,7 @@ const U = {
     colorB: {
       default: "#e19136",
       description: "Secondary gradient color",
-      transform: w,
+      transform: v,
       ui: {
         type: "color",
         label: "Secondary Color"
@@ -126,22 +128,22 @@ const U = {
     },
     colorSpace: {
       default: "linear",
-      transform: L,
+      transform: O,
       description: "Color space for color interpolation",
       ui: {
         type: "select",
-        options: N,
+        options: T,
         label: "Color Space"
       }
     }
   },
   fragmentNode: (f) => {
-    const { uniforms: e } = f, { vec2: s, vec4: B, float: d, screenUV: F, sin: o, cos: t, smoothstep: _ } = O, m = F, l = G(f, e.speed), c = e.detail.uniform, p = d(0.02), y = d(0.028), b = d(0.056), n = c, x = e.coarseX.uniform.mul(p), S = e.coarseY.uniform.mul(p), a = s(m.x.add(o(m.y.mul(n.mul(S).mul(1.7)).add(l.mul(0.8))).mul(0.12)), m.y.add(t(m.x.mul(n.mul(x).mul(1.3)).sub(l.mul(0.6))).mul(0.12))), A = o(a.x.mul(n.mul(x).mul(2.1)).add(a.y.mul(n.mul(S).mul(1.8))).add(l.mul(0.4))), i = c.mul(1.4), g = e.mediumX.uniform.mul(y), C = e.mediumY.uniform.mul(y), r = s(a.x.add(t(a.y.mul(i.mul(C).mul(1.9)).sub(l.mul(0.5))).mul(0.06)), a.y.add(o(a.x.mul(i.mul(g).mul(2.3)).add(l.mul(0.7))).mul(0.06))), M = t(r.x.mul(i.mul(g).mul(1.6)).sub(r.y.mul(i.mul(C).mul(2.4))).add(l.mul(0.3))), u = c.mul(2.8), X = e.fineX.uniform.mul(b), Y = e.fineY.uniform.mul(b), q = s(r.x.add(o(r.y.mul(u.mul(Y).mul(1.1)).add(l.mul(0.9))).mul(0.03)), r.y.add(t(r.x.mul(u.mul(X).mul(0.9)).sub(l.mul(0.4))).mul(0.03))), V = o(q.x.mul(u.mul(X).mul(1.3)).add(q.y.mul(u.mul(Y).mul(1.7))).sub(l.mul(0.6))), h = A.mul(0.5).add(M.mul(0.3)).add(V.mul(0.2)), z = e.blend.uniform.sub(50).mul(6e-3), H = _(0.3, 0.7, h.mul(0.5).add(0.5).add(z)), P = T(e.colorA.uniform, e.colorB.uniform, H, e.colorSpace.uniform), D = o(l.mul(2.5).add(h.mul(8))).mul(0.015).add(1), v = P.mul(D);
-    return B(v.rgb, v.a);
+    const { uniforms: e, uvContext: B } = f, { vec2: s, vec4: F, float: d, screenUV: V, sin: o, cos: r, smoothstep: _ } = L, m = B ?? V, l = N(f, e.speed), c = e.detail.uniform, p = d(0.02), y = d(0.028), b = d(0.056), n = c, x = e.coarseX.uniform.mul(p), S = e.coarseY.uniform.mul(p), a = s(m.x.add(o(m.y.mul(n.mul(S).mul(1.7)).add(l.mul(0.8))).mul(0.12)), m.y.add(r(m.x.mul(n.mul(x).mul(1.3)).sub(l.mul(0.6))).mul(0.12))), A = o(a.x.mul(n.mul(x).mul(2.1)).add(a.y.mul(n.mul(S).mul(1.8))).add(l.mul(0.4))), i = c.mul(1.4), g = e.mediumX.uniform.mul(y), C = e.mediumY.uniform.mul(y), t = s(a.x.add(r(a.y.mul(i.mul(C).mul(1.9)).sub(l.mul(0.5))).mul(0.06)), a.y.add(o(a.x.mul(i.mul(g).mul(2.3)).add(l.mul(0.7))).mul(0.06))), M = r(t.x.mul(i.mul(g).mul(1.6)).sub(t.y.mul(i.mul(C).mul(2.4))).add(l.mul(0.3))), u = c.mul(2.8), X = e.fineX.uniform.mul(b), Y = e.fineY.uniform.mul(b), w = s(t.x.add(o(t.y.mul(u.mul(Y).mul(1.1)).add(l.mul(0.9))).mul(0.03)), t.y.add(r(t.x.mul(u.mul(X).mul(0.9)).sub(l.mul(0.4))).mul(0.03))), z = o(w.x.mul(u.mul(X).mul(1.3)).add(w.y.mul(u.mul(Y).mul(1.7))).sub(l.mul(0.6))), q = A.mul(0.5).add(M.mul(0.3)).add(z.mul(0.2)), H = e.blend.uniform.sub(50).mul(6e-3), P = _(0.3, 0.7, q.mul(0.5).add(0.5).add(H)), k = j(e.colorA.uniform, e.colorB.uniform, P, e.colorSpace.uniform), D = o(l.mul(2.5).add(q.mul(8))).mul(0.015).add(1), h = k.mul(D);
+    return F(h.rgb, h.a);
   }
 };
-var K = U;
+var Q = E;
 export {
-  U as n,
-  K as t
+  E as n,
+  Q as t
 };

package/dist/core/{TiltShift-J0UUcoh-.js → TiltShift-D53azmRe.js}

@@ -1,9 +1,10 @@
-import { O as U, m as j } from "./three.tsl-CgyjOhns.js";
-import { n as k, o as E } from "./transformations-Bs66Qh16.js";
+import { k as U, m as j } from "./three.tsl-BqgDcRt9.js";
+import { n as E, o as G } from "./transformations-DBjTkQ5b.js";
 j();
-const G = {
+const H = {
   name: "TiltShift",
   category: "Blurs",
+  description: "Selective focus blur mimicking tilt-shift photography",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -42,7 +43,7 @@ const G = {
     },
     angle: {
       default: 0,
-      transform: k,
+      transform: E,
       description: "Rotation angle of the focus line (in degrees)",
       ui: {
         type: "range",
@@ -57,7 +58,7 @@ const G = {
         x: 0.5,
         y: 0.5
       },
-      transform: E,
+      transform: G,
       description: "Center point of the focus line",
       ui: {
         type: "position",
@@ -66,13 +67,13 @@ const G = {
     }
   },
   fragmentNode: ({ uniforms: e, childNode: g, onCleanup: h }) => {
-    const { vec2: n, vec4: l, float: o, screenUV: c, convertToTexture: x, viewportSize: y, radians: A, cos: C, sin: R, dot: V, abs: F, smoothstep: W, mix: q, Fn: b } = U;
+    const { vec2: n, vec4: l, float: o, screenUV: c, convertToTexture: x, viewportSize: y, radians: A, cos: C, sin: R, dot: V, abs: F, smoothstep: W, mix: k, Fn: b } = U;
     if (!g) return l(0, 0, 0, 0);
     const r = x(g);
     h(() => {
       r?.renderTarget?.dispose && r.renderTarget.dispose();
     });
-    const T = A(e.angle.uniform), D = C(T), I = n(R(T).negate(), D), M = n(e.center.uniform[0], e.center.uniform[1].oneMinus()), P = F(V(c.sub(M), I)), v = e.width.uniform.mul(0.5), B = e.falloff.uniform, w = W(v, v.add(B), P), L = e.intensity.uniform.mul(0.06), S = w.mul(L), _ = [
+    const T = A(e.angle.uniform), q = C(T), D = n(R(T).negate(), q), I = n(e.center.uniform[0], e.center.uniform[1].oneMinus()), M = F(V(c.sub(I), D)), v = e.width.uniform.mul(0.5), P = e.falloff.uniform, w = W(v, v.add(P), M), B = e.intensity.uniform.mul(0.06), S = w.mul(B), _ = [
       0.056,
       0.135,
       0.278,
@@ -99,16 +100,16 @@ const G = {
     }), b(() => {
       const a = c, d = n(1).div(y), t = l(0).toVar();
       for (let i = -6; i <= 6; i++) {
-        const f = o(_[i + 6] / z), m = n(o(0), o(i)).mul(S).mul(d), p = a.add(m), O = u.sample(p).mul(f);
-        t.assign(t.add(O));
+        const f = o(_[i + 6] / z), m = n(o(0), o(i)).mul(S).mul(d), p = a.add(m), L = u.sample(p).mul(f);
+        t.assign(t.add(L));
       }
       const s = t;
-      return q(r.sample(a), s, w);
+      return k(r.sample(a), s, w);
     })();
   }
 };
-var K = G;
+var N = H;
 export {
-  G as n,
-  K as t
+  H as n,
+  N as t
 };

package/dist/core/{Tritone-E9eHvjJV.js → Tritone-Cg1rX-hL.js}

@@ -1,10 +1,11 @@
-import { O as g, m as C } from "./three.tsl-CgyjOhns.js";
-import { i as T, r as i, t as M } from "./transformations-Bs66Qh16.js";
-import { t as l } from "./colorMixing-C_ESXyqX.js";
+import { k as g, m as C } from "./three.tsl-BqgDcRt9.js";
+import { i as M, r as i, t as T } from "./transformations-DBjTkQ5b.js";
+import { t as l } from "./colorMixing-DPZ-Td4U.js";
 C();
 const S = {
   name: "Tritone",
-  category: "Effects",
+  category: "Adjustments",
+  description: "Map colors to three tones: shadows, midtones, highlights",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -48,24 +49,24 @@ const S = {
     },
     colorSpace: {
       default: "linear",
-      transform: T,
+      transform: M,
       description: "Color space for color interpolation",
       ui: {
         type: "select",
-        options: M,
+        options: T,
         label: "Color Space"
       }
     }
   },
-  fragmentNode: ({ uniforms: o, childNode: n, onCleanup: c }) => {
-    const { vec3: d, vec4: a, dot: p, smoothstep: e, screenUV: f, convertToTexture: u } = g;
-    if (!n) return a(0, 0, 0, 0);
+  fragmentNode: ({ uniforms: o, childNode: n, onCleanup: d }) => {
+    const { vec3: c, vec4: s, dot: p, smoothstep: e, screenUV: f, convertToTexture: u } = g;
+    if (!n) return s(0, 0, 0, 0);
     const r = u(n);
-    c(() => {
+    d(() => {
       r?.renderTarget?.dispose && r.renderTarget.dispose();
     });
-    const s = r.sample(f), t = p(s.rgb, d(0.299, 0.587, 0.114)), m = e(o.blendMid.uniform.sub(0.25), o.blendMid.uniform, t), b = l(o.colorA.uniform, o.colorB.uniform, m, o.colorSpace.uniform), h = e(o.blendMid.uniform, o.blendMid.uniform.add(0.25), t);
-    return a(l(b, l(o.colorB.uniform, o.colorC.uniform, h, o.colorSpace.uniform), e(o.blendMid.uniform.sub(0.1), o.blendMid.uniform.add(0.1), t), o.colorSpace.uniform).rgb, s.a);
+    const a = r.sample(f), t = p(a.rgb, c(0.299, 0.587, 0.114)), m = e(o.blendMid.uniform.sub(0.25), o.blendMid.uniform, t), h = l(o.colorA.uniform, o.colorB.uniform, m, o.colorSpace.uniform), b = e(o.blendMid.uniform, o.blendMid.uniform.add(0.25), t);
+    return s(l(h, l(o.colorB.uniform, o.colorC.uniform, b, o.colorSpace.uniform), e(o.blendMid.uniform.sub(0.1), o.blendMid.uniform.add(0.1), t), o.colorSpace.uniform).rgb, a.a);
   }
 };
 var B = S;

package/dist/core/{Twirl-ClhPpapm.js → Twirl-raO5pe5X.js}

@@ -1,10 +1,11 @@
-import { O as x, m as v } from "./three.tsl-CgyjOhns.js";
-import { t as w } from "./edges-Cj8yVYgz.js";
-import { a as _, o as E } from "./transformations-Bs66Qh16.js";
+import { k as x, m as v } from "./three.tsl-BqgDcRt9.js";
+import { t as w } from "./edges-B-tVdqcI.js";
+import { a as _, o as A } from "./transformations-DBjTkQ5b.js";
 v();
-const q = {
+const E = {
   name: "Twirl",
   category: "Distortions",
+  description: "Rotate and twist content around a center point",
   requiresRTT: !0,
   requiresChild: !0,
   props: {
@@ -13,7 +14,7 @@ const q = {
         x: 0.5,
         y: 0.5
       },
-      transform: E,
+      transform: A,
       description: "The center point of the twirl effect",
       ui: {
         type: "position",
@@ -59,20 +60,24 @@ const q = {
       }
     }
   },
-  fragmentNode: ({ uniforms: t, childNode: o, onCleanup: d }) => {
-    const { vec2: s, vec4: u, cos: p, sin: m, length: f, screenUV: g, convertToTexture: h } = x;
+  uvTransformNode: ({ uv: n, uniforms: o }) => {
+    const { vec2: i, cos: l, sin: u, length: m } = x, r = i(o.center.uniform.x, o.center.uniform.y.oneMinus()), e = n.sub(r), c = o.intensity.uniform.mul(m(e)), d = l(c), t = u(c), p = d.mul(e.x).sub(t.mul(e.y)), s = t.mul(e.x).add(d.mul(e.y));
+    return i(p.add(r.x), s.add(r.y));
+  },
+  fragmentNode: ({ uniforms: n, childNode: o, onCleanup: i }) => {
+    const { vec2: l, vec4: u, cos: m, sin: r, length: e, screenUV: c, convertToTexture: d } = x;
     if (!o)
       return console.error("You must pass a child component into the Twirl shader."), u(0);
-    const r = h(o);
-    d(() => {
-      r?.renderTarget?.dispose && r.renderTarget.dispose();
+    const t = d(o);
+    i(() => {
+      t?.renderTarget?.dispose && t.renderTarget.dispose();
     });
-    const y = g, n = s(t.center.uniform.x, t.center.uniform.y.oneMinus()), e = y.sub(n), a = t.intensity.uniform.mul(f(e)), i = p(a), l = m(a), T = i.mul(e.x).sub(l.mul(e.y)), b = l.mul(e.x).add(i.mul(e.y)), c = s(T.add(n.x), b.add(n.y));
-    return w(c, r.sample(c), r, t.edges.uniform);
+    const p = c, s = l(n.center.uniform.x, n.center.uniform.y.oneMinus()), a = p.sub(s), f = n.intensity.uniform.mul(e(a)), g = m(f), h = r(f), T = g.mul(a.x).sub(h.mul(a.y)), b = h.mul(a.x).add(g.mul(a.y)), y = l(T.add(s.x), b.add(s.y));
+    return w(y, t.sample(y), t, n.edges.uniform);
   }
 };
-var H = q;
+var q = E;
 export {
-  q as n,
-  H as t
+  E as n,
+  q as t
 };

package/dist/core/{Vibrance-CqnE9Zco.js → Vibrance-DtekSkcz.js}

@@ -1,9 +1,10 @@
-import { O as i, m as o } from "./three.tsl-CgyjOhns.js";
-import { i as s } from "./ColorAdjustment-CKwpE_4M.js";
-o();
+import { k as i, m as s } from "./three.tsl-BqgDcRt9.js";
+import { i as o } from "./ColorAdjustment-CKwpE_4M.js";
+s();
 const a = {
   name: "Vibrance",
-  category: "Color Adjustments",
+  category: "Adjustments",
+  description: "Selective saturation adjustment protecting skin tones",
   requiresChild: !0,
   props: { intensity: {
     default: 0,
@@ -16,12 +17,12 @@ const a = {
       label: "Intensity"
     }
   } },
-  fragmentNode: ({ uniforms: n, childNode: t }) => {
+  fragmentNode: ({ uniforms: r, childNode: t }) => {
     const { vec4: e } = i;
     if (!t)
       return console.error("You must pass a child component into the Vibrance shader."), e(0);
-    const r = t || e(0, 0, 0, 0);
-    return e(s(r.rgb, n.intensity.uniform).rgb, r.a);
+    const n = t || e(0, 0, 0, 0);
+    return e(o(n.rgb, r.intensity.uniform).rgb, n.a);
   }
 };
 var p = a;