shaders 2.3.49 → 2.3.51

package/dist/solid/index.js

@@ -11,64 +11,66 @@ import { default as default11 } from "./components/Checkerboard.js";
 import { default as default12 } from "./components/ChromaFlow.js";
 import { default as default13 } from "./components/ChromaticAberration.js";
 import { default as default14 } from "./components/Circle.js";
-import { default as default15 } from "./components/ContourLines.js";
-import { default as default16 } from "./components/CursorTrail.js";
-import { default as default17 } from "./components/DiffuseBlur.js";
-import { default as default18 } from "./components/Dither.js";
-import { default as default19 } from "./components/DotGrid.js";
-import { default as default20 } from "./components/Duotone.js";
-import { default as default21 } from "./components/FilmGrain.js";
-import { default as default22 } from "./components/FloatingParticles.js";
-import { default as default23 } from "./components/FlowField.js";
-import { default as default24 } from "./components/GlassTiles.js";
-import { default as default25 } from "./components/Glitch.js";
-import { default as default26 } from "./components/Glow.js";
-import { default as default27 } from "./components/Godrays.js";
-import { default as default28 } from "./components/Grayscale.js";
-import { default as default29 } from "./components/Grid.js";
-import { default as default30 } from "./components/GridDistortion.js";
-import { default as default31 } from "./components/Group.js";
-import { default as default32 } from "./components/Halftone.js";
-import { default as default33 } from "./components/HueShift.js";
-import { default as default34 } from "./components/ImageTexture.js";
-import { default as default35 } from "./components/Invert.js";
-import { default as default36 } from "./components/Kaleidoscope.js";
-import { default as default37 } from "./components/LensFlare.js";
-import { default as default38 } from "./components/LinearBlur.js";
-import { default as default39 } from "./components/LinearGradient.js";
-import { default as default40 } from "./components/Liquify.js";
-import { default as default41 } from "./components/Mirror.js";
-import { default as default42 } from "./components/Perspective.js";
-import { default as default43 } from "./components/Pixelate.js";
-import { default as default44 } from "./components/Plasma.js";
-import { default as default45 } from "./components/PolarCoordinates.js";
-import { default as default46 } from "./components/Posterize.js";
-import { default as default47 } from "./components/ProgressiveBlur.js";
-import { default as default48 } from "./components/RadialGradient.js";
-import { default as default49 } from "./components/RectangularCoordinates.js";
-import { default as default50 } from "./components/Ripples.js";
-import { default as default51 } from "./components/Saturation.js";
-import { default as default52 } from "./components/Sharpness.js";
-import { default as default53 } from "./components/Shatter.js";
-import { default as default54 } from "./components/SimplexNoise.js";
-import { default as default55 } from "./components/SineWave.js";
-import { default as default56 } from "./components/SolidColor.js";
-import { default as default57 } from "./components/Spherize.js";
-import { default as default58 } from "./components/Spiral.js";
-import { default as default59 } from "./components/Strands.js";
-import { default as default60 } from "./components/Stretch.js";
-import { default as default61 } from "./components/Stripes.js";
-import { default as default62 } from "./components/Swirl.js";
-import { default as default63 } from "./components/TiltShift.js";
-import { default as default64 } from "./components/Tint.js";
-import { default as default65 } from "./components/Tritone.js";
-import { default as default66 } from "./components/Twirl.js";
-import { default as default67 } from "./components/Vibrance.js";
-import { default as default68 } from "./components/VideoTexture.js";
-import { default as default69 } from "./components/WaveDistortion.js";
-import { default as default70 } from "./components/WebcamTexture.js";
-import { default as default71 } from "./components/ZoomBlur.js";
-import { default as default72 } from "./engine/Shader.js";
+import { default as default15 } from "./components/ConcentricSpin.js";
+import { default as default16 } from "./components/ContourLines.js";
+import { default as default17 } from "./components/CursorTrail.js";
+import { default as default18 } from "./components/DiffuseBlur.js";
+import { default as default19 } from "./components/Dither.js";
+import { default as default20 } from "./components/DotGrid.js";
+import { default as default21 } from "./components/Duotone.js";
+import { default as default22 } from "./components/FilmGrain.js";
+import { default as default23 } from "./components/FloatingParticles.js";
+import { default as default24 } from "./components/FlowField.js";
+import { default as default25 } from "./components/GlassTiles.js";
+import { default as default26 } from "./components/Glitch.js";
+import { default as default27 } from "./components/Glow.js";
+import { default as default28 } from "./components/Godrays.js";
+import { default as default29 } from "./components/Grayscale.js";
+import { default as default30 } from "./components/Grid.js";
+import { default as default31 } from "./components/GridDistortion.js";
+import { default as default32 } from "./components/Group.js";
+import { default as default33 } from "./components/Halftone.js";
+import { default as default34 } from "./components/HueShift.js";
+import { default as default35 } from "./components/ImageTexture.js";
+import { default as default36 } from "./components/Invert.js";
+import { default as default37 } from "./components/Kaleidoscope.js";
+import { default as default38 } from "./components/LensFlare.js";
+import { default as default39 } from "./components/LinearBlur.js";
+import { default as default40 } from "./components/LinearGradient.js";
+import { default as default41 } from "./components/Liquify.js";
+import { default as default42 } from "./components/Mirror.js";
+import { default as default43 } from "./components/Perspective.js";
+import { default as default44 } from "./components/Pixelate.js";
+import { default as default45 } from "./components/Plasma.js";
+import { default as default46 } from "./components/PolarCoordinates.js";
+import { default as default47 } from "./components/Posterize.js";
+import { default as default48 } from "./components/ProgressiveBlur.js";
+import { default as default49 } from "./components/RadialGradient.js";
+import { default as default50 } from "./components/RectangularCoordinates.js";
+import { default as default51 } from "./components/Ripples.js";
+import { default as default52 } from "./components/Saturation.js";
+import { default as default53 } from "./components/Sharpness.js";
+import { default as default54 } from "./components/Shatter.js";
+import { default as default55 } from "./components/SimplexNoise.js";
+import { default as default56 } from "./components/SineWave.js";
+import { default as default57 } from "./components/SolidColor.js";
+import { default as default58 } from "./components/Spherize.js";
+import { default as default59 } from "./components/Spiral.js";
+import { default as default60 } from "./components/Strands.js";
+import { default as default61 } from "./components/Stretch.js";
+import { default as default62 } from "./components/Stripes.js";
+import { default as default63 } from "./components/StudioBackground.js";
+import { default as default64 } from "./components/Swirl.js";
+import { default as default65 } from "./components/TiltShift.js";
+import { default as default66 } from "./components/Tint.js";
+import { default as default67 } from "./components/Tritone.js";
+import { default as default68 } from "./components/Twirl.js";
+import { default as default69 } from "./components/Vibrance.js";
+import { default as default70 } from "./components/VideoTexture.js";
+import { default as default71 } from "./components/WaveDistortion.js";
+import { default as default72 } from "./components/WebcamTexture.js";
+import { default as default73 } from "./components/ZoomBlur.js";
+import { default as default74 } from "./engine/Shader.js";
 import { generatePresetCode } from "./utils/generatePresetCode.js";
 export {
   default2 as AngularBlur,
@@ -84,63 +86,65 @@ export {
   default12 as ChromaFlow,
   default13 as ChromaticAberration,
   default14 as Circle,
-  default15 as ContourLines,
-  default16 as CursorTrail,
-  default17 as DiffuseBlur,
-  default18 as Dither,
-  default19 as DotGrid,
-  default20 as Duotone,
-  default21 as FilmGrain,
-  default22 as FloatingParticles,
-  default23 as FlowField,
-  default24 as GlassTiles,
-  default25 as Glitch,
-  default26 as Glow,
-  default27 as Godrays,
-  default28 as Grayscale,
-  default29 as Grid,
-  default30 as GridDistortion,
-  default31 as Group,
-  default32 as Halftone,
-  default33 as HueShift,
-  default34 as ImageTexture,
-  default35 as Invert,
-  default36 as Kaleidoscope,
-  default37 as LensFlare,
-  default38 as LinearBlur,
-  default39 as LinearGradient,
-  default40 as Liquify,
-  default41 as Mirror,
-  default42 as Perspective,
-  default43 as Pixelate,
-  default44 as Plasma,
-  default45 as PolarCoordinates,
-  default46 as Posterize,
-  default47 as ProgressiveBlur,
-  default48 as RadialGradient,
-  default49 as RectangularCoordinates,
-  default50 as Ripples,
-  default51 as Saturation,
-  default72 as Shader,
-  default52 as Sharpness,
-  default53 as Shatter,
-  default54 as SimplexNoise,
-  default55 as SineWave,
-  default56 as SolidColor,
-  default57 as Spherize,
-  default58 as Spiral,
-  default59 as Strands,
-  default60 as Stretch,
-  default61 as Stripes,
-  default62 as Swirl,
-  default63 as TiltShift,
-  default64 as Tint,
-  default65 as Tritone,
-  default66 as Twirl,
-  default67 as Vibrance,
-  default68 as VideoTexture,
-  default69 as WaveDistortion,
-  default70 as WebcamTexture,
-  default71 as ZoomBlur,
+  default15 as ConcentricSpin,
+  default16 as ContourLines,
+  default17 as CursorTrail,
+  default18 as DiffuseBlur,
+  default19 as Dither,
+  default20 as DotGrid,
+  default21 as Duotone,
+  default22 as FilmGrain,
+  default23 as FloatingParticles,
+  default24 as FlowField,
+  default25 as GlassTiles,
+  default26 as Glitch,
+  default27 as Glow,
+  default28 as Godrays,
+  default29 as Grayscale,
+  default30 as Grid,
+  default31 as GridDistortion,
+  default32 as Group,
+  default33 as Halftone,
+  default34 as HueShift,
+  default35 as ImageTexture,
+  default36 as Invert,
+  default37 as Kaleidoscope,
+  default38 as LensFlare,
+  default39 as LinearBlur,
+  default40 as LinearGradient,
+  default41 as Liquify,
+  default42 as Mirror,
+  default43 as Perspective,
+  default44 as Pixelate,
+  default45 as Plasma,
+  default46 as PolarCoordinates,
+  default47 as Posterize,
+  default48 as ProgressiveBlur,
+  default49 as RadialGradient,
+  default50 as RectangularCoordinates,
+  default51 as Ripples,
+  default52 as Saturation,
+  default74 as Shader,
+  default53 as Sharpness,
+  default54 as Shatter,
+  default55 as SimplexNoise,
+  default56 as SineWave,
+  default57 as SolidColor,
+  default58 as Spherize,
+  default59 as Spiral,
+  default60 as Strands,
+  default61 as Stretch,
+  default62 as Stripes,
+  default63 as StudioBackground,
+  default64 as Swirl,
+  default65 as TiltShift,
+  default66 as Tint,
+  default67 as Tritone,
+  default68 as Twirl,
+  default69 as Vibrance,
+  default70 as VideoTexture,
+  default71 as WaveDistortion,
+  default72 as WebcamTexture,
+  default73 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;AAi0BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UAwE/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;AA02BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA0E/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -146,6 +146,21 @@ const shaderMetadata = {
       "y": 0.5
     }
   },
+  "ConcentricSpin": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "intensity": 20,
+    "rings": 8,
+    "smoothness": 0.03,
+    "seed": 0,
+    "speed": 0.1,
+    "speedRandomness": 0.5,
+    "edges": "mirror",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    }
+  },
   "ContourLines": {
     "opacity": 1,
     "blendMode": "normal",
@@ -636,6 +651,32 @@ const shaderMetadata = {
     "offset": 0,
     "colorSpace": "linear"
   },
+  "StudioBackground": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#d8dbec",
+    "keyColor": "#d5e4ea",
+    "keyIntensity": 40,
+    "keySoftness": 50,
+    "fillColor": "#d5e4ea",
+    "fillIntensity": 10,
+    "fillSoftness": 70,
+    "fillAngle": 70,
+    "backColor": "#c8d4e8",
+    "backIntensity": 20,
+    "backSoftness": 80,
+    "brightness": 20,
+    "vignette": 0,
+    "center": {
+      "x": 0.5,
+      "y": 0.8
+    },
+    "lightTarget": 100,
+    "wallCurvature": 10,
+    "ambientIntensity": 50,
+    "ambientSpeed": 2,
+    "seed": 0
+  },
   "Swirl": {
     "opacity": 1,
     "blendMode": "normal",
@@ -849,6 +890,7 @@ const availableComponents = [
   "ChromaFlow",
   "ChromaticAberration",
   "Circle",
+  "ConcentricSpin",
   "ContourLines",
   "CursorTrail",
   "DiffuseBlur",
@@ -896,6 +938,7 @@ const availableComponents = [
   "Strands",
   "Stretch",
   "Stripes",
+  "StudioBackground",
   "Swirl",
   "TiltShift",
   "Tint",

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

@@ -0,0 +1,19 @@
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/ConcentricSpin';
+/**
+ * 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 ConcentricSpin: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type ConcentricSpin = ReturnType<typeof ConcentricSpin>;
+export default ConcentricSpin;

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

@@ -0,0 +1,19 @@
+import { type BlendMode, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/StudioBackground';
+/**
+ * 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 StudioBackground: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type StudioBackground = ReturnType<typeof StudioBackground>;
+export default StudioBackground;

package/dist/svelte/{generatePresetCode-Bw9A9k-k.js → generatePresetCode-TDa1I3YR.js}

@@ -144,6 +144,21 @@ var shaderMetadata = {
 			"y": .5
 		}
 	},
+	"ConcentricSpin": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"intensity": 20,
+		"rings": 8,
+		"smoothness": .03,
+		"seed": 0,
+		"speed": .1,
+		"speedRandomness": .5,
+		"edges": "mirror",
+		"center": {
+			"x": .5,
+			"y": .5
+		}
+	},
 	"ContourLines": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -634,6 +649,32 @@ var shaderMetadata = {
 		"offset": 0,
 		"colorSpace": "linear"
 	},
+	"StudioBackground": {
+		"opacity": 1,
+		"blendMode": "normal",
+		"color": "#d8dbec",
+		"keyColor": "#d5e4ea",
+		"keyIntensity": 40,
+		"keySoftness": 50,
+		"fillColor": "#d5e4ea",
+		"fillIntensity": 10,
+		"fillSoftness": 70,
+		"fillAngle": 70,
+		"backColor": "#c8d4e8",
+		"backIntensity": 20,
+		"backSoftness": 80,
+		"brightness": 20,
+		"vignette": 0,
+		"center": {
+			"x": .5,
+			"y": .8
+		},
+		"lightTarget": 100,
+		"wallCurvature": 10,
+		"ambientIntensity": 50,
+		"ambientSpeed": 2,
+		"seed": 0
+	},
 	"Swirl": {
 		"opacity": 1,
 		"blendMode": "normal",
@@ -798,6 +839,7 @@ const availableComponents = [
 	"ChromaFlow",
 	"ChromaticAberration",
 	"Circle",
+	"ConcentricSpin",
 	"ContourLines",
 	"CursorTrail",
 	"DiffuseBlur",
@@ -845,6 +887,7 @@ const availableComponents = [
 	"Strands",
 	"Stretch",
 	"Stripes",
+	"StudioBackground",
 	"Swirl",
 	"TiltShift",
 	"Tint",

package/dist/svelte/index.d.ts

@@ -11,6 +11,7 @@ export { default as Checkerboard } from './components/Checkerboard.svelte';
 export { default as ChromaFlow } from './components/ChromaFlow.svelte';
 export { default as ChromaticAberration } from './components/ChromaticAberration.svelte';
 export { default as Circle } from './components/Circle.svelte';
+export { default as ConcentricSpin } from './components/ConcentricSpin.svelte';
 export { default as ContourLines } from './components/ContourLines.svelte';
 export { default as CursorTrail } from './components/CursorTrail.svelte';
 export { default as DiffuseBlur } from './components/DiffuseBlur.svelte';
@@ -58,6 +59,7 @@ export { default as Spiral } from './components/Spiral.svelte';
 export { default as Strands } from './components/Strands.svelte';
 export { default as Stretch } from './components/Stretch.svelte';
 export { default as Stripes } from './components/Stripes.svelte';
+export { default as StudioBackground } from './components/StudioBackground.svelte';
 export { default as Swirl } from './components/Swirl.svelte';
 export { default as TiltShift } from './components/TiltShift.svelte';
 export { default as Tint } from './components/Tint.svelte';