shaders 2.5.128 → 2.5.130

package/dist/solid/index.js

@@ -33,90 +33,92 @@ import { default as default33 } from "./components/DropShadow.js";
 import { default as default34 } from "./components/Duotone.js";
 import { default as default35 } from "./components/Ellipse.js";
 import { default as default36 } from "./components/Emboss.js";
-import { default as default37 } from "./components/FallingLines.js";
-import { default as default38 } from "./components/FilmGrain.js";
-import { default as default39 } from "./components/FloatingParticles.js";
-import { default as default40 } from "./components/FlowField.js";
-import { default as default41 } from "./components/Flower.js";
-import { default as default42 } from "./components/FlowingGradient.js";
-import { default as default43 } from "./components/FlutedGlass.js";
-import { default as default44 } from "./components/Fog.js";
-import { default as default45 } from "./components/Form3D.js";
-import { default as default46 } from "./components/FractalNoise.js";
-import { default as default47 } from "./components/Glass.js";
-import { default as default48 } from "./components/GlassTiles.js";
-import { default as default49 } from "./components/Glitch.js";
-import { default as default50 } from "./components/Glow.js";
-import { default as default51 } from "./components/Godrays.js";
-import { default as default52 } from "./components/Grayscale.js";
-import { default as default53 } from "./components/Grid.js";
-import { default as default54 } from "./components/GridDistortion.js";
-import { default as default55 } from "./components/Group.js";
-import { default as default56 } from "./components/Halftone.js";
-import { default as default57 } from "./components/HexGrid.js";
-import { default as default58 } from "./components/HueShift.js";
-import { default as default59 } from "./components/ImageTexture.js";
-import { default as default60 } from "./components/Invert.js";
-import { default as default61 } from "./components/Kaleidoscope.js";
-import { default as default62 } from "./components/LensFlare.js";
-import { default as default63 } from "./components/LinearBlur.js";
-import { default as default64 } from "./components/LinearGradient.js";
-import { default as default65 } from "./components/Liquify.js";
-import { default as default66 } from "./components/Marble.js";
-import { default as default67 } from "./components/Mirror.js";
-import { default as default68 } from "./components/MultiPointGradient.js";
-import { default as default69 } from "./components/Neon.js";
-import { default as default70 } from "./components/Paper.js";
-import { default as default71 } from "./components/Perspective.js";
-import { default as default72 } from "./components/Pixelate.js";
-import { default as default73 } from "./components/Plasma.js";
-import { default as default74 } from "./components/PolarCoordinates.js";
-import { default as default75 } from "./components/Polygon.js";
-import { default as default76 } from "./components/Posterize.js";
-import { default as default77 } from "./components/ProgressiveBlur.js";
-import { default as default78 } from "./components/RadialGradient.js";
-import { default as default79 } from "./components/RectangularCoordinates.js";
-import { default as default80 } from "./components/ReflectivePlane.js";
-import { default as default81 } from "./components/Ring.js";
-import { default as default82 } from "./components/Ripples.js";
-import { default as default83 } from "./components/RoundedRect.js";
-import { default as default84 } from "./components/Saturation.js";
-import { default as default85 } from "./components/Sharpness.js";
-import { default as default86 } from "./components/Shatter.js";
-import { default as default87 } from "./components/SimplexNoise.js";
-import { default as default88 } from "./components/SineWave.js";
-import { default as default89 } from "./components/Smoke.js";
-import { default as default90 } from "./components/SmokeFill.js";
-import { default as default91 } from "./components/Solarize.js";
-import { default as default92 } from "./components/SolidColor.js";
-import { default as default93 } from "./components/Spherize.js";
-import { default as default94 } from "./components/Spiral.js";
-import { default as default95 } from "./components/Star.js";
-import { default as default96 } from "./components/Strands.js";
-import { default as default97 } from "./components/Stretch.js";
-import { default as default98 } from "./components/Stripes.js";
-import { default as default99 } from "./components/StudioBackground.js";
-import { default as default100 } from "./components/SunBurst.js";
-import { default as default101 } from "./components/Swirl.js";
-import { default as default102 } from "./components/TiltShift.js";
-import { default as default103 } from "./components/Tint.js";
-import { default as default104 } from "./components/Trapezoid.js";
-import { default as default105 } from "./components/Tritone.js";
-import { default as default106 } from "./components/Truchet.js";
-import { default as default107 } from "./components/Twirl.js";
-import { default as default108 } from "./components/VHS.js";
-import { default as default109 } from "./components/Vesica.js";
-import { default as default110 } from "./components/Vibrance.js";
-import { default as default111 } from "./components/VideoTexture.js";
-import { default as default112 } from "./components/Vignette.js";
-import { default as default113 } from "./components/Voronoi.js";
-import { default as default114 } from "./components/WaveDistortion.js";
-import { default as default115 } from "./components/Weave.js";
-import { default as default116 } from "./components/WebcamTexture.js";
-import { default as default117 } from "./components/WorleyNoise.js";
-import { default as default118 } from "./components/ZoomBlur.js";
-import { default as default119 } from "./engine/Shader.js";
-import { default as default120 } from "./engine/Preview.js";
+import { default as default37 } from "./components/Exposure.js";
+import { default as default38 } from "./components/FallingLines.js";
+import { default as default39 } from "./components/FilmGrain.js";
+import { default as default40 } from "./components/FloatingParticles.js";
+import { default as default41 } from "./components/FlowField.js";
+import { default as default42 } from "./components/Flower.js";
+import { default as default43 } from "./components/FlowingGradient.js";
+import { default as default44 } from "./components/FlutedGlass.js";
+import { default as default45 } from "./components/Fog.js";
+import { default as default46 } from "./components/Form3D.js";
+import { default as default47 } from "./components/FractalNoise.js";
+import { default as default48 } from "./components/Glass.js";
+import { default as default49 } from "./components/GlassTiles.js";
+import { default as default50 } from "./components/Glitch.js";
+import { default as default51 } from "./components/Glow.js";
+import { default as default52 } from "./components/Godrays.js";
+import { default as default53 } from "./components/Grayscale.js";
+import { default as default54 } from "./components/Grid.js";
+import { default as default55 } from "./components/GridDistortion.js";
+import { default as default56 } from "./components/Group.js";
+import { default as default57 } from "./components/Halftone.js";
+import { default as default58 } from "./components/HexGrid.js";
+import { default as default59 } from "./components/HueShift.js";
+import { default as default60 } from "./components/ImageTexture.js";
+import { default as default61 } from "./components/Invert.js";
+import { default as default62 } from "./components/Kaleidoscope.js";
+import { default as default63 } from "./components/LensFlare.js";
+import { default as default64 } from "./components/LinearBlur.js";
+import { default as default65 } from "./components/LinearGradient.js";
+import { default as default66 } from "./components/Liquify.js";
+import { default as default67 } from "./components/Marble.js";
+import { default as default68 } from "./components/Mirror.js";
+import { default as default69 } from "./components/MultiPointGradient.js";
+import { default as default70 } from "./components/Neon.js";
+import { default as default71 } from "./components/Paper.js";
+import { default as default72 } from "./components/Perspective.js";
+import { default as default73 } from "./components/Pixelate.js";
+import { default as default74 } from "./components/Plasma.js";
+import { default as default75 } from "./components/PolarCoordinates.js";
+import { default as default76 } from "./components/Polygon.js";
+import { default as default77 } from "./components/Posterize.js";
+import { default as default78 } from "./components/ProgressiveBlur.js";
+import { default as default79 } from "./components/RadialGradient.js";
+import { default as default80 } from "./components/RectangularCoordinates.js";
+import { default as default81 } from "./components/ReflectivePlane.js";
+import { default as default82 } from "./components/Ring.js";
+import { default as default83 } from "./components/Ripples.js";
+import { default as default84 } from "./components/RoundedRect.js";
+import { default as default85 } from "./components/Saturation.js";
+import { default as default86 } from "./components/Sharpness.js";
+import { default as default87 } from "./components/Shatter.js";
+import { default as default88 } from "./components/SimplexNoise.js";
+import { default as default89 } from "./components/SineWave.js";
+import { default as default90 } from "./components/Smoke.js";
+import { default as default91 } from "./components/SmokeFill.js";
+import { default as default92 } from "./components/Solarize.js";
+import { default as default93 } from "./components/SolidColor.js";
+import { default as default94 } from "./components/Spherize.js";
+import { default as default95 } from "./components/Spiral.js";
+import { default as default96 } from "./components/Star.js";
+import { default as default97 } from "./components/Strands.js";
+import { default as default98 } from "./components/Stretch.js";
+import { default as default99 } from "./components/Stripes.js";
+import { default as default100 } from "./components/StudioBackground.js";
+import { default as default101 } from "./components/SunBurst.js";
+import { default as default102 } from "./components/Swirl.js";
+import { default as default103 } from "./components/ThinFilm.js";
+import { default as default104 } from "./components/TiltShift.js";
+import { default as default105 } from "./components/Tint.js";
+import { default as default106 } from "./components/Trapezoid.js";
+import { default as default107 } from "./components/Tritone.js";
+import { default as default108 } from "./components/Truchet.js";
+import { default as default109 } from "./components/Twirl.js";
+import { default as default110 } from "./components/VHS.js";
+import { default as default111 } from "./components/Vesica.js";
+import { default as default112 } from "./components/Vibrance.js";
+import { default as default113 } from "./components/VideoTexture.js";
+import { default as default114 } from "./components/Vignette.js";
+import { default as default115 } from "./components/Voronoi.js";
+import { default as default116 } from "./components/WaveDistortion.js";
+import { default as default117 } from "./components/Weave.js";
+import { default as default118 } from "./components/WebcamTexture.js";
+import { default as default119 } from "./components/WorleyNoise.js";
+import { default as default120 } from "./components/ZoomBlur.js";
+import { default as default121 } from "./engine/Shader.js";
+import { default as default122 } from "./engine/Preview.js";
 export {
   default2 as AngularBlur,
   default3 as Ascii,
@@ -153,88 +155,90 @@ export {
   default34 as Duotone,
   default35 as Ellipse,
   default36 as Emboss,
-  default37 as FallingLines,
-  default38 as FilmGrain,
-  default39 as FloatingParticles,
-  default40 as FlowField,
-  default41 as Flower,
-  default42 as FlowingGradient,
-  default43 as FlutedGlass,
-  default44 as Fog,
-  default45 as Form3D,
-  default46 as FractalNoise,
-  default47 as Glass,
-  default48 as GlassTiles,
-  default49 as Glitch,
-  default50 as Glow,
-  default51 as Godrays,
-  default52 as Grayscale,
-  default53 as Grid,
-  default54 as GridDistortion,
-  default55 as Group,
-  default56 as Halftone,
-  default57 as HexGrid,
-  default58 as HueShift,
-  default59 as ImageTexture,
-  default60 as Invert,
-  default61 as Kaleidoscope,
-  default62 as LensFlare,
-  default63 as LinearBlur,
-  default64 as LinearGradient,
-  default65 as Liquify,
-  default66 as Marble,
-  default67 as Mirror,
-  default68 as MultiPointGradient,
-  default69 as Neon,
-  default70 as Paper,
-  default71 as Perspective,
-  default72 as Pixelate,
-  default73 as Plasma,
-  default74 as PolarCoordinates,
-  default75 as Polygon,
-  default76 as Posterize,
-  default120 as Preview,
-  default77 as ProgressiveBlur,
-  default78 as RadialGradient,
-  default79 as RectangularCoordinates,
-  default80 as ReflectivePlane,
-  default81 as Ring,
-  default82 as Ripples,
-  default83 as RoundedRect,
-  default84 as Saturation,
-  default119 as Shader,
-  default85 as Sharpness,
-  default86 as Shatter,
-  default87 as SimplexNoise,
-  default88 as SineWave,
-  default89 as Smoke,
-  default90 as SmokeFill,
-  default91 as Solarize,
-  default92 as SolidColor,
-  default93 as Spherize,
-  default94 as Spiral,
-  default95 as Star,
-  default96 as Strands,
-  default97 as Stretch,
-  default98 as Stripes,
-  default99 as StudioBackground,
-  default100 as SunBurst,
-  default101 as Swirl,
-  default102 as TiltShift,
-  default103 as Tint,
-  default104 as Trapezoid,
-  default105 as Tritone,
-  default106 as Truchet,
-  default107 as Twirl,
-  default108 as VHS,
-  default109 as Vesica,
-  default110 as Vibrance,
-  default111 as VideoTexture,
-  default112 as Vignette,
-  default113 as Voronoi,
-  default114 as WaveDistortion,
-  default115 as Weave,
-  default116 as WebcamTexture,
-  default117 as WorleyNoise,
-  default118 as ZoomBlur
+  default37 as Exposure,
+  default38 as FallingLines,
+  default39 as FilmGrain,
+  default40 as FloatingParticles,
+  default41 as FlowField,
+  default42 as Flower,
+  default43 as FlowingGradient,
+  default44 as FlutedGlass,
+  default45 as Fog,
+  default46 as Form3D,
+  default47 as FractalNoise,
+  default48 as Glass,
+  default49 as GlassTiles,
+  default50 as Glitch,
+  default51 as Glow,
+  default52 as Godrays,
+  default53 as Grayscale,
+  default54 as Grid,
+  default55 as GridDistortion,
+  default56 as Group,
+  default57 as Halftone,
+  default58 as HexGrid,
+  default59 as HueShift,
+  default60 as ImageTexture,
+  default61 as Invert,
+  default62 as Kaleidoscope,
+  default63 as LensFlare,
+  default64 as LinearBlur,
+  default65 as LinearGradient,
+  default66 as Liquify,
+  default67 as Marble,
+  default68 as Mirror,
+  default69 as MultiPointGradient,
+  default70 as Neon,
+  default71 as Paper,
+  default72 as Perspective,
+  default73 as Pixelate,
+  default74 as Plasma,
+  default75 as PolarCoordinates,
+  default76 as Polygon,
+  default77 as Posterize,
+  default122 as Preview,
+  default78 as ProgressiveBlur,
+  default79 as RadialGradient,
+  default80 as RectangularCoordinates,
+  default81 as ReflectivePlane,
+  default82 as Ring,
+  default83 as Ripples,
+  default84 as RoundedRect,
+  default85 as Saturation,
+  default121 as Shader,
+  default86 as Sharpness,
+  default87 as Shatter,
+  default88 as SimplexNoise,
+  default89 as SineWave,
+  default90 as Smoke,
+  default91 as SmokeFill,
+  default92 as Solarize,
+  default93 as SolidColor,
+  default94 as Spherize,
+  default95 as Spiral,
+  default96 as Star,
+  default97 as Strands,
+  default98 as Stretch,
+  default99 as Stripes,
+  default100 as StudioBackground,
+  default101 as SunBurst,
+  default102 as Swirl,
+  default103 as ThinFilm,
+  default104 as TiltShift,
+  default105 as Tint,
+  default106 as Trapezoid,
+  default107 as Tritone,
+  default108 as Truchet,
+  default109 as Twirl,
+  default110 as VHS,
+  default111 as Vesica,
+  default112 as Vibrance,
+  default113 as VideoTexture,
+  default114 as Vignette,
+  default115 as Voronoi,
+  default116 as WaveDistortion,
+  default117 as Weave,
+  default118 as WebcamTexture,
+  default119 as WorleyNoise,
+  default120 as ZoomBlur
 };

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;AAgmDD,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,CAmFpM;AAGD,eAAO,MAAM,mBAAmB,UAuH/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;AA6nDD,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,CAmFpM;AAGD,eAAO,MAAM,mBAAmB,UAyH/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -447,6 +447,11 @@ const shaderMetadata = {
     "shadowIntensity": 0.3,
     "shape": '{"type":"circleSDF","radius":0.35}'
   },
+  "Exposure": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "exposure": 1
+  },
   "FallingLines": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1295,6 +1300,30 @@ const shaderMetadata = {
     "blend": 50,
     "colorSpace": "linear"
   },
+  "ThinFilm": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "intensity": 1,
+    "rimWidth": 1,
+    "edgeSoftness": 0.3,
+    "thickness": 0.5,
+    "dispersion": 0.5,
+    "saturation": 1,
+    "hueShift": 0,
+    "lightAngle": 300,
+    "mode": "rainbow",
+    "colorA": "#2b6fff",
+    "colorB": "#ffffff",
+    "colorC": "#ff7a21",
+    "colorSpace": "oklch",
+    "speed": 0.1,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
   "TiltShift": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1702,6 +1731,7 @@ const availableComponents = [
   "Duotone",
   "Ellipse",
   "Emboss",
+  "Exposure",
   "FallingLines",
   "FilmGrain",
   "FloatingParticles",
@@ -1767,6 +1797,7 @@ const availableComponents = [
   "StudioBackground",
   "SunBurst",
   "Swirl",
+  "ThinFilm",
   "TiltShift",
   "Tint",
   "Trapezoid",

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

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

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

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

package/dist/svelte/index.d.ts

@@ -33,6 +33,7 @@ export { default as DropShadow } from './components/DropShadow.svelte';
 export { default as Duotone } from './components/Duotone.svelte';
 export { default as Ellipse } from './components/Ellipse.svelte';
 export { default as Emboss } from './components/Emboss.svelte';
+export { default as Exposure } from './components/Exposure.svelte';
 export { default as FallingLines } from './components/FallingLines.svelte';
 export { default as FilmGrain } from './components/FilmGrain.svelte';
 export { default as FloatingParticles } from './components/FloatingParticles.svelte';
@@ -98,6 +99,7 @@ export { default as Stripes } from './components/Stripes.svelte';
 export { default as StudioBackground } from './components/StudioBackground.svelte';
 export { default as SunBurst } from './components/SunBurst.svelte';
 export { default as Swirl } from './components/Swirl.svelte';
+export { default as ThinFilm } from './components/ThinFilm.svelte';
 export { default as TiltShift } from './components/TiltShift.svelte';
 export { default as Tint } from './components/Tint.svelte';
 export { default as Trapezoid } from './components/Trapezoid.svelte';