react-native-effects 0.1.0 → 0.3.0

package/lib/module/hooks/useParamsSynchronizable.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { useCallback, useRef } from 'react';
+import { createSynchronizable } from 'react-native-worklets';
+/**
+ * Creates a {@link ParamsSynchronizable} — a 4-float channel written into the
+ * dedicated `u.live` slot of a {@link ShaderView} every frame. It has its own
+ * uniform slot, so it leaves all 8 static `params` untouched.
+ *
+ * The returned `setParamsSynchronizable` runs on the JS thread (call it from gesture or scroll
+ * handlers); the values are read by the off-thread render loop. By convention
+ * the four floats carry `(x, y, active, extra)` for pointer input, or
+ * `(progress, ...)` for scroll-driven effects — but the meaning is up to the
+ * shader consuming `u.live`.
+ *
+ * Pass `initial` to seed the channel's starting value (read once on first
+ * render), so the shader has a sane resting state before the first update —
+ * e.g. `[0.5, 0.5, 0, 0]` to start a pointer at screen center. Defaults to all
+ * zeros.
+ */
+export function useParamsSynchronizable(initial = [0, 0, 0, 0]) {
+  // Lazily create once; `initial` is only a seed, so it is read on first render
+  // and ignored thereafter.
+  const ref = useRef(null);
+  if (ref.current === null) {
+    ref.current = createSynchronizable(Float64Array.of(initial[0], initial[1], initial[2], initial[3]));
+  }
+  const paramsSynchronizable = ref.current;
+  const setParamsSynchronizable = useCallback((x, y, active, extra) => {
+    paramsSynchronizable.setBlocking(() => Float64Array.of(x, y, active, extra));
+  }, [paramsSynchronizable]);
+  return {
+    paramsSynchronizable,
+    setParamsSynchronizable
+  };
+}
+//# sourceMappingURL=useParamsSynchronizable.js.map

package/lib/module/hooks/useParamsSynchronizable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","createSynchronizable","useParamsSynchronizable","initial","ref","current","Float64Array","of","paramsSynchronizable","setParamsSynchronizable","x","y","active","extra","setBlocking"],"sourceRoot":"../../../src","sources":["hooks/useParamsSynchronizable.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SAASC,oBAAoB,QAAQ,uBAAuB;AAG5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CACrCC,OAAkD,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EASjE;EACA;EACA;EACA,MAAMC,GAAG,GAAGJ,MAAM,CAA8B,IAAI,CAAC;EACrD,IAAII,GAAG,CAACC,OAAO,KAAK,IAAI,EAAE;IACxBD,GAAG,CAACC,OAAO,GAAGJ,oBAAoB,CAChCK,YAAY,CAACC,EAAE,CAACJ,OAAO,CAAC,CAAC,CAAC,EAAEA,OAAO,CAAC,CAAC,CAAC,EAAEA,OAAO,CAAC,CAAC,CAAC,EAAEA,OAAO,CAAC,CAAC,CAAC,CAChE,CAAC;EACH;EACA,MAAMK,oBAAoB,GAAGJ,GAAG,CAACC,OAAO;EAExC,MAAMI,uBAAuB,GAAGV,WAAW,CACzC,CAACW,CAAS,EAAEC,CAAS,EAAEC,MAAc,EAAEC,KAAa,KAAK;IACvDL,oBAAoB,CAACM,WAAW,CAAC,MAC/BR,YAAY,CAACC,EAAE,CAACG,CAAC,EAAEC,CAAC,EAAEC,MAAM,EAAEC,KAAK,CACrC,CAAC;EACH,CAAC,EACD,CAACL,oBAAoB,CACvB,CAAC;EAED,OAAO;IAAEA,oBAAoB;IAAEC;EAAwB,CAAC;AAC1D","ignoreList":[]}

package/lib/module/hooks/useWGPUSetup.js

@@ -1,37 +1,45 @@
 "use strict";
 
 import { PixelRatio } from 'react-native';
-import { useCanvasRef } from 'react-native-wgpu';
-import { useEffect, useState } from 'react';
-import { initWebGPU } from "../utils/initWebGPU.js";
+import { useCanvasRef } from 'react-native-webgpu';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { BackgroundRuntime } from "../utils/backgroundRuntime.js";
+import { getSharedGPUDevice } from "../utils/gpuDevice.js";
 export function useWGPUSetup() {
   const canvasRef = useCanvasRef();
   const [resources, setResources] = useState(null);
   const runtime = BackgroundRuntime;
+
+  // Physical-pixel size the surface is currently configured for. Used to drive
+  // resize (and to skip redundant reconfigures when the layout pass reports the
+  // same size).
+  const configuredSizeRef = useRef(null);
   useEffect(() => {
     let cancelled = false;
     (async () => {
-      const adapter = await navigator.gpu.requestAdapter();
-      if (!adapter || cancelled) {
-        return;
-      }
-      const device = await adapter.requestDevice();
-      if (cancelled) {
+      // Shared across every ShaderView — see getSharedGPUDevice. Returns null if
+      // no adapter is available.
+      const device = await getSharedGPUDevice();
+      if (!device || cancelled) {
         return;
       }
       const context = canvasRef.current.getContext('webgpu');
       const canvas = context.canvas;
       const dpr = PixelRatio.get();
-      canvas.width = canvas.width * dpr;
-      canvas.height = canvas.height * dpr;
+      const width = Math.max(1, Math.round(canvas.width * dpr));
+      const height = Math.max(1, Math.round(canvas.height * dpr));
+      canvas.width = width;
+      canvas.height = height;
       const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
       context.configure({
         device,
         format: presentationFormat,
         alphaMode: 'premultiplied'
       });
-      initWebGPU(runtime);
+      configuredSizeRef.current = {
+        width,
+        height
+      };
       if (!cancelled) {
         setResources({
           device,
@@ -42,13 +50,54 @@ export function useWGPUSetup() {
     })();
     return () => {
       cancelled = true;
+      // The device is shared across all ShaderViews and lives for the JS
+      // runtime's lifetime, so it must NOT be destroyed here. This view's own
+      // GPU resources (the uniform buffer) are torn down by the render loop when
+      // it stops; the pipeline/shader modules are released once the loop's
+      // worklet closure is garbage-collected.
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+
+  // Resize the drawing buffer and reconfigure the surface whenever the view's
+  // layout changes (most notably device rotation). Without this the buffer keeps
+  // its original dimensions and the shader renders stretched / wrong-aspect. The
+  // render loop reads `canvas.width/height` each frame, so the resolution uniform
+  // picks up the new size on the next frame. No-op until GPU resources are ready
+  // (initial sizing is handled by the setup effect above).
+  const onCanvasLayout = useCallback(event => {
+    if (!resources) {
+      return;
+    }
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    const dpr = PixelRatio.get();
+    const w = Math.max(1, Math.round(width * dpr));
+    const h = Math.max(1, Math.round(height * dpr));
+    const prev = configuredSizeRef.current;
+    if (prev && prev.width === w && prev.height === h) {
+      return;
+    }
+    const canvas = resources.context.canvas;
+    canvas.width = w;
+    canvas.height = h;
+    resources.context.configure({
+      device: resources.device,
+      format: resources.presentationFormat,
+      alphaMode: 'premultiplied'
+    });
+    configuredSizeRef.current = {
+      width: w,
+      height: h
+    };
+  }, [resources]);
   return {
     canvasRef,
     runtime,
-    resources
+    resources,
+    onCanvasLayout
   };
 }
 //# sourceMappingURL=useWGPUSetup.js.map

package/lib/module/hooks/useWGPUSetup.js.map

@@ -1 +1 @@
-{"version":3,"names":["PixelRatio","useCanvasRef","useEffect","useState","initWebGPU","BackgroundRuntime","useWGPUSetup","canvasRef","resources","setResources","runtime","cancelled","adapter","navigator","gpu","requestAdapter","device","requestDevice","context","current","getContext","canvas","dpr","get","width","height","presentationFormat","getPreferredCanvasFormat","configure","format","alphaMode"],"sourceRoot":"../../../src","sources":["hooks/useWGPUSetup.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SACEC,YAAY,QAGP,mBAAmB;AAC1B,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3C,SAASC,UAAU,QAAQ,wBAAqB;AAChD,SAASC,iBAAiB,QAAQ,+BAA4B;AAc9D,OAAO,SAASC,YAAYA,CAAA,EAAoB;EAC9C,MAAMC,SAAS,GAAGN,YAAY,CAAC,CAAC;EAChC,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAGN,QAAQ,CAAsB,IAAI,CAAC;EACrE,MAAMO,OAAO,GAAGL,iBAAiB;EAEjCH,SAAS,CAAC,MAAM;IACd,IAAIS,SAAS,GAAG,KAAK;IAErB,CAAC,YAAY;MACX,MAAMC,OAAO,GAAG,MAAMC,SAAS,CAACC,GAAG,CAACC,cAAc,CAAC,CAAC;MACpD,IAAI,CAACH,OAAO,IAAID,SAAS,EAAE;QACzB;MACF;MAEA,MAAMK,MAAM,GAAG,MAAMJ,OAAO,CAACK,aAAa,CAAC,CAAC;MAC5C,IAAIN,SAAS,EAAE;QACb;MACF;MAEA,MAAMO,OAAO,GAAGX,SAAS,CAACY,OAAO,CAAEC,UAAU,CAAC,QAAQ,CAAE;MACxD,MAAMC,MAAM,GAAGH,OAAO,CAACG,MAGtB;MACD,MAAMC,GAAG,GAAGtB,UAAU,CAACuB,GAAG,CAAC,CAAC;MAC5BF,MAAM,CAACG,KAAK,GAAGH,MAAM,CAACG,KAAK,GAAGF,GAAG;MACjCD,MAAM,CAACI,MAAM,GAAGJ,MAAM,CAACI,MAAM,GAAGH,GAAG;MAEnC,MAAMI,kBAAkB,GAAGb,SAAS,CAACC,GAAG,CAACa,wBAAwB,CAAC,CAAC;MACnET,OAAO,CAACU,SAAS,CAAC;QAChBZ,MAAM;QACNa,MAAM,EAAEH,kBAAkB;QAC1BI,SAAS,EAAE;MACb,CAAC,CAAC;MAEF1B,UAAU,CAACM,OAAO,CAAC;MAEnB,IAAI,CAACC,SAAS,EAAE;QACdF,YAAY,CAAC;UAAEO,MAAM;UAAEE,OAAO;UAAEQ;QAAmB,CAAC,CAAC;MACvD;IACF,CAAC,EAAE,CAAC;IAEJ,OAAO,MAAM;MACXf,SAAS,GAAG,IAAI;IAClB,CAAC;IACD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEJ,SAAS;IAAEG,OAAO;IAAEF;EAAU,CAAC;AAC1C","ignoreList":[]}
+{"version":3,"names":["PixelRatio","useCanvasRef","useCallback","useEffect","useRef","useState","BackgroundRuntime","getSharedGPUDevice","useWGPUSetup","canvasRef","resources","setResources","runtime","configuredSizeRef","cancelled","device","context","current","getContext","canvas","dpr","get","width","Math","max","round","height","presentationFormat","navigator","gpu","getPreferredCanvasFormat","configure","format","alphaMode","onCanvasLayout","event","nativeEvent","layout","w","h","prev"],"sourceRoot":"../../../src","sources":["hooks/useWGPUSetup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -3,11 +3,13 @@
 import CircularGradient from "./components/CircularGradient.js";
 import LinearGradient from "./components/LinearGradient.js";
 import ShaderView from "./components/ShaderView/index.js";
+import ShaderViewWithPanGesture from "./components/ShaderViewWithPanGesture/index.js";
 import Iridescence from "./components/Iridescence.js";
 import LiquidChrome from "./components/LiquidChrome.js";
 import Silk from "./components/Silk.js";
 import Campfire from "./components/Campfire.js";
 import CalicoSwirl from "./components/CalicoSwirl.js";
 import Aurora from "./components/Aurora.js";
-export { CircularGradient, LinearGradient, ShaderView, Iridescence, LiquidChrome, Silk, Campfire, CalicoSwirl, Aurora };
+import { useParamsSynchronizable } from "./hooks/useParamsSynchronizable.js";
+export { CircularGradient, LinearGradient, ShaderView, ShaderViewWithPanGesture, Iridescence, LiquidChrome, Silk, Campfire, CalicoSwirl, Aurora, useParamsSynchronizable };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["CircularGradient","LinearGradient","ShaderView","Iridescence","LiquidChrome","Silk","Campfire","CalicoSwirl","Aurora"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,gBAAgB,MAAM,kCAA+B;AAC5D,OAAOC,cAAc,MAAM,gCAA6B;AACxD,OAAOC,UAAU,MAAM,kCAAyB;AAChD,OAAOC,WAAW,MAAM,6BAA0B;AAClD,OAAOC,YAAY,MAAM,8BAA2B;AACpD,OAAOC,IAAI,MAAM,sBAAmB;AACpC,OAAOC,QAAQ,MAAM,0BAAuB;AAC5C,OAAOC,WAAW,MAAM,6BAA0B;AAClD,OAAOC,MAAM,MAAM,wBAAqB;AAIxC,SACER,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,WAAW,EACXC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,MAAM","ignoreList":[]}
+{"version":3,"names":["CircularGradient","LinearGradient","ShaderView","ShaderViewWithPanGesture","Iridescence","LiquidChrome","Silk","Campfire","CalicoSwirl","Aurora","useParamsSynchronizable"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,gBAAgB,MAAM,kCAA+B;AAC5D,OAAOC,cAAc,MAAM,gCAA6B;AACxD,OAAOC,UAAU,MAAM,kCAAyB;AAChD,OAAOC,wBAAwB,MAAM,gDAAuC;AAC5E,OAAOC,WAAW,MAAM,6BAA0B;AAClD,OAAOC,YAAY,MAAM,8BAA2B;AACpD,OAAOC,IAAI,MAAM,sBAAmB;AACpC,OAAOC,QAAQ,MAAM,0BAAuB;AAC5C,OAAOC,WAAW,MAAM,6BAA0B;AAClD,OAAOC,MAAM,MAAM,wBAAqB;AACxC,SAASC,uBAAuB,QAAQ,oCAAiC;AASzE,SACEV,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,wBAAwB,EACxBC,WAAW,EACXC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,MAAM,EACNC,uBAAuB","ignoreList":[]}

package/lib/module/shaders/uniforms.js

@@ -1,10 +1,10 @@
 "use strict";
 
-/** 96 bytes = 6 × vec4<f32> */
-export const UNIFORM_BUFFER_SIZE = 96;
+/** 112 bytes = 7 × vec4<f32> */
+export const UNIFORM_BUFFER_SIZE = 112;
 
 /** Number of float32 values in the uniform buffer */
-export const UNIFORM_FLOAT_COUNT = UNIFORM_BUFFER_SIZE / 4; // 24
+export const UNIFORM_FLOAT_COUNT = UNIFORM_BUFFER_SIZE / 4; // 28
 
 export const UNIFORMS_WGSL = /* wgsl */`
 struct Uniforms {
@@ -14,6 +14,7 @@ struct Uniforms {
   color1:     vec4<f32>,  // colors[1] RGBA
   params0:    vec4<f32>,  // params[0..3]
   params1:    vec4<f32>,  // params[4..7]
+  live:       vec4<f32>,  // paramsSynchronizable (touch/scroll/audio); (0,0,0,0) when unused
 };
 @group(0) @binding(0) var<uniform> u: Uniforms;
 `;

package/lib/module/shaders/uniforms.js.map

@@ -1 +1 @@
-{"version":3,"names":["UNIFORM_BUFFER_SIZE","UNIFORM_FLOAT_COUNT","UNIFORMS_WGSL"],"sourceRoot":"../../../src","sources":["shaders/uniforms.ts"],"mappings":";;AAAA;AACA,OAAO,MAAMA,mBAAmB,GAAG,EAAE;;AAErC;AACA,OAAO,MAAMC,mBAAmB,GAAGD,mBAAmB,GAAG,CAAC,CAAC,CAAC;;AAE5D,OAAO,MAAME,aAAa,GAAG,UAAW;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["UNIFORM_BUFFER_SIZE","UNIFORM_FLOAT_COUNT","UNIFORMS_WGSL"],"sourceRoot":"../../../src","sources":["shaders/uniforms.ts"],"mappings":";;AAAA;AACA,OAAO,MAAMA,mBAAmB,GAAG,GAAG;;AAEtC;AACA,OAAO,MAAMC,mBAAmB,GAAGD,mBAAmB,GAAG,CAAC,CAAC,CAAC;;AAE5D,OAAO,MAAME,aAAa,GAAG,UAAW;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/utils/gpuDevice.js

@@ -0,0 +1,38 @@
+"use strict";
+
+let devicePromise = null;
+
+/**
+ * Lazily requests a single GPUDevice shared by every ShaderView.
+ *
+ * Requesting an adapter + device per view is expensive (real GPU/memory cost and
+ * slower init), and a screen that mounts several effects would otherwise spin up
+ * N devices on the one background runtime. The promise is cached for the lifetime
+ * of the JS runtime so every view awaits the same device.
+ *
+ * If the device is ever lost, the cache is cleared so the next ShaderView mount
+ * requests a fresh one instead of awaiting a dead device forever.
+ */
+export function getSharedGPUDevice() {
+  if (devicePromise) {
+    return devicePromise;
+  }
+  const promise = (async () => {
+    const adapter = await navigator.gpu.requestAdapter();
+    if (!adapter) {
+      return null;
+    }
+    const device = await adapter.requestDevice();
+    device.lost?.then(() => {
+      // Only clear if we're still the cached promise, so we don't clobber a
+      // newer device that a later mount may already have requested.
+      if (devicePromise === promise) {
+        devicePromise = null;
+      }
+    });
+    return device;
+  })();
+  devicePromise = promise;
+  return promise;
+}
+//# sourceMappingURL=gpuDevice.js.map

package/lib/module/utils/gpuDevice.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["devicePromise","getSharedGPUDevice","promise","adapter","navigator","gpu","requestAdapter","device","requestDevice","lost","then"],"sourceRoot":"../../../src","sources":["utils/gpuDevice.ts"],"mappings":";;AAAA,IAAIA,aAA+C,GAAG,IAAI;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAA,EAA8B;EAC9D,IAAID,aAAa,EAAE;IACjB,OAAOA,aAAa;EACtB;EAEA,MAAME,OAAO,GAAG,CAAC,YAAY;IAC3B,MAAMC,OAAO,GAAG,MAAMC,SAAS,CAACC,GAAG,CAACC,cAAc,CAAC,CAAC;IACpD,IAAI,CAACH,OAAO,EAAE;MACZ,OAAO,IAAI;IACb;IAEA,MAAMI,MAAM,GAAG,MAAMJ,OAAO,CAACK,aAAa,CAAC,CAAC;IAC5CD,MAAM,CAACE,IAAI,EAAEC,IAAI,CAAC,MAAM;MACtB;MACA;MACA,IAAIV,aAAa,KAAKE,OAAO,EAAE;QAC7BF,aAAa,GAAG,IAAI;MACtB;IACF,CAAC,CAAC;IACF,OAAOO,MAAM;EACf,CAAC,EAAE,CAAC;EAEJP,aAAa,GAAGE,OAAO;EACvB,OAAOA,OAAO;AAChB","ignoreList":[]}

package/lib/typescript/src/components/Aurora.d.ts

@@ -12,6 +12,6 @@ type Props = ViewProps & {
     /** How wavy/turbulent the curtains are. Default: 1.0 */
     waviness?: number;
 };
-export default function Aurora({ color, speed, intensity, layers, waviness, ...viewProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Aurora({ color, speed, intensity, layers, waviness, ...viewProps }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Aurora.d.ts.map

package/lib/typescript/src/components/Aurora.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Aurora.d.ts","sourceRoot":"","sources":["../../../../src/components/Aurora.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAiB,EACjB,KAAW,EACX,SAAe,EACf,MAAY,EACZ,QAAc,EACd,GAAG,SAAS,EACb,EAAE,KAAK,2CAiBP"}
+{"version":3,"file":"Aurora.d.ts","sourceRoot":"","sources":["../../../../src/components/Aurora.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAiB,EACjB,KAAW,EACX,SAAe,EACf,MAAY,EACZ,QAAc,EACd,GAAG,SAAS,EACb,EAAE,KAAK,+BAiBP"}

package/lib/typescript/src/components/CalicoSwirl.d.ts

@@ -8,6 +8,6 @@ type Props = ViewProps & {
     /** Intensity of the effect. Default: 1.0 */
     intensity?: number;
 };
-export default function CalicoSwirl({ color, speed, intensity, ...viewProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function CalicoSwirl({ color, speed, intensity, ...viewProps }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=CalicoSwirl.d.ts.map

package/lib/typescript/src/components/CalicoSwirl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalicoSwirl.d.ts","sourceRoot":"","sources":["../../../../src/components/CalicoSwirl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,kDAAkD;IAClD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAiB,EACjB,KAAW,EACX,SAAe,EACf,GAAG,SAAS,EACb,EAAE,KAAK,2CAcP"}
+{"version":3,"file":"CalicoSwirl.d.ts","sourceRoot":"","sources":["../../../../src/components/CalicoSwirl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,kDAAkD;IAClD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAiB,EACjB,KAAW,EACX,SAAe,EACf,GAAG,SAAS,EACb,EAAE,KAAK,+BAcP"}

package/lib/typescript/src/components/Campfire.d.ts

@@ -12,6 +12,6 @@ type Props = ViewProps & {
     /** Intensity of the smoke. Default: 1.0 */
     smokeIntensity?: number;
 };
-export default function Campfire({ color, speed, sparkSize, fireIntensity, smokeIntensity, ...viewProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Campfire({ color, speed, sparkSize, fireIntensity, smokeIntensity, ...viewProps }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Campfire.d.ts.map

package/lib/typescript/src/components/Campfire.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Campfire.d.ts","sourceRoot":"","sources":["../../../../src/components/Campfire.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAiB,EACjB,KAAW,EACX,SAAe,EACf,aAAmB,EACnB,cAAoB,EACpB,GAAG,SAAS,EACb,EAAE,KAAK,2CAiBP"}
+{"version":3,"file":"Campfire.d.ts","sourceRoot":"","sources":["../../../../src/components/Campfire.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAiB,EACjB,KAAW,EACX,SAAe,EACf,aAAmB,EACnB,cAAoB,EACpB,GAAG,SAAS,EACb,EAAE,KAAK,+BAiBP"}

package/lib/typescript/src/components/CircularGradient.d.ts

@@ -14,6 +14,6 @@ type Props = ViewProps & {
     /** Vertical radius. Default: 0.5 */
     sizeY?: number;
 };
-export default function CircularGradient({ centerColor, edgeColor, centerX, centerY, sizeX, sizeY, ...viewProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function CircularGradient({ centerColor, edgeColor, centerX, centerY, sizeX, sizeY, ...viewProps }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=CircularGradient.d.ts.map

package/lib/typescript/src/components/CircularGradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircularGradient.d.ts","sourceRoot":"","sources":["../../../../src/components/CircularGradient.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,+CAA+C;IAC/C,WAAW,EAAE,UAAU,CAAC;IACxB,kEAAkE;IAClE,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,WAAW,EACX,SAA2B,EAC3B,OAAa,EACb,OAAa,EACb,KAAW,EACX,KAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,2CAmBP"}
+{"version":3,"file":"CircularGradient.d.ts","sourceRoot":"","sources":["../../../../src/components/CircularGradient.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,+CAA+C;IAC/C,WAAW,EAAE,UAAU,CAAC;IACxB,kEAAkE;IAClE,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,WAAW,EACX,SAA2B,EAC3B,OAAa,EACb,OAAa,EACb,KAAW,EACX,KAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,+BAmBP"}

package/lib/typescript/src/components/Iridescence.d.ts

@@ -6,6 +6,6 @@ type Props = ViewProps & {
     /** Animation speed multiplier. Default: 1.0 */
     speed?: number;
 };
-export default function Iridescence({ color, speed, ...viewProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Iridescence({ color, speed, ...viewProps }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Iridescence.d.ts.map

package/lib/typescript/src/components/Iridescence.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Iridescence.d.ts","sourceRoot":"","sources":["../../../../src/components/Iridescence.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,iDAAiD;IACjD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAiB,EACjB,KAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,2CAaP"}
+{"version":3,"file":"Iridescence.d.ts","sourceRoot":"","sources":["../../../../src/components/Iridescence.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,iDAAiD;IACjD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAiB,EACjB,KAAW,EACX,GAAG,SAAS,EACb,EAAE,KAAK,+BAaP"}

package/lib/typescript/src/components/LinearGradient.d.ts

@@ -10,6 +10,6 @@ type Props = ViewProps & {
     /** Rotation speed in degrees/second. 0 = static. Default: 0 */
     speed?: number;
 };
-export default function LinearGradient({ startColor, endColor, angle, speed, ...viewProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function LinearGradient({ startColor, endColor, angle, speed, ...viewProps }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=LinearGradient.d.ts.map

package/lib/typescript/src/components/LinearGradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinearGradient.d.ts","sourceRoot":"","sources":["../../../../src/components/LinearGradient.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,8CAA8C;IAC9C,UAAU,EAAE,UAAU,CAAC;IACvB,4CAA4C;IAC5C,QAAQ,EAAE,UAAU,CAAC;IACrB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,UAAU,EACV,QAAQ,EACR,KAAK,EACL,KAAS,EACT,GAAG,SAAS,EACb,EAAE,KAAK,2CAcP"}
+{"version":3,"file":"LinearGradient.d.ts","sourceRoot":"","sources":["../../../../src/components/LinearGradient.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,8CAA8C;IAC9C,UAAU,EAAE,UAAU,CAAC;IACvB,4CAA4C;IAC5C,QAAQ,EAAE,UAAU,CAAC;IACrB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,UAAU,EACV,QAAQ,EACR,KAAK,EACL,KAAS,EACT,GAAG,SAAS,EACb,EAAE,KAAK,+BAcP"}

package/lib/typescript/src/components/LiquidChrome.d.ts

@@ -12,6 +12,6 @@ type Props = ViewProps & {
     /** Vertical frequency. Default: 3 */
     frequencyY?: number;
 };
-export default function LiquidChrome({ color, speed, amplitude, frequencyX, frequencyY, ...viewProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function LiquidChrome({ color, speed, amplitude, frequencyX, frequencyY, ...viewProps }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=LiquidChrome.d.ts.map

package/lib/typescript/src/components/LiquidChrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiquidChrome.d.ts","sourceRoot":"","sources":["../../../../src/components/LiquidChrome.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,mDAAmD;IACnD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAiB,EACjB,KAAW,EACX,SAAe,EACf,UAAc,EACd,UAAc,EACd,GAAG,SAAS,EACb,EAAE,KAAK,2CAiBP"}
+{"version":3,"file":"LiquidChrome.d.ts","sourceRoot":"","sources":["../../../../src/components/LiquidChrome.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,mDAAmD;IACnD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAiB,EACjB,KAAW,EACX,SAAe,EACf,UAAc,EACd,UAAc,EACd,GAAG,SAAS,EACb,EAAE,KAAK,+BAiBP"}

package/lib/typescript/src/components/ShaderView/index.d.ts

@@ -1,3 +1,3 @@
 import type { ShaderViewProps } from './types';
-export default function ShaderView({ fragmentShader, colors, speed, params, isStatic, style, ...viewProps }: ShaderViewProps): import("react/jsx-runtime").JSX.Element;
+export default function ShaderView({ fragmentShader, colors, speed, params, isStatic, transparent, paramsSynchronizable, style, ...viewProps }: ShaderViewProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ShaderView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ShaderView/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS/C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,cAAc,EACd,MAAW,EACX,KAAW,EACX,MAAW,EACX,QAAgB,EAChB,KAAK,EACL,GAAG,SAAS,EACb,EAAE,eAAe,2CA8LjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ShaderView/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS/C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,cAAc,EACd,MAAW,EACX,KAAW,EACX,MAAW,EACX,QAAgB,EAChB,WAAmB,EACnB,oBAAoB,EACpB,KAAK,EACL,GAAG,SAAS,EACb,EAAE,eAAe,+BAwSjB"}

package/lib/typescript/src/components/ShaderView/types.d.ts

@@ -1,5 +1,17 @@
 import type { ViewProps } from 'react-native';
+import type { Synchronizable } from 'react-native-worklets';
 import type { ColorInput } from '../../utils/colors';
+/**
+ * A 4-float synchronizable whose values are written into the dedicated `u.live`
+ * uniform slot every frame. It has its own slot, so it never collides with the
+ * 8 static `params` (`u.params0`/`u.params1`).
+ *
+ * This is the bridge for live, per-frame input (touch position, scroll
+ * progress, velocity) coming from the JS thread into the off-thread render
+ * loop. Create one with `useParamsSynchronizable` and update it from
+ * gesture/scroll handlers. See `ShaderViewWithPanGesture`.
+ */
+export type ParamsSynchronizable = Synchronizable<Float64Array>;
 export type ShaderViewProps = ViewProps & {
     /** WGSL fragment shader source (must declare the Uniforms struct) */
     fragmentShader: string;
@@ -11,5 +23,13 @@ export type ShaderViewProps = ViewProps & {
     params?: number[];
     /** Render once then stop the RAF loop. Default: false */
     isStatic?: boolean;
+    /** Use transparent background (clear to alpha 0). Default: false */
+    transparent?: boolean;
+    /**
+     * Optional live input. Its 4 floats are written into the dedicated `u.live`
+     * slot every frame — independent of the static `params`. Use for
+     * touch/scroll/audio. Create it with `useParamsSynchronizable`.
+     */
+    paramsSynchronizable?: ParamsSynchronizable;
 };
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ShaderView/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ShaderView/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC,qEAAqE;IACrE,cAAc,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ShaderView/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;GASG;AACH,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG;IACxC,qEAAqE;IACrE,cAAc,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;CAC7C,CAAC"}

package/lib/typescript/src/components/ShaderViewWithPanGesture/index.d.ts

@@ -0,0 +1,35 @@
+import type { ShaderViewProps } from '../ShaderView/types';
+/**
+ * A {@link ShaderView} that feeds touch input into the shader's `u.live`:
+ *
+ *   - `live.x` → pointer X, normalized 0..1 (left → right)
+ *   - `live.y` → pointer Y, normalized 0..1 (bottom → top, matching UV space)
+ *   - `live.z` → 1.0 while touching, 0.0 when released
+ *   - `live.w` → 0.0 (reserved)
+ *
+ * Dragging moves the pointer **relatively** — it pushes from where the pointer
+ * already is rather than jumping under the finger — and a fling lets it glide to
+ * a stop. The position is **remembered**: it stays wherever it ended and is
+ * never reset; only the "touched" flag (`live.z`) toggles on release. A
+ * shader can read `live.xy` as a stable resting position and use `live.z`
+ * purely for touch-driven emphasis, so the effect never snaps back.
+ *
+ * The resting value before the first touch is `[0, 0, 0, 0]` by default; pass
+ * `initialParamsSynchronizable` to seed it — e.g. `[0.5, 0.5, 0, 0]` to start a
+ * pointer at screen center.
+ *
+ * The drag runs as a **worklet on the UI thread** and writes the synchronizable
+ * directly, so pointer updates never hop to the JS thread — matching the rest of
+ * the library, which renders off the JS thread. The render runtime reads the
+ * same synchronizable each frame.
+ */
+export type ShaderViewWithPanGestureProps = Omit<ShaderViewProps, 'paramsSynchronizable'> & {
+    /**
+     * Initial value for the gesture channel (`u.live`) before the first touch.
+     * Defaults to `[0, 0, 0, 0]`. Use e.g. `[0.5, 0.5, 0, 0]` to rest a pointer at
+     * screen center.
+     */
+    initialParamsSynchronizable?: readonly [number, number, number, number];
+};
+export default function ShaderViewWithPanGesture({ style, initialParamsSynchronizable, ...props }: ShaderViewWithPanGestureProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ShaderViewWithPanGesture/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ShaderViewWithPanGesture/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAC9C,eAAe,EACf,sBAAsB,CACvB,GAAG;IACF;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACzE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,KAAK,EACL,2BAA0C,EAC1C,GAAG,KAAK,EACT,EAAE,6BAA6B,+BAuK/B"}

package/lib/typescript/src/components/Silk.d.ts

@@ -12,6 +12,6 @@ type Props = ViewProps & {
     /** Intensity of the noise grain. Default: 1.5 */
     noiseIntensity?: number;
 };
-export default function Silk({ color, speed, scale, rotation, noiseIntensity, ...viewProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Silk({ color, speed, scale, rotation, noiseIntensity, ...viewProps }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Silk.d.ts.map

package/lib/typescript/src/components/Silk.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Silk.d.ts","sourceRoot":"","sources":["../../../../src/components/Silk.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,KAAiB,EACjB,KAAW,EACX,KAAW,EACX,QAAc,EACd,cAAoB,EACpB,GAAG,SAAS,EACb,EAAE,KAAK,2CAiBP"}
+{"version":3,"file":"Silk.d.ts","sourceRoot":"","sources":["../../../../src/components/Silk.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,KAAiB,EACjB,KAAW,EACX,KAAW,EACX,QAAc,EACd,cAAoB,EACpB,GAAG,SAAS,EACb,EAAE,KAAK,+BAiBP"}

package/lib/typescript/src/hooks/useParamsSynchronizable.d.ts

@@ -0,0 +1,22 @@
+import type { ParamsSynchronizable } from '../components/ShaderView/types';
+/**
+ * Creates a {@link ParamsSynchronizable} — a 4-float channel written into the
+ * dedicated `u.live` slot of a {@link ShaderView} every frame. It has its own
+ * uniform slot, so it leaves all 8 static `params` untouched.
+ *
+ * The returned `setParamsSynchronizable` runs on the JS thread (call it from gesture or scroll
+ * handlers); the values are read by the off-thread render loop. By convention
+ * the four floats carry `(x, y, active, extra)` for pointer input, or
+ * `(progress, ...)` for scroll-driven effects — but the meaning is up to the
+ * shader consuming `u.live`.
+ *
+ * Pass `initial` to seed the channel's starting value (read once on first
+ * render), so the shader has a sane resting state before the first update —
+ * e.g. `[0.5, 0.5, 0, 0]` to start a pointer at screen center. Defaults to all
+ * zeros.
+ */
+export declare function useParamsSynchronizable(initial?: readonly [number, number, number, number]): {
+    paramsSynchronizable: ParamsSynchronizable;
+    setParamsSynchronizable: (x: number, y: number, active: number, extra: number) => void;
+};
+//# sourceMappingURL=useParamsSynchronizable.d.ts.map

package/lib/typescript/src/hooks/useParamsSynchronizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParamsSynchronizable.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useParamsSynchronizable.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAE3E;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,GAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAgB,GAChE;IACD,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,uBAAuB,EAAE,CACvB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;CACX,CAqBA"}

package/lib/typescript/src/hooks/useWGPUSetup.d.ts

@@ -1,5 +1,6 @@
-import { type CanvasRef, type RNCanvasContext } from 'react-native-wgpu';
-import type { WorkletRuntime } from 'react-native-worklets';
+import { type LayoutChangeEvent } from 'react-native';
+import { type CanvasRef, type RNCanvasContext } from 'react-native-webgpu';
+import { type WorkletRuntime } from 'react-native-worklets';
 type GPUResources = {
     device: GPUDevice;
     context: RNCanvasContext;
@@ -9,6 +10,8 @@ type WGPUSetupResult = {
     canvasRef: React.RefObject<CanvasRef>;
     runtime: WorkletRuntime;
     resources: GPUResources | null;
+    /** Wire to `<Canvas onLayout>` so the surface resizes on rotation/layout change. */
+    onCanvasLayout: (event: LayoutChangeEvent) => void;
 };
 export declare function useWGPUSetup(): WGPUSetupResult;
 export {};

package/lib/typescript/src/hooks/useWGPUSetup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWGPUSetup.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useWGPUSetup.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,eAAe,EACrB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAI5D,KAAK,YAAY,GAAG;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,eAAe,CAAC;IACzB,kBAAkB,EAAE,gBAAgB,CAAC;CACtC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,EAAE,YAAY,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,wBAAgB,YAAY,IAAI,eAAe,CAiD9C"}
+{"version":3,"file":"useWGPUSetup.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useWGPUSetup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAI5D,KAAK,YAAY,GAAG;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,eAAe,CAAC;IACzB,kBAAkB,EAAE,gBAAgB,CAAC;CACtC,CAAC;AAOF,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/B,oFAAoF;IACpF,cAAc,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACpD,CAAC;AAEF,wBAAgB,YAAY,IAAI,eAAe,CA0F9C"}

package/lib/typescript/src/index.d.ts

@@ -1,12 +1,16 @@
 import CircularGradient from './components/CircularGradient';
 import LinearGradient from './components/LinearGradient';
 import ShaderView from './components/ShaderView';
+import ShaderViewWithPanGesture from './components/ShaderViewWithPanGesture';
 import Iridescence from './components/Iridescence';
 import LiquidChrome from './components/LiquidChrome';
 import Silk from './components/Silk';
 import Campfire from './components/Campfire';
 import CalicoSwirl from './components/CalicoSwirl';
 import Aurora from './components/Aurora';
-export type { ShaderViewProps } from './components/ShaderView/types';
-export { CircularGradient, LinearGradient, ShaderView, Iridescence, LiquidChrome, Silk, Campfire, CalicoSwirl, Aurora, };
+import { useParamsSynchronizable } from './hooks/useParamsSynchronizable';
+export type { ShaderViewProps, ParamsSynchronizable, } from './components/ShaderView/types';
+export type { ShaderViewWithPanGestureProps } from './components/ShaderViewWithPanGesture';
+export type { ColorInput } from './utils/colors';
+export { CircularGradient, LinearGradient, ShaderView, ShaderViewWithPanGesture, Iridescence, LiquidChrome, Silk, Campfire, CalicoSwirl, Aurora, useParamsSynchronizable, };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,YAAY,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,MAAM,GACP,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,wBAAwB,MAAM,uCAAuC,CAAC;AAC7E,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,YAAY,EACV,eAAe,EACf,oBAAoB,GACrB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AAC3F,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,wBAAwB,EACxB,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,MAAM,EACN,uBAAuB,GACxB,CAAC"}

package/lib/typescript/src/shaders/uniforms.d.ts

@@ -1,6 +1,6 @@
-/** 96 bytes = 6 × vec4<f32> */
-export declare const UNIFORM_BUFFER_SIZE = 96;
+/** 112 bytes = 7 × vec4<f32> */
+export declare const UNIFORM_BUFFER_SIZE = 112;
 /** Number of float32 values in the uniform buffer */
 export declare const UNIFORM_FLOAT_COUNT: number;
-export declare const UNIFORMS_WGSL = "\nstruct Uniforms {\n  resolution: vec4<f32>,  // (width, height, aspect, pixelRatio)\n  time:       vec4<f32>,  // (seconds, dt, 0, 0)\n  color0:     vec4<f32>,  // colors[0] RGBA\n  color1:     vec4<f32>,  // colors[1] RGBA\n  params0:    vec4<f32>,  // params[0..3]\n  params1:    vec4<f32>,  // params[4..7]\n};\n@group(0) @binding(0) var<uniform> u: Uniforms;\n";
+export declare const UNIFORMS_WGSL = "\nstruct Uniforms {\n  resolution: vec4<f32>,  // (width, height, aspect, pixelRatio)\n  time:       vec4<f32>,  // (seconds, dt, 0, 0)\n  color0:     vec4<f32>,  // colors[0] RGBA\n  color1:     vec4<f32>,  // colors[1] RGBA\n  params0:    vec4<f32>,  // params[0..3]\n  params1:    vec4<f32>,  // params[4..7]\n  live:       vec4<f32>,  // paramsSynchronizable (touch/scroll/audio); (0,0,0,0) when unused\n};\n@group(0) @binding(0) var<uniform> u: Uniforms;\n";
 //# sourceMappingURL=uniforms.d.ts.map

package/lib/typescript/src/shaders/uniforms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uniforms.d.ts","sourceRoot":"","sources":["../../../../src/shaders/uniforms.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,qDAAqD;AACrD,eAAO,MAAM,mBAAmB,QAA0B,CAAC;AAE3D,eAAO,MAAM,aAAa,mXAUzB,CAAC"}
+{"version":3,"file":"uniforms.d.ts","sourceRoot":"","sources":["../../../../src/shaders/uniforms.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,qDAAqD;AACrD,eAAO,MAAM,mBAAmB,QAA0B,CAAC;AAE3D,eAAO,MAAM,aAAa,kdAWzB,CAAC"}

package/lib/typescript/src/utils/gpuDevice.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Lazily requests a single GPUDevice shared by every ShaderView.
+ *
+ * Requesting an adapter + device per view is expensive (real GPU/memory cost and
+ * slower init), and a screen that mounts several effects would otherwise spin up
+ * N devices on the one background runtime. The promise is cached for the lifetime
+ * of the JS runtime so every view awaits the same device.
+ *
+ * If the device is ever lost, the cache is cleared so the next ShaderView mount
+ * requests a fresh one instead of awaiting a dead device forever.
+ */
+export declare function getSharedGPUDevice(): Promise<GPUDevice | null>;
+//# sourceMappingURL=gpuDevice.d.ts.map

package/lib/typescript/src/utils/gpuDevice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gpuDevice.d.ts","sourceRoot":"","sources":["../../../../src/utils/gpuDevice.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAwB9D"}