shaders 2.3.66 → 2.3.68

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

@@ -1,9 +1,13 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Spherize';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    radius?: ComponentProps['radius'] | PropDriver;
+    depth?: ComponentProps['depth'] | PropDriver;
+    lightIntensity?: ComponentProps['lightIntensity'] | PropDriver;
+    lightSoftness?: ComponentProps['lightSoftness'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,13 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Spiral';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    strokeWidth?: ComponentProps['strokeWidth'] | PropDriver;
+    strokeFalloff?: ComponentProps['strokeFalloff'] | PropDriver;
+    softness?: ComponentProps['softness'] | PropDriver;
+    scale?: ComponentProps['scale'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,12 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Strands';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    amplitude?: ComponentProps['amplitude'] | PropDriver;
+    frequency?: ComponentProps['frequency'] | PropDriver;
+    lineWidth?: ComponentProps['lineWidth'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,12 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Stretch';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    strength?: ComponentProps['strength'] | PropDriver;
+    angle?: ComponentProps['angle'] | PropDriver;
+    falloff?: ComponentProps['falloff'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,14 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Stripes';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    angle?: ComponentProps['angle'] | PropDriver;
+    density?: ComponentProps['density'] | PropDriver;
+    balance?: ComponentProps['balance'] | PropDriver;
+    softness?: ComponentProps['softness'] | PropDriver;
+    offset?: ComponentProps['offset'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,21 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/StudioBackground';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    keyIntensity?: ComponentProps['keyIntensity'] | PropDriver;
+    keySoftness?: ComponentProps['keySoftness'] | PropDriver;
+    fillIntensity?: ComponentProps['fillIntensity'] | PropDriver;
+    fillSoftness?: ComponentProps['fillSoftness'] | PropDriver;
+    fillAngle?: ComponentProps['fillAngle'] | PropDriver;
+    backIntensity?: ComponentProps['backIntensity'] | PropDriver;
+    backSoftness?: ComponentProps['backSoftness'] | PropDriver;
+    brightness?: ComponentProps['brightness'] | PropDriver;
+    vignette?: ComponentProps['vignette'] | PropDriver;
+    lightTarget?: ComponentProps['lightTarget'] | PropDriver;
+    wallCurvature?: ComponentProps['wallCurvature'] | PropDriver;
+    ambientIntensity?: ComponentProps['ambientIntensity'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,11 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Swirl';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    detail?: ComponentProps['detail'] | PropDriver;
+    blend?: ComponentProps['blend'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,13 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/TiltShift';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    intensity?: ComponentProps['intensity'] | PropDriver;
+    width?: ComponentProps['width'] | PropDriver;
+    falloff?: ComponentProps['falloff'] | PropDriver;
+    angle?: ComponentProps['angle'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,10 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Tint';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    amount?: ComponentProps['amount'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,10 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Tritone';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    blendMid?: ComponentProps['blendMid'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,10 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Twirl';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    intensity?: ComponentProps['intensity'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,10 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/Vibrance';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    intensity?: ComponentProps['intensity'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,12 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/WaveDistortion';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    strength?: ComponentProps['strength'] | PropDriver;
+    frequency?: ComponentProps['frequency'] | PropDriver;
+    angle?: ComponentProps['angle'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -1,9 +1,10 @@
-import { type BlendMode, type TransformConfig } from '../../core';
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
 import { type ComponentProps } from '../../core/shaders/ZoomBlur';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    intensity?: ComponentProps['intensity'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

package/dist/svelte/engine/component.template.svelte.d.ts

@@ -1,19 +1,3 @@
-import { type BlendMode, type TransformConfig } from '../../core';
-import { type ComponentProps } from '../../core/shaders/__SHADER_NAME__';
-/**
- * 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 Component: import("svelte").Component<ExtendedComponentProps, {}, "">;
+declare const Component: import("svelte").Component<Record<string, any>, Record<string, any>, string>;
 type Component = ReturnType<typeof Component>;
 export default Component;

package/dist/svelte/{generatePresetCode-EA1bmNOJ.js → generatePresetCode-9Mg74lkL.js}

@@ -49,7 +49,7 @@ var shaderMetadata = {
 		"height": 120,
 		"center": {
 			"x": .5,
-			"y": .5
+			"y": 0
 		},
 		"seed": 0
 	},
@@ -141,7 +141,7 @@ var shaderMetadata = {
 		"leftColor": "#0000ff",
 		"rightColor": "#ffff00",
 		"intensity": 1,
-		"radius": 1.5,
+		"radius": 3,
 		"momentum": 30
 	},
 	"ChromaticAberration": {
@@ -203,8 +203,8 @@ var shaderMetadata = {
 		"colorShift": 1,
 		"scanlineIntensity": .3,
 		"scanlineFrequency": 200,
-		"brightness": 1.1,
-		"contrast": 1.2,
+		"brightness": 1,
+		"contrast": 1,
 		"vignetteIntensity": 1,
 		"vignetteRadius": .5
 	},
@@ -794,6 +794,9 @@ var shaderMetadata = {
 		}
 	}
 };
+function isPropMapValue(value) {
+	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+}
 function generatePropString(props, componentType, indent = "  ") {
 	return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
 		if (key === "maskType" && value === "alpha") return false;
@@ -821,6 +824,10 @@ function generatePropString(props, componentType, indent = "  ") {
 				return `${key}={{ ${k}: ${typeof v === "string" ? `"${v}"` : v} }}`;
 			}
 		}
+		if (isPropMapValue(value)) return `${key}={{\n${indent}    ${Object.keys(value).map((k) => {
+			const v = value[k];
+			return `${k}: ${typeof v === "string" ? `"${v}"` : v}`;
+		}).join(`,\n${indent}    `)}\n${indent}  }}`;
 		if (typeof value === "string") return `${key}="${value}"`;
 		else if (value !== null && typeof value === "object") {
 			const roundedValue = { ...value };
@@ -830,7 +837,7 @@ function generatePropString(props, componentType, indent = "  ") {
 		} else return `${key}={${value}}`;
 	}).join("\n" + indent + "  ");
 }
-function isIdUsedAsMaskSource(id, allComponents) {
+function isIdReferenced(id, allComponents) {
 	const flatComponents = [];
 	function flattenComponents(components) {
 		for (const component of components) {
@@ -839,14 +846,20 @@ function isIdUsedAsMaskSource(id, allComponents) {
 		}
 	}
 	flattenComponents(allComponents);
-	return flatComponents.some((component) => component.props?.maskSource === id);
+	return flatComponents.some((component) => {
+		if (component.props?.maskSource === id) return true;
+		if (component.props) {
+			for (const value of Object.values(component.props)) if (isPropMapValue(value) && value.source === id) return true;
+		}
+		return false;
+	});
 }
 function generatePresetCode(preset, colorSpace) {
 	const generateComponentString = (config, indent = "  ") => {
 		const propString = config.props ? generatePropString(config.props, config.type, indent) : "";
 		let idString = "";
 		if (config.id) {
-			if (isIdUsedAsMaskSource(config.id, preset.components)) idString = `id="${config.id}"`;
+			if (isIdReferenced(config.id, preset.components)) idString = `id="${config.id}"`;
 		}
 		const attributes = [idString, propString].filter(Boolean).join("\n" + indent + "  ");
 		if (config.children && config.children.length > 0) {