shaders 3.0.453 → 3.1.455

package/dist/core/{Hologram-D_eqqb8P.js → Hologram-B-090nzV.js}

@@ -1,18 +1,19 @@
-import { At as max, Bt as sin, Gt as data_exports, Mt as mix, Nt as normalize, Ot as fract, Pt as pow, Tt as exp, Vt as smoothstep, _t as abs, b as vec4, cn as vec4f, gt as select, it as std_exports, jt as min, ln as f32, m as call, nt as src_default, on as vec3f, rn as vec2f, v as floatE, wt as dot, xt as clamp } from "./edges-B7Yet3LV.js";
-import { t as animatedTime } from "./porters-D_xmIPz2.js";
-import { p as noise_exports, u as mxNoiseFloat2 } from "./noise-B-PI7JUx.js";
-import { h as sdf_exports } from "./sdf-B8rPE1PG.js";
-import { f as sdf3d_exports, n as shapeEffectBoundingBoxDeclaration, t as resolveShapeType } from "./shapeEffectBounds-Svfd_R5a.js";
-import { n as glass_exports } from "./glass-CNFJB2On.js";
-import { a as transformColor, c as transformPosition } from "./transformations-C7gn_5rF.js";
+import { At as max, Bt as sin, Gt as data_exports, Mt as mix, Nt as normalize, Ot as fract, Pt as pow, Tt as exp, Vt as smoothstep, _t as abs, at as std_exports, cn as vec4f, gt as select, h as call, jt as min, on as vec3f, rn as vec2f, rt as src_default, un as f32, wt as dot, x as vec4, xt as clamp, y as floatE } from "./edges-CD7gCAto.js";
+import { s as TWO_PI$1 } from "./constants-DoOzbl5b.js";
+import { t as animatedTime } from "./porters-DUtQounc.js";
+import { p as noise_exports, u as mxNoiseFloat2 } from "./noise-Bd6IGS0W.js";
+import { C as sdf_exports } from "./device-B0ZwBfOg.js";
+import { i as shapeEffectBoundingBoxDeclaration, n as sdf3d_exports } from "./sdf3d-CP87OlsQ.js";
+import { n as glass_exports } from "./glass-D8xs_kIG.js";
+import { a as transformColor, c as transformPosition } from "./transformations-B-zNWNdd.js";
 var { sdfSpaceUV, offsetUV } = glass_exports;
-var { createSvgSdfSampler, createAnalyticSdfSampler, driveAnalyticSubProps, ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;
-var { createVolumetricFieldComputeNode, buildVolumetricFieldSampler, VOLUMETRIC_FIELD_EXTRA_FIELDS, is3dShapeType, isVolumetricShapeType } = sdf3d_exports;
+var { ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;
+var { createVolumetricFieldComputeNode, resolveShapeFieldSampler, VOLUMETRIC_FIELD_EXTRA_FIELDS } = sdf3d_exports;
 var DEFAULT_SHAPE_CONFIG = JSON.stringify({
 	type: "circleSDF",
 	radius: .35
 });
-var TWO_PI = 6.283185307179586;
+var TWO_PI = TWO_PI$1;
 const hologramHash21 = src_default.fn([vec2f], f32)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((p) => {
 	"use gpu";
 	return fract(__tsover_mul(sin(dot(p, vec2f(12.9898, 78.233))), 43758.5453));
@@ -1954,45 +1955,10 @@ const componentDefinition = {
 			description: "Active SDF shape type — triggers recompile when shape is switched. When empty, derived from shape JSON at mount time."
 		}
 	},
-	compute: (params) => {
-		const vf = createVolumetricFieldComputeNode(params, () => params.getCpuValue("shape"), "none", "firstLobe");
-		return vf ? {
-			outputs: vf.outputs,
-			getComputeNodes: (fp) => vf.getComputeNodes(fp)
-		} : null;
-	},
+	compute: (params) => createVolumetricFieldComputeNode(params, () => params.getCpuValue("shape"), "none", "firstLobe"),
 	fragment: (params) => {
-		const { computeOutputs, uniforms, propValues, ctx, getCpuValue } = params;
-		let sampler;
-		let gradSampler;
-		let volumetric = false;
-		const fieldTex = computeOutputs?.volumetricFieldTexture;
-		if (fieldTex) {
-			const s = buildVolumetricFieldSampler(fieldTex, {
-				originX: uniforms._vfOriginX,
-				originY: uniforms._vfOriginY,
-				spanX: uniforms._vfSpanX,
-				spanY: uniforms._vfSpanY,
-				activeResF: uniforms._vfActiveRes,
-				rBound: uniforms._vfRBound
-			});
-			sampler = s.volumetricFieldSampler;
-			gradSampler = s.volumetricFieldSamplerFast;
-			volumetric = true;
-		} else {
-			const shapeSdfUrl = propValues.shapeSdfUrl || "";
-			const shapeType = propValues.shapeType || "";
-			if (shapeSdfUrl) {
-				sampler = createSvgSdfSampler(params, shapeSdfUrl);
-				gradSampler = sampler;
-				volumetric = isVolumetricShapeType(shapeType);
-			} else {
-				const st = resolveShapeType(shapeType, getCpuValue("shape"));
-				sampler = createAnalyticSdfSampler(st, driveAnalyticSubProps(params, () => getCpuValue("shape")));
-				gradSampler = sampler;
-				volumetric = is3dShapeType(st);
-			}
-		}
+		const { uniforms, ctx } = params;
+		const { sampler, gradSampler, volumetric } = resolveShapeFieldSampler(params);
 		const t = animatedTime(params);
 		const suv = call(hologramDisplaceUV, "hologramDisplaceUV", [
 			ctx.uv,

package/dist/core/{Holographic-Ctrsya3k.js → Holographic-CSIQUm1_.js}

@@ -1,25 +1,26 @@
-import { At as max, Bt as sin, Gt as data_exports, Mt as mix, Nt as normalize, Pt as pow, St as cos, Vt as smoothstep, b as vec4, cn as vec4f, gt as select, it as std_exports, ln as f32, m as call, nt as src_default, on as vec3f, rn as vec2f, v as floatE, wt as dot, xt as clamp } from "./edges-B7Yet3LV.js";
-import { t as animatedTime } from "./porters-D_xmIPz2.js";
-import { p as noise_exports, u as mxNoiseFloat2 } from "./noise-B-PI7JUx.js";
-import { h as sdf_exports } from "./sdf-B8rPE1PG.js";
-import { f as sdf3d_exports, n as shapeEffectBoundingBoxDeclaration, t as resolveShapeType } from "./shapeEffectBounds-Svfd_R5a.js";
-import { n as glass_exports } from "./glass-CNFJB2On.js";
-import { c as transformPosition } from "./transformations-C7gn_5rF.js";
+import { At as max, Bt as sin, Gt as data_exports, Mt as mix, Nt as normalize, Pt as pow, Vt as smoothstep, at as std_exports, cn as vec4f, gt as select, h as call, on as vec3f, rn as vec2f, rt as src_default, un as f32, wt as dot, x as vec4, xt as clamp, y as floatE } from "./edges-CD7gCAto.js";
+import { t as animatedTime } from "./porters-DUtQounc.js";
+import { p as noise_exports, u as mxNoiseFloat2 } from "./noise-Bd6IGS0W.js";
+import { C as sdf_exports } from "./device-B0ZwBfOg.js";
+import { n as lighting_exports } from "./lighting-D3jc6qOc.js";
+import { i as shapeEffectBoundingBoxDeclaration, n as sdf3d_exports } from "./sdf3d-CP87OlsQ.js";
+import { n as glass_exports } from "./glass-D8xs_kIG.js";
+import { c as transformPosition } from "./transformations-B-zNWNdd.js";
 var { sdfSpaceUV, offsetUV } = glass_exports;
-var { createSvgSdfSampler, createAnalyticSdfSampler, driveAnalyticSubProps, ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;
-var { createVolumetricFieldComputeNode, buildVolumetricFieldSampler, VOLUMETRIC_FIELD_EXTRA_FIELDS, is3dShapeType, isVolumetricShapeType } = sdf3d_exports;
+var { fieldGradient, patternCoords, outsideShape, insideMask, cosinePalette } = lighting_exports;
+var { ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;
+var { createVolumetricFieldComputeNode, resolveShapeFieldSampler, VOLUMETRIC_FIELD_EXTRA_FIELDS } = sdf3d_exports;
 var DEFAULT_SHAPE_CONFIG = JSON.stringify({
 	type: "circleSDF",
 	radius: .35
 });
-var TWO_PI = 6.283185307179586;
 var THIRD = 1 / 3;
 var TWOTHIRD = 2 / 3;
 var LIGHT_X = Math.cos(300 * Math.PI / 180);
 var LIGHT_Y = Math.sin(300 * Math.PI / 180);
 const holoRainbow = src_default.fn([f32], vec3f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((t) => {
 	"use gpu";
-	return vec3f(__tsover_add(__tsover_mul(cos(__tsover_mul(t, TWO_PI)), .5), .5), __tsover_add(__tsover_mul(cos(__tsover_mul(__tsover_add(t, THIRD), TWO_PI)), .5), .5), __tsover_add(__tsover_mul(cos(__tsover_mul(__tsover_add(t, TWOTHIRD), TWO_PI)), .5), .5));
+	return cosinePalette(t, 0, THIRD, TWOTHIRD);
 }), {
 	v: 1,
 	name: void 0,
@@ -28,129 +29,26 @@ const holoRainbow = src_default.fn([f32], vec3f)(/* @__PURE__ */ (($) => (global
 			"type": "i",
 			"name": "t"
 		}],
-		"body": [0, [
-			[
-				13,
-				"r",
-				[
-					1,
-					[
-						1,
-						[
-							6,
-							[
-								7,
-								"std",
-								"cos"
-							],
-							[[
-								1,
-								"t",
-								"*",
-								"TWO_PI"
-							]]
-						],
-						"*",
-						[5, "0.5"]
-					],
-					"+",
-					[5, "0.5"]
-				]
-			],
-			[
-				13,
-				"g",
-				[
-					1,
-					[
-						1,
-						[
-							6,
-							[
-								7,
-								"std",
-								"cos"
-							],
-							[[
-								1,
-								[
-									1,
-									"t",
-									"+",
-									"THIRD"
-								],
-								"*",
-								"TWO_PI"
-							]]
-						],
-						"*",
-						[5, "0.5"]
-					],
-					"+",
-					[5, "0.5"]
-				]
-			],
-			[
-				13,
-				"b",
-				[
-					1,
-					[
-						1,
-						[
-							6,
-							[
-								7,
-								"std",
-								"cos"
-							],
-							[[
-								1,
-								[
-									1,
-									"t",
-									"+",
-									"TWOTHIRD"
-								],
-								"*",
-								"TWO_PI"
-							]]
-						],
-						"*",
-						[5, "0.5"]
-					],
-					"+",
-					[5, "0.5"]
-				]
-			],
-			[10, [
-				6,
-				[
-					7,
-					"d",
-					"vec3f"
-				],
-				[
-					"r",
-					"g",
-					"b"
-				]
-			]]
-		]],
+		"body": [0, [[10, [
+			6,
+			"cosinePalette",
+			[
+				"t",
+				[5, "0"],
+				"THIRD",
+				"TWOTHIRD"
+			]
+		]]]],
 		"externalNames": [
-			"std",
-			"TWO_PI",
+			"cosinePalette",
 			"THIRD",
-			"TWOTHIRD",
-			"d"
+			"TWOTHIRD"
 		]
 	},
 	externals: () => ({
-		std: std_exports,
-		TWO_PI,
+		cosinePalette,
 		THIRD,
-		TWOTHIRD,
-		d: data_exports
+		TWOTHIRD
 	})
 }) && $.f)({}));
 const holographicComposite = src_default.fn([
@@ -179,13 +77,15 @@ const holographicComposite = src_default.fn([
 	const pxH = __tsover_div(1, viewportSize.y);
 	const sdfRaw = sC.x;
 	const sdf = __tsover_div(sdfRaw, scl);
-	if (sdf > __tsover_mul(pxH, 2)) return vec4f(0, 0, 0, 0);
+	if (outsideShape(sdf, pxH)) return vec4f(0, 0, 0, 0);
 	const EPS = .008;
-	const gradX = __tsover_div(__tsover_sub(sR.x, sC.x), EPS);
-	const gradY = __tsover_div(__tsover_sub(sU.x, sC.x), EPS);
-	const rb1 = clamp(__tsover_mul(__tsover_div(__tsover_mul(sdf, -1), sharp), 32), 0, 1);
-	const pdx = select(__tsover_sub(sdfUV.x, .5), sC.y, volumetric > .5);
-	const pdy = select(__tsover_sub(sdfUV.y, .5), sC.z, volumetric > .5);
+	const grad = fieldGradient(sC, sR, sU, EPS);
+	const gradX = grad.x;
+	const gradY = grad.y;
+	const rb1 = insideMask(sdf, sharp, pxH, 1.5);
+	const pat = patternCoords(sdfUV, sC, volumetric);
+	const pdx = pat.x;
+	const pdy = pat.y;
 	const qdx = __tsover_sub(sdfUV.x, .5);
 	const qdy = __tsover_sub(sdfUV.y, .5);
 	const baseNxVol = clamp(__tsover_div(__tsover_sub(sR.w, sC.w), EPS), -1.5, 1.5);
@@ -427,15 +327,9 @@ const holographicComposite = src_default.fn([
 			[
 				11,
 				[
-					1,
-					"sdf",
-					">",
-					[
-						1,
-						"pxH",
-						"*",
-						[5, "2"]
-					]
+					6,
+					"outsideShape",
+					["sdf", "pxH"]
 				],
 				[10, [
 					6,
@@ -459,48 +353,34 @@ const holographicComposite = src_default.fn([
 			],
 			[
 				13,
-				"gradX",
+				"grad",
 				[
-					1,
+					6,
+					"fieldGradient",
 					[
-						1,
-						[
-							7,
-							"sR",
-							"x"
-						],
-						"-",
-						[
-							7,
-							"sC",
-							"x"
-						]
-					],
-					"/",
-					"EPS"
+						"sC",
+						"sR",
+						"sU",
+						"EPS"
+					]
+				]
+			],
+			[
+				13,
+				"gradX",
+				[
+					7,
+					"grad",
+					"x"
 				]
 			],
 			[
 				13,
 				"gradY",
 				[
-					1,
-					[
-						1,
-						[
-							7,
-							"sU",
-							"x"
-						],
-						"-",
-						[
-							7,
-							"sC",
-							"x"
-						]
-					],
-					"/",
-					"EPS"
+					7,
+					"grad",
+					"y"
 				]
 			],
 			[
@@ -508,105 +388,44 @@ const holographicComposite = src_default.fn([
 				"rb1",
 				[
 					6,
+					"insideMask",
 					[
-						7,
-						"std",
-						"clamp"
-					],
-					[
-						[
-							1,
-							[
-								1,
-								[
-									1,
-									"sdf",
-									"*",
-									[
-										4,
-										"-",
-										[5, "1"]
-									]
-								],
-								"/",
-								"sharp"
-							],
-							"*",
-							[5, "32"]
-						],
-						[5, "0"],
-						[5, "1"]
+						"sdf",
+						"sharp",
+						"pxH",
+						[5, "1.5"]
 					]
 				]
 			],
 			[
 				13,
-				"pdx",
+				"pat",
 				[
 					6,
+					"patternCoords",
 					[
-						7,
-						"std",
-						"select"
-					],
-					[
-						[
-							1,
-							[
-								7,
-								"sdfUV",
-								"x"
-							],
-							"-",
-							[5, "0.5"]
-						],
-						[
-							7,
-							"sC",
-							"y"
-						],
-						[
-							1,
-							"volumetric",
-							">",
-							[5, "0.5"]
-						]
+						"sdfUV",
+						"sC",
+						"volumetric"
 					]
 				]
 			],
+			[
+				13,
+				"pdx",
+				[
+					7,
+					"pat",
+					"x"
+				]
+			],
 			[
 				13,
 				"pdy",
 				[
-					6,
-					[
-						7,
-						"std",
-						"select"
-					],
-					[
-						[
-							1,
-							[
-								7,
-								"sdfUV",
-								"y"
-							],
-							"-",
-							[5, "0.5"]
-						],
-						[
-							7,
-							"sC",
-							"z"
-						],
-						[
-							1,
-							"volumetric",
-							">",
-							[5, "0.5"]
-						]
-					]
+					7,
+					"pat",
+					"y"
 				]
 			],
 			[
@@ -2178,7 +1997,11 @@ const holographicComposite = src_default.fn([
 		]],
 		"externalNames": [
 			"std",
+			"outsideShape",
 			"d",
+			"fieldGradient",
+			"insideMask",
+			"patternCoords",
 			"noise",
 			"LIGHT_X",
 			"LIGHT_Y",
@@ -2187,7 +2010,11 @@ const holographicComposite = src_default.fn([
 	},
 	externals: () => ({
 		std: std_exports,
+		outsideShape,
 		d: data_exports,
+		fieldGradient,
+		insideMask,
+		patternCoords,
 		noise: noise_exports,
 		LIGHT_X,
 		LIGHT_Y,
@@ -2380,45 +2207,10 @@ const componentDefinition = {
 			description: "Active SDF shape type"
 		}
 	},
-	compute: (params) => {
-		const vf = createVolumetricFieldComputeNode(params, () => params.getCpuValue("shape"), "raw");
-		return vf ? {
-			outputs: vf.outputs,
-			getComputeNodes: (fp) => vf.getComputeNodes(fp)
-		} : null;
-	},
+	compute: (params) => createVolumetricFieldComputeNode(params, () => params.getCpuValue("shape"), "raw"),
 	fragment: (params) => {
-		const { computeOutputs, uniforms, propValues, ctx, getCpuValue } = params;
-		let sampler;
-		let gradSampler;
-		let volumetric = false;
-		const fieldTex = computeOutputs?.volumetricFieldTexture;
-		if (fieldTex) {
-			const s = buildVolumetricFieldSampler(fieldTex, {
-				originX: uniforms._vfOriginX,
-				originY: uniforms._vfOriginY,
-				spanX: uniforms._vfSpanX,
-				spanY: uniforms._vfSpanY,
-				activeResF: uniforms._vfActiveRes,
-				rBound: uniforms._vfRBound
-			});
-			sampler = s.volumetricFieldSampler;
-			gradSampler = s.volumetricFieldSamplerFast;
-			volumetric = true;
-		} else {
-			const shapeSdfUrl = propValues.shapeSdfUrl || "";
-			const shapeType = propValues.shapeType || "";
-			if (shapeSdfUrl) {
-				sampler = createSvgSdfSampler(params, shapeSdfUrl);
-				gradSampler = sampler;
-				volumetric = isVolumetricShapeType(shapeType);
-			} else {
-				const st = resolveShapeType(shapeType, getCpuValue("shape"));
-				sampler = createAnalyticSdfSampler(st, driveAnalyticSubProps(params, () => getCpuValue("shape")), "raw");
-				gradSampler = sampler;
-				volumetric = is3dShapeType(st);
-			}
-		}
+		const { uniforms, ctx } = params;
+		const { sampler, gradSampler, volumetric } = resolveShapeFieldSampler(params, { patternMode: "raw" });
 		const sdfUV = call(sdfSpaceUV, "sdfSpaceUV", [
 			uniforms.center,
 			uniforms.scale,

package/dist/core/{HueShift-CFXxhPpm.js → HueShift-B7l4vcZP.js}

@@ -1,6 +1,8 @@
-import { Bt as sin, Gt as data_exports, St as cos, cn as vec4f, d as ZERO, it as std_exports, ln as f32, m as call, nt as src_default } from "./edges-B7Yet3LV.js";
-var DEG_TO_RAD = Math.PI / 180;
-var SQRT3 = 1.7320508075688772;
+import { Bt as sin, Gt as data_exports, St as cos, at as std_exports, cn as vec4f, rt as src_default, un as f32 } from "./edges-CD7gCAto.js";
+import { a as SQRT3$1, t as DEG_TO_RAD$1 } from "./constants-DoOzbl5b.js";
+import { S as definePointwiseFilter } from "./porters-DUtQounc.js";
+var DEG_TO_RAD = DEG_TO_RAD$1;
+var SQRT3 = SQRT3$1;
 const hueShiftColor = src_default.fn([vec4f, f32], vec4f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((color, shiftDeg) => {
 	"use gpu";
 	const angle = __tsover_mul(shiftDeg, DEG_TO_RAD);
@@ -351,12 +353,11 @@ const hueShiftColor = src_default.fn([vec4f, f32], vec4f)(/* @__PURE__ */ (($) =
 		d: data_exports
 	})
 }) && $.f)({}));
-const componentDefinition = {
+const componentDefinition = definePointwiseFilter({
 	name: "HueShift",
 	boundingBoxDeclaration: { aspectRatio: null },
 	category: "Adjustments",
 	description: "Rotate hue around the color wheel",
-	requiresChild: true,
 	props: { shift: {
 		default: 0,
 		description: "The amount to shift the hue by",
@@ -370,14 +371,16 @@ const componentDefinition = {
 			group: "Adjustments"
 		}
 	} },
-	fragment: ({ uniforms, childNode, propValues }) => {
-		if (!childNode) {
-			console.error("You must pass a child component into the Hue Shift shader.");
-			return ZERO;
-		}
-		if ((propValues.shift ?? 0) === 0) return childNode;
-		return call(hueShiftColor, "hueShiftColor", [childNode, uniforms.shift]);
-	}
-};
+	body: {
+		fn: hueShiftColor,
+		hint: "hueShiftColor"
+	},
+	args: ({ uniforms }) => [uniforms.shift],
+	identity: {
+		props: ["shift"],
+		when: (p) => (p.shift ?? 0) === 0
+	},
+	missingChildMessage: "You must pass a child component into the Hue Shift shader."
+});
 var HueShift_default = componentDefinition;
 export { componentDefinition as n, hueShiftColor as r, HueShift_default as t };

package/dist/core/ImageTexture-D41xKACO.js

@@ -0,0 +1,58 @@
+import { t as mediaSurface } from "./media-fQMXfvXd.js";
+import { i as decodeImageSource, n as createUrlSourceLoader, s as registerNaturalSize, t as createSwappableMediaTexture } from "./mediaLifecycle-yHZ8w5aj.js";
+import { r as objectFitProp } from "./propConfigs-k3hs8KYL.js";
+const componentDefinition = {
+	name: "ImageTexture",
+	boundingBoxDeclaration: {
+		aspectRatio: null,
+		supportsResizeFit: true
+	},
+	category: "Textures",
+	description: "Display an image with customizable object-fit modes",
+	acceptsUVContext: true,
+	naturalSizeKey: { fromProp: "url" },
+	props: {
+		url: {
+			default: "https://shaders.com/sample.jpg",
+			description: "Upload an image or provide a URL",
+			ui: {
+				type: "image-upload",
+				label: "Image",
+				group: "Media"
+			}
+		},
+		objectFit: objectFitProp("fill", "How the image should be sized within the viewport", { allowNone: false })
+	},
+	fragment: (params) => {
+		const { ctx, propValues, uvContext, effectiveViewportSize } = params;
+		const tex = createSwappableMediaTexture(params, { label: "ImageTexture" });
+		createUrlSourceLoader(params, {
+			prop: "url",
+			async load(url, loadCtx) {
+				const decoded = await decodeImageSource(url);
+				if (loadCtx.isDisposed()) {
+					decoded.close();
+					return;
+				}
+				loadCtx.commit();
+				registerNaturalSize(url, decoded.naturalWidth, decoded.naturalHeight);
+				tex.ensureSize(decoded.width, decoded.height);
+				tex.write(decoded.source);
+				decoded.close();
+			},
+			onError(error, url) {
+				const isRelative = !url.startsWith("http://") && !url.startsWith("https://") && !url.startsWith("data:");
+				console.error(`[ImageTexture] Failed to load image\n  Requested URL: ${url}\n  Path type: ${isRelative ? "relative" : "absolute"}\n  Error:`, error);
+			}
+		});
+		return mediaSurface({
+			texture: tex.kit,
+			uv: uvContext ?? ctx.uv,
+			viewport: effectiveViewportSize ?? ctx.viewportSize,
+			fit: propValues.objectFit,
+			decode: "srgb-linear-alpha-cut"
+		});
+	}
+};
+var ImageTexture_default = componentDefinition;
+export { componentDefinition as n, ImageTexture_default as t };