shaders 2.5.91 → 2.5.92

package/dist/core/{DropShadow-_VJqd8du.js → DropShadow-9bPzXwAc.js}

@@ -1,6 +1,6 @@
-import { a as transformColor } from "./transformations-B5lM6fYX.js";
+import { a as transformColor, i as transformBoolean } from "./transformations-B5lM6fYX.js";
 import { t as unpremultiplyAlpha } from "./alpha-C4ptedXe.js";
-import { Fn, convertToTexture, cos, float, max, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
+import { Fn, clamp, convertToTexture, cos, float, max, screenUV, sin, vec2, vec4, viewportSize } from "three/tsl";
 var weights = [
 	.056,
 	.135,
@@ -81,6 +81,16 @@ const componentDefinition = {
 				label: "Intensity",
 				group: "Effect"
 			}
+		},
+		cutout: {
+			default: false,
+			transform: transformBoolean,
+			description: "Hide the original layer and show only the shadow",
+			ui: {
+				type: "checkbox",
+				label: "Cutout",
+				group: "Effect"
+			}
 		}
 	},
 	fragmentNode: ({ uniforms, childNode, onCleanup }) => {
@@ -120,11 +130,16 @@ const componentDefinition = {
 			}
 			return total;
 		})().mul(uniforms.intensity.uniform);
+		const isCutout = uniforms.cutout.uniform.equal(float(1));
 		const shadowColor = uniforms.color.uniform;
 		const shadowPremulRGB = shadowColor.rgb.mul(shadowColor.a).mul(shadowAlpha);
 		const shadowA = shadowColor.a.mul(shadowAlpha);
 		const oneMinusOrigA = float(1).sub(originalColor.a);
-		return unpremultiplyAlpha(vec4(originalColor.rgb.add(shadowPremulRGB.mul(oneMinusOrigA)), max(originalColor.a.add(shadowA.mul(oneMinusOrigA)), originalColor.a)));
+		const normalRGB = originalColor.rgb.add(shadowPremulRGB.mul(oneMinusOrigA));
+		const normalA = max(originalColor.a.add(shadowA.mul(oneMinusOrigA)), originalColor.a);
+		const cutoutA = clamp(shadowA.sub(originalColor.a), float(0), float(1));
+		const cutoutRGB = shadowColor.rgb.mul(shadowColor.a).mul(cutoutA);
+		return unpremultiplyAlpha(vec4(isCutout.select(cutoutRGB, normalRGB), isCutout.select(cutoutA, normalA)));
 	}
 };
 var DropShadow_default = componentDefinition;

package/dist/core/index.js

@@ -30,7 +30,7 @@ import "./DiamondGradient-TsOxHjg_.js";
 import "./DiffuseBlur-BqIV4JLM.js";
 import "./Dither-D_YF6z03.js";
 import "./DotGrid-Cv_aCN_c.js";
-import "./DropShadow-_VJqd8du.js";
+import "./DropShadow-9bPzXwAc.js";
 import "./Duotone-Db9kfzCs.js";
 import "./Ellipse-BvlGDQyZ.js";
 import "./Emboss-CF-BN_CQ.js";
@@ -107,7 +107,7 @@ import "./WaveDistortion-C7mIgJok.js";
 import "./Weave-DzZv1-19.js";
 import "./WebcamTexture-7SK_C_Xf.js";
 import "./ZoomBlur-DUcqnggc.js";
-import { t as getAllShaders } from "./shaderRegistry-DFpnXcuC.js";
+import { t as getAllShaders } from "./shaderRegistry-BiyVs5uZ.js";
 import { Material, Mesh, MeshBasicNodeMaterial, OrthographicCamera, PlaneGeometry, SRGBColorSpace, Scene, Vector2, WebGPURenderer } from "three/webgpu";
 import { WebGLRenderer } from "three";
 import { PI, abs, add, atan, clamp, convertToTexture, cos, div, dot, float, fract, max, min, mix, mul, pow, screenUV, sign, sin, smoothstep, sqrt, step, sub, time, uniform, uv, vec2, vec3, vec4 } from "three/tsl";

package/dist/core/registry.js

@@ -30,7 +30,7 @@ import "./DiamondGradient-TsOxHjg_.js";
 import "./DiffuseBlur-BqIV4JLM.js";
 import "./Dither-D_YF6z03.js";
 import "./DotGrid-Cv_aCN_c.js";
-import "./DropShadow-_VJqd8du.js";
+import "./DropShadow-9bPzXwAc.js";
 import "./Duotone-Db9kfzCs.js";
 import "./Ellipse-BvlGDQyZ.js";
 import "./Emboss-CF-BN_CQ.js";
@@ -107,5 +107,5 @@ import "./WaveDistortion-C7mIgJok.js";
 import "./Weave-DzZv1-19.js";
 import "./WebcamTexture-7SK_C_Xf.js";
 import "./ZoomBlur-DUcqnggc.js";
-import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-DFpnXcuC.js";
+import { a as shaderRegistry, i as getShadersByCategory, n as getShaderByName, r as getShaderCategories, t as getAllShaders } from "./shaderRegistry-BiyVs5uZ.js";
 export { getAllShaders, getShaderByName, getShaderCategories, getShadersByCategory, shaderRegistry };

package/dist/core/{shaderRegistry-DFpnXcuC.js → shaderRegistry-BiyVs5uZ.js}

@@ -24,7 +24,7 @@ import { n as componentDefinition$22 } from "./DiamondGradient-TsOxHjg_.js";
 import { n as componentDefinition$23 } from "./DiffuseBlur-BqIV4JLM.js";
 import { n as componentDefinition$24 } from "./Dither-D_YF6z03.js";
 import { n as componentDefinition$25 } from "./DotGrid-Cv_aCN_c.js";
-import { n as componentDefinition$26 } from "./DropShadow-_VJqd8du.js";
+import { n as componentDefinition$26 } from "./DropShadow-9bPzXwAc.js";
 import { n as componentDefinition$27 } from "./Duotone-Db9kfzCs.js";
 import { n as componentDefinition$28 } from "./Ellipse-BvlGDQyZ.js";
 import { n as componentDefinition$29 } from "./Emboss-CF-BN_CQ.js";

package/dist/core/shaders/DropShadow/index.d.ts

@@ -33,6 +33,13 @@ export interface ComponentProps {
      * @default 0.5
      */
     intensity: number;
+    /**
+     * Hide the original layer and show only the shadow
+     *
+     * Accepts a boolean value (`true` or `false`).
+     * @default false
+     */
+    cutout: boolean;
 }
 export declare const componentDefinition: ComponentDefinition<ComponentProps>;
 export default componentDefinition;

package/dist/core/shaders/DropShadow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/DropShadow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAsB,MAAM,iBAAiB,CAAA;AAGzE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAOpE,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAiGnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/DropShadow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAsB,MAAM,iBAAiB,CAAA;AAGzE,OAAO,EAAE,cAAc,EAAoB,MAAM,qCAAqC,CAAA;AAOtF,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAiHnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/core/shaders/DropShadow/index.js

@@ -1,4 +1,4 @@
 import "../../transformations-B5lM6fYX.js";
 import "../../alpha-C4ptedXe.js";
-import { n as componentDefinition, t as DropShadow_default } from "../../DropShadow-_VJqd8du.js";
+import { n as componentDefinition, t as DropShadow_default } from "../../DropShadow-9bPzXwAc.js";
 export { componentDefinition, DropShadow_default as default };

package/dist/js/createShader.js

@@ -41,7 +41,7 @@ async function createShader(canvas, preset, options) {
 	if (isExternalUser()) {
 		const checkRendering = () => {
 			if (renderer.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(renderer, "2.5.91", options?.disableTelemetry || false, false);
+				telemetryCollector = startTelemetry(renderer, "2.5.92", options?.disableTelemetry || false, false);
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/js/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;AAo3CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UAwG/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;AAq3CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAoBlG;AAGD,eAAO,MAAM,mBAAmB,UAwG/B,CAAA"}

package/dist/js/utils/generatePresetCode.js

@@ -344,7 +344,8 @@ var shaderMetadata = {
 		"distance": .1,
 		"angle": 135,
 		"blur": 5,
-		"intensity": .5
+		"intensity": .5,
+		"cutout": false
 	},
 	"Duotone": {
 		"opacity": 1,

package/dist/react/Shader.js

@@ -89,7 +89,7 @@ const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear",
 				return;
 			}
 			if (rendererRef.current.getPerformanceStats().fps > 0) {
-				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.91", disableTelemetry, isPreview);
+				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.92", disableTelemetry, isPreview);
 				if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
 				telemetryStartTimeoutRef.current = null;
 			} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);

package/dist/react/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;AAu4CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,UAwG/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;AAw4CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,UAwG/B,CAAA"}

package/dist/react/utils/generatePresetCode.js

@@ -356,7 +356,8 @@ var shaderMetadata = {
 		"distance": .1,
 		"angle": 135,
 		"blur": 5,
-		"intensity": .5
+		"intensity": .5,
+		"cutout": false
 	},
 	"Duotone": {
 		"opacity": 1,

package/dist/registry.js

@@ -6049,6 +6049,15 @@ export const shaderRegistry = [
             "label": "Intensity",
             "group": "Effect"
           }
+        },
+        "cutout": {
+          "default": false,
+          "description": "Hide the original layer and show only the shadow",
+          "ui": {
+            "type": "checkbox",
+            "label": "Cutout",
+            "group": "Effect"
+          }
         }
       }
     },
@@ -6121,6 +6130,15 @@ export const shaderRegistry = [
         },
         "default": 0.5,
         "description": "Shadow intensity — how strong/visible the shadow is"
+      },
+      "cutout": {
+        "ui": {
+          "type": "checkbox",
+          "label": "Cutout",
+          "group": "Effect"
+        },
+        "default": false,
+        "description": "Hide the original layer and show only the shadow"
       }
     }
   },

package/dist/solid/engine/Shader.js

@@ -67,7 +67,7 @@ function Shader(allProps) {
     const checkRendering = () => {
       const stats = rendererInstance.getPerformanceStats();
       if (stats.fps > 0) {
-        const version = "2.5.91";
+        const version = "2.5.92";
         telemetryCollector = startTelemetry(rendererInstance, version, props.disableTelemetry, props.isPreview);
         if (telemetryCollector) {
           telemetryCollector.start();

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;AA83CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,UAwG/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;AA+3CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAsElG;AAGD,eAAO,MAAM,mBAAmB,UAwG/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -351,7 +351,8 @@ const shaderMetadata = {
     "distance": 0.1,
     "angle": 135,
     "blur": 5,
-    "intensity": 0.5
+    "intensity": 0.5,
+    "cutout": false
   },
   "Duotone": {
     "opacity": 1,

package/dist/svelte/{generatePresetCode-C7KnCLnD.js → generatePresetCode-GNbu5b-Y.js}

@@ -349,7 +349,8 @@ var shaderMetadata = {
 		"distance": .1,
 		"angle": 135,
 		"blur": 5,
-		"intensity": .5
+		"intensity": .5,
+		"cutout": false
 	},
 	"Duotone": {
 		"opacity": 1,

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-C7KnCLnD.js";
+import { n as generatePresetCode } from "./generatePresetCode-GNbu5b-Y.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";
@@ -14941,7 +14941,7 @@ function Shader($$anchor, $$props) {
 		const checkRendering = () => {
 			if (!rendererInstance) return;
 			if (rendererInstance.getPerformanceStats().fps > 0) {
-				telemetryCollector = startTelemetry(rendererInstance, "2.5.91", disableTelemetry(), isPreview());
+				telemetryCollector = startTelemetry(rendererInstance, "2.5.92", disableTelemetry(), isPreview());
 				if (telemetryCollector) telemetryCollector.start();
 				telemetryStartTimeout = null;
 			} else telemetryStartTimeout = window.setTimeout(checkRendering, 500);

package/dist/svelte/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-C7KnCLnD.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-GNbu5b-Y.js";
 export { availableComponents, generatePresetCode };

package/dist/vue/DropShadow.vue_vue_type_script_setup_true_lang.js

@@ -18,7 +18,8 @@ var DropShadow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		maskType: {},
 		renderOrder: {},
 		transform: {},
-		color: {}
+		color: {},
+		cutout: { type: Boolean }
 	}, {
 		blendMode: "normal",
 		visible: true,

package/dist/vue/Shader.vue_vue_type_script_setup_true_lang.js

@@ -60,7 +60,7 @@ var Shader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const startTelemetryWhenReady = () => {
 			const checkRendering = () => {
 				if (rendererInstance.value.getPerformanceStats().fps > 0) {
-					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.91", props.disableTelemetry, props.isPreview);
+					telemetryCollector = startTelemetry(rendererInstance.value, "2.5.92", props.disableTelemetry, props.isPreview);
 					if (telemetryCollector) telemetryCollector.start();
 					telemetryStartTimeout = null;
 				} else telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/vue/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;AA63CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UAwG/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;AA83CD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAiFlG;AAGD,eAAO,MAAM,mBAAmB,UAwG/B,CAAA"}

package/dist/vue/utils/generatePresetCode.js

@@ -347,7 +347,8 @@ var shaderMetadata = {
 		"distance": .1,
 		"angle": 135,
 		"blur": 5,
-		"intensity": .5
+		"intensity": .5,
+		"cutout": false
 	},
 	"Duotone": {
 		"opacity": 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shaders",
-  "version": "2.5.91",
+  "version": "2.5.92",
   "description": "Shader magic for modern frontends",
   "author": "Shader Effects Inc.",
   "homepage": "https://shaders.com/",