shaders 3.1.456 → 3.1.458

package/dist/solid/index.js

@@ -106,92 +106,93 @@ import { default as default107 } from "./components/LiquidMetal.js";
 import { default as default108 } from "./components/Liquify.js";
 import { default as default109 } from "./components/MagneticFilings.js";
 import { default as default110 } from "./components/Marble.js";
-import { default as default111 } from "./components/Mirror.js";
-import { default as default112 } from "./components/MultiPointGradient.js";
-import { default as default113 } from "./components/Neon.js";
-import { default as default114 } from "./components/NoiseDissolve.js";
-import { default as default115 } from "./components/ObjectTracker.js";
-import { default as default116 } from "./components/PagePeel.js";
-import { default as default117 } from "./components/Paper.js";
-import { default as default118 } from "./components/Parallelogram.js";
-import { default as default119 } from "./components/ParticleField.js";
-import { default as default120 } from "./components/ParticleFlow.js";
-import { default as default121 } from "./components/Particles.js";
-import { default as default122 } from "./components/PerlinNoise.js";
-import { default as default123 } from "./components/Perspective.js";
-import { default as default124 } from "./components/PixelSort.js";
-import { default as default125 } from "./components/PixelThrow.js";
-import { default as default126 } from "./components/Pixelate.js";
-import { default as default127 } from "./components/Plasma.js";
-import { default as default128 } from "./components/Plastic.js";
-import { default as default129 } from "./components/PolarCoordinates.js";
-import { default as default130 } from "./components/Polygon.js";
-import { default as default131 } from "./components/Posterize.js";
-import { default as default132 } from "./components/Prism.js";
-import { default as default133 } from "./components/ProgressiveBlur.js";
-import { default as default134 } from "./components/RadialGradient.js";
-import { default as default135 } from "./components/RadialWipe.js";
-import { default as default136 } from "./components/RandomBars.js";
-import { default as default137 } from "./components/ReactionDiffusion.js";
-import { default as default138 } from "./components/RectangularCoordinates.js";
-import { default as default139 } from "./components/ReflectivePlane.js";
-import { default as default140 } from "./components/Repeater.js";
-import { default as default141 } from "./components/Ring.js";
-import { default as default142 } from "./components/RippleWipe.js";
-import { default as default143 } from "./components/Ripples.js";
-import { default as default144 } from "./components/RoundedRect.js";
-import { default as default145 } from "./components/Saturation.js";
-import { default as default146 } from "./components/Scratches.js";
-import { default as default147 } from "./components/Sharpness.js";
-import { default as default148 } from "./components/Shatter.js";
-import { default as default149 } from "./components/SimplexNoise.js";
-import { default as default150 } from "./components/SineWave.js";
-import { default as default151 } from "./components/SliceWipe.js";
-import { default as default152 } from "./components/Smoke.js";
-import { default as default153 } from "./components/SmokeFill.js";
-import { default as default154 } from "./components/SmokeFlow.js";
-import { default as default155 } from "./components/Solarize.js";
-import { default as default156 } from "./components/SolidColor.js";
-import { default as default157 } from "./components/Spherize.js";
-import { default as default158 } from "./components/Spiral.js";
-import { default as default159 } from "./components/Star.js";
-import { default as default160 } from "./components/Stone.js";
-import { default as default161 } from "./components/Strands.js";
-import { default as default162 } from "./components/Stretch.js";
-import { default as default163 } from "./components/Stripes.js";
-import { default as default164 } from "./components/StudioBackground.js";
-import { default as default165 } from "./components/SunBurst.js";
-import { default as default166 } from "./components/Surface3D.js";
-import { default as default167 } from "./components/Swirl.js";
-import { default as default168 } from "./components/Teardrop.js";
-import { default as default169 } from "./components/Text.js";
-import { default as default170 } from "./components/ThinFilm.js";
-import { default as default171 } from "./components/TiltShift.js";
-import { default as default172 } from "./components/TimeTrail.js";
-import { default as default173 } from "./components/Tint.js";
-import { default as default174 } from "./components/Trapezoid.js";
-import { default as default175 } from "./components/TriangularGrid.js";
-import { default as default176 } from "./components/Tritone.js";
-import { default as default177 } from "./components/Truchet.js";
-import { default as default178 } from "./components/Twirl.js";
-import { default as default179 } from "./components/VHS.js";
-import { default as default180 } from "./components/VenetianBlinds.js";
-import { default as default181 } from "./components/Vesica.js";
-import { default as default182 } from "./components/Vibrance.js";
-import { default as default183 } from "./components/VideoTexture.js";
-import { default as default184 } from "./components/Vignette.js";
-import { default as default185 } from "./components/Voronoi.js";
-import { default as default186 } from "./components/Water.js";
-import { default as default187 } from "./components/Watercolor.js";
-import { default as default188 } from "./components/WaveDistortion.js";
-import { default as default189 } from "./components/WaveletNoise.js";
-import { default as default190 } from "./components/Weave.js";
-import { default as default191 } from "./components/WebcamTexture.js";
-import { default as default192 } from "./components/Wool.js";
-import { default as default193 } from "./components/WorleyNoise.js";
-import { default as default194 } from "./components/ZoomBlur.js";
-import { default as default195 } from "./engine/Shader.js";
-import { default as default196 } from "./engine/Preview.js";
+import { default as default111 } from "./components/MeshGradient.js";
+import { default as default112 } from "./components/Mirror.js";
+import { default as default113 } from "./components/MultiPointGradient.js";
+import { default as default114 } from "./components/Neon.js";
+import { default as default115 } from "./components/NoiseDissolve.js";
+import { default as default116 } from "./components/ObjectTracker.js";
+import { default as default117 } from "./components/PagePeel.js";
+import { default as default118 } from "./components/Paper.js";
+import { default as default119 } from "./components/Parallelogram.js";
+import { default as default120 } from "./components/ParticleField.js";
+import { default as default121 } from "./components/ParticleFlow.js";
+import { default as default122 } from "./components/Particles.js";
+import { default as default123 } from "./components/PerlinNoise.js";
+import { default as default124 } from "./components/Perspective.js";
+import { default as default125 } from "./components/PixelSort.js";
+import { default as default126 } from "./components/PixelThrow.js";
+import { default as default127 } from "./components/Pixelate.js";
+import { default as default128 } from "./components/Plasma.js";
+import { default as default129 } from "./components/Plastic.js";
+import { default as default130 } from "./components/PolarCoordinates.js";
+import { default as default131 } from "./components/Polygon.js";
+import { default as default132 } from "./components/Posterize.js";
+import { default as default133 } from "./components/Prism.js";
+import { default as default134 } from "./components/ProgressiveBlur.js";
+import { default as default135 } from "./components/RadialGradient.js";
+import { default as default136 } from "./components/RadialWipe.js";
+import { default as default137 } from "./components/RandomBars.js";
+import { default as default138 } from "./components/ReactionDiffusion.js";
+import { default as default139 } from "./components/RectangularCoordinates.js";
+import { default as default140 } from "./components/ReflectivePlane.js";
+import { default as default141 } from "./components/Repeater.js";
+import { default as default142 } from "./components/Ring.js";
+import { default as default143 } from "./components/RippleWipe.js";
+import { default as default144 } from "./components/Ripples.js";
+import { default as default145 } from "./components/RoundedRect.js";
+import { default as default146 } from "./components/Saturation.js";
+import { default as default147 } from "./components/Scratches.js";
+import { default as default148 } from "./components/Sharpness.js";
+import { default as default149 } from "./components/Shatter.js";
+import { default as default150 } from "./components/SimplexNoise.js";
+import { default as default151 } from "./components/SineWave.js";
+import { default as default152 } from "./components/SliceWipe.js";
+import { default as default153 } from "./components/Smoke.js";
+import { default as default154 } from "./components/SmokeFill.js";
+import { default as default155 } from "./components/SmokeFlow.js";
+import { default as default156 } from "./components/Solarize.js";
+import { default as default157 } from "./components/SolidColor.js";
+import { default as default158 } from "./components/Spherize.js";
+import { default as default159 } from "./components/Spiral.js";
+import { default as default160 } from "./components/Star.js";
+import { default as default161 } from "./components/Stone.js";
+import { default as default162 } from "./components/Strands.js";
+import { default as default163 } from "./components/Stretch.js";
+import { default as default164 } from "./components/Stripes.js";
+import { default as default165 } from "./components/StudioBackground.js";
+import { default as default166 } from "./components/SunBurst.js";
+import { default as default167 } from "./components/Surface3D.js";
+import { default as default168 } from "./components/Swirl.js";
+import { default as default169 } from "./components/Teardrop.js";
+import { default as default170 } from "./components/Text.js";
+import { default as default171 } from "./components/ThinFilm.js";
+import { default as default172 } from "./components/TiltShift.js";
+import { default as default173 } from "./components/TimeTrail.js";
+import { default as default174 } from "./components/Tint.js";
+import { default as default175 } from "./components/Trapezoid.js";
+import { default as default176 } from "./components/TriangularGrid.js";
+import { default as default177 } from "./components/Tritone.js";
+import { default as default178 } from "./components/Truchet.js";
+import { default as default179 } from "./components/Twirl.js";
+import { default as default180 } from "./components/VHS.js";
+import { default as default181 } from "./components/VenetianBlinds.js";
+import { default as default182 } from "./components/Vesica.js";
+import { default as default183 } from "./components/Vibrance.js";
+import { default as default184 } from "./components/VideoTexture.js";
+import { default as default185 } from "./components/Vignette.js";
+import { default as default186 } from "./components/Voronoi.js";
+import { default as default187 } from "./components/Water.js";
+import { default as default188 } from "./components/Watercolor.js";
+import { default as default189 } from "./components/WaveDistortion.js";
+import { default as default190 } from "./components/WaveletNoise.js";
+import { default as default191 } from "./components/Weave.js";
+import { default as default192 } from "./components/WebcamTexture.js";
+import { default as default193 } from "./components/Wool.js";
+import { default as default194 } from "./components/WorleyNoise.js";
+import { default as default195 } from "./components/ZoomBlur.js";
+import { default as default196 } from "./engine/Shader.js";
+import { default as default197 } from "./engine/Preview.js";
 import { getWebGPUSupport, isShadersDebug, isWebGPUSupported, setShadersDebug } from "../core/index.js";
 export {
   default2 as AngularBlur,
@@ -303,92 +304,93 @@ export {
   default108 as Liquify,
   default109 as MagneticFilings,
   default110 as Marble,
-  default111 as Mirror,
-  default112 as MultiPointGradient,
-  default113 as Neon,
-  default114 as NoiseDissolve,
-  default115 as ObjectTracker,
-  default116 as PagePeel,
-  default117 as Paper,
-  default118 as Parallelogram,
-  default119 as ParticleField,
-  default120 as ParticleFlow,
-  default121 as Particles,
-  default122 as PerlinNoise,
-  default123 as Perspective,
-  default124 as PixelSort,
-  default125 as PixelThrow,
-  default126 as Pixelate,
-  default127 as Plasma,
-  default128 as Plastic,
-  default129 as PolarCoordinates,
-  default130 as Polygon,
-  default131 as Posterize,
-  default196 as Preview,
-  default132 as Prism,
-  default133 as ProgressiveBlur,
-  default134 as RadialGradient,
-  default135 as RadialWipe,
-  default136 as RandomBars,
-  default137 as ReactionDiffusion,
-  default138 as RectangularCoordinates,
-  default139 as ReflectivePlane,
-  default140 as Repeater,
-  default141 as Ring,
-  default142 as RippleWipe,
-  default143 as Ripples,
-  default144 as RoundedRect,
-  default145 as Saturation,
-  default146 as Scratches,
-  default195 as Shader,
-  default147 as Sharpness,
-  default148 as Shatter,
-  default149 as SimplexNoise,
-  default150 as SineWave,
-  default151 as SliceWipe,
-  default152 as Smoke,
-  default153 as SmokeFill,
-  default154 as SmokeFlow,
-  default155 as Solarize,
-  default156 as SolidColor,
-  default157 as Spherize,
-  default158 as Spiral,
-  default159 as Star,
-  default160 as Stone,
-  default161 as Strands,
-  default162 as Stretch,
-  default163 as Stripes,
-  default164 as StudioBackground,
-  default165 as SunBurst,
-  default166 as Surface3D,
-  default167 as Swirl,
-  default168 as Teardrop,
-  default169 as Text,
-  default170 as ThinFilm,
-  default171 as TiltShift,
-  default172 as TimeTrail,
-  default173 as Tint,
-  default174 as Trapezoid,
-  default175 as TriangularGrid,
-  default176 as Tritone,
-  default177 as Truchet,
-  default178 as Twirl,
-  default179 as VHS,
-  default180 as VenetianBlinds,
-  default181 as Vesica,
-  default182 as Vibrance,
-  default183 as VideoTexture,
-  default184 as Vignette,
-  default185 as Voronoi,
-  default186 as Water,
-  default187 as Watercolor,
-  default188 as WaveDistortion,
-  default189 as WaveletNoise,
-  default190 as Weave,
-  default191 as WebcamTexture,
-  default192 as Wool,
-  default193 as WorleyNoise,
-  default194 as ZoomBlur,
+  default111 as MeshGradient,
+  default112 as Mirror,
+  default113 as MultiPointGradient,
+  default114 as Neon,
+  default115 as NoiseDissolve,
+  default116 as ObjectTracker,
+  default117 as PagePeel,
+  default118 as Paper,
+  default119 as Parallelogram,
+  default120 as ParticleField,
+  default121 as ParticleFlow,
+  default122 as Particles,
+  default123 as PerlinNoise,
+  default124 as Perspective,
+  default125 as PixelSort,
+  default126 as PixelThrow,
+  default127 as Pixelate,
+  default128 as Plasma,
+  default129 as Plastic,
+  default130 as PolarCoordinates,
+  default131 as Polygon,
+  default132 as Posterize,
+  default197 as Preview,
+  default133 as Prism,
+  default134 as ProgressiveBlur,
+  default135 as RadialGradient,
+  default136 as RadialWipe,
+  default137 as RandomBars,
+  default138 as ReactionDiffusion,
+  default139 as RectangularCoordinates,
+  default140 as ReflectivePlane,
+  default141 as Repeater,
+  default142 as Ring,
+  default143 as RippleWipe,
+  default144 as Ripples,
+  default145 as RoundedRect,
+  default146 as Saturation,
+  default147 as Scratches,
+  default196 as Shader,
+  default148 as Sharpness,
+  default149 as Shatter,
+  default150 as SimplexNoise,
+  default151 as SineWave,
+  default152 as SliceWipe,
+  default153 as Smoke,
+  default154 as SmokeFill,
+  default155 as SmokeFlow,
+  default156 as Solarize,
+  default157 as SolidColor,
+  default158 as Spherize,
+  default159 as Spiral,
+  default160 as Star,
+  default161 as Stone,
+  default162 as Strands,
+  default163 as Stretch,
+  default164 as Stripes,
+  default165 as StudioBackground,
+  default166 as SunBurst,
+  default167 as Surface3D,
+  default168 as Swirl,
+  default169 as Teardrop,
+  default170 as Text,
+  default171 as ThinFilm,
+  default172 as TiltShift,
+  default173 as TimeTrail,
+  default174 as Tint,
+  default175 as Trapezoid,
+  default176 as TriangularGrid,
+  default177 as Tritone,
+  default178 as Truchet,
+  default179 as Twirl,
+  default180 as VHS,
+  default181 as VenetianBlinds,
+  default182 as Vesica,
+  default183 as Vibrance,
+  default184 as VideoTexture,
+  default185 as Vignette,
+  default186 as Voronoi,
+  default187 as Water,
+  default188 as Watercolor,
+  default189 as WaveDistortion,
+  default190 as WaveletNoise,
+  default191 as Weave,
+  default192 as WebcamTexture,
+  default193 as Wool,
+  default194 as WorleyNoise,
+  default195 as ZoomBlur,
   getWebGPUSupport,
   isShadersDebug,
   isWebGPUSupported,

package/dist/solid/utils/generatePresetCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAk+FD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAoFpM;AAGD,eAAO,MAAM,mBAAmB,UAkM/B,CAAA"}
+{"version":3,"file":"generatePresetCode.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;CAC7B;AAED,UAAU,YAAY;IACpB,UAAU,EAAE,eAAe,EAAE,CAAA;CAC9B;AAugGD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,WAAW,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAoFpM;AAGD,eAAO,MAAM,mBAAmB,UAmM/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -1557,6 +1557,43 @@ const shaderMetadata = {
     "seed": 0,
     "colorSpace": "linear"
   },
+  "MeshGradient": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#1a0533",
+    "colorB": "#ffdf8e",
+    "stops": [
+      {
+        "color": "#1a0533",
+        "position": 0
+      },
+      {
+        "color": "#6d2fd1",
+        "position": 0.26
+      },
+      {
+        "color": "#e04b9e",
+        "position": 0.52
+      },
+      {
+        "color": "#ff8c42",
+        "position": 0.76
+      },
+      {
+        "color": "#ffdf8e",
+        "position": 1
+      }
+    ],
+    "colorSpace": "oklab",
+    "count": 5,
+    "smoothness": 2,
+    "variation": 0.35,
+    "swirl": 0.3,
+    "drift": 0.5,
+    "wrapping": 0,
+    "speed": 1,
+    "seed": 0
+  },
   "Mirror": {
     "opacity": 1,
     "blendMode": "normal",
@@ -3163,6 +3200,7 @@ const availableComponents = [
   "Liquify",
   "MagneticFilings",
   "Marble",
+  "MeshGradient",
   "Mirror",
   "MultiPointGradient",
   "Neon",

package/dist/svelte/components/MeshGradient.svelte.d.ts

@@ -0,0 +1,28 @@
+import { type BlendMode, type PropDriver, type TransformConfig, type BoundingBoxConfig, type LayoutConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/MeshGradient';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    smoothness?: ComponentProps['smoothness'] | PropDriver;
+    variation?: ComponentProps['variation'] | PropDriver;
+    swirl?: ComponentProps['swirl'] | PropDriver;
+    drift?: ComponentProps['drift'] | PropDriver;
+    wrapping?: ComponentProps['wrapping'] | PropDriver;
+    seed?: ComponentProps['seed'] | PropDriver;
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+    boundingBox?: Partial<BoundingBoxConfig>;
+    flow?: LayoutConfig;
+    absolute?: boolean;
+    children?: import('svelte').Snippet;
+}
+declare const MeshGradient: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type MeshGradient = ReturnType<typeof MeshGradient>;
+export default MeshGradient;

package/dist/svelte/index.d.ts

@@ -108,6 +108,7 @@ export { default as LiquidMetal } from './components/LiquidMetal.svelte';
 export { default as Liquify } from './components/Liquify.svelte';
 export { default as MagneticFilings } from './components/MagneticFilings.svelte';
 export { default as Marble } from './components/Marble.svelte';
+export { default as MeshGradient } from './components/MeshGradient.svelte';
 export { default as Mirror } from './components/Mirror.svelte';
 export { default as MultiPointGradient } from './components/MultiPointGradient.svelte';
 export { default as Neon } from './components/Neon.svelte';