shaders 2.5.88 → 2.5.89

package/dist/solid/utils/generatePresetCode.js

@@ -185,6 +185,19 @@ const shaderMetadata = {
       "y": 0.5
     }
   },
+  "ConicGradient": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#FF0080",
+    "colorB": "#00BFFF",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "rotation": 0,
+    "repeat": 1,
+    "colorSpace": "oklch"
+  },
   "ContourLines": {
     "opacity": 1,
     "blendMode": "normal",
@@ -291,6 +304,21 @@ const shaderMetadata = {
     "shrink": 1,
     "colorSpace": "linear"
   },
+  "DiamondGradient": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#4ffb4a",
+    "colorB": "#4f1238",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "size": 0.7,
+    "rotation": 0,
+    "repeat": 1,
+    "roundness": 0,
+    "colorSpace": "oklch"
+  },
   "DiffuseBlur": {
     "opacity": 1,
     "blendMode": "normal",
@@ -316,6 +344,15 @@ const shaderMetadata = {
     "dotSize": 0.3,
     "twinkle": 0
   },
+  "DropShadow": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#000000",
+    "distance": 0.1,
+    "angle": 135,
+    "blur": 5,
+    "intensity": 0.5
+  },
   "Duotone": {
     "opacity": 1,
     "blendMode": "normal",
@@ -519,7 +556,8 @@ const shaderMetadata = {
     "blendMode": "normal",
     "color": "#ffffff",
     "cells": 10,
-    "thickness": 1
+    "thickness": 1,
+    "rotation": 0
   },
   "GridDistortion": {
     "opacity": 1,
@@ -541,6 +579,15 @@ const shaderMetadata = {
     "angle": 45,
     "smoothness": 0.1
   },
+  "HexGrid": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#000000",
+    "colorB": "#ffffff",
+    "cells": 8,
+    "thickness": 1,
+    "colorSpace": "linear"
+  },
   "HueShift": {
     "opacity": 1,
     "blendMode": "normal",
@@ -633,6 +680,36 @@ const shaderMetadata = {
     "angle": 0,
     "edges": "mirror"
   },
+  "MultiPointGradient": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#4776E6",
+    "positionA": {
+      "x": 0.2,
+      "y": 0.2
+    },
+    "colorB": "#C44DFF",
+    "positionB": {
+      "x": 0.8,
+      "y": 0.2
+    },
+    "colorC": "#1ABC9C",
+    "positionC": {
+      "x": 0.2,
+      "y": 0.8
+    },
+    "colorD": "#F8BBD9",
+    "positionD": {
+      "x": 0.8,
+      "y": 0.8
+    },
+    "colorE": "#FF8C42",
+    "positionE": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "smoothness": 2
+  },
   "Neon": {
     "opacity": 1,
     "blendMode": "normal",
@@ -761,6 +838,9 @@ const shaderMetadata = {
       "y": 0.5
     },
     "radius": 1,
+    "repeat": 1,
+    "aspect": 1,
+    "skewAngle": 0,
     "colorSpace": "linear"
   },
   "RectangularCoordinates": {
@@ -872,6 +952,12 @@ const shaderMetadata = {
     "thickness": 0.2,
     "softness": 0.4
   },
+  "Solarize": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "threshold": 0.5,
+    "strength": 1
+  },
   "SolidColor": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1054,6 +1140,16 @@ const shaderMetadata = {
     "blendMid": 0.5,
     "colorSpace": "linear"
   },
+  "Truchet": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#000000",
+    "colorB": "#ffffff",
+    "cells": 10,
+    "thickness": 2,
+    "seed": 0,
+    "colorSpace": "linear"
+  },
   "Twirl": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1093,6 +1189,31 @@ const shaderMetadata = {
     "objectFit": "cover",
     "loop": true
   },
+  "Vignette": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#000000",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 0.5,
+    "falloff": 0.5,
+    "intensity": 1
+  },
+  "Voronoi": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#3186cf",
+    "colorB": "#fc02dd",
+    "colorBorder": "#000000",
+    "scale": 6,
+    "speed": 0.5,
+    "seed": 0,
+    "edgeIntensity": 0.5,
+    "edgeSoftness": 0.05,
+    "colorSpace": "oklch"
+  },
   "WaveDistortion": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1103,6 +1224,15 @@ const shaderMetadata = {
     "waveType": "sine",
     "edges": "stretch"
   },
+  "Weave": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#c4c4c4",
+    "colorB": "#4d4d4d",
+    "cells": 10,
+    "gap": 0.25,
+    "rotation": 0
+  },
   "WebcamTexture": {
     "opacity": 1,
     "blendMode": "normal",
@@ -1311,15 +1441,18 @@ const availableComponents = [
   "ChromaticAberration",
   "Circle",
   "ConcentricSpin",
+  "ConicGradient",
   "ContourLines",
   "Crescent",
   "Cross",
   "Crystal",
   "CursorRipples",
   "CursorTrail",
+  "DiamondGradient",
   "DiffuseBlur",
   "Dither",
   "DotGrid",
+  "DropShadow",
   "Duotone",
   "Ellipse",
   "Emboss",
@@ -1340,6 +1473,7 @@ const availableComponents = [
   "GridDistortion",
   "Group",
   "Halftone",
+  "HexGrid",
   "HueShift",
   "ImageTexture",
   "Invert",
@@ -1349,6 +1483,7 @@ const availableComponents = [
   "LinearGradient",
   "Liquify",
   "Mirror",
+  "MultiPointGradient",
   "Neon",
   "Paper",
   "Perspective",
@@ -1368,6 +1503,7 @@ const availableComponents = [
   "Shatter",
   "SimplexNoise",
   "SineWave",
+  "Solarize",
   "SolidColor",
   "Spherize",
   "Spiral",
@@ -1381,11 +1517,15 @@ const availableComponents = [
   "Tint",
   "Trapezoid",
   "Tritone",
+  "Truchet",
   "Twirl",
   "Vesica",
   "Vibrance",
   "VideoTexture",
+  "Vignette",
+  "Voronoi",
   "WaveDistortion",
+  "Weave",
   "WebcamTexture",
   "ZoomBlur"
 ];

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/DropShadow';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    distance?: ComponentProps['distance'] | PropDriver;
+    angle?: ComponentProps['angle'] | PropDriver;
+    blur?: ComponentProps['blur'] | 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 DropShadow: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type DropShadow = ReturnType<typeof DropShadow>;
+export default DropShadow;

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

@@ -6,6 +6,7 @@ import { type ComponentProps } from '../../core/shaders/Grid';
 interface ExtendedComponentProps extends Partial<ComponentProps> {
     cells?: ComponentProps['cells'] | PropDriver;
     thickness?: ComponentProps['thickness'] | PropDriver;
+    rotation?: ComponentProps['rotation'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

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

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

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

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

@@ -6,6 +6,9 @@ import { type ComponentProps } from '../../core/shaders/RadialGradient';
 interface ExtendedComponentProps extends Partial<ComponentProps> {
     center?: ComponentProps['center'] | PropDriver;
     radius?: ComponentProps['radius'] | PropDriver;
+    repeat?: ComponentProps['repeat'] | PropDriver;
+    aspect?: ComponentProps['aspect'] | PropDriver;
+    skewAngle?: ComponentProps['skewAngle'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

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

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

@@ -0,0 +1,22 @@
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/Truchet';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    cells?: ComponentProps['cells'] | PropDriver;
+    thickness?: ComponentProps['thickness'] | 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 Truchet: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Truchet = ReturnType<typeof Truchet>;
+export default Truchet;

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

@@ -0,0 +1,23 @@
+import { type BlendMode, type PropDriver, type TransformConfig } from '../../core';
+import { type ComponentProps } from '../../core/shaders/Vignette';
+/**
+ * Define component props including blend mode, opacity, visibility, masking, and transformation
+ */
+interface ExtendedComponentProps extends Partial<ComponentProps> {
+    center?: ComponentProps['center'] | PropDriver;
+    radius?: ComponentProps['radius'] | PropDriver;
+    falloff?: ComponentProps['falloff'] | 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 Vignette: import("svelte").Component<ExtendedComponentProps, {}, "">;
+type Vignette = ReturnType<typeof Vignette>;
+export default Vignette;

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

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

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

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