shaders 2.3.75 → 2.4.76

package/dist/solid/utils/generatePresetCode.js

@@ -198,6 +198,42 @@ const shaderMetadata = {
     "lineColor": "#000000",
     "backgroundColor": "transparent"
   },
+  "Crescent": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 0.3,
+    "innerRatio": 0.8,
+    "offset": 0.2,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
+  "Cross": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 0.35,
+    "thickness": 0.08,
+    "rounding": 0,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
   "CRTScreen": {
     "opacity": 1,
     "blendMode": "normal",
@@ -262,6 +298,52 @@ const shaderMetadata = {
     "blend": 0.5,
     "colorSpace": "linear"
   },
+  "Ellipse": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radiusX": 0.35,
+    "radiusY": 0.2,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
+  "Emboss": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "depth": -0.5,
+    "lightAngle": 260,
+    "lightIntensity": 0.6,
+    "shadowIntensity": 0.3,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
+  "FallingLines": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "colorA": "#ffffff",
+    "colorB": "#ffffff00",
+    "colorSpace": "linear",
+    "angle": 90,
+    "speed": 0.5,
+    "speedVariance": 0.3,
+    "density": 15,
+    "trailLength": 0.35,
+    "balance": 0.5,
+    "strokeWidth": 0.15,
+    "rounding": 1
+  },
   "FilmGrain": {
     "opacity": 1,
     "blendMode": "normal",
@@ -282,14 +364,60 @@ const shaderMetadata = {
     "angleVariance": 30,
     "particleDensity": 3
   },
+  "Flower": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 0.4,
+    "sides": 5,
+    "innerRatio": 0.4,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
   "FlowField": {
     "opacity": 1,
     "blendMode": "normal",
     "strength": 0.15,
     "detail": 2,
-    "speed": 1,
+    "speed": 0,
+    "evolutionSpeed": 0,
     "edges": "mirror"
   },
+  "Glass": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "cutout": false,
+    "refraction": 1,
+    "edgeSoftness": 0.1,
+    "blur": 0,
+    "thickness": 0.2,
+    "aberration": 0.5,
+    "innerZoom": 1,
+    "lightAngle": 300,
+    "highlight": 0.05,
+    "highlightColor": "#ffffff",
+    "highlightSoftness": 0.5,
+    "fresnel": 0.1,
+    "fresnelSoftness": 0.1,
+    "fresnelColor": "#ffffff",
+    "tintColor": "#ffffff",
+    "tintIntensity": 0,
+    "tintPreserveLuminosity": true,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
   "GlassTiles": {
     "opacity": 1,
     "blendMode": "normal",
@@ -452,6 +580,41 @@ const shaderMetadata = {
     "angle": 0,
     "edges": "mirror"
   },
+  "Neon": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "scale": 1,
+    "color": "#00ddff",
+    "secondaryColor": "#ff00aa",
+    "secondaryBlend": 0.5,
+    "glowColor": "#00ddff",
+    "tubeThickness": 0.2,
+    "intensity": 1.5,
+    "hotCoreIntensity": 0.6,
+    "glowIntensity": 0.6,
+    "glowRadius": 0.25,
+    "lightAngle": 300,
+    "specularIntensity": 0.5,
+    "specularSize": 0.5,
+    "cornerSmoothing": 0.15,
+    "flickerSpeed": 0,
+    "flickerAmount": 0.2,
+    "flowSpeed": 0,
+    "flowAmount": 0.3,
+    "shape": '{"type":"circleSDF","radius":0.35}'
+  },
+  "Paper": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "roughness": 0.3,
+    "grainScale": 1,
+    "displacement": 0.15,
+    "seed": 0
+  },
   "Perspective": {
     "opacity": 1,
     "blendMode": "normal",
@@ -472,7 +635,9 @@ const shaderMetadata = {
   "Pixelate": {
     "opacity": 1,
     "blendMode": "normal",
-    "scale": 50
+    "scale": 50,
+    "gap": 0,
+    "roundness": 0
   },
   "Plasma": {
     "opacity": 1,
@@ -499,6 +664,24 @@ const shaderMetadata = {
     "intensity": 1,
     "edges": "transparent"
   },
+  "Polygon": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 0.4,
+    "sides": 6,
+    "rounding": 0,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
   "Posterize": {
     "opacity": 1,
     "blendMode": "normal",
@@ -538,6 +721,22 @@ const shaderMetadata = {
     "intensity": 1,
     "edges": "transparent"
   },
+  "Ring": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 0.3,
+    "thickness": 0.07,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
   "Ripples": {
     "opacity": 1,
     "blendMode": "normal",
@@ -553,6 +752,24 @@ const shaderMetadata = {
     "thickness": 0.5,
     "phase": 0
   },
+  "RoundedRect": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "width": 0.35,
+    "height": 0.25,
+    "rounding": 0.05,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
   "Saturation": {
     "opacity": 1,
     "blendMode": "normal",
@@ -640,6 +857,24 @@ const shaderMetadata = {
     "scale": 1,
     "colorSpace": "linear"
   },
+  "Star": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 0.4,
+    "sides": 5,
+    "innerRatio": 0.4,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
   "Strands": {
     "opacity": 1,
     "blendMode": "normal",
@@ -739,6 +974,24 @@ const shaderMetadata = {
     "amount": 0.5,
     "preserveLuminosity": true
   },
+  "Trapezoid": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "bottomWidth": 0.35,
+    "topWidth": 0.2,
+    "height": 0.25,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
   "Tritone": {
     "opacity": 1,
     "blendMode": "normal",
@@ -758,6 +1011,23 @@ const shaderMetadata = {
     "intensity": 1,
     "edges": "stretch"
   },
+  "Vesica": {
+    "opacity": 1,
+    "blendMode": "normal",
+    "color": "#ffffff",
+    "center": {
+      "x": 0.5,
+      "y": 0.5
+    },
+    "radius": 0.35,
+    "spread": 0.5,
+    "rotation": 0,
+    "softness": 0,
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
+  },
   "Vibrance": {
     "opacity": 1,
     "blendMode": "normal",
@@ -802,6 +1072,7 @@ function isPropMapValue(value) {
 function generatePropString(props, componentType, indent = "  ") {
   return Object.entries(props).sort(([a], [b]) => a.localeCompare(b)).filter(([key, value]) => {
     if (key === "maskType" && value === "alpha") return false;
+    if (componentType === "Glass" && key === "shape" && props.shapeType === "svg") return false;
     if (key === "transform" && typeof value === "object") {
       const allDefaults = Object.keys(DEFAULT_TRANSFORM).every(
         (k) => value[k] === DEFAULT_TRANSFORM[k]
@@ -944,15 +1215,22 @@ const availableComponents = [
   "Circle",
   "ConcentricSpin",
   "ContourLines",
+  "Crescent",
+  "Cross",
   "CursorRipples",
   "CursorTrail",
   "DiffuseBlur",
   "Dither",
   "DotGrid",
   "Duotone",
+  "Ellipse",
+  "Emboss",
+  "FallingLines",
   "FilmGrain",
   "FloatingParticles",
   "FlowField",
+  "Flower",
+  "Glass",
   "GlassTiles",
   "Glitch",
   "Glow",
@@ -971,15 +1249,20 @@ const availableComponents = [
   "LinearGradient",
   "Liquify",
   "Mirror",
+  "Neon",
+  "Paper",
   "Perspective",
   "Pixelate",
   "Plasma",
   "PolarCoordinates",
+  "Polygon",
   "Posterize",
   "ProgressiveBlur",
   "RadialGradient",
   "RectangularCoordinates",
+  "Ring",
   "Ripples",
+  "RoundedRect",
   "Saturation",
   "Sharpness",
   "Shatter",
@@ -988,6 +1271,7 @@ const availableComponents = [
   "SolidColor",
   "Spherize",
   "Spiral",
+  "Star",
   "Strands",
   "Stretch",
   "Stripes",
@@ -995,8 +1279,10 @@ const availableComponents = [
   "Swirl",
   "TiltShift",
   "Tint",
+  "Trapezoid",
   "Tritone",
   "Twirl",
+  "Vesica",
   "Vibrance",
   "VideoTexture",
   "WaveDistortion",

package/dist/solid/utils/generatePresetCode.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.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;AAmJD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}
+{"version":3,"file":"generatePresetCode.template.d.ts","sourceRoot":"","sources":["../../src/utils/generatePresetCode.template.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;AAuJD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CA4ClG;AAGD,eAAO,MAAM,mBAAmB,OAG/B,CAAA"}

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

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

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

@@ -9,6 +9,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     waviness?: ComponentProps['waviness'] | PropDriver;
     rayDensity?: ComponentProps['rayDensity'] | PropDriver;
     height?: ComponentProps['height'] | PropDriver;
+    center?: ComponentProps['center'] | PropDriver;
     seed?: ComponentProps['seed'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;

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

@@ -4,6 +4,8 @@ import { type ComponentProps } from '../../core/shaders/Beam';
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    startPosition?: ComponentProps['startPosition'] | PropDriver;
+    endPosition?: ComponentProps['endPosition'] | PropDriver;
     startThickness?: ComponentProps['startThickness'] | PropDriver;
     endThickness?: ComponentProps['endThickness'] | PropDriver;
     startSoftness?: ComponentProps['startSoftness'] | PropDriver;

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

@@ -7,6 +7,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     softness?: ComponentProps['softness'] | PropDriver;
     highlightIntensity?: ComponentProps['highlightIntensity'] | PropDriver;
     speed?: ComponentProps['speed'] | PropDriver;
+    center?: ComponentProps['center'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

@@ -4,6 +4,7 @@ import { type ComponentProps } from '../../core/shaders/Bulge';
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    center?: ComponentProps['center'] | PropDriver;
     strength?: ComponentProps['strength'] | PropDriver;
     radius?: ComponentProps['radius'] | PropDriver;
     falloff?: ComponentProps['falloff'] | PropDriver;

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

@@ -6,6 +6,7 @@ import { type ComponentProps } from '../../core/shaders/Circle';
 interface ExtendedComponentProps extends Partial<ComponentProps> {
     radius?: ComponentProps['radius'] | PropDriver;
     softness?: ComponentProps['softness'] | PropDriver;
+    center?: ComponentProps['center'] | PropDriver;
     strokeThickness?: ComponentProps['strokeThickness'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;

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

@@ -8,6 +8,7 @@ interface ExtendedComponentProps extends Partial<ComponentProps> {
     rings?: ComponentProps['rings'] | PropDriver;
     smoothness?: ComponentProps['smoothness'] | PropDriver;
     speedRandomness?: ComponentProps['speedRandomness'] | PropDriver;
+    center?: ComponentProps['center'] | PropDriver;
     blendMode?: BlendMode;
     opacity?: number;
     visible?: boolean;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -4,6 +4,7 @@ import { type ComponentProps } from '../../core/shaders/Godrays';
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    center?: ComponentProps['center'] | PropDriver;
     density?: ComponentProps['density'] | PropDriver;
     intensity?: ComponentProps['intensity'] | PropDriver;
     spotty?: ComponentProps['spotty'] | PropDriver;

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

@@ -4,6 +4,7 @@ import { type ComponentProps } from '../../core/shaders/Kaleidoscope';
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    center?: ComponentProps['center'] | PropDriver;
     segments?: ComponentProps['segments'] | PropDriver;
     angle?: ComponentProps['angle'] | PropDriver;
     blendMode?: BlendMode;

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

@@ -4,6 +4,7 @@ import { type ComponentProps } from '../../core/shaders/LensFlare';
  * Define component props including blend mode, opacity, visibility, masking, and transformation
  */
 interface ExtendedComponentProps extends Partial<ComponentProps> {
+    lightPosition?: ComponentProps['lightPosition'] | PropDriver;
     intensity?: ComponentProps['intensity'] | PropDriver;
     ghostIntensity?: ComponentProps['ghostIntensity'] | PropDriver;
     ghostChroma?: ComponentProps['ghostChroma'] | PropDriver;