shaders 2.3.66 → 2.3.68

package/dist/core/shaders/Stripes/index.js

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import "../../colorMixing-D_wMclqL.js";
-import { n as componentDefinition, t as Stripes_default } from "../../Stripes-CTmvjI0U.js";
+import "../../colorMixing-jSm3tbMv.js";
+import { n as componentDefinition, t as Stripes_default } from "../../Stripes-D-fIDK48.js";
 export { componentDefinition, Stripes_default as default };

package/dist/core/shaders/StudioBackground/index.d.ts

@@ -12,7 +12,6 @@ export interface ComponentProps {
     /**
      * Overall ambient light level
      *
-     * Accepts a number between 0 and 100.
      * @default 20
      */
     brightness: number;
@@ -26,14 +25,12 @@ export interface ComponentProps {
     /**
      * Intensity of the key light
      *
-     * Accepts a number between 0 and 100.
      * @default 40
      */
     keyIntensity: number;
     /**
      * How diffuse the key light is
      *
-     * Accepts a number between 0 and 100.
      * @default 50
      */
     keySoftness: number;
@@ -47,21 +44,18 @@ export interface ComponentProps {
     /**
      * Intensity of the fill lights
      *
-     * Accepts a number between 0 and 100.
      * @default 10
      */
     fillIntensity: number;
     /**
      * How diffuse the fill lights are
      *
-     * Accepts a number between 0 and 100.
      * @default 70
      */
     fillSoftness: number;
     /**
      * How far apart the fill lights are from center
      *
-     * Accepts a number between 0 and 100.
      * @default 70
      */
     fillAngle: number;
@@ -75,14 +69,12 @@ export interface ComponentProps {
     /**
      * Intensity of the back wash
      *
-     * Accepts a number between 0 and 100.
      * @default 20
      */
     backIntensity: number;
     /**
      * How diffuse the back wash is
      *
-     * Accepts a number between 0 and 100.
      * @default 80
      */
     backSoftness: number;
@@ -96,28 +88,24 @@ export interface ComponentProps {
     /**
      * How far toward the floor vs wall the spotlights aim
      *
-     * Accepts a number between 0 and 100.
      * @default 100
      */
     lightTarget: number;
     /**
      * How rounded the cove is
      *
-     * Accepts a number between 0 and 100.
      * @default 10
      */
     wallCurvature: number;
     /**
      * Edge darkening
      *
-     * Accepts a number between 0 and 100.
      * @default 0
      */
     vignette: number;
     /**
      * Intensity of drifting ambient lights
      *
-     * Accepts a number between 0 and 100.
      * @default 50
      */
     ambientIntensity: number;

package/dist/core/shaders/StudioBackground/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as StudioBackground_default } from "../../StudioBackground-DXHPEKcb.js";
+import { n as componentDefinition, t as StudioBackground_default } from "../../StudioBackground-BqIq7k14.js";
 export { componentDefinition, StudioBackground_default as default };

package/dist/core/shaders/Swirl/index.d.ts

@@ -25,14 +25,12 @@ export interface ComponentProps {
     /**
      * Level of detail and intricacy in the swirl patterns
      *
-     * Accepts a number between 0 and 5.
      * @default 1
      */
     detail: number;
     /**
      * Skew color balance toward A (lower values) or B (higher values)
      *
-     * Accepts a number between 0 and 100.
      * @default 50
      */
     blend: number;

package/dist/core/shaders/Swirl/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Swirl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAoJnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Swirl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAqJnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/Swirl/index.js

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
-import "../../colorMixing-D_wMclqL.js";
-import { n as componentDefinition, t as Swirl_default } from "../../Swirl-DVaTB8HY.js";
+import "../../colorMixing-jSm3tbMv.js";
+import { n as componentDefinition, t as Swirl_default } from "../../Swirl-C137NvM7.js";
 export { componentDefinition, Swirl_default as default };

package/dist/core/shaders/TiltShift/index.d.ts

@@ -5,28 +5,24 @@ export interface ComponentProps {
     /**
      * Maximum blur intensity at edges
      *
-     * Accepts a number between 0 and 100.
      * @default 50
      */
     intensity: number;
     /**
      * Width of the sharp focus area
      *
-     * Accepts a number between 0 and 1.
      * @default 0.3
      */
     width: number;
     /**
      * Distance over which blur transitions to full strength
      *
-     * Accepts a number between 0 and 1.
      * @default 0.3
      */
     falloff: number;
     /**
      * Rotation angle of the focus line (in degrees)
      *
-     * Accepts a number between 0 and 360.
      * @default 0
      */
     angle: Parameters<typeof transformAngle>[0];

package/dist/core/shaders/TiltShift/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-CMTVpEBO.js";
+import { n as componentDefinition, t as TiltShift_default } from "../../TiltShift-vr8k-bAX.js";
 export { componentDefinition, TiltShift_default as default };

package/dist/core/shaders/Tint/index.d.ts

@@ -12,7 +12,6 @@ export interface ComponentProps {
     /**
      * Tint amount (0 = no tint, 1 = full tint)
      *
-     * Accepts a number between 0 and 1.
      * @default 0.5
      */
     amount: number;

package/dist/core/shaders/Tint/index.js

@@ -1,3 +1,3 @@
 import "../../transformations-B5lM6fYX.js";
-import { n as componentDefinition, t as Tint_default } from "../../Tint-COD37j4D.js";
+import { n as componentDefinition, t as Tint_default } from "../../Tint-Cw39HvaL.js";
 export { componentDefinition, Tint_default as default };

package/dist/core/shaders/Tritone/index.d.ts

@@ -26,7 +26,6 @@ export interface ComponentProps {
     /**
      * Midpoint position between the three colors
      *
-     * Accepts a number between 0 and 1.
      * @default 0.5
      */
     blendMid: number;

package/dist/core/shaders/Tritone/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Tritone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAyC,MAAM,qCAAqC,CAAA;AAI1G,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAkInE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Tritone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,cAAc,EAAyC,MAAM,qCAAqC,CAAA;AAI1G,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5C,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAoInE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/Tritone/index.js

@@ -1,5 +1,5 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import "../../colorMixing-D_wMclqL.js";
-import { n as componentDefinition, t as Tritone_default } from "../../Tritone-BETUi-og.js";
+import "../../colorMixing-jSm3tbMv.js";
+import { n as componentDefinition, t as Tritone_default } from "../../Tritone-NDERRh_N.js";
 export { componentDefinition, Tritone_default as default };

package/dist/core/shaders/Twirl/index.d.ts

@@ -14,7 +14,6 @@ export interface ComponentProps {
     /**
      * The strength of the twirl effect
      *
-     * Accepts a number between -5 and 5.
      * @default 1
      */
     intensity: number;

package/dist/core/shaders/Twirl/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Twirl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAOvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,CAAA;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA2FnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Twirl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAOvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,CAAA;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA4FnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/Twirl/index.js

@@ -1,5 +1,5 @@
-import "../../edges-Bd7GP4s2.js";
+import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-BUlMUymT.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-BFocvCoq.js";
 export { componentDefinition, Twirl_default as default };

package/dist/core/shaders/Vibrance/index.d.ts

@@ -4,7 +4,6 @@ export interface ComponentProps {
     /**
      * The intensity of the vibrance effect
      *
-     * Accepts a number between -2 and 2.
      * @default 0
      */
     intensity: number;

package/dist/core/shaders/Vibrance/index.js

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-CWMwA5S-.js";
+import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-HMvQZ4tL.js";
 export { componentDefinition, Vibrance_default as default };

package/dist/core/shaders/WaveDistortion/index.d.ts

@@ -4,14 +4,12 @@ export interface ComponentProps {
     /**
      * Distortion intensity
      *
-     * Accepts a number between 0 and 1.
      * @default 0.3
      */
     strength: number;
     /**
      * Number of bends/waves
      *
-     * Accepts a number between 0.1 and 10.
      * @default 1
      */
     frequency: number;
@@ -25,7 +23,6 @@ export interface ComponentProps {
     /**
      * Direction of wave distortion in degrees
      *
-     * Accepts a number between 0 and 360.
      * @default 0
      */
     angle: number;

package/dist/core/shaders/WaveDistortion/index.js

@@ -1,6 +1,6 @@
-import "../../edges-Bd7GP4s2.js";
+import "../../edges-CfGcQniB.js";
 import "../../transformations-B5lM6fYX.js";
 import "../../time-BZqyVJXt.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-D8LOc-Dc.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-HrmY6hF5.js";
 export { componentDefinition, WaveDistortion_default as default };

package/dist/core/shaders/ZoomBlur/index.d.ts

@@ -5,7 +5,6 @@ export interface ComponentProps {
     /**
      * Intensity of the zoom blur effect
      *
-     * Accepts a number between 0 and 100.
      * @default 30
      */
     intensity: number;

package/dist/core/shaders/ZoomBlur/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-Byel9eTg.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-BE1vT38D.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-DSCQQerF.js";
 export { componentDefinition, ZoomBlur_default as default };

package/dist/core/types.d.ts

@@ -6,11 +6,68 @@ export type { TransformConfig };
 export interface UniformDefinition {
     uniform: any;
     transform?: (value: any) => any;
+    compileTime?: boolean;
 }
 /**
  * Defines types of masks that can be applied to components
  */
 export type MaskType = 'alpha' | 'alphaInverted' | 'luminance' | 'luminanceInverted';
+/**
+ * Which channel of a source layer to extract as the driving scalar for a prop map
+ */
+export type MapChannel = 'alpha' | 'alphaInverted' | 'luminance' | 'luminanceInverted';
+/**
+ * Configuration for driving a numeric prop from the visual output of another layer.
+ * Pass this directly as a prop value instead of a static number to enable prop mapping.
+ *
+ * @example
+ * // Vue
+ * <DotGrid :dot-size="{ type: 'map', source: 'my-layer', channel: 'alpha', inputMin: 0, inputMax: 1, outputMin: 0, outputMax: 0.8 }" />
+ * // React
+ * <DotGrid dotSize={{ type: 'map', source: 'my-layer', channel: 'alpha', inputMin: 0, inputMax: 1, outputMin: 0, outputMax: 0.8 }} />
+ */
+export interface MapConfig {
+    /**
+     * Discriminant — always 'map'. Identifies this as a PropDriver of type map.
+     */
+    type: 'map';
+    /**
+     * Element ID of the source component whose visual output drives this prop
+     */
+    source: string;
+    /**
+     * Which channel to extract as the driving scalar
+     */
+    channel: MapChannel;
+    /**
+     * Source values at/below this → treated as 0
+     */
+    inputMin: number;
+    /**
+     * Source values at/above this → treated as 1
+     */
+    inputMax: number;
+    /**
+     * Output value when input=0
+     */
+    outputMin: number;
+    /**
+     * Output value when input=1
+     */
+    outputMax: number;
+    /**
+     * Power curve applied after normalisation. Range -1 to +1, default 0 (linear).
+     * Negative values push the response toward outputMin; positive toward outputMax.
+     * Converted to a power exponent via: pow(2, -curve * 2)
+     */
+    curve?: number;
+}
+/**
+ * A discriminated union of all supported prop driver types.
+ * Currently only 'map' is supported; additional types (e.g. 'mouse') will be added here.
+ * Pass a PropDriver as a prop value to drive that prop dynamically instead of using a static number.
+ */
+export type PropDriver = MapConfig;
 /**
  * Mask source configuration
  */
@@ -53,6 +110,12 @@ export interface NodeMetadata {
      * Optional mask configuration
      */
     mask?: MaskConfig;
+    /**
+     * Optional prop map configurations — keyed by prop name
+     * When set, the renderer replaces that prop's static uniform with a live TSL expression
+     * derived from the per-pixel output of the source layer
+     */
+    maps?: Record<string, MapConfig>;
     /**
      * Position among siblings for rendering order (higher renders on top)
      */
@@ -69,7 +132,7 @@ export interface UniformsMap {
 /**
  * UI control types for props
  */
-export type PropUIType = 'text' | 'number' | 'range' | 'color' | 'checkbox' | 'select' | 'position' | 'image-upload' | 'video-upload';
+export type PropUIType = 'text' | 'number' | 'range' | 'color' | 'checkbox' | 'select' | 'position' | 'image-upload' | 'video-upload' | 'map';
 /**
  * Condition for conditional prop visibility
  * Key is the prop name to check, value is the expected value (or array of acceptable values)
@@ -80,9 +143,11 @@ export type PropCondition = Record<string, any | any[]>;
  */
 export interface PropUIConfig {
     /**
-     * The type of UI control to render
+     * The type of UI control to render.
+     * Can be a single type string or an array when multiple modes are supported
+     * (e.g. ['range', 'map'] renders a dual-mode range/map control).
      */
-    type?: PropUIType;
+    type?: PropUIType | PropUIType[];
     /**
      * Minimum value (for number/range inputs)
      */
@@ -121,6 +186,7 @@ export interface PropUIConfig {
 export type PropConfig<T> = {
     default: T;
     transform?: (value: T) => any;
+    compileTime?: boolean;
     description?: string;
     ui?: PropUIConfig;
 };
@@ -266,5 +332,13 @@ export interface ComponentDefinition<T extends ComponentProps = ComponentProps>
      * A function that returns the Three TSL fragment node for this component.
      */
     fragmentNode: (params: FragmentNodeParams) => Node;
+    /**
+     * Optional function returning per-prop custom sample UVs for prop maps.
+     * Shaders with cell-based patterns (e.g. DotGrid, Grid) should implement this
+     * to return a cell-center UV for each mapped prop, preventing per-fragment
+     * variation within a single cell from causing visual clipping artifacts.
+     * Returned TSL nodes are used instead of screenUV when sampling the map texture.
+     */
+    mapSampleUVs?: (uniforms: UniformsMap) => Record<string, any>;
 }
 //# sourceMappingURL=types.d.ts.map

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

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

package/dist/core/utilities/colorMixing.d.ts

@@ -6,9 +6,14 @@ import { Node } from 'three/webgpu';
  * @param colorA - First color (vec4 with RGBA in P3-linear)
  * @param colorB - Second color (vec4 with RGBA in P3-linear)
  * @param t - Interpolation factor (0 = colorA, 1 = colorB)
- * @param colorSpaceMode - Color space mode:
+ * @param colorSpaceMode - Color space mode as a plain JS number (resolved at compile time):
  *   0 = linear RGB, 1 = OKLCh, 2 = OKLAB, 3 = HSL, 4 = HSV, 5 = LCH
  * @returns Mixed color as vec4 in P3-linear
+ *
+ * PERFORMANCE NOTE: colorSpaceMode must be a plain JS number, not a TSL uniform Node.
+ * Passing a Node caused all 6 color space paths to be compiled unconditionally,
+ * adding ~435 TSL nodes per call. Using a JS switch here means only one path
+ * is compiled into the WGSL shader, dramatically reducing node count.
  */
-export declare const mixColors: (colorA: Node, colorB: Node, t: Node, colorSpaceMode: Node) => Node;
+export declare const mixColors: (colorA: Node, colorB: Node, t: Node, colorSpaceMode: number) => Node;
 //# sourceMappingURL=colorMixing.d.ts.map

package/dist/core/utilities/colorMixing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorMixing.d.ts","sourceRoot":"","sources":["../../src/utilities/colorMixing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AAmZtC;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,WACV,IAAI,UACJ,IAAI,KACT,IAAI,kBACS,IAAI,KACrB,IA4FF,CAAA"}
+{"version":3,"file":"colorMixing.d.ts","sourceRoot":"","sources":["../../src/utilities/colorMixing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AAmZtC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,WACV,IAAI,UACJ,IAAI,KACT,IAAI,kBACS,MAAM,KACvB,IA2FF,CAAA"}

package/dist/core/utilities/edges.d.ts

@@ -7,10 +7,10 @@ import { Node, TextureNode } from 'three/webgpu';
  * before the next distortion transforms those UVs further.
  *
  * @param uv The UV coordinates to transform
- * @param edgeModeUniform The edge mode (0=stretch, 1=transparent, 2=mirror, 3=wrap)
+ * @param edgeMode The edge mode (0=stretch, 1=transparent, 2=mirror, 3=wrap)
  * @returns Transformed UV coordinates
  */
-export declare const applyEdgeToUV: (uv: Node, edgeModeUniform: Node) => Node;
+export declare const applyEdgeToUV: (uv: Node, edgeMode: number) => Node;
 /**
  * Applies edge handling to sampled colors based on UV bounds.
  * Supports multiple modes for handling distorted UVs that fall outside the 0-1 range.
@@ -18,8 +18,8 @@ export declare const applyEdgeToUV: (uv: Node, edgeModeUniform: Node) => Node;
  * @param distortedUV The distorted UV coordinates (vec2)
  * @param sampledColor The color sampled with clamped UVs
  * @param childTexture The texture to sample from (needed for mirror/wrap modes). Can be null for non-RTT path.
- * @param edgeModeUniform The edge handling uniform (0 = stretch, 1 = transparent, 2 = mirror, 3 = wrap)
+ * @param edgeMode The edge handling mode (0 = stretch, 1 = transparent, 2 = mirror, 3 = wrap)
  * @returns The final color with edge handling applied
  */
-export declare const applyEdgeHandling: (distortedUV: Node, sampledColor: Node, childTexture: TextureNode | null, edgeModeUniform: Node) => Node;
+export declare const applyEdgeHandling: (distortedUV: Node, sampledColor: Node, childTexture: TextureNode | null, edgeMode: number) => Node;
 //# sourceMappingURL=edges.d.ts.map

package/dist/core/utilities/edges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edges.d.ts","sourceRoot":"","sources":["../../src/utilities/edges.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,WAAW,EAAC,MAAM,cAAc,CAAA;AAE9C;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,OAAQ,IAAI,mBAAmB,IAAI,KAAG,IA6B/D,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,gBACb,IAAI,gBACH,IAAI,gBACJ,WAAW,GAAG,IAAI,mBACf,IAAI,KACtB,IA+CF,CAAA"}
+{"version":3,"file":"edges.d.ts","sourceRoot":"","sources":["../../src/utilities/edges.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,WAAW,EAAC,MAAM,cAAc,CAAA;AAE9C;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,OAAQ,IAAI,YAAY,MAAM,KAAG,IAsB1D,CAAA;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,gBACb,IAAI,gBACH,IAAI,gBACJ,WAAW,GAAG,IAAI,YACtB,MAAM,KACjB,IAgCF,CAAA"}

package/dist/core/utilities/uniforms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uniforms.d.ts","sourceRoot":"","sources":["../../src/utilities/uniforms.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAUhE,wBAAgB,iBAAiB,CAC7B,SAAS,EAAE,mBAAmB,EAC9B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,UAAU,EAAE,MAAM,GACnB,WAAW,CAkDb;AAED,wBAAgB,kBAAkB,CAC9B,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,EAC5B,QAAQ,EAAE,GAAG,GACd,IAAI,CA6BN"}
+{"version":3,"file":"uniforms.d.ts","sourceRoot":"","sources":["../../src/utilities/uniforms.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAUhE,wBAAgB,iBAAiB,CAC7B,SAAS,EAAE,mBAAmB,EAC9B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,UAAU,EAAE,MAAM,GACnB,WAAW,CAmDb;AAED,wBAAgB,kBAAkB,CAC9B,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,EAC5B,QAAQ,EAAE,GAAG,GACd,IAAI,CA6BN"}

package/dist/react/AngularBlur.js

@@ -4,9 +4,12 @@ import { createUniformsMap } from "../core/index.js";
 import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { componentDefinition } from "../core/shaders/AngularBlur/index.js";
 import { jsx } from "react/jsx-runtime";
+function isPropDriver(value) {
+	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+}
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };
-	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
+	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0 && !isPropDriver(value)) baseProps[key] = value;
 	return baseProps;
 }
 var MARKER_STYLE = { display: "contents" };
@@ -36,7 +39,7 @@ const ShaderComponent = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
-		return props.id || Math.random().toString(36).substring(2, 10);
+		return (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps(props, defaultProps);
@@ -70,6 +73,7 @@ const ShaderComponent = (props) => {
 					source: props.maskSource,
 					type: props.maskType || "alpha"
 				} : void 0,
+				maps: mapsFromProps,
 				renderOrder: props.renderOrder ?? detectedOrderRef.current,
 				transform: effectiveTransform
 			};
@@ -100,14 +104,20 @@ const ShaderComponent = (props) => {
 		}
 	}, []);
 	const prevPropsRef = useRef({});
+	const mapsFromProps = useMemo(() => {
+		const maps = {};
+		for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && isPropDriver(value)) maps[key] = value;
+		return Object.keys(maps).length > 0 ? maps : void 0;
+	}, [props]);
 	useEffect(() => {
 		if (!uniformsRef.current) return;
 		try {
 			Object.entries(uniformsRef.current).forEach(([propName, uniformData]) => {
 				if (!uniformData || typeof uniformData !== "object") return;
-				const { uniform, transform } = uniformData;
+				const { uniform } = uniformData;
 				if (uniform?.value !== void 0 && propName in effectiveProps) {
 					const newValue = effectiveProps[propName];
+					if (isPropDriver(newValue)) return;
 					if (newValue !== prevPropsRef.current[propName]) {
 						parentUniformUpdate(instanceId, propName, newValue);
 						prevPropsRef.current[propName] = newValue;
@@ -133,6 +143,7 @@ const ShaderComponent = (props) => {
 					source: props.maskSource,
 					type: props.maskType || "alpha"
 				} : void 0,
+				maps: mapsFromProps,
 				renderOrder: props.renderOrder ?? detectedOrderRef.current,
 				transform: effectiveTransform
 			});
@@ -147,6 +158,7 @@ const ShaderComponent = (props) => {
 		props.maskType,
 		props.renderOrder,
 		props.id,
+		mapsFromProps,
 		effectiveTransform,
 		instanceId,
 		parentMetadataUpdate

package/dist/react/Ascii.js

@@ -4,9 +4,12 @@ import { createUniformsMap } from "../core/index.js";
 import { setColorSpaceMode } from "../core/utilities/transformations/index.js";
 import { jsx } from "react/jsx-runtime";
 import { componentDefinition } from "../core/shaders/Ascii/index.js";
+function isPropDriver(value) {
+	return typeof value === "object" && value !== null && "type" in value && value.type === "map";
+}
 function computeEffectiveProps(props, defaultProps$1) {
 	let baseProps = { ...defaultProps$1 };
-	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0) baseProps[key] = value;
+	for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && value !== void 0 && !isPropDriver(value)) baseProps[key] = value;
 	return baseProps;
 }
 var MARKER_STYLE = { display: "contents" };
@@ -36,7 +39,7 @@ const ShaderComponent = (props) => {
 	if (!context) throw new Error("Shader components must be used inside an <Shader> component or another shader component");
 	const { shaderParentId: parentId, shaderNodeRegister: parentRegister, shaderUniformUpdate: parentUniformUpdate, shaderMetadataUpdate: parentMetadataUpdate, shaderColorSpace } = context;
 	const instanceId = useMemo(() => {
-		return props.id || Math.random().toString(36).substring(2, 10);
+		return (props.id ? props.id.replace(/[^a-zA-Z0-9_]/g, "_") : null) || Math.random().toString(36).substring(2, 10);
 	}, [props.id]);
 	const effectiveProps = useMemo(() => {
 		return computeEffectiveProps(props, defaultProps);
@@ -70,6 +73,7 @@ const ShaderComponent = (props) => {
 					source: props.maskSource,
 					type: props.maskType || "alpha"
 				} : void 0,
+				maps: mapsFromProps,
 				renderOrder: props.renderOrder ?? detectedOrderRef.current,
 				transform: effectiveTransform
 			};
@@ -100,14 +104,20 @@ const ShaderComponent = (props) => {
 		}
 	}, []);
 	const prevPropsRef = useRef({});
+	const mapsFromProps = useMemo(() => {
+		const maps = {};
+		for (const [key, value] of Object.entries(props)) if (key !== "children" && key !== "ref" && isPropDriver(value)) maps[key] = value;
+		return Object.keys(maps).length > 0 ? maps : void 0;
+	}, [props]);
 	useEffect(() => {
 		if (!uniformsRef.current) return;
 		try {
 			Object.entries(uniformsRef.current).forEach(([propName, uniformData]) => {
 				if (!uniformData || typeof uniformData !== "object") return;
-				const { uniform, transform } = uniformData;
+				const { uniform } = uniformData;
 				if (uniform?.value !== void 0 && propName in effectiveProps) {
 					const newValue = effectiveProps[propName];
+					if (isPropDriver(newValue)) return;
 					if (newValue !== prevPropsRef.current[propName]) {
 						parentUniformUpdate(instanceId, propName, newValue);
 						prevPropsRef.current[propName] = newValue;
@@ -133,6 +143,7 @@ const ShaderComponent = (props) => {
 					source: props.maskSource,
 					type: props.maskType || "alpha"
 				} : void 0,
+				maps: mapsFromProps,
 				renderOrder: props.renderOrder ?? detectedOrderRef.current,
 				transform: effectiveTransform
 			});
@@ -147,6 +158,7 @@ const ShaderComponent = (props) => {
 		props.maskType,
 		props.renderOrder,
 		props.id,
+		mapsFromProps,
 		effectiveTransform,
 		instanceId,
 		parentMetadataUpdate