shaders 2.5.110 → 2.5.111

package/dist/solid/index.js

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

package/dist/solid/utils/generatePresetCode.js

@@ -473,6 +473,24 @@ const shaderMetadata = {
     "distortion": 0.5,
     "seed": 0
   },
+  "FlutedGlass": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "shape": "bars",
+    "angle": 0,
+    "frequency": 10,
+    "softness": 0.5,
+    "waveAmplitude": 0.06,
+    "waveFrequency": 1.5,
+    "speed": 0,
+    "refraction": 1.5,
+    "aberration": 0.2,
+    "lightAngle": 30,
+    "highlight": 0.2,
+    "highlightSoftness": 0.3,
+    "highlightColor": "#ffffff",
+    "edges": "mirror"
+  },
   "Fog": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1566,6 +1584,7 @@ const availableComponents = [
   "FlowField",
   "Flower",
   "FlowingGradient",
+  "FlutedGlass",
   "Fog",
   "Form3D",
   "Glass",

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

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

package/dist/svelte/{generatePresetCode-jdOx6mhw.js → generatePresetCode-DAEzZxbM.js}

@@ -471,6 +471,24 @@ var shaderMetadata = {
 		"distortion": .5,
 		"seed": 0
 	},
+	"FlutedGlass": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"shape": "bars",
+		"angle": 0,
+		"frequency": 10,
+		"softness": .5,
+		"waveAmplitude": .06,
+		"waveFrequency": 1.5,
+		"speed": 0,
+		"refraction": 1.5,
+		"aberration": .2,
+		"lightAngle": 30,
+		"highlight": .2,
+		"highlightSoftness": .3,
+		"highlightColor": "#ffffff",
+		"edges": "mirror"
+	},
 	"Fog": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -1485,6 +1503,7 @@ const availableComponents = [
 	"FlowField",
 	"Flower",
 	"FlowingGradient",
+	"FlutedGlass",
 	"Fog",
 	"Form3D",
 	"Glass",

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 FlutedGlass } from './components/FlutedGlass.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';