shaders 2.2.30 → 2.2.32

package/dist/core/types.d.ts

@@ -161,25 +161,6 @@ export interface ResizeCallbackParams {
  * Function that is called when the canvas resizes
  */
 export type ResizeCallback = (params: ResizeCallbackParams) => void;
-/**
- * Parameters for UV transformation function.
- * Used by shaders that can have their UV transforms composed
- * without intermediate render-to-texture boundaries.
- */
-export interface UVTransformParams {
-    /**
-     * Input UV coordinates (may already be pre-transformed by inner shaders)
-     */
-    uv: Node;
-    /**
-     * The component's uniforms
-     */
-    uniforms: UniformsMap;
-    /**
-     * Viewport dimensions as a TSL node for aspect ratio calculations
-     */
-    viewportSize: Node;
-}
 /**
  * Parameters for fragment node function
  */
@@ -231,25 +212,6 @@ export interface FragmentNodeParams {
      * This is useful for manual render target management in RTT effects
      */
     renderer: any;
-    /**
-     * UV context passed down from parent distortions.
-     *
-     * When a generator is rendered as the terminus of a UV-composable distortion chain,
-     * this contains the pre-composed UV coordinates from all ancestor distortions.
-     *
-     * Generators that set `acceptsUVContext: true` should use this instead of `screenUV`
-     * when provided, enabling infinitely sharp distortion effects by computing pixels
-     * at their final distorted positions rather than sampling RTT content.
-     *
-     * @example
-     * ```typescript
-     * fragmentNode: ({ uvContext }: FragmentNodeParams) => {
-     *     const uv = uvContext ?? screenUV  // Use composed UV if available
-     *     // ... compute color based on uv
-     * }
-     * ```
-     */
-    uvContext?: Node;
 }
 /**
  * The definition of a component within the Shader library.
@@ -288,48 +250,5 @@ export interface ComponentDefinition<T extends ComponentProps = ComponentProps>
      * A function that returns the Three TSL fragment node for this component.
      */
     fragmentNode: (params: FragmentNodeParams) => Node;
-    /**
-     * Optional UV transformation function for composable distortion effects.
-     *
-     * When provided, indicates this shader performs a pure UV transformation that
-     * can be mathematically composed with other UV transforms without intermediate
-     * render-to-texture (RTT) boundaries.
-     *
-     * The renderer will detect chains of UV-composable shaders and compose their
-     * UV transformations, sampling the source content only once at the end of the chain.
-     * This eliminates viewport cropping issues that occur with intermediate RTT passes.
-     *
-     * When this function is defined:
-     * - The shader is considered "UV-composable"
-     * - Multiple consecutive UV transforms will be composed mathematically
-     * - `fragmentNode` is used as fallback when the chain breaks (non-UV effect encountered)
-     *
-     * @param params.uv - Input UV coordinates (may be pre-transformed by inner shaders)
-     * @param params.uniforms - Component uniforms
-     * @param params.viewportSize - Viewport dimensions for aspect ratio calculations
-     * @returns Transformed UV coordinates as a vec2 Node
-     */
-    uvTransformNode?: (params: UVTransformParams) => Node;
-    /**
-     * Whether this shader accepts UV context from parent distortions.
-     *
-     * When true, the fragmentNode function should use `params.uvContext ?? screenUV`
-     * for UV-based calculations instead of directly using `screenUV`.
-     *
-     * This enables the "UV Context Propagation" optimization where generators compute
-     * pixels at distorted UV positions directly, producing infinitely sharp results
-     * without RTT interpolation blur.
-     *
-     * Set to true for:
-     * - Procedural generators (Checkerboard, Gradient, Noise, etc.)
-     * - Texture sources (ImageTexture, Video)
-     *
-     * Leave false/undefined for:
-     * - Effects that operate on child content (filters, blurs, etc.)
-     * - Effects that require specific UV relationships (masks, etc.)
-     *
-     * @default false
-     */
-    acceptsUVContext?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/core/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/react/{generatePresetCode-CCibXbtZ.js → generatePresetCode-Ci4D5lDy.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/react/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-CCibXbtZ.js";
+import { n as generatePresetCode } from "./generatePresetCode-Ci4D5lDy.js";
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";
 import { createUniformsMap, shaderRenderer } from "../core/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";

package/dist/react/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;AA2lBD,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;AAqpBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAyD/B,CAAA"}

package/dist/react/utils/generatePresetCode.js

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

package/dist/react/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;AA8DD,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;AA4HD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/dist/registry.js

@@ -227,7 +227,6 @@ export const shaderRegistry = [
       "name": "Beam",
       "category": "Base Layers",
       "description": "A beam of light from one point to another.",
-      "acceptsUVContext": true,
       "props": {
         "startPosition": {
           "default": {
@@ -451,7 +450,6 @@ export const shaderRegistry = [
       "name": "Blob",
       "category": "Base Layers",
       "description": "Organic animated blob with 3D lighting and gradients",
-      "acceptsUVContext": true,
       "props": {
         "colorA": {
           "default": "#ff6b35",
@@ -1061,7 +1059,6 @@ export const shaderRegistry = [
       "name": "Checkerboard",
       "category": "Base Layers",
       "description": "Classic checkerboard pattern with two alternating colors",
-      "acceptsUVContext": true,
       "props": {
         "colorA": {
           "default": "#cccccc",
@@ -1486,7 +1483,6 @@ export const shaderRegistry = [
       "name": "Circle",
       "category": "Base Layers",
       "description": "Generate a circle with adjustable size and softness",
-      "acceptsUVContext": true,
       "props": {
         "color": {
           "default": "#ffffff",
@@ -2076,7 +2072,6 @@ export const shaderRegistry = [
       "name": "DotGrid",
       "category": "Base Layers",
       "description": "Grid of dots with optional twinkling animation",
-      "acceptsUVContext": true,
       "props": {
         "color": {
           "default": "#ffffff",
@@ -2292,7 +2287,6 @@ export const shaderRegistry = [
       "category": "Stylize",
       "description": "Analog film grain texture overlay",
       "requiresChild": true,
-      "acceptsUVContext": true,
       "props": {
         "strength": {
           "default": 0.5,
@@ -2331,7 +2325,6 @@ export const shaderRegistry = [
       "category": "Base Layers",
       "description": "Animated floating particles with twinkle effects",
       "requiresRTT": false,
-      "acceptsUVContext": true,
       "props": {
         "randomness": {
           "default": 0.25,
@@ -2588,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"
+          }
         }
       }
     },
@@ -2616,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"
       }
     }
   },
@@ -2730,7 +2767,6 @@ export const shaderRegistry = [
       "category": "Base Layers",
       "description": "Volumetric light rays emanating from a point",
       "requiresRTT": false,
-      "acceptsUVContext": true,
       "props": {
         "center": {
           "default": {
@@ -2903,7 +2939,6 @@ export const shaderRegistry = [
       "name": "Grid",
       "category": "Base Layers",
       "description": "Simple grid lines pattern with adjustable thickness",
-      "acceptsUVContext": true,
       "props": {
         "color": {
           "default": "#ffffff",
@@ -3296,7 +3331,6 @@ export const shaderRegistry = [
       "name": "ImageTexture",
       "category": "Base Layers",
       "description": "Display an image with customizable object-fit modes",
-      "acceptsUVContext": true,
       "props": {
         "url": {
           "default": "https://shaders.com/sample.jpg",
@@ -3465,7 +3499,6 @@ export const shaderRegistry = [
       "name": "LinearGradient",
       "category": "Base Layers",
       "description": "Create smooth linear color gradients",
-      "acceptsUVContext": true,
       "props": {
         "colorA": {
           "default": "#1aff00",
@@ -4176,7 +4209,6 @@ export const shaderRegistry = [
       "name": "RadialGradient",
       "category": "Base Layers",
       "description": "Radial gradient radiating from a center point",
-      "acceptsUVContext": true,
       "props": {
         "colorA": {
           "default": "#ff0000",
@@ -4448,7 +4480,6 @@ export const shaderRegistry = [
       "name": "Ripples",
       "category": "Base Layers",
       "description": "Concentric animated ripples emanating from a point",
-      "acceptsUVContext": true,
       "props": {
         "center": {
           "default": {
@@ -4667,7 +4698,6 @@ export const shaderRegistry = [
       "name": "SimplexNoise",
       "category": "Base Layers",
       "description": "Organic noise with animated movement",
-      "acceptsUVContext": true,
       "props": {
         "colorA": {
           "default": "#ffffff",
@@ -4825,7 +4855,6 @@ export const shaderRegistry = [
       "name": "SineWave",
       "category": "Base Layers",
       "description": "Animated wave with thickness and softness",
-      "acceptsUVContext": true,
       "props": {
         "color": {
           "default": "#ffffff",
@@ -5011,7 +5040,6 @@ export const shaderRegistry = [
       "name": "SolidColor",
       "category": "Base Layers",
       "description": "Fill the canvas with a single solid color",
-      "acceptsUVContext": true,
       "props": {
         "color": {
           "default": "#5b18ca",
@@ -5209,7 +5237,6 @@ export const shaderRegistry = [
       "name": "Spiral",
       "category": "Base Layers",
       "description": "Rotating spiral pattern with animated movement",
-      "acceptsUVContext": true,
       "props": {
         "colorA": {
           "default": "#000000",
@@ -5436,7 +5463,6 @@ export const shaderRegistry = [
       "description": "Procedural wavy strands with layered animation",
       "requiresRTT": false,
       "requiresChild": false,
-      "acceptsUVContext": true,
       "props": {
         "speed": {
           "default": 0.5,
@@ -5796,14 +5822,13 @@ export const shaderRegistry = [
       "name": "Swirl",
       "category": "Base Layers",
       "description": "Flowing swirl pattern with multi-layered noise",
-      "acceptsUVContext": true,
       "props": {
         "colorA": {
           "default": "#1275d8",
           "description": "Primary gradient color",
           "ui": {
             "type": "color",
-            "label": "Primary Color"
+            "label": "Color A"
           }
         },
         "colorB": {
@@ -5811,7 +5836,7 @@ export const shaderRegistry = [
           "description": "Secondary gradient color",
           "ui": {
             "type": "color",
-            "label": "Secondary Color"
+            "label": "Color B"
           }
         },
         "speed": {
@@ -5831,7 +5856,7 @@ export const shaderRegistry = [
           "ui": {
             "type": "range",
             "min": 0,
-            "max": 10,
+            "max": 5,
             "step": 0.1,
             "label": "Detail"
           }
@@ -5847,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",
@@ -5941,7 +5900,7 @@ export const shaderRegistry = [
       "colorA": {
         "ui": {
           "type": "color",
-          "label": "Primary Color"
+          "label": "Color A"
         },
         "default": "#1275d8",
         "description": "Primary gradient color"
@@ -5949,7 +5908,7 @@ export const shaderRegistry = [
       "colorB": {
         "ui": {
           "type": "color",
-          "label": "Secondary Color"
+          "label": "Color B"
         },
         "default": "#e19136",
         "description": "Secondary gradient color"
@@ -5969,7 +5928,7 @@ export const shaderRegistry = [
         "ui": {
           "type": "range",
           "min": 0,
-          "max": 10,
+          "max": 5,
           "step": 0.1,
           "label": "Detail"
         },
@@ -5987,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",