@vectojs/core 1.13.0 → 1.15.0

package/dist/index.js

@@ -1,10 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7;
-
-
-
-
-var _chunkBA5HUUDFjs = require('./chunk-BA5HUUDF.js');
-
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6;
 
 
 
@@ -19,21 +13,7 @@ var _chunkBEUIB3U7js = require('./chunk-BEUIB3U7.js');
 
 
 
-
-
-
-
-
-
-
-
-
-var _chunk2Z23LTH3js = require('./chunk-2Z23LTH3.js');
-
-
-
-
-var _chunk4AR425ARjs = require('./chunk-4AR425AR.js');
+var _chunkJ6NHSFIEjs = require('./chunk-J6NHSFIE.js');
 
 // src/tree/ComputeParticleEntity.ts
 var PARTICLE_STRIDE_FLOATS = 8;
@@ -45,7 +25,7 @@ var PARTICLE_OFFSET_ORIGIN_X = 4;
 var PARTICLE_OFFSET_ORIGIN_Y = 5;
 var PARTICLE_OFFSET_SIZE = 6;
 var PARTICLE_OFFSET_LIFE = 7;
-var ComputeParticleEntity = (_class = class extends _chunk2Z23LTH3js.Entity {
+var ComputeParticleEntity = (_class = class extends _chunkJ6NHSFIEjs.Entity {
   
   
   
@@ -330,6 +310,7 @@ var ComputeParticleEntity = (_class = class extends _chunk2Z23LTH3js.Entity {
 }, _class);
 
 // src/tree/Scene.ts
+var _text = require('@vectojs/text'); _createStarExport(_text);
 var INTERACTIVE_A11Y_ROLES = /* @__PURE__ */ new Set([
   "button",
   "switch",
@@ -720,73 +701,76 @@ var Scene = (_class2 = class _Scene {
   __init29() {this.contentMetricScaleEpoch = -1}
   __init30() {this.contentMetricScaleX = 1}
   __init31() {this.contentProjectionEnabled = true}
+  // Virtualization margin (px) for content projection; `undefined` → one
+  // viewport height, resolved at sync time. `Infinity` = materialize everything.
+  __init32() {this.contentProjectionMargin = void 0}
   /**
    * True while a text-selection drag that started on a projection's blank
    * region (no text node under the press) is being driven manually — the
    * browser has no native anchor for it, so mousemove extends the Selection
    * from the position we resolved ourselves.
    */
-  __init32() {this.blankRegionSelectionDrag = false}
-  __init33() {this.contentSelectionAnchor = null}
-  __init34() {this.contentSelectionEndListener = null}
+  __init33() {this.blankRegionSelectionDrag = false}
+  __init34() {this.contentSelectionAnchor = null}
+  __init35() {this.contentSelectionEndListener = null}
   // Animation/interactive flags collected during the render walk (tree-walk
   // fusion): the loop reads last frame's answers instead of re-walking the
   // tree up to 4× per tick. Start true so the first tick stays conservative.
-  __init35() {this.frameHadAnimation = true}
-  __init36() {this.frameHadInteractive = true}
+  __init36() {this.frameHadAnimation = true}
+  __init37() {this.frameHadInteractive = true}
   
-  __init37() {this.focusedA11yElement = null}
-  __init38() {this.caretBlinkTimer = null}
-  __init39() {this.a11yNeedsReorder = true}
-  __init40() {this.portalRoot = null}
-  __init41() {this.fullViewportElements = []}
-  __init42() {this.normalElements = []}
-  __init43() {this.activeIds = /* @__PURE__ */ new Set()}
-  __init44() {this.activePortalsThisFrame = /* @__PURE__ */ new Set()}
-  __init45() {this.activePortalsPrevFrame = /* @__PURE__ */ new Set()}
-  __init46() {this.portalEntities = /* @__PURE__ */ new Map()}
-  __init47() {this.renderOrderCounter = 0}
+  __init38() {this.focusedA11yElement = null}
+  __init39() {this.caretBlinkTimer = null}
+  __init40() {this.a11yNeedsReorder = true}
+  __init41() {this.portalRoot = null}
+  __init42() {this.fullViewportElements = []}
+  __init43() {this.normalElements = []}
+  __init44() {this.activeIds = /* @__PURE__ */ new Set()}
+  __init45() {this.activePortalsThisFrame = /* @__PURE__ */ new Set()}
+  __init46() {this.activePortalsPrevFrame = /* @__PURE__ */ new Set()}
+  __init47() {this.portalEntities = /* @__PURE__ */ new Map()}
+  __init48() {this.renderOrderCounter = 0}
   /**
    * Authoritative paint order for semantic nodes discovered during the main
    * render. A node may not have a DOM projection until the following a11y
    * sync, so retaining the order prevents a newly opened overlay from spending
    * its first frame below previously projected controls.
    */
-  __init48() {this.a11yRenderOrders = /* @__PURE__ */ new Map()}
+  __init49() {this.a11yRenderOrders = /* @__PURE__ */ new Map()}
   // Optional WebGL point-cloud layer (see SceneOptions.pointBackend).
-  __init49() {this.pointRenderer = null}
-  __init50() {this.glCanvas = null}
+  __init50() {this.pointRenderer = null}
+  __init51() {this.glCanvas = null}
   
   
   
-  __init51() {this.disableWindowResize = false}
+  __init52() {this.disableWindowResize = false}
   /** See {@link SceneOptions.maxDPR}. `undefined` = uncapped (real DPR). */
   
   // WebGPU properties
-  __init52() {this.destroyed = false}
-  __init53() {this.device = null}
-  __init54() {this.deviceLost = false}
-  __init55() {this.particleBackend = "auto"}
-  __init56() {this._webgpuDisabled = false}
+  __init53() {this.destroyed = false}
+  __init54() {this.device = null}
+  __init55() {this.deviceLost = false}
+  __init56() {this.particleBackend = "auto"}
+  __init57() {this._webgpuDisabled = false}
   get webgpuDisabled() {
     return this._webgpuDisabled || this.particleBackend === "cpu";
   }
   set webgpuDisabled(value) {
     this._webgpuDisabled = value;
   }
-  __init57() {this.recoveryTimerId = null}
-  __init58() {this.manager = null}
-  __init59() {this.initializingWebGPU = false}
-  __init60() {this.gpuCanvas = null}
-  __init61() {this.gpuContext = null}
+  __init58() {this.recoveryTimerId = null}
+  __init59() {this.manager = null}
+  __init60() {this.initializingWebGPU = false}
+  __init61() {this.gpuCanvas = null}
+  __init62() {this.gpuContext = null}
   /** True while the GPU canvas holds a presented particle frame (needs clearing when they leave). */
-  __init62() {this.gpuHasContent = false}
-  __init63() {this.mouseX = -9999}
-  __init64() {this.mouseY = -9999}
-  __init65() {this.pointerMoveListener = null}
-  __init66() {this.pointerLeaveListener = null}
-  __init67() {this.hasWarnedZeroSize = false}
-  __init68() {this.fontLoadHandler = null}
+  __init63() {this.gpuHasContent = false}
+  __init64() {this.mouseX = -9999}
+  __init65() {this.mouseY = -9999}
+  __init66() {this.pointerMoveListener = null}
+  __init67() {this.pointerLeaveListener = null}
+  __init68() {this.hasWarnedZeroSize = false}
+  __init69() {this.fontLoadHandler = null}
   // ── Dev-mode warning infrastructure ──────────────────────────────
   //
   // Enable with `Scene.devMode = true` or by setting `globalThis.__DEV__`.
@@ -804,7 +788,7 @@ var Scene = (_class2 = class _Scene {
     return false;
   }
   
-  __init69() {this._devFrameCount = 0}
+  __init70() {this._devFrameCount = 0}
   _devWarn(message) {
     if (!this._devActive) return;
     console.warn(`[vectojs/dev] ${message}`);
@@ -848,7 +832,7 @@ var Scene = (_class2 = class _Scene {
     };
     walkProjections(this.root);
   }
-  constructor(canvas, options = {}) {;_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);_class2.prototype.__init16.call(this);_class2.prototype.__init17.call(this);_class2.prototype.__init18.call(this);_class2.prototype.__init19.call(this);_class2.prototype.__init20.call(this);_class2.prototype.__init21.call(this);_class2.prototype.__init22.call(this);_class2.prototype.__init23.call(this);_class2.prototype.__init24.call(this);_class2.prototype.__init25.call(this);_class2.prototype.__init26.call(this);_class2.prototype.__init27.call(this);_class2.prototype.__init28.call(this);_class2.prototype.__init29.call(this);_class2.prototype.__init30.call(this);_class2.prototype.__init31.call(this);_class2.prototype.__init32.call(this);_class2.prototype.__init33.call(this);_class2.prototype.__init34.call(this);_class2.prototype.__init35.call(this);_class2.prototype.__init36.call(this);_class2.prototype.__init37.call(this);_class2.prototype.__init38.call(this);_class2.prototype.__init39.call(this);_class2.prototype.__init40.call(this);_class2.prototype.__init41.call(this);_class2.prototype.__init42.call(this);_class2.prototype.__init43.call(this);_class2.prototype.__init44.call(this);_class2.prototype.__init45.call(this);_class2.prototype.__init46.call(this);_class2.prototype.__init47.call(this);_class2.prototype.__init48.call(this);_class2.prototype.__init49.call(this);_class2.prototype.__init50.call(this);_class2.prototype.__init51.call(this);_class2.prototype.__init52.call(this);_class2.prototype.__init53.call(this);_class2.prototype.__init54.call(this);_class2.prototype.__init55.call(this);_class2.prototype.__init56.call(this);_class2.prototype.__init57.call(this);_class2.prototype.__init58.call(this);_class2.prototype.__init59.call(this);_class2.prototype.__init60.call(this);_class2.prototype.__init61.call(this);_class2.prototype.__init62.call(this);_class2.prototype.__init63.call(this);_class2.prototype.__init64.call(this);_class2.prototype.__init65.call(this);_class2.prototype.__init66.call(this);_class2.prototype.__init67.call(this);_class2.prototype.__init68.call(this);_class2.prototype.__init69.call(this);
+  constructor(canvas, options = {}) {;_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);_class2.prototype.__init16.call(this);_class2.prototype.__init17.call(this);_class2.prototype.__init18.call(this);_class2.prototype.__init19.call(this);_class2.prototype.__init20.call(this);_class2.prototype.__init21.call(this);_class2.prototype.__init22.call(this);_class2.prototype.__init23.call(this);_class2.prototype.__init24.call(this);_class2.prototype.__init25.call(this);_class2.prototype.__init26.call(this);_class2.prototype.__init27.call(this);_class2.prototype.__init28.call(this);_class2.prototype.__init29.call(this);_class2.prototype.__init30.call(this);_class2.prototype.__init31.call(this);_class2.prototype.__init32.call(this);_class2.prototype.__init33.call(this);_class2.prototype.__init34.call(this);_class2.prototype.__init35.call(this);_class2.prototype.__init36.call(this);_class2.prototype.__init37.call(this);_class2.prototype.__init38.call(this);_class2.prototype.__init39.call(this);_class2.prototype.__init40.call(this);_class2.prototype.__init41.call(this);_class2.prototype.__init42.call(this);_class2.prototype.__init43.call(this);_class2.prototype.__init44.call(this);_class2.prototype.__init45.call(this);_class2.prototype.__init46.call(this);_class2.prototype.__init47.call(this);_class2.prototype.__init48.call(this);_class2.prototype.__init49.call(this);_class2.prototype.__init50.call(this);_class2.prototype.__init51.call(this);_class2.prototype.__init52.call(this);_class2.prototype.__init53.call(this);_class2.prototype.__init54.call(this);_class2.prototype.__init55.call(this);_class2.prototype.__init56.call(this);_class2.prototype.__init57.call(this);_class2.prototype.__init58.call(this);_class2.prototype.__init59.call(this);_class2.prototype.__init60.call(this);_class2.prototype.__init61.call(this);_class2.prototype.__init62.call(this);_class2.prototype.__init63.call(this);_class2.prototype.__init64.call(this);_class2.prototype.__init65.call(this);_class2.prototype.__init66.call(this);_class2.prototype.__init67.call(this);_class2.prototype.__init68.call(this);_class2.prototype.__init69.call(this);_class2.prototype.__init70.call(this);
     this.canvas = canvas;
     this.debugA11y = _nullishCoalesce(options.debugA11y, () => ( false));
     this.disableWindowResize = _nullishCoalesce(options.disableWindowResize, () => ( false));
@@ -870,9 +854,10 @@ var Scene = (_class2 = class _Scene {
     this.particleBackend = _nullishCoalesce(options.particleBackend, () => ( "auto"));
     this.a11ySyncInterval = _nullishCoalesce(options.a11ySyncInterval, () => ( 0));
     this.contentProjectionEnabled = _nullishCoalesce(options.contentProjection, () => ( true));
+    this.contentProjectionMargin = options.contentProjectionMargin;
     this._devActive = _Scene._devModeDetected();
     this.reducedMotionQuery = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
-    this.root = new class RootEntity extends _chunk2Z23LTH3js.Entity {
+    this.root = new class RootEntity extends _chunkJ6NHSFIEjs.Entity {
       isPointInside() {
         return false;
       }
@@ -881,7 +866,7 @@ var Scene = (_class2 = class _Scene {
       }
     }("root");
     this.root._scene = this;
-    this.overlayRoot = new class OverlayRoot extends _chunk2Z23LTH3js.Entity {
+    this.overlayRoot = new class OverlayRoot extends _chunkJ6NHSFIEjs.Entity {
       isPointInside() {
         return false;
       }
@@ -1034,7 +1019,7 @@ var Scene = (_class2 = class _Scene {
     };
     if (typeof document !== "undefined" && document.fonts) {
       this.fontLoadHandler = () => {
-        _chunk2Z23LTH3js.clearCssLineBoxMetrics.call(void 0, );
+        _text.clearCssLineBoxMetrics.call(void 0, );
         this.contentFontEpoch++;
         this.markDirty();
       };
@@ -1415,18 +1400,18 @@ var Scene = (_class2 = class _Scene {
           el.style.background = "transparent";
         }
         el.addEventListener("click", (e) => {
-          node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("click", node, e));
+          node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("click", node, e));
         });
         el.addEventListener("dblclick", (e) => {
-          node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("dblclick", node, e));
+          node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("dblclick", node, e));
         });
         el.addEventListener("mouseenter", (e) => {
           if (this.debugA11y) el.style.backgroundColor = "rgba(56, 189, 248, 0.2)";
-          node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("hover", node, e, false));
+          node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("hover", node, e, false));
         });
         el.addEventListener("mouseleave", (e) => {
           if (this.debugA11y) el.style.backgroundColor = "rgba(56, 189, 248, 0.05)";
-          node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("pointerleave", node, e, false));
+          node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("pointerleave", node, e, false));
         });
         const capEl = el;
         const releasePointer = (event) => {
@@ -1442,32 +1427,32 @@ var Scene = (_class2 = class _Scene {
         };
         el.addEventListener("pointerdown", (e) => {
           if (typeof capEl.setPointerCapture === "function") capEl.setPointerCapture(e.pointerId);
-          node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("pointerdown", node, e));
+          node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("pointerdown", node, e));
         });
         el.addEventListener("pointerup", (e) => {
           releasePointer(e);
-          node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("pointerup", node, e));
+          node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("pointerup", node, e));
         });
         el.addEventListener("pointercancel", (e) => {
           releasePointer(e);
-          node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("pointercancel", node, e));
+          node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("pointercancel", node, e));
         });
         el.addEventListener(
           "pointermove",
-          (e) => node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("pointermove", node, e))
+          (e) => node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("pointermove", node, e))
         );
         el.addEventListener(
           "wheel",
           (e) => {
-            node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("wheel", node, e));
+            node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("wheel", node, e));
           },
           { passive: false }
         );
         el.addEventListener("keydown", (e) => {
-          node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("keydown", node, e));
+          node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("keydown", node, e));
         });
         el.addEventListener("keyup", (e) => {
-          node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("keyup", node, e));
+          node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("keyup", node, e));
         });
         if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
           const input = el;
@@ -1527,7 +1512,7 @@ var Scene = (_class2 = class _Scene {
           el.addEventListener("keydown", (e) => {
             if (e.key === "Enter" || e.key === " ") {
               e.preventDefault();
-              node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("click", node, e));
+              node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("click", node, e));
             }
           });
         }
@@ -1661,6 +1646,56 @@ var Scene = (_class2 = class _Scene {
    * hidden (`display: none`) so text-heavy scenes only materialize what is
    * visible to the browser's text machinery anyway.
    */
+  /**
+   * Whether `node`'s world-space box, expanded by `margin` px on every side,
+   * overlaps the scene viewport AND every `clipChildren` ancestor's box. Used
+   * both to virtualize content projection (materialize only near-viewport text,
+   * at `margin = contentProjectionMargin`) and for the exact `display:none`
+   * visibility test (`margin = 0`). Boundless nodes (width/height 0) opt out of
+   * culling and always count as visible, matching the legacy behavior.
+   */
+  projectionBoxVisible(node, tf, margin) {
+    if (!(node.width > 0 && node.height > 0)) return true;
+    const { a, b, c, d, e, f } = tf;
+    const worldCorners = [];
+    let minX = Infinity;
+    let minY = Infinity;
+    let maxX = -Infinity;
+    let maxY = -Infinity;
+    for (let i = 0; i < 4; i++) {
+      const lx = i & 1 ? node.width : 0;
+      const ly = i & 2 ? node.height : 0;
+      const wx = a * lx + c * ly + e;
+      const wy = b * lx + d * ly + f;
+      worldCorners.push({ x: wx, y: wy });
+      if (wx < minX) minX = wx;
+      if (wx > maxX) maxX = wx;
+      if (wy < minY) minY = wy;
+      if (wy > maxY) maxY = wy;
+    }
+    if (!(maxX >= -margin && minX <= this.width + margin && maxY >= -margin && minY <= this.height + margin)) {
+      return false;
+    }
+    for (let ancestor = node.parent; ancestor; ancestor = ancestor.parent) {
+      if (!ancestor.clipChildren || ancestor.width <= 0 || ancestor.height <= 0) continue;
+      let localMinX = Infinity;
+      let localMinY = Infinity;
+      let localMaxX = -Infinity;
+      let localMaxY = -Infinity;
+      for (const corner of worldCorners) {
+        const local = ancestor.worldToLocal(corner.x, corner.y);
+        if (!local) continue;
+        localMinX = Math.min(localMinX, local.x);
+        localMinY = Math.min(localMinY, local.y);
+        localMaxX = Math.max(localMaxX, local.x);
+        localMaxY = Math.max(localMaxY, local.y);
+      }
+      if (!(localMaxX >= -margin && localMinX <= ancestor.width + margin && localMaxY >= -margin && localMinY <= ancestor.height + margin)) {
+        return false;
+      }
+    }
+    return true;
+  }
   syncContentProjection(node) {
     if (!this.contentProjectionEnabled || !this.a11yRoot) return;
     const projection = node.getContentProjection();
@@ -1674,6 +1709,17 @@ var Scene = (_class2 = class _Scene {
       }
       return;
     }
+    const worldTf = node.getWorldTransform();
+    const margin = _nullishCoalesce(this.contentProjectionMargin, () => ( this.height));
+    if (Number.isFinite(margin) && !this.projectionBoxVisible(node, worldTf, margin)) {
+      if (el) {
+        this.clearContentGridState(node.id, el);
+        el.remove();
+        this.contentElements.delete(node.id);
+        this.a11yNeedsReorder = true;
+      }
+      return;
+    }
     if (!el) {
       el = document.createElement("div");
       el.setAttribute("data-vecto-content", node.id);
@@ -1690,7 +1736,7 @@ var Scene = (_class2 = class _Scene {
       el.addEventListener(
         "wheel",
         (e2) => {
-          node.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)("wheel", node, e2));
+          node.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)("wheel", node, e2));
         },
         { passive: false }
       );
@@ -1721,7 +1767,7 @@ var Scene = (_class2 = class _Scene {
           lineElement.style.position = "absolute";
           lineElement.dir = "auto";
           lineElement.style.left = `${line.x}px`;
-          lineElement.style.top = `${line.y + line.baseline - _chunk2Z23LTH3js.cssLineBoxBaseline.call(void 0, lineFont, lineHeight2)}px`;
+          lineElement.style.top = `${line.y + line.baseline - _text.cssLineBoxBaseline.call(void 0, lineFont, lineHeight2)}px`;
           lineElement.style.whiteSpace = "pre";
           if (lineFont) lineElement.style.font = lineFont;
           lineElement.style.lineHeight = `${lineHeight2}px`;
@@ -1770,52 +1816,17 @@ var Scene = (_class2 = class _Scene {
       el.style.userSelect = selectable ? "text" : "none";
       el.style.cursor = selectable ? "text" : "";
     }
-    const { a, b, c, d, e, f } = node.getWorldTransform();
+    const { a, b, c, d, e, f } = worldTf;
     const contentX = _nullishCoalesce(projection.contentX, () => ( 0));
     const contentY = _nullishCoalesce(projection.contentY, () => ( 0));
-    const baselineOffset = lines && lines.length > 0 ? 0 : projection.baseline === void 0 ? 0 : projection.baseline - _chunk2Z23LTH3js.cssLineBoxBaseline.call(void 0, font, _nullishCoalesce(projection.lineHeight, () => ( 16)));
+    const baselineOffset = lines && lines.length > 0 ? 0 : projection.baseline === void 0 ? 0 : projection.baseline - _text.cssLineBoxBaseline.call(void 0, font, _nullishCoalesce(projection.lineHeight, () => ( 16)));
     const localY = contentY + baselineOffset;
     el.style.left = `${e + a * contentX + c * localY}px`;
     el.style.top = `${f + b * contentX + d * localY}px`;
     if (node.width > 0) el.style.width = `${node.width}px`;
     if (node.height > 0) el.style.height = `${node.height}px`;
     el.style.transform = `matrix(${a}, ${b}, ${c}, ${d}, 0, 0)`;
-    let visible = true;
-    if (node.width > 0 && node.height > 0) {
-      const worldCorners = [];
-      let minX = Infinity;
-      let minY = Infinity;
-      let maxX = -Infinity;
-      let maxY = -Infinity;
-      for (let i = 0; i < 4; i++) {
-        const lx = i & 1 ? node.width : 0;
-        const ly = i & 2 ? node.height : 0;
-        const wx = a * lx + c * ly + e;
-        const wy = b * lx + d * ly + f;
-        worldCorners.push({ x: wx, y: wy });
-        if (wx < minX) minX = wx;
-        if (wx > maxX) maxX = wx;
-        if (wy < minY) minY = wy;
-        if (wy > maxY) maxY = wy;
-      }
-      visible = maxX >= 0 && minX <= this.width && maxY >= 0 && minY <= this.height;
-      for (let ancestor = node.parent; visible && ancestor; ancestor = ancestor.parent) {
-        if (!ancestor.clipChildren || ancestor.width <= 0 || ancestor.height <= 0) continue;
-        let localMinX = Infinity;
-        let localMinY = Infinity;
-        let localMaxX = -Infinity;
-        let localMaxY = -Infinity;
-        for (const corner of worldCorners) {
-          const local = ancestor.worldToLocal(corner.x, corner.y);
-          if (!local) continue;
-          localMinX = Math.min(localMinX, local.x);
-          localMinY = Math.min(localMinY, local.y);
-          localMaxX = Math.max(localMaxX, local.x);
-          localMaxY = Math.max(localMaxY, local.y);
-        }
-        visible = localMaxX >= 0 && localMinX <= ancestor.width && localMaxY >= 0 && localMinY <= ancestor.height;
-      }
-    }
+    const visible = this.projectionBoxVisible(node, worldTf, 0);
     const display = visible ? "" : "none";
     if (el.style.display !== display) el.style.display = display;
   }
@@ -1845,7 +1856,7 @@ var Scene = (_class2 = class _Scene {
         lineElement.dataset.vectoGridLine = `${lineIndex}`;
         lineElement.style.position = "absolute";
         lineElement.style.left = `${_nullishCoalesce(_optionalChain([projectedLine, 'optionalAccess', _78 => _78.x]), () => ( 0))}px`;
-        lineElement.style.top = `${(_nullishCoalesce(_optionalChain([projectedLine, 'optionalAccess', _79 => _79.y]), () => ( lineIndex * grid.lineHeight))) + baseline - _chunk2Z23LTH3js.cssLineBoxBaseline.call(void 0, lineFont, lineHeight)}px`;
+        lineElement.style.top = `${(_nullishCoalesce(_optionalChain([projectedLine, 'optionalAccess', _79 => _79.y]), () => ( lineIndex * grid.lineHeight))) + baseline - _text.cssLineBoxBaseline.call(void 0, lineFont, lineHeight)}px`;
         lineElement.style.width = `${gridLine.width}px`;
         lineElement.style.height = `${lineHeight}px`;
         lineElement.style.whiteSpace = "pre";
@@ -2459,7 +2470,7 @@ var Scene = (_class2 = class _Scene {
         if (!walkHadAnimation && node.hasPendingAnimations()) walkHadAnimation = true;
         if (!walkHadInteractive && node.interactive) walkHadInteractive = true;
         if (this._devActive && this._devFrameCount % 120 === 0) {
-          if (node.update !== _chunk2Z23LTH3js.Entity.prototype.update && node.hasPendingAnimations === _chunk2Z23LTH3js.Entity.prototype.hasPendingAnimations) {
+          if (node.update !== _chunkJ6NHSFIEjs.Entity.prototype.update && node.hasPendingAnimations === _chunkJ6NHSFIEjs.Entity.prototype.hasPendingAnimations) {
             this._devWarn(
               `Entity "${node.id}" overrides update() but not hasPendingAnimations(). Custom motion in update() without overriding hasPendingAnimations() causes the idle throttle to drop the animation to ~2fps. Override hasPendingAnimations() to return true while motion is in flight.`
             );
@@ -2808,29 +2819,33 @@ var Scene = (_class2 = class _Scene {
 }, _class2.__initStatic(), _class2.__initStatic2(), _class2.__initStatic3(), _class2);
 
 // src/components/TextEntity.ts
+
+
+
+var _layout = require('@vectojs/layout'); _createStarExport(_layout);
 var sharedMeasurer;
 function defaultMeasurer() {
-  if (sharedMeasurer === void 0) sharedMeasurer = _chunkBA5HUUDFjs.createCanvasMeasurer.call(void 0, "sans-serif");
+  if (sharedMeasurer === void 0) sharedMeasurer = _layout.createCanvasMeasurer.call(void 0, "sans-serif");
   return sharedMeasurer;
 }
-var TextEntity = (_class3 = class extends _chunk2Z23LTH3js.Entity {
+var TextEntity = (_class3 = class extends _chunkJ6NHSFIEjs.Entity {
   
   
   
   
-  __init70() {this.nodes = []}
+  __init71() {this.nodes = []}
   
-  __init71() {this.fillStyle = "#94a3b8"}
-  __init72() {this.strokeStyle = null}
-  __init73() {this.hoveredFillStyle = "#ffffff"}
-  __init74() {this.lineWidth = 1}
-  __init75() {this.isHovered = false}
+  __init72() {this.fillStyle = "#94a3b8"}
+  __init73() {this.strokeStyle = null}
+  __init74() {this.hoveredFillStyle = "#ffffff"}
+  __init75() {this.lineWidth = 1}
+  __init76() {this.isHovered = false}
   constructor(text, atlas, maxWidth, fontSize = 24) {
-    super();_class3.prototype.__init70.call(this);_class3.prototype.__init71.call(this);_class3.prototype.__init72.call(this);_class3.prototype.__init73.call(this);_class3.prototype.__init74.call(this);_class3.prototype.__init75.call(this);;
+    super();_class3.prototype.__init71.call(this);_class3.prototype.__init72.call(this);_class3.prototype.__init73.call(this);_class3.prototype.__init74.call(this);_class3.prototype.__init75.call(this);_class3.prototype.__init76.call(this);;
     this.text = text;
     this.atlas = atlas;
     this.fontSize = fontSize;
-    this.layout = new (0, _chunkBA5HUUDFjs.LayoutEngine)(maxWidth, 1e4, defaultMeasurer());
+    this.layout = new (0, _layout.LayoutEngine)(maxWidth, 1e4, defaultMeasurer());
     this.prepared = this.layout.prepare(this.text, this.atlas, this.fontSize);
     this.applyLayout();
     this.interactive = true;
@@ -2939,17 +2954,17 @@ var TextEntity = (_class3 = class extends _chunk2Z23LTH3js.Entity {
 }, _class3);
 
 // src/components/GridTextEntity.ts
-var GridTextEntity = (_class4 = class extends _chunk2Z23LTH3js.Entity {
+var GridTextEntity = (_class4 = class extends _chunkJ6NHSFIEjs.Entity {
   
-  __init76() {this.fillStyle = "#ffffff"}
-  __init77() {this.grid = []}
+  __init77() {this.fillStyle = "#ffffff"}
+  __init78() {this.grid = []}
   // Array of rows
-  __init78() {this.cols = 0}
-  __init79() {this.rows = 0}
+  __init79() {this.cols = 0}
+  __init80() {this.rows = 0}
   
   
   constructor(_atlas, fontSize = 10) {
-    super();_class4.prototype.__init76.call(this);_class4.prototype.__init77.call(this);_class4.prototype.__init78.call(this);_class4.prototype.__init79.call(this);;
+    super();_class4.prototype.__init77.call(this);_class4.prototype.__init78.call(this);_class4.prototype.__init79.call(this);_class4.prototype.__init80.call(this);;
     this.fontSize = fontSize;
     this.charWidth = fontSize * 1;
     this.charHeight = fontSize * 1.1;
@@ -3033,7 +3048,7 @@ function distSqToSegment(px, py, x1, y1, x2, y2) {
   const ey = py - cy;
   return ex * ex + ey * ey;
 }
-var SplineEntity = (_class5 = class extends _chunk2Z23LTH3js.Entity {
+var SplineEntity = (_class5 = class extends _chunkJ6NHSFIEjs.Entity {
   
   
   
@@ -3041,23 +3056,23 @@ var SplineEntity = (_class5 = class extends _chunk2Z23LTH3js.Entity {
   
   
   
-  __init80() {this.offscreen = null}
-  __init81() {this.baked = false}
+  __init81() {this.offscreen = null}
+  __init82() {this.baked = false}
   /** Logical (CSS-pixel) size of the baked bitmap — the blit destination size. */
-  __init82() {this.bakedWidth = 0}
-  __init83() {this.bakedHeight = 0}
+  __init83() {this.bakedWidth = 0}
+  __init84() {this.bakedHeight = 0}
   /** Gradient strokes can't be baked to a solid-color bitmap; they render per-frame. */
   
   /** Lazily-flattened polylines (one Float32Array of [x,y,...] per segment) for hit-testing. */
-  __init84() {this.polylines = null}
+  __init85() {this.polylines = null}
   /**
    * When `true`, the renderer draws a rounded-rect outline of the entity's
    * local bounds after painting the curves. Useful for drag feedback and
    * debugging hit areas. Defaults to `false`.
    */
-  __init85() {this.showBounds = false}
+  __init86() {this.showBounds = false}
   constructor(doc, opts = {}) {
-    super();_class5.prototype.__init80.call(this);_class5.prototype.__init81.call(this);_class5.prototype.__init82.call(this);_class5.prototype.__init83.call(this);_class5.prototype.__init84.call(this);_class5.prototype.__init85.call(this);;
+    super();_class5.prototype.__init81.call(this);_class5.prototype.__init82.call(this);_class5.prototype.__init83.call(this);_class5.prototype.__init84.call(this);_class5.prototype.__init85.call(this);_class5.prototype.__init86.call(this);;
     this.doc = doc;
     this.lineWidth = _nullishCoalesce(opts.lineWidth, () => ( 2));
     this.cache = _nullishCoalesce(opts.cache, () => ( true));
@@ -3308,7 +3323,7 @@ async function loadSpline(url) {
 }
 
 // src/components/Rect.ts
-var Rect = class extends _chunk2Z23LTH3js.Entity {
+var Rect = class extends _chunkJ6NHSFIEjs.Entity {
   
   
   
@@ -3357,7 +3372,7 @@ var Rect = class extends _chunk2Z23LTH3js.Entity {
 };
 
 // src/components/Circle.ts
-var Circle = class extends _chunk2Z23LTH3js.Entity {
+var Circle = class extends _chunkJ6NHSFIEjs.Entity {
   
   
   
@@ -3417,7 +3432,7 @@ var Circle = class extends _chunk2Z23LTH3js.Entity {
 };
 
 // src/components/Group.ts
-var Group = class extends _chunk2Z23LTH3js.Entity {
+var Group = class extends _chunkJ6NHSFIEjs.Entity {
   constructor(...children) {
     super();
     if (children.length > 0) this.add(...children);
@@ -3429,115 +3444,27 @@ var Group = class extends _chunk2Z23LTH3js.Entity {
   }
 };
 
-// src/math/SpatialHashGrid.ts
-var SpatialHashGrid = (_class6 = class {
-  
-  __init86() {this.grid = /* @__PURE__ */ new Map()}
-  __init87() {this.entityCells = /* @__PURE__ */ new Map()}
-  constructor(cellSize = 64) {;_class6.prototype.__init86.call(this);_class6.prototype.__init87.call(this);
-    this.cellSize = cellSize;
-  }
-  hash(cx, cy) {
-    const x = cx < 0 ? -2 * cx - 1 : 2 * cx;
-    const y = cy < 0 ? -2 * cy - 1 : 2 * cy;
-    return (x + y) * (x + y + 1) / 2 + y;
-  }
-  cellsForAABB(x, y, w, h) {
-    const minCx = Math.floor(x / this.cellSize);
-    const minCy = Math.floor(y / this.cellSize);
-    const maxCx = Math.floor((x + w) / this.cellSize);
-    const maxCy = Math.floor((y + h) / this.cellSize);
-    const keys = [];
-    for (let cx = minCx; cx <= maxCx; cx++) {
-      for (let cy = minCy; cy <= maxCy; cy++) {
-        keys.push(this.hash(cx, cy));
-      }
-    }
-    return keys;
-  }
-  /**
-   * Insert or update an entity's axis-aligned bounding box in the grid.
-   *
-   * If the entity is already registered its old cell memberships are removed
-   * before the new ones are computed, so this method is safe to call every
-   * frame.
-   *
-   * @param id - Unique string identifier for the entity.
-   * @param x - Left edge of the AABB in world space.
-   * @param y - Top edge of the AABB in world space.
-   * @param w - Width of the AABB.
-   * @param h - Height of the AABB.
-   */
-  insert(id, x, y, w, h) {
-    this.remove(id);
-    const keys = this.cellsForAABB(x, y, w, h);
-    this.entityCells.set(id, keys);
-    for (const key of keys) {
-      if (!this.grid.has(key)) this.grid.set(key, /* @__PURE__ */ new Set());
-      this.grid.get(key).add(id);
-    }
-  }
-  /**
-   * Remove an entity from all grid cells it currently occupies.
-   *
-   * Silently does nothing if the entity is not registered.
-   *
-   * @param id - Unique string identifier of the entity to remove.
-   */
-  remove(id) {
-    const keys = this.entityCells.get(id);
-    if (!keys) return;
-    for (const key of keys) {
-      _optionalChain([this, 'access', _119 => _119.grid, 'access', _120 => _120.get, 'call', _121 => _121(key), 'optionalAccess', _122 => _122.delete, 'call', _123 => _123(id)]);
-    }
-    this.entityCells.delete(id);
-  }
-  /**
-   * Return all entity IDs whose grid cells overlap the given AABB.
-   *
-   * Time complexity: O(k) where k is the number of cells the query AABB spans
-   * plus the number of results — O(1) average for small, similarly-sized entities.
-   *
-   * @param x - Left edge of the query AABB.
-   * @param y - Top edge of the query AABB.
-   * @param w - Width of the query AABB.
-   * @param h - Height of the query AABB.
-   * @returns A `Set` of entity ID strings whose cells intersect the query region.
-   */
-  query(x, y, w, h) {
-    const result = /* @__PURE__ */ new Set();
-    for (const key of this.cellsForAABB(x, y, w, h)) {
-      const cell = this.grid.get(key);
-      if (cell) for (const id of cell) result.add(id);
-    }
-    return result;
-  }
-  /**
-   * Clear all cells and entity registrations, resetting the grid to an empty state.
-   *
-   * Call once per frame before re-inserting all dynamic entities.
-   */
-  clear() {
-    this.grid.clear();
-    this.entityCells.clear();
-  }
-}, _class6);
+// src/index.ts
+
+
+var _math = require('@vectojs/math'); _createStarExport(_math);
+var _animation = require('@vectojs/animation'); _createStarExport(_animation);
 
 // src/tree/DOMPortalEntity.ts
-var DOMPortalEntity = (_class7 = class extends _chunk2Z23LTH3js.Entity {
+var DOMPortalEntity = (_class6 = class extends _chunkJ6NHSFIEjs.Entity {
   
-  __init88() {this.isDOMPortal = true}
-  __init89() {this.domListeners = []}
-  __init90() {this.resizeObserver = null}
-  __init91() {this.cachedWidth = 100}
-  __init92() {this.cachedHeight = 100}
-  __init93() {this.lastWidth = ""}
-  __init94() {this.lastHeight = ""}
-  __init95() {this.lastTransform = ""}
-  __init96() {this.lastZIndex = ""}
-  __init97() {this.lastOpacity = ""}
+  __init87() {this.isDOMPortal = true}
+  __init88() {this.domListeners = []}
+  __init89() {this.resizeObserver = null}
+  __init90() {this.cachedWidth = 100}
+  __init91() {this.cachedHeight = 100}
+  __init92() {this.lastWidth = ""}
+  __init93() {this.lastHeight = ""}
+  __init94() {this.lastTransform = ""}
+  __init95() {this.lastZIndex = ""}
+  __init96() {this.lastOpacity = ""}
   constructor(domElement, width, height, id) {
-    super(id);_class7.prototype.__init88.call(this);_class7.prototype.__init89.call(this);_class7.prototype.__init90.call(this);_class7.prototype.__init91.call(this);_class7.prototype.__init92.call(this);_class7.prototype.__init93.call(this);_class7.prototype.__init94.call(this);_class7.prototype.__init95.call(this);_class7.prototype.__init96.call(this);_class7.prototype.__init97.call(this);;
+    super(id);_class6.prototype.__init87.call(this);_class6.prototype.__init88.call(this);_class6.prototype.__init89.call(this);_class6.prototype.__init90.call(this);_class6.prototype.__init91.call(this);_class6.prototype.__init92.call(this);_class6.prototype.__init93.call(this);_class6.prototype.__init94.call(this);_class6.prototype.__init95.call(this);_class6.prototype.__init96.call(this);;
     this.domElement = domElement;
     this.width = _nullishCoalesce(width, () => ( 0));
     this.height = _nullishCoalesce(height, () => ( 0));
@@ -3566,7 +3493,7 @@ var DOMPortalEntity = (_class7 = class extends _chunk2Z23LTH3js.Entity {
       ];
       for (const type of events) {
         const handler = (e) => {
-          this.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)(type, this, e));
+          this.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)(type, this, e));
         };
         this.domElement.addEventListener(type, handler);
         this.domListeners.push({ type, handler, capture: false });
@@ -3577,7 +3504,7 @@ var DOMPortalEntity = (_class7 = class extends _chunk2Z23LTH3js.Entity {
       ];
       for (const { native, vecto } of hoverEvents) {
         const handler = (e) => {
-          this.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)(vecto, this, e, false));
+          this.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)(vecto, this, e, false));
         };
         this.domElement.addEventListener(native, handler);
         this.domListeners.push({ type: native, handler, capture: false });
@@ -3585,7 +3512,7 @@ var DOMPortalEntity = (_class7 = class extends _chunk2Z23LTH3js.Entity {
       const focusEvents = ["focus", "blur"];
       for (const type of focusEvents) {
         const handler = (e) => {
-          this.dispatchEvent(new (0, _chunk2Z23LTH3js.VectoJSEvent)(type, this, e, true));
+          this.dispatchEvent(new (0, _chunkJ6NHSFIEjs.VectoJSEvent)(type, this, e, true));
         };
         this.domElement.addEventListener(type, handler, true);
         this.domListeners.push({ type, handler, capture: true });
@@ -3621,7 +3548,7 @@ var DOMPortalEntity = (_class7 = class extends _chunk2Z23LTH3js.Entity {
     }
     super.destroy();
   }
-}, _class7);
+}, _class6);
 
 // src/index.ts
 Scene.registerWebGLPointRendererCreator(_chunkBEUIB3U7js.createWebGLPointRenderer);
@@ -3660,21 +3587,4 @@ Scene.registerWebGPUParticleSystemManager(_chunkBEUIB3U7js.WebGPUParticleSystemM
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.ArabicShaper = _chunk4AR425ARjs.ArabicShaper; exports.BidiResolver = _chunk4AR425ARjs.BidiResolver; exports.CanvasRenderer = _chunkBEUIB3U7js.CanvasRenderer; exports.Circle = Circle; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DOMPortalEntity = DOMPortalEntity; exports.Easing = _chunk2Z23LTH3js.Easing; exports.Entity = _chunk2Z23LTH3js.Entity; exports.GridTextEntity = GridTextEntity; exports.Group = Group; exports.LayoutEngine = _chunkBA5HUUDFjs.LayoutEngine; exports.LayoutResultBuffer = _chunkBA5HUUDFjs.LayoutResultBuffer; exports.LayoutWorkerManager = _chunk4AR425ARjs.LayoutWorkerManager; exports.MSDFFont = _chunk2Z23LTH3js.MSDFFont; exports.MSDFTextEntity = _chunk2Z23LTH3js.MSDFTextEntity; exports.PARTICLE_OFFSET_LIFE = PARTICLE_OFFSET_LIFE; exports.PARTICLE_OFFSET_ORIGIN_X = PARTICLE_OFFSET_ORIGIN_X; exports.PARTICLE_OFFSET_ORIGIN_Y = PARTICLE_OFFSET_ORIGIN_Y; exports.PARTICLE_OFFSET_POSITION_X = PARTICLE_OFFSET_POSITION_X; exports.PARTICLE_OFFSET_POSITION_Y = PARTICLE_OFFSET_POSITION_Y; exports.PARTICLE_OFFSET_SIZE = PARTICLE_OFFSET_SIZE; exports.PARTICLE_OFFSET_VELOCITY_X = PARTICLE_OFFSET_VELOCITY_X; exports.PARTICLE_OFFSET_VELOCITY_Y = PARTICLE_OFFSET_VELOCITY_Y; exports.PARTICLE_STRIDE_FLOATS = PARTICLE_STRIDE_FLOATS; exports.REDUCED_MOTION_FPS = REDUCED_MOTION_FPS; exports.Rect = Rect; exports.SVGEntity = _chunk2Z23LTH3js.SVGEntity; exports.SVGRenderer = _chunkBEUIB3U7js.SVGRenderer; exports.Scene = Scene; exports.SpatialHashGrid = SpatialHashGrid; exports.SplineEntity = SplineEntity; exports.SpringDriver = _chunk2Z23LTH3js.SpringDriver; exports.SpringPhysics = _chunk2Z23LTH3js.SpringPhysics; exports.TextEntity = TextEntity; exports.TextRasterCache = _chunkBEUIB3U7js.TextRasterCache; exports.TweenDriver = _chunk2Z23LTH3js.TweenDriver; exports.VectoJSEvent = _chunk2Z23LTH3js.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkBEUIB3U7js.WebGPUParticleSystemManager; exports.clearCssLineBoxMetrics = _chunk2Z23LTH3js.clearCssLineBoxMetrics; exports.computeLineSegments = _chunkBA5HUUDFjs.computeLineSegments; exports.createCanvasMeasurer = _chunkBA5HUUDFjs.createCanvasMeasurer; exports.createWebGLPointRenderer = _chunkBEUIB3U7js.createWebGLPointRenderer; exports.cssLineBoxBaseline = _chunk2Z23LTH3js.cssLineBoxBaseline; exports.isSafeUrl = _chunkBEUIB3U7js.isSafeUrl; exports.isTweenConfig = _chunk2Z23LTH3js.isTweenConfig; exports.loadSpline = loadSpline; exports.parseColorToRGBA = _chunkBEUIB3U7js.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier; exports.prepareContentGrid = _chunk2Z23LTH3js.prepareContentGrid; exports.sanitizeUrl = _chunkBEUIB3U7js.sanitizeUrl;
+exports.CanvasRenderer = _chunkBEUIB3U7js.CanvasRenderer; exports.Circle = Circle; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DOMPortalEntity = DOMPortalEntity; exports.Entity = _chunkJ6NHSFIEjs.Entity; exports.GridTextEntity = GridTextEntity; exports.Group = Group; exports.MSDFTextEntity = _chunkJ6NHSFIEjs.MSDFTextEntity; exports.PARTICLE_OFFSET_LIFE = PARTICLE_OFFSET_LIFE; exports.PARTICLE_OFFSET_ORIGIN_X = PARTICLE_OFFSET_ORIGIN_X; exports.PARTICLE_OFFSET_ORIGIN_Y = PARTICLE_OFFSET_ORIGIN_Y; exports.PARTICLE_OFFSET_POSITION_X = PARTICLE_OFFSET_POSITION_X; exports.PARTICLE_OFFSET_POSITION_Y = PARTICLE_OFFSET_POSITION_Y; exports.PARTICLE_OFFSET_SIZE = PARTICLE_OFFSET_SIZE; exports.PARTICLE_OFFSET_VELOCITY_X = PARTICLE_OFFSET_VELOCITY_X; exports.PARTICLE_OFFSET_VELOCITY_Y = PARTICLE_OFFSET_VELOCITY_Y; exports.PARTICLE_STRIDE_FLOATS = PARTICLE_STRIDE_FLOATS; exports.REDUCED_MOTION_FPS = REDUCED_MOTION_FPS; exports.Rect = Rect; exports.SVGEntity = _chunkJ6NHSFIEjs.SVGEntity; exports.SVGRenderer = _chunkBEUIB3U7js.SVGRenderer; exports.Scene = Scene; exports.SplineEntity = SplineEntity; exports.TextEntity = TextEntity; exports.TextRasterCache = _chunkBEUIB3U7js.TextRasterCache; exports.VectoJSEvent = _chunkJ6NHSFIEjs.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkBEUIB3U7js.WebGPUParticleSystemManager; exports.createWebGLPointRenderer = _chunkBEUIB3U7js.createWebGLPointRenderer; exports.isSafeUrl = _chunkBEUIB3U7js.isSafeUrl; exports.loadSpline = loadSpline; exports.parseColorToRGBA = _chunkBEUIB3U7js.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier; exports.sanitizeUrl = _chunkBEUIB3U7js.sanitizeUrl;