shaders 3.0.445 → 3.0.446

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-/* shaders@3.0.445 CLI — npx shaders install-mcp. https://shaders.com */
+/* shaders@3.0.446 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.445"),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.0.446"),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/{Aurora-Cu4JGjCD.js → Aurora-BThE6pbb.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Tn as d, dt as mxNoiseFloat3, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu, pt as noise_exports } from "./coords-BkIjixe_.js";
 import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var TWO_PI = Math.PI * 2;
 const auroraCurtain = tgpu.fn([
 	d.vec2f,

package/dist/core/{BarShift-o_IvV0t_.js → BarShift-DdjkPSk3.js}

@@ -1,6 +1,6 @@
 import { Bt as ZERO, Ht as call, J as std, Lt as sampleRemappedExpr, Tn as d, cn as unpremultiplyAlpha, jt as composeEdgeRemapExpr, n as tgpu } from "./coords-BkIjixe_.js";
 import { r as transformAngle, s as transformEdges } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var DEG_TO_RAD = .0174533;
 const barHash = tgpu.fn([d.f32], d.f32)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((x) => {
 	"use gpu";

package/dist/core/{Blob-BJxkqvOO.js → Blob-CgUolAhz.js}

@@ -1,6 +1,6 @@
 import { Et as mixColorStopsRuntime, Ht as call, J as std, Tn as d, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { m as colorStopsPropConfig, t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { h as colorStopsPropConfig, t as animatedTime } from "./porters-BmU6G9TR.js";
 const blobOrganicRadius = tgpu.fn([
 	d.vec2f,
 	d.f32,
@@ -1382,8 +1382,8 @@ const componentDefinition = {
 		},
 		computeBounds(props, cw, ch) {
 			const size = props.size ?? .5;
-			const cx = props.center?.x ?? .5;
-			const cy = props.center?.y ?? .5;
+			const cx = typeof props.center?.x === "number" ? props.center.x : .5;
+			const cy = typeof props.center?.y === "number" ? props.center.y : .5;
 			const diameter = size * 2 * ch;
 			return {
 				centerXPx: cx * cw,

package/dist/core/{BlockNoise-DVI-0PnC.js → BlockNoise-BgEJOicU.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Tn as d, bt as value13, et as toneAndColorExpr, n as tgpu, pt as noise_exports } from "./coords-BkIjixe_.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-CY6QVFgB.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
+import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-CRpf22bk.js";
 const blockNoiseField = tgpu.fn([
 	d.vec2f,
 	d.vec2f,

package/dist/core/{BlueNoise-CzBN6i38.js → BlueNoise-BqMtBLxM.js}

@@ -1,5 +1,5 @@
 import { Ht as call, J as std, Tn as d, et as toneAndColorExpr, n as tgpu, pt as noise_exports, tt as blue12 } from "./coords-BkIjixe_.js";
-import { i as noiseToneProps, t as noiseColorProps } from "./noiseColor-CY6QVFgB.js";
+import { i as noiseToneProps, t as noiseColorProps } from "./noiseColor-CRpf22bk.js";
 const blueNoiseField = tgpu.fn([
 	d.vec2f,
 	d.vec2f,

package/dist/core/{BrickPattern-eQv5DrKE.js → BrickPattern-EAD5HD4e.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Jt as vec4, Tn as d, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, o as transformColorSpace, r as transformAngle, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var DEG_TO_RAD = .0174533;
 const brickField = tgpu.fn([
 	d.vec2f,

package/dist/core/{BrushedMetal-D-7M7ZuM.js → BrushedMetal-oyumejLL.js}

@@ -1,8 +1,8 @@
 import { F as sdf_exports, Ht as call, J as std, Jt as vec4, Kt as floatE, Tn as d, n as tgpu, pt as noise_exports, ut as mxNoiseFloat2, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.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;

package/dist/core/{CarbonFiber-D4jap49E.js → CarbonFiber-xlmnkURv.js}

@@ -1,7 +1,7 @@
 import { F as sdf_exports, Ht as call, J as std, Jt as vec4, Kt as floatE, Tn as d, n as tgpu, pt as noise_exports, ut as mxNoiseFloat2, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.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;

package/dist/core/{Chevron-eBbFV2ud.js → Chevron-CCD5JTRA.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Jt as vec4, Tn as d, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu, qt as mixExpr } from "./coords-BkIjixe_.js";
 import { a as transformColor, o as transformColorSpace, r as transformAngle, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var DEG_TO_RAD = .0174533;
 const chevronMask = tgpu.fn([
 	d.vec2f,

package/dist/core/{ColorWheel-BqcyPqcj.js → ColorWheel-CXvfWAjN.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Tn as d, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, o as transformColorSpace, r as transformAngle, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var DEG_TO_RAD = .0174533;
 const colorWheelT = tgpu.fn([
 	d.vec2f,

package/dist/core/{ConcentricSpin-CtI1hKio.js → ConcentricSpin-D06hFXEb.js}

@@ -1,6 +1,6 @@
 import { Bt as ZERO, Ht as call, J as std, Lt as sampleRemappedExpr, Tn as d, cn as unpremultiplyAlpha, jt as composeEdgeRemapExpr, n as tgpu } from "./coords-BkIjixe_.js";
 import { c as transformPosition, s as transformEdges } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var PI = Math.PI;
 var TAU = Math.PI * 2;
 const csHash = tgpu.fn([d.f32], d.f32)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((x) => {

package/dist/core/{ConicGradient-HmImN4LO.js → ConicGradient-Cg6vy3gl.js}

@@ -1,6 +1,6 @@
 import { Et as mixColorStopsRuntime, Ht as call, J as std, Tn as d, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { m as colorStopsPropConfig } from "./porters-Bl3WB9VW.js";
+import { h as colorStopsPropConfig } from "./porters-BmU6G9TR.js";
 var TAU = 6.283185307179586;
 var INV_360 = 1 / 360;
 const conicFinalT = tgpu.fn([

package/dist/core/{Crystal-CMrqHLFD.js → Crystal-DQiWDo98.js}

@@ -1,7 +1,7 @@
 import { Bt as ZERO, F as sdf_exports, Ht as call, J as std, Jt as vec4, Kt as floatE, Tn as d, ft as mxWorleyNoiseFloat2Pub, n as tgpu, pt as noise_exports, sn as blend_exports, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition, i as transformBoolean } from "./transformations-t0d2-uSX.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.js";
 var { sdfSpaceUV, offsetUV } = glass_exports;
 var { unpremultiplyAlpha } = blend_exports;
 var { createSvgSdfSampler, createAnalyticSdfSampler, driveAnalyticSubProps, ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;

package/dist/core/{CurlNoise-C_QZBT5m.js → CurlNoise-BXWYh1Qi.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Tn as d, et as toneAndColorExpr, n as tgpu, pt as noise_exports, rt as curl22z } from "./coords-BkIjixe_.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-CY6QVFgB.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
+import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-CRpf22bk.js";
 const curlNoiseField = tgpu.fn([
 	d.vec2f,
 	d.vec2f,

package/dist/core/{CursorTrail-B68x1Cv-.js → CursorTrail-D5Fj0wGp.js}

@@ -1,6 +1,6 @@
 import { Bt as ZERO, Et as mixColorStopsRuntime, Ht as call, J as std, Jt as vec4, Kt as floatE, Tn as d, X as createGuardedCompute, Z as createStateBuffer, ln as colorMixing_exports, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { m as colorStopsPropConfig } from "./porters-Bl3WB9VW.js";
+import { h as colorStopsPropConfig } from "./porters-BmU6G9TR.js";
 var GRID_SIZE = 128;
 var CELL_COUNT = GRID_SIZE * GRID_SIZE;
 var STATE_FORMAT = "rgba16float";

package/dist/core/{DiamondGradient-C0hD1lNN.js → DiamondGradient-C_2VoEiQ.js}

@@ -1,6 +1,6 @@
 import { Et as mixColorStopsRuntime, Ht as call, J as std, Tn as d, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { m as colorStopsPropConfig } from "./porters-Bl3WB9VW.js";
+import { h as colorStopsPropConfig } from "./porters-BmU6G9TR.js";
 var DEG_TO_RAD = .017453292519943295;
 const diamondFinalT = tgpu.fn([
 	d.vec2f,

package/dist/core/{DotGrid-DszAbmy5.js → DotGrid-DaOhiRaL.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Jt as vec4, Tn as d, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 const dotGridCellCenterUV = tgpu.fn([
 	d.vec2f,
 	d.vec2f,

package/dist/core/{Emboss-RxgVyKyU.js → Emboss-BM58piL7.js}

@@ -1,7 +1,7 @@
 import { Bt as ZERO, Dn as __export, F as sdf_exports, Ht as call, J as std, Kt as floatE, Tn as d, cn as unpremultiplyAlpha, n as tgpu, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { i as sdfSpaceUV, r as offsetUV } from "./glass-sOqjtPJD.js";
 import { c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.js";
 var emboss_exports = /* @__PURE__ */ __export({
 	applyEmbossEffect: () => applyEmbossEffect$1,
 	embossComposite: () => embossComposite,

package/dist/core/{ErosionNoise-B-I3VFiY.js → ErosionNoise-CloHpdFT.js}

@@ -1,5 +1,5 @@
 import { Ht as call, J as std, Tn as d, et as toneAndColorExpr, it as erosion12, n as tgpu, pt as noise_exports } from "./coords-BkIjixe_.js";
-import { i as noiseToneProps, t as noiseColorProps } from "./noiseColor-CY6QVFgB.js";
+import { i as noiseToneProps, t as noiseColorProps } from "./noiseColor-CRpf22bk.js";
 const erosionNoiseField = tgpu.fn([
 	d.vec2f,
 	d.vec2f,

package/dist/core/{FallingLines-4sVKJMDj.js → FallingLines-D_1wHUkx.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Jt as vec4, Tn as d, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var DEG_TO_RAD = Math.PI / 180;
 var colHash = tgpu.fn([d.f32], d.vec2f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((idx) => {
 	"use gpu";

package/dist/core/{FlowField-CV0Is569.js → FlowField-D4iGiDic.js}

@@ -1,6 +1,6 @@
 import { Bt as ZERO, Ht as call, J as std, Lt as sampleRemappedExpr, Tn as d, cn as unpremultiplyAlpha, dt as mxNoiseFloat3, jt as composeEdgeRemapExpr, n as tgpu, pt as noise_exports } from "./coords-BkIjixe_.js";
 import { s as transformEdges } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var TWO_PI = Math.PI * 2;
 const flowFieldUV = tgpu.fn([
 	d.vec2f,

package/dist/core/{FlowingGradient-CEAAa11t.js → FlowingGradient-9Zu0Pu4a.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Tn as d, dt as mxNoiseFloat3, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu, pt as noise_exports } from "./coords-BkIjixe_.js";
 import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var FOUR_PI = 4 * Math.PI;
 const flowingFactors = tgpu.fn([
 	d.vec2f,

package/dist/core/{FlutedGlass-CF6mZMq4.js → FlutedGlass-C_clmShu.js}

@@ -1,6 +1,6 @@
 import { Bt as ZERO, Ft as edgeWrapUV, Gt as expr, Ht as call, J as std, Jt as vec4, Mt as edgeClampUV, Nt as edgeMirrorUV, Pt as edgeTransparentMask, Tn as d, Xt as formatFloat, cn as unpremultiplyAlpha, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, s as transformEdges } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var PI = Math.PI;
 const FlutedGeom = /* @__PURE__ */ (globalThis.__TYPEGPU_AUTONAME__ ?? ((a) => a))(d.struct({
 	refractedUV: d.vec2f,

package/dist/core/{Form3D-CJKutcFA.js → Form3D-D4aXZGoJ.js}

@@ -1,6 +1,6 @@
 import { Bt as ZERO, Dn as __export, Ht as call, J as std, Tn as d, cn as unpremultiplyAlpha, n as tgpu } from "./coords-BkIjixe_.js";
 import { c as transformPosition, s as transformEdges } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var raymarch3d_exports = /* @__PURE__ */ __export({
 	Distortion3DTrace: () => Distortion3DTrace$1,
 	applyDistortion3D: () => applyDistortion3D,

package/dist/core/{FractalNoise-DelBWQyb.js → FractalNoise-mMVLGmIv.js}

@@ -1,6 +1,6 @@
 import { $ as mixStopsOrColorsExpr, Ht as call, J as std, Tn as d, n as tgpu, pt as noise_exports, ut as mxNoiseFloat2 } from "./coords-BkIjixe_.js";
 import { a as transformColor, o as transformColorSpace, r as transformAngle, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { m as colorStopsPropConfig, t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { h as colorStopsPropConfig, t as animatedTime } from "./porters-BmU6G9TR.js";
 var GOLDEN = 2.39996;
 const fractalNoiseValue = tgpu.fn([
 	d.vec2f,

package/dist/core/{Frost-Br7b9n4L.js → Frost-DXbXutW7.js}

@@ -1,8 +1,8 @@
 import { F as sdf_exports, Ht as call, J as std, Jt as vec4, Kt as floatE, Tn as d, ft as mxWorleyNoiseFloat2Pub, n as tgpu, pt as noise_exports, ut as mxNoiseFloat2, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.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;

package/dist/core/{GaborNoise-DViNgIse.js → GaborNoise-BhXywN1d.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Tn as d, at as gabor12, et as toneAndColorExpr, n as tgpu, pt as noise_exports } from "./coords-BkIjixe_.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-CY6QVFgB.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
+import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-CRpf22bk.js";
 const gaborNoiseField = tgpu.fn([
 	d.vec2f,
 	d.vec2f,

package/dist/core/{Glass-IwPea9h1.js → Glass-Bs3k8LQZ.js}

@@ -1,7 +1,7 @@
 import { Bt as ZERO, F as sdf_exports, K as createGaussianBlurCompute, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition, i as transformBoolean } from "./transformations-t0d2-uSX.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.js";
 var { applyGlassEffect } = glass_exports;
 var { createSvgSdfSamplerWithGradients, createAnalyticSdfSampler, driveAnalyticSubProps, ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;
 var { createVolumetricFieldComputeNode, buildVolumetricFieldSampler, VOLUMETRIC_FIELD_EXTRA_FIELDS, is3dShapeType, isVolumetricShapeType } = sdf3d_exports;

package/dist/core/{Godrays-CNNHJzNz.js → Godrays-BeQCWVw7.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Tn as d, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var godraysHash = tgpu.fn([d.vec2f], d.f32)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((p) => {
 	"use gpu";
 	return std.fract(__tsover_mul(std.sin(__tsover_add(__tsover_mul(p.x, 127.1), __tsover_mul(p.y, 311.7))), 43758.5453));

package/dist/core/{Goo-BUXnhwTk.js → Goo-DdqGyjio.js}

@@ -1,8 +1,8 @@
 import { F as sdf_exports, Ht as call, J as std, Jt as vec4, Kt as floatE, Tn as d, n as tgpu, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.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;

package/dist/core/{Group-u-o7qE0Y.js → Group-DXiB5Qrx.js}

@@ -2,7 +2,7 @@ import { Bt as ZERO } from "./coords-BkIjixe_.js";
 const componentDefinition = {
 	name: "Group",
 	category: "Utilities",
-	description: "Container for organizing and composing child effects",
+	description: "Container for organizing and composing child effects — supports flex-like flow layout (column/row stacking via the flow prop)",
 	requiresChild: true,
 	boundingBoxDeclaration: {
 		aspectRatio: null,

package/dist/core/{Heatmap-CE5DLeJp.js → Heatmap-DcLQlFwC.js}

@@ -1,8 +1,8 @@
 import { Et as mixColorStopsRuntime, F as sdf_exports, Ht as call, J as std, Jt as vec4, Tn as d, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu, pt as noise_exports, st as hash12, y as sdf3d_exports, yt as value12 } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { m as colorStopsPropConfig, t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { h as colorStopsPropConfig, t as animatedTime } from "./porters-BmU6G9TR.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.js";
 var { sdfSpaceUV } = glass_exports;
 var { createSvgSdfSampler, createAnalyticSdfSampler, driveAnalyticSubProps, ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;
 var { createVolumetricFieldComputeNode, buildVolumetricFieldSampler, VOLUMETRIC_FIELD_EXTRA_FIELDS } = sdf3d_exports;

package/dist/core/{Hologram-CctodmpA.js → Hologram-B5WCN5pM.js}

@@ -1,8 +1,8 @@
 import { F as sdf_exports, Ht as call, J as std, Jt as vec4, Kt as floatE, Tn as d, n as tgpu, pt as noise_exports, ut as mxNoiseFloat2, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.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;

package/dist/core/{Holographic-DSz4qfkn.js → Holographic-D7J9TGy7.js}

@@ -1,8 +1,8 @@
 import { F as sdf_exports, Ht as call, J as std, Jt as vec4, Kt as floatE, Tn as d, n as tgpu, pt as noise_exports, ut as mxNoiseFloat2, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.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;

package/dist/core/{ImageTexture-DdzAYFTi.js → ImageTexture-BE2Jlkg6.js}

@@ -1,4 +1,5 @@
 import { Ht as call, _ as scaleScaleDown, d as alphaCutLinear, f as sampleUV, h as scaleFill, m as scaleCover, p as scaleContain } from "./coords-BkIjixe_.js";
+import { r as registerNaturalSize } from "./naturalSize-Caz3-kRv.js";
 var OBJECT_FIT_MODES = {
 	cover: 0,
 	contain: 1,
@@ -15,7 +16,9 @@ function rasterizeSvg(url) {
 		const img = new Image();
 		img.crossOrigin = "anonymous";
 		img.onload = () => {
-			const aspect = (img.naturalWidth || SVG_RASTER_SIZE) / (img.naturalHeight || SVG_RASTER_SIZE);
+			const naturalW = img.naturalWidth || SVG_RASTER_SIZE;
+			const naturalH = img.naturalHeight || SVG_RASTER_SIZE;
+			const aspect = naturalW / naturalH;
 			const canvasW = aspect >= 1 ? SVG_RASTER_SIZE : Math.round(SVG_RASTER_SIZE * aspect);
 			const canvasH = aspect >= 1 ? Math.round(SVG_RASTER_SIZE / aspect) : SVG_RASTER_SIZE;
 			const canvas = document.createElement("canvas");
@@ -30,7 +33,9 @@ function rasterizeSvg(url) {
 			resolve({
 				source: canvas,
 				width: canvasW,
-				height: canvasH
+				height: canvasH,
+				naturalWidth: naturalW,
+				naturalHeight: naturalH
 			});
 		};
 		img.onerror = reject;
@@ -120,9 +125,10 @@ const componentDefinition = {
 			isLoading = true;
 			try {
 				if (isSvgUrl(url)) {
-					const { source, width, height } = await rasterizeSvg(url);
+					const { source, width, height, naturalWidth, naturalHeight } = await rasterizeSvg(url);
 					if (isDisposed) return;
 					currentUrl = url;
+					registerNaturalSize(url, naturalWidth, naturalHeight);
 					applyImage(source, width, height);
 				} else {
 					const response = await fetch(url, { mode: "cors" });
@@ -134,6 +140,7 @@ const componentDefinition = {
 						return;
 					}
 					currentUrl = url;
+					registerNaturalSize(url, bitmap.width, bitmap.height);
 					applyImage(bitmap, bitmap.width, bitmap.height);
 					bitmap.close();
 				}

package/dist/core/{LensFlare-CuWJsfwE.js → LensFlare-DHGNEDIX.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Jt as vec4, Tn as d, n as tgpu } from "./coords-BkIjixe_.js";
 import { c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var TAU = 6.2831853;
 var lensFlareSpectral = tgpu.fn([d.f32], d.vec3f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((t) => {
 	"use gpu";

package/dist/core/{LightEdge-WMxb-xKB.js → LightEdge-DVsHIeCo.js}

@@ -1,8 +1,8 @@
 import { F as sdf_exports, Ht as call, J as std, Kt as floatE, Tn as d, ct as hash22, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu, pt as noise_exports, v as VOLUMETRIC_FIELD_EXTRA_FIELDS$1, y as sdf3d_exports, yt as value12 } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { m as colorStopsPropConfig, p as MAX_COLOR_STOPS, t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { h as colorStopsPropConfig, m as MAX_COLOR_STOPS, t as animatedTime } from "./porters-BmU6G9TR.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.js";
 var { sdfSpaceUV } = glass_exports;
 var { createSvgSdfSampler, createAnalyticSdfSampler, driveAnalyticSubProps, ANALYTIC_SDF_EXTRA_FIELDS } = sdf_exports;
 var { createVolumetricFieldComputeNode, buildVolumetricFieldSampler } = sdf3d_exports;

package/dist/core/{LightLeak-DfOngFp7.js → LightLeak-CYjuMURe.js}

@@ -1,6 +1,6 @@
 import { Bt as ZERO, Ht as call, J as std, Tn as d, n as tgpu, pt as noise_exports, st as hash12, yt as value12 } from "./coords-BkIjixe_.js";
 import { a as transformColor, c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 const lightLeakRamp = tgpu.fn([
 	d.f32,
 	d.vec3f,

package/dist/core/{LinearGradient-DLrJban6.js → LinearGradient-DAzw65UB.js}

@@ -1,6 +1,6 @@
 import { Et as mixColorStopsRuntime, Ht as call, J as std, Jt as vec4, Tn as d, Tt as gradientStopsInSpace$1, ln as colorMixing_exports, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, c as transformPosition, o as transformColorSpace, r as transformAngle, s as transformEdges, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { m as colorStopsPropConfig } from "./porters-Bl3WB9VW.js";
+import { h as colorStopsPropConfig } from "./porters-BmU6G9TR.js";
 const gradientStopsInSpace = gradientStopsInSpace$1;
 var DEG_TO_RAD = .017453292519943295;
 var TRANSPARENT = 1;

package/dist/core/{LiquidMetal-DHM8kVNr.js → LiquidMetal-n5Rt5Cw8.js}

@@ -1,8 +1,8 @@
 import { F as sdf_exports, Ht as call, J as std, Jt as vec4, Kt as floatE, Tn as d, ht as perlin12d, n as tgpu, pt as noise_exports, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.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, isMobileGpuViewport } = sdf3d_exports;

package/dist/core/{Marble-BnHffB3C.js → Marble-BSSMSrv8.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Tn as d, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu, pt as noise_exports, ut as mxNoiseFloat2 } from "./coords-BkIjixe_.js";
 import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 var PI = Math.PI;
 const marbleFactors = tgpu.fn([
 	d.vec2f,

package/dist/core/{Neon-BjBSg2FR.js → Neon-BM45ZM25.js}

@@ -1,7 +1,7 @@
 import { Dn as __export, F as sdf_exports, Ht as call, J as std, Kt as floatE, Tn as d, n as tgpu, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { i as sdfSpaceUV, r as offsetUV } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.js";
 var neon_exports = /* @__PURE__ */ __export({
 	applyNeonEffect: () => applyNeonEffect$1,
 	neonComposite: () => neonComposite,

package/dist/core/{ObjectTracker-vU1bVmIJ.js → ObjectTracker-COh35yTh.js}

@@ -1,6 +1,6 @@
 import { Bt as ZERO, Xt as formatFloat, Yt as Expr, cn as unpremultiplyAlpha } from "./coords-BkIjixe_.js";
 import { a as transformColor, i as transformBoolean } from "./transformations-t0d2-uSX.js";
-import { n as loadGoogleFont } from "./fonts-BtGjHq1w.js";
+import { n as loadGoogleFont } from "./fonts-DwhbVe2B.js";
 var ATLAS_GLYPHS = "0123456789x%";
 var ATLAS_SLOTS = 16;
 var ATLAS_CELL_W = 64;

package/dist/core/{Particles-DFw2E9SE.js → Particles-BXHm5bgr.js}

@@ -1,6 +1,6 @@
 import { Bt as ZERO, F as sdf_exports, J as std, Tn as d, X as createGuardedCompute, Z as createStateBuffer, gn as mixColorsVariants, hn as mixColorsLinear, i as agents_exports, l as pointShapeOptions, lt as hash33, n as tgpu, o as cursorMagnet, ot as hash11, pt as noise_exports, r as AGENT_SHAPES, s as makeAgentWeightFn, u as resolveAgentShape, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.js";
 var { buildAnalyticSdfFn, createSdfDataTexture, SVG_SDF_SIZE } = sdf_exports;
 var { createAnalytic3dSdfSetup, createSvg3dSdfSetup, rotateVec3, rotateVecCpu, is3dShapeType, isSvg3dShapeType, isMobileGpuViewport, resolveShapeSubProp, SHAPE3D_DEFAULTS, SVG3D_DEFAULTS, VOLUMETRIC_FIELD_FORMAT } = sdf3d_exports;
 var DEG_TO_RAD = .017453292519943295;

package/dist/core/{PerlinNoise-BmNpwJtM.js → PerlinNoise-KV2GG0ts.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Tn as d, et as toneAndColorExpr, gt as perlin13, n as tgpu, pt as noise_exports } from "./coords-BkIjixe_.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-CY6QVFgB.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
+import { i as noiseToneProps, r as noiseSpeedProp, t as noiseColorProps } from "./noiseColor-CRpf22bk.js";
 const perlinNoiseField = tgpu.fn([
 	d.vec2f,
 	d.vec2f,

package/dist/core/{Plasma-C_EIkpQi.js → Plasma-C0dnSaw1.js}

@@ -1,6 +1,6 @@
 import { Et as mixColorStopsRuntime, Ht as call, J as std, Tn as d, dt as mxNoiseFloat3, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu, pt as noise_exports } from "./coords-BkIjixe_.js";
 import { a as transformColor, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { m as colorStopsPropConfig, t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { h as colorStopsPropConfig, t as animatedTime } from "./porters-BmU6G9TR.js";
 const plasmaTone = tgpu.fn([
 	d.f32,
 	d.f32,

package/dist/core/{Plastic-CYeefb91.js → Plastic-B_iHKpZn.js}

@@ -1,8 +1,8 @@
 import { Et as mixColorStopsRuntime, F as sdf_exports, Ht as call, J as std, Jt as vec4, Kt as floatE, Tn as d, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu, pt as noise_exports, ut as mxNoiseFloat2, y as sdf3d_exports } from "./coords-BkIjixe_.js";
 import { n as glass_exports } from "./glass-sOqjtPJD.js";
 import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { m as colorStopsPropConfig, t as animatedTime } from "./porters-Bl3WB9VW.js";
-import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Cl58vRlg.js";
+import { h as colorStopsPropConfig, t as animatedTime } from "./porters-BmU6G9TR.js";
+import { t as shapeEffectBoundingBoxDeclaration } from "./shapeEffectBounds-Dht8uIRl.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;

package/dist/core/{Prism-Btijlm0t.js → Prism-CYLsGJHY.js}

@@ -1,6 +1,6 @@
 import { Ht as call, J as std, Tn as d, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, c as transformPosition } from "./transformations-t0d2-uSX.js";
-import { t as animatedTime } from "./porters-Bl3WB9VW.js";
+import { t as animatedTime } from "./porters-BmU6G9TR.js";
 const prismHue2Rgb = tgpu.fn([d.f32], d.vec3f)(/* @__PURE__ */ (($) => (globalThis.__TYPEGPU_META__ ??= /* @__PURE__ */ new WeakMap()).set($.f = ((h) => {
 	"use gpu";
 	const x = __tsover_mul(std.fract(h), 6);

package/dist/core/{RadialGradient-CNDiMPZM.js → RadialGradient-j6T56q1W.js}

@@ -1,6 +1,6 @@
 import { Et as mixColorStopsRuntime, Ht as call, J as std, Tn as d, gn as mixColorsVariants, hn as mixColorsLinear, n as tgpu } from "./coords-BkIjixe_.js";
 import { a as transformColor, c as transformPosition, o as transformColorSpace, t as colorSpaceOptions } from "./transformations-t0d2-uSX.js";
-import { m as colorStopsPropConfig } from "./porters-Bl3WB9VW.js";
+import { h as colorStopsPropConfig } from "./porters-BmU6G9TR.js";
 var DEG_TO_RAD = .017453292519943295;
 const radialFinalT = tgpu.fn([
 	d.vec2f,