@paper-design/shaders-react 0.0.0-canary.390a3d9

package/dist/shaders/warp.js

@@ -0,0 +1,194 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    Paper Shaders                    *
+ *       https://github.com/paper-design/shaders       *
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+import { memo } from "react";
+import { ShaderMount } from "../shader-mount.js";
+import { colorPropsAreEqual } from "../color-props-are-equal.js";
+import {
+  defaultPatternSizing,
+  getShaderColorFromString,
+  getShaderNoiseTexture,
+  warpFragmentShader,
+  ShaderFitOptions,
+  WarpPatterns
+} from "@paper-design/shaders";
+import { jsx } from "react/jsx-runtime";
+const defaultPreset = {
+  name: "Default",
+  params: {
+    ...defaultPatternSizing,
+    rotation: 0,
+    speed: 1,
+    frame: 0,
+    colors: ["#121212", "#9470ff", "#121212", "#8838ff"],
+    proportion: 0.45,
+    softness: 1,
+    distortion: 0.25,
+    swirl: 0.8,
+    swirlIterations: 10,
+    shapeScale: 0.1,
+    shape: "checks"
+  }
+};
+const presetCauldron = {
+  name: "Cauldron Pot",
+  params: {
+    ...defaultPatternSizing,
+    scale: 0.9,
+    rotation: 160,
+    speed: 10,
+    frame: 0,
+    colors: ["#a7e58b", "#324472", "#0a180d"],
+    proportion: 0.64,
+    softness: 1.5,
+    distortion: 0.2,
+    swirl: 0.86,
+    swirlIterations: 7,
+    shapeScale: 0.6,
+    shape: "edge"
+  }
+};
+const presetInk = {
+  name: "Live Ink",
+  params: {
+    ...defaultPatternSizing,
+    scale: 1.2,
+    rotation: 44,
+    offsetY: -0.3,
+    speed: 2.5,
+    frame: 0,
+    colors: ["#111314", "#9faeab", "#f3fee7", "#f3fee7"],
+    proportion: 0.05,
+    softness: 0,
+    distortion: 0.25,
+    swirl: 0.8,
+    swirlIterations: 10,
+    shapeScale: 0.28,
+    shape: "checks"
+  }
+};
+const presetKelp = {
+  name: "Kelp",
+  params: {
+    ...defaultPatternSizing,
+    scale: 0.8,
+    rotation: 50,
+    speed: 20,
+    frame: 0,
+    colors: ["#dbff8f", "#404f3e", "#091316"],
+    proportion: 0.67,
+    softness: 0,
+    distortion: 0,
+    swirl: 0.2,
+    swirlIterations: 3,
+    shapeScale: 1,
+    shape: "stripes"
+  }
+};
+const presetNectar = {
+  name: "Nectar",
+  params: {
+    ...defaultPatternSizing,
+    scale: 2,
+    offsetY: 0.6,
+    rotation: 0,
+    speed: 4.2,
+    frame: 0,
+    colors: ["#151310", "#d3a86b", "#f0edea"],
+    proportion: 0.24,
+    softness: 1,
+    distortion: 0.21,
+    swirl: 0.57,
+    swirlIterations: 10,
+    shapeScale: 0.75,
+    shape: "edge"
+  }
+};
+const presetPassion = {
+  name: "Passion",
+  params: {
+    ...defaultPatternSizing,
+    scale: 2.5,
+    rotation: 1.35,
+    speed: 3,
+    frame: 0,
+    colors: ["#3b1515", "#954751", "#ffc085"],
+    proportion: 0.5,
+    softness: 1,
+    distortion: 0.09,
+    swirl: 0.9,
+    swirlIterations: 6,
+    shapeScale: 0.25,
+    shape: "checks"
+  }
+};
+const warpPresets = [
+  defaultPreset,
+  presetCauldron,
+  presetInk,
+  presetKelp,
+  presetNectar,
+  presetPassion
+];
+const Warp = memo(function WarpImpl({
+  // Own props
+  speed = defaultPreset.params.speed,
+  frame = defaultPreset.params.frame,
+  colors = defaultPreset.params.colors,
+  proportion = defaultPreset.params.proportion,
+  softness = defaultPreset.params.softness,
+  distortion = defaultPreset.params.distortion,
+  swirl = defaultPreset.params.swirl,
+  swirlIterations = defaultPreset.params.swirlIterations,
+  shapeScale = defaultPreset.params.shapeScale,
+  shape = defaultPreset.params.shape,
+  // Sizing props
+  fit = defaultPreset.params.fit,
+  scale = defaultPreset.params.scale,
+  rotation = defaultPreset.params.rotation,
+  originX = defaultPreset.params.originX,
+  originY = defaultPreset.params.originY,
+  offsetX = defaultPreset.params.offsetX,
+  offsetY = defaultPreset.params.offsetY,
+  worldWidth = defaultPreset.params.worldWidth,
+  worldHeight = defaultPreset.params.worldHeight,
+  ...props
+}) {
+  const uniforms = {
+    // Own uniforms
+    u_colors: colors.map(getShaderColorFromString),
+    u_colorsCount: colors.length,
+    u_proportion: proportion,
+    u_softness: softness,
+    u_distortion: distortion,
+    u_swirl: swirl,
+    u_swirlIterations: swirlIterations,
+    u_shapeScale: shapeScale,
+    u_shape: WarpPatterns[shape],
+    u_noiseTexture: getShaderNoiseTexture(),
+    // Sizing uniforms
+    u_scale: scale,
+    u_rotation: rotation,
+    u_fit: ShaderFitOptions[fit],
+    u_offsetX: offsetX,
+    u_offsetY: offsetY,
+    u_originX: originX,
+    u_originY: originY,
+    u_worldWidth: worldWidth,
+    u_worldHeight: worldHeight
+  };
+  return /* @__PURE__ */ jsx(ShaderMount, { ...props, speed, frame, fragmentShader: warpFragmentShader, uniforms });
+}, colorPropsAreEqual);
+export {
+  Warp,
+  defaultPreset,
+  presetCauldron,
+  presetInk,
+  presetKelp,
+  presetNectar,
+  presetPassion,
+  warpPresets
+};
+//# sourceMappingURL=warp.js.map

package/dist/shaders/warp.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shaders/warp.tsx"],
+  "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount.js';\nimport { colorPropsAreEqual } from '../color-props-are-equal.js';\nimport {\n  defaultPatternSizing,\n  getShaderColorFromString,\n  getShaderNoiseTexture,\n  warpFragmentShader,\n  ShaderFitOptions,\n  type WarpParams,\n  type WarpUniforms,\n  type ShaderPreset,\n  WarpPatterns,\n} from '@paper-design/shaders';\n\nexport interface WarpProps extends ShaderComponentProps, WarpParams {}\n\ntype WarpPreset = ShaderPreset<WarpParams>;\n\nexport const defaultPreset: WarpPreset = {\n  name: 'Default',\n  params: {\n    ...defaultPatternSizing,\n    rotation: 0,\n    speed: 1,\n    frame: 0,\n    colors: ['#121212', '#9470ff', '#121212', '#8838ff'],\n    proportion: 0.45,\n    softness: 1,\n    distortion: 0.25,\n    swirl: 0.8,\n    swirlIterations: 10,\n    shapeScale: 0.1,\n    shape: 'checks',\n  },\n};\n\nexport const presetCauldron: WarpPreset = {\n  name: 'Cauldron Pot',\n  params: {\n    ...defaultPatternSizing,\n    scale: 0.9,\n    rotation: 160,\n    speed: 10,\n    frame: 0,\n    colors: ['#a7e58b', '#324472', '#0a180d'],\n    proportion: 0.64,\n    softness: 1.5,\n    distortion: 0.2,\n    swirl: 0.86,\n    swirlIterations: 7,\n    shapeScale: 0.6,\n    shape: 'edge',\n  },\n};\n\nexport const presetInk: WarpPreset = {\n  name: 'Live Ink',\n  params: {\n    ...defaultPatternSizing,\n    scale: 1.2,\n    rotation: 44,\n    offsetY: -0.3,\n    speed: 2.5,\n    frame: 0,\n    colors: ['#111314', '#9faeab', '#f3fee7', '#f3fee7'],\n    proportion: 0.05,\n    softness: 0,\n    distortion: 0.25,\n    swirl: 0.8,\n    swirlIterations: 10,\n    shapeScale: 0.28,\n    shape: 'checks',\n  },\n};\n\nexport const presetKelp: WarpPreset = {\n  name: 'Kelp',\n  params: {\n    ...defaultPatternSizing,\n    scale: 0.8,\n    rotation: 50,\n    speed: 20,\n    frame: 0,\n    colors: ['#dbff8f', '#404f3e', '#091316'],\n    proportion: 0.67,\n    softness: 0,\n    distortion: 0,\n    swirl: 0.2,\n    swirlIterations: 3,\n    shapeScale: 1,\n    shape: 'stripes',\n  },\n};\n\nexport const presetNectar: WarpPreset = {\n  name: 'Nectar',\n  params: {\n    ...defaultPatternSizing,\n    scale: 2,\n    offsetY: 0.6,\n    rotation: 0,\n    speed: 4.2,\n    frame: 0,\n    colors: ['#151310', '#d3a86b', '#f0edea'],\n    proportion: 0.24,\n    softness: 1,\n    distortion: 0.21,\n    swirl: 0.57,\n    swirlIterations: 10,\n    shapeScale: 0.75,\n    shape: 'edge',\n  },\n};\n\nexport const presetPassion: WarpPreset = {\n  name: 'Passion',\n  params: {\n    ...defaultPatternSizing,\n    scale: 2.5,\n    rotation: 1.35,\n    speed: 3,\n    frame: 0,\n    colors: ['#3b1515', '#954751', '#ffc085'],\n    proportion: 0.5,\n    softness: 1,\n    distortion: 0.09,\n    swirl: 0.9,\n    swirlIterations: 6,\n    shapeScale: 0.25,\n    shape: 'checks',\n  },\n};\n\nexport const warpPresets: WarpPreset[] = [\n  defaultPreset,\n  presetCauldron,\n  presetInk,\n  presetKelp,\n  presetNectar,\n  presetPassion,\n];\n\nexport const Warp: React.FC<WarpProps> = memo(function WarpImpl({\n  // Own props\n  speed = defaultPreset.params.speed,\n  frame = defaultPreset.params.frame,\n  colors = defaultPreset.params.colors,\n  proportion = defaultPreset.params.proportion,\n  softness = defaultPreset.params.softness,\n  distortion = defaultPreset.params.distortion,\n  swirl = defaultPreset.params.swirl,\n  swirlIterations = defaultPreset.params.swirlIterations,\n  shapeScale = defaultPreset.params.shapeScale,\n  shape = defaultPreset.params.shape,\n\n  // Sizing props\n  fit = defaultPreset.params.fit,\n  scale = defaultPreset.params.scale,\n  rotation = defaultPreset.params.rotation,\n  originX = defaultPreset.params.originX,\n  originY = defaultPreset.params.originY,\n  offsetX = defaultPreset.params.offsetX,\n  offsetY = defaultPreset.params.offsetY,\n  worldWidth = defaultPreset.params.worldWidth,\n  worldHeight = defaultPreset.params.worldHeight,\n  ...props\n}: WarpProps) {\n  const uniforms = {\n    // Own uniforms\n    u_colors: colors.map(getShaderColorFromString),\n    u_colorsCount: colors.length,\n    u_proportion: proportion,\n    u_softness: softness,\n    u_distortion: distortion,\n    u_swirl: swirl,\n    u_swirlIterations: swirlIterations,\n    u_shapeScale: shapeScale,\n    u_shape: WarpPatterns[shape],\n    u_noiseTexture: getShaderNoiseTexture(),\n\n    // Sizing uniforms\n    u_scale: scale,\n    u_rotation: rotation,\n    u_fit: ShaderFitOptions[fit],\n    u_offsetX: offsetX,\n    u_offsetY: offsetY,\n    u_originX: originX,\n    u_originY: originY,\n    u_worldWidth: worldWidth,\n    u_worldHeight: worldHeight,\n  } satisfies WarpUniforms;\n\n  return <ShaderMount {...props} speed={speed} frame={frame} fragmentShader={warpFragmentShader} uniforms={uniforms} />;\n}, colorPropsAreEqual);\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/shaders/water.d.ts

@@ -0,0 +1,14 @@
+import { type ShaderComponentProps } from '../shader-mount.js';
+import { type WaterParams, type ImageShaderPreset } from '@paper-design/shaders';
+export interface WaterProps extends ShaderComponentProps, WaterParams {
+    /** @deprecated use `size` instead */
+    effectScale?: number;
+}
+type WaterPreset = ImageShaderPreset<WaterParams>;
+export declare const defaultPreset: WaterPreset;
+export declare const abstractPreset: WaterPreset;
+export declare const streamingPreset: WaterPreset;
+export declare const slowMoPreset: WaterPreset;
+export declare const waterPresets: WaterPreset[];
+export declare const Water: React.FC<WaterProps>;
+export {};

package/dist/shaders/water.js

@@ -0,0 +1,148 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    Paper Shaders                    *
+ *       https://github.com/paper-design/shaders       *
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+import { memo } from "react";
+import { ShaderMount } from "../shader-mount.js";
+import { colorPropsAreEqual } from "../color-props-are-equal.js";
+import {
+  waterFragmentShader,
+  getShaderColorFromString,
+  ShaderFitOptions,
+  defaultObjectSizing
+} from "@paper-design/shaders";
+import { jsx } from "react/jsx-runtime";
+const defaultPreset = {
+  name: "Default",
+  params: {
+    ...defaultObjectSizing,
+    scale: 0.8,
+    speed: 1,
+    frame: 0,
+    colorBack: "#909090",
+    colorHighlight: "#ffffff",
+    highlights: 0.07,
+    layering: 0.5,
+    edges: 0.8,
+    waves: 0.3,
+    caustic: 0.1,
+    size: 1
+  }
+};
+const abstractPreset = {
+  name: "Abstract",
+  params: {
+    ...defaultObjectSizing,
+    fit: "cover",
+    scale: 3,
+    speed: 1,
+    frame: 0,
+    colorBack: "#909090",
+    colorHighlight: "#ffffff",
+    highlights: 0,
+    layering: 0,
+    edges: 1,
+    waves: 1,
+    caustic: 0.4,
+    size: 4
+  }
+};
+const streamingPreset = {
+  name: "Streaming",
+  params: {
+    ...defaultObjectSizing,
+    fit: "contain",
+    scale: 0.4,
+    speed: 2,
+    frame: 0,
+    colorBack: "#909090",
+    colorHighlight: "#ffffff",
+    highlights: 0,
+    layering: 0,
+    edges: 0,
+    waves: 0.5,
+    caustic: 0,
+    size: 3
+  }
+};
+const slowMoPreset = {
+  name: "Slow-mo",
+  params: {
+    ...defaultObjectSizing,
+    fit: "cover",
+    scale: 1,
+    speed: 0.1,
+    frame: 0,
+    colorBack: "#909090",
+    colorHighlight: "#ffffff",
+    highlights: 0.4,
+    layering: 0,
+    edges: 0,
+    waves: 0,
+    caustic: 0.2,
+    size: 2
+  }
+};
+const waterPresets = [defaultPreset, slowMoPreset, abstractPreset, streamingPreset];
+const Water = memo(function WaterImpl({
+  // Own props
+  speed = defaultPreset.params.speed,
+  frame = defaultPreset.params.frame,
+  colorBack = defaultPreset.params.colorBack,
+  colorHighlight = defaultPreset.params.colorHighlight,
+  image = "",
+  highlights = defaultPreset.params.highlights,
+  layering = defaultPreset.params.layering,
+  waves = defaultPreset.params.waves,
+  edges = defaultPreset.params.edges,
+  caustic = defaultPreset.params.caustic,
+  // `effectScale` was deprecated in favor of `size`
+  // (it was a reverse value by mistake, so we took the opportunity to rename the param too)
+  effectScale,
+  size = effectScale === void 0 ? defaultPreset.params.size : 10 / 9 / effectScale - 1 / 9,
+  // Sizing props
+  fit = defaultPreset.params.fit,
+  scale = defaultPreset.params.scale,
+  rotation = defaultPreset.params.rotation,
+  originX = defaultPreset.params.originX,
+  originY = defaultPreset.params.originY,
+  offsetX = defaultPreset.params.offsetX,
+  offsetY = defaultPreset.params.offsetY,
+  worldWidth = defaultPreset.params.worldWidth,
+  worldHeight = defaultPreset.params.worldHeight,
+  ...props
+}) {
+  const uniforms = {
+    // Own uniforms
+    u_image: image,
+    u_colorBack: getShaderColorFromString(colorBack),
+    u_colorHighlight: getShaderColorFromString(colorHighlight),
+    u_highlights: highlights,
+    u_layering: layering,
+    u_waves: waves,
+    u_edges: edges,
+    u_caustic: caustic,
+    u_size: size,
+    // Sizing uniforms
+    u_fit: ShaderFitOptions[fit],
+    u_rotation: rotation,
+    u_scale: scale,
+    u_offsetX: offsetX,
+    u_offsetY: offsetY,
+    u_originX: originX,
+    u_originY: originY,
+    u_worldWidth: worldWidth,
+    u_worldHeight: worldHeight
+  };
+  return /* @__PURE__ */ jsx(ShaderMount, { ...props, speed, frame, fragmentShader: waterFragmentShader, uniforms });
+}, colorPropsAreEqual);
+export {
+  Water,
+  abstractPreset,
+  defaultPreset,
+  slowMoPreset,
+  streamingPreset,
+  waterPresets
+};
+//# sourceMappingURL=water.js.map

package/dist/shaders/water.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shaders/water.tsx"],
+  "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount.js';\nimport { colorPropsAreEqual } from '../color-props-are-equal.js';\nimport {\n  waterFragmentShader,\n  getShaderColorFromString,\n  ShaderFitOptions,\n  type WaterUniforms,\n  type WaterParams,\n  defaultObjectSizing,\n  type ImageShaderPreset,\n} from '@paper-design/shaders';\n\nexport interface WaterProps extends ShaderComponentProps, WaterParams {\n  /** @deprecated use `size` instead */\n  effectScale?: number;\n}\n\ntype WaterPreset = ImageShaderPreset<WaterParams>;\n\nexport const defaultPreset: WaterPreset = {\n  name: 'Default',\n  params: {\n    ...defaultObjectSizing,\n    scale: 0.8,\n    speed: 1,\n    frame: 0,\n    colorBack: '#909090',\n    colorHighlight: '#ffffff',\n    highlights: 0.07,\n    layering: 0.5,\n    edges: 0.8,\n    waves: 0.3,\n    caustic: 0.1,\n    size: 1,\n  },\n};\n\nexport const abstractPreset: WaterPreset = {\n  name: 'Abstract',\n  params: {\n    ...defaultObjectSizing,\n    fit: 'cover',\n    scale: 3,\n    speed: 1,\n    frame: 0,\n    colorBack: '#909090',\n    colorHighlight: '#ffffff',\n    highlights: 0,\n    layering: 0,\n    edges: 1,\n    waves: 1,\n    caustic: 0.4,\n    size: 4,\n  },\n};\n\nexport const streamingPreset: WaterPreset = {\n  name: 'Streaming',\n  params: {\n    ...defaultObjectSizing,\n    fit: 'contain',\n    scale: 0.4,\n    speed: 2,\n    frame: 0,\n    colorBack: '#909090',\n    colorHighlight: '#ffffff',\n    highlights: 0,\n    layering: 0,\n    edges: 0,\n    waves: 0.5,\n    caustic: 0,\n    size: 3,\n  },\n};\n\nexport const slowMoPreset: WaterPreset = {\n  name: 'Slow-mo',\n  params: {\n    ...defaultObjectSizing,\n    fit: 'cover',\n    scale: 1,\n    speed: 0.1,\n    frame: 0,\n    colorBack: '#909090',\n    colorHighlight: '#ffffff',\n    highlights: 0.4,\n    layering: 0,\n    edges: 0,\n    waves: 0,\n    caustic: 0.2,\n    size: 2,\n  },\n};\n\nexport const waterPresets: WaterPreset[] = [defaultPreset, slowMoPreset, abstractPreset, streamingPreset];\n\nexport const Water: React.FC<WaterProps> = memo(function WaterImpl({\n  // Own props\n  speed = defaultPreset.params.speed,\n  frame = defaultPreset.params.frame,\n  colorBack = defaultPreset.params.colorBack,\n  colorHighlight = defaultPreset.params.colorHighlight,\n  image = '',\n  highlights = defaultPreset.params.highlights,\n  layering = defaultPreset.params.layering,\n  waves = defaultPreset.params.waves,\n  edges = defaultPreset.params.edges,\n  caustic = defaultPreset.params.caustic,\n\n  // `effectScale` was deprecated in favor of `size`\n  // (it was a reverse value by mistake, so we took the opportunity to rename the param too)\n  effectScale,\n  size = effectScale === undefined ? defaultPreset.params.size : 10 / 9 / effectScale - 1 / 9,\n\n  // Sizing props\n  fit = defaultPreset.params.fit,\n  scale = defaultPreset.params.scale,\n  rotation = defaultPreset.params.rotation,\n  originX = defaultPreset.params.originX,\n  originY = defaultPreset.params.originY,\n  offsetX = defaultPreset.params.offsetX,\n  offsetY = defaultPreset.params.offsetY,\n  worldWidth = defaultPreset.params.worldWidth,\n  worldHeight = defaultPreset.params.worldHeight,\n  ...props\n}: WaterProps) {\n  const uniforms = {\n    // Own uniforms\n    u_image: image,\n    u_colorBack: getShaderColorFromString(colorBack),\n    u_colorHighlight: getShaderColorFromString(colorHighlight),\n    u_highlights: highlights,\n    u_layering: layering,\n    u_waves: waves,\n    u_edges: edges,\n    u_caustic: caustic,\n    u_size: size,\n\n    // Sizing uniforms\n    u_fit: ShaderFitOptions[fit],\n    u_rotation: rotation,\n    u_scale: scale,\n    u_offsetX: offsetX,\n    u_offsetY: offsetY,\n    u_originX: originX,\n    u_originY: originY,\n    u_worldWidth: worldWidth,\n    u_worldHeight: worldHeight,\n  } satisfies WaterUniforms;\n\n  return (\n    <ShaderMount {...props} speed={speed} frame={frame} fragmentShader={waterFragmentShader} uniforms={uniforms} />\n  );\n}, colorPropsAreEqual);\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/shaders/waves.d.ts

@@ -0,0 +1,12 @@
+import { type ShaderComponentProps } from '../shader-mount.js';
+import { type WavesParams, type ShaderPreset } from '@paper-design/shaders';
+export interface WavesProps extends ShaderComponentProps, WavesParams {
+}
+type WavesPreset = ShaderPreset<WavesParams>;
+export declare const defaultPreset: WavesPreset;
+export declare const groovyPreset: WavesPreset;
+export declare const tangledUpPreset: WavesPreset;
+export declare const waveRidePreset: WavesPreset;
+export declare const wavesPresets: WavesPreset[];
+export declare const Waves: React.FC<WavesProps>;
+export {};

package/dist/shaders/waves.js

@@ -0,0 +1,136 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    Paper Shaders                    *
+ *       https://github.com/paper-design/shaders       *
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+import { memo } from "react";
+import { ShaderMount } from "../shader-mount.js";
+import { colorPropsAreEqual } from "../color-props-are-equal.js";
+import {
+  defaultPatternSizing,
+  getShaderColorFromString,
+  wavesFragmentShader,
+  ShaderFitOptions
+} from "@paper-design/shaders";
+import { jsx } from "react/jsx-runtime";
+const defaultPreset = {
+  name: "Default",
+  params: {
+    ...defaultPatternSizing,
+    scale: 0.6,
+    colorFront: "#ffbb00",
+    colorBack: "#000000",
+    shape: 0,
+    frequency: 0.5,
+    amplitude: 0.5,
+    spacing: 1.2,
+    proportion: 0.1,
+    softness: 0
+  }
+};
+const groovyPreset = {
+  name: "Groovy",
+  params: {
+    ...defaultPatternSizing,
+    scale: 5,
+    rotation: 90,
+    colorFront: "#fcfcee",
+    colorBack: "#ff896b",
+    shape: 3,
+    frequency: 0.2,
+    amplitude: 0.25,
+    spacing: 1.17,
+    proportion: 0.57,
+    softness: 0
+  }
+};
+const tangledUpPreset = {
+  name: "Tangled up",
+  params: {
+    ...defaultPatternSizing,
+    scale: 0.5,
+    rotation: 0,
+    colorFront: "#133a41",
+    colorBack: "#c2d8b6",
+    shape: 2.07,
+    frequency: 0.44,
+    amplitude: 0.57,
+    spacing: 1.05,
+    proportion: 0.75,
+    softness: 0
+  }
+};
+const waveRidePreset = {
+  name: "Ride the wave",
+  params: {
+    ...defaultPatternSizing,
+    scale: 1.7,
+    rotation: 0,
+    colorFront: "#fdffe6",
+    colorBack: "#1f1f1f",
+    shape: 2.25,
+    frequency: 0.2,
+    amplitude: 1,
+    spacing: 1.25,
+    proportion: 1,
+    softness: 0
+  }
+};
+const wavesPresets = [defaultPreset, groovyPreset, tangledUpPreset, waveRidePreset];
+const Waves = memo(function WavesImpl({
+  // Own props
+  colorFront = defaultPreset.params.colorFront,
+  colorBack = defaultPreset.params.colorBack,
+  shape = defaultPreset.params.shape,
+  frequency = defaultPreset.params.frequency,
+  amplitude = defaultPreset.params.amplitude,
+  spacing = defaultPreset.params.spacing,
+  proportion = defaultPreset.params.proportion,
+  softness = defaultPreset.params.softness,
+  // Sizing props
+  fit = defaultPreset.params.fit,
+  scale = defaultPreset.params.scale,
+  rotation = defaultPreset.params.rotation,
+  offsetX = defaultPreset.params.offsetX,
+  offsetY = defaultPreset.params.offsetY,
+  originX = defaultPreset.params.originX,
+  originY = defaultPreset.params.originY,
+  worldWidth = defaultPreset.params.worldWidth,
+  worldHeight = defaultPreset.params.worldHeight,
+  // Other props
+  maxPixelCount = 6016 * 3384,
+  // Higher max resolution for this shader
+  ...props
+}) {
+  const uniforms = {
+    // Own uniforms
+    u_colorFront: getShaderColorFromString(colorFront),
+    u_colorBack: getShaderColorFromString(colorBack),
+    u_shape: shape,
+    u_frequency: frequency,
+    u_amplitude: amplitude,
+    u_spacing: spacing,
+    u_proportion: proportion,
+    u_softness: softness,
+    // Sizing uniforms
+    u_fit: ShaderFitOptions[fit],
+    u_scale: scale,
+    u_rotation: rotation,
+    u_offsetX: offsetX,
+    u_offsetY: offsetY,
+    u_originX: originX,
+    u_originY: originY,
+    u_worldWidth: worldWidth,
+    u_worldHeight: worldHeight
+  };
+  return /* @__PURE__ */ jsx(ShaderMount, { ...props, fragmentShader: wavesFragmentShader, uniforms });
+}, colorPropsAreEqual);
+export {
+  Waves,
+  defaultPreset,
+  groovyPreset,
+  tangledUpPreset,
+  waveRidePreset,
+  wavesPresets
+};
+//# sourceMappingURL=waves.js.map

package/dist/shaders/waves.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shaders/waves.tsx"],
+  "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount.js';\nimport { colorPropsAreEqual } from '../color-props-are-equal.js';\nimport {\n  defaultPatternSizing,\n  getShaderColorFromString,\n  wavesFragmentShader,\n  ShaderFitOptions,\n  type WavesParams,\n  type WavesUniforms,\n  type ShaderPreset,\n} from '@paper-design/shaders';\n\nexport interface WavesProps extends ShaderComponentProps, WavesParams {}\n\ntype WavesPreset = ShaderPreset<WavesParams>;\n\nexport const defaultPreset: WavesPreset = {\n  name: 'Default',\n  params: {\n    ...defaultPatternSizing,\n    scale: 0.6,\n    colorFront: '#ffbb00',\n    colorBack: '#000000',\n    shape: 0,\n    frequency: 0.5,\n    amplitude: 0.5,\n    spacing: 1.2,\n    proportion: 0.1,\n    softness: 0,\n  },\n};\n\nexport const groovyPreset: WavesPreset = {\n  name: 'Groovy',\n  params: {\n    ...defaultPatternSizing,\n    scale: 5,\n    rotation: 90,\n    colorFront: '#fcfcee',\n    colorBack: '#ff896b',\n    shape: 3,\n    frequency: 0.2,\n    amplitude: 0.25,\n    spacing: 1.17,\n    proportion: 0.57,\n    softness: 0,\n  },\n};\n\nexport const tangledUpPreset: WavesPreset = {\n  name: 'Tangled up',\n  params: {\n    ...defaultPatternSizing,\n    scale: 0.5,\n    rotation: 0,\n    colorFront: '#133a41',\n    colorBack: '#c2d8b6',\n    shape: 2.07,\n    frequency: 0.44,\n    amplitude: 0.57,\n    spacing: 1.05,\n    proportion: 0.75,\n    softness: 0,\n  },\n};\n\nexport const waveRidePreset: WavesPreset = {\n  name: 'Ride the wave',\n  params: {\n    ...defaultPatternSizing,\n    scale: 1.7,\n    rotation: 0,\n    colorFront: '#fdffe6',\n    colorBack: '#1f1f1f',\n    shape: 2.25,\n    frequency: 0.2,\n    amplitude: 1,\n    spacing: 1.25,\n    proportion: 1,\n    softness: 0,\n  },\n};\n\nexport const wavesPresets: WavesPreset[] = [defaultPreset, groovyPreset, tangledUpPreset, waveRidePreset];\n\nexport const Waves: React.FC<WavesProps> = memo(function WavesImpl({\n  // Own props\n  colorFront = defaultPreset.params.colorFront,\n  colorBack = defaultPreset.params.colorBack,\n  shape = defaultPreset.params.shape,\n  frequency = defaultPreset.params.frequency,\n  amplitude = defaultPreset.params.amplitude,\n  spacing = defaultPreset.params.spacing,\n  proportion = defaultPreset.params.proportion,\n  softness = defaultPreset.params.softness,\n\n  // Sizing props\n  fit = defaultPreset.params.fit,\n  scale = defaultPreset.params.scale,\n  rotation = defaultPreset.params.rotation,\n  offsetX = defaultPreset.params.offsetX,\n  offsetY = defaultPreset.params.offsetY,\n  originX = defaultPreset.params.originX,\n  originY = defaultPreset.params.originY,\n  worldWidth = defaultPreset.params.worldWidth,\n  worldHeight = defaultPreset.params.worldHeight,\n\n  // Other props\n  maxPixelCount = 6016 * 3384, // Higher max resolution for this shader\n  ...props\n}: WavesProps) {\n  const uniforms = {\n    // Own uniforms\n    u_colorFront: getShaderColorFromString(colorFront),\n    u_colorBack: getShaderColorFromString(colorBack),\n    u_shape: shape,\n    u_frequency: frequency,\n    u_amplitude: amplitude,\n    u_spacing: spacing,\n    u_proportion: proportion,\n    u_softness: softness,\n\n    // Sizing uniforms\n    u_fit: ShaderFitOptions[fit],\n    u_scale: scale,\n    u_rotation: rotation,\n    u_offsetX: offsetX,\n    u_offsetY: offsetY,\n    u_originX: originX,\n    u_originY: originY,\n    u_worldWidth: worldWidth,\n    u_worldHeight: worldHeight,\n  } satisfies WavesUniforms;\n\n  return <ShaderMount {...props} fragmentShader={wavesFragmentShader} uniforms={uniforms} />;\n}, colorPropsAreEqual);\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/suspend.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A cut down version of suspend-react.
+ * When paper-shaders only supports React 19+ we can use the use hook instead.
+ */
+type Tuple<T = any> = [T] | T[];
+type Await<T> = T extends Promise<infer V> ? V : never;
+declare const suspend: <Keys extends Tuple<unknown>, Fn extends (...keys: Keys) => Promise<unknown>>(fn: Fn | Promise<unknown>, keys?: Keys) => Await<ReturnType<Fn>>;
+export { suspend };

package/dist/suspend.js

@@ -0,0 +1,43 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    Paper Shaders                    *
+ *       https://github.com/paper-design/shaders       *
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+const isPromise = (promise) => typeof promise === "object" && typeof promise.then === "function";
+const globalCache = [];
+function shallowEqualArrays(arrA, arrB) {
+  if (arrA === arrB) return true;
+  if (!arrA || !arrB) return false;
+  const len = arrA.length;
+  if (arrB.length !== len) return false;
+  for (let i = 0; i < len; i++) if (arrA[i] !== arrB[i]) return false;
+  return true;
+}
+function query(fn, keys = null) {
+  if (keys === null) keys = [fn];
+  for (const entry2 of globalCache) {
+    if (shallowEqualArrays(keys, entry2.keys)) {
+      if (Object.prototype.hasOwnProperty.call(entry2, "error")) throw entry2.error;
+      if (Object.prototype.hasOwnProperty.call(entry2, "response")) {
+        return entry2.response;
+      }
+      throw entry2.promise;
+    }
+  }
+  const entry = {
+    keys,
+    promise: (
+      // Execute the promise
+      (isPromise(fn) ? fn : fn(...keys)).then((response) => {
+        entry.response = response;
+      }).catch((error) => entry.error = error)
+    )
+  };
+  globalCache.push(entry);
+  throw entry.promise;
+}
+const suspend = (fn, keys) => query(fn, keys);
+export {
+  suspend
+};
+//# sourceMappingURL=suspend.js.map

package/dist/suspend.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/suspend.tsx"],
+  "sourcesContent": ["/**\n * A cut down version of suspend-react.\n * When paper-shaders only supports React 19+ we can use the use hook instead.\n */\n\ntype Tuple<T = any> = [T] | T[];\ntype Await<T> = T extends Promise<infer V> ? V : never;\ntype Cache<Keys extends Tuple<unknown>> = {\n  promise: Promise<unknown>;\n  keys: Keys;\n  error?: any;\n  response?: unknown;\n};\n\nconst isPromise = (promise: any): promise is Promise<unknown> =>\n  typeof promise === 'object' && typeof (promise as Promise<any>).then === 'function';\n\nconst globalCache: Cache<Tuple<unknown>>[] = [];\n\nfunction shallowEqualArrays(arrA: any[], arrB: any[]) {\n  if (arrA === arrB) return true;\n  if (!arrA || !arrB) return false;\n  const len = arrA.length;\n  if (arrB.length !== len) return false;\n  for (let i = 0; i < len; i++) if (arrA[i] !== arrB[i]) return false;\n  return true;\n}\n\nfunction query<Keys extends Tuple<unknown>, Fn extends (...keys: Keys) => Promise<unknown>>(\n  fn: Fn | Promise<unknown>,\n  keys: Keys = null as unknown as Keys\n) {\n  // If no keys were given, the function is the key\n  if (keys === null) keys = [fn] as unknown as Keys;\n\n  for (const entry of globalCache) {\n    // Find a match\n    if (shallowEqualArrays(keys, entry.keys)) {\n      // If an error occurred, throw\n      if (Object.prototype.hasOwnProperty.call(entry, 'error')) throw entry.error;\n      // If a response was successful, return\n      if (Object.prototype.hasOwnProperty.call(entry, 'response')) {\n        return entry.response as Await<ReturnType<Fn>>;\n      }\n      // If the promise is still unresolved, throw\n      throw entry.promise;\n    }\n  }\n\n  // The request is new or has changed.\n  const entry: Cache<Keys> = {\n    keys,\n    promise:\n      // Execute the promise\n      (isPromise(fn) ? fn : fn(...keys))\n        // When it resolves, store its value\n        .then((response) => {\n          entry.response = response;\n        })\n        // Store caught errors, they will be thrown in the render-phase to bubble into an error-bound\n        .catch((error) => (entry.error = error)),\n  };\n  // Register the entry\n  globalCache.push(entry);\n  // And throw the promise, this yields control back to React\n  throw entry.promise;\n}\n\nconst suspend = <Keys extends Tuple<unknown>, Fn extends (...keys: Keys) => Promise<unknown>>(\n  fn: Fn | Promise<unknown>,\n  keys?: Keys\n): Await<ReturnType<Fn>> => query(fn, keys);\n\nexport { suspend };\n"],
+  "mappings": ";;;;;AAcA,MAAM,YAAY,CAAC,YACjB,OAAO,YAAY,YAAY,OAAQ,QAAyB,SAAS;AAE3E,MAAM,cAAuC,CAAC;AAE9C,SAAS,mBAAmB,MAAa,MAAa;AACpD,MAAI,SAAS,KAAM,QAAO;AAC1B,MAAI,CAAC,QAAQ,CAAC,KAAM,QAAO;AAC3B,QAAM,MAAM,KAAK;AACjB,MAAI,KAAK,WAAW,IAAK,QAAO;AAChC,WAAS,IAAI,GAAG,IAAI,KAAK,IAAK,KAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAG,QAAO;AAC9D,SAAO;AACT;AAEA,SAAS,MACP,IACA,OAAa,MACb;AAEA,MAAI,SAAS,KAAM,QAAO,CAAC,EAAE;AAE7B,aAAWA,UAAS,aAAa;AAE/B,QAAI,mBAAmB,MAAMA,OAAM,IAAI,GAAG;AAExC,UAAI,OAAO,UAAU,eAAe,KAAKA,QAAO,OAAO,EAAG,OAAMA,OAAM;AAEtE,UAAI,OAAO,UAAU,eAAe,KAAKA,QAAO,UAAU,GAAG;AAC3D,eAAOA,OAAM;AAAA,MACf;AAEA,YAAMA,OAAM;AAAA,IACd;AAAA,EACF;AAGA,QAAM,QAAqB;AAAA,IACzB;AAAA,IACA;AAAA;AAAA,OAEG,UAAU,EAAE,IAAI,KAAK,GAAG,GAAG,IAAI,GAE7B,KAAK,CAAC,aAAa;AAClB,cAAM,WAAW;AAAA,MACnB,CAAC,EAEA,MAAM,CAAC,UAAW,MAAM,QAAQ,KAAM;AAAA;AAAA,EAC7C;AAEA,cAAY,KAAK,KAAK;AAEtB,QAAM,MAAM;AACd;AAEA,MAAM,UAAU,CACd,IACA,SAC0B,MAAM,IAAI,IAAI;",
+  "names": ["entry"]
+}

package/dist/transparent-pixel.d.ts

@@ -0,0 +1 @@
+export declare const transparentPixel = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";

package/dist/transparent-pixel.js

@@ -0,0 +1,10 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    Paper Shaders                    *
+ *       https://github.com/paper-design/shaders       *
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+const transparentPixel = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
+export {
+  transparentPixel
+};
+//# sourceMappingURL=transparent-pixel.js.map

package/dist/transparent-pixel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/transparent-pixel.ts"],
+  "sourcesContent": ["export const transparentPixel = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';\n"],
+  "mappings": ";;;;;AAAO,MAAM,mBAAmB;",
+  "names": []
+}

package/dist/use-merge-refs.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * Merges an array of refs into a single memoized callback ref or `null`.
+ * @see https://floating-ui.com/docs/react-utils#usemergerefs
+ */
+export declare function useMergeRefs<Instance>(refs: Array<React.Ref<Instance> | undefined>): null | React.Ref<Instance>;