@snowcone-app/canvas 0.21.2 → 0.22.0

package/dist/{CanvasRenderer-B0szG0Us.js → CanvasRenderer-6_HhR4-q.js}

@@ -1,5 +1,6 @@
-import { V as ee, X as ne, ar as tt, Y as zt, aE as se, aC as oe, av as Vt, aB as ie, au as ht, aF as ae, aG as Ft, aH as re, aI as le, c as $t, G as he, I as jt, P as ce, S as de, T as fe, aJ as ge, aK as ue, aL as pe, aM as ye, a3 as qt, $ as Ut, a5 as ft, a0 as Zt, a1 as Ht, a4 as be, a7 as Se, aN as Ot, aO as me, aP as Te, aQ as ve, aR as we, aS as Ce, aT as Q } from "./FontAnalyzer-CwIpgTGd.js";
-import { T as Bt, a as Me, u as xe, K as Re, z as kt, L as Gt, M as ke, N as Pe, O as Ae } from "./ExportManager-DoU4VK6h.js";
+import { V as te, X as ee, ar as tt, Y as zt, aE as ne, aC as se, av as Vt, aB as oe, au as ht, aF as ie, aG as Ft, aH as ae, aI as re, c as $t, aJ as le, aK as he, aL as ce, aM as de, a3 as jt, $ as qt, a5 as ft, a0 as Ut, a1 as Ht, a4 as fe, a7 as ge, aN as Ot, aO as ue, aP as pe, aQ as ye, I as be, aR as Se, aS as me, aT as Q } from "./FontAnalyzer-CwIpgTGd.js";
+import { T as Bt, a as Te, u as ve, K as we, z as kt, L as Yt, M as Ce, N as Me, O as xe } from "./ExportManager-DoU4VK6h.js";
+import { i as Lt, a as Re } from "./guards-8rkFAMBs.js";
 const it = {
   // Canvas-specific
   canvas: {
@@ -14,30 +15,30 @@ const it = {
     spacingLabelFontSize: 11,
     spacingLabelFontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
   }
-}, Ee = 2, Mt = 6, Ie = 16, He = 5, Be = 5, Jt = 0.5;
-function Yt(C) {
-  return Ee / C;
+}, ke = 2, Mt = 6, Pe = 16, Ae = 5, Ee = 5, Zt = 0.5;
+function Gt(M) {
+  return ke / M;
 }
-function Ye(C) {
-  return Mt / C;
+function Fe(M) {
+  return Mt / M;
 }
-function Le(C) {
-  return Ie / C;
+function Ie(M) {
+  return Pe / M;
 }
-function Xe(C) {
-  return [He / C, Be / C];
+function Oe(M) {
+  return [Ae / M, Ee / M];
 }
-function We(C, t, e, o) {
-  C.save();
-  const n = Jt / o;
-  C.translate(t, e), C.scale(n, n), C.strokeStyle = "#000", C.lineWidth = 1.5, C.lineCap = "round", C.lineJoin = "round", C.translate(-12, -12), C.beginPath(), C.moveTo(21, 12), C.arc(12, 12, 9, 0, -Math.PI / 2, !0), C.bezierCurveTo(3.5, 4.5, 4, 6, 3, 8), C.stroke(), C.beginPath(), C.moveTo(3, 3), C.lineTo(3, 8), C.lineTo(8, 8), C.stroke(), C.beginPath(), C.moveTo(3, 12), C.arc(12, 12, 9, Math.PI, Math.PI / 2, !0), C.bezierCurveTo(20.5, 19.5, 20, 18, 21, 16), C.stroke(), C.beginPath(), C.moveTo(16, 16), C.lineTo(21, 16), C.lineTo(21, 21), C.stroke(), C.restore();
+function He(M, t, e, o) {
+  M.save();
+  const n = Zt / o;
+  M.translate(t, e), M.scale(n, n), M.strokeStyle = "#000", M.lineWidth = 1.5, M.lineCap = "round", M.lineJoin = "round", M.translate(-12, -12), M.beginPath(), M.moveTo(21, 12), M.arc(12, 12, 9, 0, -Math.PI / 2, !0), M.bezierCurveTo(3.5, 4.5, 4, 6, 3, 8), M.stroke(), M.beginPath(), M.moveTo(3, 3), M.lineTo(3, 8), M.lineTo(8, 8), M.stroke(), M.beginPath(), M.moveTo(3, 12), M.arc(12, 12, 9, Math.PI, Math.PI / 2, !0), M.bezierCurveTo(20.5, 19.5, 20, 18, 21, 16), M.stroke(), M.beginPath(), M.moveTo(16, 16), M.lineTo(21, 16), M.lineTo(21, 21), M.stroke(), M.restore();
 }
-function Ne(C, t, e, o = 1, n = "#3b82f6", s = !1) {
-  const i = Le(o);
-  C.save(), C.fillStyle = "#fff", C.strokeStyle = n, C.lineWidth = s ? Yt(o) * 1.25 : Yt(o), C.beginPath(), C.arc(t, e, i, 0, Math.PI * 2), C.fill(), C.stroke(), We(C, t, e, o), C.restore();
+function Ye(M, t, e, o = 1, n = "#3b82f6", s = !1) {
+  const i = Ie(o);
+  M.save(), M.fillStyle = "#fff", M.strokeStyle = n, M.lineWidth = s ? Gt(o) * 1.25 : Gt(o), M.beginPath(), M.arc(t, e, i, 0, Math.PI * 2), M.fill(), M.stroke(), He(M, t, e, o), M.restore();
 }
 const Xt = Mt * 2;
-class Ke {
+class Ge {
   constructor() {
     this.resizeHandles = [], this.rotationHandle = null, this.elementRotation = 0, this.rotationAnchor = { x: 0, y: 0 };
   }
@@ -54,8 +55,8 @@ class Ke {
       y: n.y - a,
       width: n.width + a * 2,
       height: n.height + a * 2
-    }, l = ee(r, t.rotation, s), h = Math.abs(t.rotation % 360) > 0.1;
-    this.resizeHandles = l.filter((c) => !(!i.includes(c.anchor) || h && c.anchor.includes("middle"))), this.rotationHandle = ne(
+    }, l = te(r, t.rotation, s), h = Math.abs(t.rotation % 360) > 0.1;
+    this.resizeHandles = l.filter((c) => !(!i.includes(c.anchor) || h && c.anchor.includes("middle"))), this.rotationHandle = ee(
       r,
       t.rotation,
       s,
@@ -98,7 +99,7 @@ class Ke {
     t.save();
     const s = e.x * n, i = e.y * n, a = Mt * 2.67;
     t.fillStyle = "#fff", t.strokeStyle = tt(t.canvas), t.lineWidth = o ? 2.5 : 2, t.beginPath(), t.arc(s, i, a, 0, Math.PI * 2), t.fill(), t.stroke();
-    const r = Jt;
+    const r = Zt;
     t.translate(s, i), t.scale(r, r), t.strokeStyle = "#000", t.lineWidth = 1.5, t.lineCap = "round", t.lineJoin = "round", t.translate(-12, -12), t.beginPath(), t.moveTo(21, 12), t.arc(12, 12, 9, 0, -Math.PI / 2, !0), t.bezierCurveTo(3.5, 4.5, 4, 6, 3, 8), t.stroke(), t.beginPath(), t.moveTo(3, 3), t.lineTo(3, 8), t.lineTo(8, 8), t.stroke(), t.beginPath(), t.moveTo(3, 12), t.arc(12, 12, 9, Math.PI, Math.PI / 2, !0), t.bezierCurveTo(20.5, 19.5, 20, 18, 21, 16), t.stroke(), t.beginPath(), t.moveTo(16, 16), t.lineTo(21, 16), t.lineTo(21, 21), t.stroke(), t.restore();
   }
   /**
@@ -114,7 +115,7 @@ class Ke {
    * @param zoom - Current zoom level (radius scales inversely with zoom)
    */
   hitTestResize(t, e, o = 1) {
-    const n = oe / o;
+    const n = se / o;
     for (const s of this.resizeHandles)
       if (zt(t, e, s.x, s.y, n))
         return s;
@@ -142,7 +143,7 @@ class Ke {
    */
   getCursor(t, e) {
     const o = t.anchor.includes("middle") ? "edge" : "corner";
-    return se(
+    return ne(
       t.x,
       t.y,
       this.rotationAnchor.x,
@@ -153,7 +154,7 @@ class Ke {
     );
   }
 }
-class De {
+class Be {
   /**
    * Calculate new dimensions and position for a resize operation
    */
@@ -192,21 +193,21 @@ class De {
           );
           if (k) {
             const I = t, _ = s.transformData, H = k.frozenWidth ?? ((W = I.transformData) == null ? void 0 : W.width) ?? u, V = I.imageAspectRatio || (_ != null && _.width && (_ != null && _.height) ? _.width / _.height : null);
-            let G = k.frozenHeight;
-            G == null && (V && V !== 0 ? G = H / V : (O = I.transformData) != null && O.height ? G = I.transformData.height : G = p);
-            const at = u !== 0 ? H / u : 1, gt = p !== 0 ? G / p : 1;
-            b = c * at, g = d * gt, f = H, y = G, v = !0;
+            let Y = k.frozenHeight;
+            Y == null && (V && V !== 0 ? Y = H / V : (O = I.transformData) != null && O.height ? Y = I.transformData.height : Y = p);
+            const at = u !== 0 ? H / u : 1, gt = p !== 0 ? Y / p : 1;
+            b = c * at, g = d * gt, f = H, y = Y, v = !0;
           }
         }
       }
     }
     f = Math.max(50, f), y = Math.max(40, y);
-    const S = t.clone(), M = S.resize(e.anchor, f, y, s);
+    const S = t.clone(), C = S.resize(e.anchor, f, y, s);
     if (!e.anchor.includes("middle") && ((D = S.stroke) != null && D.enabled) && s.strokeWidth !== void 0 && s.strokeWidth > 0) {
       const F = s.width ?? 1, E = s.height ?? 1, $ = Math.sqrt(f / F * (y / E)), j = Math.max(1, Math.round(s.strokeWidth * $ * 10) / 10);
       S.stroke = { ...S.stroke, width: j };
     }
-    const x = v || M === !1, P = e.anchor.includes("top") || e.anchor.includes("bottom"), w = "isCropping" in S && S.isCropping, A = "isGroup" in S && S.isGroup;
+    const x = v || C === !1, P = e.anchor.includes("top") || e.anchor.includes("bottom"), w = "isCropping" in S && S.isCropping, A = "isGroup" in S && S.isGroup;
     if (P && !w && !A) {
       const F = t.getRotationAnchor(), E = this._calculateFixedCornerOffset({
         element: t,
@@ -234,7 +235,7 @@ class De {
     handle: o,
     rotationAnchor: n
   }) {
-    const s = new Vt(t), { cos: i, sin: a } = s.getRenderingCosSin(), r = t.getVisualBoundingBox(), l = e.getVisualBoundingBox(), h = n, c = e.getRotationAnchor(), d = this._getFixedLocalCoords(o.anchor, r.width, r.height), u = d.x, p = d.y, b = r.x - h.x, g = r.y - h.y, f = b + u, y = g + p, m = f * i - y * a, T = f * a + y * i, v = h.x + m, S = h.y + T, M = this._getFixedLocalCoords(o.anchor, l.width, l.height), R = M.x, x = M.y, P = l.x - c.x, w = l.y - c.y, A = P + R, B = w + x, L = A * i - B * a, W = A * a + B * i, O = c.x + L, D = c.y + W;
+    const s = new Vt(t), { cos: i, sin: a } = s.getRenderingCosSin(), r = t.getVisualBoundingBox(), l = e.getVisualBoundingBox(), h = n, c = e.getRotationAnchor(), d = this._getFixedLocalCoords(o.anchor, r.width, r.height), u = d.x, p = d.y, b = r.x - h.x, g = r.y - h.y, f = b + u, y = g + p, m = f * i - y * a, T = f * a + y * i, v = h.x + m, S = h.y + T, C = this._getFixedLocalCoords(o.anchor, l.width, l.height), R = C.x, x = C.y, P = l.x - c.x, w = l.y - c.y, A = P + R, B = w + x, L = A * i - B * a, W = A * a + B * i, O = c.x + L, D = c.y + W;
     return {
       x: v - O,
       y: S - D
@@ -275,7 +276,7 @@ class De {
     return n;
   }
 }
-class _e {
+class Le {
   constructor() {
     this.hooks = {
       beforeResize: [],
@@ -330,7 +331,7 @@ class _e {
    */
   executeResize(t) {
     const e = this.runHooks("beforeResize", t);
-    let o = De.calculateResize({
+    let o = Be.calculateResize({
       ...e,
       snapSystem: t.snapSystem
     });
@@ -345,8 +346,8 @@ class _e {
     return this.runHooks("afterPositionUpdate", o).position;
   }
 }
-const $e = new _e();
-class je {
+const Xe = new Le();
+class Ne {
   constructor(t = null) {
     this.state = "IDLE", this.context = {
       mode: null,
@@ -544,7 +545,7 @@ class je {
   updateRotate(t, e, o, n) {
     if (this.state !== "ROTATING")
       throw new Error("Cannot update rotate: not in ROTATING state");
-    const s = this.context.startData, a = (ie(o, n, t, e) - s.startAngle) * 180 / Math.PI;
+    const s = this.context.startData, a = (oe(o, n, t, e) - s.startAngle) * 180 / Math.PI;
     let r = s.currentRotation - a;
     return r = (r % 360 + 360) % 360, r > 180 && (r -= 360), this.snapHandler && this.snapHandler.snapRotation && this.context.element ? this.snapHandler.snapRotation(r, this.context.element) : r;
   }
@@ -864,25 +865,25 @@ class Nt {
     return `${Math.floor(t / this.cellSize)},${Math.floor(e / this.cellSize)}`;
   }
 }
-function lt(C) {
-  const t = C.transformData;
+function lt(M) {
+  const t = M.transformData;
   if (t && "width" in t && typeof t.width == "number")
     return t.width;
 }
-function St(C) {
-  const t = C.transformData;
+function St(M) {
+  const t = M.transformData;
   if (t && "height" in t && typeof t.height == "number")
     return t.height;
 }
-function wt(C, t) {
-  const e = C.transformData;
+function wt(M, t) {
+  const e = M.transformData;
   return e && "width" in e ? (e.width = t, !0) : !1;
 }
-function Pt(C, t) {
-  const e = C.transformData;
+function Pt(M, t) {
+  const e = M.transformData;
   return e && "height" in e ? (e.height = t, !0) : !1;
 }
-class qe {
+class Ke {
   constructor(t = {}) {
     this._extraSnapRects = [], this.snapThreshold = t.snapThreshold || it.canvas.snapThreshold, this.enabled = t.enabled !== !1, this.showGuides = t.showGuides !== !1, this.guides = [], this.activeSnaps = {
       x: null,
@@ -996,9 +997,9 @@ class qe {
     for (const [y, m] of Object.entries(s)) {
       const T = this._spatialGrid.queryNearAxis("x", m.x, this.snapThreshold);
       for (const S of T) {
-        const M = this._anchorMetadata.get(S.id);
-        if (!M) continue;
-        const R = M.point, x = M.anchorKey, P = Math.abs(m.x - R.x);
+        const C = this._anchorMetadata.get(S.id);
+        if (!C) continue;
+        const R = C.point, x = C.anchorKey, P = Math.abs(m.x - R.x);
         if (P < this.snapThreshold) {
           const w = {
             snapTo: R.x,
@@ -1019,9 +1020,9 @@ class qe {
       }
       const v = this._spatialGrid.queryNearAxis("y", m.y, this.snapThreshold);
       for (const S of v) {
-        const M = this._anchorMetadata.get(S.id);
-        if (!M) continue;
-        const R = M.point, x = M.anchorKey, P = Math.abs(m.y - R.y);
+        const C = this._anchorMetadata.get(S.id);
+        if (!C) continue;
+        const R = C.point, x = C.anchorKey, P = Math.abs(m.y - R.y);
         if (P < this.snapThreshold) {
           const w = {
             snapTo: R.y,
@@ -1437,7 +1438,7 @@ class qe {
    * @returns {object} Modified resize result with adjusted element
    */
   snapDimensions(t, e, o = null) {
-    var S, M, R, x, P;
+    var S, C, R, x, P;
     if (!this.enabled || !e)
       return this.clearGuides(), t;
     const { element: n } = t, s = t.handle;
@@ -1472,7 +1473,7 @@ class qe {
             I && I.includes("right") ? this._adjustElementForRightResize(w, g, s) : I && I.includes("left") ? this._adjustElementForLeftResize(w, g, s) : w.x += g;
           }
           if (f !== 0) {
-            const k = (M = this.activeSnaps.y) == null ? void 0 : M.anchorKey, I = k == null ? void 0 : k.toLowerCase();
+            const k = (C = this.activeSnaps.y) == null ? void 0 : C.anchorKey, I = k == null ? void 0 : k.toLowerCase();
             I && I.includes("bottom") ? this._adjustElementForBottomResize(w, f, s) : I && I.includes("top") ? this._adjustElementForTopResize(w, f, s) : w.y += f;
           }
         } else
@@ -1484,8 +1485,8 @@ class qe {
           const k = this.activeSnaps.x || this.activeSnaps.y;
           let I = L, _ = W;
           k && (I = k.frozenWidth ?? I, _ = k.frozenHeight ?? _);
-          const H = lt(n), V = St(n), G = w.imageAspectRatio || (H && V ? H / V : null);
-          G && G !== 0 && (_ = I / G), wt(w, I), Pt(w, _), k && (k.frozenWidth = I, k.frozenHeight = _);
+          const H = lt(n), V = St(n), Y = w.imageAspectRatio || (H && V ? H / V : null);
+          Y && Y !== 0 && (_ = I / Y), wt(w, I), Pt(w, _), k && (k.frozenWidth = I, k.frozenHeight = _);
         }
       } else
         (((R = this.activeSnaps.y) == null ? void 0 : R.isPositionBasedSnap) || !1) && (lt(w) !== void 0 ? wt(w, L) : w.width !== void 0 && (w.width = L));
@@ -1507,12 +1508,12 @@ class qe {
     if (!this.enabled) return t;
     const n = [0, 45, 90, 135, 180, 225, 270, 315, 360], s = 5;
     for (const i of n)
-      if (ae(t, i, s))
+      if (ie(t, i, s))
         return i;
     return t;
   }
 }
-class Ue {
+class $e {
   constructor(t = {}) {
     this.lastSnapTarget = null, this.detectionThreshold = t.detectionThreshold || 100, this.minDistance = t.minDistance || 10, this.enabled = t.enabled !== !1, this.showLabels = t.showLabels !== !1, this.indicators = [];
   }
@@ -1569,8 +1570,8 @@ class Ue {
       }
       const y = [];
       for (let T = 0; T < p.length - 1; T++) {
-        const v = p[T].getVisualBoundingBox(), M = p[T + 1].getVisualBoundingBox().y - (v.y + v.height);
-        y.push(M);
+        const v = p[T].getVisualBoundingBox(), C = p[T + 1].getVisualBoundingBox().y - (v.y + v.height);
+        y.push(C);
       }
       let m = null;
       if (g) {
@@ -1615,8 +1616,8 @@ class Ue {
       }
       const y = [];
       for (let T = 0; T < b.length - 1; T++) {
-        const v = b[T].getVisualBoundingBox(), M = b[T + 1].getVisualBoundingBox().x - (v.x + v.width);
-        y.push(M);
+        const v = b[T].getVisualBoundingBox(), C = b[T + 1].getVisualBoundingBox().x - (v.x + v.width);
+        y.push(C);
       }
       let m = null;
       if (g) {
@@ -1734,16 +1735,16 @@ class Ue {
         labelY: g,
         isAltHover: !0
       }), a++);
-      let m = 0, T = !1, v = 0, S = 0, M = 0;
+      let m = 0, T = !1, v = 0, S = 0, C = 0;
       const x = 30 * (r % 2 === 0 ? 1 : -1);
-      h.y >= n.y + n.height ? (m = h.y - (n.y + n.height), m >= this.minDistance && (T = !0, v = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + x, S = n.y + n.height, M = h.y)) : n.y >= h.y + h.height && (m = n.y - (h.y + h.height), m >= this.minDistance && (T = !0, v = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + x, S = h.y + h.height, M = n.y)), T && (o.push({
+      h.y >= n.y + n.height ? (m = h.y - (n.y + n.height), m >= this.minDistance && (T = !0, v = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + x, S = n.y + n.height, C = h.y)) : n.y >= h.y + h.height && (m = n.y - (h.y + h.height), m >= this.minDistance && (T = !0, v = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + x, S = h.y + h.height, C = n.y)), T && (o.push({
         type: "vertical",
         distance: Math.round(m),
         x: v,
         y1: S,
-        y2: M,
+        y2: C,
         labelX: v,
-        labelY: (S + M) / 2,
+        labelY: (S + C) / 2,
         isAltHover: !0
       }), r++);
     }
@@ -1944,7 +1945,7 @@ class Ue {
     }
   }
 }
-const Lt = $t("ArtboardRenderer"), ze = {
+const Wt = $t("ArtboardRenderer"), We = {
   showLabel: !0,
   showBorder: !0,
   borderColor: "",
@@ -1962,9 +1963,9 @@ const Lt = $t("ArtboardRenderer"), ze = {
   borderRadius: 0
   // Default to no border radius (sharp corners)
 };
-class Qt {
+class Jt {
   constructor(t = {}) {
-    this.options = { ...ze, ...t };
+    this.options = { ...We, ...t };
   }
   /**
    * Render an artboard
@@ -1989,7 +1990,7 @@ class Qt {
     const o = Bt.getTexture(e.backgroundTexture), n = Bt.getTexturePresetColor(e.backgroundTexture);
     if (t.fillStyle = n, t.fillRect(e.x, e.y, e.width, e.height), !o || !o.complete) {
       Bt.loadTexture(e.backgroundTexture).catch((s) => {
-        Lt.error("Failed to load texture:", s);
+        Wt.error("Failed to load texture:", s);
       });
       return;
     }
@@ -2010,7 +2011,7 @@ class Qt {
    * Render artboard border (respects clipShape and borderRadius option)
    */
   renderBorder(t, e, o) {
-    const { x: n, y: s, width: i, height: a, clipShape: r } = e, l = this.options.borderColor || re(), h = this.options.selectedBorderColor || tt();
+    const { x: n, y: s, width: i, height: a, clipShape: r } = e, l = this.options.borderColor || ae(), h = this.options.selectedBorderColor || tt();
     if (t.strokeStyle = o ? h : l, t.lineWidth = o ? this.options.selectedBorderWidth : this.options.borderWidth, t.beginPath(), !r || r === "rectangle")
       if (this.options.borderRadius > 0) {
         const c = Math.min(this.options.borderRadius, Math.min(i, a) / 2);
@@ -2029,7 +2030,7 @@ class Qt {
         t.save(), t.translate(n, s), t.stroke(c), t.restore();
         return;
       } catch (c) {
-        Lt.warn("Invalid SVG path for border, falling back to rectangle:", c), t.rect(n, s, i, a);
+        Wt.warn("Invalid SVG path for border, falling back to rectangle:", c), t.rect(n, s, i, a);
       }
     t.stroke();
   }
@@ -2039,7 +2040,7 @@ class Qt {
   renderLabel(t, e, o) {
     const n = this.options.labelFontSize, s = this.options.labelPadding, i = `${e.name} (${Math.round(e.width)} × ${Math.round(e.height)})`, a = e.x, r = e.y - s;
     t.font = `${n}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`;
-    const l = this.options.selectedBorderColor || tt(), h = this.options.labelColor || le();
+    const l = this.options.selectedBorderColor || tt(), h = this.options.labelColor || re();
     t.fillStyle = o ? l : h, t.textAlign = "left", t.textBaseline = "bottom", t.fillText(i, a, r);
   }
   /**
@@ -2083,7 +2084,7 @@ class Qt {
         t.translate(o, n), t.clip(r), t.translate(-o, -n);
         return;
       } catch (r) {
-        Lt.warn("Invalid SVG path, falling back to rectangle:", r), t.rect(o, n, s, i);
+        Wt.warn("Invalid SVG path, falling back to rectangle:", r), t.rect(o, n, s, i);
       }
     t.clip();
   }
@@ -2142,7 +2143,7 @@ class Qt {
    * Use this when exporting to ensure preview background is never included
    */
   static createForExport(t = {}) {
-    return new Qt({
+    return new Jt({
       ...t,
       showPreviewBackground: !1
       // CRITICAL: Never show preview in exports
@@ -2155,21 +2156,6 @@ class Qt {
     return !!(this.options.showPreviewBackground && t.previewBackgroundColor && t.previewBackgroundColor !== "transparent");
   }
 }
-function Ze(C) {
-  return C instanceof fe;
-}
-function Ve(C) {
-  return C instanceof jt;
-}
-function Wt(C) {
-  return C instanceof he;
-}
-function Je(C) {
-  return C instanceof de;
-}
-function Qe(C) {
-  return C instanceof ce;
-}
 class mt {
   /**
    * Render selection box layer
@@ -2195,14 +2181,14 @@ class mt {
     const i = e.getVisualBoundingBox(), a = Math.round(i.width), r = Math.round(i.height), l = `${a} × ${r}`, h = o.rotationHandle, c = h.x * s, d = h.y * s - 20;
     t.save(), t.font = "10px system-ui, -apple-system, sans-serif";
     const p = t.measureText(l).width + 12, b = 18;
-    t.shadowColor = ge(t.canvas), t.shadowBlur = 4, t.shadowOffsetY = 1, t.fillStyle = ue(t.canvas), t.beginPath(), t.roundRect(
+    t.shadowColor = le(t.canvas), t.shadowBlur = 4, t.shadowOffsetY = 1, t.fillStyle = he(t.canvas), t.beginPath(), t.roundRect(
       c - p / 2,
       d - b / 2,
       p,
       b,
       3
       // Smaller border radius
-    ), t.fill(), t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetY = 0, t.fillStyle = pe(t.canvas), t.textAlign = "center", t.textBaseline = "middle", t.fillText(l, c, d + 0.5), t.restore();
+    ), t.fill(), t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetY = 0, t.fillStyle = ce(t.canvas), t.textAlign = "center", t.textBaseline = "middle", t.fillText(l, c, d + 0.5), t.restore();
   }
   /**
    * Render transform handles layer
@@ -2240,7 +2226,7 @@ class _t {
       const c = performance.now() - e.startTime;
       h = Math.min(c / r, 1) * l;
     }
-    t.strokeStyle = ye(t.canvas), t.globalAlpha = h, t.lineWidth = 3, this.renderElementOutline(t, a, s, i), t.restore();
+    t.strokeStyle = de(t.canvas), t.globalAlpha = h, t.lineWidth = 3, this.renderElementOutline(t, a, s, i), t.restore();
   }
   /**
    * Render outline for a specific element type
@@ -2287,10 +2273,10 @@ class _t {
           const f = d[(g + 1) % 3], y = f.x - b.x, m = f.y - b.y, T = Math.sqrt(y * y + m * m);
           return { x: m / T, y: -y / T };
         }), p = d.map((b, g) => {
-          const f = u[(g + 2) % 3], y = u[g], m = f.x + y.x, T = f.y + y.y, v = Math.sqrt(m * m + T * T), S = (m * f.x + T * f.y) / v, M = l / S;
+          const f = u[(g + 2) % 3], y = u[g], m = f.x + y.x, T = f.y + y.y, v = Math.sqrt(m * m + T * T), S = (m * f.x + T * f.y) / v, C = l / S;
           return {
-            x: b.x + m / v * M,
-            y: b.y + T / v * M
+            x: b.x + m / v * C,
+            y: b.y + T / v * C
           };
         });
         t.moveTo(p[0].x, p[0].y), t.lineTo(p[1].x, p[1].y), t.lineTo(p[2].x, p[2].y), t.closePath();
@@ -2368,7 +2354,7 @@ class _t {
    */
   static renderHoverRingEffect(t, e, o) {
     t.save(), t.translate(e.x * o, e.y * o), o !== 1 && t.scale(o, o);
-    const n = e.fontSize, s = e.fontFamily, i = e.bold || !1, a = e.italic || !1, r = e.textAlign || "center", l = qt(n, s, i, a), h = n * 1.2, c = 4 / o, d = 4 / o, u = document.createElement("canvas");
+    const n = e.fontSize, s = e.fontFamily, i = e.bold || !1, a = e.italic || !1, r = e.textAlign || "center", l = jt(n, s, i, a), h = n * 1.2, c = 4 / o, d = 4 / o, u = document.createElement("canvas");
     u.width = t.canvas.width, u.height = t.canvas.height;
     const p = u.getContext("2d");
     if (!p) {
@@ -2378,19 +2364,19 @@ class _t {
     p.setTransform(t.getTransform()), p.textBaseline = "alphabetic", p.lineJoin = "round";
     const b = e.getRichText ? e.getRichText() : null;
     if (b) {
-      const g = Ut(b), f = [], y = [];
+      const g = qt(b), f = [], y = [];
       g.forEach((v) => {
         if (e.transformType === "custom" && e.transformData) {
-          const S = e.transformData.width - ft * 2, M = Zt(v, S, {
+          const S = e.transformData.width - ft * 2, C = Ut(v, S, {
             fontSize: n,
             fontFamily: s,
             bold: i,
             italic: a
           });
-          M.forEach((R, x) => {
+          C.forEach((R, x) => {
             f.push(R), y.push({
               isParagraphStart: x === 0,
-              isParagraphEnd: x === M.length - 1
+              isParagraphEnd: x === C.length - 1
             });
           });
         } else
@@ -2404,7 +2390,7 @@ class _t {
       const T = -m / 2;
       f.forEach((v, S) => {
         var D, F;
-        const M = y[S].isParagraphStart, R = y[S].isParagraphEnd;
+        const C = y[S].isParagraphStart, R = y[S].isParagraphEnd;
         let x = 0;
         const P = v.map((E) => E.text).join(""), w = ((D = P.match(/^ +/)) == null ? void 0 : D[0].length) || 0, A = ((F = P.match(/ +$/)) == null ? void 0 : F[0].length) || 0;
         let B = 0;
@@ -2412,15 +2398,15 @@ class _t {
           const $ = E.style.fontSize !== void 0 ? E.style.fontSize : n, j = E.style.fontFamily !== void 0 ? E.style.fontFamily : s, J = E.style.bold !== void 0 ? E.style.bold : i, X = E.style.italic !== void 0 ? E.style.italic : a;
           let k = E.text;
           const I = B, _ = B + E.text.length;
-          if (!M && w > 0 && I < w) {
+          if (!C && w > 0 && I < w) {
             const H = Math.min(w - I, E.text.length);
             k = k.substring(H);
           }
           if (!R && A > 0) {
             const H = P.length - A;
             if (_ > H) {
-              const V = !M && I < w ? Math.min(w - I, E.text.length) : 0, G = Math.max(0, H - I - V);
-              k = k.substring(0, G);
+              const V = !C && I < w ? Math.min(w - I, E.text.length) : 0, Y = Math.max(0, H - I - V);
+              k = k.substring(0, Y);
             }
           }
           k.length > 0 && (t.save(), t.font = Ht($, j, J, X), x += t.measureText(k).width, t.restore()), B += E.text.length;
@@ -2435,15 +2421,15 @@ class _t {
           const J = E.style.bold !== void 0 ? E.style.bold : i, X = E.style.italic !== void 0 ? E.style.italic : a;
           let k = E.text;
           const I = B, _ = B + E.text.length;
-          if (!M && w > 0 && I < w) {
+          if (!C && w > 0 && I < w) {
             const H = Math.min(w - I, E.text.length);
             k = k.substring(H);
           }
           if (!R && A > 0) {
             const H = P.length - A;
             if (_ > H) {
-              const V = !M && I < w ? Math.min(w - I, E.text.length) : 0, G = Math.max(0, H - I - V);
-              k = k.substring(0, G);
+              const V = !C && I < w ? Math.min(w - I, E.text.length) : 0, Y = Math.max(0, H - I - V);
+              k = k.substring(0, Y);
             }
           }
           B += E.text.length, k.length > 0 && (p.font = Ht($, j, J, X), p.textAlign = "left", p.globalCompositeOperation = "source-over", p.strokeStyle = t.strokeStyle, p.globalAlpha = Math.min(t.globalAlpha * 1.6, 0.8), p.lineWidth = (d + c) * 2, p.strokeText(k, W, O), p.globalCompositeOperation = "destination-out", p.globalAlpha = 1, p.lineWidth = d * 2, p.strokeText(k, W, O), p.fillText(k, W, O), W += p.measureText(k).width);
@@ -2453,9 +2439,9 @@ class _t {
       t.font = Ht(n, s, i, a), p.font = t.font, p.textAlign = r;
       let g, f;
       if (e.transformType === "custom" && e.transformData) {
-        const M = e.transformData.width - ft * 2, { lines: R } = be(
+        const C = e.transformData.width - ft * 2, { lines: R } = fe(
           e.text,
-          M,
+          C,
           n,
           s,
           i,
@@ -2467,17 +2453,17 @@ class _t {
       } else {
         g = e.text.split(`
 `);
-        const M = e.text.includes(`
+        const C = e.text.includes(`
 `);
-        g = Me(g, M);
+        g = Te(g, C);
       }
       g.length === 0 ? f = 0 : g.length === 1 ? f = l.height : f = (g.length - 1) * h + l.height;
       const y = -f / 2, m = e.text.includes(`
 `), T = e.transformType === "custom" && e.transformData ? e.transformData.width : 0, v = -T / 2;
       let S = v + ft;
-      r === "center" ? S = v + T / 2 : r === "right" && (S = v + T - ft), g.forEach((M, R) => {
+      r === "center" ? S = v + T / 2 : r === "right" && (S = v + T - ft), g.forEach((C, R) => {
         const x = y + l.ascent + R * h, P = m || R === 0, w = m || R === g.length - 1;
-        let A = M;
+        let A = C;
         P || (A = A.replace(/^ +/, "")), w || (A = A.replace(/ +$/, "")), p.globalCompositeOperation = "source-over", p.strokeStyle = t.strokeStyle, p.globalAlpha = Math.min(t.globalAlpha * 1.6, 0.8), p.lineWidth = (d + c) * 2, p.lineJoin = "round", p.strokeText(A, S, x), p.globalCompositeOperation = "destination-out", p.globalAlpha = 1, p.lineWidth = d * 2, p.strokeText(A, S, x), p.fillText(A, S, x);
       });
     }
@@ -2561,7 +2547,7 @@ class _t {
     let a = -o.reduce((r, l) => r + l, 0) / 2;
     return e.forEach((r, l) => {
       const h = o[l], c = a + h / 2, d = c / (n.width / 2), u = n.amplitude * t.fontSize * Math.sin(n.frequency * Math.PI * d), p = n.amplitude * n.frequency * Math.PI * Math.cos(n.frequency * Math.PI * d);
-      s.push({ x: c, y: u, angle: 0, skewY: p * Se }), a += h;
+      s.push({ x: c, y: u, angle: 0, skewY: p * ge }), a += h;
     }), s;
   }
   /**
@@ -2648,7 +2634,7 @@ class Ct {
     const s = `${n}`;
     t.font = `600 ${it.canvas.spacingLabelFontSize}px ${it.canvas.spacingLabelFontFamily}`;
     const a = t.measureText(s).width, r = it.canvas.spacingLabelFontSize, l = 4, h = a + l * 2, c = r + l * 2;
-    t.fillStyle = Ot(t.canvas), t.beginPath(), t.roundRect(e - h / 2, o - c / 2, h, c, me), t.fill(), t.fillStyle = Te, t.textAlign = "center", t.textBaseline = "middle", t.fillText(s, e, o);
+    t.fillStyle = Ot(t.canvas), t.beginPath(), t.roundRect(e - h / 2, o - c / 2, h, c, ue), t.fill(), t.fillStyle = pe, t.textAlign = "center", t.textBaseline = "middle", t.fillText(s, e, o);
   }
 }
 class Dt {
@@ -2665,14 +2651,14 @@ class Dt {
     }
     const g = s.fontSize || 24, f = s.fontFamily || "Arial", y = s.bold || !1, m = s.italic || !1, T = s.underline || !1, v = s.strikethrough || !1, S = s.textAlign || "center";
     t.save(), t.translate(s.x, s.y), t.rotate(-s.rotation * Math.PI / 180);
-    const M = qt(g, f, y, m), R = M.height, x = g * 1.2;
+    const C = jt(g, f, y, m), R = C.height, x = g * 1.2;
     let P, w, A;
     if (h && s.transformType === "custom" && s.transformData.width) {
       const X = s.transformData.width - ft * 2;
       A = X;
-      const k = Ut(h);
+      const k = qt(h);
       P = [], w = [], k.forEach((I) => {
-        const _ = Zt(I, X, {
+        const _ = Ut(I, X, {
           fontSize: s.fontSize,
           fontFamily: s.fontFamily,
           bold: s.bold,
@@ -2697,32 +2683,32 @@ class Dt {
         // Each line is its own paragraph
         isParagraphEnd: !0
       }));
-    const B = P.length > 1 ? M.height + (P.length - 1) * x : M.height;
+    const B = P.length > 1 ? C.height + (P.length - 1) * x : C.height;
     let L = -B / 2, W = 0, O = L, D = R;
     const F = [];
     let E = 0;
     P.forEach((X, k) => {
-      var V, G;
+      var V, Y;
       const I = w[k].isParagraphStart, _ = w[k].isParagraphEnd, H = [];
       X.forEach((at) => {
         Array.from(at.text).forEach((ct) => {
-          let Y = g, ot = f, et = y, U = m;
+          let G = g, ot = f, et = y, U = m;
           if (h && E < l.length) {
             const Z = h.getStyleAt(E);
-            Y = Z.fontSize || g, ot = Z.fontFamily || f, et = Z.bold !== void 0 ? Z.bold : y, U = Z.italic !== void 0 ? Z.italic : m;
+            G = Z.fontSize || g, ot = Z.fontFamily || f, et = Z.bold !== void 0 ? Z.bold : y, U = Z.italic !== void 0 ? Z.italic : m;
           }
           t.save();
           const nt = et ? "bold" : "normal", z = U ? "italic" : "normal";
-          t.font = `${z} ${nt} ${Y}px "${ot}", Arial, sans-serif`;
+          t.font = `${z} ${nt} ${G}px "${ot}", Arial, sans-serif`;
           const q = t.measureText(ct).width;
-          t.restore(), H.push({ char: ct, width: q, fontSize: Y, index: E }), E++;
+          t.restore(), H.push({ char: ct, width: q, fontSize: G, index: E }), E++;
         });
       });
       {
-        const at = k === 0, gt = k === P.length - 1, ct = H.map((z) => z.char).join(""), Y = ((V = ct.match(/^ +/)) == null ? void 0 : V[0].length) || 0, ot = ((G = ct.match(/ +$/)) == null ? void 0 : G[0].length) || 0;
+        const at = k === 0, gt = k === P.length - 1, ct = H.map((z) => z.char).join(""), G = ((V = ct.match(/^ +/)) == null ? void 0 : V[0].length) || 0, ot = ((Y = ct.match(/ +$/)) == null ? void 0 : Y[0].length) || 0;
         let et = 0;
         for (let z = 0; z < H.length; z++)
-          !at && z < Y || !gt && z >= H.length - ot || (et += H[z].width);
+          !at && z < G || !gt && z >= H.length - ot || (et += H[z].width);
         let U;
         S === "center" ? U = -et / 2 : S === "right" ? U = A !== void 0 ? A / 2 - et : -et : U = A !== void 0 ? -A / 2 : 0;
         let nt = U;
@@ -2747,7 +2733,7 @@ class Dt {
                 const rt = H[st], xt = rt.char === " ";
                 let yt = !0;
                 if (xt) {
-                  const Rt = st < Y, N = st >= H.length - ot, Tt = !I && Y > 0, vt = !_ && ot > 0;
+                  const Rt = st < G, N = st >= H.length - ot, Tt = !I && G > 0, vt = !_ && ot > 0;
                   yt = !(Rt && Tt || N && vt);
                 }
                 yt && (pt += rt.width);
@@ -2762,11 +2748,11 @@ class Dt {
     let j = null, J = null;
     if ($) {
       const X = Math.min(a, r), k = Math.max(a, r);
-      t.save(), t.fillStyle = ve(t.canvas);
+      t.save(), t.fillStyle = ye(t.canvas);
       let I = 0, _ = -B / 2;
       if (P.forEach((H, V) => {
         var ot, et;
-        const G = w[V].isParagraphStart, at = w[V].isParagraphEnd, gt = V === 0, ct = V === P.length - 1, Y = [];
+        const Y = w[V].isParagraphStart, at = w[V].isParagraphEnd, gt = V === 0, ct = V === P.length - 1, G = [];
         if (H.forEach((U) => {
           Array.from(U.text).forEach((nt) => {
             const z = U.style || {}, q = z.fontSize !== void 0 ? z.fontSize : g, Z = z.fontFamily !== void 0 ? z.fontFamily : f, ut = z.bold !== void 0 ? z.bold : y, dt = z.italic !== void 0 ? z.italic : m;
@@ -2774,27 +2760,27 @@ class Dt {
             const pt = ut ? "bold" : "normal", st = dt ? "italic" : "normal";
             t.font = `${st} ${pt} ${q}px "${Z}", Arial, sans-serif`;
             const rt = t.measureText(nt).width;
-            t.restore(), Y.push({ char: nt, index: I, width: rt, style: z }), I++;
+            t.restore(), G.push({ char: nt, index: I, width: rt, style: z }), I++;
           });
-        }), Y.length > 0) {
-          const U = Y[0].index, nt = Y[Y.length - 1].index;
+        }), G.length > 0) {
+          const U = G[0].index, nt = G[G.length - 1].index;
           if (k > U && X <= nt) {
             t.save();
-            const z = Y.map((N) => N.char).join(""), q = ((ot = z.match(/^ +/)) == null ? void 0 : ot[0].length) || 0, Z = ((et = z.match(/ +$/)) == null ? void 0 : et[0].length) || 0;
+            const z = G.map((N) => N.char).join(""), q = ((ot = z.match(/^ +/)) == null ? void 0 : ot[0].length) || 0, Z = ((et = z.match(/ +$/)) == null ? void 0 : et[0].length) || 0;
             let ut = 0;
-            for (let N = 0; N < Y.length; N++)
-              !gt && N < q || !ct && N >= Y.length - Z || (ut += Y[N].width);
+            for (let N = 0; N < G.length; N++)
+              !gt && N < q || !ct && N >= G.length - Z || (ut += G[N].width);
             let dt = 0;
             S === "center" ? dt = -ut / 2 : S === "right" && (dt = -ut);
             const pt = Math.max(X, U), st = Math.min(k, nt + 1);
             let rt = 0;
-            for (let N = 0; N < Y.length && Y[N].index < pt; N++) {
-              const Tt = Y[N], vt = N < q, At = N >= Y.length - Z, Et = !G && q > 0, It = !at && Z > 0;
+            for (let N = 0; N < G.length && G[N].index < pt; N++) {
+              const Tt = G[N], vt = N < q, At = N >= G.length - Z, Et = !Y && q > 0, It = !at && Z > 0;
               !(vt && Et || At && It) && (rt += Tt.width);
             }
             let xt = 0;
-            for (let N = 0; N < Y.length && Y[N].index < st; N++) {
-              const Tt = Y[N], vt = N < q, At = N >= Y.length - Z, Et = !G && q > 0, It = !at && Z > 0;
+            for (let N = 0; N < G.length && G[N].index < st; N++) {
+              const Tt = G[N], vt = N < q, At = N >= G.length - Z, Et = !Y && q > 0, It = !at && Z > 0;
               !(vt && Et || At && It) && (xt += Tt.width);
             }
             const yt = dt + rt, Rt = xt - rt;
@@ -2805,7 +2791,7 @@ class Dt {
       }), t.restore(), h) {
         t.save();
         const H = s.transformType === "custom" ? s.transformData : null, V = H != null && H.width ? H.width - ft * 2 : void 0;
-        xe(t, h, {
+        ve(t, h, {
           fontSize: g,
           fontFamily: f,
           color: s.color || "#000000",
@@ -2822,15 +2808,15 @@ class Dt {
       t.save();
       const H = tt(t.canvas);
       t.fillStyle = H, t.strokeStyle = H, t.lineWidth = _, t.lineCap = "round";
-      const V = { x: X.x, y: X.y - I }, G = { x: k.x, y: k.y + I };
-      t.beginPath(), t.moveTo(X.x, X.y), t.lineTo(X.x, X.y + R), t.stroke(), t.beginPath(), t.arc(V.x, V.y, I, 0, Math.PI * 2), t.fill(), t.strokeStyle = "white", t.lineWidth = 2 / p, t.stroke(), t.strokeStyle = H, t.lineWidth = _, t.beginPath(), t.moveTo(k.x, k.y - R), t.lineTo(k.x, k.y), t.stroke(), t.beginPath(), t.arc(G.x, G.y, I, 0, Math.PI * 2), t.fill(), t.strokeStyle = "white", t.lineWidth = 2 / p, t.stroke(), t.restore(), u && (u.current = {
+      const V = { x: X.x, y: X.y - I }, Y = { x: k.x, y: k.y + I };
+      t.beginPath(), t.moveTo(X.x, X.y), t.lineTo(X.x, X.y + R), t.stroke(), t.beginPath(), t.arc(V.x, V.y, I, 0, Math.PI * 2), t.fill(), t.strokeStyle = "white", t.lineWidth = 2 / p, t.stroke(), t.strokeStyle = H, t.lineWidth = _, t.beginPath(), t.moveTo(k.x, k.y - R), t.lineTo(k.x, k.y), t.stroke(), t.beginPath(), t.arc(Y.x, Y.y, I, 0, Math.PI * 2), t.fill(), t.strokeStyle = "white", t.lineWidth = 2 / p, t.stroke(), t.restore(), u && (u.current = {
         start: {
           center: V,
           textEdge: X
           // Original selection edge (top-left of selection on first line)
         },
         end: {
-          center: G,
+          center: Y,
           textEdge: k
           // Original selection edge (bottom-right of selection on last line)
         }
@@ -2886,10 +2872,10 @@ class Dt {
    * Shows both image resize handles and crop handles
    */
   static renderCropBoxLayer(t, e, o, n = 1) {
-    if (!(e instanceof jt) || !e.isCropping) return;
+    if (!(e instanceof be) || !e.isCropping) return;
     const s = e, i = s.getCropBoxBounds();
     if (!i) return;
-    const a = 4 / n, r = 2 / n, l = we / n, h = Ce / n, c = 1 / n;
+    const a = 4 / n, r = 2 / n, l = Se / n, h = me / n, c = 1 / n;
     t.save(), t.translate(e.x * n, e.y * n), t.rotate(ht.toRadians(e.rotation));
     const d = s.transformData.flipHorizontal ? -1 : 1, u = s.transformData.flipVertical ? -1 : 1;
     t.scale(d * n, u * n);
@@ -2902,8 +2888,8 @@ class Dt {
     t.fillStyle = "rgba(0, 0, 0, 0.5)", i.y > T.y && t.fillRect(T.x, T.y, T.width, i.y - T.y);
     const v = i.y + i.height, S = T.y + T.height;
     v < S && t.fillRect(T.x, v, T.width, S - v), i.x > T.x && t.fillRect(T.x, i.y, i.x - T.x, i.height);
-    const M = i.x + i.width, R = T.x + T.width;
-    M < R && t.fillRect(M, i.y, R - M, i.height), t.strokeStyle = tt(t.canvas), t.lineWidth = r, t.strokeRect(i.x, i.y, i.width, i.height), t.strokeStyle = "rgba(255, 255, 255, 0.5)", t.lineWidth = c;
+    const C = i.x + i.width, R = T.x + T.width;
+    C < R && t.fillRect(C, i.y, R - C, i.height), t.strokeStyle = tt(t.canvas), t.lineWidth = r, t.strokeRect(i.x, i.y, i.width, i.height), t.strokeStyle = "rgba(255, 255, 255, 0.5)", t.lineWidth = c;
     const x = i.width / 3;
     t.beginPath(), t.moveTo(i.x + x, i.y), t.lineTo(i.x + x, i.y + i.height), t.moveTo(i.x + 2 * x, i.y), t.lineTo(i.x + 2 * x, i.y + i.height), t.stroke();
     const P = i.height / 3;
@@ -2951,8 +2937,8 @@ class Dt {
     }
   }
 }
-Ae();
-const Fe = $t("CanvasRenderer"), K = class K {
+xe();
+const De = $t("CanvasRenderer"), K = class K {
   /**
    * Get a pooled offscreen canvas for clipping content, only recreating
    * when dimensions change. Eliminates per-frame canvas allocation.
@@ -2976,7 +2962,7 @@ const Fe = $t("CanvasRenderer"), K = class K {
       e.render(t, o, n);
     } catch (s) {
       const i = s instanceof Error ? s : new Error(String(s));
-      Fe.error(`Failed to render element ${e.id}:`, i), K.onRenderError && K.onRenderError({
+      De.error(`Failed to render element ${e.id}:`, i), K.onRenderError && K.onRenderError({
         category: "render",
         message: `Failed to render element: ${i.message}`,
         originalError: i,
@@ -3048,12 +3034,12 @@ const Fe = $t("CanvasRenderer"), K = class K {
       const v = new Path2D();
       v.rect(g, f, y - g, m - f);
       for (const S of T.pieces) {
-        const M = new Path2D(S.d), R = S.rotation ?? 0, x = new DOMMatrix();
+        const C = new Path2D(S.d), R = S.rotation ?? 0, x = new DOMMatrix();
         if (x.translateSelf(o.x + S.x, o.y + S.y), R !== 0) {
           const P = (S.baseWidth ?? 0) / 2, w = (S.baseHeight ?? 0) / 2, A = R === 90 || R === 270, B = A ? S.baseHeight ?? 0 : S.baseWidth ?? 0, L = A ? S.baseWidth ?? 0 : S.baseHeight ?? 0;
           x.translateSelf(B / 2, L / 2), x.rotateSelf(R), x.translateSelf(-P, -w);
         }
-        v.addPath(M, x);
+        v.addPath(C, x);
       }
       t.clip(v, "evenodd");
     } else
@@ -3076,8 +3062,8 @@ const Fe = $t("CanvasRenderer"), K = class K {
     b.clear(), e.forEach((f, y) => {
       var m, T, v;
       if (f.blendMode === "knockout" || f.blendMode === "clip") {
-        const S = u[y], M = f.blendMode === "knockout" ? "destination-out" : "destination-in", R = ((m = S.knockoutParts) == null ? void 0 : m.scope) || "group", x = u.findIndex((B) => B.id === S.id), P = ((T = S.knockoutParts) == null ? void 0 : T.fill) || ((v = S.knockoutParts) == null ? void 0 : v.stroke), w = R === "artboard" && x !== -1 ? u.slice(0, x) : [];
-        P && (R === "artboard" || w.length > 0) && (w.forEach((B) => B.id && b.add(B.id)), Re(
+        const S = u[y], C = f.blendMode === "knockout" ? "destination-out" : "destination-in", R = ((m = S.knockoutParts) == null ? void 0 : m.scope) || "group", x = u.findIndex((B) => B.id === S.id), P = ((T = S.knockoutParts) == null ? void 0 : T.fill) || ((v = S.knockoutParts) == null ? void 0 : v.stroke), w = R === "artboard" && x !== -1 ? u.slice(0, x) : [];
+        P && (R === "artboard" || w.length > 0) && (w.forEach((B) => B.id && b.add(B.id)), we(
           t,
           S,
           u,
@@ -3087,7 +3073,7 @@ const Fe = $t("CanvasRenderer"), K = class K {
           },
           i,
           a,
-          M
+          C
         ), b.add(f.id));
       }
     }), e.some((f) => !b.has(f.id) && f.isClipping) ? this._renderWithClipping(
@@ -3103,21 +3089,21 @@ const Fe = $t("CanvasRenderer"), K = class K {
     ) : e.forEach((f) => {
       var R, x;
       if (b.has(f.id) || f.visible === !1) return;
-      const y = f.id === o, m = (n == null ? void 0 : n.type) === "element" && ((R = n == null ? void 0 : n.data) == null ? void 0 : R.id) === f.id, T = c && d && Wt(f) && f.id === o, v = y && !T, S = u[e.indexOf(f)], M = ((x = S == null ? void 0 : S.distressEffect) == null ? void 0 : x.enabled) && S.distressEffect.style === "custom" && S.distressEffect.textureUrl;
+      const y = f.id === o, m = (n == null ? void 0 : n.type) === "element" && ((R = n == null ? void 0 : n.data) == null ? void 0 : R.id) === f.id, T = c && d && Lt(f) && f.id === o, v = y && !T, S = u[e.indexOf(f)], C = ((x = S == null ? void 0 : S.distressEffect) == null ? void 0 : x.enabled) && S.distressEffect.style === "custom" && S.distressEffect.textureUrl;
       if (S && S.masks && S.masks.length > 0)
         kt(t, S, (P) => {
           const w = (A) => {
             r && (A.save(), A.globalAlpha = Q), this.safeRender(A, f, v, m), r && A.restore();
           };
-          if (M) {
+          if (C) {
             const A = f.getVisualBoundingBox();
-            Gt(P, S.distressEffect, A, w);
+            Yt(P, S.distressEffect, A, w);
           } else
             w(P);
         });
-      else if (M) {
+      else if (C) {
         const P = f.getVisualBoundingBox();
-        Gt(t, S.distressEffect, P, (w) => {
+        Yt(t, S.distressEffect, P, (w) => {
           r && (w.save(), w.globalAlpha = Q), this.safeRender(w, f, v, m), r && w.restore();
         });
       } else l && !h && a && v ? this.renderElementWithOverflowDimming(t, f, a, v, m, r) : l && a ? (t.save(), this.applyArtboardClipPath(t, a), r && (t.globalAlpha = Q), this.safeRender(t, f, v, m), t.restore()) : (r && (t.save(), t.globalAlpha = Q), this.safeRender(t, f, v, m), r && t.restore());
@@ -3151,7 +3137,7 @@ const Fe = $t("CanvasRenderer"), K = class K {
       if (!y.mask)
         y.content.forEach((m, T) => {
           var P;
-          const v = m.id === n, S = (s == null ? void 0 : s.type) === "element" && ((P = s == null ? void 0 : s.data) == null ? void 0 : P.id) === m.id, M = i && a && Wt(m) && m.id === n, R = v && !M, x = y.contentConfigs[T];
+          const v = m.id === n, S = (s == null ? void 0 : s.type) === "element" && ((P = s == null ? void 0 : s.data) == null ? void 0 : P.id) === m.id, C = i && a && Lt(m) && m.id === n, R = v && !C, x = y.contentConfigs[T];
           x && x.masks && x.masks.length > 0 ? kt(t, x, (w) => {
             l && (w.save(), w.globalAlpha = Q), m.render(w, R, S), l && w.restore();
           }) : (l && (t.save(), t.globalAlpha = Q), m.render(t, R, S), l && t.restore());
@@ -3161,7 +3147,7 @@ const Fe = $t("CanvasRenderer"), K = class K {
         if (!T) continue;
         T.setTransform(1, 0, 0, 1, 0, 0), T.clearRect(0, 0, c, d), T.globalCompositeOperation = "source-over", T.setTransform(u), y.content.forEach((x, P) => {
           var O;
-          const w = x.id === n, A = (s == null ? void 0 : s.type) === "element" && ((O = s == null ? void 0 : s.data) == null ? void 0 : O.id) === x.id, B = i && a && Wt(x) && x.id === n, L = w && !B, W = y.contentConfigs[P];
+          const w = x.id === n, A = (s == null ? void 0 : s.type) === "element" && ((O = s == null ? void 0 : s.data) == null ? void 0 : O.id) === x.id, B = i && a && Lt(x) && x.id === n, L = w && !B, W = y.contentConfigs[P];
           W && W.masks && W.masks.length > 0 ? kt(T, W, (D) => {
             l && (D.save(), D.globalAlpha = Q), x.render(D, L, A), l && D.restore();
           }) : (l && (T.save(), T.globalAlpha = Q), x.render(T, L, A), l && T.restore());
@@ -3169,10 +3155,10 @@ const Fe = $t("CanvasRenderer"), K = class K {
         const v = this._getMaskCanvas(c, d), S = v.getContext("2d");
         if (!S) continue;
         S.setTransform(1, 0, 0, 1, 0, 0), S.clearRect(0, 0, c, d), S.globalCompositeOperation = "source-over", S.setTransform(u);
-        const M = y.mask.id === n, R = (s == null ? void 0 : s.type) === "element" && ((f = s == null ? void 0 : s.data) == null ? void 0 : f.id) === y.mask.id;
+        const C = y.mask.id === n, R = (s == null ? void 0 : s.type) === "element" && ((f = s == null ? void 0 : s.data) == null ? void 0 : f.id) === y.mask.id;
         y.maskConfig && y.maskConfig.masks && y.maskConfig.masks.length > 0 ? kt(S, y.maskConfig, (x) => {
-          l && (x.save(), x.globalAlpha = Q), y.mask.render(x, M, R), l && x.restore();
-        }) : (l && (S.save(), S.globalAlpha = Q), y.mask.render(S, M, R), l && S.restore()), T.globalCompositeOperation = "destination-in", T.setTransform(1, 0, 0, 1, 0, 0), T.drawImage(v, 0, 0), t.save(), t.setTransform(1, 0, 0, 1, 0, 0), t.drawImage(m, 0, 0), t.restore();
+          l && (x.save(), x.globalAlpha = Q), y.mask.render(x, C, R), l && x.restore();
+        }) : (l && (S.save(), S.globalAlpha = Q), y.mask.render(S, C, R), l && S.restore()), T.globalCompositeOperation = "destination-in", T.setTransform(1, 0, 0, 1, 0, 0), T.drawImage(v, 0, 0), t.save(), t.setTransform(1, 0, 0, 1, 0, 0), t.drawImage(m, 0, 0), t.restore();
       }
   }
   // =========================================================================
@@ -3290,10 +3276,10 @@ const Fe = $t("CanvasRenderer"), K = class K {
       d,
       b,
       g
-    ), f != null && f.enabled && c && ke(t, f, c, h), y != null && y.enabled && c && Pe(t, y, c, h), i && m && n && Dt.renderEditModeLayer(t, n, m, u), u !== 1) {
+    ), f != null && f.enabled && c && Ce(t, f, c, h), y != null && y.enabled && c && Me(t, y, c, h), i && m && n && Dt.renderEditModeLayer(t, n, m, u), u !== 1) {
       t.save();
-      const M = t.getTransform().a / u, R = p.x * u * M, x = p.y * u * M;
-      t.setTransform(M, 0, 0, M, R, x);
+      const C = t.getTransform().a / u, R = p.x * u * C, x = p.y * u * C;
+      t.setTransform(C, 0, 0, C, R, x);
     }
     const T = r.map((S) => ({
       ...S,
@@ -3351,7 +3337,7 @@ const Fe = $t("CanvasRenderer"), K = class K {
       const m = t.getTransform().a / b, T = g.x * b * m, v = g.y * b * m;
       t.setTransform(m, 0, 0, m, T, v);
     }
-    if (e && Ve(e) && e.isCropping)
+    if (e && Re(e) && e.isCropping)
       o && Dt.renderCropBoxLayer(t, e, o, b);
     else if (!l && n && mt.renderSelectionLayer(t, e, n, b), o && n && mt.renderPositionSizeInfo(t, e, o, n, b), !l && o && n && mt.renderHandlesLayer(
       t,
@@ -3366,8 +3352,8 @@ const Fe = $t("CanvasRenderer"), K = class K {
     ), !h) {
       if (u) {
         t.save();
-        const y = u, m = y.x * b, T = y.y * b, v = y.width * b, S = y.height * b, M = (y.borderRadius ?? 0) * b;
-        t.beginPath(), M > 0 ? t.roundRect(m, T, v, S, M) : t.rect(m, T, v, S), t.clip();
+        const y = u, m = y.x * b, T = y.y * b, v = y.width * b, S = y.height * b, C = (y.borderRadius ?? 0) * b;
+        t.beginPath(), C > 0 ? t.roundRect(m, T, v, S, C) : t.rect(m, T, v, S), t.clip();
       }
       _t.renderHoverLayer(t, a, r, c, b, d), u && t.restore();
     }
@@ -3377,22 +3363,17 @@ const Fe = $t("CanvasRenderer"), K = class K {
 K._contentCanvas = null, K._contentCanvasSize = { width: 0, height: 0 }, K._maskCanvas = null, K._maskCanvasSize = { width: 0, height: 0 }, K._cachedElementsRef = null, K._cachedElementConfigs = null, K._cachedElementMap = null, K._knockoutRenderedIds = /* @__PURE__ */ new Set(), K.onRenderError = null;
 let Kt = K;
 export {
-  qe as A,
+  Ke as A,
   Kt as C,
-  je as I,
-  _e as R,
-  Ue as S,
-  Ke as T,
-  Ve as a,
-  Qe as b,
-  Je as c,
-  Ze as d,
-  Qt as e,
-  Xe as f,
-  Yt as g,
-  Ye as h,
-  Wt as i,
-  $e as j,
-  Ne as r
+  Ne as I,
+  Le as R,
+  $e as S,
+  Ge as T,
+  Jt as a,
+  Oe as b,
+  Fe as c,
+  Xe as d,
+  Gt as g,
+  Ye as r
 };
-//# sourceMappingURL=CanvasRenderer-B0szG0Us.js.map
+//# sourceMappingURL=CanvasRenderer-6_HhR4-q.js.map