shaders 2.3.66 → 2.3.68

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

@@ -1,5 +1,5 @@
 import { JSX } from 'solid-js';
-import { BlendMode, TransformConfig } from '../../core';
+import { BlendMode, PropDriver, TransformConfig } from '../../core';
 import { ComponentProps } from '../../core/shaders/Vibrance';
 export type { ComponentProps };
 /**
@@ -20,7 +20,9 @@ interface BaseShaderProps {
  * Component-specific props that merge base props with shader-specific props
  * Note: ComponentProps are made optional since they have defaults from the shader definition
  */
-type ShaderComponentProps = BaseShaderProps & Partial<ComponentProps>;
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'intensity'>> & {
+    intensity?: ComponentProps['intensity'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

package/dist/solid/components/Vibrance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Vibrance.d.ts","sourceRoot":"","sources":["../../src/components/Vibrance.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGjF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAmCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAoLlE"}
+{"version":3,"file":"Vibrance.d.ts","sourceRoot":"","sources":["../../src/components/Vibrance.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAKd,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGjF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAMD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,GAAG;IACzF,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;CACtD,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}

package/dist/solid/components/Vibrance.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/Vibrance/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
 var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
+function isPropDriver(value) {
+  return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+}
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -42,13 +45,13 @@ function ShaderComponent(props) {
     shaderMetadataUpdate: parentMetadataUpdate,
     shaderColorSpace
   } = context;
-  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+  const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
     };
     for (const [key, value] of Object.entries(otherProps)) {
-      if (value !== void 0) {
+      if (value !== void 0 && !isPropDriver(value)) {
         baseProps[key] = value;
       }
     }
@@ -58,6 +61,13 @@ function ShaderComponent(props) {
     ...DEFAULT_TRANSFORM,
     ...props.transform
   }));
+  const mapsFromProps = createMemo(() => {
+    const maps = {};
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (isPropDriver(value)) maps[key] = value;
+    }
+    return Object.keys(maps).length > 0 ? maps : void 0;
+  });
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
@@ -86,6 +96,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
+        maps: mapsFromProps(),
         renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
@@ -144,6 +155,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
+        maps: mapsFromProps(),
         renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };

package/dist/solid/components/VideoTexture.d.ts

@@ -20,7 +20,7 @@ interface BaseShaderProps {
  * Component-specific props that merge base props with shader-specific props
  * Note: ComponentProps are made optional since they have defaults from the shader definition
  */
-type ShaderComponentProps = BaseShaderProps & Partial<ComponentProps>;
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, never>> & {};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

package/dist/solid/components/VideoTexture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoTexture.d.ts","sourceRoot":"","sources":["../../src/components/VideoTexture.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGrF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAmCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAoLlE"}
+{"version":3,"file":"VideoTexture.d.ts","sourceRoot":"","sources":["../../src/components/VideoTexture.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAMd,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGrF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAMD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,GAAG,EACpF,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}

package/dist/solid/components/VideoTexture.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/VideoTexture/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
 var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
+function isPropDriver(value) {
+  return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+}
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -42,13 +45,13 @@ function ShaderComponent(props) {
     shaderMetadataUpdate: parentMetadataUpdate,
     shaderColorSpace
   } = context;
-  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+  const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
     };
     for (const [key, value] of Object.entries(otherProps)) {
-      if (value !== void 0) {
+      if (value !== void 0 && !isPropDriver(value)) {
         baseProps[key] = value;
       }
     }
@@ -58,6 +61,13 @@ function ShaderComponent(props) {
     ...DEFAULT_TRANSFORM,
     ...props.transform
   }));
+  const mapsFromProps = createMemo(() => {
+    const maps = {};
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (isPropDriver(value)) maps[key] = value;
+    }
+    return Object.keys(maps).length > 0 ? maps : void 0;
+  });
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
@@ -86,6 +96,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
+        maps: mapsFromProps(),
         renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
@@ -144,6 +155,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
+        maps: mapsFromProps(),
         renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };

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

@@ -1,5 +1,5 @@
 import { JSX } from 'solid-js';
-import { BlendMode, TransformConfig } from '../../core';
+import { BlendMode, PropDriver, TransformConfig } from '../../core';
 import { ComponentProps } from '../../core/shaders/WaveDistortion';
 export type { ComponentProps };
 /**
@@ -20,7 +20,11 @@ interface BaseShaderProps {
  * Component-specific props that merge base props with shader-specific props
  * Note: ComponentProps are made optional since they have defaults from the shader definition
  */
-type ShaderComponentProps = BaseShaderProps & Partial<ComponentProps>;
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'strength' | 'frequency' | 'angle'>> & {
+    strength?: ComponentProps['strength'] | PropDriver;
+    frequency?: ComponentProps['frequency'] | PropDriver;
+    angle?: ComponentProps['angle'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

package/dist/solid/components/WaveDistortion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WaveDistortion.d.ts","sourceRoot":"","sources":["../../src/components/WaveDistortion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAGvF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAmCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAoLlE"}
+{"version":3,"file":"WaveDistortion.d.ts","sourceRoot":"","sources":["../../src/components/WaveDistortion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAKd,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAGvF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAMD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC,GAAG;IAChH,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;IACnD,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC;CAC9C,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}

package/dist/solid/components/WaveDistortion.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/WaveDistortion/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
 var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
+function isPropDriver(value) {
+  return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+}
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -42,13 +45,13 @@ function ShaderComponent(props) {
     shaderMetadataUpdate: parentMetadataUpdate,
     shaderColorSpace
   } = context;
-  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+  const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
     };
     for (const [key, value] of Object.entries(otherProps)) {
-      if (value !== void 0) {
+      if (value !== void 0 && !isPropDriver(value)) {
         baseProps[key] = value;
       }
     }
@@ -58,6 +61,13 @@ function ShaderComponent(props) {
     ...DEFAULT_TRANSFORM,
     ...props.transform
   }));
+  const mapsFromProps = createMemo(() => {
+    const maps = {};
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (isPropDriver(value)) maps[key] = value;
+    }
+    return Object.keys(maps).length > 0 ? maps : void 0;
+  });
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
@@ -86,6 +96,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
+        maps: mapsFromProps(),
         renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
@@ -144,6 +155,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
+        maps: mapsFromProps(),
         renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };

package/dist/solid/components/WebcamTexture.d.ts

@@ -20,7 +20,7 @@ interface BaseShaderProps {
  * Component-specific props that merge base props with shader-specific props
  * Note: ComponentProps are made optional since they have defaults from the shader definition
  */
-type ShaderComponentProps = BaseShaderProps & Partial<ComponentProps>;
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, never>> & {};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

package/dist/solid/components/WebcamTexture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebcamTexture.d.ts","sourceRoot":"","sources":["../../src/components/WebcamTexture.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAGtF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAmCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAoLlE"}
+{"version":3,"file":"WebcamTexture.d.ts","sourceRoot":"","sources":["../../src/components/WebcamTexture.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAMd,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAGtF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAMD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,GAAG,EACpF,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}

package/dist/solid/components/WebcamTexture.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/WebcamTexture/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
 var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
+function isPropDriver(value) {
+  return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+}
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -42,13 +45,13 @@ function ShaderComponent(props) {
     shaderMetadataUpdate: parentMetadataUpdate,
     shaderColorSpace
   } = context;
-  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+  const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
     };
     for (const [key, value] of Object.entries(otherProps)) {
-      if (value !== void 0) {
+      if (value !== void 0 && !isPropDriver(value)) {
         baseProps[key] = value;
       }
     }
@@ -58,6 +61,13 @@ function ShaderComponent(props) {
     ...DEFAULT_TRANSFORM,
     ...props.transform
   }));
+  const mapsFromProps = createMemo(() => {
+    const maps = {};
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (isPropDriver(value)) maps[key] = value;
+    }
+    return Object.keys(maps).length > 0 ? maps : void 0;
+  });
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
@@ -86,6 +96,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
+        maps: mapsFromProps(),
         renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
@@ -144,6 +155,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
+        maps: mapsFromProps(),
         renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };

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

@@ -1,5 +1,5 @@
 import { JSX } from 'solid-js';
-import { BlendMode, TransformConfig } from '../../core';
+import { BlendMode, PropDriver, TransformConfig } from '../../core';
 import { ComponentProps } from '../../core/shaders/ZoomBlur';
 export type { ComponentProps };
 /**
@@ -20,7 +20,9 @@ interface BaseShaderProps {
  * Component-specific props that merge base props with shader-specific props
  * Note: ComponentProps are made optional since they have defaults from the shader definition
  */
-type ShaderComponentProps = BaseShaderProps & Partial<ComponentProps>;
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, 'intensity'>> & {
+    intensity?: ComponentProps['intensity'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

package/dist/solid/components/ZoomBlur.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoomBlur.d.ts","sourceRoot":"","sources":["../../src/components/ZoomBlur.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGjF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAmCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAoLlE"}
+{"version":3,"file":"ZoomBlur.d.ts","sourceRoot":"","sources":["../../src/components/ZoomBlur.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAKd,KAAK,UAAU,EACf,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGjF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAMD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,GAAG;IACzF,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;CACtD,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}

package/dist/solid/components/ZoomBlur.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/ZoomBlur/index.js";
 import { useShaderContext, ShaderContext } from "../engine/Shader.js";
 var _tmpl$ = /* @__PURE__ */ template(`<span style=display:contents>`);
+function isPropDriver(value) {
+  return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+}
 const DEFAULT_TRANSFORM = {
   offsetX: 0,
   offsetY: 0,
@@ -42,13 +45,13 @@ function ShaderComponent(props) {
     shaderMetadataUpdate: parentMetadataUpdate,
     shaderColorSpace
   } = context;
-  const instanceId = props.id || Math.random().toString(36).substring(2, 10);
+  const instanceId = (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
   const effectiveProps = createMemo(() => {
     let baseProps = {
       ...defaultProps
     };
     for (const [key, value] of Object.entries(otherProps)) {
-      if (value !== void 0) {
+      if (value !== void 0 && !isPropDriver(value)) {
         baseProps[key] = value;
       }
     }
@@ -58,6 +61,13 @@ function ShaderComponent(props) {
     ...DEFAULT_TRANSFORM,
     ...props.transform
   }));
+  const mapsFromProps = createMemo(() => {
+    const maps = {};
+    for (const [key, value] of Object.entries(otherProps)) {
+      if (isPropDriver(value)) maps[key] = value;
+    }
+    return Object.keys(maps).length > 0 ? maps : void 0;
+  });
   let uniformsMap = null;
   const getUniformsMap = () => {
     if (!uniformsMap) {
@@ -86,6 +96,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
+        maps: mapsFromProps(),
         renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };
@@ -144,6 +155,7 @@ function ShaderComponent(props) {
           source: props.maskSource,
           type: props.maskType || "alpha"
         } : void 0,
+        maps: mapsFromProps(),
         renderOrder: props.renderOrder ?? detectedRenderOrder,
         transform: effectiveTransform()
       };

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

@@ -20,7 +20,9 @@ interface BaseShaderProps {
  * Component-specific props that merge base props with shader-specific props
  * Note: ComponentProps are made optional since they have defaults from the shader definition
  */
-type ShaderComponentProps = BaseShaderProps & Partial<ComponentProps>;
+type ShaderComponentProps = BaseShaderProps & Partial<Omit<ComponentProps, __OMIT_TYPE__>> & {
+    __MAPPABLE_PROP_DECLS__: any;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

package/dist/solid/engine/component.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.template.d.ts","sourceRoot":"","sources":["../../src/engine/component.template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAId,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGxF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;AAmCtE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAoLlE"}
+{"version":3,"file":"component.template.d.ts","sourceRoot":"","sources":["../../src/engine/component.template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4D,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC9F,OAAO,EAGH,KAAK,SAAS,EAMd,KAAK,eAAe,EACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGxF,YAAY,EAAE,cAAc,EAAE,CAAC;AAI/B;;GAEG;AACH,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACxC;AAMD;;;GAGG;AACH,KAAK,oBAAoB,GAAG,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,GAAG;IAC7F,uBAAuB,MAAA;CAAC,CAAC;AAmCzB;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}

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;AA24BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,UA4E/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;AAg6BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,UA4E/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -51,7 +51,7 @@ const shaderMetadata = {
     "height": 120,
     "center": {
       "x": 0.5,
-      "y": 0.5
+      "y": 0
     },
     "seed": 0
   },
@@ -143,7 +143,7 @@ const shaderMetadata = {
     "leftColor": "#0000ff",
     "rightColor": "#ffff00",
     "intensity": 1,
-    "radius": 1.5,
+    "radius": 3,
     "momentum": 30
   },
   "ChromaticAberration": {
@@ -205,8 +205,8 @@ const shaderMetadata = {
     "colorShift": 1,
     "scanlineIntensity": 0.3,
     "scanlineFrequency": 200,
-    "brightness": 1.1,
-    "contrast": 1.2,
+    "brightness": 1,
+    "contrast": 1,
     "vignetteIntensity": 1,
     "vignetteRadius": 0.5
   },
@@ -796,6 +796,9 @@ const 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;
@@ -837,6 +840,16 @@ ${indent}  }}`;
         return `${key}={{ ${k}: ${typeof v === "string" ? `"${v}"` : v} }}`;
       }
     }
+    if (isPropMapValue(value)) {
+      const entries = Object.keys(value).map((k) => {
+        const v = value[k];
+        return `${k}: ${typeof v === "string" ? `"${v}"` : v}`;
+      });
+      return `${key}={{
+${indent}    ${entries.join(`,
+${indent}    `)}
+${indent}  }}`;
+    }
     if (typeof value === "string") {
       return `${key}=${JSON.stringify(value)}`;
     } else if (value !== null && typeof value === "object") {
@@ -853,7 +866,7 @@ ${indent}  }}`;
     }
   }).join("\n" + indent + "  ");
 }
-function isIdUsedAsMaskSource(id, allComponents) {
+function isIdReferenced(id, allComponents) {
   const flatComponents = [];
   function flattenComponents(components) {
     for (const component of components) {
@@ -864,19 +877,23 @@ function isIdUsedAsMaskSource(id, allComponents) {
     }
   }
   flattenComponents(allComponents);
-  return flatComponents.some(
-    (component) => {
-      var _a;
-      return ((_a = component.props) == null ? void 0 : _a.maskSource) === id;
+  return flatComponents.some((component) => {
+    var _a;
+    if (((_a = component.props) == null ? void 0 : _a.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) {
-      const isUsedAsMask = isIdUsedAsMaskSource(config.id, preset.components);
+      const isUsedAsMask = isIdReferenced(config.id, preset.components);
       if (isUsedAsMask) {
         idString = `id="${config.id}"`;
       }

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;AA8HD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;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;AAmJD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

package/dist/svelte/components/AngularBlur.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/AngularBlur';
 /**
  * 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/Ascii.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/Ascii';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    spacing?: ComponentProps['spacing'] | PropDriver;
+    gamma?: ComponentProps['gamma'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

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

package/dist/svelte/components/Beam.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/Beam';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    startThickness?: ComponentProps['startThickness'] | PropDriver;
+    endThickness?: ComponentProps['endThickness'] | PropDriver;
+    startSoftness?: ComponentProps['startSoftness'] | PropDriver;
+    endSoftness?: ComponentProps['endSoftness'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

package/dist/svelte/components/Blob.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/Blob';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    softness?: ComponentProps['softness'] | PropDriver;
+    highlightIntensity?: ComponentProps['highlightIntensity'] | PropDriver;
+    speed?: ComponentProps['speed'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

package/dist/svelte/components/Blur.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/Blur';
 /**
  * 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/BrightnessContrast.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/BrightnessContrast';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    brightness?: ComponentProps['brightness'] | PropDriver;
+    contrast?: ComponentProps['contrast'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

package/dist/svelte/components/Bulge.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/Bulge';
 /**
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    strength?: ComponentProps['strength'] | PropDriver;
+    radius?: ComponentProps['radius'] | PropDriver;
+    falloff?: ComponentProps['falloff'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;