shaders 2.5.102 → 2.5.104

package/dist/solid/index.js

@@ -35,75 +35,78 @@ import { default as default35 } from "./components/FloatingParticles.js";
 import { default as default36 } from "./components/FlowField.js";
 import { default as default37 } from "./components/Flower.js";
 import { default as default38 } from "./components/FlowingGradient.js";
-import { default as default39 } from "./components/Form3D.js";
-import { default as default40 } from "./components/Glass.js";
-import { default as default41 } from "./components/GlassTiles.js";
-import { default as default42 } from "./components/Glitch.js";
-import { default as default43 } from "./components/Glow.js";
-import { default as default44 } from "./components/Godrays.js";
-import { default as default45 } from "./components/Grayscale.js";
-import { default as default46 } from "./components/Grid.js";
-import { default as default47 } from "./components/GridDistortion.js";
-import { default as default48 } from "./components/Group.js";
-import { default as default49 } from "./components/Halftone.js";
-import { default as default50 } from "./components/HexGrid.js";
-import { default as default51 } from "./components/HueShift.js";
-import { default as default52 } from "./components/ImageTexture.js";
-import { default as default53 } from "./components/Invert.js";
-import { default as default54 } from "./components/Kaleidoscope.js";
-import { default as default55 } from "./components/LensFlare.js";
-import { default as default56 } from "./components/LinearBlur.js";
-import { default as default57 } from "./components/LinearGradient.js";
-import { default as default58 } from "./components/Liquify.js";
-import { default as default59 } from "./components/Mirror.js";
-import { default as default60 } from "./components/MultiPointGradient.js";
-import { default as default61 } from "./components/Neon.js";
-import { default as default62 } from "./components/Paper.js";
-import { default as default63 } from "./components/Perspective.js";
-import { default as default64 } from "./components/Pixelate.js";
-import { default as default65 } from "./components/Plasma.js";
-import { default as default66 } from "./components/PolarCoordinates.js";
-import { default as default67 } from "./components/Polygon.js";
-import { default as default68 } from "./components/Posterize.js";
-import { default as default69 } from "./components/ProgressiveBlur.js";
-import { default as default70 } from "./components/RadialGradient.js";
-import { default as default71 } from "./components/RectangularCoordinates.js";
-import { default as default72 } from "./components/Ring.js";
-import { default as default73 } from "./components/Ripples.js";
-import { default as default74 } from "./components/RoundedRect.js";
-import { default as default75 } from "./components/Saturation.js";
-import { default as default76 } from "./components/Sharpness.js";
-import { default as default77 } from "./components/Shatter.js";
-import { default as default78 } from "./components/SimplexNoise.js";
-import { default as default79 } from "./components/SineWave.js";
-import { default as default80 } from "./components/Solarize.js";
-import { default as default81 } from "./components/SolidColor.js";
-import { default as default82 } from "./components/Spherize.js";
-import { default as default83 } from "./components/Spiral.js";
-import { default as default84 } from "./components/Star.js";
-import { default as default85 } from "./components/Strands.js";
-import { default as default86 } from "./components/Stretch.js";
-import { default as default87 } from "./components/Stripes.js";
-import { default as default88 } from "./components/StudioBackground.js";
-import { default as default89 } from "./components/Swirl.js";
-import { default as default90 } from "./components/TiltShift.js";
-import { default as default91 } from "./components/Tint.js";
-import { default as default92 } from "./components/Trapezoid.js";
-import { default as default93 } from "./components/Tritone.js";
-import { default as default94 } from "./components/Truchet.js";
-import { default as default95 } from "./components/Twirl.js";
-import { default as default96 } from "./components/VHS.js";
-import { default as default97 } from "./components/Vesica.js";
-import { default as default98 } from "./components/Vibrance.js";
-import { default as default99 } from "./components/VideoTexture.js";
-import { default as default100 } from "./components/Vignette.js";
-import { default as default101 } from "./components/Voronoi.js";
-import { default as default102 } from "./components/WaveDistortion.js";
-import { default as default103 } from "./components/Weave.js";
-import { default as default104 } from "./components/WebcamTexture.js";
-import { default as default105 } from "./components/ZoomBlur.js";
-import { default as default106 } from "./engine/Shader.js";
-import { default as default107 } from "./engine/Preview.js";
+import { default as default39 } from "./components/Fog.js";
+import { default as default40 } from "./components/Form3D.js";
+import { default as default41 } from "./components/Glass.js";
+import { default as default42 } from "./components/GlassTiles.js";
+import { default as default43 } from "./components/Glitch.js";
+import { default as default44 } from "./components/Glow.js";
+import { default as default45 } from "./components/Godrays.js";
+import { default as default46 } from "./components/Grayscale.js";
+import { default as default47 } from "./components/Grid.js";
+import { default as default48 } from "./components/GridDistortion.js";
+import { default as default49 } from "./components/Group.js";
+import { default as default50 } from "./components/Halftone.js";
+import { default as default51 } from "./components/HexGrid.js";
+import { default as default52 } from "./components/HueShift.js";
+import { default as default53 } from "./components/ImageTexture.js";
+import { default as default54 } from "./components/Invert.js";
+import { default as default55 } from "./components/Kaleidoscope.js";
+import { default as default56 } from "./components/LensFlare.js";
+import { default as default57 } from "./components/LinearBlur.js";
+import { default as default58 } from "./components/LinearGradient.js";
+import { default as default59 } from "./components/Liquify.js";
+import { default as default60 } from "./components/Mirror.js";
+import { default as default61 } from "./components/MultiPointGradient.js";
+import { default as default62 } from "./components/Neon.js";
+import { default as default63 } from "./components/Paper.js";
+import { default as default64 } from "./components/Perspective.js";
+import { default as default65 } from "./components/Pixelate.js";
+import { default as default66 } from "./components/Plasma.js";
+import { default as default67 } from "./components/PolarCoordinates.js";
+import { default as default68 } from "./components/Polygon.js";
+import { default as default69 } from "./components/Posterize.js";
+import { default as default70 } from "./components/ProgressiveBlur.js";
+import { default as default71 } from "./components/RadialGradient.js";
+import { default as default72 } from "./components/RectangularCoordinates.js";
+import { default as default73 } from "./components/Ring.js";
+import { default as default74 } from "./components/Ripples.js";
+import { default as default75 } from "./components/RoundedRect.js";
+import { default as default76 } from "./components/Saturation.js";
+import { default as default77 } from "./components/Sharpness.js";
+import { default as default78 } from "./components/Shatter.js";
+import { default as default79 } from "./components/SimplexNoise.js";
+import { default as default80 } from "./components/SineWave.js";
+import { default as default81 } from "./components/Smoke.js";
+import { default as default82 } from "./components/SmokeFill.js";
+import { default as default83 } from "./components/Solarize.js";
+import { default as default84 } from "./components/SolidColor.js";
+import { default as default85 } from "./components/Spherize.js";
+import { default as default86 } from "./components/Spiral.js";
+import { default as default87 } from "./components/Star.js";
+import { default as default88 } from "./components/Strands.js";
+import { default as default89 } from "./components/Stretch.js";
+import { default as default90 } from "./components/Stripes.js";
+import { default as default91 } from "./components/StudioBackground.js";
+import { default as default92 } from "./components/Swirl.js";
+import { default as default93 } from "./components/TiltShift.js";
+import { default as default94 } from "./components/Tint.js";
+import { default as default95 } from "./components/Trapezoid.js";
+import { default as default96 } from "./components/Tritone.js";
+import { default as default97 } from "./components/Truchet.js";
+import { default as default98 } from "./components/Twirl.js";
+import { default as default99 } from "./components/VHS.js";
+import { default as default100 } from "./components/Vesica.js";
+import { default as default101 } from "./components/Vibrance.js";
+import { default as default102 } from "./components/VideoTexture.js";
+import { default as default103 } from "./components/Vignette.js";
+import { default as default104 } from "./components/Voronoi.js";
+import { default as default105 } from "./components/WaveDistortion.js";
+import { default as default106 } from "./components/Weave.js";
+import { default as default107 } from "./components/WebcamTexture.js";
+import { default as default108 } from "./components/ZoomBlur.js";
+import { default as default109 } from "./engine/Shader.js";
+import { default as default110 } from "./engine/Preview.js";
 import { generatePresetCode } from "./utils/generatePresetCode.js";
 export {
   default2 as AngularBlur,
@@ -143,74 +146,77 @@ export {
   default36 as FlowField,
   default37 as Flower,
   default38 as FlowingGradient,
-  default39 as Form3D,
-  default40 as Glass,
-  default41 as GlassTiles,
-  default42 as Glitch,
-  default43 as Glow,
-  default44 as Godrays,
-  default45 as Grayscale,
-  default46 as Grid,
-  default47 as GridDistortion,
-  default48 as Group,
-  default49 as Halftone,
-  default50 as HexGrid,
-  default51 as HueShift,
-  default52 as ImageTexture,
-  default53 as Invert,
-  default54 as Kaleidoscope,
-  default55 as LensFlare,
-  default56 as LinearBlur,
-  default57 as LinearGradient,
-  default58 as Liquify,
-  default59 as Mirror,
-  default60 as MultiPointGradient,
-  default61 as Neon,
-  default62 as Paper,
-  default63 as Perspective,
-  default64 as Pixelate,
-  default65 as Plasma,
-  default66 as PolarCoordinates,
-  default67 as Polygon,
-  default68 as Posterize,
-  default107 as Preview,
-  default69 as ProgressiveBlur,
-  default70 as RadialGradient,
-  default71 as RectangularCoordinates,
-  default72 as Ring,
-  default73 as Ripples,
-  default74 as RoundedRect,
-  default75 as Saturation,
-  default106 as Shader,
-  default76 as Sharpness,
-  default77 as Shatter,
-  default78 as SimplexNoise,
-  default79 as SineWave,
-  default80 as Solarize,
-  default81 as SolidColor,
-  default82 as Spherize,
-  default83 as Spiral,
-  default84 as Star,
-  default85 as Strands,
-  default86 as Stretch,
-  default87 as Stripes,
-  default88 as StudioBackground,
-  default89 as Swirl,
-  default90 as TiltShift,
-  default91 as Tint,
-  default92 as Trapezoid,
-  default93 as Tritone,
-  default94 as Truchet,
-  default95 as Twirl,
-  default96 as VHS,
-  default97 as Vesica,
-  default98 as Vibrance,
-  default99 as VideoTexture,
-  default100 as Vignette,
-  default101 as Voronoi,
-  default102 as WaveDistortion,
-  default103 as Weave,
-  default104 as WebcamTexture,
-  default105 as ZoomBlur,
+  default39 as Fog,
+  default40 as Form3D,
+  default41 as Glass,
+  default42 as GlassTiles,
+  default43 as Glitch,
+  default44 as Glow,
+  default45 as Godrays,
+  default46 as Grayscale,
+  default47 as Grid,
+  default48 as GridDistortion,
+  default49 as Group,
+  default50 as Halftone,
+  default51 as HexGrid,
+  default52 as HueShift,
+  default53 as ImageTexture,
+  default54 as Invert,
+  default55 as Kaleidoscope,
+  default56 as LensFlare,
+  default57 as LinearBlur,
+  default58 as LinearGradient,
+  default59 as Liquify,
+  default60 as Mirror,
+  default61 as MultiPointGradient,
+  default62 as Neon,
+  default63 as Paper,
+  default64 as Perspective,
+  default65 as Pixelate,
+  default66 as Plasma,
+  default67 as PolarCoordinates,
+  default68 as Polygon,
+  default69 as Posterize,
+  default110 as Preview,
+  default70 as ProgressiveBlur,
+  default71 as RadialGradient,
+  default72 as RectangularCoordinates,
+  default73 as Ring,
+  default74 as Ripples,
+  default75 as RoundedRect,
+  default76 as Saturation,
+  default109 as Shader,
+  default77 as Sharpness,
+  default78 as Shatter,
+  default79 as SimplexNoise,
+  default80 as SineWave,
+  default81 as Smoke,
+  default82 as SmokeFill,
+  default83 as Solarize,
+  default84 as SolidColor,
+  default85 as Spherize,
+  default86 as Spiral,
+  default87 as Star,
+  default88 as Strands,
+  default89 as Stretch,
+  default90 as Stripes,
+  default91 as StudioBackground,
+  default92 as Swirl,
+  default93 as TiltShift,
+  default94 as Tint,
+  default95 as Trapezoid,
+  default96 as Tritone,
+  default97 as Truchet,
+  default98 as Twirl,
+  default99 as VHS,
+  default100 as Vesica,
+  default101 as Vibrance,
+  default102 as VideoTexture,
+  default103 as Vignette,
+  default104 as Voronoi,
+  default105 as WaveDistortion,
+  default106 as Weave,
+  default107 as WebcamTexture,
+  default108 as ZoomBlur,
   generatePresetCode
 };

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;AA64CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UA0G/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;AAw9CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UA6G/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -473,6 +473,20 @@ const shaderMetadata = {
     "distortion": 0.5,
     "seed": 0
   },
+  "Fog": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#e0e0e0",
+    "colorB": "#888888",
+    "seed": 0,
+    "speed": 1,
+    "turbulence": 1,
+    "detail": 15,
+    "blending": 0.3,
+    "mouseInfluence": 0.1,
+    "mouseRadius": 0.1,
+    "colorSpace": "linear"
+  },
   "Form3D": {
     "opacity": 1,
     "blendMode": "normal",
@@ -582,9 +596,20 @@ const shaderMetadata = {
   "Halftone": {
     "opacity": 1,
     "blendMode": "normal",
+    "style": "classic",
     "frequency": 100,
     "angle": 45,
-    "smoothness": 0.1
+    "cyanAngle": 15,
+    "magentaAngle": 75,
+    "yellowAngle": 0,
+    "blackAngle": 45,
+    "misprint": 0,
+    "misprintAngle": 0,
+    "paperColor": "#ffffff",
+    "cyanColor": "#00ffff",
+    "magentaColor": "#ff00ff",
+    "yellowColor": "#ffff00",
+    "blackColor": "#000000"
   },
   "HexGrid": {
     "opacity": 1,
@@ -959,6 +984,56 @@ const shaderMetadata = {
     "thickness": 0.2,
     "softness": 0.4
   },
+  "Smoke": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#fc83f9",
+    "colorB": "#c21c79",
+    "emitFrom": {
+      "x": 0.5,
+      "y": 1
+    },
+    "direction": 0,
+    "speed": 20,
+    "spread": 60,
+    "emitRadius": 0.08,
+    "intensity": 1,
+    "dissipation": 0.2,
+    "detail": 25,
+    "gravity": 0.5,
+    "colorDecay": 0.4,
+    "mouseInfluence": 0.1,
+    "mouseRadius": 0.1,
+    "colorSpace": "linear"
+  },
+  "SmokeFill": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#8cf3ff",
+    "colorB": "#04a0d6",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "emitFrom": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "direction": 0,
+    "speed": 10,
+    "spread": 60,
+    "emitRadius": 0.03,
+    "intensity": 1,
+    "dissipation": 0.3,
+    "detail": 25,
+    "gravity": 0.5,
+    "colorDecay": 0.4,
+    "mouseInfluence": 0.1,
+    "mouseRadius": 0.1,
+    "colorSpace": "linear",
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
   "Solarize": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1490,6 +1565,7 @@ const availableComponents = [
   "FlowField",
   "Flower",
   "FlowingGradient",
+  "Fog",
   "Form3D",
   "Glass",
   "GlassTiles",
@@ -1531,6 +1607,8 @@ const availableComponents = [
   "Shatter",
   "SimplexNoise",
   "SineWave",
+  "Smoke",
+  "SmokeFill",
   "Solarize",
   "SolidColor",
   "Spherize",

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

@@ -0,0 +1,19 @@
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/Fog';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    blendMode?: BlendMode;
+    opacity?: number;
+    visible?: boolean;
+    id?: string;
+    maskSource?: string;
+    maskType?: string;
+    renderOrder?: number;
+    transform?: Partial<TransformConfig>;
+    children?: import('svelte').Snippet;
+}
+declare const Fog: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Fog = ReturnType<typeof Fog>;
+export default Fog;

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

@@ -6,7 +6,12 @@ import { type ComponentProps } from '../../core/shaders/Halftone';
 interface ExtendedComponentProps extends Partial<ComponentProps> {
     frequency?: ComponentProps['frequency'] | PropDriver;
     angle?: ComponentProps['angle'] | PropDriver;
-    smoothness?: ComponentProps['smoothness'] | PropDriver;
+    cyanAngle?: ComponentProps['cyanAngle'] | PropDriver;
+    magentaAngle?: ComponentProps['magentaAngle'] | PropDriver;
+    yellowAngle?: ComponentProps['yellowAngle'] | PropDriver;
+    blackAngle?: ComponentProps['blackAngle'] | PropDriver;
+    misprint?: ComponentProps['misprint'] | PropDriver;
+    misprintAngle?: ComponentProps['misprintAngle'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

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

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

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

package/dist/svelte/{generatePresetCode-BygAdFRo.js → generatePresetCode-DR_OAIL7.js}

@@ -471,6 +471,20 @@ var shaderMetadata = {
 		"distortion": .5,
 		"seed": 0
 	},
+	"Fog": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#e0e0e0",
+		"colorB": "#888888",
+		"seed": 0,
+		"speed": 1,
+		"turbulence": 1,
+		"detail": 15,
+		"blending": .3,
+		"mouseInfluence": .1,
+		"mouseRadius": .1,
+		"colorSpace": "linear"
+	},
 	"Form3D": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -580,9 +594,20 @@ var shaderMetadata = {
 	"Halftone": {
 		"opacity": 1,
 		"blendMode": "normal",
+		"style": "classic",
 		"frequency": 100,
 		"angle": 45,
-		"smoothness": .1
+		"cyanAngle": 15,
+		"magentaAngle": 75,
+		"yellowAngle": 0,
+		"blackAngle": 45,
+		"misprint": 0,
+		"misprintAngle": 0,
+		"paperColor": "#ffffff",
+		"cyanColor": "#00ffff",
+		"magentaColor": "#ff00ff",
+		"yellowColor": "#ffff00",
+		"blackColor": "#000000"
 	},
 	"HexGrid": {
 		"opacity": 1,
@@ -957,6 +982,56 @@ var shaderMetadata = {
 		"thickness": .2,
 		"softness": .4
 	},
+	"Smoke": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#fc83f9",
+		"colorB": "#c21c79",
+		"emitFrom": {
+			"x": .5,
+			"y": 1
+		},
+		"direction": 0,
+		"speed": 20,
+		"spread": 60,
+		"emitRadius": .08,
+		"intensity": 1,
+		"dissipation": .2,
+		"detail": 25,
+		"gravity": .5,
+		"colorDecay": .4,
+		"mouseInfluence": .1,
+		"mouseRadius": .1,
+		"colorSpace": "linear"
+	},
+	"SmokeFill": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"colorA": "#8cf3ff",
+		"colorB": "#04a0d6",
+		"center": {
+			"x": .5,
+			"y": .5
+		},
+		"scale": 1,
+		"emitFrom": {
+			"x": .5,
+			"y": .5
+		},
+		"direction": 0,
+		"speed": 10,
+		"spread": 60,
+		"emitRadius": .03,
+		"intensity": 1,
+		"dissipation": .3,
+		"detail": 25,
+		"gravity": .5,
+		"colorDecay": .4,
+		"mouseInfluence": .1,
+		"mouseRadius": .1,
+		"colorSpace": "linear",
+		"shape": "{\"type\":\"circleSDF\",\"radius\":0.35}"
+	},
 	"Solarize": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1409,6 +1484,7 @@ const availableComponents = [
 	"FlowField",
 	"Flower",
 	"FlowingGradient",
+	"Fog",
 	"Form3D",
 	"Glass",
 	"GlassTiles",
@@ -1450,6 +1526,8 @@ const availableComponents = [
 	"Shatter",
 	"SimplexNoise",
 	"SineWave",
+	"Smoke",
+	"SmokeFill",
 	"Solarize",
 	"SolidColor",
 	"Spherize",

package/dist/svelte/index.d.ts

@@ -35,6 +35,7 @@ export { default as FloatingParticles } from './components/FloatingParticles.sve
 export { default as FlowField } from './components/FlowField.svelte';
 export { default as Flower } from './components/Flower.svelte';
 export { default as FlowingGradient } from './components/FlowingGradient.svelte';
+export { default as Fog } from './components/Fog.svelte';
 export { default as Form3D } from './components/Form3D.svelte';
 export { default as Glass } from './components/Glass.svelte';
 export { default as GlassTiles } from './components/GlassTiles.svelte';
@@ -76,6 +77,8 @@ export { default as Sharpness } from './components/Sharpness.svelte';
 export { default as Shatter } from './components/Shatter.svelte';
 export { default as SimplexNoise } from './components/SimplexNoise.svelte';
 export { default as SineWave } from './components/SineWave.svelte';
+export { default as Smoke } from './components/Smoke.svelte';
+export { default as SmokeFill } from './components/SmokeFill.svelte';
 export { default as Solarize } from './components/Solarize.svelte';
 export { default as SolidColor } from './components/SolidColor.svelte';
 export { default as Spherize } from './components/Spherize.svelte';