wuepgg3-track 3.0.3 → 4.0.0

package/dist/{SharedSystems-Czb8QUFv.mjs → SharedSystems-CQUTbUIx.mjs}

@@ -1,6 +1,6 @@
-import { u as Ee, m as ae, M as v, G as De, a as Oe, v as ne, E as u, e as D, x as S, y as Fe, z as O, F as b, R as F, H as ie, I as Le, t as m, c as f, j as B, w as L, J as Y, K as He, d as J, B as k, k as U, L as ze, N as M, l as T, O as w, Q as We, b as Ve, V as oe, W as le, X as ue, Y as de, C as P, Z as Ne, _ as A, $ as X, D as H, a0 as je, P as $e, h as qe, T as Q, a1 as Z, a2 as Ke, a3 as Ye, a4 as Je } from "./index-lRQCOP9E.mjs";
-import { F as Xe, S as Qe, B as ce, c as Ze } from "./colorToUniform-BwrjBKZW.mjs";
-var et = `in vec2 vMaskCoord;
+import { x as Fe, n as oe, M as g, G as Le, a as He, y as le, E as u, e as F, z as w, F as We, H as L, I as y, R as H, J as ue, K as ze, v as m, d as p, k as G, w as W, L as Q, N as Ve, h as Z, B as C, l as A, O as Ne, u as S, m as T, Q as P, V as je, b as qe, W as de, X as ce, Y as he, Z as fe, C as U, _ as $e, $ as I, a0 as ee, D as z, a1 as Ke, P as Ye, i as Je, T as te, a2 as re, a3 as v, a4 as Xe, a5 as Qe } from "./index-BRD1ij9p.mjs";
+import { F as Ze, S as et, B as pe, c as tt } from "./colorToUniform-COOzkdM9.mjs";
+var rt = `in vec2 vMaskCoord;
 in vec2 vTextureCoord;
 
 uniform sampler2D uTexture;
@@ -34,7 +34,7 @@ void main(void)
 
     finalColor = original * a;
 }
-`, tt = `in vec2 aPosition;
+`, st = `in vec2 aPosition;
 
 out vec2 vTextureCoord;
 out vec2 vMaskCoord;
@@ -71,7 +71,7 @@ void main(void)
     vTextureCoord = filterTextureCoord(aPosition);
     vMaskCoord = getFilterCoord(aPosition);
 }
-`, ee = `struct GlobalFilterUniforms {
+`, se = `struct GlobalFilterUniforms {
   uInputSize:vec4<f32>,
   uInputPixel:vec4<f32>,
   uInputClamp:vec4<f32>,
@@ -170,25 +170,25 @@ fn mainFragment(
     return source * a;
 }
 `;
-class rt extends Xe {
+class at extends Ze {
   constructor(e) {
-    const { sprite: t, ...r } = e, s = new Ee(t.texture), n = new ae({
-      uFilterMatrix: { value: new v(), type: "mat3x3<f32>" },
+    const { sprite: t, ...r } = e, s = new Fe(t.texture), a = new oe({
+      uFilterMatrix: { value: new g(), type: "mat3x3<f32>" },
       uMaskClamp: { value: s.uClampFrame, type: "vec4<f32>" },
       uAlpha: { value: 1, type: "f32" },
       uInverse: { value: e.inverse ? 1 : 0, type: "f32" }
-    }), i = De.from({
+    }), i = Le.from({
       vertex: {
-        source: ee,
+        source: se,
         entryPoint: "mainVertex"
       },
       fragment: {
-        source: ee,
+        source: se,
         entryPoint: "mainFragment"
       }
-    }), o = Oe.from({
-      vertex: tt,
-      fragment: et,
+    }), o = He.from({
+      vertex: st,
+      fragment: rt,
       name: "mask-filter"
     });
     super({
@@ -197,7 +197,7 @@ class rt extends Xe {
       glProgram: o,
       clipToViewport: !1,
       resources: {
-        filterUniforms: n,
+        filterUniforms: a,
         uMaskTexture: t.texture.source
       }
     }), this.sprite = t, this._textureMatrix = s;
@@ -215,17 +215,17 @@ class rt extends Xe {
     ).prepend(this._textureMatrix.mapCoord), this.resources.uMaskTexture = this.sprite.texture.source, e.applyFilter(this, t, r, s);
   }
 }
-const z = class he {
+const V = class me {
   constructor(e, t) {
     var r, s;
-    this.state = Qe.for2d(), this._batchersByInstructionSet = /* @__PURE__ */ Object.create(null), this._activeBatches = /* @__PURE__ */ Object.create(null), this.renderer = e, this._adaptor = t, (s = (r = this._adaptor).init) == null || s.call(r, this);
+    this.state = et.for2d(), this._batchersByInstructionSet = /* @__PURE__ */ Object.create(null), this._activeBatches = /* @__PURE__ */ Object.create(null), this.renderer = e, this._adaptor = t, (s = (r = this._adaptor).init) == null || s.call(r, this);
   }
   static getBatcher(e) {
     return new this._availableBatchers[e]();
   }
   buildStart(e) {
     let t = this._batchersByInstructionSet[e.uid];
-    t || (t = this._batchersByInstructionSet[e.uid] = /* @__PURE__ */ Object.create(null), t.default || (t.default = new ne({
+    t || (t = this._batchersByInstructionSet[e.uid] = /* @__PURE__ */ Object.create(null), t.default || (t.default = new le({
       maxTextures: this.renderer.limits.maxBatchableTextures
     }))), this._activeBatches = t, this._activeBatch = this._activeBatches.default;
     for (const r in this._activeBatches)
@@ -235,7 +235,7 @@ const z = class he {
     if (this._activeBatch.name !== e.batcherName) {
       this._activeBatch.break(t);
       let r = this._activeBatches[e.batcherName];
-      r || (r = this._activeBatches[e.batcherName] = he.getBatcher(e.batcherName), r.begin()), this._activeBatch = r;
+      r || (r = this._activeBatches[e.batcherName] = me.getBatcher(e.batcherName), r.begin()), this._activeBatch = r;
     }
     this._activeBatch.add(e);
   }
@@ -246,15 +246,15 @@ const z = class he {
     this._activeBatch.break(e);
     const t = this._activeBatches;
     for (const r in t) {
-      const s = t[r], n = s.geometry;
-      n.indexBuffer.setDataWithSize(s.indexBuffer, s.indexSize, !0), n.buffers[0].setDataWithSize(s.attributeBuffer.float32View, s.attributeSize, !1);
+      const s = t[r], a = s.geometry;
+      a.indexBuffer.setDataWithSize(s.indexBuffer, s.indexSize, !0), a.buffers[0].setDataWithSize(s.attributeBuffer.float32View, s.attributeSize, !1);
     }
   }
   upload(e) {
     const t = this._batchersByInstructionSet[e.uid];
     for (const r in t) {
-      const s = t[r], n = s.geometry;
-      s.dirty && (s.dirty = !1, n.buffers[0].update(s.attributeSize * 4));
+      const s = t[r], a = s.geometry;
+      s.dirty && (s.dirty = !1, a.buffers[0].update(s.attributeSize * 4));
     }
   }
   execute(e) {
@@ -271,7 +271,7 @@ const z = class he {
     this._activeBatches = null;
   }
 };
-z.extension = {
+V.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -279,11 +279,11 @@ z.extension = {
   ],
   name: "batch"
 };
-z._availableBatchers = /* @__PURE__ */ Object.create(null);
-let fe = z;
-D.handleByMap(u.Batcher, fe._availableBatchers);
-D.add(ne);
-const Bt = {
+V._availableBatchers = /* @__PURE__ */ Object.create(null);
+let ge = V;
+F.handleByMap(u.Batcher, ge._availableBatchers);
+F.add(le);
+const At = {
   name: "texture-bit",
   vertex: {
     header: (
@@ -321,7 +321,7 @@ const Bt = {
         `
     )
   }
-}, Ut = {
+}, It = {
   name: "texture-bit",
   vertex: {
     header: (
@@ -353,11 +353,11 @@ const Bt = {
         `
     )
   }
-}, st = new O();
-class at extends ie {
+}, nt = new L();
+class it extends ue {
   constructor() {
-    super(), this.filters = [new rt({
-      sprite: new Le(m.EMPTY),
+    super(), this.filters = [new at({
+      sprite: new ze(m.EMPTY),
       inverse: !1,
       resolution: "inherit",
       antialias: "inherit"
@@ -376,7 +376,7 @@ class at extends ie {
     this.filters[0].inverse = e;
   }
 }
-class pe {
+class _e {
   constructor(e) {
     this._activeMaskStage = [], this._renderer = e;
   }
@@ -390,12 +390,12 @@ class pe {
       canBundle: !1,
       maskedContainer: t
     }), e.inverse = t._maskOptions.inverse, e.renderMaskToTexture) {
-      const n = e.mask;
-      n.includeInBuild = !0, n.collectRenderables(
+      const a = e.mask;
+      a.includeInBuild = !0, a.collectRenderables(
         r,
         s,
         null
-      ), n.includeInBuild = !1;
+      ), a.includeInBuild = !1;
     }
     s.renderPipes.batch.break(r), r.add({
       renderPipeId: "alphaMask",
@@ -418,23 +418,23 @@ class pe {
   execute(e) {
     const t = this._renderer, r = e.mask.renderMaskToTexture;
     if (e.action === "pushMaskBegin") {
-      const s = S.get(at);
+      const s = w.get(it);
       if (s.inverse = e.inverse, r) {
         e.mask.mask.measurable = !0;
-        const n = Fe(e.mask.mask, !0, st);
-        e.mask.mask.measurable = !1, n.ceil();
-        const i = t.renderTarget.renderTarget.colorTexture.source, o = b.getOptimalTexture(
-          n.width,
-          n.height,
+        const a = We(e.mask.mask, !0, nt);
+        e.mask.mask.measurable = !1, a.ceil();
+        const i = t.renderTarget.renderTarget.colorTexture.source, o = y.getOptimalTexture(
+          a.width,
+          a.height,
           i._resolution,
           i.antialias
         );
         t.renderTarget.push(o, !0), t.globalUniforms.push({
-          offset: n,
+          offset: a,
           worldColor: 4294967295
         });
         const l = s.sprite;
-        l.texture = o, l.worldTransform.tx = n.minX, l.worldTransform.ty = n.minY, this._activeMaskStage.push({
+        l.texture = o, l.worldTransform.tx = a.minX, l.worldTransform.ty = a.minY, this._activeMaskStage.push({
           filterEffect: s,
           maskedContainer: e.maskedContainer,
           filterTexture: o
@@ -446,7 +446,7 @@ class pe {
         });
     } else if (e.action === "pushMaskEnd") {
       const s = this._activeMaskStage[this._activeMaskStage.length - 1];
-      r && (t.type === F.WEBGL && t.renderTarget.finishRenderPass(), t.renderTarget.pop(), t.globalUniforms.pop()), t.filter.push({
+      r && (t.type === H.WEBGL && t.renderTarget.finishRenderPass(), t.renderTarget.pop(), t.globalUniforms.pop()), t.filter.push({
         renderPipeId: "filter",
         action: "pushFilter",
         container: s.maskedContainer,
@@ -456,14 +456,14 @@ class pe {
     } else if (e.action === "popMaskEnd") {
       t.filter.pop();
       const s = this._activeMaskStage.pop();
-      r && b.returnTexture(s.filterTexture), S.return(s.filterEffect);
+      r && y.returnTexture(s.filterTexture), w.return(s.filterEffect);
     }
   }
   destroy() {
     this._renderer = null, this._activeMaskStage = null;
   }
 }
-pe.extension = {
+_e.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -471,7 +471,7 @@ pe.extension = {
   ],
   name: "alphaMask"
 };
-class me {
+class ve {
   constructor(e) {
     this._colorStack = [], this._colorStackIndex = 0, this._currentColor = 0, this._renderer = e;
   }
@@ -480,8 +480,8 @@ class me {
   }
   push(e, t, r) {
     this._renderer.renderPipes.batch.break(r);
-    const n = this._colorStack;
-    n[this._colorStackIndex] = n[this._colorStackIndex - 1] & e.mask;
+    const a = this._colorStack;
+    a[this._colorStackIndex] = a[this._colorStackIndex - 1] & e.mask;
     const i = this._colorStack[this._colorStackIndex];
     i !== this._currentColor && (this._currentColor = i, r.add({
       renderPipeId: "colorMask",
@@ -491,9 +491,9 @@ class me {
   }
   pop(e, t, r) {
     this._renderer.renderPipes.batch.break(r);
-    const n = this._colorStack;
+    const a = this._colorStack;
     this._colorStackIndex--;
-    const i = n[this._colorStackIndex - 1];
+    const i = a[this._colorStackIndex - 1];
     i !== this._currentColor && (this._currentColor = i, r.add({
       renderPipeId: "colorMask",
       colorMask: i,
@@ -507,7 +507,7 @@ class me {
     this._renderer = null, this._colorStack = null;
   }
 }
-me.extension = {
+ve.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -515,26 +515,26 @@ me.extension = {
   ],
   name: "colorMask"
 };
-class ve {
+class xe {
   constructor(e) {
     this._maskStackHash = {}, this._maskHash = /* @__PURE__ */ new WeakMap(), this._renderer = e;
   }
   push(e, t, r) {
     var s;
-    const n = e, i = this._renderer;
-    i.renderPipes.batch.break(r), i.renderPipes.blendMode.setBlendMode(n.mask, "none", r), r.add({
+    const a = e, i = this._renderer;
+    i.renderPipes.batch.break(r), i.renderPipes.blendMode.setBlendMode(a.mask, "none", r), r.add({
       renderPipeId: "stencilMask",
       action: "pushMaskBegin",
       mask: e,
       inverse: t._maskOptions.inverse,
       canBundle: !1
     });
-    const o = n.mask;
-    o.includeInBuild = !0, this._maskHash.has(n) || this._maskHash.set(n, {
+    const o = a.mask;
+    o.includeInBuild = !0, this._maskHash.has(a) || this._maskHash.set(a, {
       instructionsStart: 0,
       instructionsLength: 0
     });
-    const l = this._maskHash.get(n);
+    const l = this._maskHash.get(a);
     l.instructionsStart = r.instructionSize, o.collectRenderables(
       r,
       i,
@@ -548,12 +548,12 @@ class ve {
     });
     const d = r.instructionSize - l.instructionsStart - 1;
     l.instructionsLength = d;
-    const c = i.renderTarget.renderTarget.uid;
-    (s = this._maskStackHash)[c] ?? (s[c] = 0);
+    const h = i.renderTarget.renderTarget.uid;
+    (s = this._maskStackHash)[h] ?? (s[h] = 0);
   }
   pop(e, t, r) {
-    const s = e, n = this._renderer;
-    n.renderPipes.batch.break(r), n.renderPipes.blendMode.setBlendMode(s.mask, "none", r), r.add({
+    const s = e, a = this._renderer;
+    a.renderPipes.batch.break(r), a.renderPipes.blendMode.setBlendMode(s.mask, "none", r), r.add({
       renderPipeId: "stencilMask",
       action: "popMaskBegin",
       inverse: t._maskOptions.inverse,
@@ -571,14 +571,14 @@ class ve {
   execute(e) {
     var t;
     const r = this._renderer, s = r.renderTarget.renderTarget.uid;
-    let n = (t = this._maskStackHash)[s] ?? (t[s] = 0);
-    e.action === "pushMaskBegin" ? (r.renderTarget.ensureDepthStencil(), r.stencil.setStencilMode(f.RENDERING_MASK_ADD, n), n++, r.colorMask.setMask(0)) : e.action === "pushMaskEnd" ? (e.inverse ? r.stencil.setStencilMode(f.INVERSE_MASK_ACTIVE, n) : r.stencil.setStencilMode(f.MASK_ACTIVE, n), r.colorMask.setMask(15)) : e.action === "popMaskBegin" ? (r.colorMask.setMask(0), n !== 0 ? r.stencil.setStencilMode(f.RENDERING_MASK_REMOVE, n) : (r.renderTarget.clear(null, B.STENCIL), r.stencil.setStencilMode(f.DISABLED, n)), n--) : e.action === "popMaskEnd" && (e.inverse ? r.stencil.setStencilMode(f.INVERSE_MASK_ACTIVE, n) : r.stencil.setStencilMode(f.MASK_ACTIVE, n), r.colorMask.setMask(15)), this._maskStackHash[s] = n;
+    let a = (t = this._maskStackHash)[s] ?? (t[s] = 0);
+    e.action === "pushMaskBegin" ? (r.renderTarget.ensureDepthStencil(), r.stencil.setStencilMode(p.RENDERING_MASK_ADD, a), a++, r.colorMask.setMask(0)) : e.action === "pushMaskEnd" ? (e.inverse ? r.stencil.setStencilMode(p.INVERSE_MASK_ACTIVE, a) : r.stencil.setStencilMode(p.MASK_ACTIVE, a), r.colorMask.setMask(15)) : e.action === "popMaskBegin" ? (r.colorMask.setMask(0), a !== 0 ? r.stencil.setStencilMode(p.RENDERING_MASK_REMOVE, a) : (r.renderTarget.clear(null, G.STENCIL), r.stencil.setStencilMode(p.DISABLED, a)), a--) : e.action === "popMaskEnd" && (e.inverse ? r.stencil.setStencilMode(p.INVERSE_MASK_ACTIVE, a) : r.stencil.setStencilMode(p.MASK_ACTIVE, a), r.colorMask.setMask(15)), this._maskStackHash[s] = a;
   }
   destroy() {
     this._renderer = null, this._maskStackHash = null, this._maskHash = null;
   }
 }
-ve.extension = {
+xe.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -586,35 +586,35 @@ ve.extension = {
   ],
   name: "stencilMask"
 };
-function At(a, e) {
-  for (const t in a.attributes) {
-    const r = a.attributes[t], s = e[t];
-    s ? (r.format ?? (r.format = s.format), r.offset ?? (r.offset = s.offset), r.instance ?? (r.instance = s.instance)) : L(`Attribute ${t} is not present in the shader, but is present in the geometry. Unable to infer attribute details.`);
+function Dt(n, e) {
+  for (const t in n.attributes) {
+    const r = n.attributes[t], s = e[t];
+    s ? (r.format ?? (r.format = s.format), r.offset ?? (r.offset = s.offset), r.instance ?? (r.instance = s.instance)) : W(`Attribute ${t} is not present in the shader, but is present in the geometry. Unable to infer attribute details.`);
   }
-  nt(a);
+  ot(n);
 }
-function nt(a) {
-  const { buffers: e, attributes: t } = a, r = {}, s = {};
-  for (const n in e) {
-    const i = e[n];
+function ot(n) {
+  const { buffers: e, attributes: t } = n, r = {}, s = {};
+  for (const a in e) {
+    const i = e[a];
     r[i.uid] = 0, s[i.uid] = 0;
   }
-  for (const n in t) {
-    const i = t[n];
-    r[i.buffer.uid] += Y(i.format).stride;
+  for (const a in t) {
+    const i = t[a];
+    r[i.buffer.uid] += Q(i.format).stride;
   }
-  for (const n in t) {
-    const i = t[n];
-    i.stride ?? (i.stride = r[i.buffer.uid]), i.start ?? (i.start = s[i.buffer.uid]), s[i.buffer.uid] += Y(i.format).stride;
+  for (const a in t) {
+    const i = t[a];
+    i.stride ?? (i.stride = r[i.buffer.uid]), i.start ?? (i.start = s[i.buffer.uid]), s[i.buffer.uid] += Q(i.format).stride;
   }
 }
-const _ = [];
-_[f.NONE] = void 0;
-_[f.DISABLED] = {
+const b = [];
+b[p.NONE] = void 0;
+b[p.DISABLED] = {
   stencilWriteMask: 0,
   stencilReadMask: 0
 };
-_[f.RENDERING_MASK_ADD] = {
+b[p.RENDERING_MASK_ADD] = {
   stencilFront: {
     compare: "equal",
     passOp: "increment-clamp"
@@ -624,7 +624,7 @@ _[f.RENDERING_MASK_ADD] = {
     passOp: "increment-clamp"
   }
 };
-_[f.RENDERING_MASK_REMOVE] = {
+b[p.RENDERING_MASK_REMOVE] = {
   stencilFront: {
     compare: "equal",
     passOp: "decrement-clamp"
@@ -634,7 +634,7 @@ _[f.RENDERING_MASK_REMOVE] = {
     passOp: "decrement-clamp"
   }
 };
-_[f.MASK_ACTIVE] = {
+b[p.MASK_ACTIVE] = {
   stencilWriteMask: 0,
   stencilFront: {
     compare: "equal",
@@ -645,7 +645,7 @@ _[f.MASK_ACTIVE] = {
     passOp: "keep"
   }
 };
-_[f.INVERSE_MASK_ACTIVE] = {
+b[p.INVERSE_MASK_ACTIVE] = {
   stencilWriteMask: 0,
   stencilFront: {
     compare: "not-equal",
@@ -656,7 +656,7 @@ _[f.INVERSE_MASK_ACTIVE] = {
     passOp: "keep"
   }
 };
-class It {
+class Et {
   constructor(e) {
     this._syncFunctionHash = /* @__PURE__ */ Object.create(null), this._adaptor = e, this._systemCheck();
   }
@@ -666,14 +666,14 @@ class It {
    * @private
    */
   _systemCheck() {
-    if (!He())
+    if (!Ve())
       throw new Error("Current environment does not allow unsafe-eval, please use pixi.js/unsafe-eval module to enable support.");
   }
   ensureUniformGroup(e) {
     const t = this.getUniformGroupData(e);
-    e.buffer || (e.buffer = new J({
+    e.buffer || (e.buffer = new Z({
       data: new Float32Array(t.layout.size / 4),
-      usage: k.UNIFORM | k.COPY_DST
+      usage: C.UNIFORM | C.COPY_DST
     }));
   }
   getUniformGroupData(e) {
@@ -683,9 +683,9 @@ class It {
     const t = e._signature;
     let r = this._syncFunctionHash[t];
     if (!r) {
-      const s = Object.keys(e.uniformStructures).map((o) => e.uniformStructures[o]), n = this._adaptor.createUboElements(s), i = this._generateUboSync(n.uboElements);
+      const s = Object.keys(e.uniformStructures).map((o) => e.uniformStructures[o]), a = this._adaptor.createUboElements(s), i = this._generateUboSync(a.uboElements);
       r = this._syncFunctionHash[t] = {
-        layout: n,
+        layout: a,
         syncFunction: i
       };
     }
@@ -696,12 +696,12 @@ class It {
   }
   syncUniformGroup(e, t, r) {
     const s = this.getUniformGroupData(e);
-    e.buffer || (e.buffer = new J({
+    e.buffer || (e.buffer = new Z({
       data: new Float32Array(s.layout.size / 4),
-      usage: k.UNIFORM | k.COPY_DST
+      usage: C.UNIFORM | C.COPY_DST
     }));
-    let n = null;
-    return t || (t = e.buffer.data, n = e.buffer.dataInt32), r || (r = 0), s.syncFunction(e.uniforms, t, n, r), !0;
+    let a = null;
+    return t || (t = e.buffer.data, a = e.buffer.dataInt32), r || (r = 0), s.syncFunction(e.uniforms, t, a, r), !0;
   }
   updateUniformGroup(e) {
     if (e.isStatic && !e._dirtyId)
@@ -714,11 +714,11 @@ class It {
     this._syncFunctionHash = null;
   }
 }
-const C = [
+const M = [
   // uploading pixi matrix object to mat3
   {
     type: "mat3x3<f32>",
-    test: (a) => a.value.a !== void 0,
+    test: (n) => n.value.a !== void 0,
     ubo: `
             var matrix = uv[name].toArray(true);
             data[offset] = matrix[0];
@@ -738,7 +738,7 @@ const C = [
   // uploading a pixi rectangle as a vec4
   {
     type: "vec4<f32>",
-    test: (a) => a.type === "vec4<f32>" && a.size === 1 && a.value.width !== void 0,
+    test: (n) => n.type === "vec4<f32>" && n.size === 1 && n.value.width !== void 0,
     ubo: `
             v = uv[name];
             data[offset] = v.x;
@@ -761,7 +761,7 @@ const C = [
   // uploading a pixi point as a vec2
   {
     type: "vec2<f32>",
-    test: (a) => a.type === "vec2<f32>" && a.size === 1 && a.value.x !== void 0,
+    test: (n) => n.type === "vec2<f32>" && n.size === 1 && n.value.x !== void 0,
     ubo: `
             v = uv[name];
             data[offset] = v.x;
@@ -780,7 +780,7 @@ const C = [
   // uploading a pixi color as a vec4
   {
     type: "vec4<f32>",
-    test: (a) => a.type === "vec4<f32>" && a.size === 1 && a.value.red !== void 0,
+    test: (n) => n.type === "vec4<f32>" && n.size === 1 && n.value.red !== void 0,
     ubo: `
             v = uv[name];
             data[offset] = v.red;
@@ -803,7 +803,7 @@ const C = [
   // uploading a pixi color as a vec3
   {
     type: "vec3<f32>",
-    test: (a) => a.type === "vec3<f32>" && a.size === 1 && a.value.red !== void 0,
+    test: (n) => n.type === "vec3<f32>" && n.size === 1 && n.value.red !== void 0,
     ubo: `
             v = uv[name];
             data[offset] = v.red;
@@ -822,7 +822,7 @@ const C = [
         `
   }
 ];
-function Gt(a, e, t, r) {
+function Ot(n, e, t, r) {
   const s = [`
         var v = null;
         var v2 = null;
@@ -831,34 +831,34 @@ function Gt(a, e, t, r) {
         var name = null;
         var arrayOffset = null;
     `];
-  let n = 0;
-  for (let o = 0; o < a.length; o++) {
-    const l = a[o], d = l.data.name;
-    let c = !1, h = 0;
-    for (let p = 0; p < C.length; p++)
-      if (C[p].test(l.data)) {
-        h = l.offset / 4, s.push(
+  let a = 0;
+  for (let o = 0; o < n.length; o++) {
+    const l = n[o], d = l.data.name;
+    let h = !1, c = 0;
+    for (let f = 0; f < M.length; f++)
+      if (M[f].test(l.data)) {
+        c = l.offset / 4, s.push(
           `name = "${d}";`,
-          `offset += ${h - n};`,
-          C[p][e] || C[p].ubo
-        ), c = !0;
+          `offset += ${c - a};`,
+          M[f][e] || M[f].ubo
+        ), h = !0;
         break;
       }
-    if (!c)
+    if (!h)
       if (l.data.size > 1)
-        h = l.offset / 4, s.push(t(l, h - n));
+        c = l.offset / 4, s.push(t(l, c - a));
       else {
-        const p = r[l.data.type];
-        h = l.offset / 4, s.push(
+        const f = r[l.data.type];
+        c = l.offset / 4, s.push(
           /* wgsl */
           `
                     v = uv.${d};
-                    offset += ${h - n};
-                    ${p};
+                    offset += ${c - a};
+                    ${f};
                 `
         );
       }
-    n = h;
+    a = c;
   }
   const i = s.join(`
 `);
@@ -870,14 +870,14 @@ function Gt(a, e, t, r) {
     i
   );
 }
-function g(a, e) {
+function _(n, e) {
   return `
-        for (let i = 0; i < ${a * e}; i++) {
-            data[offset + (((i / ${a})|0) * 4) + (i % ${a})] = v[i];
+        for (let i = 0; i < ${n * e}; i++) {
+            data[offset + (((i / ${n})|0) * 4) + (i % ${n})] = v[i];
         }
     `;
 }
-const it = {
+const lt = {
   f32: `
         data[offset] = v;`,
   i32: `
@@ -925,14 +925,14 @@ const it = {
         for (let i = 0; i < 16; i++) {
             data[offset + i] = v[i];
         }`,
-  "mat3x2<f32>": g(3, 2),
-  "mat4x2<f32>": g(4, 2),
-  "mat2x3<f32>": g(2, 3),
-  "mat4x3<f32>": g(4, 3),
-  "mat2x4<f32>": g(2, 4),
-  "mat3x4<f32>": g(3, 4)
-}, Et = {
-  ...it,
+  "mat3x2<f32>": _(3, 2),
+  "mat4x2<f32>": _(4, 2),
+  "mat2x3<f32>": _(2, 3),
+  "mat4x3<f32>": _(4, 3),
+  "mat2x4<f32>": _(2, 4),
+  "mat3x4<f32>": _(3, 4)
+}, Ft = {
+  ...lt,
   "mat2x2<f32>": `
         data[offset] = v[0];
         data[offset + 1] = v[1];
@@ -940,36 +940,36 @@ const it = {
         data[offset + 3] = v[3];
     `
 };
-function ot(a, e, t, r, s, n) {
-  const i = n ? 1 : -1;
-  return a.identity(), a.a = 1 / r * 2, a.d = i * (1 / s * 2), a.tx = -1 - e * a.a, a.ty = -i - t * a.d, a;
+function ut(n, e, t, r, s, a) {
+  const i = a ? 1 : -1;
+  return n.identity(), n.a = 1 / r * 2, n.d = i * (1 / s * 2), n.tx = -1 - e * n.a, n.ty = -i - t * n.d, n;
 }
 const x = /* @__PURE__ */ new Map();
-ze.register(x);
-function ge(a, e) {
-  if (!x.has(a)) {
+Ne.register(x);
+function be(n, e) {
+  if (!x.has(n)) {
     const t = new m({
-      source: new U({
-        resource: a,
+      source: new A({
+        resource: n,
         ...e
       })
     }), r = () => {
-      x.get(a) === t && x.delete(a);
+      x.get(n) === t && x.delete(n);
     };
-    t.once("destroy", r), t.source.once("destroy", r), x.set(a, t);
+    t.once("destroy", r), t.source.once("destroy", r), x.set(n, t);
   }
-  return x.get(a);
+  return x.get(n);
 }
-function lt(a) {
-  const e = a.colorTexture.source.resource;
+function dt(n) {
+  const e = n.colorTexture.source.resource;
   return globalThis.HTMLCanvasElement && e instanceof HTMLCanvasElement && document.body.contains(e);
 }
-const xe = class _e {
+const ye = class Te {
   /**
    * @param [descriptor] - Options for creating a render target.
    */
   constructor(e = {}) {
-    if (this.uid = M("renderTarget"), this.colorTextures = [], this.dirtyId = 0, this.isRoot = !1, this._size = new Float32Array(2), this._managedColorTextures = !1, e = { ..._e.defaultOptions, ...e }, this.stencil = e.stencil, this.depth = e.depth, this.isRoot = e.isRoot, typeof e.colorTextures == "number") {
+    if (this.uid = S("renderTarget"), this.colorTextures = [], this.dirtyId = 0, this.isRoot = !1, this._size = new Float32Array(2), this._managedColorTextures = !1, e = { ...Te.defaultOptions, ...e }, this.stencil = e.stencil, this.depth = e.depth, this.isRoot = e.isRoot, typeof e.colorTextures == "number") {
       this._managedColorTextures = !0;
       for (let t = 0; t < e.colorTextures; t++)
         this.colorTextures.push(
@@ -1030,8 +1030,8 @@ const xe = class _e {
     }));
   }
   resize(e, t, r = this.resolution, s = !1) {
-    this.dirtyId++, this.colorTextures.forEach((n, i) => {
-      s && i === 0 || n.source.resize(e, t, r);
+    this.dirtyId++, this.colorTextures.forEach((a, i) => {
+      s && i === 0 || a.source.resize(e, t, r);
     }), this.depthStencilTexture && this.depthStencilTexture.source.resize(e, t, r);
   }
   destroy() {
@@ -1040,7 +1040,7 @@ const xe = class _e {
     }), this.depthStencilTexture && (this.depthStencilTexture.destroy(), delete this.depthStencilTexture);
   }
 };
-xe.defaultOptions = {
+ye.defaultOptions = {
   /** the width of the RenderTarget */
   width: 0,
   /** the height of the RenderTarget */
@@ -1059,10 +1059,10 @@ xe.defaultOptions = {
   /** is this a root element, true if this is gl context owners render target */
   isRoot: !1
 };
-let I = xe;
-class Dt {
+let D = ye;
+class Lt {
   constructor(e) {
-    this.rootViewPort = new w(), this.viewport = new w(), this.onRenderTargetChange = new We("onRenderTargetChange"), this.projectionMatrix = new v(), this.defaultClearColor = [0, 0, 0, 0], this._renderSurfaceToRenderTargetHash = /* @__PURE__ */ new Map(), this._gpuRenderTargetHash = /* @__PURE__ */ Object.create(null), this._renderTargetStack = [], this._renderer = e, e.renderableGC.addManagedHash(this, "_gpuRenderTargetHash");
+    this.rootViewPort = new P(), this.viewport = new P(), this.onRenderTargetChange = new je("onRenderTargetChange"), this.projectionMatrix = new g(), this.defaultClearColor = [0, 0, 0, 0], this._renderSurfaceToRenderTargetHash = /* @__PURE__ */ new Map(), this._gpuRenderTargetHash = /* @__PURE__ */ Object.create(null), this._renderTargetStack = [], this._renderer = e, e.renderableGC.addManagedHash(this, "_gpuRenderTargetHash");
   }
   /** called when dev wants to finish a render pass */
   finishRenderPass() {
@@ -1082,13 +1082,13 @@ class Dt {
     clearColor: r,
     frame: s
   }) {
-    var n, i;
+    var a, i;
     this._renderTargetStack.length = 0, this.push(
       e,
       t,
       r,
       s
-    ), this.rootViewPort.copyFrom(this.viewport), this.rootRenderTarget = this.renderTarget, this.renderingToScreen = lt(this.rootRenderTarget), (i = (n = this.adaptor).prerender) == null || i.call(n, this.rootRenderTarget);
+    ), this.rootViewPort.copyFrom(this.viewport), this.rootRenderTarget = this.renderTarget, this.renderingToScreen = dt(this.rootRenderTarget), (i = (a = this.adaptor).prerender) == null || i.call(a, this.rootRenderTarget);
   }
   postrender() {
     var e, t;
@@ -1107,26 +1107,26 @@ class Dt {
    * @returns the render target that was bound
    */
   bind(e, t = !0, r, s) {
-    const n = this.getRenderTarget(e), i = this.renderTarget !== n;
-    this.renderTarget = n, this.renderSurface = e;
-    const o = this.getGpuRenderTarget(n);
-    (n.pixelWidth !== o.width || n.pixelHeight !== o.height) && (this.adaptor.resizeGpuRenderTarget(n), o.width = n.pixelWidth, o.height = n.pixelHeight);
-    const l = n.colorTexture, d = this.viewport, c = l.pixelWidth, h = l.pixelHeight;
+    const a = this.getRenderTarget(e), i = this.renderTarget !== a;
+    this.renderTarget = a, this.renderSurface = e;
+    const o = this.getGpuRenderTarget(a);
+    (a.pixelWidth !== o.width || a.pixelHeight !== o.height) && (this.adaptor.resizeGpuRenderTarget(a), o.width = a.pixelWidth, o.height = a.pixelHeight);
+    const l = a.colorTexture, d = this.viewport, h = l.pixelWidth, c = l.pixelHeight;
     if (!s && e instanceof m && (s = e.frame), s) {
-      const p = l._resolution;
-      d.x = s.x * p + 0.5 | 0, d.y = s.y * p + 0.5 | 0, d.width = s.width * p + 0.5 | 0, d.height = s.height * p + 0.5 | 0;
+      const f = l._resolution;
+      d.x = s.x * f + 0.5 | 0, d.y = s.y * f + 0.5 | 0, d.width = s.width * f + 0.5 | 0, d.height = s.height * f + 0.5 | 0;
     } else
-      d.x = 0, d.y = 0, d.width = c, d.height = h;
-    return ot(
+      d.x = 0, d.y = 0, d.width = h, d.height = c;
+    return ut(
       this.projectionMatrix,
       0,
       0,
       d.width / l.resolution,
       d.height / l.resolution,
-      !n.isRoot
-    ), this.adaptor.startRenderPass(n, t, r, d), i && this.onRenderTargetChange.emit(n), n;
+      !a.isRoot
+    ), this.adaptor.startRenderPass(a, t, r, d), i && this.onRenderTargetChange.emit(a), a;
   }
-  clear(e, t = B.ALL, r) {
+  clear(e, t = G.ALL, r) {
     t && (e && (e = this.getRenderTarget(e)), this.adaptor.clear(
       e || this.renderTarget,
       t,
@@ -1144,12 +1144,12 @@ class Dt {
    * @param clearColor - the color to clear to
    * @param frame - the frame to use when rendering to the render surface
    */
-  push(e, t = B.ALL, r, s) {
-    const n = this.bind(e, t, r, s);
+  push(e, t = G.ALL, r, s) {
+    const a = this.bind(e, t, r, s);
     return this._renderTargetStack.push({
-      renderTarget: n,
+      renderTarget: a,
       frame: s
-    }), n;
+    }), a;
   }
   /** Pops the current render target from the renderer and restores the previous render target. */
   pop() {
@@ -1206,15 +1206,15 @@ class Dt {
    * @param originDest.x - the x origin of the paste
    * @param originDest.y - the y origin of the paste
    */
-  copyToTexture(e, t, r, s, n) {
-    r.x < 0 && (s.width += r.x, n.x -= r.x, r.x = 0), r.y < 0 && (s.height += r.y, n.y -= r.y, r.y = 0);
+  copyToTexture(e, t, r, s, a) {
+    r.x < 0 && (s.width += r.x, a.x -= r.x, r.x = 0), r.y < 0 && (s.height += r.y, a.y -= r.y, r.y = 0);
     const { pixelWidth: i, pixelHeight: o } = e;
     return s.width = Math.min(s.width, i - r.x), s.height = Math.min(s.height, o - r.y), this.adaptor.copyToTexture(
       e,
       t,
       r,
       s,
-      n
+      a
     );
   }
   /**
@@ -1232,9 +1232,9 @@ class Dt {
   }
   _initRenderTarget(e) {
     let t = null;
-    return U.test(e) && (e = ge(e).source), e instanceof I ? t = e : e instanceof T && (t = new I({
+    return A.test(e) && (e = be(e).source), e instanceof D ? t = e : e instanceof T && (t = new D({
       colorTextures: [e]
-    }), e.source instanceof U && (t.isRoot = !0), e.once("destroy", () => {
+    }), e.source instanceof A && (t.isRoot = !0), e.once("destroy", () => {
       t.destroy(), this._renderSurfaceToRenderTargetHash.delete(e);
       const r = this._gpuRenderTargetHash[t.uid];
       r && (this._gpuRenderTargetHash[t.uid] = null, this.adaptor.destroyGpuRenderTarget(r));
@@ -1247,7 +1247,7 @@ class Dt {
     this.renderTarget = null, this.renderSurface = null;
   }
 }
-class Ot extends Ve {
+class Ht extends qe {
   /**
    * Create a new Buffer Resource.
    * @param options - The options for the buffer resource
@@ -1258,10 +1258,10 @@ class Ot extends Ve {
    * If not provided, then it will use the size of the buffer.
    */
   constructor({ buffer: e, offset: t, size: r }) {
-    super(), this.uid = M("buffer"), this._resourceType = "bufferResource", this._touched = 0, this._resourceId = M("resource"), this._bufferResource = !0, this.destroyed = !1, this.buffer = e, this.offset = t | 0, this.size = r, this.buffer.on("change", this.onBufferChange, this);
+    super(), this.uid = S("buffer"), this._resourceType = "bufferResource", this._touched = 0, this._resourceId = S("resource"), this._bufferResource = !0, this.destroyed = !1, this.buffer = e, this.offset = t | 0, this.size = r, this.buffer.on("change", this.onBufferChange, this);
   }
   onBufferChange() {
-    this._resourceId = M("resource"), this.emit("change", this);
+    this._resourceId = S("resource"), this.emit("change", this);
   }
   /**
    * Destroys this resource. Make sure the underlying buffer is not used anywhere else
@@ -1272,7 +1272,7 @@ class Ot extends Ve {
     this.destroyed = !0, e && this.buffer.destroy(), this.emit("change", this), this.buffer = null, this.removeAllListeners();
   }
 }
-class be {
+class ke {
   constructor(e) {
     this._renderer = e;
   }
@@ -1293,7 +1293,7 @@ class be {
     this._renderer = null;
   }
 }
-be.extension = {
+ke.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1301,15 +1301,15 @@ be.extension = {
   ],
   name: "customRender"
 };
-function G(a, e) {
-  const t = a.instructionSet, r = t.instructions;
+function E(n, e) {
+  const t = n.instructionSet, r = t.instructions;
   for (let s = 0; s < t.instructionSize; s++) {
-    const n = r[s];
-    e[n.renderPipeId].execute(n);
+    const a = r[s];
+    e[a.renderPipeId].execute(a);
   }
 }
-const ut = new v();
-class Te {
+const ct = new g();
+class Ce {
   constructor(e) {
     this._renderer = e;
   }
@@ -1323,16 +1323,16 @@ class Te {
     this._renderer = null;
   }
   _addRenderableDirect(e, t) {
-    this._renderer.renderPipes.batch.break(t), e._batchableRenderGroup && (S.return(e._batchableRenderGroup), e._batchableRenderGroup = null), t.add(e);
+    this._renderer.renderPipes.batch.break(t), e._batchableRenderGroup && (w.return(e._batchableRenderGroup), e._batchableRenderGroup = null), t.add(e);
   }
   _addRenderableCacheAsTexture(e, t) {
-    const r = e._batchableRenderGroup ?? (e._batchableRenderGroup = S.get(ce));
+    const r = e._batchableRenderGroup ?? (e._batchableRenderGroup = w.get(pe));
     r.renderable = e.root, r.transform = e.root.relativeGroupTransform, r.texture = e.texture, r.bounds = e._textureBounds, t.add(e), this._renderer.renderPipes.blendMode.pushBlendMode(e, e.root.groupBlendMode, t), this._renderer.renderPipes.batch.addToBatch(r, t), this._renderer.renderPipes.blendMode.popBlendMode(t);
   }
   _executeCacheAsTexture(e) {
     if (e.textureNeedsUpdate) {
       e.textureNeedsUpdate = !1;
-      const t = ut.identity().translate(
+      const t = ct.identity().translate(
         -e._textureBounds.x,
         -e._textureBounds.y
       );
@@ -1340,7 +1340,7 @@ class Te {
         worldTransformMatrix: t,
         worldColor: 4294967295,
         offset: { x: 0, y: 0 }
-      }), G(e, this._renderer.renderPipes), this._renderer.renderTarget.finishRenderPass(), this._renderer.renderTarget.pop(), this._renderer.globalUniforms.pop();
+      }), E(e, this._renderer.renderPipes), this._renderer.renderTarget.finishRenderPass(), this._renderer.renderTarget.pop(), this._renderer.globalUniforms.pop();
     }
     e._batchableRenderGroup._batcher.updateElement(e._batchableRenderGroup), e._batchableRenderGroup._batcher.geometry.buffers[0].update();
   }
@@ -1348,10 +1348,10 @@ class Te {
     this._renderer.globalUniforms.push({
       worldTransformMatrix: e.inverseParentTextureTransform,
       worldColor: e.worldColorAlpha
-    }), G(e, this._renderer.renderPipes), this._renderer.globalUniforms.pop();
+    }), E(e, this._renderer.renderPipes), this._renderer.globalUniforms.pop();
   }
 }
-Te.extension = {
+Ce.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1359,97 +1359,97 @@ Te.extension = {
   ],
   name: "renderGroup"
 };
-function E(a, e) {
+function O(n, e) {
   e || (e = 0);
-  for (let t = e; t < a.length && a[t]; t++)
-    a[t] = null;
+  for (let t = e; t < n.length && n[t]; t++)
+    n[t] = null;
 }
-const dt = new P(), te = le | ue | de;
-function ye(a, e = !1) {
-  ct(a);
-  const t = a.childrenToUpdate, r = a.updateTick++;
+const ht = new U(), ae = ce | he | fe;
+function Me(n, e = !1) {
+  ft(n);
+  const t = n.childrenToUpdate, r = n.updateTick++;
   for (const s in t) {
-    const n = Number(s), i = t[s], o = i.list, l = i.index;
+    const a = Number(s), i = t[s], o = i.list, l = i.index;
     for (let d = 0; d < l; d++) {
-      const c = o[d];
-      c.parentRenderGroup === a && c.relativeRenderGroupDepth === n && ke(c, r, 0);
+      const h = o[d];
+      h.parentRenderGroup === n && h.relativeRenderGroupDepth === a && Se(h, r, 0);
     }
-    E(o, l), i.index = 0;
+    O(o, l), i.index = 0;
   }
   if (e)
-    for (let s = 0; s < a.renderGroupChildren.length; s++)
-      ye(a.renderGroupChildren[s], e);
+    for (let s = 0; s < n.renderGroupChildren.length; s++)
+      Me(n.renderGroupChildren[s], e);
 }
-function ct(a) {
-  const e = a.root;
+function ft(n) {
+  const e = n.root;
   let t;
-  if (a.renderGroupParent) {
-    const r = a.renderGroupParent;
-    a.worldTransform.appendFrom(
+  if (n.renderGroupParent) {
+    const r = n.renderGroupParent;
+    n.worldTransform.appendFrom(
       e.relativeGroupTransform,
       r.worldTransform
-    ), a.worldColor = oe(
+    ), n.worldColor = de(
       e.groupColor,
       r.worldColor
     ), t = e.groupAlpha * r.worldAlpha;
   } else
-    a.worldTransform.copyFrom(e.localTransform), a.worldColor = e.localColor, t = e.localAlpha;
-  t = t < 0 ? 0 : t > 1 ? 1 : t, a.worldAlpha = t, a.worldColorAlpha = a.worldColor + ((t * 255 | 0) << 24);
+    n.worldTransform.copyFrom(e.localTransform), n.worldColor = e.localColor, t = e.localAlpha;
+  t = t < 0 ? 0 : t > 1 ? 1 : t, n.worldAlpha = t, n.worldColorAlpha = n.worldColor + ((t * 255 | 0) << 24);
 }
-function ke(a, e, t) {
-  if (e === a.updateTick)
+function Se(n, e, t) {
+  if (e === n.updateTick)
     return;
-  a.updateTick = e, a.didChange = !1;
-  const r = a.localTransform;
-  a.updateLocalTransform();
-  const s = a.parent;
-  if (s && !s.renderGroup ? (t |= a._updateFlags, a.relativeGroupTransform.appendFrom(
+  n.updateTick = e, n.didChange = !1;
+  const r = n.localTransform;
+  n.updateLocalTransform();
+  const s = n.parent;
+  if (s && !s.renderGroup ? (t |= n._updateFlags, n.relativeGroupTransform.appendFrom(
     r,
     s.relativeGroupTransform
-  ), t & te && re(a, s, t)) : (t = a._updateFlags, a.relativeGroupTransform.copyFrom(r), t & te && re(a, dt, t)), !a.renderGroup) {
-    const n = a.children, i = n.length;
+  ), t & ae && ne(n, s, t)) : (t = n._updateFlags, n.relativeGroupTransform.copyFrom(r), t & ae && ne(n, ht, t)), !n.renderGroup) {
+    const a = n.children, i = a.length;
     for (let d = 0; d < i; d++)
-      ke(n[d], e, t);
-    const o = a.parentRenderGroup, l = a;
+      Se(a[d], e, t);
+    const o = n.parentRenderGroup, l = n;
     l.renderPipeId && !o.structureDidChange && o.updateRenderable(l);
   }
 }
-function re(a, e, t) {
-  if (t & ue) {
-    a.groupColor = oe(
-      a.localColor,
+function ne(n, e, t) {
+  if (t & he) {
+    n.groupColor = de(
+      n.localColor,
       e.groupColor
     );
-    let r = a.localAlpha * e.groupAlpha;
-    r = r < 0 ? 0 : r > 1 ? 1 : r, a.groupAlpha = r, a.groupColorAlpha = a.groupColor + ((r * 255 | 0) << 24);
+    let r = n.localAlpha * e.groupAlpha;
+    r = r < 0 ? 0 : r > 1 ? 1 : r, n.groupAlpha = r, n.groupColorAlpha = n.groupColor + ((r * 255 | 0) << 24);
   }
-  t & de && (a.groupBlendMode = a.localBlendMode === "inherit" ? e.groupBlendMode : a.localBlendMode), t & le && (a.globalDisplayStatus = a.localDisplayStatus & e.globalDisplayStatus), a._updateFlags = 0;
+  t & fe && (n.groupBlendMode = n.localBlendMode === "inherit" ? e.groupBlendMode : n.localBlendMode), t & ce && (n.globalDisplayStatus = n.localDisplayStatus & e.globalDisplayStatus), n._updateFlags = 0;
 }
-function ht(a, e) {
-  const { list: t } = a.childrenRenderablesToUpdate;
+function pt(n, e) {
+  const { list: t } = n.childrenRenderablesToUpdate;
   let r = !1;
-  for (let s = 0; s < a.childrenRenderablesToUpdate.index; s++) {
-    const n = t[s];
-    if (r = e[n.renderPipeId].validateRenderable(n), r)
+  for (let s = 0; s < n.childrenRenderablesToUpdate.index; s++) {
+    const a = t[s];
+    if (r = e[a.renderPipeId].validateRenderable(a), r)
       break;
   }
-  return a.structureDidChange = r, r;
+  return n.structureDidChange = r, r;
 }
-const ft = new v();
-class Ce {
+const mt = new g();
+class Re {
   constructor(e) {
     this._renderer = e;
   }
   render({ container: e, transform: t }) {
     const r = e.parent, s = e.renderGroup.renderGroupParent;
     e.parent = null, e.renderGroup.renderGroupParent = null;
-    const n = this._renderer, i = ft;
+    const a = this._renderer, i = mt;
     t && (i.copyFrom(e.renderGroup.localTransform), e.renderGroup.localTransform.copyFrom(t));
-    const o = n.renderPipes;
-    this._updateCachedRenderGroups(e.renderGroup, null), this._updateRenderGroups(e.renderGroup), n.globalUniforms.start({
+    const o = a.renderPipes;
+    this._updateCachedRenderGroups(e.renderGroup, null), this._updateRenderGroups(e.renderGroup), a.globalUniforms.start({
       worldTransformMatrix: t ? e.renderGroup.localTransform : e.renderGroup.worldTransform,
       worldColor: e.renderGroup.worldColorAlpha
-    }), G(e.renderGroup, o), o.uniformBatch && o.uniformBatch.renderEnd(), t && e.renderGroup.localTransform.copyFrom(i), e.parent = r, e.renderGroup.renderGroupParent = s;
+    }), E(e.renderGroup, o), o.uniformBatch && o.uniformBatch.renderEnd(), t && e.renderGroup.localTransform.copyFrom(i), e.parent = r, e.renderGroup.renderGroupParent = s;
   }
   destroy() {
     this._renderer = null;
@@ -1467,39 +1467,39 @@ class Ce {
         const r = e.root.getLocalBounds();
         r.ceil();
         const s = e.texture;
-        e.texture && b.returnTexture(e.texture, !0);
-        const n = this._renderer, i = e.textureOptions.resolution || n.view.resolution, o = e.textureOptions.antialias ?? n.view.antialias, l = e.textureOptions.scaleMode ?? "linear", d = b.getOptimalTexture(
+        e.texture && y.returnTexture(e.texture, !0);
+        const a = this._renderer, i = e.textureOptions.resolution || a.view.resolution, o = e.textureOptions.antialias ?? a.view.antialias, l = e.textureOptions.scaleMode ?? "linear", d = y.getOptimalTexture(
           r.width,
           r.height,
           i,
           o
         );
-        d._source.style = new Ne({ scaleMode: l }), e.texture = d, e._textureBounds || (e._textureBounds = new O()), e._textureBounds.copyFrom(r), s !== e.texture && e.renderGroupParent && (e.renderGroupParent.structureDidChange = !0);
+        d._source.style = new $e({ scaleMode: l }), e.texture = d, e._textureBounds || (e._textureBounds = new L()), e._textureBounds.copyFrom(r), s !== e.texture && e.renderGroupParent && (e.renderGroupParent.structureDidChange = !0);
       }
-    } else e.texture && (b.returnTexture(e.texture, !0), e.texture = null);
+    } else e.texture && (y.returnTexture(e.texture, !0), e.texture = null);
   }
   _updateRenderGroups(e) {
     const t = this._renderer, r = t.renderPipes;
-    if (e.runOnRender(t), e.instructionSet.renderPipes = r, e.structureDidChange ? E(e.childrenRenderablesToUpdate.list, 0) : ht(e, r), ye(e), e.structureDidChange ? (e.structureDidChange = !1, this._buildInstructions(e, t)) : this._updateRenderables(e), e.childrenRenderablesToUpdate.index = 0, t.renderPipes.batch.upload(e.instructionSet), !(e.isCachedAsTexture && !e.textureNeedsUpdate))
+    if (e.runOnRender(t), e.instructionSet.renderPipes = r, e.structureDidChange ? O(e.childrenRenderablesToUpdate.list, 0) : pt(e, r), Me(e), e.structureDidChange ? (e.structureDidChange = !1, this._buildInstructions(e, t)) : this._updateRenderables(e), e.childrenRenderablesToUpdate.index = 0, t.renderPipes.batch.upload(e.instructionSet), !(e.isCachedAsTexture && !e.textureNeedsUpdate))
       for (let s = 0; s < e.renderGroupChildren.length; s++)
         this._updateRenderGroups(e.renderGroupChildren[s]);
   }
   _updateRenderables(e) {
     const { list: t, index: r } = e.childrenRenderablesToUpdate;
     for (let s = 0; s < r; s++) {
-      const n = t[s];
-      n.didViewUpdate && e.updateRenderable(n);
+      const a = t[s];
+      a.didViewUpdate && e.updateRenderable(a);
     }
-    E(t, r);
+    O(t, r);
   }
   _buildInstructions(e, t) {
     const r = e.root, s = e.instructionSet;
     s.reset();
-    const n = t.renderPipes ? t : t.batch.renderer, i = n.renderPipes;
-    i.batch.buildStart(s), i.blendMode.buildStart(), i.colorMask.buildStart(), r.sortableChildren && r.sortChildren(), r.collectRenderablesWithEffects(s, n, null), i.batch.buildEnd(s), i.blendMode.buildEnd(s);
+    const a = t.renderPipes ? t : t.batch.renderer, i = a.renderPipes;
+    i.batch.buildStart(s), i.blendMode.buildStart(), i.colorMask.buildStart(), r.sortableChildren && r.sortChildren(), r.collectRenderablesWithEffects(s, a, null), i.batch.buildEnd(s), i.blendMode.buildEnd(s);
   }
 }
-Ce.extension = {
+Re.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -1507,7 +1507,7 @@ Ce.extension = {
   ],
   name: "renderGroup"
 };
-class Me {
+class we {
   constructor(e) {
     this._renderer = e;
   }
@@ -1533,14 +1533,14 @@ class Me {
     return e._gpuData[this._renderer.uid] || this._initGPUSprite(e);
   }
   _initGPUSprite(e) {
-    const t = new ce();
+    const t = new pe();
     return t.renderable = e, t.transform = e.groupTransform, t.texture = e._texture, t.bounds = e.visualBounds, t.roundPixels = this._renderer._roundPixels | e._roundPixels, e._gpuData[this._renderer.uid] = t, t;
   }
   destroy() {
     this._renderer = null;
   }
 }
-Me.extension = {
+we.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1548,23 +1548,23 @@ Me.extension = {
   ],
   name: "sprite"
 };
-const W = class Se {
+const N = class Pe {
   constructor() {
-    this.clearBeforeRender = !0, this._backgroundColor = new A(0), this.color = this._backgroundColor, this.alpha = 1;
+    this.clearBeforeRender = !0, this._backgroundColor = new I(0), this.color = this._backgroundColor, this.alpha = 1;
   }
   /**
    * initiates the background system
    * @param options - the options for the background colors
    */
   init(e) {
-    e = { ...Se.defaultOptions, ...e }, this.clearBeforeRender = e.clearBeforeRender, this.color = e.background || e.backgroundColor || this._backgroundColor, this.alpha = e.backgroundAlpha, this._backgroundColor.setAlpha(e.backgroundAlpha);
+    e = { ...Pe.defaultOptions, ...e }, this.clearBeforeRender = e.clearBeforeRender, this.color = e.background || e.backgroundColor || this._backgroundColor, this.alpha = e.backgroundAlpha, this._backgroundColor.setAlpha(e.backgroundAlpha);
   }
   /** The background color to fill if not transparent */
   get color() {
     return this._backgroundColor;
   }
   set color(e) {
-    A.shared.setValue(e).alpha < 1 && this._backgroundColor.alpha === 1 && L(
+    I.shared.setValue(e).alpha < 1 && this._backgroundColor.alpha === 1 && W(
       "Cannot set a transparent background on an opaque canvas. To enable transparency, set backgroundAlpha < 1 when initializing your Application."
     ), this._backgroundColor.setValue(e);
   }
@@ -1586,7 +1586,7 @@ const W = class Se {
   destroy() {
   }
 };
-W.extension = {
+N.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -1595,7 +1595,7 @@ W.extension = {
   name: "background",
   priority: 0
 };
-W.defaultOptions = {
+N.defaultOptions = {
   /**
    * {@link WebGLOptions.backgroundAlpha}
    * @default 1
@@ -1612,16 +1612,16 @@ W.defaultOptions = {
    */
   clearBeforeRender: !0
 };
-let pt = W;
-const y = {};
-D.handle(u.BlendMode, (a) => {
-  if (!a.name)
+let gt = N;
+const k = {};
+F.handle(u.BlendMode, (n) => {
+  if (!n.name)
     throw new Error("BlendMode extension must have a name property");
-  y[a.name] = a.ref;
-}, (a) => {
-  delete y[a.name];
+  k[n.name] = n.ref;
+}, (n) => {
+  delete k[n.name];
 });
-class we {
+class Ue {
   constructor(e) {
     this._blendModeStack = [], this._isAdvanced = !1, this._filterHash = /* @__PURE__ */ Object.create(null), this._renderer = e, this._renderer.runners.prerender.add(this);
   }
@@ -1655,34 +1655,34 @@ class we {
    * @param instructionSet - The instruction set being built.
    */
   setBlendMode(e, t, r) {
-    var n;
-    const s = e instanceof X;
+    var a;
+    const s = e instanceof ee;
     if (this._activeBlendMode === t) {
-      this._isAdvanced && e && !s && ((n = this._renderableList) == null || n.push(e));
+      this._isAdvanced && e && !s && ((a = this._renderableList) == null || a.push(e));
       return;
     }
-    this._isAdvanced && this._endAdvancedBlendMode(r), this._activeBlendMode = t, e && (this._isAdvanced = !!y[t], this._isAdvanced && this._beginAdvancedBlendMode(e, r));
+    this._isAdvanced && this._endAdvancedBlendMode(r), this._activeBlendMode = t, e && (this._isAdvanced = !!k[t], this._isAdvanced && this._beginAdvancedBlendMode(e, r));
   }
   _beginAdvancedBlendMode(e, t) {
     this._renderer.renderPipes.batch.break(t);
     const r = this._activeBlendMode;
-    if (!y[r]) {
-      L(`Unable to assign BlendMode: '${r}'. You may want to include: import 'pixi.js/advanced-blend-modes'`);
+    if (!k[r]) {
+      W(`Unable to assign BlendMode: '${r}'. You may want to include: import 'pixi.js/advanced-blend-modes'`);
       return;
     }
-    const s = this._ensureFilterEffect(r), n = e instanceof X, i = {
+    const s = this._ensureFilterEffect(r), a = e instanceof ee, i = {
       renderPipeId: "filter",
       action: "pushFilter",
       filterEffect: s,
-      renderables: n ? null : [e],
-      container: n ? e.root : null,
+      renderables: a ? null : [e],
+      container: a ? e.root : null,
       canBundle: !1
     };
     this._renderableList = i.renderables, t.add(i);
   }
   _ensureFilterEffect(e) {
     let t = this._filterHash[e];
-    return t || (t = this._filterHash[e] = new ie(), t.filters = [new y[e]()]), t;
+    return t || (t = this._filterHash[e] = new ue(), t.filters = [new k[e]()]), t;
   }
   _endAdvancedBlendMode(e) {
     this._isAdvanced = !1, this._renderableList = null, this._renderer.renderPipes.batch.break(e), e.add({
@@ -1715,7 +1715,7 @@ class we {
     this._filterHash = null;
   }
 }
-we.extension = {
+Ue.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1723,17 +1723,17 @@ we.extension = {
   ],
   name: "blendMode"
 };
-const R = {
+const B = {
   png: "image/png",
   jpg: "image/jpeg",
   webp: "image/webp"
-}, V = class Pe {
+}, j = class Be {
   /** @param renderer - The renderer this System works for. */
   constructor(e) {
     this._renderer = e;
   }
   _normalizeOptions(e, t = {}) {
-    return e instanceof P || e instanceof m ? {
+    return e instanceof U || e instanceof m ? {
       target: e,
       ...t
     } : {
@@ -1774,7 +1774,7 @@ const R = {
    * @category rendering
    */
   async image(e) {
-    const t = H.get().createImage();
+    const t = z.get().createImage();
     return t.src = await this.base64(e), t;
   }
   /**
@@ -1812,27 +1812,27 @@ const R = {
   async base64(e) {
     e = this._normalizeOptions(
       e,
-      Pe.defaultImageOptions
+      Be.defaultImageOptions
     );
     const { format: t, quality: r } = e, s = this.canvas(e);
     if (s.toBlob !== void 0)
-      return new Promise((n, i) => {
+      return new Promise((a, i) => {
         s.toBlob((o) => {
           if (!o) {
             i(new Error("ICanvas.toBlob failed!"));
             return;
           }
           const l = new FileReader();
-          l.onload = () => n(l.result), l.onerror = i, l.readAsDataURL(o);
-        }, R[t], r);
+          l.onload = () => a(l.result), l.onerror = i, l.readAsDataURL(o);
+        }, B[t], r);
       });
     if (s.toDataURL !== void 0)
-      return s.toDataURL(R[t], r);
+      return s.toDataURL(B[t], r);
     if (s.convertToBlob !== void 0) {
-      const n = await s.convertToBlob({ type: R[t], quality: r });
+      const a = await s.convertToBlob({ type: B[t], quality: r });
       return new Promise((i, o) => {
         const l = new FileReader();
-        l.onload = () => i(l.result), l.onerror = o, l.readAsDataURL(n);
+        l.onload = () => i(l.result), l.onerror = o, l.readAsDataURL(a);
       });
     }
     throw new Error("Extract.base64() requires ICanvas.toDataURL, ICanvas.toBlob, or ICanvas.convertToBlob to be implemented");
@@ -1882,8 +1882,8 @@ const R = {
     const t = e.target, r = this._renderer;
     if (t instanceof m)
       return r.texture.generateCanvas(t);
-    const s = r.textureGenerator.generateTexture(e), n = r.texture.generateCanvas(s);
-    return s.destroy(!0), n;
+    const s = r.textureGenerator.generateTexture(e), a = r.texture.generateCanvas(s);
+    return s.destroy(!0), a;
   }
   /**
    * Returns a one-dimensional array containing the pixel data of the entire texture in RGBA order,
@@ -1917,8 +1917,8 @@ const R = {
    */
   pixels(e) {
     e = this._normalizeOptions(e);
-    const t = e.target, r = this._renderer, s = t instanceof m ? t : r.textureGenerator.generateTexture(e), n = r.texture.getPixels(s);
-    return t instanceof P && s.destroy(!0), n;
+    const t = e.target, r = this._renderer, s = t instanceof m ? t : r.textureGenerator.generateTexture(e), a = r.texture.getPixels(s);
+    return t instanceof U && s.destroy(!0), a;
   }
   /**
    * Creates a texture from a display object or existing texture.
@@ -2036,34 +2036,44 @@ const R = {
     e = this._normalizeOptions(e);
     const r = this.canvas(e), s = r.toDataURL();
     console.log(`[Pixi Texture] ${r.width}px ${r.height}px`);
-    const n = [
+    const a = [
       "font-size: 1px;",
       `padding: ${t}px 300px;`,
       `background: url(${s}) no-repeat;`,
       "background-size: contain;"
     ].join(" ");
-    console.log("%c ", n);
+    console.log("%c ", a);
   }
   destroy() {
     this._renderer = null;
   }
 };
-V.extension = {
+j.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem
   ],
   name: "extract"
 };
-V.defaultImageOptions = {
+j.defaultImageOptions = {
   format: "png",
   quality: 1
 };
-let mt = V;
-class N extends m {
+let _t = j;
+class q extends m {
+  /**
+   * Creates a RenderTexture. Pass `dynamic: true` in options to allow resizing after creation.
+   * @param options - Options for the RenderTexture, including width, height, and dynamic.
+   * @returns A new RenderTexture instance.
+   * @example
+   * const rt = RenderTexture.create({ width: 100, height: 100, dynamic: true });
+   * rt.resize(500, 500);
+   */
   static create(e) {
-    return new N({
-      source: new T(e)
+    const { dynamic: t, ...r } = e;
+    return new q({
+      source: new T(r),
+      dynamic: t ?? !1
     });
   }
   /**
@@ -2077,8 +2087,8 @@ class N extends m {
     return this.source.resize(e, t, r), this;
   }
 }
-const vt = new w(), gt = new O(), xt = [0, 0, 0, 0];
-class Re {
+const vt = new P(), xt = new L(), bt = [0, 0, 0, 0];
+class Ge {
   constructor(e) {
     this._renderer = e;
   }
@@ -2120,43 +2130,231 @@ class Re {
    */
   generateTexture(e) {
     var d;
-    e instanceof P && (e = {
+    e instanceof U && (e = {
       target: e,
       frame: void 0,
       textureSourceOptions: {},
       resolution: void 0
     });
     const t = e.resolution || this._renderer.resolution, r = e.antialias || this._renderer.view.antialias, s = e.target;
-    let n = e.clearColor;
-    n ? n = Array.isArray(n) && n.length === 4 ? n : A.shared.setValue(n).toArray() : n = xt;
-    const i = ((d = e.frame) == null ? void 0 : d.copyTo(vt)) || je(s, gt).rectangle;
+    let a = e.clearColor;
+    a ? a = Array.isArray(a) && a.length === 4 ? a : I.shared.setValue(a).toArray() : a = bt;
+    const i = ((d = e.frame) == null ? void 0 : d.copyTo(vt)) || Ke(s, xt).rectangle;
     i.width = Math.max(i.width, 1 / t) | 0, i.height = Math.max(i.height, 1 / t) | 0;
-    const o = N.create({
+    const o = q.create({
       ...e.textureSourceOptions,
       width: i.width,
       height: i.height,
       resolution: t,
       antialias: r
-    }), l = v.shared.translate(-i.x, -i.y);
+    }), l = g.shared.translate(-i.x, -i.y);
     return this._renderer.render({
       container: s,
       transform: l,
       target: o,
-      clearColor: n
+      clearColor: a
     }), o.source.updateMipmaps(), o;
   }
   destroy() {
     this._renderer = null;
   }
 }
-Re.extension = {
+Ge.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem
   ],
   name: "textureGenerator"
 };
-class Be {
+const $ = class Ae {
+  /**
+   * Creates a new GCSystem instance.
+   * @param renderer - The renderer this garbage collection system works for
+   */
+  constructor(e) {
+    this._managedResources = [], this._managedResourceHashes = [], this._ready = !1, this._renderer = e;
+  }
+  /**
+   * Initializes the garbage collection system with the provided options.
+   * @param options - Configuration options
+   */
+  init(e) {
+    e = { ...Ae.defaultOptions, ...e }, this.maxUnusedTime = e.gcMaxUnusedTime, this._frequency = e.gcFrequency, this.enabled = e.gcActive, this.now = performance.now();
+  }
+  /**
+   * Gets whether the garbage collection system is currently enabled.
+   * @returns True if GC is enabled, false otherwise
+   */
+  get enabled() {
+    return !!this._handler;
+  }
+  /**
+   * Enables or disables the garbage collection system.
+   * When enabled, schedules periodic cleanup of resources.
+   * When disabled, cancels all scheduled cleanups.
+   */
+  set enabled(e) {
+    this.enabled !== e && (e ? this._handler = this._renderer.scheduler.repeat(
+      () => {
+        this._ready = !0;
+      },
+      this._frequency,
+      !1
+    ) : (this._renderer.scheduler.cancel(this._handler), this._handler = 0));
+  }
+  /**
+   * Called before rendering. Updates the current timestamp.
+   * @param options - The render options
+   * @param options.container - The container to render
+   */
+  prerender({ container: e }) {
+    this.now = performance.now(), e.renderGroup.gcTick = this._renderer.tick++, this._updateInstructionGCTick(e.renderGroup, e.renderGroup.gcTick);
+  }
+  /** Performs garbage collection after rendering. */
+  postrender() {
+    !this._ready || !this.enabled || (this.run(), this._ready = !1);
+  }
+  /**
+   * Updates the GC tick counter for a render group and its children.
+   * @param renderGroup - The render group to update
+   * @param gcTick - The new tick value
+   */
+  _updateInstructionGCTick(e, t) {
+    e.instructionSet.gcTick = t;
+    for (const r of e.renderGroupChildren)
+      this._updateInstructionGCTick(r, t);
+  }
+  /**
+   * Registers a resource for garbage collection tracking.
+   * @param resource - The resource to track
+   * @param type - The type of resource to track
+   */
+  addResource(e, t) {
+    var s, a;
+    if (e._gcLastUsed !== -1) {
+      e._gcLastUsed = this.now, (s = e._onTouch) == null || s.call(e, this.now);
+      return;
+    }
+    const r = this._managedResources.length;
+    e._gcData = {
+      index: r,
+      type: t
+    }, e._gcLastUsed = this.now, (a = e._onTouch) == null || a.call(e, this.now), e.once("unload", this.removeResource, this), this._managedResources.push(e);
+  }
+  /**
+   * Removes a resource from garbage collection tracking.
+   * Call this when manually destroying a resource.
+   * @param resource - The resource to stop tracking
+   */
+  removeResource(e) {
+    const t = e._gcData;
+    if (!t)
+      return;
+    const r = t.index, s = this._managedResources.length - 1;
+    if (r !== s) {
+      const a = this._managedResources[s];
+      this._managedResources[r] = a, a._gcData.index = r;
+    }
+    this._managedResources.length--, e._gcData = null, e._gcLastUsed = -1;
+  }
+  /**
+   * Registers a hash-based resource collection for garbage collection tracking.
+   * Resources in the hash will be automatically tracked and cleaned up when unused.
+   * @param context - The object containing the hash property
+   * @param hash - The property name on context that holds the resource hash
+   * @param type - The type of resources in the hash ('resource' or 'renderable')
+   * @param priority - Processing priority (lower values are processed first)
+   */
+  addResourceHash(e, t, r, s = 0) {
+    this._managedResourceHashes.push({
+      context: e,
+      hash: t,
+      type: r,
+      priority: s
+    }), this._managedResourceHashes.sort((a, i) => a.priority - i.priority);
+  }
+  /**
+   * Performs garbage collection by cleaning up unused resources.
+   * Removes resources that haven't been used for longer than maxUnusedTime.
+   */
+  run() {
+    const e = performance.now(), t = this._managedResourceHashes;
+    for (const s of t)
+      this.runOnHash(s, e);
+    let r = 0;
+    for (let s = 0; s < this._managedResources.length; s++) {
+      const a = this._managedResources[s];
+      r = this.runOnResource(a, e, r);
+    }
+    this._managedResources.length = r;
+  }
+  updateRenderableGCTick(e, t) {
+    var a, i;
+    const r = e.renderGroup ?? e.parentRenderGroup, s = ((a = r == null ? void 0 : r.instructionSet) == null ? void 0 : a.gcTick) ?? -1;
+    ((r == null ? void 0 : r.gcTick) ?? 0) === s && (e._gcLastUsed = t, (i = e._onTouch) == null || i.call(e, t));
+  }
+  runOnResource(e, t, r) {
+    const s = e._gcData;
+    return s.type === "renderable" && this.updateRenderableGCTick(e, t), t - e._gcLastUsed < this.maxUnusedTime || !e.autoGarbageCollect ? (this._managedResources[r] = e, s.index = r, r++) : (e.unload(), e._gcData = null, e._gcLastUsed = -1, e.off("unload", this.removeResource, this)), r;
+  }
+  /**
+   * Creates a clone of the hash, copying all non-null entries up to (but not including) the stop key.
+   * @param hashValue - The original hash to clone from
+   * @param stopKey - The key to stop at (exclusive)
+   * @returns A new hash object with copied entries
+   */
+  _createHashClone(e, t) {
+    const r = /* @__PURE__ */ Object.create(null);
+    for (const s in e) {
+      if (s === t)
+        break;
+      e[s] !== null && (r[s] = e[s]);
+    }
+    return r;
+  }
+  runOnHash(e, t) {
+    var d;
+    const { context: r, hash: s, type: a } = e, i = r[s];
+    let o = null, l = 0;
+    for (const h in i) {
+      const c = i[h];
+      if (c === null) {
+        l++, l === 1e4 && !o && (o = this._createHashClone(i, h));
+        continue;
+      }
+      if (c._gcLastUsed === -1) {
+        c._gcLastUsed = t, (d = c._onTouch) == null || d.call(c, t), o && (o[h] = c);
+        continue;
+      }
+      a === "renderable" && this.updateRenderableGCTick(c, t), !(t - c._gcLastUsed < this.maxUnusedTime) && c.autoGarbageCollect ? (o || (l + 1 !== 1e4 ? (i[h] = null, l++) : o = this._createHashClone(i, h)), c.unload(), c._gcData = null, c._gcLastUsed = -1) : o && (o[h] = c);
+    }
+    o && (r[s] = o);
+  }
+  /** Cleans up the garbage collection system. Disables GC and removes all tracked resources. */
+  destroy() {
+    this.enabled = !1, this._managedResources.forEach((e) => {
+      e.off("unload", this.removeResource, this);
+    }), this._managedResources.length = 0, this._managedResourceHashes.length = 0, this._renderer = null;
+  }
+};
+$.extension = {
+  type: [
+    u.WebGLSystem,
+    u.WebGPUSystem
+  ],
+  name: "gc",
+  priority: 0
+};
+$.defaultOptions = {
+  /** Enable/disable the garbage collector */
+  gcActive: !0,
+  /** Time in ms before an unused resource is collected (default 1 minute) */
+  gcMaxUnusedTime: 6e4,
+  /** How often to run garbage collection in ms (default 30 seconds) */
+  gcFrequency: 3e4
+};
+let yt = $;
+class Ie {
   constructor(e) {
     this._stackIndex = 0, this._globalUniformDataStack = [], this._uniformsPool = [], this._activeUniforms = [], this._bindGroupPool = [], this._activeBindGroups = [], this._renderer = e;
   }
@@ -2176,35 +2374,35 @@ class Be {
     projectionMatrix: t,
     worldTransformMatrix: r,
     worldColor: s,
-    offset: n
+    offset: a
   }) {
     const i = this._renderer.renderTarget.renderTarget, o = this._stackIndex ? this._globalUniformDataStack[this._stackIndex - 1] : {
-      worldTransformMatrix: new v(),
+      worldTransformMatrix: new g(),
       worldColor: 4294967295,
-      offset: new $e()
+      offset: new Ye()
     }, l = {
       projectionMatrix: t || this._renderer.renderTarget.projectionMatrix,
       resolution: e || i.size,
       worldTransformMatrix: r || o.worldTransformMatrix,
       worldColor: s || o.worldColor,
-      offset: n || o.offset,
+      offset: a || o.offset,
       bindGroup: null
     }, d = this._uniformsPool.pop() || this._createUniforms();
     this._activeUniforms.push(d);
-    const c = d.uniforms;
-    c.uProjectionMatrix = l.projectionMatrix, c.uResolution = l.resolution, c.uWorldTransformMatrix.copyFrom(l.worldTransformMatrix), c.uWorldTransformMatrix.tx -= l.offset.x, c.uWorldTransformMatrix.ty -= l.offset.y, Ze(
+    const h = d.uniforms;
+    h.uProjectionMatrix = l.projectionMatrix, h.uResolution = l.resolution, h.uWorldTransformMatrix.copyFrom(l.worldTransformMatrix), h.uWorldTransformMatrix.tx -= l.offset.x, h.uWorldTransformMatrix.ty -= l.offset.y, tt(
       l.worldColor,
-      c.uWorldColorAlpha,
+      h.uWorldColorAlpha,
       0
     ), d.update();
-    let h;
-    this._renderer.renderPipes.uniformBatch ? h = this._renderer.renderPipes.uniformBatch.getUniformBindGroup(d, !1) : (h = this._bindGroupPool.pop() || new qe(), this._activeBindGroups.push(h), h.setResource(d, 0)), l.bindGroup = h, this._currentGlobalUniformData = l;
+    let c;
+    this._renderer.renderPipes.uniformBatch ? c = this._renderer.renderPipes.uniformBatch.getUniformBindGroup(d, !1) : (c = this._bindGroupPool.pop() || new Je(), this._activeBindGroups.push(c), c.setResource(d, 0)), l.bindGroup = c, this._currentGlobalUniformData = l;
   }
   push(e) {
     this.bind(e), this._globalUniformDataStack[this._stackIndex++] = this._currentGlobalUniformData;
   }
   pop() {
-    this._currentGlobalUniformData = this._globalUniformDataStack[--this._stackIndex - 1], this._renderer.type === F.WEBGL && this._currentGlobalUniformData.bindGroup.resources[0].update();
+    this._currentGlobalUniformData = this._globalUniformDataStack[--this._stackIndex - 1], this._renderer.type === H.WEBGL && this._currentGlobalUniformData.bindGroup.resources[0].update();
   }
   get bindGroup() {
     return this._currentGlobalUniformData.bindGroup;
@@ -2216,9 +2414,9 @@ class Be {
     return this._currentGlobalUniformData.bindGroup.resources[0];
   }
   _createUniforms() {
-    return new ae({
-      uProjectionMatrix: { value: new v(), type: "mat3x3<f32>" },
-      uWorldTransformMatrix: { value: new v(), type: "mat3x3<f32>" },
+    return new oe({
+      uProjectionMatrix: { value: new g(), type: "mat3x3<f32>" },
+      uWorldTransformMatrix: { value: new g(), type: "mat3x3<f32>" },
       // TODO - someone smart - set this to be a unorm8x4 rather than a vec4<f32>
       uWorldColorAlpha: { value: new Float32Array(4), type: "vec4<f32>" },
       uResolution: { value: [0, 0], type: "vec2<f32>" }
@@ -2230,7 +2428,7 @@ class Be {
     this._renderer = null, this._globalUniformDataStack.length = 0, this._uniformsPool.length = 0, this._activeUniforms.length = 0, this._bindGroupPool.length = 0, this._activeBindGroups.length = 0, this._currentGlobalUniformData = null;
   }
 }
-Be.extension = {
+Ie.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -2238,14 +2436,14 @@ Be.extension = {
   ],
   name: "globalUniforms"
 };
-let _t = 1;
-class Ue {
+let Tt = 1;
+class De {
   constructor() {
     this._tasks = [], this._offset = 0;
   }
   /** Initializes the scheduler system and starts the ticker. */
   init() {
-    Q.system.add(this._update, this);
+    te.system.add(this._update, this);
   }
   /**
    * Schedules a repeating task.
@@ -2255,13 +2453,13 @@ class Ue {
    * @returns The unique identifier for the scheduled task.
    */
   repeat(e, t, r = !0) {
-    const s = _t++;
-    let n = 0;
-    return r && (this._offset += 1e3, n = this._offset), this._tasks.push({
+    const s = Tt++;
+    let a = 0;
+    return r && (this._offset += 1e3, a = this._offset), this._tasks.push({
       func: e,
       duration: t,
       start: performance.now(),
-      offset: n,
+      offset: a,
       last: performance.now(),
       repeat: !0,
       id: s
@@ -2297,10 +2495,10 @@ class Ue {
    * @internal
    */
   destroy() {
-    Q.system.remove(this._update, this), this._tasks.length = 0;
+    te.system.remove(this._update, this), this._tasks.length = 0;
   }
 }
-Ue.extension = {
+De.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -2309,12 +2507,12 @@ Ue.extension = {
   name: "scheduler",
   priority: 0
 };
-let se = !1;
-function bt(a) {
-  if (!se) {
-    if (H.get().getNavigator().userAgent.toLowerCase().indexOf("chrome") > -1) {
+let ie = !1;
+function kt(n) {
+  if (!ie) {
+    if (z.get().getNavigator().userAgent.toLowerCase().indexOf("chrome") > -1) {
       const e = [
-        `%c  %c  %c  %c  %c PixiJS %c v${Z} (${a}) http://www.pixijs.com/
+        `%c  %c  %c  %c  %c PixiJS %c v${re} (${n}) http://www.pixijs.com/
 
 `,
         "background: #E72264; padding:5px 0;",
@@ -2325,11 +2523,11 @@ function bt(a) {
         "color: #E72264; background: #FFFFFF; padding:5px 0;"
       ];
       globalThis.console.log(...e);
-    } else globalThis.console && globalThis.console.log(`PixiJS ${Z} - ${a} - http://www.pixijs.com/`);
-    se = !0;
+    } else globalThis.console && globalThis.console.log(`PixiJS ${re} - ${n} - http://www.pixijs.com/`);
+    ie = !0;
   }
 }
-class j {
+class K {
   constructor(e) {
     this._renderer = e;
   }
@@ -2340,11 +2538,11 @@ class j {
   init(e) {
     if (e.hello) {
       let t = this._renderer.name;
-      this._renderer.type === F.WEBGL && (t += ` ${this._renderer.context.webGLVersion}`), bt(t);
+      this._renderer.type === H.WEBGL && (t += ` ${this._renderer.context.webGLVersion}`), kt(t);
     }
   }
 }
-j.extension = {
+K.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -2353,34 +2551,34 @@ j.extension = {
   name: "hello",
   priority: -2
 };
-j.defaultOptions = {
+K.defaultOptions = {
   /** {@link WebGLOptions.hello} */
   hello: !1
 };
-function Tt(a) {
+function Ct(n) {
   let e = !1;
-  for (const r in a)
-    if (a[r] == null) {
+  for (const r in n)
+    if (n[r] == null) {
       e = !0;
       break;
     }
   if (!e)
-    return a;
+    return n;
   const t = /* @__PURE__ */ Object.create(null);
-  for (const r in a) {
-    const s = a[r];
+  for (const r in n) {
+    const s = n[r];
     s && (t[r] = s);
   }
   return t;
 }
-function yt(a) {
+function Mt(n) {
   let e = 0;
-  for (let t = 0; t < a.length; t++)
-    a[t] == null ? e++ : a[t - e] = a[t];
-  return a.length -= e, a;
+  for (let t = 0; t < n.length; t++)
+    n[t] == null ? e++ : n[t - e] = n[t];
+  return n.length -= e, n;
 }
-let kt = 0;
-const $ = class Ae {
+let St = 0;
+const Y = class Ee {
   /**
    * Creates a new RenderableGCSystem instance.
    * @param renderer - The renderer this garbage collection system works for
@@ -2393,7 +2591,7 @@ const $ = class Ae {
    * @param options - Configuration options for the renderer
    */
   init(e) {
-    e = { ...Ae.defaultOptions, ...e }, this.maxUnusedTime = e.renderableGCMaxUnusedTime, this._frequency = e.renderableGCFrequency, this.enabled = e.renderableGCActive;
+    e = { ...Ee.defaultOptions, ...e }, this.maxUnusedTime = e.renderableGCMaxUnusedTime, this._frequency = e.renderableGCFrequency, this.enabled = e.renderableGCActive;
   }
   /**
    * Gets whether the garbage collection system is currently enabled.
@@ -2415,13 +2613,13 @@ const $ = class Ae {
     ), this._hashHandler = this._renderer.scheduler.repeat(
       () => {
         for (const t of this._managedHashes)
-          t.context[t.hash] = Tt(t.context[t.hash]);
+          t.context[t.hash] = Ct(t.context[t.hash]);
       },
       this._frequency
     ), this._arrayHandler = this._renderer.scheduler.repeat(
       () => {
         for (const t of this._managedArrays)
-          yt(t.context[t.hash]);
+          Mt(t.context[t.hash]);
       },
       this._frequency
     )) : (this._renderer.scheduler.cancel(this._handler), this._renderer.scheduler.cancel(this._hashHandler), this._renderer.scheduler.cancel(this._arrayHandler)));
@@ -2450,7 +2648,7 @@ const $ = class Ae {
   prerender({
     container: e
   }) {
-    this._now = performance.now(), e.renderGroup.gcTick = kt++, this._updateInstructionGCTick(e.renderGroup, e.renderGroup.gcTick);
+    this._now = performance.now(), e.renderGroup.gcTick = St++, this._updateInstructionGCTick(e.renderGroup, e.renderGroup.gcTick);
   }
   /**
    * Starts tracking a renderable for garbage collection.
@@ -2464,7 +2662,7 @@ const $ = class Ae {
    * Removes renderables that haven't been used for longer than maxUnusedTime.
    */
   run() {
-    var n;
+    var a;
     const e = this._now, t = this._managedRenderables, r = this._renderer.renderPipes;
     let s = 0;
     for (let i = 0; i < t.length; i++) {
@@ -2473,11 +2671,11 @@ const $ = class Ae {
         s++;
         continue;
       }
-      const l = o.renderGroup ?? o.parentRenderGroup, d = ((n = l == null ? void 0 : l.instructionSet) == null ? void 0 : n.gcTick) ?? -1;
+      const l = o.renderGroup ?? o.parentRenderGroup, d = ((a = l == null ? void 0 : l.instructionSet) == null ? void 0 : a.gcTick) ?? -1;
       if (((l == null ? void 0 : l.gcTick) ?? 0) === d && (o._lastUsed = e), e - o._lastUsed > this.maxUnusedTime) {
         if (!o.destroyed) {
-          const c = r;
-          l && (l.structureDidChange = !0), c[o.renderPipeId].destroyRenderable(o);
+          const h = r;
+          l && (l.structureDidChange = !0), h[o.renderPipeId].destroyRenderable(o);
         }
         o._lastUsed = -1, s++, o.off("destroyed", this._removeRenderable, this);
       } else
@@ -2508,7 +2706,7 @@ const $ = class Ae {
       this._updateInstructionGCTick(r, t);
   }
 };
-$.extension = {
+Y.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem
@@ -2516,7 +2714,7 @@ $.extension = {
   name: "renderableGC",
   priority: 0
 };
-$.defaultOptions = {
+Y.defaultOptions = {
   /** Enable/disable the garbage collector */
   renderableGCActive: !0,
   /** Time in ms before an unused resource is collected (default 1 minute) */
@@ -2524,45 +2722,88 @@ $.defaultOptions = {
   /** How often to run garbage collection in ms (default 30 seconds) */
   renderableGCFrequency: 3e4
 };
-let Ct = $;
-const q = class Ie {
-  /** @param renderer - The renderer this System works for. */
-  constructor(e) {
-    this._renderer = e, this.count = 0, this.checkCount = 0;
+let Rt = Y;
+const J = class R {
+  /**
+   * Frame count since started.
+   * @readonly
+   * @deprecated since 8.15.0
+   */
+  get count() {
+    return this._renderer.tick;
   }
-  init(e) {
-    e = { ...Ie.defaultOptions, ...e }, this.checkCountMax = e.textureGCCheckCountMax, this.maxIdle = e.textureGCAMaxIdle ?? e.textureGCMaxIdle, this.active = e.textureGCActive;
+  /**
+   * Frame count since last garbage collection.
+   * @readonly
+   * @deprecated since 8.15.0
+   */
+  get checkCount() {
+    return this._checkCount;
+  }
+  set checkCount(e) {
+    v("8.15.0", "TextureGCSystem.run is deprecated, please use the GCSystem instead."), this._checkCount = e;
   }
   /**
-   * Checks to see when the last time a texture was used.
-   * If the texture has not been used for a specified amount of time, it will be removed from the GPU.
+   * Maximum idle frames before a texture is destroyed by garbage collection.
+   * @see TextureGCSystem.defaultMaxIdle
+   * @deprecated since 8.15.0
    */
-  postrender() {
-    this._renderer.renderingToScreen && (this.count++, this.active && (this.checkCount++, this.checkCount > this.checkCountMax && (this.checkCount = 0, this.run())));
+  get maxIdle() {
+    return this._renderer.gc.maxUnusedTime / 1e3 * 60;
+  }
+  set maxIdle(e) {
+    v("8.15.0", "TextureGCSystem.run is deprecated, please use the GCSystem instead."), this._renderer.gc.maxUnusedTime = e / 60 * 1e3;
+  }
+  /**
+   * Frames between two garbage collections.
+   * @see TextureGCSystem.defaultCheckCountMax
+   * @deprecated since 8.15.0
+   */
+  // eslint-disable-next-line dot-notation
+  get checkCountMax() {
+    return Math.floor(this._renderer.gc._frequency / 1e3);
+  }
+  set checkCountMax(e) {
+    v("8.15.0", "TextureGCSystem.run is deprecated, please use the GCSystem instead.");
+  }
+  /**
+   * Current garbage collection mode.
+   * @see TextureGCSystem.defaultMode
+   * @deprecated since 8.15.0
+   */
+  get active() {
+    return this._renderer.gc.enabled;
+  }
+  set active(e) {
+    v("8.15.0", "TextureGCSystem.run is deprecated, please use the GCSystem instead."), this._renderer.gc.enabled = e;
+  }
+  /** @param renderer - The renderer this System works for. */
+  constructor(e) {
+    this._renderer = e, this._checkCount = 0;
+  }
+  init(e) {
+    e.textureGCActive !== R.defaultOptions.textureGCActive && (this.active = e.textureGCActive), e.textureGCMaxIdle !== R.defaultOptions.textureGCMaxIdle && (this.maxIdle = e.textureGCMaxIdle), e.textureGCCheckCountMax !== R.defaultOptions.textureGCCheckCountMax && (this.checkCountMax = e.textureGCCheckCountMax);
   }
   /**
    * Checks to see when the last time a texture was used.
    * If the texture has not been used for a specified amount of time, it will be removed from the GPU.
+   * @deprecated since 8.15.0
    */
   run() {
-    const e = this._renderer.texture.managedTextures;
-    for (let t = 0; t < e.length; t++) {
-      const r = e[t];
-      r.autoGarbageCollect && r.resource && r._touched > -1 && this.count - r._touched > this.maxIdle && (r._touched = -1, r.unload());
-    }
+    v("8.15.0", "TextureGCSystem.run is deprecated, please use the GCSystem instead."), this._renderer.gc.run();
   }
   destroy() {
     this._renderer = null;
   }
 };
-q.extension = {
+J.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem
   ],
   name: "textureGC"
 };
-q.defaultOptions = {
+J.defaultOptions = {
   /**
    * If set to true, this will enable the garbage collector on the GPU.
    * @default true
@@ -2584,8 +2825,8 @@ q.defaultOptions = {
    */
   textureGCCheckCountMax: 600
 };
-let Mt = q;
-const K = class Ge {
+let wt = J;
+const X = class Oe {
   /**
    * Whether CSS dimensions of canvas view should be resized to screen dimensions automatically.
    * This is only supported for HTMLCanvasElement and will be ignored if the canvas is an OffscreenCanvas.
@@ -2614,9 +2855,9 @@ const K = class Ge {
    */
   init(e) {
     e = {
-      ...Ge.defaultOptions,
+      ...Oe.defaultOptions,
       ...e
-    }, e.view && (Ke(Ye, "ViewSystem.view has been renamed to ViewSystem.canvas"), e.canvas = e.view), this.screen = new w(0, 0, e.width, e.height), this.canvas = e.canvas || H.get().createCanvas(), this.antialias = !!e.antialias, this.texture = ge(this.canvas, e), this.renderTarget = new I({
+    }, e.view && (v(Xe, "ViewSystem.view has been renamed to ViewSystem.canvas"), e.canvas = e.view), this.screen = new P(0, 0, e.width, e.height), this.canvas = e.canvas || z.get().createCanvas(), this.antialias = !!e.antialias, this.texture = be(this.canvas, e), this.renderTarget = new D({
       colorTextures: [this.texture],
       depth: !!e.depth,
       isRoot: !0
@@ -2643,7 +2884,7 @@ const K = class Ge {
     (typeof e == "boolean" ? e : !!(e != null && e.removeView)) && this.canvas.parentNode && this.canvas.parentNode.removeChild(this.canvas), this.texture.destroy();
   }
 };
-K.extension = {
+X.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -2652,7 +2893,7 @@ K.extension = {
   name: "view",
   priority: 0
 };
-K.defaultOptions = {
+X.defaultOptions = {
   /**
    * {@link WebGLOptions.width}
    * @default 800
@@ -2674,41 +2915,42 @@ K.defaultOptions = {
    */
   antialias: !1
 };
-let St = K;
-const Ft = [
-  pt,
-  Be,
-  j,
-  St,
-  Ce,
-  Mt,
+let Pt = X;
+const Wt = [
+  gt,
+  Ie,
+  K,
+  Pt,
   Re,
-  mt,
-  Je,
-  Ct,
-  Ue
-], Lt = [
+  yt,
+  wt,
+  Ge,
+  _t,
+  Qe,
+  Rt,
+  De
+], zt = [
+  Ue,
+  ge,
   we,
-  fe,
-  Me,
-  Te,
-  pe,
+  Ce,
+  _e,
+  xe,
   ve,
-  me,
-  be
+  ke
 ];
 export {
-  Ot as B,
-  _ as G,
-  Dt as R,
-  Ft as S,
-  It as U,
-  Lt as a,
-  it as b,
-  Gt as c,
-  C as d,
-  At as e,
-  Ut as f,
-  Bt as t,
-  Et as u
+  Ht as B,
+  b as G,
+  Lt as R,
+  Wt as S,
+  Et as U,
+  zt as a,
+  lt as b,
+  Ot as c,
+  M as d,
+  Dt as e,
+  It as f,
+  At as t,
+  Ft as u
 };