react-native-effects 0.0.1 → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["createWorkletRuntime","scheduleOnRuntime","BackgroundRuntime","name","runOnBackground","callback"],"sourceRoot":"../../../src","sources":["utils/backgroundRuntime.ts"],"mappings":";;AAAA,SAASA,oBAAoB,EAAEC,iBAAiB,QAAQ,uBAAuB;AAE/E,OAAO,MAAMC,iBAAiB,GAAGF,oBAAoB,CAAC;EACpDG,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,OAAO,SAASC,eAAeA,CAACC,QAAkC,EAAE;EAClE,SAAS;;EACT,OAAOJ,iBAAiB,CAACC,iBAAiB,EAAEG,QAAQ,CAAC;AACvD","ignoreList":[]}

package/lib/module/utils/colors.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import { NAMED_COLORS } from "../consts.js";
+
+/**
+ * RGBA color values normalized to 0-1 range
+ */
+
+/**
+ * Converts various color formats to RGBA object
+ * @param color - Can be:
+ *   - Hex number (0xff0000)
+ *   - Hex string ("#ff0000" or "ff0000")
+ *   - RGB string ("rgb(255, 0, 0)")
+ *   - RGBA string ("rgba(255, 0, 0, 0.5)")
+ *   - Named color ("red", "blue", "purple", etc.)
+ * @returns RGBA object with normalized values (0-1), alpha defaults to 1.0 for non-rgba formats
+ */
+export function colorToVec4(color) {
+  'worklet';
+
+  // Handle hex number
+  if (typeof color === 'number') {
+    return {
+      r: (color >> 16 & 0xff) / 255,
+      g: (color >> 8 & 0xff) / 255,
+      b: (color & 0xff) / 255,
+      a: 1.0
+    };
+  }
+  if (typeof color === 'string') {
+    const trimmed = color.trim();
+
+    // Handle rgba() format
+    if (trimmed.startsWith('rgba(') && trimmed.endsWith(')')) {
+      const rgbaMatch = trimmed.match(/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*([0-9.]+)\s*\)/);
+      if (!rgbaMatch) {
+        throw new Error(`[react-native-effects] Invalid RGBA format: ${color}. Expected rgba(r, g, b, a).`);
+      }
+      return {
+        r: Math.max(0, Math.min(255, parseInt(rgbaMatch[1], 10))) / 255,
+        g: Math.max(0, Math.min(255, parseInt(rgbaMatch[2], 10))) / 255,
+        b: Math.max(0, Math.min(255, parseInt(rgbaMatch[3], 10))) / 255,
+        a: Math.max(0, Math.min(1, parseFloat(rgbaMatch[4])))
+      };
+    }
+
+    // Handle rgb() format
+    if (trimmed.startsWith('rgb(') && trimmed.endsWith(')')) {
+      const rgbMatch = trimmed.match(/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/);
+      if (!rgbMatch) {
+        throw new Error(`[react-native-effects] Invalid RGB format: ${color}. Expected rgb(r, g, b).`);
+      }
+      return {
+        r: Math.max(0, Math.min(255, parseInt(rgbMatch[1], 10))) / 255,
+        g: Math.max(0, Math.min(255, parseInt(rgbMatch[2], 10))) / 255,
+        b: Math.max(0, Math.min(255, parseInt(rgbMatch[3], 10))) / 255,
+        a: 1.0
+      };
+    }
+    const lowerColor = trimmed.toLowerCase();
+
+    // Handle named colors
+    if (lowerColor in NAMED_COLORS) {
+      const hexValue = NAMED_COLORS[lowerColor];
+      if (hexValue !== undefined) {
+        return {
+          r: (hexValue >> 16 & 0xff) / 255,
+          g: (hexValue >> 8 & 0xff) / 255,
+          b: (hexValue & 0xff) / 255,
+          a: 1.0
+        };
+      }
+    }
+
+    // Handle hex string
+    const hex = trimmed.replace('#', '');
+    if (hex.length !== 6) {
+      throw new Error(`[react-native-effects] Invalid hex color: ${color}. Must be 6 characters.`);
+    }
+    const num = parseInt(hex, 16);
+    if (isNaN(num)) {
+      throw new Error(`[react-native-effects] Invalid hex color: ${color}. Must be valid hexadecimal.`);
+    }
+    return {
+      r: (num >> 16 & 0xff) / 255,
+      g: (num >> 8 & 0xff) / 255,
+      b: (num & 0xff) / 255,
+      a: 1.0
+    };
+  }
+  throw new Error(`[react-native-effects] Invalid color format: ${color}. Expected hex number, hex string, rgb() string, or named color.`);
+}
+//# sourceMappingURL=colors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NAMED_COLORS","colorToVec4","color","r","g","b","a","trimmed","trim","startsWith","endsWith","rgbaMatch","match","Error","Math","max","min","parseInt","parseFloat","rgbMatch","lowerColor","toLowerCase","hexValue","undefined","hex","replace","length","num","isNaN"],"sourceRoot":"../../../src","sources":["utils/colors.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/initWebGPU.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import { scheduleOnRuntime } from 'react-native-worklets';
+
+/**
+ * Installs WebGPU globals on the given worklet runtime.
+ *
+ * Worklet runtimes run on a separate JS context that lacks browser-like globals.
+ * This function captures WebGPU constants and `navigator.gpu` from the RN thread
+ * and injects them into the worklet's `globalThis` so that WebGPU code can run
+ * as if it were in a browser environment.
+ *
+ * @param runtime - The worklet runtime to initialize
+ */
+export function initWebGPU(runtime) {
+  const navigator = globalThis.navigator;
+  const GPUBufferUsage = globalThis.GPUBufferUsage;
+  const GPUColorWrite = globalThis.GPUColorWrite;
+  const GPUMapMode = globalThis.GPUMapMode;
+  const GPUShaderStage = globalThis.GPUShaderStage;
+  const GPUTextureUsage = globalThis.GPUTextureUsage;
+  scheduleOnRuntime(runtime, () => {
+    'worklet';
+
+    if (globalThis.self) {
+      return;
+    }
+    globalThis.self = globalThis;
+    globalThis.navigator = {
+      gpu: navigator.gpu
+    };
+    globalThis.GPUBufferUsage = GPUBufferUsage;
+    globalThis.GPUColorWrite = GPUColorWrite;
+    globalThis.GPUMapMode = GPUMapMode;
+    globalThis.GPUShaderStage = GPUShaderStage;
+    globalThis.GPUTextureUsage = GPUTextureUsage;
+    globalThis.setImmediate = globalThis.requestAnimationFrame;
+  });
+}
+//# sourceMappingURL=initWebGPU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["scheduleOnRuntime","initWebGPU","runtime","navigator","globalThis","GPUBufferUsage","GPUColorWrite","GPUMapMode","GPUShaderStage","GPUTextureUsage","self","gpu","setImmediate","requestAnimationFrame"],"sourceRoot":"../../../src","sources":["utils/initWebGPU.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAA6B,uBAAuB;;AAE9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAACC,OAAuB,EAAE;EAClD,MAAMC,SAAS,GAAGC,UAAU,CAACD,SAAyB;EACtD,MAAME,cAAc,GAAGD,UAAU,CAACC,cAAc;EAChD,MAAMC,aAAa,GAAGF,UAAU,CAACE,aAAa;EAC9C,MAAMC,UAAU,GAAGH,UAAU,CAACG,UAAU;EACxC,MAAMC,cAAc,GAAGJ,UAAU,CAACI,cAAc;EAChD,MAAMC,eAAe,GAAGL,UAAU,CAACK,eAAe;EAElDT,iBAAiB,CAACE,OAAO,EAAE,MAAM;IAC/B,SAAS;;IAET,IAAIE,UAAU,CAACM,IAAI,EAAE;MACnB;IACF;IACAN,UAAU,CAACM,IAAI,GAAGN,UAAU;IAC5BA,UAAU,CAACD,SAAS,GAAG;MAAEQ,GAAG,EAAER,SAAS,CAACQ;IAAI,CAAyB;IACrEP,UAAU,CAACC,cAAc,GAAGA,cAAc;IAC1CD,UAAU,CAACE,aAAa,GAAGA,aAAa;IACxCF,UAAU,CAACG,UAAU,GAAGA,UAAU;IAClCH,UAAU,CAACI,cAAc,GAAGA,cAAc;IAC1CJ,UAAU,CAACK,eAAe,GAAGA,eAAe;IAC5CL,UAAU,CAACQ,YAAY,GACrBR,UAAU,CAACS,qBAA4C;EAC3D,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

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

@@ -0,0 +1,17 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../utils/colors';
+type Props = ViewProps & {
+    /** Base tint color for the aurora effect. */
+    color?: ColorInput;
+    /** Animation speed multiplier. Default: 1.0 */
+    speed?: number;
+    /** Brightness of the aurora bands. Default: 1.0 */
+    intensity?: number;
+    /** Number of aurora curtain layers (1-5). Default: 3 */
+    layers?: number;
+    /** 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 {};
+//# sourceMappingURL=Aurora.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../utils/colors';
+type Props = ViewProps & {
+    /** The color tint for the calico swirl effect. */
+    color?: ColorInput;
+    /** Animation speed multiplier. Default: 1.0 */
+    speed?: number;
+    /** 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 {};
+//# sourceMappingURL=CalicoSwirl.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,17 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../utils/colors';
+type Props = ViewProps & {
+    /** The color tint for the fire effect. */
+    color?: ColorInput;
+    /** Animation speed multiplier. Default: 1.0 */
+    speed?: number;
+    /** Size of the sparks. Default: 1.0 */
+    sparkSize?: number;
+    /** Intensity of the fire. Default: 1.0 */
+    fireIntensity?: number;
+    /** 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 {};
+//# sourceMappingURL=Campfire.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,19 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../utils/colors';
+type Props = ViewProps & {
+    /** The color at the center of the gradient. */
+    centerColor: ColorInput;
+    /** The color at the edge of the gradient. Default: transparent */
+    edgeColor?: ColorInput;
+    /** Horizontal center position (0-1). Default: 0.5 */
+    centerX?: number;
+    /** Vertical center position (0-1). Default: 0.5 */
+    centerY?: number;
+    /** Horizontal radius. Default: 0.5 */
+    sizeX?: number;
+    /** 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 {};
+//# sourceMappingURL=CircularGradient.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,11 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../utils/colors';
+type Props = ViewProps & {
+    /** The color tint for the iridescence effect. */
+    color?: ColorInput;
+    /** Animation speed multiplier. Default: 1.0 */
+    speed?: number;
+};
+export default function Iridescence({ color, speed, ...viewProps }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Iridescence.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,15 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../utils/colors';
+type Props = ViewProps & {
+    /** The color of the start of the gradient. */
+    startColor: ColorInput;
+    /** The color of the end of the gradient. */
+    endColor: ColorInput;
+    /** The angle of the gradient in degrees (0-360). */
+    angle: number;
+    /** 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 {};
+//# sourceMappingURL=LinearGradient.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,17 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../utils/colors';
+type Props = ViewProps & {
+    /** The base color for the liquid chrome effect. */
+    color?: ColorInput;
+    /** Animation speed multiplier. Default: 0.2 */
+    speed?: number;
+    /** Amplitude of the distortion. Default: 0.3 */
+    amplitude?: number;
+    /** Horizontal frequency. Default: 3 */
+    frequencyX?: number;
+    /** Vertical frequency. Default: 3 */
+    frequencyY?: number;
+};
+export default function LiquidChrome({ color, speed, amplitude, frequencyX, frequencyY, ...viewProps }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LiquidChrome.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,15 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../../utils/colors';
+export type ShaderViewProps = ViewProps & {
+    /** WGSL fragment shader source (must declare the Uniforms struct) */
+    fragmentShader: string;
+    /** Array of colors mapped to u.color0, u.color1 (max 2). Default: [] */
+    colors?: ColorInput[];
+    /** Time multiplier — controls animation speed. Default: 1.0 */
+    speed?: number;
+    /** Up to 8 shader-specific floats mapped to u.params0.xyzw and u.params1.xyzw */
+    params?: number[];
+    /** Render once then stop the RAF loop. Default: false */
+    isStatic?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,17 @@
+import type { ViewProps } from 'react-native';
+import type { ColorInput } from '../utils/colors';
+type Props = ViewProps & {
+    /** The base color for the silk effect. */
+    color?: ColorInput;
+    /** Animation speed multiplier. Default: 1.0 */
+    speed?: number;
+    /** Scale of the pattern. Default: 1.0 */
+    scale?: number;
+    /** Rotation angle in radians. Default: 0.0 */
+    rotation?: number;
+    /** 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 {};
+//# sourceMappingURL=Silk.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export declare const NAMED_COLORS: Record<string, number>;
+//# sourceMappingURL=consts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAuJ/C,CAAC"}

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

@@ -0,0 +1,3 @@
+import { type SharedValue } from 'react-native-reanimated';
+export declare function useClock(): SharedValue<number>;
+//# sourceMappingURL=useClock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClock.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useClock.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AAEjC,wBAAgB,QAAQ,IAAI,WAAW,CAAC,MAAM,CAAC,CAW9C"}

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

@@ -0,0 +1,15 @@
+import { type CanvasRef, type RNCanvasContext } from 'react-native-wgpu';
+import type { WorkletRuntime } from 'react-native-worklets';
+type GPUResources = {
+    device: GPUDevice;
+    context: RNCanvasContext;
+    presentationFormat: GPUTextureFormat;
+};
+type WGPUSetupResult = {
+    canvasRef: React.RefObject<CanvasRef>;
+    runtime: WorkletRuntime;
+    resources: GPUResources | null;
+};
+export declare function useWGPUSetup(): WGPUSetupResult;
+export {};
+//# sourceMappingURL=useWGPUSetup.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,12 @@
+import CircularGradient from './components/CircularGradient';
+import LinearGradient from './components/LinearGradient';
+import ShaderView from './components/ShaderView';
+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, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export declare const TRIANGLE_VERTEX_SHADER = "\n  struct VSOut { \n    @builtin(position) pos: vec4<f32>,\n    @location(0) ndc: vec2<f32>,\n  };\n  \n  @vertex \n  fn main(@builtin(vertex_index) vid: u32) -> VSOut {\n    var p = array<vec2<f32>,3>(\n      vec2<f32>(-1.0,-3.0), vec2<f32>(-1.0,1.0), vec2<f32>(3.0,1.0)\n    );\n    var o: VSOut;\n    o.pos = vec4<f32>(p[vid], 0, 1.0);\n    o.ndc = p[vid];\n    return o;\n  }\n";
+//# sourceMappingURL=TRIANGLE_VERTEX_SHADER.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TRIANGLE_VERTEX_SHADER.d.ts","sourceRoot":"","sources":["../../../../src/shaders/TRIANGLE_VERTEX_SHADER.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,mYAgBlC,CAAC"}

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

@@ -0,0 +1,6 @@
+/** 96 bytes = 6 × vec4<f32> */
+export declare const UNIFORM_BUFFER_SIZE = 96;
+/** 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";
+//# sourceMappingURL=uniforms.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+export declare const BackgroundRuntime: import("react-native-worklets").WorkletRuntime;
+export declare function runOnBackground(callback: (...args: any[]) => void): void;
+//# sourceMappingURL=backgroundRuntime.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backgroundRuntime.d.ts","sourceRoot":"","sources":["../../../../src/utils/backgroundRuntime.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,gDAE5B,CAAC;AAEH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,QAGjE"}

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

@@ -0,0 +1,22 @@
+export type ColorInput = number | string;
+/**
+ * RGBA color values normalized to 0-1 range
+ */
+export type RGBA = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+/**
+ * Converts various color formats to RGBA object
+ * @param color - Can be:
+ *   - Hex number (0xff0000)
+ *   - Hex string ("#ff0000" or "ff0000")
+ *   - RGB string ("rgb(255, 0, 0)")
+ *   - RGBA string ("rgba(255, 0, 0, 0.5)")
+ *   - Named color ("red", "blue", "purple", etc.)
+ * @returns RGBA object with normalized values (0-1), alpha defaults to 1.0 for non-rgba formats
+ */
+export declare function colorToVec4(color: ColorInput): RGBA;
+//# sourceMappingURL=colors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/utils/colors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,IAAI,GAAG;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CA4FnD"}

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

@@ -0,0 +1,23 @@
+import { type WorkletRuntime } from 'react-native-worklets';
+/**
+ * Installs WebGPU globals on the given worklet runtime.
+ *
+ * Worklet runtimes run on a separate JS context that lacks browser-like globals.
+ * This function captures WebGPU constants and `navigator.gpu` from the RN thread
+ * and injects them into the worklet's `globalThis` so that WebGPU code can run
+ * as if it were in a browser environment.
+ *
+ * @param runtime - The worklet runtime to initialize
+ */
+export declare function initWebGPU(runtime: WorkletRuntime): void;
+declare global {
+    var self: typeof globalThis;
+    var _WORKLET: boolean | undefined;
+    var performance: {
+        now(): number;
+    };
+    interface Navigator {
+        gpu: GPU;
+    }
+}
+//# sourceMappingURL=initWebGPU.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"initWebGPU.d.ts","sourceRoot":"","sources":["../../../../src/utils/initWebGPU.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE/E;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,cAAc,QAwBjD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,IAAI,EAAE,OAAO,UAAU,CAAC;IAC5B,IAAI,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,IAAI,WAAW,EAAE;QAAE,GAAG,IAAI,MAAM,CAAA;KAAE,CAAC;IAEnC,UAAU,SAAS;QACjB,GAAG,EAAE,GAAG,CAAC;KACV;CACF"}