shaders 2.2.34 → 2.2.36

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;AA6pBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA0D/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;AAmrBD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA4D/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -321,6 +321,23 @@ const shaderMetadata = {
     "radius": 1,
     "edges": "stretch"
   },
+  "Perspective": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "pan": 0,
+    "tilt": 0,
+    "fov": 60,
+    "zoom": 1,
+    "offset": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "edges": "transparent"
+  },
   "Pixelate": {
     "opacity": 1,
     "blendMode": "normal",
@@ -397,6 +414,11 @@ const shaderMetadata = {
     "blendMode": "normal",
     "intensity": 1
   },
+  "Sharpness": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "sharpness": 0
+  },
   "SimplexNoise": {
     "opacity": 1,
     "blendMode": "normal",
@@ -706,6 +728,7 @@ const availableComponents = [
   "LinearBlur",
   "LinearGradient",
   "Liquify",
+  "Perspective",
   "Pixelate",
   "PolarCoordinates",
   "Posterize",
@@ -714,6 +737,7 @@ const availableComponents = [
   "RectangularCoordinates",
   "Ripples",
   "Saturation",
+  "Sharpness",
   "SimplexNoise",
   "SineWave",
   "SolidColor",

package/dist/svelte/components/Perspective.svelte.d.ts

@@ -0,0 +1,19 @@
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/Perspective';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+    children?: import('svelte').Snippet;
+}
+declare const Perspective: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Perspective = ReturnType<typeof Perspective>;
+export default Perspective;

package/dist/svelte/components/Sharpness.svelte.d.ts

@@ -0,0 +1,19 @@
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/Sharpness';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+    children?: import('svelte').Snippet;
+}
+declare const Sharpness: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Sharpness = ReturnType<typeof Sharpness>;
+export default Sharpness;

package/dist/svelte/{generatePresetCode-Qh7jlXV3.js → generatePresetCode-Yu_cJh3q.js}

@@ -319,6 +319,23 @@ var shaderMetadata = {
 		"radius": 1,
 		"edges": "stretch"
 	},
+	"Perspective": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"pan": 0,
+		"tilt": 0,
+		"fov": 60,
+		"zoom": 1,
+		"offset": {
+			"x": .5,
+			"y": .5
+		},
+		"edges": "transparent"
+	},
 	"Pixelate": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -395,6 +412,11 @@ var shaderMetadata = {
 		"blendMode": "normal",
 		"intensity": 1
 	},
+	"Sharpness": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"sharpness": 0
+	},
 	"SimplexNoise": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -655,6 +677,7 @@ const availableComponents = [
 	"LinearBlur",
 	"LinearGradient",
 	"Liquify",
+	"Perspective",
 	"Pixelate",
 	"PolarCoordinates",
 	"Posterize",
@@ -663,6 +686,7 @@ const availableComponents = [
 	"RectangularCoordinates",
 	"Ripples",
 	"Saturation",
+	"Sharpness",
 	"SimplexNoise",
 	"SineWave",
 	"SolidColor",

package/dist/svelte/index.d.ts

@@ -32,6 +32,7 @@ export { default as Invert } from './components/Invert.svelte';
 export { default as LinearBlur } from './components/LinearBlur.svelte';
 export { default as LinearGradient } from './components/LinearGradient.svelte';
 export { default as Liquify } from './components/Liquify.svelte';
+export { default as Perspective } from './components/Perspective.svelte';
 export { default as Pixelate } from './components/Pixelate.svelte';
 export { default as PolarCoordinates } from './components/PolarCoordinates.svelte';
 export { default as Posterize } from './components/Posterize.svelte';
@@ -40,6 +41,7 @@ export { default as RadialGradient } from './components/RadialGradient.svelte';
 export { default as RectangularCoordinates } from './components/RectangularCoordinates.svelte';
 export { default as Ripples } from './components/Ripples.svelte';
 export { default as Saturation } from './components/Saturation.svelte';
+export { default as Sharpness } from './components/Sharpness.svelte';
 export { default as SimplexNoise } from './components/SimplexNoise.svelte';
 export { default as SineWave } from './components/SineWave.svelte';
 export { default as SolidColor } from './components/SolidColor.svelte';

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-Qh7jlXV3.js";
+import { n as generatePresetCode } from "./generatePresetCode-Yu_cJh3q.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";
@@ -37,28 +37,30 @@ import { componentDefinition as componentDefinition$30 } from "../core/shaders/I
 import { componentDefinition as componentDefinition$31 } from "../core/shaders/LinearBlur/index.js";
 import { componentDefinition as componentDefinition$32 } from "../core/shaders/LinearGradient/index.js";
 import { componentDefinition as componentDefinition$33 } from "../core/shaders/Liquify/index.js";
-import { componentDefinition as componentDefinition$34 } from "../core/shaders/Pixelate/index.js";
-import { componentDefinition as componentDefinition$35 } from "../core/shaders/PolarCoordinates/index.js";
-import { componentDefinition as componentDefinition$36 } from "../core/shaders/Posterize/index.js";
-import { componentDefinition as componentDefinition$37 } from "../core/shaders/ProgressiveBlur/index.js";
-import { componentDefinition as componentDefinition$38 } from "../core/shaders/RadialGradient/index.js";
-import { componentDefinition as componentDefinition$39 } from "../core/shaders/RectangularCoordinates/index.js";
-import { componentDefinition as componentDefinition$40 } from "../core/shaders/Ripples/index.js";
-import { componentDefinition as componentDefinition$41 } from "../core/shaders/Saturation/index.js";
-import { componentDefinition as componentDefinition$42 } from "../core/shaders/SimplexNoise/index.js";
-import { componentDefinition as componentDefinition$43 } from "../core/shaders/SineWave/index.js";
-import { componentDefinition as componentDefinition$44 } from "../core/shaders/SolidColor/index.js";
-import { componentDefinition as componentDefinition$45 } from "../core/shaders/Spherize/index.js";
-import { componentDefinition as componentDefinition$46 } from "../core/shaders/Spiral/index.js";
-import { componentDefinition as componentDefinition$47 } from "../core/shaders/Strands/index.js";
-import { componentDefinition as componentDefinition$48 } from "../core/shaders/Stretch/index.js";
-import { componentDefinition as componentDefinition$49 } from "../core/shaders/Swirl/index.js";
-import { componentDefinition as componentDefinition$50 } from "../core/shaders/TiltShift/index.js";
-import { componentDefinition as componentDefinition$51 } from "../core/shaders/Tritone/index.js";
-import { componentDefinition as componentDefinition$52 } from "../core/shaders/Twirl/index.js";
-import { componentDefinition as componentDefinition$53 } from "../core/shaders/Vibrance/index.js";
-import { componentDefinition as componentDefinition$54 } from "../core/shaders/WaveDistortion/index.js";
-import { componentDefinition as componentDefinition$55 } from "../core/shaders/ZoomBlur/index.js";
+import { componentDefinition as componentDefinition$34 } from "../core/shaders/Perspective/index.js";
+import { componentDefinition as componentDefinition$35 } from "../core/shaders/Pixelate/index.js";
+import { componentDefinition as componentDefinition$36 } from "../core/shaders/PolarCoordinates/index.js";
+import { componentDefinition as componentDefinition$37 } from "../core/shaders/Posterize/index.js";
+import { componentDefinition as componentDefinition$38 } from "../core/shaders/ProgressiveBlur/index.js";
+import { componentDefinition as componentDefinition$39 } from "../core/shaders/RadialGradient/index.js";
+import { componentDefinition as componentDefinition$40 } from "../core/shaders/RectangularCoordinates/index.js";
+import { componentDefinition as componentDefinition$41 } from "../core/shaders/Ripples/index.js";
+import { componentDefinition as componentDefinition$42 } from "../core/shaders/Saturation/index.js";
+import { componentDefinition as componentDefinition$43 } from "../core/shaders/Sharpness/index.js";
+import { componentDefinition as componentDefinition$44 } from "../core/shaders/SimplexNoise/index.js";
+import { componentDefinition as componentDefinition$45 } from "../core/shaders/SineWave/index.js";
+import { componentDefinition as componentDefinition$46 } from "../core/shaders/SolidColor/index.js";
+import { componentDefinition as componentDefinition$47 } from "../core/shaders/Spherize/index.js";
+import { componentDefinition as componentDefinition$48 } from "../core/shaders/Spiral/index.js";
+import { componentDefinition as componentDefinition$49 } from "../core/shaders/Strands/index.js";
+import { componentDefinition as componentDefinition$50 } from "../core/shaders/Stretch/index.js";
+import { componentDefinition as componentDefinition$51 } from "../core/shaders/Swirl/index.js";
+import { componentDefinition as componentDefinition$52 } from "../core/shaders/TiltShift/index.js";
+import { componentDefinition as componentDefinition$53 } from "../core/shaders/Tritone/index.js";
+import { componentDefinition as componentDefinition$54 } from "../core/shaders/Twirl/index.js";
+import { componentDefinition as componentDefinition$55 } from "../core/shaders/Vibrance/index.js";
+import { componentDefinition as componentDefinition$56 } from "../core/shaders/WaveDistortion/index.js";
+import { componentDefinition as componentDefinition$57 } from "../core/shaders/ZoomBlur/index.js";
 import { vec4 } from "three/tsl";
 import { TelemetryCollector, isExternalUser, shouldCollectTelemetry } from "../core/telemetry/index.js";
 function AngularBlur($$anchor, $$props) {
@@ -3801,7 +3803,7 @@ function Liquify($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Pixelate($$anchor, $$props) {
+function Perspective($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -3911,7 +3913,7 @@ function Pixelate($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function PolarCoordinates($$anchor, $$props) {
+function Pixelate($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4021,7 +4023,7 @@ function PolarCoordinates($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Posterize($$anchor, $$props) {
+function PolarCoordinates($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4131,7 +4133,7 @@ function Posterize($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function ProgressiveBlur($$anchor, $$props) {
+function Posterize($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4241,7 +4243,7 @@ function ProgressiveBlur($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function RadialGradient($$anchor, $$props) {
+function ProgressiveBlur($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4351,7 +4353,7 @@ function RadialGradient($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function RectangularCoordinates($$anchor, $$props) {
+function RadialGradient($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4461,7 +4463,7 @@ function RectangularCoordinates($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Ripples($$anchor, $$props) {
+function RectangularCoordinates($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4571,7 +4573,7 @@ function Ripples($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Saturation($$anchor, $$props) {
+function Ripples($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4681,7 +4683,7 @@ function Saturation($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function SimplexNoise($$anchor, $$props) {
+function Saturation($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4791,7 +4793,7 @@ function SimplexNoise($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function SineWave($$anchor, $$props) {
+function Sharpness($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -4901,7 +4903,7 @@ function SineWave($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function SolidColor($$anchor, $$props) {
+function SimplexNoise($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5011,7 +5013,7 @@ function SolidColor($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Spherize($$anchor, $$props) {
+function SineWave($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5121,7 +5123,7 @@ function Spherize($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Spiral($$anchor, $$props) {
+function SolidColor($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5231,7 +5233,7 @@ function Spiral($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Strands($$anchor, $$props) {
+function Spherize($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5341,7 +5343,7 @@ function Strands($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Stretch($$anchor, $$props) {
+function Spiral($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5451,7 +5453,7 @@ function Stretch($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Swirl($$anchor, $$props) {
+function Strands($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5561,7 +5563,7 @@ function Swirl($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function TiltShift($$anchor, $$props) {
+function Stretch($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5671,7 +5673,7 @@ function TiltShift($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Tritone($$anchor, $$props) {
+function Swirl($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5781,7 +5783,7 @@ function Tritone($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Twirl($$anchor, $$props) {
+function TiltShift($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -5891,7 +5893,7 @@ function Twirl($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function Vibrance($$anchor, $$props) {
+function Tritone($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6001,7 +6003,7 @@ function Vibrance($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function WaveDistortion($$anchor, $$props) {
+function Twirl($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6111,7 +6113,7 @@ function WaveDistortion($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
-function ZoomBlur($$anchor, $$props) {
+function Vibrance($$anchor, $$props) {
 	$.push($$props, true);
 	const DEFAULT_TRANSFORM = {
 		offsetX: 0,
@@ -6221,6 +6223,226 @@ function ZoomBlur($$anchor, $$props) {
 	children?.($$anchor);
 	$.pop();
 }
+function WaveDistortion($$anchor, $$props) {
+	$.push($$props, true);
+	const DEFAULT_TRANSFORM = {
+		offsetX: 0,
+		offsetY: 0,
+		rotation: 0,
+		scale: 1,
+		anchorX: .5,
+		anchorY: .5,
+		edges: "transparent"
+	};
+	const componentDefaults = {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition$56.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	};
+	const props = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	const blendMode = $$props.blendMode ?? componentDefaults.blendMode;
+	const opacity = $$props.opacity;
+	const visible = $$props.visible ?? componentDefaults.visible;
+	const id = $$props.id;
+	const maskSource = $$props.maskSource;
+	const maskType = $$props.maskType;
+	const renderOrder = $$props.renderOrder ?? componentDefaults.renderOrder;
+	const { children } = props;
+	const effectiveTransform = $.derived(() => ({
+		...DEFAULT_TRANSFORM,
+		...$$props.transform
+	}));
+	const parentId = getContext("shaderParentId");
+	if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const instanceId = id || `${componentDefinition$56.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+	setContext("shaderParentId", instanceId);
+	const shaderReadyProps = $.derived(() => {
+		let baseProps = { ...componentDefaults };
+		for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && key !== "children") {
+			const propValue = props[key];
+			const defaultValue = componentDefaults[key];
+			if (propValue !== void 0 && propValue !== defaultValue) baseProps[key] = propValue;
+		}
+		return baseProps;
+	});
+	const uniforms = createUniformsMap(componentDefinition$56, $.get(shaderReadyProps), instanceId);
+	const parentRegister = getContext("shaderNodeRegister");
+	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const parentUniformUpdate = getContext("shaderUniformUpdate");
+	if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
+	const parentMetadataUpdate = getContext("shaderMetadataUpdate");
+	if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
+	let isRegistered = $.state(false);
+	Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+		$.user_effect(() => {
+			if (!$.get(isRegistered)) return;
+			if (uniform && uniform.value !== void 0) {
+				const newValue = props[propName];
+				if (newValue !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+			}
+		});
+	});
+	$.user_effect(() => {
+		if (!$.get(isRegistered)) return;
+		parentMetadataUpdate(instanceId, {
+			blendMode,
+			opacity,
+			visible: visible === false ? false : true,
+			id,
+			mask: maskSource ? {
+				source: maskSource,
+				type: maskType || "alpha"
+			} : void 0,
+			renderOrder,
+			transform: $.get(effectiveTransform)
+		});
+	});
+	onMount(() => {
+		if (componentDefinition$56 && typeof componentDefinition$56.fragmentNode === "function") {
+			parentRegister(instanceId, componentDefinition$56.fragmentNode, parentId, {
+				blendMode,
+				opacity,
+				visible: visible !== false ? true : false,
+				id,
+				mask: maskSource ? {
+					source: maskSource,
+					type: maskType || "alpha"
+				} : void 0,
+				renderOrder,
+				transform: $.get(effectiveTransform)
+			}, uniforms);
+			$.set(isRegistered, true);
+		} else console.error("componentDefinition.fragmentNode is not a function:", {
+			componentDefinition: componentDefinition$56,
+			fragmentNode: componentDefinition$56?.fragmentNode,
+			type: typeof componentDefinition$56?.fragmentNode
+		});
+	});
+	onDestroy(() => {
+		$.set(isRegistered, false);
+		parentRegister(instanceId, null, null, null, null);
+	});
+	children?.($$anchor);
+	$.pop();
+}
+function ZoomBlur($$anchor, $$props) {
+	$.push($$props, true);
+	const DEFAULT_TRANSFORM = {
+		offsetX: 0,
+		offsetY: 0,
+		rotation: 0,
+		scale: 1,
+		anchorX: .5,
+		anchorY: .5,
+		edges: "transparent"
+	};
+	const componentDefaults = {
+		blendMode: "normal",
+		renderOrder: 0,
+		visible: true,
+		...Object.entries(componentDefinition$57.props).reduce((acc, [key, config]) => {
+			acc[key] = config.default;
+			return acc;
+		}, {})
+	};
+	const props = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy"
+	]);
+	const blendMode = $$props.blendMode ?? componentDefaults.blendMode;
+	const opacity = $$props.opacity;
+	const visible = $$props.visible ?? componentDefaults.visible;
+	const id = $$props.id;
+	const maskSource = $$props.maskSource;
+	const maskType = $$props.maskType;
+	const renderOrder = $$props.renderOrder ?? componentDefaults.renderOrder;
+	const { children } = props;
+	const effectiveTransform = $.derived(() => ({
+		...DEFAULT_TRANSFORM,
+		...$$props.transform
+	}));
+	const parentId = getContext("shaderParentId");
+	if (parentId === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const instanceId = id || `${componentDefinition$57.name.toLowerCase()}_${Math.random().toString(36).substring(7)}`;
+	setContext("shaderParentId", instanceId);
+	const shaderReadyProps = $.derived(() => {
+		let baseProps = { ...componentDefaults };
+		for (const key in props) if (key !== "blendMode" && key !== "opacity" && key !== "visible" && key !== "id" && key !== "maskSource" && key !== "maskType" && key !== "renderOrder" && key !== "transform" && key !== "children") {
+			const propValue = props[key];
+			const defaultValue = componentDefaults[key];
+			if (propValue !== void 0 && propValue !== defaultValue) baseProps[key] = propValue;
+		}
+		return baseProps;
+	});
+	const uniforms = createUniformsMap(componentDefinition$57, $.get(shaderReadyProps), instanceId);
+	const parentRegister = getContext("shaderNodeRegister");
+	if (parentRegister === void 0) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
+	const parentUniformUpdate = getContext("shaderUniformUpdate");
+	if (parentUniformUpdate === void 0) throw new Error("Shader components require shaderUniformUpdate from parent");
+	const parentMetadataUpdate = getContext("shaderMetadataUpdate");
+	if (parentMetadataUpdate === void 0) throw new Error("Shader components require shaderMetadataUpdate from parent");
+	let isRegistered = $.state(false);
+	Object.entries(uniforms).forEach(([propName, { uniform, transform }]) => {
+		$.user_effect(() => {
+			if (!$.get(isRegistered)) return;
+			if (uniform && uniform.value !== void 0) {
+				const newValue = props[propName];
+				if (newValue !== void 0) parentUniformUpdate(instanceId, propName, newValue);
+			}
+		});
+	});
+	$.user_effect(() => {
+		if (!$.get(isRegistered)) return;
+		parentMetadataUpdate(instanceId, {
+			blendMode,
+			opacity,
+			visible: visible === false ? false : true,
+			id,
+			mask: maskSource ? {
+				source: maskSource,
+				type: maskType || "alpha"
+			} : void 0,
+			renderOrder,
+			transform: $.get(effectiveTransform)
+		});
+	});
+	onMount(() => {
+		if (componentDefinition$57 && typeof componentDefinition$57.fragmentNode === "function") {
+			parentRegister(instanceId, componentDefinition$57.fragmentNode, parentId, {
+				blendMode,
+				opacity,
+				visible: visible !== false ? true : false,
+				id,
+				mask: maskSource ? {
+					source: maskSource,
+					type: maskType || "alpha"
+				} : void 0,
+				renderOrder,
+				transform: $.get(effectiveTransform)
+			}, uniforms);
+			$.set(isRegistered, true);
+		} else console.error("componentDefinition.fragmentNode is not a function:", {
+			componentDefinition: componentDefinition$57,
+			fragmentNode: componentDefinition$57?.fragmentNode,
+			type: typeof componentDefinition$57?.fragmentNode
+		});
+	});
+	onDestroy(() => {
+		$.set(isRegistered, false);
+		parentRegister(instanceId, null, null, null, null);
+	});
+	children?.($$anchor);
+	$.pop();
+}
 var root = $.from_html(`<div><canvas data-renderer="shaders" style="width: 100%; height: 100%; display: block;"></canvas> <!></div>`);
 function Shader($$anchor, $$props) {
 	$.push($$props, true);
@@ -6323,4 +6545,4 @@ function Shader($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-export { AngularBlur, Ascii, Beam, Blob, Blur, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, ChromaFlow, ChromaticAberration, Circle, CursorTrail, DiffuseBlur, Dither, DotGrid, Duotone, FilmGrain, FloatingParticles, GlassTiles, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HueShift, ImageTexture, Invert, LinearBlur, LinearGradient, Liquify, Pixelate, PolarCoordinates, Posterize, ProgressiveBlur, RadialGradient, RectangularCoordinates, Ripples, Saturation, Shader, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Strands, Stretch, Swirl, TiltShift, Tritone, Twirl, Vibrance, WaveDistortion, ZoomBlur, generatePresetCode };
+export { AngularBlur, Ascii, Beam, Blob, Blur, BrightnessContrast, Bulge, CRTScreen, ChannelBlur, Checkerboard, ChromaFlow, ChromaticAberration, Circle, CursorTrail, DiffuseBlur, Dither, DotGrid, Duotone, FilmGrain, FloatingParticles, GlassTiles, Glow, Godrays, Grayscale, Grid, GridDistortion, Group, Halftone, HueShift, ImageTexture, Invert, LinearBlur, LinearGradient, Liquify, Perspective, Pixelate, PolarCoordinates, Posterize, ProgressiveBlur, RadialGradient, RectangularCoordinates, Ripples, Saturation, Shader, Sharpness, SimplexNoise, SineWave, SolidColor, Spherize, Spiral, Strands, Stretch, Swirl, TiltShift, Tritone, Twirl, Vibrance, WaveDistortion, ZoomBlur, generatePresetCode };

package/dist/svelte/utils/generatePresetCode.js

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