shaders 2.2.30 → 2.2.32

package/dist/solid/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA6lBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAyD/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAupBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAyD/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -1,3 +1,19 @@
+const DEFAULT_TRANSFORM = {
+  offsetX: 0,
+  offsetY: 0,
+  rotation: 0,
+  scale: 1,
+  anchorX: 0.5,
+  anchorY: 0.5,
+  edges: "transparent"
+};
+function toObjectLiteral(obj) {
+  const entries = Object.entries(obj).map(([key, value]) => {
+    const valueStr = typeof value === "string" ? `"${value}"` : value;
+    return `${key}: ${valueStr}`;
+  });
+  return `{ ${entries.join(", ")} }`;
+}
 const shaderMetadata = {
   "AngularBlur": {
     "opacity": 1,
@@ -194,8 +210,10 @@ const shaderMetadata = {
   "GlassTiles": {
     "opacity": 1,
     "blendMode": "normal",
-    "intensity": 1,
-    "tileCount": 100
+    "intensity": 2,
+    "tileCount": 20,
+    "rotation": 0,
+    "roundness": 0
   },
   "Glow": {
     "opacity": 1,
@@ -476,12 +494,6 @@ const shaderMetadata = {
     "speed": 1,
     "detail": 1,
     "blend": 50,
-    "coarseX": 50,
-    "coarseY": 50,
-    "mediumX": 50,
-    "mediumY": 50,
-    "fineX": 50,
-    "fineY": 50,
     "colorSpace": "linear"
   },
   "TiltShift": {
@@ -541,7 +553,14 @@ const shaderMetadata = {
   }
 };
 function generatePropString(props, componentType, indent = "  ") {
-  return Object.entries(props).filter(([key, value]) => {
+  return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
+    if (key === "maskType" && value === "alpha") return false;
+    if (key === "transform" && typeof value === "object") {
+      const allDefaults = Object.keys(DEFAULT_TRANSFORM).every(
+        (k) => value[k] === DEFAULT_TRANSFORM[k]
+      );
+      if (allDefaults) return false;
+    }
     const componentDefaults = shaderMetadata[componentType] || {};
     if (componentDefaults.hasOwnProperty(key)) {
       const defaultValue = componentDefaults[key];
@@ -554,10 +573,37 @@ function generatePropString(props, componentType, indent = "  ") {
     if (key === "blendMode" && value === "normal") return false;
     return true;
   }).map(([key, value]) => {
+    if (key === "transform" && typeof value === "object") {
+      const nonDefaultKeys = {};
+      for (const k in value) {
+        if (value[k] !== DEFAULT_TRANSFORM[k]) {
+          nonDefaultKeys[k] = value[k];
+        }
+      }
+      const keys = Object.keys(nonDefaultKeys).sort();
+      if (keys.length > 1) {
+        const entries = keys.map((k) => `${k}: ${typeof nonDefaultKeys[k] === "string" ? `"${nonDefaultKeys[k]}"` : nonDefaultKeys[k]}`);
+        return `${key}={{
+${indent}    ${entries.join(`,
+${indent}    `)}
+${indent}  }}`;
+      } else if (keys.length === 1) {
+        const k = keys[0];
+        const v = nonDefaultKeys[k];
+        return `${key}={{ ${k}: ${typeof v === "string" ? `"${v}"` : v} }}`;
+      }
+    }
     if (typeof value === "string") {
       return `${key}=${JSON.stringify(value)}`;
     } else if (value !== null && typeof value === "object") {
-      return `${key}={${JSON.stringify(value)}}`;
+      const roundedValue = { ...value };
+      if ("x" in roundedValue && typeof roundedValue.x === "number") {
+        roundedValue.x = Math.round(roundedValue.x * 100) / 100;
+      }
+      if ("y" in roundedValue && typeof roundedValue.y === "number") {
+        roundedValue.y = Math.round(roundedValue.y * 100) / 100;
+      }
+      return `${key}={${toObjectLiteral(roundedValue)}}`;
     } else {
       return `${key}={${value}}`;
     }

package/dist/solid/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAgED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AA8HD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/dist/svelte/{generatePresetCode-CymgoDq_.js → generatePresetCode-hILbcEw8.js}

@@ -1,3 +1,17 @@
+var DEFAULT_TRANSFORM = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
+function toObjectLiteral(obj) {
+	return `{ ${Object.entries(obj).map(([key, value]) => {
+		return `${key}: ${typeof value === "string" ? `"${value}"` : value}`;
+	}).join(", ")} }`;
+}
 var shaderMetadata = {
 	"AngularBlur": {
 		"opacity": 1,
@@ -194,8 +208,10 @@ var shaderMetadata = {
 	"GlassTiles": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"intensity": 1,
-		"tileCount": 100
+		"intensity": 2,
+		"tileCount": 20,
+		"rotation": 0,
+		"roundness": 0
 	},
 	"Glow": {
 		"opacity": 1,
@@ -476,12 +492,6 @@ var shaderMetadata = {
 		"speed": 1,
 		"detail": 1,
 		"blend": 50,
-		"coarseX": 50,
-		"coarseY": 50,
-		"mediumX": 50,
-		"mediumY": 50,
-		"fineX": 50,
-		"fineY": 50,
 		"colorSpace": "linear"
 	},
 	"TiltShift": {
@@ -541,20 +551,39 @@ var shaderMetadata = {
 	}
 };
 function generatePropString(props, componentType, indent = "  ") {
-	return Object.entries(props).filter(([key, value]) => {
+	return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
+		if (key === "maskType" && value === "alpha") return false;
+		if (key === "transform" && typeof value === "object") {
+			if (Object.keys(DEFAULT_TRANSFORM).every((k) => value[k] === DEFAULT_TRANSFORM[k])) return false;
+		}
 		const componentDefaults = shaderMetadata[componentType] || {};
 		if (componentDefaults.hasOwnProperty(key)) {
 			const defaultValue = componentDefaults[key];
-			if (typeof value === "object" && typeof defaultValue === "object") return JSON.stringify(value) !== JSON.stringify(defaultValue);
+			if (value != null && defaultValue != null && typeof value === "object" && typeof defaultValue === "object") return JSON.stringify(value) !== JSON.stringify(defaultValue);
 			return value !== defaultValue;
 		}
 		if (key === "opacity" && value === 1) return false;
 		if (key === "blendMode" && value === "normal") return false;
 		return true;
 	}).map(([key, value]) => {
+		if (key === "transform" && typeof value === "object") {
+			const nonDefaultKeys = {};
+			for (const k in value) if (value[k] !== DEFAULT_TRANSFORM[k]) nonDefaultKeys[k] = value[k];
+			const keys = Object.keys(nonDefaultKeys).sort();
+			if (keys.length > 1) return `${key}={{\n${indent}    ${keys.map((k) => `${k}: ${typeof nonDefaultKeys[k] === "string" ? `"${nonDefaultKeys[k]}"` : nonDefaultKeys[k]}`).join(`,\n${indent}    `)}\n${indent}  }}`;
+			else if (keys.length === 1) {
+				const k = keys[0];
+				const v = nonDefaultKeys[k];
+				return `${key}={{ ${k}: ${typeof v === "string" ? `"${v}"` : v} }}`;
+			}
+		}
 		if (typeof value === "string") return `${key}="${value}"`;
-		else if (typeof value === "object") return `${key}={${JSON.stringify(value)}}`;
-		else return `${key}={${value}}`;
+		else if (value !== null && typeof value === "object") {
+			const roundedValue = { ...value };
+			if ("x" in roundedValue && typeof roundedValue.x === "number") roundedValue.x = Math.round(roundedValue.x * 100) / 100;
+			if ("y" in roundedValue && typeof roundedValue.y === "number") roundedValue.y = Math.round(roundedValue.y * 100) / 100;
+			return `${key}={${toObjectLiteral(roundedValue)}}`;
+		} else return `${key}={${value}}`;
 	}).join("\n" + indent + "  ");
 }
 function isIdUsedAsMaskSource(id, allComponents) {

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-CymgoDq_.js";
+import { n as generatePresetCode } from "./generatePresetCode-hILbcEw8.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";

package/dist/svelte/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-CymgoDq_.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-hILbcEw8.js";
 export { availableComponents, generatePresetCode };

package/dist/vue/{generatePresetCode-CRJmU8iF.js → generatePresetCode-DfkHaBG4.js}

@@ -1,6 +1,15 @@
 function camelToKebab(str) {
 	return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 }
+var DEFAULT_TRANSFORM = {
+	offsetX: 0,
+	offsetY: 0,
+	rotation: 0,
+	scale: 1,
+	anchorX: .5,
+	anchorY: .5,
+	edges: "transparent"
+};
 var shaderMetadata = {
 	"AngularBlur": {
 		"opacity": 1,
@@ -197,8 +206,10 @@ var shaderMetadata = {
 	"GlassTiles": {
 		"opacity": 1,
 		"blendMode": "normal",
-		"intensity": 1,
-		"tileCount": 100
+		"intensity": 2,
+		"tileCount": 20,
+		"rotation": 0,
+		"roundness": 0
 	},
 	"Glow": {
 		"opacity": 1,
@@ -479,12 +490,6 @@ var shaderMetadata = {
 		"speed": 1,
 		"detail": 1,
 		"blend": 50,
-		"coarseX": 50,
-		"coarseY": 50,
-		"mediumX": 50,
-		"mediumY": 50,
-		"fineX": 50,
-		"fineY": 50,
 		"colorSpace": "linear"
 	},
 	"TiltShift": {
@@ -544,11 +549,15 @@ var shaderMetadata = {
 	}
 };
 function generatePropString(props, componentType, indent = "  ") {
-	return Object.entries(props).filter(([key, value]) => {
+	return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
+		if (key === "maskType" && value === "alpha") return false;
+		if (key === "transform" && typeof value === "object") {
+			if (Object.keys(DEFAULT_TRANSFORM).every((k) => value[k] === DEFAULT_TRANSFORM[k])) return false;
+		}
 		const componentDefaults = shaderMetadata[componentType] || {};
 		if (componentDefaults.hasOwnProperty(key)) {
 			const defaultValue = componentDefaults[key];
-			if (typeof value === "object" && typeof defaultValue === "object") return JSON.stringify(value) !== JSON.stringify(defaultValue);
+			if (value != null && defaultValue != null && typeof value === "object" && typeof defaultValue === "object") return JSON.stringify(value) !== JSON.stringify(defaultValue);
 			return value !== defaultValue;
 		}
 		if (key === "opacity" && value === 1) return false;
@@ -556,9 +565,24 @@ function generatePropString(props, componentType, indent = "  ") {
 		return true;
 	}).map(([key, value]) => {
 		const kebabKey = camelToKebab(key);
+		if (key === "transform" && typeof value === "object") {
+			const nonDefaultKeys = {};
+			for (const k in value) if (value[k] !== DEFAULT_TRANSFORM[k]) nonDefaultKeys[k] = value[k];
+			const keys = Object.keys(nonDefaultKeys).sort();
+			if (keys.length > 1) return `:${kebabKey}="{\n${indent}    ${keys.map((k) => `'${k}':${typeof nonDefaultKeys[k] === "string" ? `'${nonDefaultKeys[k]}'` : nonDefaultKeys[k]}`).join(`,\n${indent}    `)}\n${indent}  }"`;
+			else if (keys.length === 1) {
+				const k = keys[0];
+				const v = nonDefaultKeys[k];
+				return `:${kebabKey}="{'${k}':${typeof v === "string" ? `'${v}'` : v}}"`;
+			}
+		}
 		if (typeof value === "string") return `${kebabKey}="${value}"`;
-		else if (typeof value === "object") return `:${kebabKey}="${JSON.stringify(value).replace(/"/g, "'").replace(/'/g, "'")}"`;
-		else return `:${kebabKey}="${value}"`;
+		else if (value !== null && typeof value === "object") {
+			const roundedValue = { ...value };
+			if ("x" in roundedValue && typeof roundedValue.x === "number") roundedValue.x = Math.round(roundedValue.x * 100) / 100;
+			if ("y" in roundedValue && typeof roundedValue.y === "number") roundedValue.y = Math.round(roundedValue.y * 100) / 100;
+			return `:${kebabKey}="${JSON.stringify(roundedValue).replace(/"/g, "'")}"`;
+		} else return `:${kebabKey}="${value}"`;
 	}).join("\n" + indent + "  ");
 }
 function isIdUsedAsMaskSource(id, allComponents) {

package/dist/vue/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-CRJmU8iF.js";
+import { n as generatePresetCode } from "./generatePresetCode-DfkHaBG4.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, effectScope, inject, mergeDefaults, mergeProps, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, toValue, watch } from "vue";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
@@ -2429,7 +2429,9 @@ var GlassTiles_default = /* @__PURE__ */ defineComponent({
 		renderOrder: {},
 		transform: {},
 		intensity: {},
-		tileCount: {}
+		tileCount: {},
+		rotation: {},
+		roundness: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,
@@ -6000,13 +6002,7 @@ var Swirl_default = /* @__PURE__ */ defineComponent({
 		speed: {},
 		detail: {},
 		blend: {},
-		coarseX: {},
-		coarseY: {},
-		colorSpace: {},
-		mediumX: {},
-		mediumY: {},
-		fineX: {},
-		fineY: {}
+		colorSpace: {}
 	}, {
 		blendMode: "normal",
 		renderOrder: 0,

package/dist/vue/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAgmBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAyD/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAkpBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAyD/B,CAAA"}

package/dist/vue/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-CRJmU8iF.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-DfkHaBG4.js";
 export { availableComponents, generatePresetCode };

package/dist/vue/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAmED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAyHD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/package.json

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

package/dist/core/GlassTiles-CA90XrNT.js

@@ -1,67 +0,0 @@
-import { add, convertToTexture, div, floor, mul, screenUV, select, sub, uniform, vec2, vec4 } from "three/tsl";
-const componentDefinition = {
-	name: "GlassTiles",
-	category: "Distortions",
-	description: "Refraction-like distortion in a tile grid pattern",
-	requiresRTT: true,
-	requiresChild: true,
-	props: {
-		intensity: {
-			default: 1,
-			description: "The intensity of the glass tiles effect",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 5,
-				step: .1,
-				label: "Intensity"
-			}
-		},
-		tileCount: {
-			default: 100,
-			description: "Number of tiles across the shortest dimension",
-			ui: {
-				type: "range",
-				min: 1,
-				max: 200,
-				step: 1,
-				label: "Tile Count"
-			}
-		}
-	},
-	uvTransformNode: ({ uv: uv$1, uniforms, viewportSize: viewportSize$1 }) => {
-		const intensity = uniforms.intensity.uniform;
-		const baseTileCount = uniforms.tileCount.uniform;
-		const aspectRatio = viewportSize$1.x.div(viewportSize$1.y);
-		const tileCount = vec2(select(aspectRatio.greaterThanEqual(1), baseTileCount.mul(aspectRatio), baseTileCount), select(aspectRatio.lessThan(1), baseTileCount.div(aspectRatio), baseTileCount));
-		const cellCoord = floor(uv$1.mul(tileCount)).div(tileCount);
-		const localUV = uv$1.sub(cellCoord);
-		const distortionCenter = vec2(.5, .5);
-		const distortionFactor = intensity.mul(.025);
-		const distortion = localUV.div(vec2(1, 1).div(tileCount)).sub(distortionCenter).mul(distortionFactor);
-		return localUV.add(distortion).add(cellCoord);
-	},
-	fragmentNode: ({ uniforms, childNode, dimensions, onCleanup }) => {
-		if (!childNode) {
-			console.error("You must pass a child component into the Glass Tiles shader.");
-			return vec4(0);
-		}
-		const texture$1 = convertToTexture(childNode);
-		onCleanup(() => {
-			if (texture$1?.renderTarget?.dispose) texture$1.renderTarget.dispose();
-		});
-		const aspectRatioUniform = uniform(dimensions.width / dimensions.height);
-		const uvNode = screenUV;
-		const intensity = uniforms.intensity.uniform;
-		const baseTileCount = uniforms.tileCount.uniform;
-		const tileCount = vec2(aspectRatioUniform.greaterThanEqual(1).select(mul(baseTileCount, aspectRatioUniform), baseTileCount), aspectRatioUniform.lessThan(1).select(div(baseTileCount, aspectRatioUniform), baseTileCount));
-		const cellCoord = div(floor(mul(uvNode, tileCount)), tileCount);
-		const localUV = sub(uvNode, cellCoord);
-		const distortionCenter = vec2(.5, .5);
-		const distortionFactor = mul(intensity, .025);
-		const finalUV = add(add(localUV, mul(sub(div(localUV, div(vec2(1), tileCount)), distortionCenter), distortionFactor)), cellCoord);
-		return vec4(texture$1.sample(finalUV));
-	}
-};
-var GlassTiles_default = componentDefinition;
-export { componentDefinition as n, GlassTiles_default as t };

package/dist/core/Swirl-SrhhoVBs.js

@@ -1,172 +0,0 @@
-import { i as transformColorSpace, r as transformColor, t as colorSpaceOptions } from "./transformations-YbhRK-rd.js";
-import { t as createAnimatedTime } from "./time-DgRTVr2F.js";
-import { t as mixColors } from "./colorMixing-CZPFmiT4.js";
-import { cos, float, screenUV, sin, smoothstep, vec2, vec4 } from "three/tsl";
-const componentDefinition = {
-	name: "Swirl",
-	category: "Base Layers",
-	description: "Flowing swirl pattern with multi-layered noise",
-	acceptsUVContext: true,
-	props: {
-		colorA: {
-			default: "#1275d8",
-			description: "Primary gradient color",
-			transform: transformColor,
-			ui: {
-				type: "color",
-				label: "Primary Color"
-			}
-		},
-		colorB: {
-			default: "#e19136",
-			description: "Secondary gradient color",
-			transform: transformColor,
-			ui: {
-				type: "color",
-				label: "Secondary Color"
-			}
-		},
-		speed: {
-			default: 1,
-			description: "Flow animation speed",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 5,
-				step: .1,
-				label: "Speed"
-			}
-		},
-		detail: {
-			default: 1,
-			description: "Level of detail and intricacy in the swirl patterns",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 10,
-				step: .1,
-				label: "Detail"
-			}
-		},
-		blend: {
-			default: 50,
-			description: "Skew color balance toward A (lower values) or B (higher values)",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Blend"
-			}
-		},
-		coarseX: {
-			default: 50,
-			description: "Horizontal frequency for coarse/base layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Coarse X"
-			}
-		},
-		coarseY: {
-			default: 50,
-			description: "Vertical frequency for coarse/base layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Coarse Y"
-			}
-		},
-		mediumX: {
-			default: 50,
-			description: "Horizontal frequency for medium detail layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Medium X"
-			}
-		},
-		mediumY: {
-			default: 50,
-			description: "Vertical frequency for medium detail layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Medium Y"
-			}
-		},
-		fineX: {
-			default: 50,
-			description: "Horizontal frequency for fine detail layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Fine X"
-			}
-		},
-		fineY: {
-			default: 50,
-			description: "Vertical frequency for fine detail layer",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 100,
-				step: 1,
-				label: "Fine Y"
-			}
-		},
-		colorSpace: {
-			default: "linear",
-			transform: transformColorSpace,
-			description: "Color space for color interpolation",
-			ui: {
-				type: "select",
-				options: colorSpaceOptions,
-				label: "Color Space"
-			}
-		}
-	},
-	fragmentNode: (params) => {
-		const { uniforms, uvContext } = params;
-		const uvCoords = uvContext ?? screenUV;
-		const t = createAnimatedTime(params, uniforms.speed);
-		const detail = uniforms.detail.uniform;
-		const scaleCoarse = float(.02);
-		const scaleMedium = float(.028);
-		const scaleFine = float(.056);
-		const freq1 = detail;
-		const coarseScaleX = uniforms.coarseX.uniform.mul(scaleCoarse);
-		const coarseScaleY = uniforms.coarseY.uniform.mul(scaleCoarse);
-		const distort1 = vec2(uvCoords.x.add(sin(uvCoords.y.mul(freq1.mul(coarseScaleY).mul(1.7)).add(t.mul(.8))).mul(.12)), uvCoords.y.add(cos(uvCoords.x.mul(freq1.mul(coarseScaleX).mul(1.3)).sub(t.mul(.6))).mul(.12)));
-		const pattern1 = sin(distort1.x.mul(freq1.mul(coarseScaleX).mul(2.1)).add(distort1.y.mul(freq1.mul(coarseScaleY).mul(1.8))).add(t.mul(.4)));
-		const freq2 = detail.mul(1.4);
-		const mediumScaleX = uniforms.mediumX.uniform.mul(scaleMedium);
-		const mediumScaleY = uniforms.mediumY.uniform.mul(scaleMedium);
-		const distort2 = vec2(distort1.x.add(cos(distort1.y.mul(freq2.mul(mediumScaleY).mul(1.9)).sub(t.mul(.5))).mul(.06)), distort1.y.add(sin(distort1.x.mul(freq2.mul(mediumScaleX).mul(2.3)).add(t.mul(.7))).mul(.06)));
-		const pattern2 = cos(distort2.x.mul(freq2.mul(mediumScaleX).mul(1.6)).sub(distort2.y.mul(freq2.mul(mediumScaleY).mul(2.4))).add(t.mul(.3)));
-		const freq3 = detail.mul(2.8);
-		const fineScaleX = uniforms.fineX.uniform.mul(scaleFine);
-		const fineScaleY = uniforms.fineY.uniform.mul(scaleFine);
-		const distort3 = vec2(distort2.x.add(sin(distort2.y.mul(freq3.mul(fineScaleY).mul(1.1)).add(t.mul(.9))).mul(.03)), distort2.y.add(cos(distort2.x.mul(freq3.mul(fineScaleX).mul(.9)).sub(t.mul(.4))).mul(.03)));
-		const pattern3 = sin(distort3.x.mul(freq3.mul(fineScaleX).mul(1.3)).add(distort3.y.mul(freq3.mul(fineScaleY).mul(1.7))).sub(t.mul(.6)));
-		const combinedPattern = pattern1.mul(.5).add(pattern2.mul(.3)).add(pattern3.mul(.2));
-		const blendBias = uniforms.blend.uniform.sub(50).mul(.006);
-		const blendFactor = smoothstep(.3, .7, combinedPattern.mul(.5).add(.5).add(blendBias));
-		const colorMix = mixColors(uniforms.colorA.uniform, uniforms.colorB.uniform, blendFactor, uniforms.colorSpace.uniform);
-		const shimmer = sin(t.mul(2.5).add(combinedPattern.mul(8))).mul(.015).add(1);
-		const finalColor = colorMix.mul(shimmer);
-		return vec4(finalColor.rgb, finalColor.a);
-	}
-};
-var Swirl_default = componentDefinition;
-export { componentDefinition as n, Swirl_default as t };