shaders 2.2.28 → 2.2.30

package/dist/core/shaders/RadialGradient/index.js

@@ -1,4 +1,4 @@
-import "../../transformations-Dv5JW9ck.js";
+import "../../transformations-YbhRK-rd.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-BGVqSwh0.js";
+import { n as componentDefinition, t as RadialGradient_default } from "../../RadialGradient-DGmfTA60.js";
 export { componentDefinition, RadialGradient_default as default };

package/dist/core/shaders/RectangularCoordinates/index.js

@@ -1,4 +1,4 @@
 import "../../edges-Djr_12SL.js";
-import "../../transformations-Dv5JW9ck.js";
-import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-DyHBo456.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as RectangularCoordinates_default } from "../../RectangularCoordinates-TM8tkEBk.js";
 export { componentDefinition, RectangularCoordinates_default as default };

package/dist/core/shaders/Ripples/index.js

@@ -1,5 +1,5 @@
-import "../../time-CTJvRUZ4.js";
-import "../../transformations-Dv5JW9ck.js";
+import "../../transformations-YbhRK-rd.js";
+import "../../time-DgRTVr2F.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Ripples_default } from "../../Ripples-2FGWCZlp.js";
+import { n as componentDefinition, t as Ripples_default } from "../../Ripples-D60vIa8s.js";
 export { componentDefinition, Ripples_default as default };

package/dist/core/shaders/SimplexNoise/index.js

@@ -1,5 +1,5 @@
-import "../../time-CTJvRUZ4.js";
-import "../../transformations-Dv5JW9ck.js";
+import "../../transformations-YbhRK-rd.js";
+import "../../time-DgRTVr2F.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-B6dtUCmn.js";
+import { n as componentDefinition, t as SimplexNoise_default } from "../../SimplexNoise-CI-FEJ6v.js";
 export { componentDefinition, SimplexNoise_default as default };

package/dist/core/shaders/SineWave/index.js

@@ -1,3 +1,3 @@
-import "../../transformations-Dv5JW9ck.js";
-import { n as componentDefinition, t as SineWave_default } from "../../SineWave-BtPf6-2H.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as SineWave_default } from "../../SineWave-CQIQ0oCt.js";
 export { componentDefinition, SineWave_default as default };

package/dist/core/shaders/SolidColor/index.js

@@ -1,3 +1,3 @@
-import "../../transformations-Dv5JW9ck.js";
-import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-CETl1cEr.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as SolidColor_default } from "../../SolidColor-CTN8J944.js";
 export { componentDefinition, SolidColor_default as default };

package/dist/core/shaders/Spherize/index.js

@@ -1,3 +1,3 @@
-import "../../transformations-Dv5JW9ck.js";
-import { n as componentDefinition, t as Spherize_default } from "../../Spherize-BwvUcorJ.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as Spherize_default } from "../../Spherize-DDP0_5VP.js";
 export { componentDefinition, Spherize_default as default };

package/dist/core/shaders/Spiral/index.js

@@ -1,4 +1,4 @@
-import "../../transformations-Dv5JW9ck.js";
+import "../../transformations-YbhRK-rd.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Spiral_default } from "../../Spiral-DmJWmUmr.js";
+import { n as componentDefinition, t as Spiral_default } from "../../Spiral-DIzFj8Xi.js";
 export { componentDefinition, Spiral_default as default };

package/dist/core/shaders/Strands/index.js

@@ -1,4 +1,4 @@
-import "../../time-CTJvRUZ4.js";
-import "../../transformations-Dv5JW9ck.js";
-import { n as componentDefinition, t as Strands_default } from "../../Strands-CV1oCmHx.js";
+import "../../transformations-YbhRK-rd.js";
+import "../../time-DgRTVr2F.js";
+import { n as componentDefinition, t as Strands_default } from "../../Strands-WwfH6CNO.js";
 export { componentDefinition, Strands_default as default };

package/dist/core/shaders/Stretch/index.js

@@ -1,4 +1,4 @@
 import "../../edges-Djr_12SL.js";
-import "../../transformations-Dv5JW9ck.js";
-import { n as componentDefinition, t as Stretch_default } from "../../Stretch-pl-Cn2F8.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as Stretch_default } from "../../Stretch-DxuMSLMk.js";
 export { componentDefinition, Stretch_default as default };

package/dist/core/shaders/Swirl/index.js

@@ -1,5 +1,5 @@
-import "../../time-CTJvRUZ4.js";
-import "../../transformations-Dv5JW9ck.js";
+import "../../transformations-YbhRK-rd.js";
+import "../../time-DgRTVr2F.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Swirl_default } from "../../Swirl-D65vXLDw.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-SrhhoVBs.js";
 export { componentDefinition, Swirl_default as default };

package/dist/core/shaders/TiltShift/index.js

@@ -1,3 +1,3 @@
-import "../../transformations-Dv5JW9ck.js";
-import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-CFcK6Hzg.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-CvKqM1xk.js";
 export { componentDefinition, TiltShift_default as default };

package/dist/core/shaders/Tritone/index.js

@@ -1,4 +1,4 @@
-import "../../transformations-Dv5JW9ck.js";
+import "../../transformations-YbhRK-rd.js";
 import "../../colorMixing-CZPFmiT4.js";
-import { n as componentDefinition, t as Tritone_default } from "../../Tritone-EmnjV2rX.js";
+import { n as componentDefinition, t as Tritone_default } from "../../Tritone-BeEJj4U0.js";
 export { componentDefinition, Tritone_default as default };

package/dist/core/shaders/Twirl/index.js

@@ -1,4 +1,4 @@
 import "../../edges-Djr_12SL.js";
-import "../../transformations-Dv5JW9ck.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-HSMyRx5I.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-DRomCc8u.js";
 export { componentDefinition, Twirl_default as default };

package/dist/core/shaders/WaveDistortion/index.js

@@ -1,4 +1,4 @@
 import "../../edges-Djr_12SL.js";
-import "../../transformations-Dv5JW9ck.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-DG8GO_l8.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-Btn7OJ4m.js";
 export { componentDefinition, WaveDistortion_default as default };

package/dist/core/shaders/ZoomBlur/index.js

@@ -1,3 +1,3 @@
-import "../../transformations-Dv5JW9ck.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-C01oGwwG.js";
+import "../../transformations-YbhRK-rd.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-gB0BxldE.js";
 export { componentDefinition, ZoomBlur_default as default };

package/dist/core/{transformations-Dv5JW9ck.js → transformations-YbhRK-rd.js}

@@ -4583,6 +4583,16 @@ Color.extend(chromaticity);
 Color.extend(luminance);
 Color.extend(interpolation);
 Color.extend(contrastMethods);
+var reusableVector4 = null;
+var reusableVector2 = null;
+var getReusableVector4 = () => {
+	if (!reusableVector4) reusableVector4 = new Vector4();
+	return reusableVector4;
+};
+var getReusableVector2 = () => {
+	if (!reusableVector2) reusableVector2 = new Vector2();
+	return reusableVector2;
+};
 const transformColor = (value) => {
 	const threeColor = new Color(value);
 	const coords = threeColor.to("p3-linear").coords;
@@ -4592,6 +4602,11 @@ const transformColor = (value) => {
 		data: new Vector4(r, g$1, b$2, a$1)
 	};
 };
+const transformColorUpdate = (value) => {
+	const threeColor = new Color(value);
+	const coords = threeColor.to("p3-linear").coords;
+	return getReusableVector4().set(coords[0], coords[1], coords[2], threeColor.alpha);
+};
 const transformPosition = (value) => {
 	let x = .5;
 	let y = .5;
@@ -4632,6 +4647,41 @@ const transformPosition = (value) => {
 		data: new Vector2(x, finalY)
 	};
 };
+const transformPositionUpdate = (value) => {
+	let x = .5;
+	let y = .5;
+	const parsePositionValue = (val, isVertical = false) => {
+		if (typeof val === "number") return val;
+		const str = val.toLowerCase().trim();
+		if (isVertical) {
+			if (str === "top") return 0;
+			if (str === "bottom") return 1;
+			if (str === "center") return .5;
+		} else {
+			if (str === "left") return 0;
+			if (str === "right") return 1;
+			if (str === "center") return .5;
+		}
+		return .5;
+	};
+	if (typeof value === "string") {
+		const parts = value.toLowerCase().trim().split(/\s+/);
+		if (parts.includes("left")) x = 0;
+		else if (parts.includes("right")) x = 1;
+		else if (parts.includes("center") || parts.length === 1 && (parts[0] === "top" || parts[0] === "bottom")) x = .5;
+		if (parts.includes("top")) y = 0;
+		else if (parts.includes("bottom")) y = 1;
+		else if (parts.includes("center") || parts.length === 1 && (parts[0] === "left" || parts[0] === "right")) y = .5;
+		if (parts.length === 1 && parts[0] === "center") {
+			x = .5;
+			y = .5;
+		}
+	} else if (typeof value === "object" && value !== null) {
+		x = parsePositionValue(value.x, false);
+		y = parsePositionValue(value.y, true);
+	}
+	return getReusableVector2().set(x, 1 - y);
+};
 const transformAngle = (value) => {
 	if (typeof value === "number") return (value % 360 + 360) % 360;
 	const str = value.toLowerCase().trim();
@@ -4711,4 +4761,4 @@ const transformColorSpace = (value) => {
 	}
 	return mode;
 };
-export { transformEdges as a, transformColorSpace as i, transformAngle as n, transformPosition as o, transformColor as r, colorSpaceOptions as t };
+export { transformColorUpdate as a, transformPositionUpdate as c, transformColorSpace as i, transformAngle as n, transformEdges as o, transformColor as r, transformPosition as s, colorSpaceOptions as t };

package/dist/core/utilities/transformations.d.ts

@@ -14,6 +14,13 @@ export declare const transformColor: (value: string) => {
     node: any;
     data: Vector4;
 };
+/**
+ * Update-optimized color transform that reuses a single Vector4 instance.
+ * ONLY use for uniform updates - the returned vector is reused and will be overwritten.
+ * @param value - Color string (hex, rgb, etc.)
+ * @returns Reusable Vector4 with color data (do NOT store reference long-term)
+ */
+export declare const transformColorUpdate: (value: string) => Vector4;
 /**
  * Converts a position value into both TSL node and raw data.
  * Accepts either an object {x: number, y: number} or a CSS-style string
@@ -31,6 +38,16 @@ export declare const transformPosition: (value: {
     node: any;
     data: Vector2;
 };
+/**
+ * Update-optimized position transform that reuses a single Vector2 instance.
+ * ONLY use for uniform updates - the returned vector is reused and will be overwritten.
+ * @param value - Position value ({x, y} object or CSS-style string)
+ * @returns Reusable Vector2 with position data (do NOT store reference long-term)
+ */
+export declare const transformPositionUpdate: (value: {
+    x: number | string;
+    y: number | string;
+} | string) => Vector2;
 /**
  * Transform angle values into normalized degrees (0-360).
  * Supports numerical angles with automatic wrapping and CSS-style gradient directions.

package/dist/core/utilities/transformations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transformations.d.ts","sourceRoot":"","sources":["../../src/utilities/transformations.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,OAAO,CAAA;AAEtC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,OAAO,WAAkB,CAAA;AAEjE;;;;GAIG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM;UAKV,GAAG;;CAGpC,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,UAAW;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,MAAM;UA4DzD,GAAG;;CAGnC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,MAAM,KAAG,MAyEvD,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,MAe9C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;GAI7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UAAW,MAAM,KAAG,MAcnD,CAAA"}
+{"version":3,"file":"transformations.d.ts","sourceRoot":"","sources":["../../src/utilities/transformations.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,OAAO,CAAA;AAuBtC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,OAAO,WAAkB,CAAA;AAEjE;;;;GAIG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM;UAKV,GAAG;;CAGpC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,UAAW,MAAM,KAAG,OAIpD,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,UAAW;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,MAAM;UA4DzD,GAAG;;CAGnC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,UAAW;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,GAAG,MAAM,KAAG,OAiDlG,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,MAAM,KAAG,MAyEvD,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,MAe9C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;GAI7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UAAW,MAAM,KAAG,MAcnD,CAAA"}

package/dist/core/utilities/uniforms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uniforms.d.ts","sourceRoot":"","sources":["../../src/utilities/uniforms.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEhE,wBAAgB,iBAAiB,CAC7B,SAAS,EAAE,mBAAmB,EAC9B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,UAAU,EAAE,MAAM,GACnB,WAAW,CAkDb;AAED,wBAAgB,kBAAkB,CAC9B,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,EAC5B,QAAQ,EAAE,GAAG,GACd,IAAI,CASN"}
+{"version":3,"file":"uniforms.d.ts","sourceRoot":"","sources":["../../src/utilities/uniforms.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAUhE,wBAAgB,iBAAiB,CAC7B,SAAS,EAAE,mBAAmB,EAC9B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,UAAU,EAAE,MAAM,GACnB,WAAW,CAkDb;AAED,wBAAgB,kBAAkB,CAC9B,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,EAC5B,QAAQ,EAAE,GAAG,GACd,IAAI,CA6BN"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.2.28",
+  "version": "2.2.30",
   "description": "Declarative shader components for Vue, React, and Svelte",
   "author": "Simon Le Marchant<https://github.com/marchantweb>",
   "homepage": "https://shaders.com/",