@paper-design/shaders-react 0.0.0-canary.156ab35

package/dist/shaders/smoke-ring.js

@@ -0,0 +1,137 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    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 {
+  defaultObjectSizing,
+  getShaderColorFromString,
+  getShaderNoiseTexture,
+  smokeRingFragmentShader,
+  ShaderFitOptions
+} from "@paper-design/shaders";
+import { jsx } from "react/jsx-runtime";
+const defaultPreset = {
+  name: "Default",
+  params: {
+    ...defaultObjectSizing,
+    speed: 0.5,
+    frame: 0,
+    colorBack: "#000000",
+    colors: ["#ffffff"],
+    noiseScale: 3,
+    noiseIterations: 8,
+    radius: 0.25,
+    thickness: 0.65,
+    innerShape: 0.7,
+    scale: 0.8
+  }
+};
+const solarPreset = {
+  name: "Solar",
+  params: {
+    ...defaultObjectSizing,
+    speed: 1,
+    frame: 0,
+    colorBack: "#000000",
+    colors: ["#ffffff", "#ffca0a", "#fc6203", "#fc620366"],
+    noiseScale: 2,
+    noiseIterations: 3,
+    radius: 0.4,
+    thickness: 0.8,
+    innerShape: 4,
+    scale: 2,
+    offsetY: 1
+  }
+};
+const linePreset = {
+  name: "Line",
+  params: {
+    ...defaultObjectSizing,
+    frame: 0,
+    colorBack: "#000000",
+    colors: ["#4540a4", "#1fe8ff"],
+    noiseScale: 1.1,
+    noiseIterations: 2,
+    radius: 0.38,
+    thickness: 0.01,
+    innerShape: 0.88,
+    speed: 4
+  }
+};
+const cloudPreset = {
+  name: "Cloud",
+  params: {
+    ...defaultObjectSizing,
+    frame: 0,
+    colorBack: "#81ADEC",
+    colors: ["#ffffff"],
+    noiseScale: 3,
+    noiseIterations: 10,
+    radius: 0.5,
+    thickness: 0.65,
+    innerShape: 0.85,
+    speed: 0.5,
+    scale: 2.5
+  }
+};
+const smokeRingPresets = [defaultPreset, linePreset, solarPreset, cloudPreset];
+const SmokeRing = memo(function SmokeRingImpl({
+  // Own props
+  speed = defaultPreset.params.speed,
+  frame = defaultPreset.params.frame,
+  colorBack = defaultPreset.params.colorBack,
+  colors = defaultPreset.params.colors,
+  noiseScale = defaultPreset.params.noiseScale,
+  thickness = defaultPreset.params.thickness,
+  radius = defaultPreset.params.radius,
+  innerShape = defaultPreset.params.innerShape,
+  noiseIterations = defaultPreset.params.noiseIterations,
+  // 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_colorBack: getShaderColorFromString(colorBack),
+    u_colors: colors.map(getShaderColorFromString),
+    u_colorsCount: colors.length,
+    u_noiseScale: noiseScale,
+    u_thickness: thickness,
+    u_radius: radius,
+    u_innerShape: innerShape,
+    u_noiseIterations: noiseIterations,
+    u_noiseTexture: getShaderNoiseTexture(),
+    // 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, speed, frame, fragmentShader: smokeRingFragmentShader, uniforms });
+}, colorPropsAreEqual);
+export {
+  SmokeRing,
+  cloudPreset,
+  defaultPreset,
+  linePreset,
+  smokeRingPresets,
+  solarPreset
+};
+//# sourceMappingURL=smoke-ring.js.map

package/dist/shaders/smoke-ring.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shaders/smoke-ring.tsx"],
+  "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount.js';\nimport { colorPropsAreEqual } from '../color-props-are-equal.js';\nimport {\n  defaultObjectSizing,\n  getShaderColorFromString,\n  getShaderNoiseTexture,\n  smokeRingFragmentShader,\n  ShaderFitOptions,\n  type ShaderPreset,\n  type SmokeRingParams,\n  type SmokeRingUniforms,\n} from '@paper-design/shaders';\n\nexport interface SmokeRingProps extends ShaderComponentProps, SmokeRingParams {}\n\ntype SmokeRingPreset = ShaderPreset<SmokeRingParams>;\n\nexport const defaultPreset: SmokeRingPreset = {\n  name: 'Default',\n  params: {\n    ...defaultObjectSizing,\n    speed: 0.5,\n    frame: 0,\n    colorBack: '#000000',\n    colors: ['#ffffff'],\n    noiseScale: 3,\n    noiseIterations: 8,\n    radius: 0.25,\n    thickness: 0.65,\n    innerShape: 0.7,\n    scale: 0.8,\n  },\n};\n\nexport const solarPreset: SmokeRingPreset = {\n  name: 'Solar',\n  params: {\n    ...defaultObjectSizing,\n    speed: 1,\n    frame: 0,\n    colorBack: '#000000',\n    colors: ['#ffffff', '#ffca0a', '#fc6203', '#fc620366'],\n    noiseScale: 2,\n    noiseIterations: 3,\n    radius: 0.4,\n    thickness: 0.8,\n    innerShape: 4,\n    scale: 2,\n    offsetY: 1,\n  },\n};\n\nexport const linePreset: SmokeRingPreset = {\n  name: 'Line',\n  params: {\n    ...defaultObjectSizing,\n    frame: 0,\n    colorBack: '#000000',\n    colors: ['#4540a4', '#1fe8ff'],\n    noiseScale: 1.1,\n    noiseIterations: 2,\n    radius: 0.38,\n    thickness: 0.01,\n    innerShape: 0.88,\n    speed: 4,\n  },\n};\n\nexport const cloudPreset: SmokeRingPreset = {\n  name: 'Cloud',\n  params: {\n    ...defaultObjectSizing,\n    frame: 0,\n    colorBack: '#81ADEC',\n    colors: ['#ffffff'],\n    noiseScale: 3,\n    noiseIterations: 10,\n    radius: 0.5,\n    thickness: 0.65,\n    innerShape: 0.85,\n    speed: 0.5,\n    scale: 2.5,\n  },\n};\n\nexport const smokeRingPresets: SmokeRingPreset[] = [defaultPreset, linePreset, solarPreset, cloudPreset];\n\nexport const SmokeRing: React.FC<SmokeRingProps> = memo(function SmokeRingImpl({\n  // Own props\n  speed = defaultPreset.params.speed,\n  frame = defaultPreset.params.frame,\n  colorBack = defaultPreset.params.colorBack,\n  colors = defaultPreset.params.colors,\n  noiseScale = defaultPreset.params.noiseScale,\n  thickness = defaultPreset.params.thickness,\n  radius = defaultPreset.params.radius,\n  innerShape = defaultPreset.params.innerShape,\n  noiseIterations = defaultPreset.params.noiseIterations,\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}: SmokeRingProps) {\n  const uniforms = {\n    // Own uniforms\n    u_colorBack: getShaderColorFromString(colorBack),\n    u_colors: colors.map(getShaderColorFromString),\n    u_colorsCount: colors.length,\n    u_noiseScale: noiseScale,\n    u_thickness: thickness,\n    u_radius: radius,\n    u_innerShape: innerShape,\n    u_noiseIterations: noiseIterations,\n    u_noiseTexture: getShaderNoiseTexture(),\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 SmokeRingUniforms;\n\n  return (\n    <ShaderMount {...props} speed={speed} frame={frame} fragmentShader={smokeRingFragmentShader} uniforms={uniforms} />\n  );\n}, colorPropsAreEqual);\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/shaders/spiral.d.ts

@@ -0,0 +1,12 @@
+import { type ShaderComponentProps } from '../shader-mount.js';
+import { type ShaderPreset, type SpiralParams } from '@paper-design/shaders';
+export interface SpiralProps extends ShaderComponentProps, SpiralParams {
+}
+type SpiralPreset = ShaderPreset<SpiralParams>;
+export declare const defaultPreset: SpiralPreset;
+export declare const dropletPreset: SpiralPreset;
+export declare const junglePreset: SpiralPreset;
+export declare const swirlPreset: SpiralPreset;
+export declare const spiralPresets: SpiralPreset[];
+export declare const Spiral: React.FC<SpiralProps>;
+export {};

package/dist/shaders/spiral.js

@@ -0,0 +1,151 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    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,
+  ShaderFitOptions,
+  spiralFragmentShader
+} from "@paper-design/shaders";
+import { jsx } from "react/jsx-runtime";
+const defaultPreset = {
+  name: "Default",
+  params: {
+    ...defaultPatternSizing,
+    scale: 1,
+    colorBack: "#001429",
+    colorFront: "#79D1FF",
+    density: 1,
+    distortion: 0,
+    strokeWidth: 0.5,
+    strokeTaper: 0,
+    strokeCap: 0,
+    noise: 0,
+    noiseFrequency: 0,
+    softness: 0,
+    speed: 1,
+    frame: 0
+  }
+};
+const dropletPreset = {
+  name: "Droplet",
+  params: {
+    ...defaultPatternSizing,
+    colorBack: "#effafe",
+    colorFront: "#bf40a0",
+    density: 0.9,
+    distortion: 0,
+    strokeWidth: 0.75,
+    strokeTaper: 0.18,
+    strokeCap: 1,
+    noise: 0.74,
+    noiseFrequency: 0.33,
+    softness: 0.02,
+    speed: 1,
+    frame: 0
+  }
+};
+const junglePreset = {
+  name: "Jungle",
+  params: {
+    ...defaultPatternSizing,
+    scale: 1.3,
+    density: 0.5,
+    colorBack: "#a0ef2a",
+    colorFront: "#288b18",
+    distortion: 0,
+    strokeWidth: 0.5,
+    strokeTaper: 0,
+    strokeCap: 0,
+    noise: 1,
+    noiseFrequency: 0.25,
+    softness: 0,
+    speed: 0.75,
+    frame: 0
+  }
+};
+const swirlPreset = {
+  name: "Swirl",
+  params: {
+    ...defaultPatternSizing,
+    scale: 0.45,
+    colorBack: "#b3e6d9",
+    colorFront: "#1a2b4d",
+    density: 0.2,
+    distortion: 0,
+    strokeWidth: 0.5,
+    strokeTaper: 0,
+    strokeCap: 0,
+    noise: 0,
+    noiseFrequency: 0.3,
+    softness: 0.5,
+    speed: 1,
+    frame: 0
+  }
+};
+const spiralPresets = [defaultPreset, junglePreset, dropletPreset, swirlPreset];
+const Spiral = memo(function SpiralImpl({
+  // Own props
+  speed = defaultPreset.params.speed,
+  frame = defaultPreset.params.frame,
+  colorBack = defaultPreset.params.colorBack,
+  colorFront = defaultPreset.params.colorFront,
+  density = defaultPreset.params.density,
+  distortion = defaultPreset.params.distortion,
+  strokeWidth = defaultPreset.params.strokeWidth,
+  strokeTaper = defaultPreset.params.strokeTaper,
+  strokeCap = defaultPreset.params.strokeCap,
+  noiseFrequency = defaultPreset.params.noiseFrequency,
+  noise = defaultPreset.params.noise,
+  softness = defaultPreset.params.softness,
+  // Sizing props
+  fit = defaultPreset.params.fit,
+  rotation = defaultPreset.params.rotation,
+  scale = defaultPreset.params.scale,
+  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_colorBack: getShaderColorFromString(colorBack),
+    u_colorFront: getShaderColorFromString(colorFront),
+    u_density: density,
+    u_distortion: distortion,
+    u_strokeWidth: strokeWidth,
+    u_strokeTaper: strokeTaper,
+    u_strokeCap: strokeCap,
+    u_noiseFrequency: noiseFrequency,
+    u_noise: noise,
+    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, speed, frame, fragmentShader: spiralFragmentShader, uniforms });
+}, colorPropsAreEqual);
+export {
+  Spiral,
+  defaultPreset,
+  dropletPreset,
+  junglePreset,
+  spiralPresets,
+  swirlPreset
+};
+//# sourceMappingURL=spiral.js.map

package/dist/shaders/spiral.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shaders/spiral.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  ShaderFitOptions,\n  spiralFragmentShader,\n  type ShaderPreset,\n  type SpiralParams,\n  type SpiralUniforms,\n} from '@paper-design/shaders';\n\nexport interface SpiralProps extends ShaderComponentProps, SpiralParams {}\n\ntype SpiralPreset = ShaderPreset<SpiralParams>;\n\nexport const defaultPreset: SpiralPreset = {\n  name: 'Default',\n  params: {\n    ...defaultPatternSizing,\n    scale: 1,\n    colorBack: '#001429',\n    colorFront: '#79D1FF',\n    density: 1,\n    distortion: 0,\n    strokeWidth: 0.5,\n    strokeTaper: 0,\n    strokeCap: 0,\n    noise: 0,\n    noiseFrequency: 0,\n    softness: 0,\n    speed: 1,\n    frame: 0,\n  },\n};\n\nexport const dropletPreset: SpiralPreset = {\n  name: 'Droplet',\n  params: {\n    ...defaultPatternSizing,\n    colorBack: '#effafe',\n    colorFront: '#bf40a0',\n    density: 0.9,\n    distortion: 0,\n    strokeWidth: 0.75,\n    strokeTaper: 0.18,\n    strokeCap: 1,\n    noise: 0.74,\n    noiseFrequency: 0.33,\n    softness: 0.02,\n    speed: 1,\n    frame: 0,\n  },\n};\n\nexport const junglePreset: SpiralPreset = {\n  name: 'Jungle',\n  params: {\n    ...defaultPatternSizing,\n    scale: 1.3,\n    density: 0.5,\n    colorBack: '#a0ef2a',\n    colorFront: '#288b18',\n    distortion: 0,\n    strokeWidth: 0.5,\n    strokeTaper: 0,\n    strokeCap: 0,\n    noise: 1,\n    noiseFrequency: 0.25,\n    softness: 0,\n    speed: 0.75,\n    frame: 0,\n  },\n};\n\nexport const swirlPreset: SpiralPreset = {\n  name: 'Swirl',\n  params: {\n    ...defaultPatternSizing,\n    scale: 0.45,\n    colorBack: '#b3e6d9',\n    colorFront: '#1a2b4d',\n    density: 0.2,\n    distortion: 0,\n    strokeWidth: 0.5,\n    strokeTaper: 0,\n    strokeCap: 0,\n    noise: 0,\n    noiseFrequency: 0.3,\n    softness: 0.5,\n    speed: 1,\n    frame: 0,\n  },\n};\n\nexport const spiralPresets: SpiralPreset[] = [defaultPreset, junglePreset, dropletPreset, swirlPreset];\n\nexport const Spiral: React.FC<SpiralProps> = memo(function SpiralImpl({\n  // Own props\n  speed = defaultPreset.params.speed,\n  frame = defaultPreset.params.frame,\n  colorBack = defaultPreset.params.colorBack,\n  colorFront = defaultPreset.params.colorFront,\n  density = defaultPreset.params.density,\n  distortion = defaultPreset.params.distortion,\n  strokeWidth = defaultPreset.params.strokeWidth,\n  strokeTaper = defaultPreset.params.strokeTaper,\n  strokeCap = defaultPreset.params.strokeCap,\n  noiseFrequency = defaultPreset.params.noiseFrequency,\n  noise = defaultPreset.params.noise,\n  softness = defaultPreset.params.softness,\n\n  // Sizing props\n  fit = defaultPreset.params.fit,\n  rotation = defaultPreset.params.rotation,\n  scale = defaultPreset.params.scale,\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}: SpiralProps) {\n  const uniforms = {\n    // Own uniforms\n    u_colorBack: getShaderColorFromString(colorBack),\n    u_colorFront: getShaderColorFromString(colorFront),\n    u_density: density,\n    u_distortion: distortion,\n    u_strokeWidth: strokeWidth,\n    u_strokeTaper: strokeTaper,\n    u_strokeCap: strokeCap,\n    u_noiseFrequency: noiseFrequency,\n    u_noise: noise,\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 SpiralUniforms;\n\n  return (\n    <ShaderMount {...props} speed={speed} frame={frame} fragmentShader={spiralFragmentShader} uniforms={uniforms} />\n  );\n}, colorPropsAreEqual);\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/shaders/static-mesh-gradient.d.ts

@@ -0,0 +1,12 @@
+import { type ShaderComponentProps } from '../shader-mount.js';
+import { type StaticMeshGradientParams, type ShaderPreset } from '@paper-design/shaders';
+export interface StaticMeshGradientProps extends ShaderComponentProps, StaticMeshGradientParams {
+}
+type StaticMeshGradientPreset = ShaderPreset<StaticMeshGradientParams>;
+export declare const defaultPreset: StaticMeshGradientPreset;
+export declare const seaPreset: StaticMeshGradientPreset;
+export declare const sixtiesPreset: StaticMeshGradientPreset;
+export declare const sunsetPreset: StaticMeshGradientPreset;
+export declare const staticMeshGradientPresets: StaticMeshGradientPreset[];
+export declare const StaticMeshGradient: React.FC<StaticMeshGradientProps>;
+export {};

package/dist/shaders/static-mesh-gradient.js

@@ -0,0 +1,158 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    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 {
+  defaultObjectSizing,
+  getShaderColorFromString,
+  staticMeshGradientFragmentShader,
+  ShaderFitOptions
+} from "@paper-design/shaders";
+import { jsx } from "react/jsx-runtime";
+const defaultPreset = {
+  name: "Default",
+  params: {
+    ...defaultObjectSizing,
+    rotation: 270,
+    speed: 0,
+    frame: 0,
+    colors: ["#ffad0a", "#6200ff", "#e2a3ff", "#ff99fd"],
+    positions: 2,
+    waveX: 1,
+    waveXShift: 0.6,
+    waveY: 1,
+    waveYShift: 0.21,
+    mixing: 0.93,
+    grainMixer: 0,
+    grainOverlay: 0
+  }
+};
+const seaPreset = {
+  name: "Sea",
+  params: {
+    ...defaultObjectSizing,
+    speed: 0,
+    frame: 0,
+    colors: ["#013b65", "#03738c", "#a3d3ff", "#f2faef"],
+    positions: 0,
+    waveX: 0.53,
+    waveXShift: 0,
+    waveY: 0.95,
+    waveYShift: 0.64,
+    mixing: 0.5,
+    grainMixer: 0,
+    grainOverlay: 0
+  }
+};
+const sixtiesPreset = {
+  name: "1960s",
+  params: {
+    ...defaultObjectSizing,
+    speed: 0,
+    frame: 0,
+    colors: ["#000000", "#082400", "#b1aa91", "#8e8c15"],
+    positions: 42,
+    waveX: 0.45,
+    waveXShift: 0,
+    waveY: 1,
+    waveYShift: 0,
+    mixing: 0,
+    grainMixer: 0.37,
+    grainOverlay: 0.78
+  }
+};
+const sunsetPreset = {
+  name: "Sunset",
+  params: {
+    ...defaultObjectSizing,
+    speed: 0,
+    frame: 0,
+    colors: ["#264653", "#9c2b2b", "#f4a261", "#ffffff"],
+    positions: 0,
+    waveX: 0.6,
+    waveXShift: 0.7,
+    waveY: 0.7,
+    waveYShift: 0.7,
+    mixing: 0.5,
+    grainMixer: 0,
+    grainOverlay: 0
+  }
+};
+const staticMeshGradientPresets = [
+  defaultPreset,
+  sixtiesPreset,
+  sunsetPreset,
+  seaPreset
+];
+const StaticMeshGradient = memo(function StaticMeshGradientImpl({
+  // Own props
+  speed = defaultPreset.params.speed,
+  frame = defaultPreset.params.frame,
+  colors = defaultPreset.params.colors,
+  positions = defaultPreset.params.positions,
+  waveX = defaultPreset.params.waveX,
+  waveXShift = defaultPreset.params.waveXShift,
+  waveY = defaultPreset.params.waveY,
+  waveYShift = defaultPreset.params.waveYShift,
+  mixing = defaultPreset.params.mixing,
+  grainMixer = defaultPreset.params.grainMixer,
+  grainOverlay = defaultPreset.params.grainOverlay,
+  // Sizing props
+  fit = defaultPreset.params.fit,
+  rotation = defaultPreset.params.rotation,
+  scale = defaultPreset.params.scale,
+  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_positions: positions,
+    u_waveX: waveX,
+    u_waveXShift: waveXShift,
+    u_waveY: waveY,
+    u_waveYShift: waveYShift,
+    u_mixing: mixing,
+    u_grainMixer: grainMixer,
+    u_grainOverlay: grainOverlay,
+    // 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: staticMeshGradientFragmentShader,
+      uniforms
+    }
+  );
+}, colorPropsAreEqual);
+export {
+  StaticMeshGradient,
+  defaultPreset,
+  seaPreset,
+  sixtiesPreset,
+  staticMeshGradientPresets,
+  sunsetPreset
+};
+//# sourceMappingURL=static-mesh-gradient.js.map

package/dist/shaders/static-mesh-gradient.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shaders/static-mesh-gradient.tsx"],
+  "sourcesContent": ["import { memo } from 'react';\nimport { ShaderMount, type ShaderComponentProps } from '../shader-mount.js';\nimport { colorPropsAreEqual } from '../color-props-are-equal.js';\nimport {\n  defaultObjectSizing,\n  getShaderColorFromString,\n  staticMeshGradientFragmentShader,\n  ShaderFitOptions,\n  type StaticMeshGradientParams,\n  type StaticMeshGradientUniforms,\n  type ShaderPreset,\n} from '@paper-design/shaders';\n\nexport interface StaticMeshGradientProps extends ShaderComponentProps, StaticMeshGradientParams {}\n\ntype StaticMeshGradientPreset = ShaderPreset<StaticMeshGradientParams>;\n\nexport const defaultPreset: StaticMeshGradientPreset = {\n  name: 'Default',\n  params: {\n    ...defaultObjectSizing,\n    rotation: 270,\n    speed: 0,\n    frame: 0,\n    colors: ['#ffad0a', '#6200ff', '#e2a3ff', '#ff99fd'],\n    positions: 2,\n    waveX: 1.0,\n    waveXShift: 0.6,\n    waveY: 1.0,\n    waveYShift: 0.21,\n    mixing: 0.93,\n    grainMixer: 0.0,\n    grainOverlay: 0.0,\n  },\n};\n\nexport const seaPreset: StaticMeshGradientPreset = {\n  name: 'Sea',\n  params: {\n    ...defaultObjectSizing,\n    speed: 0,\n    frame: 0,\n    colors: ['#013b65', '#03738c', '#a3d3ff', '#f2faef'],\n    positions: 0,\n    waveX: 0.53,\n    waveXShift: 0.0,\n    waveY: 0.95,\n    waveYShift: 0.64,\n    mixing: 0.5,\n    grainMixer: 0.0,\n    grainOverlay: 0.0,\n  },\n};\n\nexport const sixtiesPreset: StaticMeshGradientPreset = {\n  name: '1960s',\n  params: {\n    ...defaultObjectSizing,\n    speed: 0,\n    frame: 0,\n    colors: ['#000000', '#082400', '#b1aa91', '#8e8c15'],\n    positions: 42,\n    waveX: 0.45,\n    waveXShift: 0.0,\n    waveY: 1.0,\n    waveYShift: 0.0,\n    mixing: 0.0,\n    grainMixer: 0.37,\n    grainOverlay: 0.78,\n  },\n};\n\nexport const sunsetPreset: StaticMeshGradientPreset = {\n  name: 'Sunset',\n  params: {\n    ...defaultObjectSizing,\n    speed: 0,\n    frame: 0,\n    colors: ['#264653', '#9c2b2b', '#f4a261', '#ffffff'],\n    positions: 0,\n    waveX: 0.6,\n    waveXShift: 0.7,\n    waveY: 0.7,\n    waveYShift: 0.7,\n    mixing: 0.5,\n    grainMixer: 0,\n    grainOverlay: 0,\n  },\n};\n\nexport const staticMeshGradientPresets: StaticMeshGradientPreset[] = [\n  defaultPreset,\n  sixtiesPreset,\n  sunsetPreset,\n  seaPreset,\n];\n\nexport const StaticMeshGradient: React.FC<StaticMeshGradientProps> = memo(function StaticMeshGradientImpl({\n  // Own props\n  speed = defaultPreset.params.speed,\n  frame = defaultPreset.params.frame,\n  colors = defaultPreset.params.colors,\n  positions = defaultPreset.params.positions,\n  waveX = defaultPreset.params.waveX,\n  waveXShift = defaultPreset.params.waveXShift,\n  waveY = defaultPreset.params.waveY,\n  waveYShift = defaultPreset.params.waveYShift,\n  mixing = defaultPreset.params.mixing,\n  grainMixer = defaultPreset.params.grainMixer,\n  grainOverlay = defaultPreset.params.grainOverlay,\n\n  // Sizing props\n  fit = defaultPreset.params.fit,\n  rotation = defaultPreset.params.rotation,\n  scale = defaultPreset.params.scale,\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}: StaticMeshGradientProps) {\n  const uniforms = {\n    // Own uniforms\n    u_colors: colors.map(getShaderColorFromString),\n    u_colorsCount: colors.length,\n    u_positions: positions,\n    u_waveX: waveX,\n    u_waveXShift: waveXShift,\n    u_waveY: waveY,\n    u_waveYShift: waveYShift,\n    u_mixing: mixing,\n    u_grainMixer: grainMixer,\n    u_grainOverlay: grainOverlay,\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 StaticMeshGradientUniforms;\n\n  return (\n    <ShaderMount\n      {...props}\n      speed={speed}\n      frame={frame}\n      fragmentShader={staticMeshGradientFragmentShader}\n      uniforms={uniforms}\n    />\n  );\n}, colorPropsAreEqual);\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/shaders/static-radial-gradient.d.ts

@@ -0,0 +1,12 @@
+import { type ShaderComponentProps } from '../shader-mount.js';
+import { type StaticRadialGradientParams, type ShaderPreset } from '@paper-design/shaders';
+export interface StaticRadialGradientProps extends ShaderComponentProps, StaticRadialGradientParams {
+}
+type StaticRadialGradientPreset = ShaderPreset<StaticRadialGradientParams>;
+export declare const defaultPreset: StaticRadialGradientPreset;
+export declare const crossSectionPreset: StaticRadialGradientPreset;
+export declare const radialPreset: StaticRadialGradientPreset;
+export declare const loFiPreset: StaticRadialGradientPreset;
+export declare const staticRadialGradientPresets: StaticRadialGradientPreset[];
+export declare const StaticRadialGradient: React.FC<StaticRadialGradientProps>;
+export {};