shaders 2.3.55 → 2.3.57

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

@@ -1,4 +1,5 @@
 import "../../transformations-CC_c-QAT.js";
-import "../../colorMixing-Ehw-Hfs_.js";
-import { n as componentDefinition, t as Tritone_default } from "../../Tritone-v6z_O967.js";
+import "../../alpha-Byel9eTg.js";
+import "../../colorMixing-DZpckBhm.js";
+import { n as componentDefinition, t as Tritone_default } from "../../Tritone-CM5ZgDQ5.js";
 export { componentDefinition, Tritone_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Twirl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAMvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,CAAA;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA2FnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/Twirl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAOvE,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,CAAA;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA2FnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,4 +1,5 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as Twirl_default } from "../../Twirl-BWpsT8iI.js";
+import "../../alpha-Byel9eTg.js";
+import { n as componentDefinition, t as Twirl_default } from "../../Twirl-Bc95ho0B.js";
 export { componentDefinition, Twirl_default as default };

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

@@ -1,2 +1,2 @@
-import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-C_DSuzwf.js";
+import { n as componentDefinition, t as Vibrance_default } from "../../Vibrance-CWMwA5S-.js";
 export { componentDefinition, Vibrance_default as default };

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

@@ -1,3 +1,3 @@
-import "../../browser-Dcr7w1AA.js";
-import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-DfsNWCXk.js";
+import "../../browser-C7ZSkE-t.js";
+import { n as componentDefinition, t as VideoTexture_default } from "../../VideoTexture-DUk9pA_6.js";
 export { componentDefinition, VideoTexture_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/WaveDistortion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAQvE,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAgMnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/WaveDistortion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AASvE,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CAgMnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,5 +1,6 @@
 import "../../edges-Bd7GP4s2.js";
 import "../../transformations-CC_c-QAT.js";
 import "../../time-BZqyVJXt.js";
-import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-xj8fjAf_.js";
+import "../../alpha-Byel9eTg.js";
+import { n as componentDefinition, t as WaveDistortion_default } from "../../WaveDistortion-w4LX_3ES.js";
 export { componentDefinition, WaveDistortion_default as default };

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

@@ -1,3 +1,3 @@
-import "../../browser-Dcr7w1AA.js";
-import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-Cxppkhiu.js";
+import "../../browser-C7ZSkE-t.js";
+import { n as componentDefinition, t as WebcamTexture_default } from "../../WebcamTexture-BmeO4qY-.js";
 export { componentDefinition, WebcamTexture_default as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/ZoomBlur/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAIvE,OAAO,EAAC,iBAAiB,EAAC,MAAM,qCAAqC,CAAA;AAErE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;CAClD;AAWD,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA8DnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shaders/ZoomBlur/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAqB,MAAM,iBAAiB,CAAA;AAKvE,OAAO,EAAC,iBAAiB,EAAC,MAAM,qCAAqC,CAAA;AAErE,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;CAClD;AAWD,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,cAAc,CA8DnE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -1,3 +1,4 @@
 import "../../transformations-CC_c-QAT.js";
-import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-BePhHTgF.js";
+import "../../alpha-Byel9eTg.js";
+import { n as componentDefinition, t as ZoomBlur_default } from "../../ZoomBlur-D2DwyQKZ.js";
 export { componentDefinition, ZoomBlur_default as default };

package/dist/core/utilities/alpha.d.ts

@@ -0,0 +1,15 @@
+import { Node } from 'three/webgpu';
+
+/**
+ * Converts a premultiplied-alpha color to straight alpha.
+ *
+ * RTT boundaries in the renderer produce premultiplied data because
+ * blending over a transparent base multiplies RGB by alpha. Effects
+ * that sample from RTT textures (blur, distortion, color processing)
+ * must convert back to straight alpha before returning, since the
+ * blend mode composition pipeline expects straight alpha.
+ *
+ * For fully opaque content (alpha = 1), this is a no-op.
+ */
+export declare const unpremultiplyAlpha: (color: Node) => Node;
+//# sourceMappingURL=alpha.d.ts.map

package/dist/core/utilities/alpha.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.d.ts","sourceRoot":"","sources":["../../src/utilities/alpha.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAA;AAGjC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,UAAW,IAAI,KAAG,IAOhD,CAAA"}

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;AAq4BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA4E/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;AAy4BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA4E/B,CAAA"}

package/dist/react/utils/generatePresetCode.js

@@ -162,7 +162,11 @@ var shaderMetadata = {
 		"center": {
 			"x": .5,
 			"y": .5
-		}
+		},
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
 	},
 	"ConcentricSpin": {
 		"opacity": 1,

package/dist/registry.js

@@ -2182,7 +2182,7 @@ export const shaderRegistry = [
             "type": "range",
             "min": 0,
             "max": 1,
-            "step": 0.05,
+            "step": 0.01,
             "label": "Softness",
             "group": "Effect"
           }
@@ -2198,6 +2198,73 @@ export const shaderRegistry = [
             "label": "Center Position",
             "group": "Position"
           }
+        },
+        "strokeThickness": {
+          "default": 0,
+          "description": "The thickness of the stroke outline. Zero (0) means no stroke.",
+          "ui": {
+            "type": "range",
+            "min": 0,
+            "max": 0.5,
+            "step": 0.01,
+            "label": "Stroke Thickness",
+            "group": "Stroke"
+          }
+        },
+        "strokeColor": {
+          "default": "#000000",
+          "description": "The color of the stroke outline",
+          "ui": {
+            "type": "color",
+            "label": "Stroke Color",
+            "group": "Colors"
+          }
+        },
+        "strokePosition": {
+          "default": "center",
+          "description": "Position of the stroke relative to the circle edge",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Outside",
+                "value": "outside"
+              },
+              {
+                "label": "Center",
+                "value": "center"
+              },
+              {
+                "label": "Inside",
+                "value": "inside"
+              }
+            ],
+            "label": "Stroke Position",
+            "group": "Stroke"
+          }
+        },
+        "colorSpace": {
+          "default": "linear",
+          "description": "Color space for blending fill and stroke colors in soft edges",
+          "ui": {
+            "type": "select",
+            "options": [
+              {
+                "label": "Linear RGB",
+                "value": "linear"
+              },
+              {
+                "label": "OKLCh",
+                "value": "oklch"
+              },
+              {
+                "label": "OKLAB",
+                "value": "oklab"
+              }
+            ],
+            "label": "Color Blending",
+            "group": "Colors"
+          }
         }
       }
     },
@@ -2228,7 +2295,7 @@ export const shaderRegistry = [
           "type": "range",
           "min": 0,
           "max": 1,
-          "step": 0.05,
+          "step": 0.01,
           "label": "Softness",
           "group": "Effect"
         },
@@ -2246,6 +2313,73 @@ export const shaderRegistry = [
           "y": 0.5
         },
         "description": "The center point of the circle"
+      },
+      "strokeThickness": {
+        "ui": {
+          "type": "range",
+          "min": 0,
+          "max": 0.5,
+          "step": 0.01,
+          "label": "Stroke Thickness",
+          "group": "Stroke"
+        },
+        "default": 0,
+        "description": "The thickness of the stroke outline. Zero (0) means no stroke."
+      },
+      "strokeColor": {
+        "ui": {
+          "type": "color",
+          "label": "Stroke Color",
+          "group": "Colors"
+        },
+        "default": "#000000",
+        "description": "The color of the stroke outline"
+      },
+      "strokePosition": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Outside",
+              "value": "outside"
+            },
+            {
+              "label": "Center",
+              "value": "center"
+            },
+            {
+              "label": "Inside",
+              "value": "inside"
+            }
+          ],
+          "label": "Stroke Position",
+          "group": "Stroke"
+        },
+        "default": "center",
+        "description": "Position of the stroke relative to the circle edge"
+      },
+      "colorSpace": {
+        "ui": {
+          "type": "select",
+          "options": [
+            {
+              "label": "Linear RGB",
+              "value": "linear"
+            },
+            {
+              "label": "OKLCh",
+              "value": "oklch"
+            },
+            {
+              "label": "OKLAB",
+              "value": "oklab"
+            }
+          ],
+          "label": "Color Blending",
+          "group": "Colors"
+        },
+        "default": "linear",
+        "description": "Color space for blending fill and stroke colors in soft edges"
       }
     }
   },

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;AAu4BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA4E/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;AA24BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA4E/B,CAAA"}

package/dist/solid/utils/generatePresetCode.js

@@ -164,7 +164,11 @@ const shaderMetadata = {
     "center": {
       "x": 0.5,
       "y": 0.5
-    }
+    },
+    "strokeThickness": 0,
+    "strokeColor": "#000000",
+    "strokePosition": "center",
+    "colorSpace": "linear"
   },
   "ConcentricSpin": {
     "opacity": 1,

package/dist/svelte/{generatePresetCode-DN-iUvZN.js → generatePresetCode-CO9fAymD.js}

@@ -162,7 +162,11 @@ var shaderMetadata = {
 		"center": {
 			"x": .5,
 			"y": .5
-		}
+		},
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
 	},
 	"ConcentricSpin": {
 		"opacity": 1,

package/dist/svelte/index.js

@@ -1,4 +1,4 @@
-import { n as generatePresetCode } from "./generatePresetCode-DN-iUvZN.js";
+import { n as generatePresetCode } from "./generatePresetCode-CO9fAymD.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { getContext, onDestroy, onMount, setContext } from "svelte";

package/dist/svelte/utils/generatePresetCode.js

@@ -1,2 +1,2 @@
-import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-DN-iUvZN.js";
+import { n as generatePresetCode, t as availableComponents } from "../generatePresetCode-CO9fAymD.js";
 export { availableComponents, generatePresetCode };

package/dist/vue/Circle.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,11 @@ var Circle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		color: {},
 		radius: {},
 		softness: {},
-		center: {}
+		center: {},
+		strokeThickness: {},
+		strokeColor: {},
+		strokePosition: {},
+		colorSpace: {}
 	}, {
 		blendMode: "normal",
 		visible: true,

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;AAk4BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA4E/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;AAs4BD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAyC/D;AAGD,eAAO,MAAM,mBAAmB,UA4E/B,CAAA"}

package/dist/vue/utils/generatePresetCode.js

@@ -160,7 +160,11 @@ var shaderMetadata = {
 		"center": {
 			"x": .5,
 			"y": .5
-		}
+		},
+		"strokeThickness": 0,
+		"strokeColor": "#000000",
+		"strokePosition": "center",
+		"colorSpace": "linear"
 	},
 	"ConcentricSpin": {
 		"opacity": 1,

package/package.json

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

package/dist/core/Circle-C9DYXDnD.js

@@ -1,69 +0,0 @@
-import { r as transformColor, s as transformPosition } from "./transformations-CC_c-QAT.js";
-import { length, screenUV, smoothstep, vec2, vec4, viewportSize } from "three/tsl";
-const componentDefinition = {
-	name: "Circle",
-	category: "Textures",
-	description: "Generate a circle with adjustable size and softness",
-	props: {
-		color: {
-			default: "#ffffff",
-			transform: transformColor,
-			description: "The color of the circle",
-			ui: {
-				type: "color",
-				label: "Color",
-				group: "Colors"
-			}
-		},
-		radius: {
-			default: 1,
-			description: "The radius of the circle. A value of one (1) is sets the circle to fit the canvas.",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 2,
-				step: .05,
-				label: "Radius",
-				group: "Effect"
-			}
-		},
-		softness: {
-			default: 0,
-			description: "Edge softness. Lower values like zero (0) are sharp, higher values like one (1) are softer.",
-			ui: {
-				type: "range",
-				min: 0,
-				max: 1,
-				step: .05,
-				label: "Softness",
-				group: "Effect"
-			}
-		},
-		center: {
-			default: {
-				x: .5,
-				y: .5
-			},
-			transform: transformPosition,
-			description: "The center point of the circle",
-			ui: {
-				type: "position",
-				label: "Center Position",
-				group: "Position"
-			}
-		}
-	},
-	fragmentNode: ({ uniforms }) => {
-		const uv$1 = screenUV;
-		const aspect = viewportSize.x.div(viewportSize.y);
-		const aspectCorrectedUV = vec2(uv$1.x.mul(aspect), uv$1.y);
-		const centerPos = vec2(uniforms.center.uniform.x.mul(aspect), uniforms.center.uniform.y.oneMinus());
-		const distanceFromCenter = length(aspectCorrectedUV.sub(centerPos));
-		const edgeSoftness = uniforms.softness.uniform;
-		const circleEdge = uniforms.radius.uniform.mul(.5);
-		const circleMask = smoothstep(circleEdge.sub(edgeSoftness), circleEdge, distanceFromCenter).oneMinus();
-		return vec4(uniforms.color.uniform.rgb, uniforms.color.uniform.a.mul(circleMask));
-	}
-};
-var Circle_default = componentDefinition;
-export { componentDefinition as n, Circle_default as t };