shaders 2.3.66 → 2.3.68

package/dist/solid/components/LensFlare.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/LensFlare/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/LinearBlur.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/LinearBlur';
 export type { ComponentProps };
 /**
@@ -20,7 +20,10 @@ 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' | 'angle'>> & {
+    intensity?: ComponentProps['intensity'] | PropDriver;
+    angle?: ComponentProps['angle'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

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

@@ -1 +1 @@
-{"version":3,"file":"LinearBlur.d.ts","sourceRoot":"","sources":["../../src/components/LinearBlur.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,yBAAyB,CAAC;AAGnF,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":"LinearBlur.d.ts","sourceRoot":"","sources":["../../src/components/LinearBlur.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,yBAAyB,CAAC;AAGnF,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,GAAG,OAAO,CAAC,CAAC,GAAG;IACnG,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/LinearBlur.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/LinearBlur/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/LinearGradient.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/LinearGradient';
 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, 'angle'>> & {
+    angle?: ComponentProps['angle'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

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

@@ -1 +1 @@
-{"version":3,"file":"LinearGradient.d.ts","sourceRoot":"","sources":["../../src/components/LinearGradient.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":"LinearGradient.d.ts","sourceRoot":"","sources":["../../src/components/LinearGradient.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,OAAO,CAAC,CAAC,GAAG;IACrF,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/LinearGradient.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/LinearGradient/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/Liquify.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/Liquify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Liquify.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.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,sBAAsB,CAAC;AAGhF,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":"Liquify.d.ts","sourceRoot":"","sources":["../../src/components/Liquify.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,sBAAsB,CAAC;AAGhF,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/Liquify.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/Liquify/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/Mirror.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/Mirror';
 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, 'angle'>> & {
+    angle?: ComponentProps['angle'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

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

@@ -1 +1 @@
-{"version":3,"file":"Mirror.d.ts","sourceRoot":"","sources":["../../src/components/Mirror.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,qBAAqB,CAAC;AAG/E,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":"Mirror.d.ts","sourceRoot":"","sources":["../../src/components/Mirror.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,qBAAqB,CAAC;AAG/E,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,OAAO,CAAC,CAAC,GAAG;IACrF,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/Mirror.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/Mirror/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/Perspective.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/Perspective';
 export type { ComponentProps };
 /**
@@ -20,7 +20,12 @@ 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, 'pan' | 'tilt' | 'fov' | 'zoom'>> & {
+    pan?: ComponentProps['pan'] | PropDriver;
+    tilt?: ComponentProps['tilt'] | PropDriver;
+    fov?: ComponentProps['fov'] | PropDriver;
+    zoom?: ComponentProps['zoom'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

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

@@ -1 +1 @@
-{"version":3,"file":"Perspective.d.ts","sourceRoot":"","sources":["../../src/components/Perspective.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,0BAA0B,CAAC;AAGpF,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":"Perspective.d.ts","sourceRoot":"","sources":["../../src/components/Perspective.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,0BAA0B,CAAC;AAGpF,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,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG;IAC7G,GAAG,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC;IACzC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;IAC3C,GAAG,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC;IACzC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;CAC5C,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}

package/dist/solid/components/Perspective.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/Perspective/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/Pixelate.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/Pixelate';
 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, 'scale'>> & {
+    scale?: ComponentProps['scale'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

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

@@ -1 +1 @@
-{"version":3,"file":"Pixelate.d.ts","sourceRoot":"","sources":["../../src/components/Pixelate.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":"Pixelate.d.ts","sourceRoot":"","sources":["../../src/components/Pixelate.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,OAAO,CAAC,CAAC,GAAG;IACrF,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/Pixelate.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/Pixelate/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/Plasma.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/Plasma';
 export type { ComponentProps };
 /**
@@ -20,7 +20,12 @@ 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, 'density' | 'intensity' | 'contrast' | 'balance'>> & {
+    density?: ComponentProps['density'] | PropDriver;
+    intensity?: ComponentProps['intensity'] | PropDriver;
+    contrast?: ComponentProps['contrast'] | PropDriver;
+    balance?: ComponentProps['balance'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */

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

@@ -1 +1 @@
-{"version":3,"file":"Plasma.d.ts","sourceRoot":"","sources":["../../src/components/Plasma.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,qBAAqB,CAAC;AAG/E,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":"Plasma.d.ts","sourceRoot":"","sources":["../../src/components/Plasma.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,qBAAqB,CAAC;AAG/E,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,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC,GAAG;IAC9H,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC;IACjD,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC;IACrD,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC;CAClD,CAAC;AAmCF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+LlE"}

package/dist/solid/components/Plasma.js

@@ -5,6 +5,9 @@ import { setColorSpaceMode } from "../../core/utilities/transformations/index.js
 import { componentDefinition } from "../../core/shaders/Plasma/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/PolarCoordinates.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/PolarCoordinates';
 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, 'wrap' | 'radius' | 'intensity'>> & {
+    wrap?: ComponentProps['wrap'] | PropDriver;
+    radius?: ComponentProps['radius'] | PropDriver;
+    intensity?: ComponentProps['intensity'] | PropDriver;
+};
 /**
  * The main Solid wrapper component for Shader shader nodes
  */