shaders 2.5.81 → 2.5.83

package/dist/core/{Crescent-B4Z_WAgY.js → Crescent-n3F1gT1y.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { r as crescentSdf } from "./sdf-BDsv-WBk.js";
+import { i as crescentSdf } from "./sdf-vsljaiJ7.js";
 import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	return {

package/dist/core/{Cross-M5Vm5Kmy.js → Cross-CQmjBna4.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { i as crossSdf } from "./sdf-BDsv-WBk.js";
+import { a as crossSdf } from "./sdf-vsljaiJ7.js";
 import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	return {

package/dist/core/{Ellipse-BjbjXlOx.js → Ellipse-DWQt5JTM.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { a as ellipseSdf } from "./sdf-BDsv-WBk.js";
+import { o as ellipseSdf } from "./sdf-vsljaiJ7.js";
 import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	return {

package/dist/core/{Emboss-K5TExa67.js → Emboss-ShjCeQPU.js}

@@ -1,6 +1,6 @@
 import { l as transformPosition } from "./transformations-B5lM6fYX.js";
-import { a as ellipseSdf, c as ringSdf, d as trapezoidSdf, f as vesicaSdf, i as crossSdf, l as roundedRectSdf, n as createSvgSdfSampler, o as flowerSdf, r as crescentSdf, s as polygonSdf, t as circleSdf, u as starSdf } from "./sdf-BDsv-WBk.js";
-import { Fn, abs, clamp, convertToTexture, cos, float, max, mix, screenUV, sin, smoothstep, sqrt, uniform, vec2, vec3, vec4, viewportSize } from "three/tsl";
+import { n as createAnalyticSdfSampler, r as createSvgSdfSampler } from "./sdf-vsljaiJ7.js";
+import { Fn, abs, clamp, convertToTexture, cos, float, max, screenUV, sin, smoothstep, sqrt, vec2, vec3, vec4, viewportSize } from "three/tsl";
 var _INV_LIGHT_LEN = 1 / Math.sqrt(1.49);
 var _LZN = .7 * _INV_LIGHT_LEN;
 function applyEmbossEffect(childTexture, sdfSampler, uniforms) {
@@ -154,6 +154,11 @@ const componentDefinition = {
 			default: "",
 			compileTime: true,
 			description: "URL to a pre-generated SDF .bin file — when non-empty, activates SVG mode and triggers a shader recompile"
+		},
+		shapeType: {
+			default: "",
+			compileTime: true,
+			description: "Active SDF shape type — triggers recompile when shape is switched. When empty, derived from shape JSON at mount time."
 		}
 	},
 	fragmentNode: ({ uniforms, childNode, onCleanup, onBeforeRender }) => {
@@ -176,65 +181,7 @@ const componentDefinition = {
 			}
 		})();
 		if (shapeSdfUrl) return applyEmbossEffect(childTexture, createSvgSdfSampler(shapeSdfUrl, onBeforeRender, onCleanup), uniforms);
-		else {
-			const SHAPE_MODES = {
-				circleSDF: 0,
-				polygonSDF: 1,
-				flowerSDF: 2,
-				ringSDF: 3,
-				crossSDF: 4,
-				starSDF: 5,
-				roundedRectSDF: 6,
-				ellipseSDF: 7,
-				vesicaSDF: 8,
-				crescentSDF: 9,
-				trapezoidSDF: 10
-			};
-			const radiusU = uniform(initialConfig.radius ?? .35);
-			const sidesU = uniform(initialConfig.sides ?? 6);
-			const roundingU = uniform(initialConfig.rounding ?? 0);
-			const innerRatioU = uniform(initialConfig.innerRatio ?? initialConfig.thickness ?? .4);
-			const rotationU = uniform(initialConfig.rotation ?? 0);
-			const heightU = uniform(initialConfig.height ?? .25);
-			const offsetU = uniform(initialConfig.offset ?? .2);
-			const shapeModeU = uniform(SHAPE_MODES[initialConfig.type] ?? 0);
-			onBeforeRender(() => {
-				try {
-					const cfg = JSON.parse(uniforms.shape.uniform.value);
-					radiusU.value = cfg.radius ?? cfg.width ?? cfg.bottomWidth ?? .35;
-					sidesU.value = cfg.sides ?? 6;
-					roundingU.value = cfg.rounding ?? 0;
-					innerRatioU.value = cfg.innerRatio ?? cfg.thickness ?? cfg.spread ?? cfg.topWidth ?? cfg.topRatio ?? .4;
-					rotationU.value = cfg.rotation ?? 0;
-					heightU.value = cfg.height ?? .25;
-					offsetU.value = cfg.offset ?? .2;
-					shapeModeU.value = SHAPE_MODES[cfg.type] ?? 0;
-				} catch {}
-			});
-			const sdfSampler = (uv$1) => {
-				const dx = uv$1.x.sub(float(.5));
-				const dy = uv$1.y.sub(float(.5));
-				const rotRad = rotationU.mul(float(Math.PI / 180));
-				const cosR = cos(rotRad);
-				const sinR = sin(rotRad);
-				const rdx = dx.mul(cosR).add(dy.mul(sinR));
-				const rdy = dy.mul(cosR).sub(dx.mul(sinR));
-				const circle = circleSdf(dx, dy, radiusU);
-				const polygon = mix(polygonSdf(rdx, rdy, radiusU, sidesU), circle, roundingU);
-				const flower = flowerSdf(rdx, rdy, radiusU, sidesU, innerRatioU);
-				const ring = ringSdf(dx, dy, radiusU, innerRatioU);
-				const cross = crossSdf(rdx, rdy, radiusU, innerRatioU, roundingU);
-				const star = starSdf(rdx, rdy, radiusU, sidesU, innerRatioU);
-				const roundedRect = roundedRectSdf(rdx, rdy, radiusU, heightU, roundingU);
-				const ellipse = ellipseSdf(rdx, rdy, radiusU, heightU);
-				const vesica = vesicaSdf(rdx, rdy, radiusU, innerRatioU);
-				const crescent = crescentSdf(rdx, rdy, radiusU, innerRatioU, offsetU);
-				const trapezoid = trapezoidSdf(rdx, rdy, innerRatioU, radiusU, heightU);
-				const m = shapeModeU;
-				return vec4(m.lessThan(float(.5)).select(circle, m.lessThan(float(1.5)).select(polygon, m.lessThan(float(2.5)).select(flower, m.lessThan(float(3.5)).select(ring, m.lessThan(float(4.5)).select(cross, m.lessThan(float(5.5)).select(star, m.lessThan(float(6.5)).select(roundedRect, m.lessThan(float(7.5)).select(ellipse, m.lessThan(float(8.5)).select(vesica, m.lessThan(float(9.5)).select(crescent, trapezoid)))))))))), float(0), float(0), float(1));
-			};
-			return applyEmbossEffect(childTexture, sdfSampler, uniforms);
-		}
+		else return applyEmbossEffect(childTexture, createAnalyticSdfSampler(uniforms.shapeType.uniform.value || initialConfig.type || "circleSDF", initialConfig, uniforms.shape, onBeforeRender), uniforms);
 	}
 };
 var Emboss_default = componentDefinition;

package/dist/core/{Flower-B-53jiUT.js → Flower-DZVbhEaA.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { o as flowerSdf } from "./sdf-BDsv-WBk.js";
+import { s as flowerSdf } from "./sdf-vsljaiJ7.js";
 import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	return {

package/dist/core/FlowingGradient-DVproCI1.js

@@ -0,0 +1,145 @@
+import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
+import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
+import { t as createAnimatedTime } from "./time-DUqSFWvT.js";
+import { Fn, abs, clamp, cos, float, mix, mx_noise_float, pow, screenUV, sin, smoothstep, vec2, vec3, vec4, viewportSize } from "three/tsl";
+const componentDefinition = {
+	name: "FlowingGradient",
+	category: "Textures",
+	description: "Liquid silk gradient with organic flowing color bands",
+	props: {
+		colorA: {
+			default: "#0a0015",
+			transform: transformColor,
+			description: "Deep background color",
+			ui: {
+				type: "color",
+				label: "Color A",
+				group: "Colors"
+			}
+		},
+		colorB: {
+			default: "#6b17e6",
+			transform: transformColor,
+			description: "Primary accent color",
+			ui: {
+				type: "color",
+				label: "Color B",
+				group: "Colors"
+			}
+		},
+		colorC: {
+			default: "#ff4d6a",
+			transform: transformColor,
+			description: "Secondary accent color",
+			ui: {
+				type: "color",
+				label: "Color C",
+				group: "Colors"
+			}
+		},
+		colorD: {
+			default: "#ff6b35",
+			transform: transformColor,
+			description: "Tertiary accent color",
+			ui: {
+				type: "color",
+				label: "Color D",
+				group: "Colors"
+			}
+		},
+		colorSpace: {
+			default: "oklch",
+			transform: transformColorSpace,
+			compileTime: true,
+			description: "Color space for color interpolation",
+			ui: {
+				type: "select",
+				options: colorSpaceOptions,
+				label: "Color Space",
+				group: "Colors"
+			}
+		},
+		speed: {
+			default: 1,
+			description: "Animation speed",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 10,
+				step: .1,
+				label: "Speed",
+				group: "Effect"
+			}
+		},
+		distortion: {
+			default: .5,
+			description: "Organic distortion intensity",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 2,
+				step: .1,
+				label: "Distortion",
+				group: "Effect"
+			}
+		},
+		seed: {
+			default: 0,
+			description: "Random seed for variation",
+			ui: {
+				type: ["range", "map"],
+				min: 0,
+				max: 100,
+				step: 1,
+				label: "Seed",
+				group: "Effect"
+			}
+		}
+	},
+	fragmentNode: (params) => {
+		const { uniforms } = params;
+		const colorA = uniforms.colorA.uniform;
+		const colorB = uniforms.colorB.uniform;
+		const colorC = uniforms.colorC.uniform;
+		const colorD = uniforms.colorD.uniform;
+		const csMode = uniforms.colorSpace.uniform.value;
+		const distortion = uniforms.distortion.uniform;
+		const seed = uniforms.seed.uniform;
+		const t = createAnimatedTime(params, uniforms.speed).mul(.075);
+		const aspect = viewportSize.x.div(viewportSize.y);
+		return Fn(() => {
+			const uv$1 = screenUV.sub(.5).toVar();
+			const seedOff = seed.mul(.17);
+			const angle = mx_noise_float(vec3(uv$1.x.mul(.8).add(t.mul(.4)), uv$1.y.mul(.8).sub(t.mul(.25)), seedOff)).mul(4 * Math.PI).mul(distortion);
+			const uvCorr = vec2(uv$1.x, uv$1.y.div(aspect));
+			const ca = cos(angle);
+			const sa = sin(angle);
+			uv$1.assign(vec2(uvCorr.x.mul(ca).sub(uvCorr.y.mul(sa)), uvCorr.x.mul(sa).add(uvCorr.y.mul(ca)).mul(aspect)));
+			const ws = t.mul(2);
+			uv$1.x.assign(uv$1.x.add(sin(uv$1.y.mul(5).add(ws)).div(50).mul(distortion)));
+			uv$1.y.assign(uv$1.y.add(sin(uv$1.x.mul(7.5).add(ws)).div(25).mul(distortion)));
+			const wp1 = vec3(uv$1.x.mul(2), uv$1.y.mul(2), t.mul(.5).add(seedOff));
+			const wx1 = mx_noise_float(wp1.add(vec3(5.2, 1.3, 0)));
+			const wy1 = mx_noise_float(wp1.add(vec3(1.7, 9.2, 0)));
+			uv$1.assign(uv$1.add(vec2(wx1, wy1).mul(.25).mul(distortion)));
+			const wp2 = vec3(uv$1.x.mul(1.5), uv$1.y.mul(1.5), t.mul(.3).add(seedOff));
+			const wx2 = mx_noise_float(wp2.add(vec3(8.3, 2.8, 0)));
+			const wy2 = mx_noise_float(wp2.add(vec3(3.1, 7.4, 0)));
+			uv$1.assign(uv$1.add(vec2(wx2, wy2).mul(.2).mul(distortion)));
+			const zoneNoise = mx_noise_float(vec3(uv$1.x.mul(1.8), uv$1.y.mul(1.8), t.mul(.3).add(seedOff)));
+			const edgeHardness = pow(wx1.mul(.5).add(.5), float(1.5));
+			const edgeWidth = mix(float(.5), float(.008), edgeHardness);
+			const t1 = smoothstep(edgeWidth.negate(), edgeWidth, zoneNoise);
+			const t2 = smoothstep(edgeWidth.negate(), edgeWidth, wy1);
+			const baseColor = mixColors(mixColors(colorA, colorB, t1, csMode), mixColors(colorC, colorD, t1, csMode), t2, csMode);
+			const foldMask1 = float(1).sub(abs(t1.mul(2).sub(1)));
+			const foldMask2 = float(1).sub(abs(t2.mul(2).sub(1)));
+			const foldHighlight = foldMask1.max(foldMask2).mul(edgeHardness);
+			const surfaceLight = wx2.mul(.5).add(.5).mul(.12).add(.94);
+			const baseAlpha = baseColor.w;
+			return vec4(clamp(baseColor.rgb.mul(surfaceLight).mul(float(1).add(foldHighlight.mul(.35))), 0, 1), baseAlpha);
+		})();
+	}
+};
+var FlowingGradient_default = componentDefinition;
+export { componentDefinition as n, FlowingGradient_default as t };

package/dist/core/{Glass-CRaFJ-8c.js → Glass-CrdewyrV.js}

@@ -1,8 +1,8 @@
 import { a as transformColor, l as transformPosition } from "./transformations-B5lM6fYX.js";
-import { a as ellipseSdf, c as ringSdf, d as trapezoidSdf, f as vesicaSdf, i as crossSdf, l as roundedRectSdf, n as createSvgSdfSampler, o as flowerSdf, r as crescentSdf, s as polygonSdf, t as circleSdf, u as starSdf } from "./sdf-BDsv-WBk.js";
-import { Fn, clamp, convertToTexture, cos, dot, exp2, float, max, mix, pow, screenUV, sin, smoothstep, sqrt, uniform, vec2, vec3, vec4, viewportSize } from "three/tsl";
+import { n as createAnalyticSdfSampler, r as createSvgSdfSampler } from "./sdf-vsljaiJ7.js";
+import { Fn, clamp, convertToTexture, cos, dot, exp2, float, max, mix, pow, screenUV, sin, smoothstep, sqrt, vec2, vec3, vec4, viewportSize } from "three/tsl";
 var GOLDEN_ANGLE = 2.3999632297286535;
-var BLUR_SAMPLE_COUNT = 13;
+var BLUR_SAMPLE_COUNT = 9;
 const BLUR_DISK = [];
 for (let i = 0; i < BLUR_SAMPLE_COUNT; i++) {
 	const angle = i * GOLDEN_ANGLE;
@@ -334,6 +334,11 @@ const componentDefinition = {
 			default: "",
 			compileTime: true,
 			description: "URL to a pre-generated SDF .bin file — when non-empty, activates SVG mode and triggers a shader recompile"
+		},
+		shapeType: {
+			default: "",
+			compileTime: true,
+			description: "Active SDF shape type — triggers recompile when shape is switched. When empty, derived from shape JSON at mount time."
 		}
 	},
 	fragmentNode: ({ uniforms, childNode, onCleanup, onBeforeRender }) => {
@@ -356,65 +361,7 @@ const componentDefinition = {
 			}
 		})();
 		if (shapeSdfUrl) return applyGlassEffect(childTexture, createSvgSdfSampler(shapeSdfUrl, onBeforeRender, onCleanup), uniforms);
-		else {
-			const SHAPE_MODES = {
-				circleSDF: 0,
-				polygonSDF: 1,
-				flowerSDF: 2,
-				ringSDF: 3,
-				crossSDF: 4,
-				starSDF: 5,
-				roundedRectSDF: 6,
-				ellipseSDF: 7,
-				vesicaSDF: 8,
-				crescentSDF: 9,
-				trapezoidSDF: 10
-			};
-			const radiusU = uniform(initialConfig.radius ?? .35);
-			const sidesU = uniform(initialConfig.sides ?? 6);
-			const roundingU = uniform(initialConfig.rounding ?? 0);
-			const innerRatioU = uniform(initialConfig.innerRatio ?? initialConfig.thickness ?? .4);
-			const rotationU = uniform(initialConfig.rotation ?? 0);
-			const heightU = uniform(initialConfig.height ?? .25);
-			const offsetU = uniform(initialConfig.offset ?? .2);
-			const shapeModeU = uniform(SHAPE_MODES[initialConfig.type] ?? 0);
-			onBeforeRender(() => {
-				try {
-					const cfg = JSON.parse(uniforms.shape.uniform.value);
-					radiusU.value = cfg.radius ?? cfg.width ?? cfg.bottomWidth ?? .35;
-					sidesU.value = cfg.sides ?? 6;
-					roundingU.value = cfg.rounding ?? 0;
-					innerRatioU.value = cfg.innerRatio ?? cfg.thickness ?? cfg.spread ?? cfg.topWidth ?? cfg.topRatio ?? .4;
-					rotationU.value = cfg.rotation ?? 0;
-					heightU.value = cfg.height ?? .25;
-					offsetU.value = cfg.offset ?? .2;
-					shapeModeU.value = SHAPE_MODES[cfg.type] ?? 0;
-				} catch {}
-			});
-			const sdfSampler = (uv$1) => {
-				const dx = uv$1.x.sub(float(.5));
-				const dy = uv$1.y.sub(float(.5));
-				const rotRad = rotationU.mul(float(Math.PI / 180));
-				const cosR = cos(rotRad);
-				const sinR = sin(rotRad);
-				const rdx = dx.mul(cosR).add(dy.mul(sinR));
-				const rdy = dy.mul(cosR).sub(dx.mul(sinR));
-				const circle = circleSdf(dx, dy, radiusU);
-				const polygon = mix(polygonSdf(rdx, rdy, radiusU, sidesU), circle, roundingU);
-				const flower = flowerSdf(rdx, rdy, radiusU, sidesU, innerRatioU);
-				const ring = ringSdf(dx, dy, radiusU, innerRatioU);
-				const cross = crossSdf(rdx, rdy, radiusU, innerRatioU, roundingU);
-				const star = starSdf(rdx, rdy, radiusU, sidesU, innerRatioU);
-				const roundedRect = roundedRectSdf(rdx, rdy, radiusU, heightU, roundingU);
-				const ellipse = ellipseSdf(rdx, rdy, radiusU, heightU);
-				const vesica = vesicaSdf(rdx, rdy, radiusU, innerRatioU);
-				const crescent = crescentSdf(rdx, rdy, radiusU, innerRatioU, offsetU);
-				const trapezoid = trapezoidSdf(rdx, rdy, innerRatioU, radiusU, heightU);
-				const m = shapeModeU;
-				return vec4(m.lessThan(float(.5)).select(circle, m.lessThan(float(1.5)).select(polygon, m.lessThan(float(2.5)).select(flower, m.lessThan(float(3.5)).select(ring, m.lessThan(float(4.5)).select(cross, m.lessThan(float(5.5)).select(star, m.lessThan(float(6.5)).select(roundedRect, m.lessThan(float(7.5)).select(ellipse, m.lessThan(float(8.5)).select(vesica, m.lessThan(float(9.5)).select(crescent, trapezoid)))))))))), float(0), float(0), float(1));
-			};
-			return applyGlassEffect(childTexture, sdfSampler, uniforms);
-		}
+		else return applyGlassEffect(childTexture, createAnalyticSdfSampler(uniforms.shapeType.uniform.value || initialConfig.type || "circleSDF", initialConfig, uniforms.shape, onBeforeRender), uniforms);
 	}
 };
 var Glass_default = componentDefinition;

package/dist/core/{Neon-E8whPM6C.js → Neon-DwAOiY8b.js}

@@ -1,5 +1,5 @@
 import { a as transformColor, l as transformPosition } from "./transformations-B5lM6fYX.js";
-import { a as ellipseSdf, c as ringSdf, d as trapezoidSdf, f as vesicaSdf, i as crossSdf, l as roundedRectSdf, n as createSvgSdfSampler, o as flowerSdf, r as crescentSdf, s as polygonSdf, t as circleSdf, u as starSdf } from "./sdf-BDsv-WBk.js";
+import { n as createAnalyticSdfSampler, r as createSvgSdfSampler } from "./sdf-vsljaiJ7.js";
 import { Fn, atan, clamp, cos, exp, exp2, float, max, mix, pow, screenUV, sin, smoothstep, sqrt, uniform, vec2, vec3, vec4, viewportSize } from "three/tsl";
 var _LZ = .7;
 var _INV_LIGHT_LEN = 1 / Math.sqrt(1 + _LZ * _LZ);
@@ -332,6 +332,11 @@ const componentDefinition = {
 			default: "",
 			compileTime: true,
 			description: "URL to a pre-generated SDF .bin file — when non-empty, activates SVG mode and triggers a shader recompile"
+		},
+		shapeType: {
+			default: "",
+			compileTime: true,
+			description: "Active SDF shape type — triggers recompile when shape is switched. When empty, derived from shape JSON at mount time."
 		}
 	},
 	fragmentNode: ({ uniforms, onCleanup, onBeforeRender }) => {
@@ -353,65 +358,7 @@ const componentDefinition = {
 			}
 		})();
 		if (shapeSdfUrl) return applyNeonEffect(createSvgSdfSampler(shapeSdfUrl, onBeforeRender, onCleanup), uniforms, timeU);
-		else {
-			const SHAPE_MODES = {
-				circleSDF: 0,
-				polygonSDF: 1,
-				flowerSDF: 2,
-				ringSDF: 3,
-				crossSDF: 4,
-				starSDF: 5,
-				roundedRectSDF: 6,
-				ellipseSDF: 7,
-				vesicaSDF: 8,
-				crescentSDF: 9,
-				trapezoidSDF: 10
-			};
-			const radiusU = uniform(initialConfig.radius ?? .35);
-			const sidesU = uniform(initialConfig.sides ?? 6);
-			const roundingU = uniform(initialConfig.rounding ?? 0);
-			const innerRatioU = uniform(initialConfig.innerRatio ?? initialConfig.thickness ?? .4);
-			const rotationU = uniform(initialConfig.rotation ?? 0);
-			const heightU = uniform(initialConfig.height ?? .25);
-			const offsetU = uniform(initialConfig.offset ?? .2);
-			const shapeModeU = uniform(SHAPE_MODES[initialConfig.type] ?? 0);
-			onBeforeRender(() => {
-				try {
-					const cfg = JSON.parse(uniforms.shape.uniform.value);
-					radiusU.value = cfg.radius ?? cfg.width ?? cfg.bottomWidth ?? .35;
-					sidesU.value = cfg.sides ?? 6;
-					roundingU.value = cfg.rounding ?? 0;
-					innerRatioU.value = cfg.innerRatio ?? cfg.thickness ?? cfg.spread ?? cfg.topWidth ?? cfg.topRatio ?? .4;
-					rotationU.value = cfg.rotation ?? 0;
-					heightU.value = cfg.height ?? .25;
-					offsetU.value = cfg.offset ?? .2;
-					shapeModeU.value = SHAPE_MODES[cfg.type] ?? 0;
-				} catch {}
-			});
-			const sdfSampler = (uv$1) => {
-				const dx = uv$1.x.sub(float(.5));
-				const dy = uv$1.y.sub(float(.5));
-				const rotRad = rotationU.mul(float(Math.PI / 180));
-				const cosR = cos(rotRad);
-				const sinR = sin(rotRad);
-				const rdx = dx.mul(cosR).add(dy.mul(sinR));
-				const rdy = dy.mul(cosR).sub(dx.mul(sinR));
-				const circle = circleSdf(dx, dy, radiusU);
-				const polygon = mix(polygonSdf(rdx, rdy, radiusU, sidesU), circle, roundingU);
-				const flower = flowerSdf(rdx, rdy, radiusU, sidesU, innerRatioU);
-				const ring = ringSdf(dx, dy, radiusU, innerRatioU);
-				const cross = crossSdf(rdx, rdy, radiusU, innerRatioU, roundingU);
-				const star = starSdf(rdx, rdy, radiusU, sidesU, innerRatioU);
-				const roundedRect = roundedRectSdf(rdx, rdy, radiusU, heightU, roundingU);
-				const ellipse = ellipseSdf(rdx, rdy, radiusU, heightU);
-				const vesica = vesicaSdf(rdx, rdy, radiusU, innerRatioU);
-				const crescent = crescentSdf(rdx, rdy, radiusU, innerRatioU, offsetU);
-				const trapezoid = trapezoidSdf(rdx, rdy, innerRatioU, radiusU, heightU);
-				const m = shapeModeU;
-				return vec4(m.lessThan(float(.5)).select(circle, m.lessThan(float(1.5)).select(polygon, m.lessThan(float(2.5)).select(flower, m.lessThan(float(3.5)).select(ring, m.lessThan(float(4.5)).select(cross, m.lessThan(float(5.5)).select(star, m.lessThan(float(6.5)).select(roundedRect, m.lessThan(float(7.5)).select(ellipse, m.lessThan(float(8.5)).select(vesica, m.lessThan(float(9.5)).select(crescent, trapezoid)))))))))), float(0), float(0), float(1));
-			};
-			return applyNeonEffect(sdfSampler, uniforms, timeU);
-		}
+		else return applyNeonEffect(createAnalyticSdfSampler(uniforms.shapeType.uniform.value || initialConfig.type || "circleSDF", initialConfig, uniforms.shape, onBeforeRender), uniforms, timeU);
 	}
 };
 var Neon_default = componentDefinition;

package/dist/core/{Polygon-B4ab2iAo.js → Polygon-BrxPjS1j.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { s as polygonSdf, t as circleSdf } from "./sdf-BDsv-WBk.js";
+import { c as polygonSdf, t as circleSdf } from "./sdf-vsljaiJ7.js";
 import { cos, float, mix, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	return {

package/dist/core/{Ring-DVW66Ug0.js → Ring-CrnCOiYQ.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { c as ringSdf } from "./sdf-BDsv-WBk.js";
+import { l as ringSdf } from "./sdf-vsljaiJ7.js";
 import { float, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	return {

package/dist/core/{RoundedRect-B9y33WS5.js → RoundedRect-CyLsv0Vq.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { l as roundedRectSdf } from "./sdf-BDsv-WBk.js";
+import { u as roundedRectSdf } from "./sdf-vsljaiJ7.js";
 import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	return {

package/dist/core/{Star-DB4dmzyz.js → Star-CAfXecya.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { u as starSdf } from "./sdf-BDsv-WBk.js";
+import { d as starSdf } from "./sdf-vsljaiJ7.js";
 import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	return {

package/dist/core/{Trapezoid-Co8cWZTK.js → Trapezoid-DA0I90A2.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { d as trapezoidSdf } from "./sdf-BDsv-WBk.js";
+import { f as trapezoidSdf } from "./sdf-vsljaiJ7.js";
 import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	return {

package/dist/core/{Vesica-C7tcbHbW.js → Vesica-RKKgxLKt.js}

@@ -1,6 +1,6 @@
 import { a as transformColor, l as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B5lM6fYX.js";
 import { t as mixColors } from "./colorMixing-BPpDnR5I.js";
-import { f as vesicaSdf } from "./sdf-BDsv-WBk.js";
+import { p as vesicaSdf } from "./sdf-vsljaiJ7.js";
 import { cos, float, screenUV, sin, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
 var transformStrokePosition = (value) => {
 	return {

package/dist/core/{VideoTexture-DDnc6aVv.js → VideoTexture-Dbsbgb1Y.js}

@@ -1,4 +1,4 @@
-import { t as needsVideoCanvasWorkaround } from "./browser-daS5XZwr.js";
+import { t as needsVideoCanvasWorkaround } from "./browser-CqdrcD5J.js";
 import { CanvasTexture, SRGBColorSpace, VideoTexture } from "three/webgpu";
 import { float, max, min, or, screenUV, select, step, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {

package/dist/core/{WebcamTexture-rb0dLKSc.js → WebcamTexture-xvb8MuFz.js}

@@ -1,4 +1,4 @@
-import { t as needsVideoCanvasWorkaround } from "./browser-daS5XZwr.js";
+import { t as needsVideoCanvasWorkaround } from "./browser-CqdrcD5J.js";
 import { CanvasTexture, SRGBColorSpace, VideoTexture } from "three/webgpu";
 import { float, max, min, or, screenUV, select, step, texture, uniform, vec2, vec4, viewportSize } from "three/tsl";
 const componentDefinition = {