@snowcone-app/canvas 0.30.0 → 0.32.0

package/dist/{CanvasRenderer-BEf0hXeF.js → CanvasRenderer-1j-twIbs.js}

@@ -1,6 +1,6 @@
-import { _ as oe, $ as ie, ax as nt, a0 as Ft, aK as ae, aI as re, aB as Ot, aH as le, aA as gt, aL as he, aM as Yt, aN as ce, aO as de, c as Zt, aP as fe, aQ as ge, aR as ue, aS as pe, a7 as Jt, a3 as Qt, ab as pt, a4 as te, a5 as Lt, ac as Gt, aa as Pt, ad as Xt, a8 as ye, ae as be, aT as Nt, aU as Se, aV as me, aW as Te, I as we, aX as ve, aY as Me, aZ as tt } from "./FontAnalyzer-DKG5JK0x.js";
-import { T as Wt, b as xe, y as Ce, O as Re, F as At, P as Kt, Q as ke, R as Pe, S as Ae } from "./ExportManager-DUdis6se.js";
-import { i as Dt, a as Ee } from "./guards-BSoX73yg.js";
+import { a5 as ie, a6 as ae, aF as nt, a7 as Ot, aS as re, aQ as le, aJ as Yt, aP as he, aI as gt, aT as ce, aU as Gt, aV as de, aW as fe, c as Jt, aX as ge, aY as ue, aZ as pe, a_ as ye, ae as Qt, aa as te, ai as pt, ab as ee, ac as Lt, aj as Xt, ah as Pt, ak as Nt, af as be, al as Se, a$ as Kt, b0 as me, b1 as Te, b2 as we, I as ve, b3 as xe, b4 as Me, b5 as tt } from "./FontAnalyzer-BrKY6XYn.js";
+import { T as Wt, b as Re, y as Ce, O as ke, P as Dt, F as At, Q as Pe, R as Ae, S as Ee, U as $t } from "./ExportManager-Ci81K6xA.js";
+import { i as _t, a as He } from "./guards-BhaQgJrE.js";
 const ct = {
   // Canvas-specific
   canvas: {
@@ -15,30 +15,30 @@ const ct = {
     spacingLabelFontSize: 11,
     spacingLabelFontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
   }
-}, He = 2, Rt = 6, Ie = 16, Be = 5, Le = 5, ee = 0.5;
-function $t(v) {
-  return He / v;
+}, Ie = 2, Ct = 6, Be = 16, Le = 5, We = 5, ne = 0.5;
+function jt(x) {
+  return Ie / x;
 }
-function qe(v) {
-  return Rt / v;
+function Ue(x) {
+  return Ct / x;
 }
-function We(v) {
-  return Ie / v;
+function De(x) {
+  return Be / x;
 }
-function Ue(v) {
-  return [Be / v, Le / v];
+function Ze(x) {
+  return [Le / x, We / x];
 }
-function De(v, t, e, o) {
-  v.save();
-  const n = ee / o;
-  v.translate(t, e), v.scale(n, n), v.strokeStyle = "#000", v.lineWidth = 1.5, v.lineCap = "round", v.lineJoin = "round", v.translate(-12, -12), v.beginPath(), v.moveTo(21, 12), v.arc(12, 12, 9, 0, -Math.PI / 2, !0), v.bezierCurveTo(3.5, 4.5, 4, 6, 3, 8), v.stroke(), v.beginPath(), v.moveTo(3, 3), v.lineTo(3, 8), v.lineTo(8, 8), v.stroke(), v.beginPath(), v.moveTo(3, 12), v.arc(12, 12, 9, Math.PI, Math.PI / 2, !0), v.bezierCurveTo(20.5, 19.5, 20, 18, 21, 16), v.stroke(), v.beginPath(), v.moveTo(16, 16), v.lineTo(21, 16), v.lineTo(21, 21), v.stroke(), v.restore();
+function _e(x, t, e, o) {
+  x.save();
+  const n = ne / o;
+  x.translate(t, e), x.scale(n, n), x.strokeStyle = "#000", x.lineWidth = 1.5, x.lineCap = "round", x.lineJoin = "round", x.translate(-12, -12), x.beginPath(), x.moveTo(21, 12), x.arc(12, 12, 9, 0, -Math.PI / 2, !0), x.bezierCurveTo(3.5, 4.5, 4, 6, 3, 8), x.stroke(), x.beginPath(), x.moveTo(3, 3), x.lineTo(3, 8), x.lineTo(8, 8), x.stroke(), x.beginPath(), x.moveTo(3, 12), x.arc(12, 12, 9, Math.PI, Math.PI / 2, !0), x.bezierCurveTo(20.5, 19.5, 20, 18, 21, 16), x.stroke(), x.beginPath(), x.moveTo(16, 16), x.lineTo(21, 16), x.lineTo(21, 21), x.stroke(), x.restore();
 }
-function Ze(v, t, e, o = 1, n = "#3b82f6", s = !1) {
-  const i = We(o);
-  v.save(), v.fillStyle = "#fff", v.strokeStyle = n, v.lineWidth = s ? $t(o) * 1.25 : $t(o), v.beginPath(), v.arc(t, e, i, 0, Math.PI * 2), v.fill(), v.stroke(), De(v, t, e, o), v.restore();
+function Je(x, t, e, o = 1, n = "#3b82f6", s = !1) {
+  const i = De(o);
+  x.save(), x.fillStyle = "#fff", x.strokeStyle = n, x.lineWidth = s ? jt(o) * 1.25 : jt(o), x.beginPath(), x.arc(t, e, i, 0, Math.PI * 2), x.fill(), x.stroke(), _e(x, t, e, o), x.restore();
 }
-const jt = Rt * 2;
-class Je {
+const qt = Ct * 2;
+class Qe {
   constructor() {
     this.resizeHandles = [], this.rotationHandle = null, this.elementRotation = 0, this.rotationAnchor = { x: 0, y: 0 };
   }
@@ -55,8 +55,8 @@ class Je {
       y: n.y - a,
       width: n.width + a * 2,
       height: n.height + a * 2
-    }, l = oe(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 = ie(
+    }, l = ie(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 = ae(
       r,
       t.rotation,
       s,
@@ -85,10 +85,10 @@ class Je {
     if (e.anchor.includes("middle")) {
       const l = e.anchor === "middle-top" || e.anchor === "middle-bottom";
       t.translate(i, a), t.rotate(-this.elementRotation * Math.PI / 180), l && t.rotate(Math.PI / 2), t.translate(-i, -a);
-      const h = jt * 0.6, c = jt * 1.4, d = h / 2, f = i - h / 2, b = a - c / 2;
+      const h = qt * 0.6, c = qt * 1.4, d = h / 2, f = i - h / 2, b = a - c / 2;
       t.fillStyle = "#fff", t.strokeStyle = nt(t.canvas), t.lineWidth = o || n ? 2.5 : 2, t.beginPath(), t.roundRect(f, b, h, c, d), t.fill(), t.stroke();
     } else
-      t.fillStyle = "#fff", t.strokeStyle = nt(t.canvas), t.lineWidth = o || n ? 2.5 : 2, t.beginPath(), t.arc(i, a, Rt, 0, Math.PI * 2), t.fill(), t.stroke();
+      t.fillStyle = "#fff", t.strokeStyle = nt(t.canvas), t.lineWidth = o || n ? 2.5 : 2, t.beginPath(), t.arc(i, a, Ct, 0, Math.PI * 2), t.fill(), t.stroke();
     t.restore();
   }
   /**
@@ -97,9 +97,9 @@ class Je {
    */
   renderRotationHandle(t, e, o = !1, n = 1) {
     t.save();
-    const s = e.x * n, i = e.y * n, a = Rt * 2.67;
+    const s = e.x * n, i = e.y * n, a = Ct * 2.67;
     t.fillStyle = "#fff", t.strokeStyle = nt(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 = ee;
+    const r = ne;
     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();
   }
   /**
@@ -115,9 +115,9 @@ class Je {
    * @param zoom - Current zoom level (radius scales inversely with zoom)
    */
   hitTestResize(t, e, o = 1) {
-    const n = re / o;
+    const n = le / o;
     for (const s of this.resizeHandles)
-      if (Ft(t, e, s.x, s.y, n))
+      if (Ot(t, e, s.x, s.y, n))
         return s;
     return null;
   }
@@ -127,8 +127,8 @@ class Je {
    */
   hitTestRotation(t, e, o = 1) {
     if (!this.rotationHandle) return !1;
-    const n = (Rt * 2.67 + 2) / o;
-    return Ft(t, e, this.rotationHandle.x, this.rotationHandle.y, n);
+    const n = (Ct * 2.67 + 2) / o;
+    return Ot(t, e, this.rotationHandle.x, this.rotationHandle.y, n);
   }
   /**
    * Get rotation handle position (for React-based rendering)
@@ -143,7 +143,7 @@ class Je {
    */
   getCursor(t, e) {
     const o = t.anchor.includes("middle") ? "edge" : "corner";
-    return ae(
+    return re(
       t.x,
       t.y,
       this.rotationAnchor.x,
@@ -154,19 +154,19 @@ class Je {
     );
   }
 }
-const _e = 15;
-function ze(v, t) {
-  return Math.abs(v) >= Math.abs(t) ? "x" : "y";
+const ze = 15;
+function Ve(x, t) {
+  return Math.abs(x) >= Math.abs(t) ? "x" : "y";
 }
-function Ve(v, t, e) {
-  return e != null && e.shift ? ze(v, t) === "x" ? { dx: v, dy: 0, lockedAxis: "y" } : { dx: 0, dy: t, lockedAxis: "x" } : { dx: v, dy: t, lockedAxis: null };
+function Fe(x, t, e) {
+  return e != null && e.shift ? Ve(x, t) === "x" ? { dx: x, dy: 0, lockedAxis: "y" } : { dx: 0, dy: t, lockedAxis: "x" } : { dx: x, dy: t, lockedAxis: null };
 }
-function Fe(v, t = _e) {
-  let o = (Math.round(v / t) * t % 360 + 360) % 360;
+function Oe(x, t = ze) {
+  let o = (Math.round(x / t) * t % 360 + 360) % 360;
   return o > 180 && (o -= 360), o === 0 ? 0 : o;
 }
-function Oe({
-  anchor: v,
+function Ye({
+  anchor: x,
   startVisualWidth: t,
   startVisualHeight: e,
   newVisualWidth: o,
@@ -174,13 +174,13 @@ function Oe({
 }) {
   const s = t !== 0 ? t : 1, i = e !== 0 ? e : 1, a = o / s, r = n / i;
   let l;
-  return v === "middle-left" || v === "middle-right" ? l = a : v === "middle-top" || v === "middle-bottom" ? l = r : l = Math.abs(a - 1) >= Math.abs(r - 1) ? a : r, {
+  return x === "middle-left" || x === "middle-right" ? l = a : x === "middle-top" || x === "middle-bottom" ? l = r : l = Math.abs(a - 1) >= Math.abs(r - 1) ? a : r, {
     scale: l,
     newVisualWidth: t * l,
     newVisualHeight: e * l
   };
 }
-class Ye {
+class Ge {
   /**
    * Calculate new dimensions and position for a resize operation
    */
@@ -193,14 +193,14 @@ class Ye {
     snapSystem: i,
     modifiers: a
   }) {
-    var F, W, q, J, E;
-    const l = new Ot(t).worldDeltaToLocal(o, n), h = l.dx, c = l.dy, d = s.visualWidth ?? s.width ?? 0, f = s.visualHeight ?? s.height ?? 0, b = s.width ?? 0, u = s.height ?? 0;
+    var F, D, N, j, H;
+    const l = new Yt(t).worldDeltaToLocal(o, n), h = l.dx, c = l.dy, d = s.visualWidth ?? s.width ?? 0, f = s.visualHeight ?? s.height ?? 0, b = s.width ?? 0, u = s.height ?? 0;
     let p = d, g = f;
     e.anchor.includes("right") ? p = d + h : e.anchor.includes("left") && (p = d - h), e.anchor !== "middle-left" && e.anchor !== "middle-right" && (e.anchor.includes("bottom") ? g = f + c : e.anchor.includes("top") && (g = f - c));
     const y = (a == null ? void 0 : a.shift) === !0;
     let S = null;
     if (y) {
-      const z = Oe({
+      const z = Ye({
         anchor: e.anchor,
         startVisualWidth: d,
         startVisualHeight: f,
@@ -219,50 +219,50 @@ class Ye {
       const z = g - f;
       m = b, w = u + z;
     } else {
-      const z = p / d, N = g / f;
-      m = b * z, w = u * N;
+      const z = p / d, K = g / f;
+      m = b * z, w = u * K;
     }
-    const T = p, C = g;
-    let R = !1;
+    const T = p, R = g;
+    let C = !1;
     if (i && t.transformType === "image") {
-      const z = e.anchor ?? "", N = z === "top-left" || z === "top-right" || z === "bottom-left" || z === "bottom-right", Q = z.startsWith("crop-");
-      if (N && !Q) {
-        const B = (F = i.activeSnaps) == null ? void 0 : F.x, k = (W = i.activeSnaps) == null ? void 0 : W.y;
-        if (!!B || !!k) {
-          const G = [B, k].find(
-            (P) => typeof P == "object" && P !== null && "frozenWidth" in P
+      const z = e.anchor ?? "", K = z === "top-left" || z === "top-right" || z === "bottom-left" || z === "bottom-right", Q = z.startsWith("crop-");
+      if (K && !Q) {
+        const L = (F = i.activeSnaps) == null ? void 0 : F.x, A = (D = i.activeSnaps) == null ? void 0 : D.y;
+        if (!!L || !!A) {
+          const G = [L, A].find(
+            (E) => typeof E == "object" && E !== null && "frozenWidth" in E
           );
           if (G) {
-            const P = t, _ = s.transformData, j = G.frozenWidth ?? ((q = P.transformData) == null ? void 0 : q.width) ?? b, ot = P.imageAspectRatio || (_ != null && _.width && (_ != null && _.height) ? _.width / _.height : null);
+            const E = t, _ = s.transformData, U = G.frozenWidth ?? ((N = E.transformData) == null ? void 0 : N.width) ?? b, ot = E.imageAspectRatio || (_ != null && _.width && (_ != null && _.height) ? _.width / _.height : null);
             let et = G.frozenHeight;
-            et == null && (ot && ot !== 0 ? et = j / ot : (J = P.transformData) != null && J.height ? et = P.transformData.height : et = u);
-            const lt = b !== 0 ? j / b : 1, Y = u !== 0 ? et / u : 1;
-            p = d * lt, g = f * Y, m = j, w = et, R = !0;
+            et == null && (ot && ot !== 0 ? et = U / ot : (j = E.transformData) != null && j.height ? et = E.transformData.height : et = u);
+            const lt = b !== 0 ? U / b : 1, Y = u !== 0 ? et / u : 1;
+            p = d * lt, g = f * Y, m = U, w = et, C = !0;
           }
         }
       }
     }
     m = Math.max(50, m), w = Math.max(40, w);
-    const x = t.clone(), H = x.resize(e.anchor, m, w, s);
-    if (!e.anchor.includes("middle") && ((E = x.stroke) != null && E.enabled) && s.strokeWidth !== void 0 && s.strokeWidth > 0) {
-      const z = s.width ?? 1, N = s.height ?? 1, Q = Math.sqrt(m / z * (w / N)), B = Math.max(1, Math.round(s.strokeWidth * Q * 10) / 10);
-      x.stroke = { ...x.stroke, width: B };
+    const M = t.clone(), I = M.resize(e.anchor, m, w, s);
+    if (!e.anchor.includes("middle") && ((H = M.stroke) != null && H.enabled) && s.strokeWidth !== void 0 && s.strokeWidth > 0) {
+      const z = s.width ?? 1, K = s.height ?? 1, Q = Math.sqrt(m / z * (w / K)), L = Math.max(1, Math.round(s.strokeWidth * Q * 10) / 10);
+      M.stroke = { ...M.stroke, width: L };
     }
-    const A = R || H === !1, I = e.anchor.includes("top") || e.anchor.includes("bottom"), L = "isCropping" in x && x.isCropping, D = "isGroup" in x && x.isGroup;
-    if (I && !L && !D) {
-      const z = t.getRotationAnchor(), N = this._calculateFixedCornerOffset({
+    const P = C || I === !1, k = e.anchor.includes("top") || e.anchor.includes("bottom"), B = "isCropping" in M && M.isCropping, W = "isGroup" in M && M.isGroup;
+    if (k && !B && !W) {
+      const z = t.getRotationAnchor(), K = this._calculateFixedCornerOffset({
         element: t,
-        updatedElement: x,
+        updatedElement: M,
         handle: e,
         rotationAnchor: z
       });
-      x.x += N.x, x.y += N.y;
+      M.x += K.x, M.y += K.y;
     }
     return {
-      element: x,
-      isFrozen: A,
+      element: M,
+      isFrozen: P,
       // For snap system to detect break-free: dimensions before freeze was applied
-      unfrozenDimensions: R ? { width: T, height: C } : void 0
+      unfrozenDimensions: C ? { width: T, height: R } : void 0
     };
   }
   /**
@@ -276,10 +276,10 @@ class Ye {
     handle: o,
     rotationAnchor: n
   }) {
-    const s = new Ot(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), f = d.x, b = d.y, u = r.x - h.x, p = r.y - h.y, g = u + f, y = p + b, S = g * i - y * a, m = g * a + y * i, w = h.x + S, T = h.y + m, C = this._getFixedLocalCoords(o.anchor, l.width, l.height), R = C.x, x = C.y, H = l.x - c.x, M = l.y - c.y, A = H + R, I = M + x, L = A * i - I * a, D = A * a + I * i, F = c.x + L, W = c.y + D;
+    const s = new Yt(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), f = d.x, b = d.y, u = r.x - h.x, p = r.y - h.y, g = u + f, y = p + b, S = g * i - y * a, m = g * a + y * i, w = h.x + S, T = h.y + m, R = this._getFixedLocalCoords(o.anchor, l.width, l.height), C = R.x, M = R.y, I = l.x - c.x, v = l.y - c.y, P = I + C, k = v + M, B = P * i - k * a, W = P * a + k * i, F = c.x + B, D = c.y + W;
     return {
       x: w - F,
-      y: T - W
+      y: T - D
     };
   }
   /**
@@ -317,7 +317,7 @@ class Ye {
     return n;
   }
 }
-class Ge {
+class Xe {
   constructor() {
     this.hooks = {
       beforeResize: [],
@@ -372,7 +372,7 @@ class Ge {
    */
   executeResize(t) {
     const e = this.runHooks("beforeResize", t);
-    let o = Ye.calculateResize({
+    let o = Ge.calculateResize({
       ...e,
       snapSystem: t.snapSystem,
       modifiers: t.modifiers
@@ -388,8 +388,8 @@ class Ge {
     return this.runHooks("afterPositionUpdate", o).position;
   }
 }
-const Qe = new Ge();
-class tn {
+const tn = new Xe();
+class en {
   constructor(t = null) {
     this.state = "IDLE", this.context = {
       mode: null,
@@ -484,7 +484,7 @@ class tn {
   updateDrag(t, e, o = null, n) {
     if (this.state !== "DRAGGING")
       throw new Error("Cannot update drag: not in DRAGGING state");
-    const s = t - this.context.startX, i = e - this.context.startY, { dx: a, dy: r, lockedAxis: l } = Ve(s, i, n), h = this.context.startData;
+    const s = t - this.context.startX, i = e - this.context.startY, { dx: a, dy: r, lockedAxis: l } = Fe(s, i, n), h = this.context.startData;
     let c = h.x + a, d = h.y + r;
     if (this.snapHandler && this.snapHandler.snapPosition && this.context.element) {
       const f = this.snapHandler.snapPosition({ x: c, y: d }, this.context.element, o);
@@ -600,9 +600,9 @@ class tn {
   updateRotate(t, e, o, n, s) {
     if (this.state !== "ROTATING")
       throw new Error("Cannot update rotate: not in ROTATING state");
-    const i = this.context.startData, r = (le(o, n, t, e) - i.startAngle) * 180 / Math.PI;
+    const i = this.context.startData, r = (he(o, n, t, e) - i.startAngle) * 180 / Math.PI;
     let l = i.currentRotation - r;
-    return l = (l % 360 + 360) % 360, l > 180 && (l -= 360), s != null && s.shift ? Fe(l) : this.snapHandler && this.snapHandler.snapRotation && this.context.element ? this.snapHandler.snapRotation(l, this.context.element) : l;
+    return l = (l % 360 + 360) % 360, l > 180 && (l -= 360), s != null && s.shift ? Oe(l) : this.snapHandler && this.snapHandler.snapRotation && this.context.element ? this.snapHandler.snapRotation(l, this.context.element) : l;
   }
   /**
    * Get rotation context
@@ -824,7 +824,7 @@ class mt {
     return Math.abs(n.x - o.x) > s || Math.abs(n.y - o.y) > s;
   }
 }
-class qt {
+class Ut {
   constructor(t) {
     this.cellSize = t, this.cells = /* @__PURE__ */ new Map(), this.idIndex = /* @__PURE__ */ new Map();
   }
@@ -920,32 +920,32 @@ class qt {
     return `${Math.floor(t / this.cellSize)},${Math.floor(e / this.cellSize)}`;
   }
 }
-function ft(v) {
-  const t = v.transformData;
+function ft(x) {
+  const t = x.transformData;
   if (t && "width" in t && typeof t.width == "number")
     return t.width;
 }
-function Tt(v) {
-  const t = v.transformData;
+function Tt(x) {
+  const t = x.transformData;
   if (t && "height" in t && typeof t.height == "number")
     return t.height;
 }
-function xt(v, t) {
-  const e = v.transformData;
+function Mt(x, t) {
+  const e = x.transformData;
   return e && "width" in e ? (e.width = t, !0) : !1;
 }
-function Et(v, t) {
-  const e = v.transformData;
+function Et(x, t) {
+  const e = x.transformData;
   return e && "height" in e ? (e.height = t, !0) : !1;
 }
-class en {
+class nn {
   constructor(t = {}) {
     this._extraSnapRects = [], this.snapThreshold = t.snapThreshold || ct.canvas.snapThreshold, this.enabled = t.enabled !== !1, this.showGuides = t.showGuides !== !1, this.guides = [], this.activeSnaps = {
       x: null,
       // { snapTo: number, anchorKey: string, frozenFontSize: number, frozenWidth: number, frozenPosition: {x, y}, isPositionBasedSnap: boolean }
       y: null
       // { snapTo: number, anchorKey: string, frozenFontSize: number, frozenWidth: number, frozenPosition: {x, y}, isPositionBasedSnap: boolean }
-    }, this.stickyThreshold = t.stickyThreshold || 15, this._spatialGrid = new qt(Math.max(this.snapThreshold * 2, 16)), this._anchorMetadata = /* @__PURE__ */ new Map();
+    }, this.stickyThreshold = t.stickyThreshold || 15, this._spatialGrid = new Ut(Math.max(this.snapThreshold * 2, 16)), this._anchorMetadata = /* @__PURE__ */ new Map();
   }
   /**
    * Enable or disable snapping
@@ -957,7 +957,7 @@ class en {
    * Set snap threshold in pixels
    */
   setSnapThreshold(t) {
-    this.snapThreshold = t, this._spatialGrid = new qt(Math.max(t * 2, 16));
+    this.snapThreshold = t, this._spatialGrid = new Ut(Math.max(t * 2, 16));
   }
   /**
    * Get current snap guides for rendering
@@ -1052,47 +1052,47 @@ class en {
     for (const [y, S] of Object.entries(s)) {
       const m = this._spatialGrid.queryNearAxis("x", S.x, this.snapThreshold);
       for (const T of m) {
-        const C = this._anchorMetadata.get(T.id);
-        if (!C) continue;
-        const R = C.point, x = C.anchorKey, H = Math.abs(S.x - R.x);
-        if (H < this.snapThreshold) {
-          const M = {
-            snapTo: R.x,
+        const R = this._anchorMetadata.get(T.id);
+        if (!R) continue;
+        const C = R.point, M = R.anchorKey, I = Math.abs(S.x - C.x);
+        if (I < this.snapThreshold) {
+          const v = {
+            snapTo: C.x,
             offset: S.x - t.x,
             // How far anchor is from element position
-            distance: H,
+            distance: I,
             guide: {
               type: "vertical",
-              x: R.x,
-              y1: Math.min(S.y, R.y) - 50,
-              y2: Math.max(S.y, R.y) + 50,
+              x: C.x,
+              y1: Math.min(S.y, C.y) - 50,
+              y2: Math.max(S.y, C.y) + 50,
               movingKey: y,
-              otherKey: x
+              otherKey: M
             }
           };
-          c.push(M), H < l && (l = H, a = M);
+          c.push(v), I < l && (l = I, a = v);
         }
       }
       const w = this._spatialGrid.queryNearAxis("y", S.y, this.snapThreshold);
       for (const T of w) {
-        const C = this._anchorMetadata.get(T.id);
-        if (!C) continue;
-        const R = C.point, x = C.anchorKey, H = Math.abs(S.y - R.y);
-        if (H < this.snapThreshold) {
-          const M = {
-            snapTo: R.y,
+        const R = this._anchorMetadata.get(T.id);
+        if (!R) continue;
+        const C = R.point, M = R.anchorKey, I = Math.abs(S.y - C.y);
+        if (I < this.snapThreshold) {
+          const v = {
+            snapTo: C.y,
             offset: S.y - t.y,
-            distance: H,
+            distance: I,
             guide: {
               type: "horizontal",
-              y: R.y,
-              x1: Math.min(S.x, R.x) - 50,
-              x2: Math.max(S.x, R.x) + 50,
+              y: C.y,
+              x1: Math.min(S.x, C.x) - 50,
+              x2: Math.max(S.x, C.x) + 50,
               movingKey: y,
-              otherKey: x
+              otherKey: M
             }
           };
-          d.push(M), H < h && (h = H, r = M);
+          d.push(v), I < h && (h = I, r = v);
         }
       }
     }
@@ -1418,7 +1418,7 @@ class en {
     const n = t.getVisualBoundingBox(), s = t.transformType === "image";
     if (!s) {
       const i = ft(t);
-      i !== void 0 ? xt(t, i + e) : t.width !== void 0 && (t.width += e);
+      i !== void 0 ? Mt(t, i + e) : t.width !== void 0 && (t.width += e);
     }
     if (o.anchor === "middle-right") {
       const i = gt.toRadiansInverse(t.rotation), a = Math.cos(i), r = Math.sin(i);
@@ -1435,7 +1435,7 @@ class en {
     const n = t.getVisualBoundingBox(), s = t.transformType === "image";
     if (!s) {
       const i = ft(t);
-      i !== void 0 ? xt(t, i - e) : t.width !== void 0 && (t.width -= e);
+      i !== void 0 ? Mt(t, i - e) : t.width !== void 0 && (t.width -= e);
     }
     if (o.anchor === "middle-left") {
       const i = gt.toRadiansInverse(t.rotation), a = Math.cos(i), r = Math.sin(i);
@@ -1493,22 +1493,22 @@ class en {
    * @returns {object} Modified resize result with adjusted element
    */
   snapDimensions(t, e, o = null) {
-    var T, C, R, x, H;
+    var T, R, C, M, I;
     if (!this.enabled || !e)
       return this.clearGuides(), t;
     const { element: n } = t, s = t.handle;
     let i;
     const a = n.transformType === "image", r = this.activeSnaps.x !== null || this.activeSnaps.y !== null;
     if (a && r && t.isFrozen && t.unfrozenDimensions) {
-      const M = n.clone();
-      if (M.transformData) {
-        const A = n.getVisualBoundingBox(), I = A.width, L = A.height, D = (o == null ? void 0 : o.width) ?? n.width ?? 0, F = (o == null ? void 0 : o.height) ?? n.height ?? 0, W = (o == null ? void 0 : o.visualWidth) ?? I, q = (o == null ? void 0 : o.visualHeight) ?? L, J = t.unfrozenDimensions.width / W, E = t.unfrozenDimensions.height / q;
-        xt(M, D * J), Et(M, F * E);
+      const v = n.clone();
+      if (v.transformData) {
+        const P = n.getVisualBoundingBox(), k = P.width, B = P.height, W = (o == null ? void 0 : o.width) ?? n.width ?? 0, F = (o == null ? void 0 : o.height) ?? n.height ?? 0, D = (o == null ? void 0 : o.visualWidth) ?? k, N = (o == null ? void 0 : o.visualHeight) ?? B, j = t.unfrozenDimensions.width / D, H = t.unfrozenDimensions.height / N;
+        Mt(v, W * j), Et(v, F * H);
       }
-      i = mt.getSnapAnchors(M);
+      i = mt.getSnapAnchors(v);
     } else
       i = mt.getSnapAnchors(n);
-    const l = e.filter((M) => M.id !== n.id);
+    const l = e.filter((v) => v.id !== n.id);
     if (l.length === 0)
       return this.clearGuides(), t;
     this._populateSpatialGrid(l);
@@ -1520,35 +1520,35 @@ class en {
     if (a && w && (p !== 0 || g !== 0))
       return t;
     if (p !== 0 || g !== 0) {
-      const M = n.clone(), A = this.activeSnaps.x || this.activeSnaps.y, I = (A == null ? void 0 : A.frozenFontSize) ?? n.fontSize ?? 0, L = (A == null ? void 0 : A.frozenWidth) ?? ft(n) ?? n.width ?? 0, D = (A == null ? void 0 : A.frozenHeight) ?? Tt(n) ?? n.height ?? 0, F = (A == null ? void 0 : A.frozenPosition) ?? { x: n.x, y: n.y }, W = M.isCropping && !String(s.anchor).startsWith("crop-");
-      if (!W)
+      const v = n.clone(), P = this.activeSnaps.x || this.activeSnaps.y, k = (P == null ? void 0 : P.frozenFontSize) ?? n.fontSize ?? 0, B = (P == null ? void 0 : P.frozenWidth) ?? ft(n) ?? n.width ?? 0, W = (P == null ? void 0 : P.frozenHeight) ?? Tt(n) ?? n.height ?? 0, F = (P == null ? void 0 : P.frozenPosition) ?? { x: n.x, y: n.y }, D = v.isCropping && !String(s.anchor).startsWith("crop-");
+      if (!D)
         if (s && s.anchor) {
           if (p !== 0) {
-            const B = (T = this.activeSnaps.x) == null ? void 0 : T.anchorKey, k = B == null ? void 0 : B.toLowerCase();
-            k && k.includes("right") ? this._adjustElementForRightResize(M, p, s) : k && k.includes("left") ? this._adjustElementForLeftResize(M, p, s) : M.x += p;
+            const L = (T = this.activeSnaps.x) == null ? void 0 : T.anchorKey, A = L == null ? void 0 : L.toLowerCase();
+            A && A.includes("right") ? this._adjustElementForRightResize(v, p, s) : A && A.includes("left") ? this._adjustElementForLeftResize(v, p, s) : v.x += p;
           }
           if (g !== 0) {
-            const B = (C = this.activeSnaps.y) == null ? void 0 : C.anchorKey, k = B == null ? void 0 : B.toLowerCase();
-            k && k.includes("bottom") ? this._adjustElementForBottomResize(M, g, s) : k && k.includes("top") ? this._adjustElementForTopResize(M, g, s) : M.y += g;
+            const L = (R = this.activeSnaps.y) == null ? void 0 : R.anchorKey, A = L == null ? void 0 : L.toLowerCase();
+            A && A.includes("bottom") ? this._adjustElementForBottomResize(v, g, s) : A && A.includes("top") ? this._adjustElementForTopResize(v, g, s) : v.y += g;
           }
         } else
-          M.x += p, M.y += g;
-      M.fontSize !== void 0 && (M.fontSize = I);
-      const q = M.transformType === "image", J = this.activeSnaps.x !== null || this.activeSnaps.y !== null;
-      if (q && J) {
-        if (ft(M) !== void 0) {
-          const B = this.activeSnaps.x || this.activeSnaps.y;
-          let k = L, O = D;
-          B && (k = B.frozenWidth ?? k, O = B.frozenHeight ?? O);
-          const G = ft(n), P = Tt(n), _ = M.imageAspectRatio || (G && P ? G / P : null);
-          _ && _ !== 0 && (O = k / _), xt(M, k), Et(M, O), B && (B.frozenWidth = k, B.frozenHeight = O);
+          v.x += p, v.y += g;
+      v.fontSize !== void 0 && (v.fontSize = k);
+      const N = v.transformType === "image", j = this.activeSnaps.x !== null || this.activeSnaps.y !== null;
+      if (N && j) {
+        if (ft(v) !== void 0) {
+          const L = this.activeSnaps.x || this.activeSnaps.y;
+          let A = B, O = W;
+          L && (A = L.frozenWidth ?? A, O = L.frozenHeight ?? O);
+          const G = ft(n), E = Tt(n), _ = v.imageAspectRatio || (G && E ? G / E : null);
+          _ && _ !== 0 && (O = A / _), Mt(v, A), Et(v, O), L && (L.frozenWidth = A, L.frozenHeight = O);
         }
       } else
-        (((R = this.activeSnaps.y) == null ? void 0 : R.isPositionBasedSnap) || !1) && (ft(M) !== void 0 ? xt(M, L) : M.width !== void 0 && (M.width = L));
-      const E = s && (s.anchor === "middle-left" || s.anchor === "middle-right"), z = s && (s.anchor === "middle-top" || s.anchor === "middle-bottom"), N = ((x = this.activeSnaps.x) == null ? void 0 : x.isPositionBasedSnap) || !1, Q = ((H = this.activeSnaps.y) == null ? void 0 : H.isPositionBasedSnap) || !1;
-      return (p === 0 || N) && !E && !z && !W && (M.x = F.x), (g === 0 || Q) && !z && !E && !W && (M.y = F.y), {
+        (((C = this.activeSnaps.y) == null ? void 0 : C.isPositionBasedSnap) || !1) && (ft(v) !== void 0 ? Mt(v, B) : v.width !== void 0 && (v.width = B));
+      const H = s && (s.anchor === "middle-left" || s.anchor === "middle-right"), z = s && (s.anchor === "middle-top" || s.anchor === "middle-bottom"), K = ((M = this.activeSnaps.x) == null ? void 0 : M.isPositionBasedSnap) || !1, Q = ((I = this.activeSnaps.y) == null ? void 0 : I.isPositionBasedSnap) || !1;
+      return (p === 0 || K) && !H && !z && !D && (v.x = F.x), (g === 0 || Q) && !z && !H && !D && (v.y = F.y), {
         ...t,
-        element: M,
+        element: v,
         snapAdjustment: { dx: p, dy: g },
         // Flag to indicate we're in sticky snap mode (used to freeze font size)
         isInStickySnap: !0
@@ -1563,12 +1563,12 @@ class en {
     if (!this.enabled) return t;
     const n = [0, 45, 90, 135, 180, 225, 270, 315, 360], s = 5;
     for (const i of n)
-      if (he(t, i, s))
+      if (ce(t, i, s))
         return i;
     return t;
   }
 }
-class nn {
+class sn {
   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 = [];
   }
@@ -1603,7 +1603,7 @@ class nn {
   snapToSpacing(t, e, o) {
     if (!this.enabled || !o)
       return t;
-    const n = Yt, s = o.filter((p) => p.id !== e.id);
+    const n = Gt, s = o.filter((p) => p.id !== e.id);
     if (s.length === 0)
       return t;
     const i = e.clone();
@@ -1625,8 +1625,8 @@ class nn {
       }
       const y = [];
       for (let m = 0; m < b.length - 1; m++) {
-        const w = b[m].getVisualBoundingBox(), C = b[m + 1].getVisualBoundingBox().y - (w.y + w.height);
-        y.push(C);
+        const w = b[m].getVisualBoundingBox(), R = b[m + 1].getVisualBoundingBox().y - (w.y + w.height);
+        y.push(R);
       }
       let S = null;
       if (p) {
@@ -1671,8 +1671,8 @@ class nn {
       }
       const y = [];
       for (let m = 0; m < u.length - 1; m++) {
-        const w = u[m].getVisualBoundingBox(), C = u[m + 1].getVisualBoundingBox().x - (w.x + w.width);
-        y.push(C);
+        const w = u[m].getVisualBoundingBox(), R = u[m + 1].getVisualBoundingBox().x - (w.x + w.width);
+        y.push(R);
       }
       let S = null;
       if (p) {
@@ -1790,16 +1790,16 @@ class nn {
         labelY: p,
         isAltHover: !0
       }), a++);
-      let S = 0, m = !1, w = 0, T = 0, C = 0;
-      const x = 30 * (r % 2 === 0 ? 1 : -1);
-      h.y >= n.y + n.height ? (S = h.y - (n.y + n.height), S >= this.minDistance && (m = !0, w = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + x, T = n.y + n.height, C = h.y)) : n.y >= h.y + h.height && (S = n.y - (h.y + h.height), S >= this.minDistance && (m = !0, w = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + x, T = h.y + h.height, C = n.y)), m && (o.push({
+      let S = 0, m = !1, w = 0, T = 0, R = 0;
+      const M = 30 * (r % 2 === 0 ? 1 : -1);
+      h.y >= n.y + n.height ? (S = h.y - (n.y + n.height), S >= this.minDistance && (m = !0, w = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + M, T = n.y + n.height, R = h.y)) : n.y >= h.y + h.height && (S = n.y - (h.y + h.height), S >= this.minDistance && (m = !0, w = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + M, T = h.y + h.height, R = n.y)), m && (o.push({
         type: "vertical",
         distance: Math.round(S),
         x: w,
         y1: T,
-        y2: C,
+        y2: R,
         labelX: w,
-        labelY: (T + C) / 2,
+        labelY: (T + R) / 2,
         isAltHover: !0
       }), r++);
     }
@@ -1900,7 +1900,7 @@ class nn {
    * Check if spacing would snap to a pattern
    */
   checkIfWouldSnap(t, e, o, n) {
-    const s = Yt;
+    const s = Gt;
     if (o === "top" || o === "bottom") {
       const i = n.filter((a) => {
         const r = a.getVisualBoundingBox();
@@ -2000,7 +2000,7 @@ class nn {
     }
   }
 }
-const _t = Zt("ArtboardRenderer"), Xe = {
+const zt = Jt("ArtboardRenderer"), Ne = {
   showLabel: !0,
   showBorder: !0,
   borderColor: "",
@@ -2018,9 +2018,9 @@ const _t = Zt("ArtboardRenderer"), Xe = {
   borderRadius: 0
   // Default to no border radius (sharp corners)
 };
-class ne {
+class se {
   constructor(t = {}) {
-    this.options = { ...Xe, ...t };
+    this.options = { ...Ne, ...t };
   }
   /**
    * Render an artboard
@@ -2045,7 +2045,7 @@ class ne {
     const o = Wt.getTexture(e.backgroundTexture), n = Wt.getTexturePresetColor(e.backgroundTexture);
     if (t.fillStyle = n, t.fillRect(e.x, e.y, e.width, e.height), !o || !o.complete) {
       Wt.loadTexture(e.backgroundTexture).catch((s) => {
-        _t.error("Failed to load texture:", s);
+        zt.error("Failed to load texture:", s);
       });
       return;
     }
@@ -2066,7 +2066,7 @@ class ne {
    * 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 || ce(), h = this.options.selectedBorderColor || nt();
+    const { x: n, y: s, width: i, height: a, clipShape: r } = e, l = this.options.borderColor || de(), h = this.options.selectedBorderColor || nt();
     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);
@@ -2085,7 +2085,7 @@ class ne {
         t.save(), t.translate(n, s), t.stroke(c), t.restore();
         return;
       } catch (c) {
-        _t.warn("Invalid SVG path for border, falling back to rectangle:", c), t.rect(n, s, i, a);
+        zt.warn("Invalid SVG path for border, falling back to rectangle:", c), t.rect(n, s, i, a);
       }
     t.stroke();
   }
@@ -2095,7 +2095,7 @@ class ne {
   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 || nt(), h = this.options.labelColor || de();
+    const l = this.options.selectedBorderColor || nt(), h = this.options.labelColor || fe();
     t.fillStyle = o ? l : h, t.textAlign = "left", t.textBaseline = "bottom", t.fillText(i, a, r);
   }
   /**
@@ -2139,7 +2139,7 @@ class ne {
         t.translate(o, n), t.clip(r), t.translate(-o, -n);
         return;
       } catch (r) {
-        _t.warn("Invalid SVG path, falling back to rectangle:", r), t.rect(o, n, s, i);
+        zt.warn("Invalid SVG path, falling back to rectangle:", r), t.rect(o, n, s, i);
       }
     t.clip();
   }
@@ -2198,7 +2198,7 @@ class ne {
    * Use this when exporting to ensure preview background is never included
    */
   static createForExport(t = {}) {
-    return new ne({
+    return new se({
       ...t,
       showPreviewBackground: !1
       // CRITICAL: Never show preview in exports
@@ -2236,14 +2236,14 @@ class wt {
     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 b = t.measureText(l).width + 12, u = 18;
-    t.shadowColor = fe(t.canvas), t.shadowBlur = 4, t.shadowOffsetY = 1, t.fillStyle = ge(t.canvas), t.beginPath(), t.roundRect(
+    t.shadowColor = ge(t.canvas), t.shadowBlur = 4, t.shadowOffsetY = 1, t.fillStyle = ue(t.canvas), t.beginPath(), t.roundRect(
       c - b / 2,
       d - u / 2,
       b,
       u,
       3
       // Smaller border radius
-    ), t.fill(), t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetY = 0, t.fillStyle = ue(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 = pe(t.canvas), t.textAlign = "center", t.textBaseline = "middle", t.fillText(l, c, d + 0.5), t.restore();
   }
   /**
    * Render transform handles layer
@@ -2266,7 +2266,7 @@ class wt {
     );
   }
 }
-class Vt {
+class Ft {
   /**
    * Render hover highlights layer with fade-in animation
    * Outlines the actual element shape instead of a rectangular border
@@ -2281,7 +2281,7 @@ class Vt {
       const c = performance.now() - e.startTime;
       h = Math.min(c / r, 1) * l;
     }
-    t.strokeStyle = pe(t.canvas), t.globalAlpha = h, t.lineWidth = 3, this.renderElementOutline(t, a, s, i), t.restore();
+    t.strokeStyle = ye(t.canvas), t.globalAlpha = h, t.lineWidth = 3, this.renderElementOutline(t, a, s, i), t.restore();
   }
   /**
    * Render outline for a specific element type
@@ -2328,10 +2328,10 @@ class Vt {
           const g = d[(p + 1) % 3], y = g.x - u.x, S = g.y - u.y, m = Math.sqrt(y * y + S * S);
           return { x: S / m, y: -y / m };
         }), b = d.map((u, p) => {
-          const g = f[(p + 2) % 3], y = f[p], S = g.x + y.x, m = g.y + y.y, w = Math.sqrt(S * S + m * m), T = (S * g.x + m * g.y) / w, C = l / T;
+          const g = f[(p + 2) % 3], y = f[p], S = g.x + y.x, m = g.y + y.y, w = Math.sqrt(S * S + m * m), T = (S * g.x + m * g.y) / w, R = l / T;
           return {
-            x: u.x + S / w * C,
-            y: u.y + m / w * C
+            x: u.x + S / w * R,
+            y: u.y + m / w * R
           };
         });
         t.moveTo(b[0].x, b[0].y), t.lineTo(b[1].x, b[1].y), t.lineTo(b[2].x, b[2].y), t.closePath();
@@ -2409,7 +2409,7 @@ class Vt {
    */
   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 = Jt(n, s, i, a), h = n * (e.lineHeight ?? 1.2), c = e.letterSpacing ?? 0, d = 4 / o, f = 4 / o, b = document.createElement("canvas");
+    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 * (e.lineHeight ?? 1.2), c = e.letterSpacing ?? 0, d = 4 / o, f = 4 / o, b = document.createElement("canvas");
     b.width = t.canvas.width, b.height = t.canvas.height;
     const u = b.getContext("2d");
     if (!u) {
@@ -2419,20 +2419,20 @@ class Vt {
     u.setTransform(t.getTransform()), u.textBaseline = "alphabetic", u.lineJoin = "round";
     const p = e.getRichText ? e.getRichText() : null;
     if (p) {
-      const g = Qt(p), y = [], S = [];
+      const g = te(p), y = [], S = [];
       g.forEach((T) => {
         if (e.transformType === "custom" && e.transformData) {
-          const C = e.transformData.width - pt * 2, R = te(T, C, {
+          const R = e.transformData.width - pt * 2, C = ee(T, R, {
             fontSize: n,
             fontFamily: s,
             bold: i,
             italic: a,
             letterSpacing: e.letterSpacing
           });
-          R.forEach((x, H) => {
-            y.push(x), S.push({
-              isParagraphStart: H === 0,
-              isParagraphEnd: H === R.length - 1
+          C.forEach((M, I) => {
+            y.push(M), S.push({
+              isParagraphStart: I === 0,
+              isParagraphEnd: I === C.length - 1
             });
           });
         } else
@@ -2444,57 +2444,57 @@ class Vt {
       let m;
       y.length === 0 ? m = 0 : y.length === 1 ? m = l.height : m = (y.length - 1) * h + l.height;
       const w = -m / 2;
-      y.forEach((T, C) => {
-        var q, J;
-        const R = S[C].isParagraphStart, x = S[C].isParagraphEnd;
-        let H = 0;
-        const M = T.map((E) => E.text).join(""), A = ((q = M.match(/^ +/)) == null ? void 0 : q[0].length) || 0, I = ((J = M.match(/ +$/)) == null ? void 0 : J[0].length) || 0;
-        let L = 0;
-        T.forEach((E) => {
-          const z = E.style.fontSize !== void 0 ? E.style.fontSize : n, N = E.style.fontFamily !== void 0 ? E.style.fontFamily : s, Q = E.style.bold !== void 0 ? E.style.bold : i, B = E.style.italic !== void 0 ? E.style.italic : a;
-          let k = E.text;
-          const O = L, G = L + E.text.length;
-          if (!R && A > 0 && O < A) {
-            const P = Math.min(A - O, E.text.length);
-            k = k.substring(P);
+      y.forEach((T, R) => {
+        var N, j;
+        const C = S[R].isParagraphStart, M = S[R].isParagraphEnd;
+        let I = 0;
+        const v = T.map((H) => H.text).join(""), P = ((N = v.match(/^ +/)) == null ? void 0 : N[0].length) || 0, k = ((j = v.match(/ +$/)) == null ? void 0 : j[0].length) || 0;
+        let B = 0;
+        T.forEach((H) => {
+          const z = H.style.fontSize !== void 0 ? H.style.fontSize : n, K = H.style.fontFamily !== void 0 ? H.style.fontFamily : s, Q = H.style.bold !== void 0 ? H.style.bold : i, L = H.style.italic !== void 0 ? H.style.italic : a;
+          let A = H.text;
+          const O = B, G = B + H.text.length;
+          if (!C && P > 0 && O < P) {
+            const E = Math.min(P - O, H.text.length);
+            A = A.substring(E);
           }
-          if (!x && I > 0) {
-            const P = M.length - I;
-            if (G > P) {
-              const _ = !R && O < A ? Math.min(A - O, E.text.length) : 0, j = Math.max(0, P - O - _);
-              k = k.substring(0, j);
+          if (!M && k > 0) {
+            const E = v.length - k;
+            if (G > E) {
+              const _ = !C && O < P ? Math.min(P - O, H.text.length) : 0, U = Math.max(0, E - O - _);
+              A = A.substring(0, U);
             }
           }
-          if (k.length > 0) {
-            const P = E.style.letterSpacing !== void 0 ? E.style.letterSpacing : c;
-            t.save(), t.font = Lt(z, N, Q, B), H += Gt(t.measureText(k).width, k, P), t.restore();
+          if (A.length > 0) {
+            const E = H.style.letterSpacing !== void 0 ? H.style.letterSpacing : c;
+            t.save(), t.font = Lt(z, K, Q, L), I += Xt(t.measureText(A).width, A, E), t.restore();
           }
-          L += E.text.length;
+          B += H.text.length;
         });
-        const D = e.transformType === "custom" && e.transformData ? e.transformData.width - pt * 2 : void 0;
+        const W = e.transformType === "custom" && e.transformData ? e.transformData.width - pt * 2 : void 0;
         let F;
-        r === "center" ? F = -H / 2 : r === "right" ? F = D !== void 0 ? D / 2 - H : -H : F = D !== void 0 ? -D / 2 : 0;
-        const W = w + l.ascent + C * h;
-        L = 0, T.forEach((E) => {
-          const z = E.style.fontSize !== void 0 ? E.style.fontSize : n, N = E.style.fontFamily !== void 0 ? E.style.fontFamily : s;
-          E.style.color !== void 0 ? E.style.color : e.color;
-          const Q = E.style.bold !== void 0 ? E.style.bold : i, B = E.style.italic !== void 0 ? E.style.italic : a;
-          let k = E.text;
-          const O = L, G = L + E.text.length;
-          if (!R && A > 0 && O < A) {
-            const P = Math.min(A - O, E.text.length);
-            k = k.substring(P);
+        r === "center" ? F = -I / 2 : r === "right" ? F = W !== void 0 ? W / 2 - I : -I : F = W !== void 0 ? -W / 2 : 0;
+        const D = w + l.ascent + R * h;
+        B = 0, T.forEach((H) => {
+          const z = H.style.fontSize !== void 0 ? H.style.fontSize : n, K = H.style.fontFamily !== void 0 ? H.style.fontFamily : s;
+          H.style.color !== void 0 ? H.style.color : e.color;
+          const Q = H.style.bold !== void 0 ? H.style.bold : i, L = H.style.italic !== void 0 ? H.style.italic : a;
+          let A = H.text;
+          const O = B, G = B + H.text.length;
+          if (!C && P > 0 && O < P) {
+            const E = Math.min(P - O, H.text.length);
+            A = A.substring(E);
           }
-          if (!x && I > 0) {
-            const P = M.length - I;
-            if (G > P) {
-              const _ = !R && O < A ? Math.min(A - O, E.text.length) : 0, j = Math.max(0, P - O - _);
-              k = k.substring(0, j);
+          if (!M && k > 0) {
+            const E = v.length - k;
+            if (G > E) {
+              const _ = !C && O < P ? Math.min(P - O, H.text.length) : 0, U = Math.max(0, E - O - _);
+              A = A.substring(0, U);
             }
           }
-          if (L += E.text.length, k.length > 0) {
-            const P = E.style.letterSpacing !== void 0 ? E.style.letterSpacing : c;
-            u.font = Lt(z, N, Q, B), u.textAlign = "left", u.globalCompositeOperation = "source-over", u.strokeStyle = t.strokeStyle, u.globalAlpha = Math.min(t.globalAlpha * 1.6, 0.8), u.lineWidth = (f + d) * 2, Pt(u, k, F, W, P), u.globalCompositeOperation = "destination-out", u.globalAlpha = 1, u.lineWidth = f * 2, Pt(u, k, F, W, P), Xt(u, k, F, W, P), F += Gt(u.measureText(k).width, k, P);
+          if (B += H.text.length, A.length > 0) {
+            const E = H.style.letterSpacing !== void 0 ? H.style.letterSpacing : c;
+            u.font = Lt(z, K, Q, L), u.textAlign = "left", u.globalCompositeOperation = "source-over", u.strokeStyle = t.strokeStyle, u.globalAlpha = Math.min(t.globalAlpha * 1.6, 0.8), u.lineWidth = (f + d) * 2, Pt(u, A, F, D, E), u.globalCompositeOperation = "destination-out", u.globalAlpha = 1, u.lineWidth = f * 2, Pt(u, A, F, D, E), Nt(u, A, F, D, E), F += Xt(u.measureText(A).width, A, E);
           }
         });
       });
@@ -2502,9 +2502,9 @@ class Vt {
       t.font = Lt(n, s, i, a), u.font = t.font, u.textAlign = r;
       let g, y;
       if (e.transformType === "custom" && e.transformData) {
-        const R = e.transformData.width - pt * 2, { lines: x } = ye(
+        const C = e.transformData.width - pt * 2, { lines: M } = be(
           e.text,
-          R,
+          C,
           n,
           s,
           i,
@@ -2513,22 +2513,22 @@ class Vt {
           !0,
           { letterSpacing: c, lineHeight: e.lineHeight }
         );
-        g = x;
+        g = M;
       } else {
         g = e.text.split(`
 `);
-        const R = e.text.includes(`
+        const C = e.text.includes(`
 `);
-        g = xe(g, R);
+        g = Re(g, C);
       }
       g.length === 0 ? y = 0 : g.length === 1 ? y = l.height : y = (g.length - 1) * h + l.height;
       const S = -y / 2, m = e.text.includes(`
 `), w = e.transformType === "custom" && e.transformData ? e.transformData.width : 0, T = -w / 2;
-      let C = T + pt;
-      r === "center" ? C = T + w / 2 : r === "right" && (C = T + w - pt), g.forEach((R, x) => {
-        const H = S + l.ascent + x * h, M = m || x === 0, A = m || x === g.length - 1;
-        let I = R;
-        M || (I = I.replace(/^ +/, "")), A || (I = I.replace(/ +$/, "")), u.globalCompositeOperation = "source-over", u.strokeStyle = t.strokeStyle, u.globalAlpha = Math.min(t.globalAlpha * 1.6, 0.8), u.lineWidth = (f + d) * 2, u.lineJoin = "round", Pt(u, I, C, H, c), u.globalCompositeOperation = "destination-out", u.globalAlpha = 1, u.lineWidth = f * 2, Pt(u, I, C, H, c), Xt(u, I, C, H, c);
+      let R = T + pt;
+      r === "center" ? R = T + w / 2 : r === "right" && (R = T + w - pt), g.forEach((C, M) => {
+        const I = S + l.ascent + M * h, v = m || M === 0, P = m || M === g.length - 1;
+        let k = C;
+        v || (k = k.replace(/^ +/, "")), P || (k = k.replace(/ +$/, "")), u.globalCompositeOperation = "source-over", u.strokeStyle = t.strokeStyle, u.globalAlpha = Math.min(t.globalAlpha * 1.6, 0.8), u.lineWidth = (f + d) * 2, u.lineJoin = "round", Pt(u, k, R, I, c), u.globalCompositeOperation = "destination-out", u.globalAlpha = 1, u.lineWidth = f * 2, Pt(u, k, R, I, c), Nt(u, k, R, I, c);
       });
     }
     t.setTransform(1, 0, 0, 1, 0, 0), t.drawImage(b, 0, 0), t.restore();
@@ -2611,7 +2611,7 @@ class Vt {
     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), f = n.amplitude * t.fontSize * Math.sin(n.frequency * Math.PI * d), b = n.amplitude * n.frequency * Math.PI * Math.cos(n.frequency * Math.PI * d);
-      s.push({ x: c, y: f, angle: 0, skewY: b * be }), a += h;
+      s.push({ x: c, y: f, angle: 0, skewY: b * Se }), a += h;
     }), s;
   }
   /**
@@ -2659,7 +2659,7 @@ class Vt {
     }), s;
   }
 }
-class Ct {
+class Rt {
   /**
    * Render snap guides layer
    */
@@ -2673,7 +2673,7 @@ class Ct {
    */
   static renderSpacingIndicatorsLayer(t, e = []) {
     e.length !== 0 && (t.save(), t.setLineDash([]), e.forEach((o) => {
-      const n = Nt(t.canvas);
+      const n = Kt(t.canvas);
       if (t.strokeStyle = n, t.fillStyle = n, t.lineWidth = ct.canvas.spacingIndicatorWidth, t.beginPath(), o.type === "horizontal") {
         const s = o.x1 ?? 0, i = o.x2 ?? 0, a = o.y ?? 0;
         t.moveTo(s, a), t.lineTo(i, a), t.stroke();
@@ -2698,10 +2698,10 @@ class Ct {
     const s = `${n}`;
     t.font = `600 ${ct.canvas.spacingLabelFontSize}px ${ct.canvas.spacingLabelFontFamily}`;
     const a = t.measureText(s).width, r = ct.canvas.spacingLabelFontSize, l = 4, h = a + l * 2, c = r + l * 2;
-    t.fillStyle = Nt(t.canvas), t.beginPath(), t.roundRect(e - h / 2, o - c / 2, h, c, Se), t.fill(), t.fillStyle = me, t.textAlign = "center", t.textBaseline = "middle", t.fillText(s, e, o);
+    t.fillStyle = Kt(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);
   }
 }
-class zt {
+class Vt {
   /**
    * Render edit mode features: cursor and text selection highlight
    * This renders on the main canvas at world coordinates (same as the element)
@@ -2713,149 +2713,149 @@ class zt {
       this.renderTransformEditModeLayer(t, s, o, b);
       return;
     }
-    const p = s.fontSize || 24, g = s.fontFamily || "Arial", y = s.bold || !1, S = s.italic || !1, m = s.underline || !1, w = s.strikethrough || !1, T = s.textAlign || "center", C = s.letterSpacing ?? 0;
+    const p = s.fontSize || 24, g = s.fontFamily || "Arial", y = s.bold || !1, S = s.italic || !1, m = s.underline || !1, w = s.strikethrough || !1, T = s.textAlign || "center", R = s.letterSpacing ?? 0;
     t.save(), t.translate(s.x, s.y), t.rotate(-s.rotation * Math.PI / 180);
-    const R = Jt(p, g, y, S), x = R.height, H = p * (s.lineHeight ?? 1.2);
-    let M, A, I;
+    const C = Qt(p, g, y, S), M = C.height, I = p * (s.lineHeight ?? 1.2);
+    let v, P, k;
     if (h && s.transformType === "custom" && s.transformData.width) {
-      const B = s.transformData.width - pt * 2;
-      I = B;
-      const k = Qt(h);
-      M = [], A = [], k.forEach((O) => {
-        const G = te(O, B, {
+      const L = s.transformData.width - pt * 2;
+      k = L;
+      const A = te(h);
+      v = [], P = [], A.forEach((O) => {
+        const G = ee(O, L, {
           fontSize: s.fontSize,
           fontFamily: s.fontFamily,
           bold: s.bold,
           italic: s.italic,
           letterSpacing: s.letterSpacing
         });
-        G.forEach((P, _) => {
-          M.push(P), A.push({
+        G.forEach((E, _) => {
+          v.push(E), P.push({
             isParagraphStart: _ === 0,
             isParagraphEnd: _ === G.length - 1
           });
         });
       });
     } else
-      M = l.split(`
-`).map((k) => [
+      v = l.split(`
+`).map((A) => [
         {
-          text: k,
+          text: A,
           style: { fontSize: p, fontFamily: g, bold: y, italic: S }
         }
-      ]), A = M.map(() => ({
+      ]), P = v.map(() => ({
         isParagraphStart: !0,
         // Each line is its own paragraph
         isParagraphEnd: !0
       }));
-    const L = M.length > 1 ? R.height + (M.length - 1) * H : R.height;
-    let D = -L / 2, F = 0, W = D, q = x;
-    const J = [];
-    let E = 0;
-    M.forEach((B, k) => {
-      var _, j;
-      const O = A[k].isParagraphStart, G = A[k].isParagraphEnd, P = [];
-      B.forEach((ot) => {
+    const B = v.length > 1 ? C.height + (v.length - 1) * I : C.height;
+    let W = -B / 2, F = 0, D = W, N = M;
+    const j = [];
+    let H = 0;
+    v.forEach((L, A) => {
+      var _, U;
+      const O = P[A].isParagraphStart, G = P[A].isParagraphEnd, E = [];
+      L.forEach((ot) => {
         Array.from(ot.text).forEach((lt) => {
-          let Y = p, ht = g, it = y, U = S, st = C;
-          if (h && E < l.length) {
-            const Z = h.getStyleAt(E);
-            Y = Z.fontSize || p, ht = Z.fontFamily || g, it = Z.bold !== void 0 ? Z.bold : y, U = Z.italic !== void 0 ? Z.italic : S, st = Z.letterSpacing !== void 0 ? Z.letterSpacing : C;
+          let Y = p, ht = g, it = y, Z = S, st = R;
+          if (h && H < l.length) {
+            const J = h.getStyleAt(H);
+            Y = J.fontSize || p, ht = J.fontFamily || g, it = J.bold !== void 0 ? J.bold : y, Z = J.italic !== void 0 ? J.italic : S, st = J.letterSpacing !== void 0 ? J.letterSpacing : R;
           }
           t.save();
-          const V = it ? "bold" : "normal", $ = U ? "italic" : "normal";
-          t.font = `${$} ${V} ${Y}px "${ht}", Arial, sans-serif`;
+          const V = it ? "bold" : "normal", q = Z ? "italic" : "normal";
+          t.font = `${q} ${V} ${Y}px "${ht}", Arial, sans-serif`;
           const at = t.measureText(lt).width + st;
-          t.restore(), P.push({ char: lt, width: at, fontSize: Y, index: E }), E++;
+          t.restore(), E.push({ char: lt, width: at, fontSize: Y, index: H }), H++;
         });
       });
       {
-        const ot = k === 0, et = k === M.length - 1, lt = P.map((V) => V.char).join(""), Y = ((_ = lt.match(/^ +/)) == null ? void 0 : _[0].length) || 0, ht = ((j = lt.match(/ +$/)) == null ? void 0 : j[0].length) || 0;
+        const ot = A === 0, et = A === v.length - 1, lt = E.map((V) => V.char).join(""), Y = ((_ = lt.match(/^ +/)) == null ? void 0 : _[0].length) || 0, ht = ((U = lt.match(/ +$/)) == null ? void 0 : U[0].length) || 0;
         let it = 0;
-        for (let V = 0; V < P.length; V++)
-          !ot && V < Y || !et && V >= P.length - ht || (it += P[V].width);
-        let U;
-        T === "center" ? U = -it / 2 : T === "right" ? U = I !== void 0 ? I / 2 - it : -it : U = I !== void 0 ? -I / 2 : 0;
-        let st = U;
-        for (let V = 0; V < P.length; V++) {
-          const $ = P[V];
-          J[$.index] = {
+        for (let V = 0; V < E.length; V++)
+          !ot && V < Y || !et && V >= E.length - ht || (it += E[V].width);
+        let Z;
+        T === "center" ? Z = -it / 2 : T === "right" ? Z = k !== void 0 ? k / 2 - it : -it : Z = k !== void 0 ? -k / 2 : 0;
+        let st = Z;
+        for (let V = 0; V < E.length; V++) {
+          const q = E[V];
+          j[q.index] = {
             x: st,
-            y: D,
-            width: $.width,
+            y: W,
+            width: q.width,
             // All characters keep their width for cursor navigation
-            height: $.fontSize
-          }, st += $.width;
+            height: q.fontSize
+          }, st += q.width;
         }
-        if (P.length > 0) {
-          const V = P[0].index, $ = P[P.length - 1].index, ut = k < M.length - 1 && $ + 1 === E ? $ : $ + 1;
+        if (E.length > 0) {
+          const V = E[0].index, q = E[E.length - 1].index, ut = A < v.length - 1 && q + 1 === H ? q : q + 1;
           if (i >= V && i <= ut)
             if (i === V)
-              F = U, W = D, q = x;
+              F = Z, D = W, N = M;
             else {
               let yt = 0;
-              for (let rt = 0; rt < P.length && P[rt].index < i; rt++) {
-                const dt = P[rt], bt = dt.char === " ";
+              for (let rt = 0; rt < E.length && E[rt].index < i; rt++) {
+                const dt = E[rt], bt = dt.char === " ";
                 let St = !0;
                 if (bt) {
-                  const kt = rt < Y, X = rt >= P.length - ht, vt = !O && Y > 0, Mt = !G && ht > 0;
-                  St = !(kt && vt || X && Mt);
+                  const kt = rt < Y, X = rt >= E.length - ht, vt = !O && Y > 0, xt = !G && ht > 0;
+                  St = !(kt && vt || X && xt);
                 }
                 St && (yt += dt.width);
               }
-              F = U + yt, W = D, q = x;
+              F = Z + yt, D = W, N = M;
             }
         }
-        k < M.length - 1 && (D += H);
+        A < v.length - 1 && (W += I);
       }
     });
     const z = a !== r;
-    let N = null, Q = null;
+    let K = null, Q = null;
     if (z) {
-      const B = Math.min(a, r), k = Math.max(a, r);
-      t.save(), t.fillStyle = Te(t.canvas);
-      let O = 0, G = -L / 2;
-      if (M.forEach((P, _) => {
+      const L = Math.min(a, r), A = Math.max(a, r);
+      t.save(), t.fillStyle = we(t.canvas);
+      let O = 0, G = -B / 2;
+      if (v.forEach((E, _) => {
         var ht, it;
-        const j = A[_].isParagraphStart, ot = A[_].isParagraphEnd, et = _ === 0, lt = _ === M.length - 1, Y = [];
-        if (P.forEach((U) => {
-          Array.from(U.text).forEach((st) => {
-            const V = U.style || {}, $ = V.fontSize !== void 0 ? V.fontSize : p, at = V.fontFamily !== void 0 ? V.fontFamily : g, Z = V.bold !== void 0 ? V.bold : y, ut = V.italic !== void 0 ? V.italic : S, yt = V.letterSpacing !== void 0 ? V.letterSpacing : C;
+        const U = P[_].isParagraphStart, ot = P[_].isParagraphEnd, et = _ === 0, lt = _ === v.length - 1, Y = [];
+        if (E.forEach((Z) => {
+          Array.from(Z.text).forEach((st) => {
+            const V = Z.style || {}, q = V.fontSize !== void 0 ? V.fontSize : p, at = V.fontFamily !== void 0 ? V.fontFamily : g, J = V.bold !== void 0 ? V.bold : y, ut = V.italic !== void 0 ? V.italic : S, yt = V.letterSpacing !== void 0 ? V.letterSpacing : R;
             t.save();
-            const rt = Z ? "bold" : "normal", dt = ut ? "italic" : "normal";
-            t.font = `${dt} ${rt} ${$}px "${at}", Arial, sans-serif`;
+            const rt = J ? "bold" : "normal", dt = ut ? "italic" : "normal";
+            t.font = `${dt} ${rt} ${q}px "${at}", Arial, sans-serif`;
             const bt = t.measureText(st).width + yt;
             t.restore(), Y.push({ char: st, index: O, width: bt, style: V }), O++;
           });
         }), Y.length > 0) {
-          const U = Y[0].index, st = Y[Y.length - 1].index;
-          if (k > U && B <= st) {
+          const Z = Y[0].index, st = Y[Y.length - 1].index;
+          if (A > Z && L <= st) {
             t.save();
-            const V = Y.map((X) => X.char).join(""), $ = ((ht = V.match(/^ +/)) == null ? void 0 : ht[0].length) || 0, at = ((it = V.match(/ +$/)) == null ? void 0 : it[0].length) || 0;
-            let Z = 0;
+            const V = Y.map((X) => X.char).join(""), q = ((ht = V.match(/^ +/)) == null ? void 0 : ht[0].length) || 0, at = ((it = V.match(/ +$/)) == null ? void 0 : it[0].length) || 0;
+            let J = 0;
             for (let X = 0; X < Y.length; X++)
-              !et && X < $ || !lt && X >= Y.length - at || (Z += Y[X].width);
+              !et && X < q || !lt && X >= Y.length - at || (J += Y[X].width);
             let ut = 0;
-            T === "center" ? ut = -Z / 2 : T === "right" && (ut = -Z);
-            const yt = Math.max(B, U), rt = Math.min(k, st + 1);
+            T === "center" ? ut = -J / 2 : T === "right" && (ut = -J);
+            const yt = Math.max(L, Z), rt = Math.min(A, st + 1);
             let dt = 0;
             for (let X = 0; X < Y.length && Y[X].index < yt; X++) {
-              const vt = Y[X], Mt = X < $, Ht = X >= Y.length - at, It = !j && $ > 0, Bt = !ot && at > 0;
-              !(Mt && It || Ht && Bt) && (dt += vt.width);
+              const vt = Y[X], xt = X < q, Ht = X >= Y.length - at, It = !U && q > 0, Bt = !ot && at > 0;
+              !(xt && It || Ht && Bt) && (dt += vt.width);
             }
             let bt = 0;
             for (let X = 0; X < Y.length && Y[X].index < rt; X++) {
-              const vt = Y[X], Mt = X < $, Ht = X >= Y.length - at, It = !j && $ > 0, Bt = !ot && at > 0;
-              !(Mt && It || Ht && Bt) && (bt += vt.width);
+              const vt = Y[X], xt = X < q, Ht = X >= Y.length - at, It = !U && q > 0, Bt = !ot && at > 0;
+              !(xt && It || Ht && Bt) && (bt += vt.width);
             }
             const St = ut + dt, kt = bt - dt;
-            t.fillRect(St, G, kt, x), N === null && (N = { x: St, y: G }), Q = { x: St + kt, y: G + x }, t.restore();
+            t.fillRect(St, G, kt, M), K === null && (K = { x: St, y: G }), Q = { x: St + kt, y: G + M }, t.restore();
           }
         }
-        _ < M.length - 1 && (G += H);
+        _ < v.length - 1 && (G += I);
       }), t.restore(), h) {
         t.save();
-        const P = s.transformType === "custom" ? s.transformData : null, _ = P != null && P.width ? P.width - pt * 2 : void 0;
+        const E = s.transformType === "custom" ? s.transformData : null, _ = E != null && E.width ? E.width - pt * 2 : void 0;
         Ce(t, h, {
           fontSize: p,
           fontFamily: g,
@@ -2870,26 +2870,26 @@ class zt {
         }, _), t.restore();
       }
     }
-    if (z && d && N && Q) {
-      const B = N, k = Q, O = 6 / b, G = 2 / b;
+    if (z && d && K && Q) {
+      const L = K, A = Q, O = 6 / b, G = 2 / b;
       t.save();
-      const P = nt(t.canvas);
-      t.fillStyle = P, t.strokeStyle = P, t.lineWidth = G, t.lineCap = "round";
-      const _ = { x: B.x, y: B.y - O }, j = { x: k.x, y: k.y + O };
-      t.beginPath(), t.moveTo(B.x, B.y), t.lineTo(B.x, B.y + x), t.stroke(), t.beginPath(), t.arc(_.x, _.y, O, 0, Math.PI * 2), t.fill(), t.strokeStyle = "white", t.lineWidth = 2 / b, t.stroke(), t.strokeStyle = P, t.lineWidth = G, t.beginPath(), t.moveTo(k.x, k.y - x), t.lineTo(k.x, k.y), t.stroke(), t.beginPath(), t.arc(j.x, j.y, O, 0, Math.PI * 2), t.fill(), t.strokeStyle = "white", t.lineWidth = 2 / b, t.stroke(), t.restore(), f && (f.current = {
+      const E = nt(t.canvas);
+      t.fillStyle = E, t.strokeStyle = E, t.lineWidth = G, t.lineCap = "round";
+      const _ = { x: L.x, y: L.y - O }, U = { x: A.x, y: A.y + O };
+      t.beginPath(), t.moveTo(L.x, L.y), t.lineTo(L.x, L.y + M), t.stroke(), t.beginPath(), t.arc(_.x, _.y, O, 0, Math.PI * 2), t.fill(), t.strokeStyle = "white", t.lineWidth = 2 / b, t.stroke(), t.strokeStyle = E, t.lineWidth = G, t.beginPath(), t.moveTo(A.x, A.y - M), t.lineTo(A.x, A.y), t.stroke(), t.beginPath(), t.arc(U.x, U.y, O, 0, Math.PI * 2), t.fill(), t.strokeStyle = "white", t.lineWidth = 2 / b, t.stroke(), t.restore(), f && (f.current = {
         start: {
           center: _,
-          textEdge: B
+          textEdge: L
           // Original selection edge (top-left of selection on first line)
         },
         end: {
-          center: j,
-          textEdge: k
+          center: U,
+          textEdge: A
           // Original selection edge (bottom-right of selection on last line)
         }
       });
     } else f && (f.current = { start: null, end: null });
-    !z && c > 0 && (t.save(), t.globalAlpha = c, t.strokeStyle = nt(t.canvas), t.lineWidth = 3 / b, t.lineCap = "round", t.beginPath(), t.moveTo(F, W), t.lineTo(F, W + q), t.stroke(), t.restore()), t.restore();
+    !z && c > 0 && (t.save(), t.globalAlpha = c, t.strokeStyle = nt(t.canvas), t.lineWidth = 3 / b, t.lineCap = "round", t.beginPath(), t.moveTo(F, D), t.lineTo(F, D + N), t.stroke(), t.restore()), t.restore();
   }
   /**
    * Render edit mode features for transformed text (circle, wave, arch, etc.)
@@ -2900,7 +2900,7 @@ class zt {
     t.save(), t.translate(e.x, e.y), t.rotate(-e.rotation * Math.PI / 180);
     const c = l ? "bold" : "normal", d = h ? "italic" : "normal";
     t.font = `${d} ${c} ${a}px ${r}`;
-    const f = Array.from(e.text), b = f.map((p) => t.measureText(p).width), u = Vt.calculateCharPositions(e, f, b);
+    const f = Array.from(e.text), b = f.map((p) => t.measureText(p).width), u = Ft.calculateCharPositions(e, f, b);
     if (s >= 0 && s <= f.length && i > 0) {
       let p;
       if (s === 0)
@@ -2939,10 +2939,10 @@ class zt {
    * Shows both image resize handles and crop handles
    */
   static renderCropBoxLayer(t, e, o, n = 1) {
-    if (!(e instanceof we) || !e.isCropping) return;
+    if (!(e instanceof ve) || !e.isCropping) return;
     const s = e, i = s.getCropBoxBounds();
     if (!i) return;
-    const a = 4 / n, r = 2 / n, l = ve / n, h = Me / n, c = 1 / n;
+    const a = 4 / n, r = 2 / n, l = xe / n, h = Me / n, c = 1 / n;
     t.save(), t.translate(e.x * n, e.y * n), t.rotate(gt.toRadians(e.rotation));
     const d = s.transformData.flipHorizontal ? -1 : 1, f = s.transformData.flipVertical ? -1 : 1;
     t.scale(d * n, f * n);
@@ -2955,12 +2955,12 @@ class zt {
     t.fillStyle = "rgba(0, 0, 0, 0.5)", i.y > m.y && t.fillRect(m.x, m.y, m.width, i.y - m.y);
     const w = i.y + i.height, T = m.y + m.height;
     w < T && t.fillRect(m.x, w, m.width, T - w), i.x > m.x && t.fillRect(m.x, i.y, i.x - m.x, i.height);
-    const C = i.x + i.width, R = m.x + m.width;
-    C < R && t.fillRect(C, i.y, R - C, i.height), t.strokeStyle = nt(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 H = i.height / 3;
-    if (t.beginPath(), t.moveTo(i.x, i.y + H), t.lineTo(i.x + i.width, i.y + H), t.moveTo(i.x, i.y + 2 * H), t.lineTo(i.x + i.width, i.y + 2 * H), t.stroke(), [
+    const R = i.x + i.width, C = m.x + m.width;
+    R < C && t.fillRect(R, i.y, C - R, i.height), t.strokeStyle = nt(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 M = i.width / 3;
+    t.beginPath(), t.moveTo(i.x + M, i.y), t.lineTo(i.x + M, i.y + i.height), t.moveTo(i.x + 2 * M, i.y), t.lineTo(i.x + 2 * M, i.y + i.height), t.stroke();
+    const I = i.height / 3;
+    if (t.beginPath(), t.moveTo(i.x, i.y + I), t.lineTo(i.x + i.width, i.y + I), t.moveTo(i.x, i.y + 2 * I), t.lineTo(i.x + i.width, i.y + 2 * I), t.stroke(), [
       { x: i.x, y: i.y },
       // top-left
       { x: i.x + i.width, y: i.y },
@@ -2969,8 +2969,8 @@ class zt {
       // bottom-right
       { x: i.x, y: i.y + i.height }
       // bottom-left
-    ].forEach((I) => {
-      t.beginPath(), t.arc(I.x, I.y, l + 1 / n, 0, Math.PI * 2), t.fillStyle = "#bbb", t.fill(), t.beginPath(), t.arc(I.x, I.y, l, 0, Math.PI * 2), t.fillStyle = "#fff", t.fill();
+    ].forEach((k) => {
+      t.beginPath(), t.arc(k.x, k.y, l + 1 / n, 0, Math.PI * 2), t.fillStyle = "#bbb", t.fill(), t.beginPath(), t.arc(k.x, k.y, l, 0, Math.PI * 2), t.fillStyle = "#fff", t.fill();
     }), [
       { x: i.x + i.width / 2, y: i.y, orientation: "horizontal" },
       // top
@@ -2980,32 +2980,32 @@ class zt {
       // left
       { x: i.x + i.width, y: i.y + i.height / 2, orientation: "vertical" }
       // right
-    ].forEach((I) => {
-      let L, D;
-      I.orientation === "horizontal" ? (L = h, D = a) : (L = a, D = h);
-      const F = I.x - L / 2, W = I.y - D / 2;
-      t.fillStyle = "#fff", t.fillRect(F, W, L, D), t.strokeStyle = "#bbb", t.lineWidth = c, t.strokeRect(F, W, L, D);
+    ].forEach((k) => {
+      let B, W;
+      k.orientation === "horizontal" ? (B = h, W = a) : (B = a, W = h);
+      const F = k.x - B / 2, D = k.y - W / 2;
+      t.fillStyle = "#fff", t.fillRect(F, D, B, W), t.strokeStyle = "#bbb", t.lineWidth = c, t.strokeRect(F, D, B, W);
     }), t.restore(), o && o.resizeHandles) {
-      const I = o.resizeHandles.filter(
-        (W) => W.anchor === "top-left" || W.anchor === "top-right" || W.anchor === "bottom-left" || W.anchor === "bottom-right"
-      ), L = s.getCropBoxWorldCorners(), D = 6, F = 20;
-      I.forEach((W) => {
-        let q = !1;
-        if (L)
-          for (const J of L) {
-            const E = W.x - J.x, z = W.y - J.y;
-            if (Math.sqrt(E * E + z * z) < F) {
-              q = !0;
+      const k = o.resizeHandles.filter(
+        (D) => D.anchor === "top-left" || D.anchor === "top-right" || D.anchor === "bottom-left" || D.anchor === "bottom-right"
+      ), B = s.getCropBoxWorldCorners(), W = 6, F = 20;
+      k.forEach((D) => {
+        let N = !1;
+        if (B)
+          for (const j of B) {
+            const H = D.x - j.x, z = D.y - j.y;
+            if (Math.sqrt(H * H + z * z) < F) {
+              N = !0;
               break;
             }
           }
-        q || (t.save(), t.globalAlpha = 1, t.beginPath(), t.arc(W.x * n, W.y * n, D, 0, 2 * Math.PI), t.fillStyle = "#fff", t.fill(), t.strokeStyle = nt(t.canvas), t.lineWidth = 2, t.stroke(), t.restore());
+        N || (t.save(), t.globalAlpha = 1, t.beginPath(), t.arc(D.x * n, D.y * n, W, 0, 2 * Math.PI), t.fillStyle = "#fff", t.fill(), t.strokeStyle = nt(t.canvas), t.lineWidth = 2, t.stroke(), t.restore());
       });
     }
   }
 }
-Ae();
-const Ne = Zt("CanvasRenderer"), K = class K {
+Ee();
+const Ke = Jt("CanvasRenderer"), $ = class $ {
   /**
    * Get a pooled offscreen canvas for clipping content, only recreating
    * when dimensions change. Eliminates per-frame canvas allocation.
@@ -3029,7 +3029,7 @@ const Ne = Zt("CanvasRenderer"), K = class K {
       e.render(t, o, n);
     } catch (s) {
       const i = s instanceof Error ? s : new Error(String(s));
-      Ne.error(`Failed to render element ${e.id}:`, i), K.onRenderError && K.onRenderError({
+      Ke.error(`Failed to render element ${e.id}:`, i), $.onRenderError && $.onRenderError({
         category: "render",
         message: `Failed to render element: ${i.message}`,
         originalError: i,
@@ -3101,12 +3101,12 @@ const Ne = Zt("CanvasRenderer"), K = class K {
       const w = new Path2D();
       w.rect(p, g, y - p, S - g);
       for (const T of m.pieces) {
-        const C = new Path2D(T.d), R = T.rotation ?? 0, x = new DOMMatrix();
-        if (x.translateSelf(o.x + T.x, o.y + T.y), R !== 0) {
-          const H = (T.baseWidth ?? 0) / 2, M = (T.baseHeight ?? 0) / 2, A = R === 90 || R === 270, I = A ? T.baseHeight ?? 0 : T.baseWidth ?? 0, L = A ? T.baseWidth ?? 0 : T.baseHeight ?? 0;
-          x.translateSelf(I / 2, L / 2), x.rotateSelf(R), x.translateSelf(-H, -M);
+        const R = new Path2D(T.d), C = T.rotation ?? 0, M = new DOMMatrix();
+        if (M.translateSelf(o.x + T.x, o.y + T.y), C !== 0) {
+          const I = (T.baseWidth ?? 0) / 2, v = (T.baseHeight ?? 0) / 2, P = C === 90 || C === 270, k = P ? T.baseHeight ?? 0 : T.baseWidth ?? 0, B = P ? T.baseWidth ?? 0 : T.baseHeight ?? 0;
+          M.translateSelf(k / 2, B / 2), M.rotateSelf(C), M.translateSelf(-I, -v);
         }
-        w.addPath(C, x);
+        w.addPath(R, M);
       }
       t.clip(w, "evenodd");
     } else
@@ -3124,23 +3124,23 @@ const Ne = Zt("CanvasRenderer"), K = class K {
    */
   static renderElementsLayer(t, e, o, n, s, i, a, r = !0, l = !1, h = !1) {
     const c = s != null && s.getMode() === "drag", d = s == null ? void 0 : s._activeChildContext;
-    e !== K._cachedElementsRef && (K._cachedElementConfigs = e.map((g) => g.toJSON()), K._cachedElementMap = new Map(e.map((g) => [g.id, g])), K._cachedElementsRef = e);
-    const f = K._cachedElementConfigs, b = K._cachedElementMap, u = K._knockoutRenderedIds;
+    e !== $._cachedElementsRef && ($._cachedElementConfigs = e.map((g) => g.toJSON()), $._cachedElementMap = new Map(e.map((g) => [g.id, g])), $._cachedElementsRef = e);
+    const f = $._cachedElementConfigs, b = $._cachedElementMap, u = $._knockoutRenderedIds;
     u.clear(), e.forEach((g, y) => {
       var S, m, w;
       if (g.blendMode === "knockout" || g.blendMode === "clip") {
-        const T = f[y], C = g.blendMode === "knockout" ? "destination-out" : "destination-in", R = ((S = T.knockoutParts) == null ? void 0 : S.scope) || "group", x = f.findIndex((I) => I.id === T.id), H = ((m = T.knockoutParts) == null ? void 0 : m.fill) || ((w = T.knockoutParts) == null ? void 0 : w.stroke), M = R === "artboard" && x !== -1 ? f.slice(0, x) : [];
-        H && (R === "artboard" || M.length > 0) && (M.forEach((I) => I.id && u.add(I.id)), Re(
+        const T = f[y], R = g.blendMode === "knockout" ? "destination-out" : "destination-in", C = ((S = T.knockoutParts) == null ? void 0 : S.scope) || "group", M = f.findIndex((k) => k.id === T.id), I = ((m = T.knockoutParts) == null ? void 0 : m.fill) || ((w = T.knockoutParts) == null ? void 0 : w.stroke), v = C === "artboard" && M !== -1 ? f.slice(0, M) : [];
+        I && (C === "artboard" || v.length > 0) && (v.forEach((k) => k.id && u.add(k.id)), ke(
           t,
           T,
           f,
-          (I, L) => {
-            const D = L.id && b.get(L.id);
-            D && this.renderElement(I, D, r);
+          (k, B) => {
+            const W = B.id && b.get(B.id);
+            W && this.renderElement(k, W, r);
           },
           i,
           a,
-          C
+          R
         ), u.add(g.id));
       }
     }), e.some((g) => !u.has(g.id) && g.isClipping) ? this._renderWithClipping(
@@ -3154,26 +3154,32 @@ const Ne = Zt("CanvasRenderer"), K = class K {
       f,
       r
     ) : e.forEach((g) => {
-      var R, x;
+      var M, I;
       if (u.has(g.id) || g.visible === !1) return;
-      const y = g.id === o, S = (n == null ? void 0 : n.type) === "element" && ((R = n == null ? void 0 : n.data) == null ? void 0 : R.id) === g.id, m = c && d && Dt(g) && g.id === o, w = y && !m, T = f[e.indexOf(g)], C = ((x = T == null ? void 0 : T.distressEffect) == null ? void 0 : x.enabled) && T.distressEffect.style === "custom" && T.distressEffect.textureUrl;
-      if (T && T.masks && T.masks.length > 0)
-        At(t, T, (H) => {
-          const M = (A) => {
-            r && (A.save(), A.globalAlpha = tt), this.safeRender(A, g, w, S), r && A.restore();
-          };
-          if (C) {
-            const A = g.getVisualBoundingBox();
-            Kt(H, T.distressEffect, A, M);
-          } else
-            M(H);
-        });
-      else if (C) {
-        const H = g.getVisualBoundingBox();
-        Kt(t, T.distressEffect, H, (M) => {
-          r && (M.save(), M.globalAlpha = tt), this.safeRender(M, g, w, S), r && M.restore();
-        });
-      } else l && !h && a && w ? this.renderElementWithOverflowDimming(t, g, a, w, S, r) : l && a ? (t.save(), this.applyArtboardClipPath(t, a), r && (t.globalAlpha = tt), this.safeRender(t, g, w, S), t.restore()) : (r && (t.save(), t.globalAlpha = tt), this.safeRender(t, g, w, S), r && t.restore());
+      const y = g.id === o, S = (n == null ? void 0 : n.type) === "element" && ((M = n == null ? void 0 : n.data) == null ? void 0 : M.id) === g.id, m = c && d && _t(g) && g.id === o, w = y && !m, T = f[e.indexOf(g)], R = ((I = T == null ? void 0 : T.distressEffect) == null ? void 0 : I.enabled) && T.distressEffect.style === "custom" && T.distressEffect.textureUrl, C = (v) => {
+        if (T && T.masks && T.masks.length > 0)
+          At(v, T, (P) => {
+            const k = (B) => {
+              r && (B.save(), B.globalAlpha = tt), this.safeRender(B, g, w, S), r && B.restore();
+            };
+            if (R) {
+              const B = g.getVisualBoundingBox();
+              $t(P, T.distressEffect, B, k);
+            } else
+              k(P);
+          });
+        else if (R) {
+          const P = g.getVisualBoundingBox();
+          $t(v, T.distressEffect, P, (k) => {
+            r && (k.save(), k.globalAlpha = tt), this.safeRender(k, g, w, S), r && k.restore();
+          });
+        } else l && !h && a && w ? this.renderElementWithOverflowDimming(v, g, a, w, S, r) : l && a ? (v.save(), this.applyArtboardClipPath(v, a), r && (v.globalAlpha = tt), this.safeRender(v, g, w, S), v.restore()) : (r && (v.save(), v.globalAlpha = tt), this.safeRender(v, g, w, S), r && v.restore());
+      };
+      Dt(
+        t,
+        T,
+        (v) => C(v)
+      );
     });
   }
   /**
@@ -3203,29 +3209,35 @@ const Ne = Zt("CanvasRenderer"), K = class K {
     for (const y of b)
       if (!y.mask)
         y.content.forEach((S, m) => {
-          var H;
-          const w = S.id === n, T = (s == null ? void 0 : s.type) === "element" && ((H = s == null ? void 0 : s.data) == null ? void 0 : H.id) === S.id, C = i && a && Dt(S) && S.id === n, R = w && !C, x = y.contentConfigs[m];
-          x && x.masks && x.masks.length > 0 ? At(t, x, (M) => {
-            l && (M.save(), M.globalAlpha = tt), S.render(M, R, T), l && M.restore();
-          }) : (l && (t.save(), t.globalAlpha = tt), S.render(t, R, T), l && t.restore());
+          var I;
+          const w = S.id === n, T = (s == null ? void 0 : s.type) === "element" && ((I = s == null ? void 0 : s.data) == null ? void 0 : I.id) === S.id, R = i && a && _t(S) && S.id === n, C = w && !R, M = y.contentConfigs[m];
+          Dt(t, M, (v) => {
+            const P = v;
+            M && M.masks && M.masks.length > 0 ? At(P, M, (k) => {
+              l && (k.save(), k.globalAlpha = tt), S.render(k, C, T), l && k.restore();
+            }) : (l && (P.save(), P.globalAlpha = tt), S.render(P, C, T), l && P.restore());
+          });
         });
       else {
         const S = this._getContentCanvas(c, d), m = S.getContext("2d");
         if (!m) continue;
-        m.setTransform(1, 0, 0, 1, 0, 0), m.clearRect(0, 0, c, d), m.globalCompositeOperation = "source-over", m.setTransform(f), y.content.forEach((x, H) => {
+        m.setTransform(1, 0, 0, 1, 0, 0), m.clearRect(0, 0, c, d), m.globalCompositeOperation = "source-over", m.setTransform(f), y.content.forEach((M, I) => {
           var F;
-          const M = x.id === n, A = (s == null ? void 0 : s.type) === "element" && ((F = s == null ? void 0 : s.data) == null ? void 0 : F.id) === x.id, I = i && a && Dt(x) && x.id === n, L = M && !I, D = y.contentConfigs[H];
-          D && D.masks && D.masks.length > 0 ? At(m, D, (W) => {
-            l && (W.save(), W.globalAlpha = tt), x.render(W, L, A), l && W.restore();
-          }) : (l && (m.save(), m.globalAlpha = tt), x.render(m, L, A), l && m.restore());
+          const v = M.id === n, P = (s == null ? void 0 : s.type) === "element" && ((F = s == null ? void 0 : s.data) == null ? void 0 : F.id) === M.id, k = i && a && _t(M) && M.id === n, B = v && !k, W = y.contentConfigs[I];
+          Dt(m, W, (D) => {
+            const N = D;
+            W && W.masks && W.masks.length > 0 ? At(N, W, (j) => {
+              l && (j.save(), j.globalAlpha = tt), M.render(j, B, P), l && j.restore();
+            }) : (l && (N.save(), N.globalAlpha = tt), M.render(N, B, P), l && N.restore());
+          });
         });
         const w = this._getMaskCanvas(c, d), T = w.getContext("2d");
         if (!T) continue;
         T.setTransform(1, 0, 0, 1, 0, 0), T.clearRect(0, 0, c, d), T.globalCompositeOperation = "source-over", T.setTransform(f);
-        const C = y.mask.id === n, R = (s == null ? void 0 : s.type) === "element" && ((g = s == null ? void 0 : s.data) == null ? void 0 : g.id) === y.mask.id;
-        y.maskConfig && y.maskConfig.masks && y.maskConfig.masks.length > 0 ? At(T, y.maskConfig, (x) => {
-          l && (x.save(), x.globalAlpha = tt), y.mask.render(x, C, R), l && x.restore();
-        }) : (l && (T.save(), T.globalAlpha = tt), y.mask.render(T, C, R), l && T.restore()), m.globalCompositeOperation = "destination-in", m.setTransform(1, 0, 0, 1, 0, 0), m.drawImage(w, 0, 0), t.save(), t.setTransform(1, 0, 0, 1, 0, 0), t.drawImage(S, 0, 0), t.restore();
+        const R = y.mask.id === n, C = (s == null ? void 0 : s.type) === "element" && ((g = s == null ? void 0 : s.data) == null ? void 0 : g.id) === y.mask.id;
+        y.maskConfig && y.maskConfig.masks && y.maskConfig.masks.length > 0 ? At(T, y.maskConfig, (M) => {
+          l && (M.save(), M.globalAlpha = tt), y.mask.render(M, R, C), l && M.restore();
+        }) : (l && (T.save(), T.globalAlpha = tt), y.mask.render(T, R, C), l && T.restore()), m.globalCompositeOperation = "destination-in", m.setTransform(1, 0, 0, 1, 0, 0), m.drawImage(w, 0, 0), t.save(), t.setTransform(1, 0, 0, 1, 0, 0), t.drawImage(S, 0, 0), t.restore();
       }
   }
   // =========================================================================
@@ -3236,21 +3248,21 @@ const Ne = Zt("CanvasRenderer"), K = class K {
    * @see InteractionFeedbackRenderer.renderSnapGuidesLayer
    */
   static renderSnapGuidesLayer(t, e = []) {
-    Ct.renderSnapGuidesLayer(t, e);
+    Rt.renderSnapGuidesLayer(t, e);
   }
   /**
    * Render spacing indicators layer
    * @see InteractionFeedbackRenderer.renderSpacingIndicatorsLayer
    */
   static renderSpacingIndicatorsLayer(t, e = []) {
-    Ct.renderSpacingIndicatorsLayer(t, e);
+    Rt.renderSpacingIndicatorsLayer(t, e);
   }
   /**
    * Render a distance label with background
    * @see InteractionFeedbackRenderer.renderDistanceLabel
    */
   static renderDistanceLabel(t, e, o, n) {
-    Ct.renderDistanceLabel(t, e, o, n);
+    Rt.renderDistanceLabel(t, e, o, n);
   }
   /**
    * Render selection box layer
@@ -3288,14 +3300,14 @@ const Ne = Zt("CanvasRenderer"), K = class K {
    * @see HoverRenderer.renderHoverLayer
    */
   static renderHoverLayer(t, e, o, n = !1, s = 1, i) {
-    Vt.renderHoverLayer(t, e, o, n, s, i);
+    Ft.renderHoverLayer(t, e, o, n, s, i);
   }
   /**
    * Render crop box layer (for images in crop mode)
    * @see EditModeRenderer.renderCropBoxLayer
    */
   static renderCropBoxLayer(t, e, o, n = 1) {
-    zt.renderCropBoxLayer(t, e, o, n);
+    Vt.renderCropBoxLayer(t, e, o, n);
   }
   // =========================================================================
   // Main Render Orchestration
@@ -3343,10 +3355,10 @@ const Ne = Zt("CanvasRenderer"), K = class K {
       d,
       u,
       p
-    ), g != null && g.enabled && c && ke(t, g, c, h), y != null && y.enabled && c && Pe(t, y, c, h), i && S && n && zt.renderEditModeLayer(t, n, S, f), f !== 1) {
+    ), g != null && g.enabled && c && Pe(t, g, c, h), y != null && y.enabled && c && Ae(t, y, c, h), i && S && n && Vt.renderEditModeLayer(t, n, S, f), f !== 1) {
       t.save();
-      const C = t.getTransform().a / f, R = b.x * f * C, x = b.y * f * C;
-      t.setTransform(C, 0, 0, C, R, x);
+      const R = t.getTransform().a / f, C = b.x * f * R, M = b.y * f * R;
+      t.setTransform(R, 0, 0, R, C, M);
     }
     const m = r.map((T) => ({
       ...T,
@@ -3367,7 +3379,7 @@ const Ne = Zt("CanvasRenderer"), K = class K {
       labelX: T.labelX * f,
       labelY: T.labelY * f
     }));
-    Ct.renderSnapGuidesLayer(t, m), Ct.renderSpacingIndicatorsLayer(t, w), f !== 1 && t.restore();
+    Rt.renderSnapGuidesLayer(t, m), Rt.renderSpacingIndicatorsLayer(t, w), f !== 1 && t.restore();
   }
   /**
    * Single-selection interaction chrome: bbox, handles, position/size
@@ -3404,8 +3416,8 @@ const Ne = Zt("CanvasRenderer"), K = class K {
       const S = t.getTransform().a / u, m = p.x * u * S, w = p.y * u * S;
       t.setTransform(S, 0, 0, S, m, w);
     }
-    if (e && Ee(e) && e.isCropping)
-      o && zt.renderCropBoxLayer(t, e, o, u);
+    if (e && He(e) && e.isCropping)
+      o && Vt.renderCropBoxLayer(t, e, o, u);
     else if (!l && n && wt.renderSelectionLayer(t, e, n, u), o && n && wt.renderPositionSizeInfo(t, e, o, n, u), !l && o && n && wt.renderHandlesLayer(
       t,
       e,
@@ -3419,29 +3431,29 @@ const Ne = Zt("CanvasRenderer"), K = class K {
     ), !h) {
       if (f) {
         t.save();
-        const y = f, S = y.x * u, m = y.y * u, w = y.width * u, T = y.height * u, C = (y.borderRadius ?? 0) * u;
-        t.beginPath(), C > 0 ? t.roundRect(S, m, w, T, C) : t.rect(S, m, w, T), t.clip();
+        const y = f, S = y.x * u, m = y.y * u, w = y.width * u, T = y.height * u, R = (y.borderRadius ?? 0) * u;
+        t.beginPath(), R > 0 ? t.roundRect(S, m, w, T, R) : t.rect(S, m, w, T), t.clip();
       }
-      Vt.renderHoverLayer(t, a, r, c, u, d), f && t.restore();
+      Ft.renderHoverLayer(t, a, r, c, u, d), f && t.restore();
     }
     u !== 1 && t.restore();
   }
 };
-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 Ut = K;
+$._contentCanvas = null, $._contentCanvasSize = { width: 0, height: 0 }, $._maskCanvas = null, $._maskCanvasSize = { width: 0, height: 0 }, $._cachedElementsRef = null, $._cachedElementConfigs = null, $._cachedElementMap = null, $._knockoutRenderedIds = /* @__PURE__ */ new Set(), $.onRenderError = null;
+let Zt = $;
 export {
-  en as A,
-  Ut as C,
-  tn as I,
-  Ge as R,
-  nn as S,
-  Je as T,
-  ne as a,
-  Ue as b,
-  qe as c,
-  Ve as d,
-  Qe as e,
-  $t as g,
-  Ze as r
+  nn as A,
+  Zt as C,
+  en as I,
+  Xe as R,
+  sn as S,
+  Qe as T,
+  se as a,
+  Ze as b,
+  Ue as c,
+  Fe as d,
+  tn as e,
+  jt as g,
+  Je as r
 };
-//# sourceMappingURL=CanvasRenderer-BEf0hXeF.js.map
+//# sourceMappingURL=CanvasRenderer-1j-twIbs.js.map