shaders 2.5.117 → 2.5.119

package/dist/solid/utils/generatePresetCode.js

@@ -55,6 +55,16 @@ const shaderMetadata = {
     },
     "seed": 0
   },
+  "BarShift": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "count": 6,
+    "angle": 0,
+    "intensity": 0.15,
+    "seed": 0,
+    "speed": 0,
+    "edges": "mirror"
+  },
   "Beam": {
     "opacity": 1,
     "blendMode": "normal",
@@ -100,6 +110,21 @@ const shaderMetadata = {
     "blendMode": "normal",
     "intensity": 50
   },
+  "BrickPattern": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorBrick": "#000000",
+    "colorMortar": "#ffffff",
+    "cellsX": 8,
+    "cellsY": 10,
+    "mortar": 0.05,
+    "angle": 0,
+    "speed": 0,
+    "offset": 0,
+    "speedVariance": 0,
+    "seed": 0,
+    "colorSpace": "linear"
+  },
   "BrightnessContrast": {
     "opacity": 1,
     "blendMode": "normal",
@@ -134,6 +159,19 @@ const shaderMetadata = {
     "softness": 0,
     "colorSpace": "linear"
   },
+  "Chevron": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#000000",
+    "colorB": "#ffffff",
+    "count": 5,
+    "angle": 0,
+    "balance": 0.5,
+    "softness": 0,
+    "speed": 0,
+    "offset": 0,
+    "colorSpace": "linear"
+  },
   "ChromaFlow": {
     "opacity": 1,
     "blendMode": "normal",
@@ -170,6 +208,18 @@ const shaderMetadata = {
     "strokePosition": "center",
     "colorSpace": "linear"
   },
+  "ColorWheel": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "mode": "rainbow",
+    "colorA": "#ff0000",
+    "colorB": "#00ff88",
+    "colorC": "#0066ff",
+    "scale": 1,
+    "angle": 0,
+    "speed": 0.05,
+    "colorSpace": "oklch"
+  },
   "ConcentricSpin": {
     "opacity": 1,
     "blendMode": "normal",
@@ -519,6 +569,19 @@ const shaderMetadata = {
     "uvMode": "stretch",
     "speed": 1
   },
+  "FractalNoise": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#000000",
+    "colorB": "#ffffff",
+    "octaves": 4,
+    "detail": 2,
+    "contrast": 0.5,
+    "speed": 0.15,
+    "angle": 0,
+    "seed": 0,
+    "colorSpace": "linear"
+  },
   "Glass": {
     "opacity": 1,
     "blendMode": "normal",
@@ -720,6 +783,18 @@ const shaderMetadata = {
     "radius": 1,
     "edges": "stretch"
   },
+  "Marble": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#ffffff",
+    "colorB": "#3a2d54",
+    "colorC": "#0f0f0f",
+    "scale": 2,
+    "turbulence": 10,
+    "speed": 0.05,
+    "seed": 0,
+    "colorSpace": "linear"
+  },
   "Mirror": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1185,6 +1260,21 @@ const shaderMetadata = {
     "ambientSpeed": 2,
     "seed": 0
   },
+  "SunBurst": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#ffdd88",
+    "background": "#000000",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "rayCount": 12,
+    "softness": 0.3,
+    "radius": 0.8,
+    "feather": 0.5,
+    "speed": 0.2
+  },
   "Swirl": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1568,17 +1658,21 @@ const availableComponents = [
   "AngularBlur",
   "Ascii",
   "Aurora",
+  "BarShift",
   "Beam",
   "Blob",
   "Blur",
+  "BrickPattern",
   "BrightnessContrast",
   "Bulge",
   "CRTScreen",
   "ChannelBlur",
   "Checkerboard",
+  "Chevron",
   "ChromaFlow",
   "ChromaticAberration",
   "Circle",
+  "ColorWheel",
   "ConcentricSpin",
   "ConicGradient",
   "ContourLines",
@@ -1605,6 +1699,7 @@ const availableComponents = [
   "FlutedGlass",
   "Fog",
   "Form3D",
+  "FractalNoise",
   "Glass",
   "GlassTiles",
   "Glitch",
@@ -1624,6 +1719,7 @@ const availableComponents = [
   "LinearBlur",
   "LinearGradient",
   "Liquify",
+  "Marble",
   "Mirror",
   "MultiPointGradient",
   "Neon",
@@ -1656,6 +1752,7 @@ const availableComponents = [
   "Stretch",
   "Stripes",
   "StudioBackground",
+  "SunBurst",
   "Swirl",
   "TiltShift",
   "Tint",

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/svelte/index.d.ts

@@ -1,17 +1,21 @@
 export { default as AngularBlur } from './components/AngularBlur.svelte';
 export { default as Ascii } from './components/Ascii.svelte';
 export { default as Aurora } from './components/Aurora.svelte';
+export { default as BarShift } from './components/BarShift.svelte';
 export { default as Beam } from './components/Beam.svelte';
 export { default as Blob } from './components/Blob.svelte';
 export { default as Blur } from './components/Blur.svelte';
+export { default as BrickPattern } from './components/BrickPattern.svelte';
 export { default as BrightnessContrast } from './components/BrightnessContrast.svelte';
 export { default as Bulge } from './components/Bulge.svelte';
 export { default as CRTScreen } from './components/CRTScreen.svelte';
 export { default as ChannelBlur } from './components/ChannelBlur.svelte';
 export { default as Checkerboard } from './components/Checkerboard.svelte';
+export { default as Chevron } from './components/Chevron.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 ColorWheel } from './components/ColorWheel.svelte';
 export { default as ConcentricSpin } from './components/ConcentricSpin.svelte';
 export { default as ConicGradient } from './components/ConicGradient.svelte';
 export { default as ContourLines } from './components/ContourLines.svelte';
@@ -38,6 +42,7 @@ 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 FractalNoise } from './components/FractalNoise.svelte';
 export { default as Glass } from './components/Glass.svelte';
 export { default as GlassTiles } from './components/GlassTiles.svelte';
 export { default as Glitch } from './components/Glitch.svelte';
@@ -57,6 +62,7 @@ export { default as LensFlare } from './components/LensFlare.svelte';
 export { default as LinearBlur } from './components/LinearBlur.svelte';
 export { default as LinearGradient } from './components/LinearGradient.svelte';
 export { default as Liquify } from './components/Liquify.svelte';
+export { default as Marble } from './components/Marble.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';
@@ -89,6 +95,7 @@ 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 SunBurst } from './components/SunBurst.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';