shaders 3.0.453 → 3.1.454

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-/* shaders@3.0.453 CLI — npx shaders install-mcp. https://shaders.com */
+/* shaders@3.1.454 CLI — npx shaders install-mcp. https://shaders.com */
 import { createRequire as __cliCreateRequire } from "module";
 const require = __cliCreateRequire(import.meta.url);
 var Vi=Object.create;var sr=Object.defineProperty;var Yi=Object.getOwnPropertyDescriptor;var Gi=Object.getOwnPropertyNames;var Ki=Object.getPrototypeOf,qi=Object.prototype.hasOwnProperty;var Ji=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,i)=>(typeof require<"u"?require:t)[i]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var $=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var zi=(e,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let u of Gi(t))!qi.call(e,u)&&u!==i&&sr(e,u,{get:()=>t[u],enumerable:!(r=Yi(t,u))||r.enumerable});return e};var Se=(e,t,i)=>(i=e!=null?Vi(Ki(e)):{},zi(t||!e||!e.__esModule?sr(i,"default",{value:e,enumerable:!0}):i,e));var Dt=$((ka,or)=>{"use strict";var ht={to(e,t){return t?`\x1B[${t+1};${e+1}H`:`\x1B[${e+1}G`},move(e,t){let i="";return e<0?i+=`\x1B[${-e}D`:e>0&&(i+=`\x1B[${e}C`),t<0?i+=`\x1B[${-t}A`:t>0&&(i+=`\x1B[${t}B`),i},up:(e=1)=>`\x1B[${e}A`,down:(e=1)=>`\x1B[${e}B`,forward:(e=1)=>`\x1B[${e}C`,backward:(e=1)=>`\x1B[${e}D`,nextLine:(e=1)=>"\x1B[E".repeat(e),prevLine:(e=1)=>"\x1B[F".repeat(e),left:"\x1B[G",hide:"\x1B[?25l",show:"\x1B[?25h",save:"\x1B7",restore:"\x1B8"},Qi={up:(e=1)=>"\x1B[S".repeat(e),down:(e=1)=>"\x1B[T".repeat(e)},Zi={screen:"\x1B[2J",up:(e=1)=>"\x1B[1J".repeat(e),down:(e=1)=>"\x1B[J".repeat(e),line:"\x1B[2K",lineEnd:"\x1B[K",lineStart:"\x1B[1K",lines(e){let t="";for(let i=0;i<e;i++)t+=this.line+(i<e-1?ht.up():"");return e&&(t+=ht.left),t}};or.exports={cursor:ht,scroll:Qi,erase:Zi,beep:"\x07"}});var cr=$(($a,ft)=>{var Oe=process||{},lr=Oe.argv||[],Be=Oe.env||{},Xi=!(Be.NO_COLOR||lr.includes("--no-color"))&&(!!Be.FORCE_COLOR||lr.includes("--color")||Oe.platform==="win32"||(Oe.stdout||{}).isTTY&&Be.TERM!=="dumb"||!!Be.CI),eu=(e,t,i=e)=>r=>{let u=""+r,s=u.indexOf(t,e.length);return~s?e+tu(u,t,i,s)+t:e+u+t},tu=(e,t,i,r)=>{let u="",s=0;do u+=e.substring(s,r)+i,s=r+t.length,r=e.indexOf(t,s);while(~r);return u+e.substring(s)},ar=(e=Xi)=>{let t=e?eu:()=>String;return{isColorSupported:e,reset:t("\x1B[0m","\x1B[0m"),bold:t("\x1B[1m","\x1B[22m","\x1B[22m\x1B[1m"),dim:t("\x1B[2m","\x1B[22m","\x1B[22m\x1B[2m"),italic:t("\x1B[3m","\x1B[23m"),underline:t("\x1B[4m","\x1B[24m"),inverse:t("\x1B[7m","\x1B[27m"),hidden:t("\x1B[8m","\x1B[28m"),strikethrough:t("\x1B[9m","\x1B[29m"),black:t("\x1B[30m","\x1B[39m"),red:t("\x1B[31m","\x1B[39m"),green:t("\x1B[32m","\x1B[39m"),yellow:t("\x1B[33m","\x1B[39m"),blue:t("\x1B[34m","\x1B[39m"),magenta:t("\x1B[35m","\x1B[39m"),cyan:t("\x1B[36m","\x1B[39m"),white:t("\x1B[37m","\x1B[39m"),gray:t("\x1B[90m","\x1B[39m"),bgBlack:t("\x1B[40m","\x1B[49m"),bgRed:t("\x1B[41m","\x1B[49m"),bgGreen:t("\x1B[42m","\x1B[49m"),bgYellow:t("\x1B[43m","\x1B[49m"),bgBlue:t("\x1B[44m","\x1B[49m"),bgMagenta:t("\x1B[45m","\x1B[49m"),bgCyan:t("\x1B[46m","\x1B[49m"),bgWhite:t("\x1B[47m","\x1B[49m"),blackBright:t("\x1B[90m","\x1B[39m"),redBright:t("\x1B[91m","\x1B[39m"),greenBright:t("\x1B[92m","\x1B[39m"),yellowBright:t("\x1B[93m","\x1B[39m"),blueBright:t("\x1B[94m","\x1B[39m"),magentaBright:t("\x1B[95m","\x1B[39m"),cyanBright:t("\x1B[96m","\x1B[39m"),whiteBright:t("\x1B[97m","\x1B[39m"),bgBlackBright:t("\x1B[100m","\x1B[49m"),bgRedBright:t("\x1B[101m","\x1B[49m"),bgGreenBright:t("\x1B[102m","\x1B[49m"),bgYellowBright:t("\x1B[103m","\x1B[49m"),bgBlueBright:t("\x1B[104m","\x1B[49m"),bgMagentaBright:t("\x1B[105m","\x1B[49m"),bgCyanBright:t("\x1B[106m","\x1B[49m"),bgWhiteBright:t("\x1B[107m","\x1B[49m")}};ft.exports=ar();ft.exports.createColors=ar});var Wn=$((vc,Un)=>{"use strict";var re=class e extends Error{constructor(t,i,r){super("[ParserError] "+t,i,r),this.name="ParserError",this.code="ParserError",Error.captureStackTrace&&Error.captureStackTrace(this,e)}},Ge=class{constructor(t){this.parser=t,this.buf="",this.returned=null,this.result=null,this.resultTable=null,this.resultArr=null}},ve=class{constructor(){this.pos=0,this.col=0,this.line=0,this.obj={},this.ctx=this.obj,this.stack=[],this._buf="",this.char=null,this.ii=0,this.state=new Ge(this.parseStart)}parse(t){if(t.length===0||t.length==null)return;this._buf=String(t),this.ii=-1,this.char=-1;let i;for(;i===!1||this.nextChar();)i=this.runOne();this._buf=null}nextChar(){return this.char===10&&(++this.line,this.col=-1),++this.ii,this.char=this._buf.codePointAt(this.ii),++this.pos,++this.col,this.haveBuffer()}haveBuffer(){return this.ii<this._buf.length}runOne(){return this.state.parser.call(this,this.state.returned)}finish(){this.char=1114112;let t;do t=this.state.parser,this.runOne();while(this.state.parser!==t);return this.ctx=null,this.state=null,this._buf=null,this.obj}next(t){if(typeof t!="function")throw new re("Tried to set state to non-existent state: "+JSON.stringify(t));this.state.parser=t}goto(t){return this.next(t),this.runOne()}call(t,i){i&&this.next(i),this.stack.push(this.state),this.state=new Ge(t)}callNow(t,i){return this.call(t,i),this.runOne()}return(t){if(this.stack.length===0)throw this.error(new re("Stack underflow"));t===void 0&&(t=this.state.buf),this.state=this.stack.pop(),this.state.returned=t}returnNow(t){return this.return(t),this.runOne()}consume(){if(this.char===1114112)throw this.error(new re("Unexpected end-of-buffer"));this.state.buf+=this._buf[this.ii]}error(t){return t.line=this.line,t.col=this.col,t.pos=this.pos,t}parseStart(){throw new re("Must declare a parseStart method")}};ve.END=1114112;ve.Error=re;Un.exports=ve});var Yn=$((wc,Vn)=>{"use strict";Vn.exports=e=>{let t=new Date(e);if(isNaN(t))throw new TypeError("Invalid Datetime");return t}});var Ke=$((_c,Gn)=>{"use strict";Gn.exports=(e,t)=>{for(t=String(t);t.length<e;)t="0"+t;return t}});var qn=$((Tc,Kn)=>{"use strict";var De=Ke(),jt=class extends Date{constructor(t){super(t+"Z"),this.isFloating=!0}toISOString(){let t=`${this.getUTCFullYear()}-${De(2,this.getUTCMonth()+1)}-${De(2,this.getUTCDate())}`,i=`${De(2,this.getUTCHours())}:${De(2,this.getUTCMinutes())}:${De(2,this.getUTCSeconds())}.${De(3,this.getUTCMilliseconds())}`;return`${t}T${i}`}};Kn.exports=e=>{let t=new jt(e);if(isNaN(t))throw new TypeError("Invalid Datetime");return t}});var Qn=$((Sc,zn)=>{"use strict";var Jn=Ke(),cl=global.Date,Ut=class extends cl{constructor(t){super(t),this.isDate=!0}toISOString(){return`${this.getUTCFullYear()}-${Jn(2,this.getUTCMonth()+1)}-${Jn(2,this.getUTCDate())}`}};zn.exports=e=>{let t=new Ut(e);if(isNaN(t))throw new TypeError("Invalid Datetime");return t}});var Xn=$((Bc,Zn)=>{"use strict";var qe=Ke(),Wt=class extends Date{constructor(t){super(`0000-01-01T${t}Z`),this.isTime=!0}toISOString(){return`${qe(2,this.getUTCHours())}:${qe(2,this.getUTCMinutes())}:${qe(2,this.getUTCSeconds())}.${qe(3,this.getUTCMilliseconds())}`}};Zn.exports=e=>{let t=new Wt(e);if(isNaN(t))throw new TypeError("Invalid Datetime");return t}});var Je=$((exports,module)=>{"use strict";module.exports=makeParserClass(Wn());module.exports.makeParserClass=makeParserClass;var TomlError=class e extends Error{constructor(t){super(t),this.name="TomlError",Error.captureStackTrace&&Error.captureStackTrace(this,e),this.fromTOML=!0,this.wrapped=null}};TomlError.wrap=e=>{let t=new TomlError(e.message);return t.code=e.code,t.wrapped=e,t};module.exports.TomlError=TomlError;var createDateTime=Yn(),createDateTimeFloat=qn(),createDate=Qn(),createTime=Xn(),CTRL_I=9,CTRL_J=10,CTRL_M=13,CTRL_CHAR_BOUNDARY=31,CHAR_SP=32,CHAR_QUOT=34,CHAR_NUM=35,CHAR_APOS=39,CHAR_PLUS=43,CHAR_COMMA=44,CHAR_HYPHEN=45,CHAR_PERIOD=46,CHAR_0=48,CHAR_1=49,CHAR_7=55,CHAR_9=57,CHAR_COLON=58,CHAR_EQUALS=61,CHAR_A=65,CHAR_E=69,CHAR_F=70,CHAR_T=84,CHAR_U=85,CHAR_Z=90,CHAR_LOWBAR=95,CHAR_a=97,CHAR_b=98,CHAR_e=101,CHAR_f=102,CHAR_i=105,CHAR_l=108,CHAR_n=110,CHAR_o=111,CHAR_r=114,CHAR_s=115,CHAR_t=116,CHAR_u=117,CHAR_x=120,CHAR_z=122,CHAR_LCUB=123,CHAR_RCUB=125,CHAR_LSQB=91,CHAR_BSOL=92,CHAR_RSQB=93,CHAR_DEL=127,SURROGATE_FIRST=55296,SURROGATE_LAST=57343,escapes={[CHAR_b]:"\b",[CHAR_t]:"	",[CHAR_n]:`
@@ -106,7 +106,7 @@ Options:
 Supported agents:
   ${e}
 
-Docs: ${Pi}`)}function Ba(e){let t={global:!1,yes:!1,agents:[]},i;for(let r=0;r<e.length;r++){let u=e[r];switch(u){case"-g":case"--global":t.global=!0;break;case"-y":case"--yes":t.yes=!0;break;case"-a":case"--agent":{let s=e[++r];s||ie(`Missing value for ${u}`),t.agents.push(...s.split(",").map(n=>n.trim()).filter(Boolean));break}case"-h":case"--help":Mi(),process.exit(0);break;case"-v":case"--version":console.log("3.0.453"),process.exit(0);break;default:u.startsWith("-")&&ie(`Unknown option: ${u} (see npx shaders --help)`),i&&ie(`Unexpected argument: ${u}`),i=u}}return{command:i,flags:t}}function ie(e){console.error(`\u2717 ${e}`),process.exit(1)}function ji(e){let t=new Set(Z());for(let i of e)t.has(i)||ie(`Unknown agent "${i}". Supported agents: ${Z().join(", ")}`);return e}async function Oa(e,t){if(e.agents.length>0)return{targets:ji(e.agents),scope:e.global?"global":"project"};let i=e.global?[]:Qt(t),r=e.global||i.length===0?"global":"project",u=r==="project"?i:await Zt();if(!(!e.yes&&process.stdout.isTTY&&process.stdin.isTTY))return u.length===0&&ie(`No coding agents detected. Pass one explicitly, e.g. npx shaders install-mcp -a cursor
+Docs: ${Pi}`)}function Ba(e){let t={global:!1,yes:!1,agents:[]},i;for(let r=0;r<e.length;r++){let u=e[r];switch(u){case"-g":case"--global":t.global=!0;break;case"-y":case"--yes":t.yes=!0;break;case"-a":case"--agent":{let s=e[++r];s||ie(`Missing value for ${u}`),t.agents.push(...s.split(",").map(n=>n.trim()).filter(Boolean));break}case"-h":case"--help":Mi(),process.exit(0);break;case"-v":case"--version":console.log("3.1.454"),process.exit(0);break;default:u.startsWith("-")&&ie(`Unknown option: ${u} (see npx shaders --help)`),i&&ie(`Unexpected argument: ${u}`),i=u}}return{command:i,flags:t}}function ie(e){console.error(`\u2717 ${e}`),process.exit(1)}function ji(e){let t=new Set(Z());for(let i of e)t.has(i)||ie(`Unknown agent "${i}". Supported agents: ${Z().join(", ")}`);return e}async function Oa(e,t){if(e.agents.length>0)return{targets:ji(e.agents),scope:e.global?"global":"project"};let i=e.global?[]:Qt(t),r=e.global||i.length===0?"global":"project",u=r==="project"?i:await Zt();if(!(!e.yes&&process.stdout.isTTY&&process.stdin.isTTY))return u.length===0&&ie(`No coding agents detected. Pass one explicitly, e.g. npx shaders install-mcp -a cursor
 Supported agents: ${Z().join(", ")}`),{targets:u,scope:r};let n=await Et({message:`Install the Shaders MCP server to which agents? (${r} config)`,options:Z().map(o=>({value:o,label:R[o].displayName,hint:r==="project"&&R[o].localConfigPath?R[o].localConfigPath:R[o].configPath.replace(/^\/Users\/[^/]+|^\/home\/[^/]+|^C:\\Users\\[^\\]+/,"~")})),initialValues:u,required:!0});return de(n)&&(console.log("Cancelled \u2014 nothing was changed."),process.exit(0)),{targets:n,scope:r}}async function Ra(e){let t=process.cwd(),{targets:i,scope:r}=await Oa(e,t),u=0;for(let s of i){let n=r==="project"&&!!R[s].localConfigPath,o=$i(s,ir,{type:"http",url:Sa},{local:n,cwd:t});o.success?console.log(`\u2713 ${R[s].displayName} \u2014 ${o.path}`):(u++,console.error(`\u2717 ${R[s].displayName} \u2014 ${o.error}`))}u===i.length&&process.exit(1),console.log(`
 Done! Open your agent and connect to the "${ir}" MCP server \u2014 you'll be
 prompted to sign in to your Shaders account (Pro) the first time it connects.

package/dist/core/{AngularBlur-B0m-LKoD.js → AngularBlur-CIw_xeFr.js}

@@ -1,12 +1,9 @@
-import { Bt as sin, F as unpremultiplyAlpha, Gt as data_exports, St as cos, d as ZERO, it as std_exports, ln as f32, m as call, nt as src_default, rn as vec2f, v as floatE } from "./edges-B7Yet3LV.js";
-import { c as transformPosition } from "./transformations-C7gn_5rF.js";
-var rawWeights = Array.from({ length: 32 }, (_, i) => {
-	const t = (i / 31 - .5) * 2;
-	return Math.exp(-.5 * t * t / .64);
-});
-var wSum = rawWeights.reduce((a, b) => a + b);
-const BLUR_WEIGHTS = rawWeights.map((w) => w / wSum);
+import { Bt as sin, Gt as data_exports, St as cos, at as std_exports, h as call, rn as vec2f, rt as src_default, un as f32, y as floatE } from "./edges-CD7gCAto.js";
+import { x as defineRttFilter } from "./porters-DUtQounc.js";
+import { f as gaussianTapWeights, h as unrolledTapGather } from "./blur-CZuIxzX6.js";
+import { c as transformPosition } from "./transformations-B-zNWNdd.js";
 const TAP_COUNT = 32;
+const BLUR_WEIGHTS = gaussianTapWeights(32, .8);
 const angularBlurTapCoord = src_default.fn([
 	vec2f,
 	f32,
@@ -17,7 +14,7 @@ const angularBlurTapCoord = src_default.fn([
 	"use gpu";
 	const centerPos = vec2f(center.x, __tsover_sub(1, center.y));
 	const angleStep = __tsover_div(__tsover_mul(intensity, .005), 31);
-	const angle = __tsover_mul(tapIndex, angleStep);
+	const angle = __tsover_mul(__tsover_sub(tapIndex, 15.5), angleStep);
 	const cosA = cos(angle);
 	const sinA = sin(angle);
 	const initX = __tsover_sub(uv.x, centerPos.x);
@@ -100,7 +97,12 @@ const angularBlurTapCoord = src_default.fn([
 				"angle",
 				[
 					1,
-					"tapIndex",
+					[
+						1,
+						"tapIndex",
+						"-",
+						[5, "15.5"]
+					],
 					"*",
 					"angleStep"
 				]
@@ -262,13 +264,11 @@ const angularBlurTapCoord = src_default.fn([
 		std: std_exports
 	})
 }) && $.f)({}));
-const componentDefinition = {
+const componentDefinition = defineRttFilter({
 	name: "AngularBlur",
 	boundingBoxDeclaration: { aspectRatio: null },
 	category: "Blurs",
 	description: "Radial motion blur rotating around a center point",
-	requiresRTT: true,
-	requiresChild: true,
 	props: {
 		intensity: {
 			default: 20,
@@ -296,23 +296,17 @@ const componentDefinition = {
 			}
 		}
 	},
-	fragment: ({ uniforms, childNode, ctx, convertToTexture }) => {
-		if (!childNode) return ZERO;
-		const texture = convertToTexture(childNode);
-		let total;
-		for (let i = 0; i < 32; i++) {
-			const coord = call(angularBlurTapCoord, "angularBlurTapCoord", [
-				uniforms.center,
-				uniforms.intensity,
-				ctx.uv,
-				ctx.aspect,
-				floatE(i)
-			]);
-			const weighted = texture.sample(coord).mul(BLUR_WEIGHTS[i]);
-			total = total ? total.add(weighted) : weighted;
-		}
-		return call(unpremultiplyAlpha, "unpremultiplyAlpha", [total]);
-	}
-};
+	build: ({ uniforms, texture, ctx }) => unrolledTapGather({
+		weights: BLUR_WEIGHTS,
+		tapCoord: (i) => call(angularBlurTapCoord, "angularBlurTapCoord", [
+			uniforms.center,
+			uniforms.intensity,
+			ctx.uv,
+			ctx.aspect,
+			floatE(i)
+		]),
+		sample: (coord) => texture.sample(coord)
+	})
+});
 var AngularBlur_default = componentDefinition;
 export { componentDefinition as a, angularBlurTapCoord as i, BLUR_WEIGHTS as n, TAP_COUNT as r, AngularBlur_default as t };

package/dist/core/Arc-Dh0gjBrJ.js

@@ -0,0 +1,183 @@
+import { rn as vec2f, rt as src_default, un as f32 } from "./edges-CD7gCAto.js";
+import { C as defineSdfShapeShader } from "./porters-DUtQounc.js";
+import { C as sdf_exports, E as strokeMaskFromSdf, a as ShapeMask, o as arcSdf, r as APERTURE_TO_HALFANGLE, w as shapeLocalCoords } from "./device-B0ZwBfOg.js";
+var APERTURE_TO_HALF_ANGLE = APERTURE_TO_HALFANGLE;
+const arcShape = src_default.fn([
+	vec2f,
+	f32,
+	f32,
+	f32,
+	f32,
+	f32,
+	f32,
+	vec2f,
+	f32
+], ShapeMask)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((center, radius, aperture, rotation, softness, strokeThickness, strokePosition, uv, aspect) => {
+	"use gpu";
+	const local = shapeLocalCoords(center, rotation, uv, aspect);
+	const halfAngle = __tsover_mul(aperture, APERTURE_TO_HALF_ANGLE);
+	return strokeMaskFromSdf(arcSdf(local.x, local.y, radius, halfAngle), softness, strokeThickness, strokePosition);
+}), {
+	v: 1,
+	name: void 0,
+	ast: {
+		"params": [
+			{
+				"type": "i",
+				"name": "center"
+			},
+			{
+				"type": "i",
+				"name": "radius"
+			},
+			{
+				"type": "i",
+				"name": "aperture"
+			},
+			{
+				"type": "i",
+				"name": "rotation"
+			},
+			{
+				"type": "i",
+				"name": "softness"
+			},
+			{
+				"type": "i",
+				"name": "strokeThickness"
+			},
+			{
+				"type": "i",
+				"name": "strokePosition"
+			},
+			{
+				"type": "i",
+				"name": "uv"
+			},
+			{
+				"type": "i",
+				"name": "aspect"
+			}
+		],
+		"body": [0, [
+			[
+				13,
+				"local",
+				[
+					6,
+					[
+						7,
+						"sdf",
+						"shapeLocalCoords"
+					],
+					[
+						"center",
+						"rotation",
+						"uv",
+						"aspect"
+					]
+				]
+			],
+			[
+				13,
+				"halfAngle",
+				[
+					1,
+					"aperture",
+					"*",
+					"APERTURE_TO_HALF_ANGLE"
+				]
+			],
+			[
+				13,
+				"dist",
+				[
+					6,
+					[
+						7,
+						"sdf",
+						"arcSdf"
+					],
+					[
+						[
+							7,
+							"local",
+							"x"
+						],
+						[
+							7,
+							"local",
+							"y"
+						],
+						"radius",
+						"halfAngle"
+					]
+				]
+			],
+			[10, [
+				6,
+				[
+					7,
+					"sdf",
+					"strokeMaskFromSdf"
+				],
+				[
+					"dist",
+					"softness",
+					"strokeThickness",
+					"strokePosition"
+				]
+			]]
+		]],
+		"externalNames": ["sdf", "APERTURE_TO_HALF_ANGLE"]
+	},
+	externals: () => ({
+		sdf: sdf_exports,
+		APERTURE_TO_HALF_ANGLE
+	})
+}) && $.f)({}));
+const componentDefinition = defineSdfShapeShader({
+	name: "Arc",
+	description: "Pie sector (arc wedge) with adjustable radius and aperture angle",
+	shapeFn: arcShape,
+	shapeFnName: "arcShape",
+	bodyArgs: [
+		"radius",
+		"aperture",
+		"rotation"
+	],
+	colorDescription: "Fill color of the arc",
+	centerDescription: "Center position of the arc",
+	bounds: { size: {
+		width: "radius",
+		height: "radius"
+	} },
+	shapeProps: {
+		radius: {
+			default: .38,
+			description: "Radius of the pie sector",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 1,
+				step: .01,
+				label: "Size",
+				group: "Shape"
+			}
+		},
+		aperture: {
+			default: 270,
+			description: "Aperture angle of the wedge in degrees (360 = full circle)",
+			ui: {
+				type: "range",
+				min: 0,
+				max: 360,
+				step: 1,
+				label: "Aperture",
+				group: "Shape"
+			}
+		}
+	}
+});
+var Arc_default = componentDefinition;
+export { arcShape as n, componentDefinition as r, Arc_default as t };

package/dist/core/{Ascii-BiFuRRQ1.js → Ascii-CUk527uY.js}

@@ -1,5 +1,7 @@
-import { Dt as floor, F as unpremultiplyAlpha, Gt as data_exports, Ot as fract, Pt as pow, _t as abs, cn as vec4f, d as ZERO, en as struct, gt as select, it as std_exports, ln as f32, m as call, nt as src_default, on as vec3f, rn as vec2f, wt as dot, xt as clamp } from "./edges-B7Yet3LV.js";
-import { i as transformBoolean } from "./transformations-C7gn_5rF.js";
+import { Dt as floor, Gt as data_exports, I as unpremultiplyAlpha, Ot as fract, Pt as pow, _t as abs, at as std_exports, cn as vec4f, en as struct, f as ZERO, gt as select, h as call, on as vec3f, rn as vec2f, rt as src_default, un as f32, wt as dot, xt as clamp } from "./edges-CD7gCAto.js";
+import { i as transformBoolean } from "./transformations-B-zNWNdd.js";
+import { t as createSwappableMediaTexture } from "./mediaLifecycle-yHZ8w5aj.js";
+import { n as createFontDependentRaster, r as createRasterInvalidator, t as createCanvasRasterTarget } from "./canvasRaster-BB2bNhS7.js";
 var ATLAS_TEXTURE_SIZE = 2048;
 var REFERENCE_HEIGHT = 1080;
 var GOOGLE_FONTS_MAP = {
@@ -1103,34 +1105,27 @@ const componentDefinition = {
 		}
 	},
 	fragment: (params) => {
-		const { uniforms, ctx, childNode, convertToTexture, onCleanup, onBeforeRender, getCpuValue, setExtraField, createMediaTexture, registerMediaTexture } = params;
+		const { uniforms, ctx, childNode, convertToTexture, getCpuValue, setExtraField } = params;
 		if (!childNode) return ZERO;
 		const child = convertToTexture(childNode);
-		const glyphTex = createMediaTexture({
-			width: ATLAS_TEXTURE_SIZE,
-			height: ATLAS_TEXTURE_SIZE,
-			label: "Ascii:atlas"
+		const glyphTex = createSwappableMediaTexture(params, {
+			label: "Ascii:atlas",
+			initial: {
+				width: ATLAS_TEXTURE_SIZE,
+				height: ATLAS_TEXTURE_SIZE
+			}
 		});
-		onCleanup(() => glyphTex.destroy());
-		const atlasKit = registerMediaTexture(() => glyphTex.texture);
-		let reusableCanvas = null;
-		let reusableCtx = null;
-		let isDisposed = false;
+		const atlasKit = glyphTex.kit;
+		const target = createCanvasRasterTarget(params, { contextAttributes: { willReadFrequently: true } });
 		const buildAtlas = (characters, spacing, fontFamily) => {
-			if (isDisposed || !characters || characters.length === 0) return;
+			if (glyphTex.disposed || !characters || characters.length === 0) return;
 			const charCount = characters.length;
 			const atlasSize = Math.max(2, Math.ceil(Math.sqrt(charCount)));
 			const baseAtlasCellSize = 128;
 			const spacingMultiplier = Math.max(1, 2 / spacing);
 			const actualCellSize = Math.min(baseAtlasCellSize * spacingMultiplier, ATLAS_TEXTURE_SIZE / atlasSize);
 			const fontSize = actualCellSize * .75;
-			if (!reusableCanvas) {
-				reusableCanvas = document.createElement("canvas");
-				reusableCanvas.width = ATLAS_TEXTURE_SIZE;
-				reusableCanvas.height = ATLAS_TEXTURE_SIZE;
-				reusableCtx = reusableCanvas.getContext("2d", { willReadFrequently: true });
-			}
-			const c = reusableCtx;
+			const c = target.canvas() ? target.context() : target.resize(ATLAS_TEXTURE_SIZE, ATLAS_TEXTURE_SIZE);
 			if (!c) return;
 			c.clearRect(0, 0, ATLAS_TEXTURE_SIZE, ATLAS_TEXTURE_SIZE);
 			c.fillStyle = "#ffffff";
@@ -1143,7 +1138,7 @@ const componentDefinition = {
 				const col = i % atlasSize;
 				c.fillText(characters[i], col * actualCellSize + actualCellSize / 2, row * actualCellSize + actualCellSize / 2);
 			}
-			glyphTex.write(reusableCanvas);
+			glyphTex.write(target.canvas());
 			const uvScale = atlasSize * actualCellSize / ATLAS_TEXTURE_SIZE;
 			setExtraField("_charCount", charCount);
 			setExtraField("_atlasScale", uvScale);
@@ -1154,34 +1149,27 @@ const componentDefinition = {
 			fontFamily: String(getCpuValue("fontFamily") ?? componentDefinition.props.fontFamily.default),
 			spacing: num(getCpuValue("spacing"), 1.5)
 		});
-		setTimeout(() => {
-			const p = readProps();
-			buildAtlas(p.characters, p.spacing, p.fontFamily);
-			loadAsciiFont(p.fontFamily).then(() => {
-				const q = readProps();
-				buildAtlas(q.characters, q.spacing, q.fontFamily);
-			}).catch(() => {});
-		}, 0);
-		let lastKey = "";
-		let lastUpdate = 0;
-		onBeforeRender(() => {
-			const now = Date.now();
-			if (now - lastUpdate < 16) return;
-			lastUpdate = now;
+		const rebuild = () => {
 			const p = readProps();
-			const key = `${p.characters}|${p.fontFamily}|${p.spacing}`;
-			if (key === lastKey) return;
-			lastKey = key;
 			buildAtlas(p.characters, p.spacing, p.fontFamily);
-			loadAsciiFont(p.fontFamily).then(() => buildAtlas(p.characters, p.spacing, p.fontFamily)).catch(() => {});
+		};
+		const font = createFontDependentRaster({
+			key: () => readProps().fontFamily,
+			load: () => loadAsciiFont(readProps().fontFamily),
+			onLoaded: rebuild
 		});
-		onCleanup(() => {
-			isDisposed = true;
-			if (reusableCanvas) {
-				reusableCanvas.width = 0;
-				reusableCanvas.height = 0;
-				reusableCanvas = null;
-				reusableCtx = null;
+		setTimeout(() => {
+			rebuild();
+			font.ensure();
+		}, 0);
+		createRasterInvalidator(params, {
+			key: () => {
+				const p = readProps();
+				return `${p.characters}|${p.fontFamily}|${p.spacing}`;
+			},
+			run: () => {
+				rebuild();
+				font.ensure();
 			}
 		});
 		const grid = call(asciiGrid, "asciiGrid", [

package/dist/core/{Aurora-B35I8qRz.js → Aurora-CTWNhlNr.js}

@@ -1,8 +1,10 @@
-import { Bt as sin, G as mixColorsVariants, Gt as data_exports, Mt as mix, Ot as fract, Pt as pow, Tt as exp, Vt as smoothstep, W as mixColorsLinear, 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, xt as clamp } from "./edges-B7Yet3LV.js";
-import { t as animatedTime } from "./porters-D_xmIPz2.js";
-import { d as mxNoiseFloat3, p as noise_exports } from "./noise-B-PI7JUx.js";
-import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-C7gn_5rF.js";
-var TWO_PI = Math.PI * 2;
+import { Bt as sin, G as mixColorsLinear, Gt as data_exports, K as mixColorsVariants, Mt as mix, Ot as fract, Pt as pow, Tt as exp, 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, xt as clamp } from "./edges-CD7gCAto.js";
+import { s as TWO_PI$1 } from "./constants-DoOzbl5b.js";
+import { r as geom_exports, t as aspectOf } from "./geom-90G-d_hc.js";
+import { t as animatedTime } from "./porters-DUtQounc.js";
+import { d as mxNoiseFloat3, p as noise_exports } from "./noise-Bd6IGS0W.js";
+import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-B-zNWNdd.js";
+var TWO_PI = TWO_PI$1;
 const auroraCurtain = src_default.fn([
 	vec2f,
 	f32,
@@ -851,7 +853,7 @@ const auroraField = src_default.fn([
 	f32
 ], vec3f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((uv, viewport, animTime, seed, waviness, rayDensity, height, center, balance, intensity, curtainCount) => {
 	"use gpu";
-	const aspect = __tsover_div(viewport.x, viewport.y);
+	const aspect = aspectOf(viewport);
 	const centerX = center.x;
 	const centerY = __tsover_sub(1, center.y);
 	const wav = __tsover_mul(waviness, .01);
@@ -935,18 +937,13 @@ const auroraField = src_default.fn([
 				13,
 				"aspect",
 				[
-					1,
+					6,
 					[
 						7,
-						"viewport",
-						"x"
+						"geom",
+						"aspectOf"
 					],
-					"/",
-					[
-						7,
-						"viewport",
-						"y"
-					]
+					["viewport"]
 				]
 			],
 			[
@@ -1528,12 +1525,14 @@ const auroraField = src_default.fn([
 			]]
 		]],
 		"externalNames": [
+			"geom",
 			"std",
 			"auroraCurtain",
 			"d"
 		]
 	},
 	externals: () => ({
+		geom: geom_exports,
 		std: std_exports,
 		auroraCurtain,
 		d: data_exports