shaders 2.2.31 → 2.2.32

package/dist/registry.js

@@ -2581,26 +2581,48 @@ export const shaderRegistry = [
       "requiresChild": true,
       "props": {
         "intensity": {
-          "default": 1,
+          "default": 2,
           "description": "The intensity of the glass tiles effect",
           "ui": {
             "type": "range",
             "min": 0,
-            "max": 5,
+            "max": 10,
             "step": 0.1,
             "label": "Intensity"
           }
         },
         "tileCount": {
-          "default": 100,
+          "default": 20,
           "description": "Number of tiles across the shortest dimension",
           "ui": {
             "type": "range",
-            "min": 1,
-            "max": 200,
+            "min": 5,
+            "max": 50,
             "step": 1,
             "label": "Tile Count"
           }
+        },
+        "rotation": {
+          "default": 0,
+          "description": "Rotation angle of the tile grid in degrees",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 360,
+            "step": 1,
+            "label": "Rotation"
+          }
+        },
+        "roundness": {
+          "default": 0,
+          "description": "Makes tiles more circular instead of square",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 1,
+            "step": 0.01,
+            "label": "Roundness"
+          }
         }
       }
     },
@@ -2609,23 +2631,45 @@ export const shaderRegistry = [
         "ui": {
           "type": "range",
           "min": 0,
-          "max": 5,
+          "max": 10,
           "step": 0.1,
           "label": "Intensity"
         },
-        "default": 1,
+        "default": 2,
         "description": "The intensity of the glass tiles effect"
       },
       "tileCount": {
         "ui": {
           "type": "range",
-          "min": 1,
-          "max": 200,
+          "min": 5,
+          "max": 50,
           "step": 1,
           "label": "Tile Count"
         },
-        "default": 100,
+        "default": 20,
         "description": "Number of tiles across the shortest dimension"
+      },
+      "rotation": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 360,
+          "step": 1,
+          "label": "Rotation"
+        },
+        "default": 0,
+        "description": "Rotation angle of the tile grid in degrees"
+      },
+      "roundness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 1,
+          "step": 0.01,
+          "label": "Roundness"
+        },
+        "default": 0,
+        "description": "Makes tiles more circular instead of square"
       }
     }
   },
@@ -5784,7 +5828,7 @@ export const shaderRegistry = [
           "description": "Primary gradient color",
           "ui": {
             "type": "color",
-            "label": "Primary Color"
+            "label": "Color A"
           }
         },
         "colorB": {
@@ -5792,7 +5836,7 @@ export const shaderRegistry = [
           "description": "Secondary gradient color",
           "ui": {
             "type": "color",
-            "label": "Secondary Color"
+            "label": "Color B"
           }
         },
         "speed": {
@@ -5812,7 +5856,7 @@ export const shaderRegistry = [
           "ui": {
             "type": "range",
             "min": 0,
-            "max": 10,
+            "max": 5,
             "step": 0.1,
             "label": "Detail"
           }
@@ -5828,72 +5872,6 @@ export const shaderRegistry = [
             "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",
           "description": "Color space for color interpolation",
@@ -5922,7 +5900,7 @@ export const shaderRegistry = [
       "colorA": {
         "ui": {
           "type": "color",
-          "label": "Primary Color"
+          "label": "Color A"
         },
         "default": "#1275d8",
         "description": "Primary gradient color"
@@ -5930,7 +5908,7 @@ export const shaderRegistry = [
       "colorB": {
         "ui": {
           "type": "color",
-          "label": "Secondary Color"
+          "label": "Color B"
         },
         "default": "#e19136",
         "description": "Secondary gradient color"
@@ -5950,7 +5928,7 @@ export const shaderRegistry = [
         "ui": {
           "type": "range",
           "min": 0,
-          "max": 10,
+          "max": 5,
           "step": 0.1,
           "label": "Detail"
         },
@@ -5968,72 +5946,6 @@ export const shaderRegistry = [
         "default": 50,
         "description": "Skew color balance toward A (lower values) or B (higher values)"
       },
-      "coarseX": {
-        "ui": {
-          "type": "range",
-          "min": 0,
-          "max": 100,
-          "step": 1,
-          "label": "Coarse X"
-        },
-        "default": 50,
-        "description": "Horizontal frequency for coarse/base layer"
-      },
-      "coarseY": {
-        "ui": {
-          "type": "range",
-          "min": 0,
-          "max": 100,
-          "step": 1,
-          "label": "Coarse Y"
-        },
-        "default": 50,
-        "description": "Vertical frequency for coarse/base layer"
-      },
-      "mediumX": {
-        "ui": {
-          "type": "range",
-          "min": 0,
-          "max": 100,
-          "step": 1,
-          "label": "Medium X"
-        },
-        "default": 50,
-        "description": "Horizontal frequency for medium detail layer"
-      },
-      "mediumY": {
-        "ui": {
-          "type": "range",
-          "min": 0,
-          "max": 100,
-          "step": 1,
-          "label": "Medium Y"
-        },
-        "default": 50,
-        "description": "Vertical frequency for medium detail layer"
-      },
-      "fineX": {
-        "ui": {
-          "type": "range",
-          "min": 0,
-          "max": 100,
-          "step": 1,
-          "label": "Fine X"
-        },
-        "default": 50,
-        "description": "Horizontal frequency for fine detail layer"
-      },
-      "fineY": {
-        "ui": {
-          "type": "range",
-          "min": 0,
-          "max": 100,
-          "step": 1,
-          "label": "Fine Y"
-        },
-        "default": 50,
-        "description": "Vertical frequency for fine detail layer"
-      },
       "colorSpace": {
         "ui": {
           "type": "select",

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.31",
+  "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/",