@paper-design/shaders-react 0.0.42 → 0.0.44

package/dist/shaders/spiral.js

@@ -17,36 +17,18 @@ const defaultPreset = {
   name: "Default",
   params: {
     ...defaultPatternSizing,
-    colorBack: "#fafafa",
-    colorFront: "#808080",
-    density: 0,
-    distortion: 0,
-    strokeWidth: 0.5,
-    strokeTaper: 0,
-    strokeCap: 0,
-    noiseFrequency: 0,
-    noisePower: 0,
-    softness: 0.01,
-    speed: 1,
-    frame: 0
-  }
-};
-const noisyPreset = {
-  name: "Noisy",
-  params: {
-    ...defaultPatternSizing,
+    scale: 1.3,
     colorBack: "#a1ef2a",
     colorFront: "#288918",
-    scale: 1.3,
     density: 0.5,
     distortion: 0,
     strokeWidth: 0.5,
     strokeTaper: 0,
-    strokeCap: 0.5,
-    noiseFrequency: 0.1,
-    noisePower: 1,
+    strokeCap: 0,
+    noise: 1,
+    noiseFrequency: 0.25,
     softness: 0,
-    speed: 1,
+    speed: 0.75,
     frame: 0
   }
 };
@@ -56,15 +38,14 @@ const dropletPreset = {
     ...defaultPatternSizing,
     colorBack: "#effafe",
     colorFront: "#bf40a0",
-    scale: 0.65,
-    density: 0,
+    density: 0.9,
     distortion: 0,
-    strokeWidth: 0.05,
-    strokeTaper: 0,
+    strokeWidth: 0.25,
+    strokeTaper: 0.18,
     strokeCap: 1,
-    noiseFrequency: 0,
-    noisePower: 0,
-    softness: 0,
+    noise: 0.74,
+    noiseFrequency: 0.33,
+    softness: 0.02,
     speed: 1,
     frame: 0
   }
@@ -73,17 +54,17 @@ const sandPreset = {
   name: "Sand",
   params: {
     ...defaultPatternSizing,
-    colorBack: "#dedede",
+    scale: 0.7,
+    colorBack: "#ffffff",
     colorFront: "#a09560",
-    scale: 0.75,
-    density: 0,
+    density: 1,
     distortion: 0,
-    strokeWidth: 0.15,
+    strokeWidth: 0.5,
     strokeTaper: 0,
     strokeCap: 0,
-    noiseFrequency: 30,
-    noisePower: 1,
-    softness: 0.2,
+    noise: 1,
+    noiseFrequency: 1,
+    softness: 1,
     speed: 0,
     frame: 0
   }
@@ -92,67 +73,22 @@ const swirlPreset = {
   name: "Swirl",
   params: {
     ...defaultPatternSizing,
+    scale: 0.45,
     colorBack: "#b3e6d9",
     colorFront: "#1a2b4d",
-    scale: 4,
-    density: 0.8,
+    density: 0.2,
     distortion: 0,
     strokeWidth: 0.5,
     strokeTaper: 0,
     strokeCap: 0,
-    noiseFrequency: 0,
-    noisePower: 0,
+    noise: 0,
+    noiseFrequency: 0.3,
     softness: 0.5,
     speed: 1,
     frame: 0
   }
 };
-const hookPreset = {
-  name: "Hook",
-  params: {
-    ...defaultPatternSizing,
-    colorBack: "#85c2e0",
-    colorFront: "#000000",
-    scale: 0.8,
-    density: 0,
-    distortion: 0,
-    strokeWidth: 0.5,
-    strokeTaper: 0.5,
-    strokeCap: 0,
-    noiseFrequency: 0,
-    noisePower: 0,
-    softness: 0.02,
-    speed: 3,
-    frame: 0
-  }
-};
-const vinylPreset = {
-  name: "Vinyl",
-  params: {
-    ...defaultPatternSizing,
-    colorBack: "#c2babb",
-    colorFront: "#262626",
-    density: 0,
-    distortion: 0.3,
-    strokeWidth: 0.95,
-    strokeTaper: 0,
-    strokeCap: 1,
-    noiseFrequency: 0,
-    noisePower: 0,
-    softness: 0.11,
-    speed: 1,
-    frame: 0
-  }
-};
-const spiralPresets = [
-  defaultPreset,
-  noisyPreset,
-  dropletPreset,
-  swirlPreset,
-  sandPreset,
-  hookPreset,
-  vinylPreset
-];
+const spiralPresets = [defaultPreset, sandPreset, dropletPreset, swirlPreset];
 const Spiral = memo(function SpiralImpl({
   // Own props
   speed = defaultPreset.params.speed,
@@ -165,7 +101,7 @@ const Spiral = memo(function SpiralImpl({
   strokeTaper = defaultPreset.params.strokeTaper,
   strokeCap = defaultPreset.params.strokeCap,
   noiseFrequency = defaultPreset.params.noiseFrequency,
-  noisePower = defaultPreset.params.noisePower,
+  noise = defaultPreset.params.noise,
   softness = defaultPreset.params.softness,
   // Sizing props
   fit = defaultPreset.params.fit,
@@ -189,7 +125,7 @@ const Spiral = memo(function SpiralImpl({
     u_strokeTaper: strokeTaper,
     u_strokeCap: strokeCap,
     u_noiseFrequency: noiseFrequency,
-    u_noisePower: noisePower,
+    u_noise: noise,
     u_softness: softness,
     // Sizing uniforms
     u_fit: ShaderFitOptions[fit],
@@ -208,11 +144,8 @@ export {
   Spiral,
   defaultPreset,
   dropletPreset,
-  hookPreset,
-  noisyPreset,
   sandPreset,
   spiralPresets,
-  swirlPreset,
-  vinylPreset
+  swirlPreset
 };
 //# sourceMappingURL=spiral.js.map

package/dist/shaders/spiral.js.map

@@ -1,7 +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    colorBack: '#fafafa',\n    colorFront: '#808080',\n    density: 0,\n    distortion: 0,\n    strokeWidth: 0.5,\n    strokeTaper: 0,\n    strokeCap: 0,\n    noiseFrequency: 0,\n    noisePower: 0,\n    softness: 0.01,\n    speed: 1,\n    frame: 0,\n  },\n};\n\nexport const noisyPreset: SpiralPreset = {\n  name: 'Noisy',\n  params: {\n    ...defaultPatternSizing,\n    colorBack: '#a1ef2a',\n    colorFront: '#288918',\n    scale: 1.3,\n    density: 0.5,\n    distortion: 0,\n    strokeWidth: 0.5,\n    strokeTaper: 0,\n    strokeCap: 0.5,\n    noiseFrequency: 0.1,\n    noisePower: 1,\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    scale: 0.65,\n    density: 0,\n    distortion: 0,\n    strokeWidth: 0.05,\n    strokeTaper: 0,\n    strokeCap: 1,\n    noiseFrequency: 0,\n    noisePower: 0,\n    softness: 0,\n    speed: 1,\n    frame: 0,\n  },\n};\n\nexport const sandPreset: SpiralPreset = {\n  name: 'Sand',\n  params: {\n    ...defaultPatternSizing,\n    colorBack: '#dedede',\n    colorFront: '#a09560',\n    scale: 0.75,\n    density: 0,\n    distortion: 0,\n    strokeWidth: 0.15,\n    strokeTaper: 0,\n    strokeCap: 0,\n    noiseFrequency: 30,\n    noisePower: 1,\n    softness: 0.2,\n    speed: 0,\n    frame: 0,\n  },\n};\n\nexport const swirlPreset: SpiralPreset = {\n  name: 'Swirl',\n  params: {\n    ...defaultPatternSizing,\n    colorBack: '#b3e6d9',\n    colorFront: '#1a2b4d',\n    scale: 4,\n    density: 0.8,\n    distortion: 0,\n    strokeWidth: 0.5,\n    strokeTaper: 0,\n    strokeCap: 0,\n    noiseFrequency: 0,\n    noisePower: 0,\n    softness: 0.5,\n    speed: 1,\n    frame: 0,\n  },\n};\n\nexport const hookPreset: SpiralPreset = {\n  name: 'Hook',\n  params: {\n    ...defaultPatternSizing,\n    colorBack: '#85c2e0',\n    colorFront: '#000000',\n    scale: 0.8,\n    density: 0,\n    distortion: 0,\n    strokeWidth: 0.5,\n    strokeTaper: 0.5,\n    strokeCap: 0,\n    noiseFrequency: 0,\n    noisePower: 0,\n    softness: 0.02,\n    speed: 3,\n    frame: 0,\n  },\n};\n\nexport const vinylPreset: SpiralPreset = {\n  name: 'Vinyl',\n  params: {\n    ...defaultPatternSizing,\n    colorBack: '#c2babb',\n    colorFront: '#262626',\n    density: 0,\n    distortion: 0.3,\n    strokeWidth: 0.95,\n    strokeTaper: 0,\n    strokeCap: 1,\n    noiseFrequency: 0,\n    noisePower: 0,\n    softness: 0.11,\n    speed: 1,\n    frame: 0,\n  },\n};\n\nexport const spiralPresets: SpiralPreset[] = [\n  defaultPreset,\n  noisyPreset,\n  dropletPreset,\n  swirlPreset,\n  sandPreset,\n  hookPreset,\n  vinylPreset,\n];\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  noisePower = defaultPreset.params.noisePower,\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_noisePower: noisePower,\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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",
+  "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.3,\n    colorBack: '#a1ef2a',\n    colorFront: '#288918',\n    density: 0.5,\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 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.25,\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 sandPreset: SpiralPreset = {\n  name: 'Sand',\n  params: {\n    ...defaultPatternSizing,\n    scale: 0.7,\n    colorBack: '#ffffff',\n    colorFront: '#a09560',\n    density: 1,\n    distortion: 0,\n    strokeWidth: 0.5,\n    strokeTaper: 0,\n    strokeCap: 0,\n    noise: 1,\n    noiseFrequency: 1,\n    softness: 1,\n    speed: 0,\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, sandPreset, 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": ";;;;;AAAA,SAAS,YAAY;AACrB,SAAS,mBAA8C;AACvD,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AA4IH;AAtIG,MAAM,gBAA8B;AAAA,EACzC,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,IACX,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AAEO,MAAM,gBAA8B;AAAA,EACzC,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,IACX,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AAEO,MAAM,aAA2B;AAAA,EACtC,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,IACX,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AAEO,MAAM,cAA4B;AAAA,EACvC,MAAM;AAAA,EACN,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,OAAO;AAAA,IACP,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,IACX,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AAEO,MAAM,gBAAgC,CAAC,eAAe,YAAY,eAAe,WAAW;AAE5F,MAAM,SAAgC,KAAK,SAAS,WAAW;AAAA;AAAA,EAEpE,QAAQ,cAAc,OAAO;AAAA,EAC7B,QAAQ,cAAc,OAAO;AAAA,EAC7B,YAAY,cAAc,OAAO;AAAA,EACjC,aAAa,cAAc,OAAO;AAAA,EAClC,UAAU,cAAc,OAAO;AAAA,EAC/B,aAAa,cAAc,OAAO;AAAA,EAClC,cAAc,cAAc,OAAO;AAAA,EACnC,cAAc,cAAc,OAAO;AAAA,EACnC,YAAY,cAAc,OAAO;AAAA,EACjC,iBAAiB,cAAc,OAAO;AAAA,EACtC,QAAQ,cAAc,OAAO;AAAA,EAC7B,WAAW,cAAc,OAAO;AAAA;AAAA,EAGhC,MAAM,cAAc,OAAO;AAAA,EAC3B,WAAW,cAAc,OAAO;AAAA,EAChC,QAAQ,cAAc,OAAO;AAAA,EAC7B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,UAAU,cAAc,OAAO;AAAA,EAC/B,aAAa,cAAc,OAAO;AAAA,EAClC,cAAc,cAAc,OAAO;AAAA,EACnC,GAAG;AACL,GAAgB;AACd,QAAM,WAAW;AAAA;AAAA,IAEf,aAAa,yBAAyB,SAAS;AAAA,IAC/C,cAAc,yBAAyB,UAAU;AAAA,IACjD,WAAW;AAAA,IACX,cAAc;AAAA,IACd,eAAe;AAAA,IACf,eAAe;AAAA,IACf,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,YAAY;AAAA;AAAA,IAGZ,OAAO,iBAAiB,GAAG;AAAA,IAC3B,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,eAAe;AAAA,EACjB;AAEA,SACE,oBAAC,eAAa,GAAG,OAAO,OAAc,OAAc,gBAAgB,sBAAsB,UAAoB;AAElH,GAAG,kBAAkB;",
   "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 impressionismPreset: StaticMeshGradientPreset;
+export declare const staticMeshGradientPresets: StaticMeshGradientPreset[];
+export declare const StaticMeshGradient: React.FC<StaticMeshGradientProps>;
+export {};

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

@@ -0,0 +1,157 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    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,
+    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 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 impressionismPreset = {
+  name: "Impressionism",
+  params: {
+    ...defaultObjectSizing,
+    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 staticMeshGradientPresets = [
+  defaultPreset,
+  sixtiesPreset,
+  impressionismPreset,
+  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,
+  impressionismPreset,
+  seaPreset,
+  sixtiesPreset,
+  staticMeshGradientPresets
+};
+//# 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    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 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 impressionismPreset: StaticMeshGradientPreset = {\n  name: 'Impressionism',\n  params: {\n    ...defaultObjectSizing,\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 staticMeshGradientPresets: StaticMeshGradientPreset[] = [\n  defaultPreset,\n  sixtiesPreset,\n  impressionismPreset,\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 glowPreset: StaticRadialGradientPreset;
+export declare const loFiPreset: StaticRadialGradientPreset;
+export declare const staticRadialGradientPresets: StaticRadialGradientPreset[];
+export declare const StaticRadialGradient: React.FC<StaticRadialGradientProps>;
+export {};

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

@@ -0,0 +1,178 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    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,
+  staticRadialGradientFragmentShader,
+  ShaderFitOptions
+} from "@paper-design/shaders";
+import { jsx } from "react/jsx-runtime";
+const defaultPreset = {
+  name: "Default",
+  params: {
+    ...defaultObjectSizing,
+    scale: 1,
+    speed: 0,
+    frame: 0,
+    colorBack: "#264653",
+    colors: ["#9c2b2b", "#f4a261", "#ffffff"],
+    radius: 1,
+    focalDistance: 0,
+    focalAngle: 0,
+    falloff: 0,
+    mixing: 0.7,
+    distortion: 0,
+    distortionShift: 0,
+    distortionFreq: 12,
+    grainMixer: 0,
+    grainOverlay: 0
+  }
+};
+const crossSectionPreset = {
+  name: "Cross Section",
+  params: {
+    ...defaultObjectSizing,
+    scale: 1,
+    speed: 0,
+    frame: 0,
+    colorBack: "#3d348b",
+    colors: ["#7678ed", "#f7b801", "#f18701", "#37a066"],
+    radius: 1,
+    focalDistance: 0,
+    focalAngle: 0,
+    falloff: 0,
+    mixing: 0,
+    distortion: 1,
+    distortionShift: 0,
+    distortionFreq: 12,
+    grainMixer: 0,
+    grainOverlay: 0
+  }
+};
+const glowPreset = {
+  name: "Glow",
+  params: {
+    ...defaultObjectSizing,
+    scale: 1,
+    speed: 0,
+    frame: 0,
+    colorBack: "#2e2e2e",
+    colors: ["#def4cd", "#ffb3fa", "#ff0040"],
+    radius: 0.7,
+    focalDistance: 0.99,
+    focalAngle: 0,
+    falloff: 0.24,
+    mixing: 0.35,
+    distortion: 0,
+    distortionShift: 0,
+    distortionFreq: 12,
+    grainMixer: 0,
+    grainOverlay: 0
+  }
+};
+const loFiPreset = {
+  name: "Lo-Fi",
+  params: {
+    ...defaultObjectSizing,
+    speed: 0,
+    frame: 0,
+    colorBack: "#2e1f27",
+    colors: ["#d72638", "#3f88c5", "#f49d37"],
+    radius: 1,
+    focalDistance: 0,
+    focalAngle: 0,
+    falloff: 0.9,
+    mixing: 0.5,
+    distortion: 0,
+    distortionShift: 0,
+    distortionFreq: 12,
+    grainMixer: 1,
+    grainOverlay: 0.5
+  }
+};
+const staticRadialGradientPresets = [
+  defaultPreset,
+  loFiPreset,
+  crossSectionPreset,
+  glowPreset
+];
+const StaticRadialGradient = memo(function StaticRadialGradientImpl({
+  // Own props
+  speed = defaultPreset.params.speed,
+  frame = defaultPreset.params.frame,
+  colorBack = defaultPreset.params.colorBack,
+  colors = defaultPreset.params.colors,
+  radius = defaultPreset.params.radius,
+  focalDistance = defaultPreset.params.focalDistance,
+  focalAngle = defaultPreset.params.focalAngle,
+  falloff = defaultPreset.params.falloff,
+  grainMixer = defaultPreset.params.grainMixer,
+  mixing = defaultPreset.params.mixing,
+  distortion = defaultPreset.params.distortion,
+  distortionShift = defaultPreset.params.distortionShift,
+  distortionFreq = defaultPreset.params.distortionFreq,
+  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_colorBack: getShaderColorFromString(colorBack),
+    u_colors: colors.map(getShaderColorFromString),
+    u_colorsCount: colors.length,
+    u_radius: radius,
+    u_focalDistance: focalDistance,
+    u_focalAngle: focalAngle,
+    u_falloff: falloff,
+    u_mixing: mixing,
+    u_distortion: distortion,
+    u_distortionShift: distortionShift,
+    u_distortionFreq: distortionFreq,
+    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: staticRadialGradientFragmentShader,
+      uniforms
+    }
+  );
+}, colorPropsAreEqual);
+export {
+  StaticRadialGradient,
+  crossSectionPreset,
+  defaultPreset,
+  glowPreset,
+  loFiPreset,
+  staticRadialGradientPresets
+};
+//# sourceMappingURL=static-radial-gradient.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shaders/static-radial-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  staticRadialGradientFragmentShader,\n  ShaderFitOptions,\n  type StaticRadialGradientParams,\n  type StaticRadialGradientUniforms,\n  type ShaderPreset,\n} from '@paper-design/shaders';\n\nexport interface StaticRadialGradientProps extends ShaderComponentProps, StaticRadialGradientParams {}\n\ntype StaticRadialGradientPreset = ShaderPreset<StaticRadialGradientParams>;\n\nexport const defaultPreset: StaticRadialGradientPreset = {\n  name: 'Default',\n  params: {\n    ...defaultObjectSizing,\n    scale: 1,\n    speed: 0,\n    frame: 0,\n    colorBack: '#264653',\n    colors: ['#9c2b2b', '#f4a261', '#ffffff'],\n    radius: 1,\n    focalDistance: 0,\n    focalAngle: 0,\n    falloff: 0,\n    mixing: 0.7,\n    distortion: 0,\n    distortionShift: 0,\n    distortionFreq: 12,\n    grainMixer: 0,\n    grainOverlay: 0,\n  },\n};\n\nexport const crossSectionPreset: StaticRadialGradientPreset = {\n  name: 'Cross Section',\n  params: {\n    ...defaultObjectSizing,\n    scale: 1,\n    speed: 0,\n    frame: 0,\n    colorBack: '#3d348b',\n    colors: ['#7678ed', '#f7b801', '#f18701', '#37a066'],\n    radius: 1,\n    focalDistance: 0,\n    focalAngle: 0,\n    falloff: 0,\n    mixing: 0,\n    distortion: 1,\n    distortionShift: 0,\n    distortionFreq: 12,\n    grainMixer: 0,\n    grainOverlay: 0,\n  },\n};\n\nexport const glowPreset: StaticRadialGradientPreset = {\n  name: 'Glow',\n  params: {\n    ...defaultObjectSizing,\n    scale: 1,\n    speed: 0,\n    frame: 0,\n    colorBack: '#2e2e2e',\n    colors: ['#def4cd', '#ffb3fa', '#ff0040'],\n    radius: 0.7,\n    focalDistance: 0.99,\n    focalAngle: 0,\n    falloff: 0.24,\n    mixing: 0.35,\n    distortion: 0.0,\n    distortionShift: 0,\n    distortionFreq: 12,\n    grainMixer: 0.0,\n    grainOverlay: 0.0,\n  },\n};\n\nexport const loFiPreset: StaticRadialGradientPreset = {\n  name: 'Lo-Fi',\n  params: {\n    ...defaultObjectSizing,\n    speed: 0,\n    frame: 0,\n    colorBack: '#2e1f27',\n    colors: ['#d72638', '#3f88c5', '#f49d37'],\n    radius: 1,\n    focalDistance: 0,\n    focalAngle: 0,\n    falloff: 0.9,\n    mixing: 0.5,\n    distortion: 0,\n    distortionShift: 0,\n    distortionFreq: 12,\n    grainMixer: 1,\n    grainOverlay: 0.5,\n  },\n};\n\nexport const staticRadialGradientPresets: StaticRadialGradientPreset[] = [\n  defaultPreset,\n  loFiPreset,\n  crossSectionPreset,\n  glowPreset,\n];\n\nexport const StaticRadialGradient: React.FC<StaticRadialGradientProps> = memo(function StaticRadialGradientImpl({\n  // Own props\n  speed = defaultPreset.params.speed,\n  frame = defaultPreset.params.frame,\n  colorBack = defaultPreset.params.colorBack,\n  colors = defaultPreset.params.colors,\n  radius = defaultPreset.params.radius,\n  focalDistance = defaultPreset.params.focalDistance,\n  focalAngle = defaultPreset.params.focalAngle,\n  falloff = defaultPreset.params.falloff,\n  grainMixer = defaultPreset.params.grainMixer,\n  mixing = defaultPreset.params.mixing,\n  distortion = defaultPreset.params.distortion,\n  distortionShift = defaultPreset.params.distortionShift,\n  distortionFreq = defaultPreset.params.distortionFreq,\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}: StaticRadialGradientProps) {\n  const uniforms = {\n    // Own uniforms\n    u_colorBack: getShaderColorFromString(colorBack),\n    u_colors: colors.map(getShaderColorFromString),\n    u_colorsCount: colors.length,\n    u_radius: radius,\n    u_focalDistance: focalDistance,\n    u_focalAngle: focalAngle,\n    u_falloff: falloff,\n    u_mixing: mixing,\n    u_distortion: distortion,\n    u_distortionShift: distortionShift,\n    u_distortionFreq: distortionFreq,\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 StaticRadialGradientUniforms;\n\n  return (\n    <ShaderMount\n      {...props}\n      speed={speed}\n      frame={frame}\n      fragmentShader={staticRadialGradientFragmentShader}\n      uniforms={uniforms}\n    />\n  );\n}, colorPropsAreEqual);\n"],
+  "mappings": "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",
+  "names": []
+}