@snowcone-app/canvas 0.27.0 → 0.29.0

package/dist/{CanvasRenderer-yszzrDfo.js → CanvasRenderer-_lFoIoz5.js}

@@ -1,7 +1,7 @@
-import { X as te, Y as ee, ar as tt, Z 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, a4 as jt, a0 as qt, a6 as ft, a1 as Ut, a2 as Ht, a5 as fe, a8 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-EF3gLPr8.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-BTcyj4cf.js";
-import { i as Lt, a as Re } from "./guards-DIX8aXWM.js";
-const it = {
+import { X as oe, Y as ie, au as nt, Z as Ft, aH as ae, aF as re, ay as Ot, aE as le, ax as gt, aI as he, aJ as Yt, aK as ce, aL as de, c as Zt, aM as fe, aN as ge, aO as ue, aP as pe, a4 as Jt, a0 as Qt, a8 as pt, a1 as te, a2 as Lt, a9 as Gt, a7 as Pt, aa as Xt, a5 as ye, ab as be, aQ as Nt, aR as Se, aS as me, aT as Te, I as we, aU as ve, aV as Me, aW as tt } from "./FontAnalyzer-D4Sg-P6_.js";
+import { T as Wt, a as xe, u as Ce, K as Re, z as At, L as Kt, M as ke, N as Pe, O as Ae } from "./ExportManager-B8Td7uR5.js";
+import { i as Dt, a as Ee } from "./guards-uQtEQJbs.js";
+const ct = {
   // Canvas-specific
   canvas: {
     snapThreshold: 8,
@@ -15,30 +15,30 @@ const it = {
     spacingLabelFontSize: 11,
     spacingLabelFontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
   }
-}, ke = 2, Mt = 6, Pe = 16, Ae = 5, Ee = 5, Zt = 0.5;
-function Gt(M) {
-  return ke / M;
+}, He = 2, Rt = 6, Ie = 16, Be = 5, Le = 5, ee = 0.5;
+function $t(v) {
+  return He / v;
 }
-function Fe(M) {
-  return Mt / M;
+function qe(v) {
+  return Rt / v;
 }
-function Ie(M) {
-  return Pe / M;
+function We(v) {
+  return Ie / v;
 }
-function Oe(M) {
-  return [Ae / M, Ee / M];
+function Ue(v) {
+  return [Be / v, Le / v];
 }
-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 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 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();
+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();
 }
-const Xt = Mt * 2;
-class Ge {
+const jt = Rt * 2;
+class Je {
   constructor() {
     this.resizeHandles = [], this.rotationHandle = null, this.elementRotation = 0, this.rotationAnchor = { x: 0, y: 0 };
   }
@@ -50,13 +50,13 @@ class Ge {
   update(t, e = 1) {
     const n = "isCropping" in t && t.isCropping ? t.getBoundingBox() : t.getVisualBoundingBox(), s = t.getRotationAnchor(), i = t.getEnabledAnchors();
     this.elementRotation = t.rotation, this.rotationAnchor = s;
-    const a = it.canvas.selectionPadding, r = {
+    const a = ct.canvas.selectionPadding, r = {
       x: n.x - a,
       y: n.y - a,
       width: n.width + a * 2,
       height: n.height + a * 2
-    }, 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(
+    }, 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(
       r,
       t.rotation,
       s,
@@ -71,8 +71,8 @@ class Ge {
     this.resizeHandles.forEach((c) => {
       if (a && r && c.anchor !== r.anchor)
         return;
-      const d = !!(i && i.anchor === c.anchor), u = !!(a && r && r.anchor === c.anchor);
-      this.renderResizeHandle(t, c, d, u, l);
+      const d = !!(i && i.anchor === c.anchor), f = !!(a && r && r.anchor === c.anchor);
+      this.renderResizeHandle(t, c, d, f, l);
     }), h && e && this.rotationHandle && !n && !a && this.renderRotationHandle(t, this.rotationHandle, s, l), h && e && this.rotationHandle && n && this.renderRotationTooltip(t, this.rotationHandle, o, l);
   }
   /**
@@ -85,10 +85,10 @@ class Ge {
     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 = Xt * 0.6, c = Xt * 1.4, d = h / 2, u = i - h / 2, p = a - c / 2;
-      t.fillStyle = "#fff", t.strokeStyle = tt(t.canvas), t.lineWidth = o || n ? 2.5 : 2, t.beginPath(), t.roundRect(u, p, h, c, d), t.fill(), t.stroke();
+      const h = jt * 0.6, c = jt * 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 = tt(t.canvas), t.lineWidth = o || n ? 2.5 : 2, t.beginPath(), t.arc(i, a, Mt, 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, Rt, 0, Math.PI * 2), t.fill(), t.stroke();
     t.restore();
   }
   /**
@@ -97,9 +97,9 @@ class Ge {
    */
   renderRotationHandle(t, e, o = !1, n = 1) {
     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 = Zt;
+    const s = e.x * n, i = e.y * n, a = Rt * 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;
     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 Ge {
    * @param zoom - Current zoom level (radius scales inversely with zoom)
    */
   hitTestResize(t, e, o = 1) {
-    const n = se / o;
+    const n = re / o;
     for (const s of this.resizeHandles)
-      if (zt(t, e, s.x, s.y, n))
+      if (Ft(t, e, s.x, s.y, n))
         return s;
     return null;
   }
@@ -127,8 +127,8 @@ class Ge {
    */
   hitTestRotation(t, e, o = 1) {
     if (!this.rotationHandle) return !1;
-    const n = (Mt * 2.67 + 2) / o;
-    return zt(t, e, this.rotationHandle.x, this.rotationHandle.y, n);
+    const n = (Rt * 2.67 + 2) / o;
+    return Ft(t, e, this.rotationHandle.x, this.rotationHandle.y, n);
   }
   /**
    * Get rotation handle position (for React-based rendering)
@@ -143,7 +143,7 @@ class Ge {
    */
   getCursor(t, e) {
     const o = t.anchor.includes("middle") ? "edge" : "corner";
-    return ne(
+    return ae(
       t.x,
       t.y,
       this.rotationAnchor.x,
@@ -154,7 +154,33 @@ class Ge {
     );
   }
 }
-class Be {
+const _e = 15;
+function ze(v, t) {
+  return Math.abs(v) >= 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(v, t = _e) {
+  let o = (Math.round(v / t) * t % 360 + 360) % 360;
+  return o > 180 && (o -= 360), o === 0 ? 0 : o;
+}
+function Oe({
+  anchor: v,
+  startVisualWidth: t,
+  startVisualHeight: e,
+  newVisualWidth: o,
+  newVisualHeight: n
+}) {
+  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, {
+    scale: l,
+    newVisualWidth: t * l,
+    newVisualHeight: e * l
+  };
+}
+class Ye {
   /**
    * Calculate new dimensions and position for a resize operation
    */
@@ -164,64 +190,79 @@ class Be {
     dx: o,
     dy: n,
     startData: s,
-    snapSystem: i
+    snapSystem: i,
+    modifiers: a
   }) {
-    var B, L, W, O, D;
-    const r = new Vt(t).worldDeltaToLocal(o, n), l = r.dx, h = r.dy, c = s.visualWidth ?? s.width ?? 0, d = s.visualHeight ?? s.height ?? 0, u = s.width ?? 0, p = s.height ?? 0;
-    let b = c, g = d;
-    e.anchor.includes("right") ? b = c + l : e.anchor.includes("left") && (b = c - l), e.anchor !== "middle-left" && e.anchor !== "middle-right" && (e.anchor.includes("bottom") ? g = d + h : e.anchor.includes("top") && (g = d - h));
-    let f, y;
-    if (e.anchor === "middle-left" || e.anchor === "middle-right") {
-      const F = b - c;
-      f = u + F, y = p;
+    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;
+    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({
+        anchor: e.anchor,
+        startVisualWidth: d,
+        startVisualHeight: f,
+        newVisualWidth: p,
+        newVisualHeight: g
+      });
+      S = z.scale, p = z.newVisualWidth, g = z.newVisualHeight;
+    }
+    let m, w;
+    if (S !== null)
+      m = b * S, w = u * S;
+    else if (e.anchor === "middle-left" || e.anchor === "middle-right") {
+      const z = p - d;
+      m = b + z, w = u;
     } else if (e.anchor === "middle-top" || e.anchor === "middle-bottom") {
-      const F = g - d;
-      f = u, y = p + F;
+      const z = g - f;
+      m = b, w = u + z;
     } else {
-      const F = b / c, E = g / d;
-      f = u * F, y = p * E;
+      const z = p / d, N = g / f;
+      m = b * z, w = u * N;
     }
-    const m = b, T = g;
-    let v = !1;
+    const T = p, C = g;
+    let R = !1;
     if (i && t.transformType === "image") {
-      const F = e.anchor ?? "", E = F === "top-left" || F === "top-right" || F === "bottom-left" || F === "bottom-right", $ = F.startsWith("crop-");
-      if (E && !$) {
-        const j = (B = i.activeSnaps) == null ? void 0 : B.x, J = (L = i.activeSnaps) == null ? void 0 : L.y;
-        if (!!j || !!J) {
-          const k = [j, J].find(
-            (I) => typeof I == "object" && I !== null && "frozenWidth" in I
+      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
           );
-          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 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;
+          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);
+            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;
           }
         }
       }
     }
-    f = Math.max(50, f), y = Math.max(40, y);
-    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 };
+    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 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({
+    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({
         element: t,
-        updatedElement: S,
+        updatedElement: x,
         handle: e,
-        rotationAnchor: F
+        rotationAnchor: z
       });
-      S.x += E.x, S.y += E.y;
+      x.x += N.x, x.y += N.y;
     }
     return {
-      element: S,
-      isFrozen: x,
+      element: x,
+      isFrozen: A,
       // For snap system to detect break-free: dimensions before freeze was applied
-      unfrozenDimensions: v ? { width: m, height: T } : void 0
+      unfrozenDimensions: R ? { width: T, height: C } : void 0
     };
   }
   /**
@@ -235,10 +276,10 @@ class Be {
     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, 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;
+    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;
     return {
-      x: v - O,
-      y: S - D
+      x: w - F,
+      y: T - W
     };
   }
   /**
@@ -276,7 +317,7 @@ class Be {
     return n;
   }
 }
-class Le {
+class Ge {
   constructor() {
     this.hooks = {
       beforeResize: [],
@@ -331,9 +372,10 @@ class Le {
    */
   executeResize(t) {
     const e = this.runHooks("beforeResize", t);
-    let o = Be.calculateResize({
+    let o = Ye.calculateResize({
       ...e,
-      snapSystem: t.snapSystem
+      snapSystem: t.snapSystem,
+      modifiers: t.modifiers
     });
     return o.handle = t.handle, o.startData = t.startData, o = this.runHooks("afterResize", o), o;
   }
@@ -346,8 +388,8 @@ class Le {
     return this.runHooks("afterPositionUpdate", o).position;
   }
 }
-const Xe = new Le();
-class Ne {
+const Qe = new Ge();
+class tn {
   constructor(t = null) {
     this.state = "IDLE", this.context = {
       mode: null,
@@ -431,17 +473,24 @@ class Ne {
   /**
    * Update drag operation
    * Returns updated position { x, y }
-   */
-  updateDrag(t, e, o = null) {
+   *
+   * `modifiers.shift` axis-locks the drag to the dominant axis
+   * (re-evaluated each move). Alignment snapping still runs on the
+   * free axis; on the locked axis the position is clamped back to the
+   * gesture-start value AFTER snapping, so a snap can never move the
+   * element off the locked axis. Read modifiers from the CURRENT
+   * pointer event — users press/release Shift mid-gesture.
+   */
+  updateDrag(t, e, o = null, n) {
     if (this.state !== "DRAGGING")
       throw new Error("Cannot update drag: not in DRAGGING state");
-    const n = t - this.context.startX, s = e - this.context.startY, i = this.context.startData;
-    let a = i.x + n, r = i.y + s;
+    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;
+    let c = h.x + a, d = h.y + r;
     if (this.snapHandler && this.snapHandler.snapPosition && this.context.element) {
-      const l = this.snapHandler.snapPosition({ x: a, y: r }, this.context.element, o);
-      a = l.x, r = l.y;
+      const f = this.snapHandler.snapPosition({ x: c, y: d }, this.context.element, o);
+      c = f.x, d = f.y;
     }
-    return { x: a, y: r };
+    return l === "x" ? c = h.x : l === "y" && (d = h.y), { x: c, y: d };
   }
   /**
    * Start resize operation
@@ -541,13 +590,19 @@ class Ne {
   /**
    * Update rotation operation
    * Returns updated rotation angle in degrees
+   *
+   * `modifiers.shift` snaps the result to 15° increments in stored
+   * (user-facing, sign-flipped — gotcha #15) degrees. The shift snap
+   * REPLACES the snapHandler's rotation snap while held: the 15° grid
+   * is a superset of the usual 0/90/180 magnets and must win
+   * deterministically. Read modifiers from the CURRENT pointer event.
    */
-  updateRotate(t, e, o, n) {
+  updateRotate(t, e, o, n, s) {
     if (this.state !== "ROTATING")
       throw new Error("Cannot update rotate: not in ROTATING state");
-    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;
+    const i = this.context.startData, r = (le(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;
   }
   /**
    * Get rotation context
@@ -661,7 +716,7 @@ class Ne {
     return this.context.mode;
   }
 }
-class bt {
+class mt {
   /**
    * Resolve rotation anchor with clear precedence:
    * 1. Transform's getRotationAnchor() if overridden
@@ -698,7 +753,7 @@ class bt {
       rotation: this.resolve(t)
     };
     if (t.rotation !== 0) {
-      const n = o.rotation, s = ht.toRadiansInverse(t.rotation);
+      const n = o.rotation, s = gt.toRadiansInverse(t.rotation);
       Object.keys(o).forEach((i) => {
         if (i === "rotation") return;
         const a = o[i], r = a.x - n.x, l = a.y - n.y, h = r * Math.cos(s) - l * Math.sin(s), c = r * Math.sin(s) + l * Math.cos(s);
@@ -769,7 +824,7 @@ class bt {
     return Math.abs(n.x - o.x) > s || Math.abs(n.y - o.y) > s;
   }
 }
-class Nt {
+class qt {
   constructor(t) {
     this.cellSize = t, this.cells = /* @__PURE__ */ new Map(), this.idIndex = /* @__PURE__ */ new Map();
   }
@@ -811,12 +866,12 @@ class Nt {
     const s = [], i = Math.floor((t - o) / this.cellSize), a = Math.floor((t + o) / this.cellSize), r = Math.floor((e - o) / this.cellSize), l = Math.floor((e + o) / this.cellSize);
     for (let h = i; h <= a; h++)
       for (let c = r; c <= l; c++) {
-        const d = `${h},${c}`, u = this.cells.get(d);
-        if (u)
-          for (const p of u) {
-            if (n !== void 0 && p.id === n) continue;
-            const b = p.x - t, g = p.y - e;
-            b * b + g * g <= o * o && s.push(p);
+        const d = `${h},${c}`, f = this.cells.get(d);
+        if (f)
+          for (const b of f) {
+            if (n !== void 0 && b.id === n) continue;
+            const u = b.x - t, p = b.y - e;
+            u * u + p * p <= o * o && s.push(b);
           }
       }
     return s;
@@ -865,32 +920,32 @@ class Nt {
     return `${Math.floor(t / this.cellSize)},${Math.floor(e / this.cellSize)}`;
   }
 }
-function lt(M) {
-  const t = M.transformData;
+function ft(v) {
+  const t = v.transformData;
   if (t && "width" in t && typeof t.width == "number")
     return t.width;
 }
-function St(M) {
-  const t = M.transformData;
+function Tt(v) {
+  const t = v.transformData;
   if (t && "height" in t && typeof t.height == "number")
     return t.height;
 }
-function wt(M, t) {
-  const e = M.transformData;
+function xt(v, t) {
+  const e = v.transformData;
   return e && "width" in e ? (e.width = t, !0) : !1;
 }
-function Pt(M, t) {
-  const e = M.transformData;
+function Et(v, t) {
+  const e = v.transformData;
   return e && "height" in e ? (e.height = t, !0) : !1;
 }
-class Ke {
+class en {
   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 = {
+    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 Nt(Math.max(this.snapThreshold * 2, 16)), this._anchorMetadata = /* @__PURE__ */ new Map();
+    }, this.stickyThreshold = t.stickyThreshold || 15, this._spatialGrid = new qt(Math.max(this.snapThreshold * 2, 16)), this._anchorMetadata = /* @__PURE__ */ new Map();
   }
   /**
    * Enable or disable snapping
@@ -902,7 +957,7 @@ class Ke {
    * Set snap threshold in pixels
    */
   setSnapThreshold(t) {
-    this.snapThreshold = t, this._spatialGrid = new Nt(Math.max(t * 2, 16));
+    this.snapThreshold = t, this._spatialGrid = new qt(Math.max(t * 2, 16));
   }
   /**
    * Get current snap guides for rendering
@@ -941,7 +996,7 @@ class Ke {
   _populateSpatialGrid(t) {
     this._spatialGrid.clear(), this._anchorMetadata.clear();
     for (const e of t) {
-      const o = bt.getSnapAnchors(e);
+      const o = mt.getSnapAnchors(e);
       for (const [n, s] of Object.entries(o)) {
         const i = `${e.id}:${n}`, a = {
           x: s.x,
@@ -990,73 +1045,73 @@ class Ke {
       return this.clearGuides(), t;
     const n = e.clone();
     n.x = t.x, n.y = t.y;
-    const s = bt.getSnapAnchors(n), i = o.filter((y) => y.id !== e.id);
+    const s = mt.getSnapAnchors(n), i = o.filter((y) => y.id !== e.id);
     this._populateSpatialGrid(i);
     let a = null, r = null, l = 1 / 0, h = 1 / 0;
-    const c = [], d = [], u = [];
-    for (const [y, m] of Object.entries(s)) {
-      const T = this._spatialGrid.queryNearAxis("x", m.x, this.snapThreshold);
-      for (const S of T) {
-        const C = this._anchorMetadata.get(S.id);
+    const c = [], d = [], f = [];
+    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, P = Math.abs(m.x - R.x);
-        if (P < this.snapThreshold) {
-          const w = {
+        const R = C.point, x = C.anchorKey, H = Math.abs(S.x - R.x);
+        if (H < this.snapThreshold) {
+          const M = {
             snapTo: R.x,
-            offset: m.x - t.x,
+            offset: S.x - t.x,
             // How far anchor is from element position
-            distance: P,
+            distance: H,
             guide: {
               type: "vertical",
               x: R.x,
-              y1: Math.min(m.y, R.y) - 50,
-              y2: Math.max(m.y, R.y) + 50,
+              y1: Math.min(S.y, R.y) - 50,
+              y2: Math.max(S.y, R.y) + 50,
               movingKey: y,
               otherKey: x
             }
           };
-          c.push(w), P < l && (l = P, a = w);
+          c.push(M), H < l && (l = H, a = M);
         }
       }
-      const v = this._spatialGrid.queryNearAxis("y", m.y, this.snapThreshold);
-      for (const S of v) {
-        const C = this._anchorMetadata.get(S.id);
+      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, P = Math.abs(m.y - R.y);
-        if (P < this.snapThreshold) {
-          const w = {
+        const R = C.point, x = C.anchorKey, H = Math.abs(S.y - R.y);
+        if (H < this.snapThreshold) {
+          const M = {
             snapTo: R.y,
-            offset: m.y - t.y,
-            distance: P,
+            offset: S.y - t.y,
+            distance: H,
             guide: {
               type: "horizontal",
               y: R.y,
-              x1: Math.min(m.x, R.x) - 50,
-              x2: Math.max(m.x, R.x) + 50,
+              x1: Math.min(S.x, R.x) - 50,
+              x2: Math.max(S.x, R.x) + 50,
               movingKey: y,
               otherKey: x
             }
           };
-          d.push(w), P < h && (h = P, r = w);
+          d.push(M), H < h && (h = H, r = M);
         }
       }
     }
-    let p = t.x, b = t.y;
-    a && (p = a.snapTo - a.offset), r && (b = r.snapTo - r.offset);
-    const g = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+    let b = t.x, u = t.y;
+    a && (b = a.snapTo - a.offset), r && (u = r.snapTo - r.offset);
+    const p = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
     for (const y of c) {
-      const m = g.get(y.snapTo);
-      (!m || y.distance < m.distance) && g.set(y.snapTo, y);
+      const S = p.get(y.snapTo);
+      (!S || y.distance < S.distance) && p.set(y.snapTo, y);
     }
     for (const y of d) {
-      const m = f.get(y.snapTo);
-      (!m || y.distance < m.distance) && f.set(y.snapTo, y);
+      const S = g.get(y.snapTo);
+      (!S || y.distance < S.distance) && g.set(y.snapTo, y);
     }
+    for (const y of p.values())
+      f.push(y.guide);
     for (const y of g.values())
-      u.push(y.guide);
-    for (const y of f.values())
-      u.push(y.guide);
-    return this.guides = u, { x: p, y: b };
+      f.push(y.guide);
+    return this.guides = f, { x: b, y: u };
   }
   /**
    * Calculate what the frozen font size should be at the snap point
@@ -1067,7 +1122,7 @@ class Ke {
     const i = n != null && n.anchor ? String(n.anchor) : "";
     if (!(n && (i.includes("top") || i.includes("bottom"))))
       return s.fontSize ?? 0;
-    const r = lt(t) ?? t.width ?? s.width;
+    const r = ft(t) ?? t.width ?? s.width;
     let l = r;
     i.includes("right") && e !== 0 ? l = r + e : i.includes("left") && e !== 0 && (l = r - e);
     const h = l / s.width;
@@ -1079,7 +1134,7 @@ class Ke {
    * Used for text elements where height is derived, not settable
    */
   _isPositionBasedSnap(t, e) {
-    return e === "x" ? !1 : e === "y" ? !(St(t) !== void 0 || t.height !== void 0 && typeof t.height == "number") : !1;
+    return e === "x" ? !1 : e === "y" ? !(Tt(t) !== void 0 || t.height !== void 0 && typeof t.height == "number") : !1;
   }
   /**
    * Determine which snap keys to use based on the resize handle
@@ -1107,9 +1162,9 @@ class Ke {
       for (const h of l) {
         const c = this._anchorMetadata.get(h.id);
         if (!c || !i.has(c.anchorKey)) continue;
-        const d = c.point, u = c.anchorKey, p = Math.abs(r.x - d.x);
-        p < this.snapThreshold && s.push({
-          distance: p,
+        const d = c.point, f = c.anchorKey, b = Math.abs(r.x - d.x);
+        b < this.snapThreshold && s.push({
+          distance: b,
           snapTo: d.x,
           currentValue: r.x,
           guide: {
@@ -1118,7 +1173,7 @@ class Ke {
             y1: Math.min(r.y, d.y) - 50,
             y2: Math.max(r.y, d.y) + 50,
             movingKey: a,
-            otherKey: u
+            otherKey: f
           }
         });
       }
@@ -1139,9 +1194,9 @@ class Ke {
       for (const h of l) {
         const c = this._anchorMetadata.get(h.id);
         if (!c || !i.has(c.anchorKey)) continue;
-        const d = c.point, u = c.anchorKey, p = Math.abs(r.y - d.y);
-        p < this.snapThreshold && s.push({
-          distance: p,
+        const d = c.point, f = c.anchorKey, b = Math.abs(r.y - d.y);
+        b < this.snapThreshold && s.push({
+          distance: b,
           snapTo: d.y,
           currentValue: r.y,
           guide: {
@@ -1150,7 +1205,7 @@ class Ke {
             x1: Math.min(r.x, d.x) - 50,
             x2: Math.max(r.x, d.x) + 50,
             movingKey: a,
-            otherKey: u
+            otherKey: f
           }
         });
       }
@@ -1190,7 +1245,7 @@ class Ke {
       for (const l of Object.values(o))
         Math.abs(l.x - t.snapTo) < 5 && (a = Math.min(a, l.y), r = Math.max(r, l.y));
       for (const l of n) {
-        const h = bt.getSnapAnchors(l);
+        const h = mt.getSnapAnchors(l);
         for (const c of Object.values(h))
           Math.abs(c.x - t.snapTo) < 5 && (a = Math.min(a, c.y), r = Math.max(r, c.y));
       }
@@ -1212,7 +1267,7 @@ class Ke {
       for (const l of Object.values(o))
         Math.abs(l.y - t.snapTo) < 5 && (a = Math.min(a, l.x), r = Math.max(r, l.x));
       for (const l of n) {
-        const h = bt.getSnapAnchors(l);
+        const h = mt.getSnapAnchors(l);
         for (const c of Object.values(h))
           Math.abs(c.y - t.snapTo) < 5 && (a = Math.min(a, c.x), r = Math.max(r, c.x));
       }
@@ -1259,7 +1314,7 @@ class Ke {
    * @returns {Object} { frozenWidth, frozenHeight } - Dimensions at snap point
    */
   _calculateFrozenDimensionsAtSnap(t, e, o, n, s) {
-    const i = lt(t) ?? t.width ?? 0, a = St(t) ?? t.height ?? 0;
+    const i = ft(t) ?? t.width ?? 0, a = Tt(t) ?? t.height ?? 0;
     let r = i, l = a;
     const h = t.transformType === "image", c = h ? t.imageAspectRatio || (i && a ? i / a : null) : null, d = n.toLowerCase();
     return e === "x" ? d.includes("right") ? (r = i + o, h && c && (l = r / c)) : d.includes("left") && (r = i - o, h && c && (l = r / c)) : e === "y" && (d.includes("bottom") ? (l = a + o, h && c && (r = l * c)) : d.includes("top") && (l = a - o, h && c && (r = l * c))), { frozenWidth: r, frozenHeight: l };
@@ -1274,36 +1329,36 @@ class Ke {
     if (r) {
       const c = e[r.anchorKey];
       if (c) {
-        const d = t === "x" ? c.x : c.y, u = Math.abs(d - r.snapTo), p = this._getAdjustedStickyThreshold(t, n);
-        if (u < p) {
+        const d = t === "x" ? c.x : c.y, f = Math.abs(d - r.snapTo), b = this._getAdjustedStickyThreshold(t, n);
+        if (f < b) {
           if (l = r.snapTo - d, !(t === "y" && r.isPositionBasedSnap)) {
-            const g = this._calculateFrozenFontSizeAtSnap(
+            const p = this._calculateFrozenFontSizeAtSnap(
               n,
               t === "x" ? l : 0,
               t === "y" ? l : 0,
               s,
               i
             );
-            g !== r.frozenFontSize && (r.frozenFontSize = g);
+            p !== r.frozenFontSize && (r.frozenFontSize = p);
           }
           h = this._createGuideForSnap(r, r.anchorKey, e, a, t);
         } else {
-          const b = r;
+          const u = r;
           if (this.activeSnaps[t] = null, o.length > 0 && o[0].distance < this.snapThreshold) {
             h = o[0], l = h.snapTo - h.currentValue;
-            const g = b && b.anchorKey === h.guide.movingKey && Math.abs(b.snapTo - h.snapTo) < 1, f = g ? b.frozenFontSize : this._calculateFrozenFontSizeAtSnap(
+            const p = u && u.anchorKey === h.guide.movingKey && Math.abs(u.snapTo - h.snapTo) < 1, g = p ? u.frozenFontSize : this._calculateFrozenFontSizeAtSnap(
               n,
               t === "x" ? l : 0,
               t === "y" ? l : 0,
               s,
               i
             ), y = this._isPositionBasedSnap(n, t);
-            let m;
-            g ? m = b.frozenPosition : y ? m = {
+            let S;
+            p ? S = u.frozenPosition : y ? S = {
               x: t === "x" ? n.x + l : n.x,
               y: t === "y" ? n.y + l : n.y
-            } : m = { x: n.x, y: n.y };
-            const T = this._calculateFrozenDimensionsAtSnap(
+            } : S = { x: n.x, y: n.y };
+            const m = this._calculateFrozenDimensionsAtSnap(
               n,
               t,
               l,
@@ -1313,10 +1368,10 @@ class Ke {
             this.activeSnaps[t] = {
               snapTo: h.snapTo,
               anchorKey: h.guide.movingKey,
-              frozenFontSize: f,
-              frozenWidth: T.frozenWidth,
-              frozenHeight: T.frozenHeight,
-              frozenPosition: m,
+              frozenFontSize: g,
+              frozenWidth: m.frozenWidth,
+              frozenHeight: m.frozenHeight,
+              frozenPosition: S,
               isPositionBasedSnap: y
             };
           }
@@ -1325,19 +1380,19 @@ class Ke {
         this.activeSnaps[t] = null;
     } else if (o.length > 0 && o[0].distance < this.snapThreshold) {
       h = o[0], l = h.snapTo - h.currentValue;
-      const c = this.activeSnaps[t], d = c && c.anchorKey === h.guide.movingKey && Math.abs(c.snapTo - h.snapTo) < 1, u = d ? c.frozenFontSize : this._calculateFrozenFontSizeAtSnap(
+      const c = this.activeSnaps[t], d = c && c.anchorKey === h.guide.movingKey && Math.abs(c.snapTo - h.snapTo) < 1, f = d ? c.frozenFontSize : this._calculateFrozenFontSizeAtSnap(
         n,
         t === "x" ? l : 0,
         t === "y" ? l : 0,
         s,
         i
-      ), p = this._isPositionBasedSnap(n, t);
-      let b;
-      d ? b = c.frozenPosition : p ? b = {
+      ), b = this._isPositionBasedSnap(n, t);
+      let u;
+      d ? u = c.frozenPosition : b ? u = {
         x: t === "x" ? n.x + l : n.x,
         y: t === "y" ? n.y + l : n.y
-      } : b = { x: n.x, y: n.y };
-      const g = this._calculateFrozenDimensionsAtSnap(
+      } : u = { x: n.x, y: n.y };
+      const p = this._calculateFrozenDimensionsAtSnap(
         n,
         t,
         l,
@@ -1347,11 +1402,11 @@ class Ke {
       this.activeSnaps[t] = {
         snapTo: h.snapTo,
         anchorKey: h.guide.movingKey,
-        frozenFontSize: u,
-        frozenWidth: g.frozenWidth,
-        frozenHeight: g.frozenHeight,
-        frozenPosition: b,
-        isPositionBasedSnap: p
+        frozenFontSize: f,
+        frozenWidth: p.frozenWidth,
+        frozenHeight: p.frozenHeight,
+        frozenPosition: u,
+        isPositionBasedSnap: b
       };
     }
     return { snapDelta: l, bestSnap: h };
@@ -1362,11 +1417,11 @@ class Ke {
   _adjustElementForRightResize(t, e, o) {
     const n = t.getVisualBoundingBox(), s = t.transformType === "image";
     if (!s) {
-      const i = lt(t);
-      i !== void 0 ? wt(t, i + e) : t.width !== void 0 && (t.width += e);
+      const i = ft(t);
+      i !== void 0 ? xt(t, i + e) : t.width !== void 0 && (t.width += e);
     }
     if (o.anchor === "middle-right") {
-      const i = ht.toRadiansInverse(t.rotation), a = Math.cos(i), r = Math.sin(i);
+      const i = gt.toRadiansInverse(t.rotation), a = Math.cos(i), r = Math.sin(i);
       t.x += e / 2 * a, t.y += e / 2 * r;
     } else if (!s) {
       const a = t.getVisualBoundingBox().x - n.x;
@@ -1379,11 +1434,11 @@ class Ke {
   _adjustElementForLeftResize(t, e, o) {
     const n = t.getVisualBoundingBox(), s = t.transformType === "image";
     if (!s) {
-      const i = lt(t);
-      i !== void 0 ? wt(t, i - e) : t.width !== void 0 && (t.width -= e);
+      const i = ft(t);
+      i !== void 0 ? xt(t, i - e) : t.width !== void 0 && (t.width -= e);
     }
     if (o.anchor === "middle-left") {
-      const i = ht.toRadiansInverse(t.rotation), a = Math.cos(i), r = Math.sin(i);
+      const i = gt.toRadiansInverse(t.rotation), a = Math.cos(i), r = Math.sin(i);
       t.x += e / 2 * a, t.y += e / 2 * r;
     } else if (t.x += e, !s) {
       const i = t.getVisualBoundingBox(), a = i.x + i.width - (n.x + n.width);
@@ -1396,12 +1451,12 @@ class Ke {
   _adjustElementForBottomResize(t, e, o) {
     const n = t.getVisualBoundingBox(), s = t.transformType === "image";
     if (!s) {
-      const r = St(t);
-      r !== void 0 ? Pt(t, r + e) : t.height !== void 0 && (t.height += e);
+      const r = Tt(t);
+      r !== void 0 ? Et(t, r + e) : t.height !== void 0 && (t.height += e);
     }
     const i = t.getVisualBoundingBox(), a = Math.abs(i.height - n.height) > 0.01;
     if (o.anchor === "middle-bottom") {
-      const r = ht.toRadiansInverse(t.rotation), l = Math.cos(r), h = Math.sin(r);
+      const r = gt.toRadiansInverse(t.rotation), l = Math.cos(r), h = Math.sin(r);
       t.x -= e / 2 * h, t.y += e / 2 * l;
     } else if (!s && a) {
       const r = i.y - n.y;
@@ -1414,12 +1469,12 @@ class Ke {
   _adjustElementForTopResize(t, e, o) {
     const n = t.getVisualBoundingBox(), s = t.transformType === "image";
     if (!s) {
-      const r = St(t);
-      r !== void 0 ? Pt(t, r - e) : t.height !== void 0 && (t.height -= e);
+      const r = Tt(t);
+      r !== void 0 ? Et(t, r - e) : t.height !== void 0 && (t.height -= e);
     }
     const i = t.getVisualBoundingBox(), a = Math.abs(i.height - n.height) > 0.01;
     if (o.anchor === "middle-top") {
-      const r = ht.toRadiansInverse(t.rotation), l = Math.cos(r), h = Math.sin(r);
+      const r = gt.toRadiansInverse(t.rotation), l = Math.cos(r), h = Math.sin(r);
       t.x -= e / 2 * h, t.y += e / 2 * l;
     } else {
       const r = !s && a;
@@ -1438,63 +1493,63 @@ class Ke {
    * @returns {object} Modified resize result with adjusted element
    */
   snapDimensions(t, e, o = null) {
-    var S, C, R, x, P;
+    var T, C, R, x, H;
     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 w = n.clone();
-      if (w.transformData) {
-        const A = n.getVisualBoundingBox(), B = A.width, L = A.height, W = (o == null ? void 0 : o.width) ?? n.width ?? 0, O = (o == null ? void 0 : o.height) ?? n.height ?? 0, D = (o == null ? void 0 : o.visualWidth) ?? B, F = (o == null ? void 0 : o.visualHeight) ?? L, E = t.unfrozenDimensions.width / D, $ = t.unfrozenDimensions.height / F;
-        wt(w, W * E), Pt(w, O * $);
+      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);
       }
-      i = bt.getSnapAnchors(w);
+      i = mt.getSnapAnchors(M);
     } else
-      i = bt.getSnapAnchors(n);
-    const l = e.filter((w) => w.id !== n.id);
+      i = mt.getSnapAnchors(n);
+    const l = e.filter((M) => M.id !== n.id);
     if (l.length === 0)
       return this.clearGuides(), t;
     this._populateSpatialGrid(l);
-    const h = this._getSnapKeysForHandle(s), c = this._getTargetSnapKeys(), d = this._findXSnaps(i, l, h, c), u = this._findYSnaps(i, l, h, c);
-    this._prioritizeSnaps(d, s, "x"), this._prioritizeSnaps(u, s, "y");
-    const p = this._processStickySnap("x", i, d, n, s, o, l), b = this._processStickySnap("y", i, u, n, s, o, l), g = p.snapDelta, f = b.snapDelta, y = p.bestSnap, m = b.bestSnap, T = [];
-    y && T.push(y.guide), m && T.push(m.guide), this.guides = T, T.length > 0;
-    const v = s && (s.anchor === "top-left" || s.anchor === "top-right" || s.anchor === "bottom-left" || s.anchor === "bottom-right");
-    if (a && v && (g !== 0 || f !== 0))
+    const h = this._getSnapKeysForHandle(s), c = this._getTargetSnapKeys(), d = this._findXSnaps(i, l, h, c), f = this._findYSnaps(i, l, h, c);
+    this._prioritizeSnaps(d, s, "x"), this._prioritizeSnaps(f, s, "y");
+    const b = this._processStickySnap("x", i, d, n, s, o, l), u = this._processStickySnap("y", i, f, n, s, o, l), p = b.snapDelta, g = u.snapDelta, y = b.bestSnap, S = u.bestSnap, m = [];
+    y && m.push(y.guide), S && m.push(S.guide), this.guides = m, m.length > 0;
+    const w = s && (s.anchor === "top-left" || s.anchor === "top-right" || s.anchor === "bottom-left" || s.anchor === "bottom-right");
+    if (a && w && (p !== 0 || g !== 0))
       return t;
-    if (g !== 0 || f !== 0) {
-      const w = n.clone(), A = this.activeSnaps.x || this.activeSnaps.y, B = (A == null ? void 0 : A.frozenFontSize) ?? n.fontSize ?? 0, L = (A == null ? void 0 : A.frozenWidth) ?? lt(n) ?? n.width ?? 0, W = (A == null ? void 0 : A.frozenHeight) ?? St(n) ?? n.height ?? 0, O = (A == null ? void 0 : A.frozenPosition) ?? { x: n.x, y: n.y }, D = w.isCropping && !String(s.anchor).startsWith("crop-");
-      if (!D)
+    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)
         if (s && s.anchor) {
-          if (g !== 0) {
-            const k = (S = this.activeSnaps.x) == null ? void 0 : S.anchorKey, I = k == null ? void 0 : k.toLowerCase();
-            I && I.includes("right") ? this._adjustElementForRightResize(w, g, s) : I && I.includes("left") ? this._adjustElementForLeftResize(w, g, s) : w.x += g;
+          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;
           }
-          if (f !== 0) {
-            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;
+          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;
           }
         } else
-          w.x += g, w.y += f;
-      w.fontSize !== void 0 && (w.fontSize = B);
-      const F = w.transformType === "image", E = this.activeSnaps.x !== null || this.activeSnaps.y !== null;
-      if (F && E) {
-        if (lt(w) !== void 0) {
-          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), Y = w.imageAspectRatio || (H && V ? H / V : null);
-          Y && Y !== 0 && (_ = I / Y), wt(w, I), Pt(w, _), k && (k.frozenWidth = I, k.frozenHeight = _);
+          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);
         }
       } 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));
-      const $ = s && (s.anchor === "middle-left" || s.anchor === "middle-right"), j = s && (s.anchor === "middle-top" || s.anchor === "middle-bottom"), J = ((x = this.activeSnaps.x) == null ? void 0 : x.isPositionBasedSnap) || !1, X = ((P = this.activeSnaps.y) == null ? void 0 : P.isPositionBasedSnap) || !1;
-      return (g === 0 || J) && !$ && !j && !D && (w.x = O.x), (f === 0 || X) && !j && !$ && !D && (w.y = O.y), {
+        (((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), {
         ...t,
-        element: w,
-        snapAdjustment: { dx: g, dy: f },
+        element: M,
+        snapAdjustment: { dx: p, dy: g },
         // Flag to indicate we're in sticky snap mode (used to freeze font size)
         isInStickySnap: !0
       };
@@ -1508,12 +1563,12 @@ class Ke {
     if (!this.enabled) return t;
     const n = [0, 45, 90, 135, 180, 225, 270, 315, 360], s = 5;
     for (const i of n)
-      if (ie(t, i, s))
+      if (he(t, i, s))
         return i;
     return t;
   }
 }
-class $e {
+class nn {
   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 = [];
   }
@@ -1548,106 +1603,106 @@ class $e {
   snapToSpacing(t, e, o) {
     if (!this.enabled || !o)
       return t;
-    const n = Ft, s = o.filter((g) => g.id !== e.id);
+    const n = Yt, s = o.filter((p) => p.id !== e.id);
     if (s.length === 0)
       return t;
     const i = e.clone();
     i.x = t.x, i.y = t.y;
     const a = i.getVisualBoundingBox(), r = a.x - t.x, l = a.y - t.y;
-    let h = t.x, c = t.y, d = !1, u = !1;
-    const p = s.filter((g) => {
-      const f = g.getVisualBoundingBox();
-      return !(a.x + a.width < f.x || a.x > f.x + f.width);
+    let h = t.x, c = t.y, d = !1, f = !1;
+    const b = s.filter((p) => {
+      const g = p.getVisualBoundingBox();
+      return !(a.x + a.width < g.x || a.x > g.x + g.width);
     });
-    if (p.sort((g, f) => {
-      const y = g.getVisualBoundingBox(), m = f.getVisualBoundingBox();
-      return y.y - m.y;
-    }), p.length >= 1) {
-      let g = null, f = null;
-      for (const T of p) {
-        const v = T.getVisualBoundingBox();
-        v.y + v.height <= a.y ? (!g || v.y > g.getVisualBoundingBox().y) && (g = T) : v.y >= a.y + a.height && (!f || v.y < f.getVisualBoundingBox().y) && (f = T);
+    if (b.sort((p, g) => {
+      const y = p.getVisualBoundingBox(), S = g.getVisualBoundingBox();
+      return y.y - S.y;
+    }), b.length >= 1) {
+      let p = null, g = null;
+      for (const m of b) {
+        const w = m.getVisualBoundingBox();
+        w.y + w.height <= a.y ? (!p || w.y > p.getVisualBoundingBox().y) && (p = m) : w.y >= a.y + a.height && (!g || w.y < g.getVisualBoundingBox().y) && (g = m);
       }
       const y = [];
-      for (let T = 0; T < p.length - 1; T++) {
-        const v = p[T].getVisualBoundingBox(), C = p[T + 1].getVisualBoundingBox().y - (v.y + v.height);
+      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);
       }
-      let m = null;
-      if (g) {
-        const T = g.getVisualBoundingBox(), v = a.y - (T.y + T.height);
-        for (const S of y)
-          if (Math.abs(v - S) <= n) {
-            m = S;
+      let S = null;
+      if (p) {
+        const m = p.getVisualBoundingBox(), w = a.y - (m.y + m.height);
+        for (const T of y)
+          if (Math.abs(w - T) <= n) {
+            S = T;
             break;
           }
       }
-      if (!m && f) {
-        const v = f.getVisualBoundingBox().y - (a.y + a.height);
-        for (const S of y)
-          if (Math.abs(v - S) <= n) {
-            m = S;
+      if (!S && g) {
+        const w = g.getVisualBoundingBox().y - (a.y + a.height);
+        for (const T of y)
+          if (Math.abs(w - T) <= n) {
+            S = T;
             break;
           }
       }
-      if (m !== null && m > 0) {
-        if (g) {
-          const T = g.getVisualBoundingBox(), v = a.y - (T.y + T.height);
-          Math.abs(v - m) <= n && (c = T.y + T.height + m - l, u = !0);
+      if (S !== null && S > 0) {
+        if (p) {
+          const m = p.getVisualBoundingBox(), w = a.y - (m.y + m.height);
+          Math.abs(w - S) <= n && (c = m.y + m.height + S - l, f = !0);
         }
-        if (!u && f) {
-          const T = f.getVisualBoundingBox(), v = T.y - (a.y + a.height);
-          Math.abs(v - m) <= n && (c = T.y - a.height - m - l, u = !0);
+        if (!f && g) {
+          const m = g.getVisualBoundingBox(), w = m.y - (a.y + a.height);
+          Math.abs(w - S) <= n && (c = m.y - a.height - S - l, f = !0);
         }
       }
     }
-    const b = s.filter((g) => {
-      const f = g.getVisualBoundingBox();
-      return !(a.y + a.height < f.y || a.y > f.y + f.height);
+    const u = s.filter((p) => {
+      const g = p.getVisualBoundingBox();
+      return !(a.y + a.height < g.y || a.y > g.y + g.height);
     });
-    if (b.sort((g, f) => {
-      const y = g.getVisualBoundingBox(), m = f.getVisualBoundingBox();
-      return y.x - m.x;
-    }), b.length >= 1) {
-      let g = null, f = null;
-      for (const T of b) {
-        const v = T.getVisualBoundingBox();
-        v.x + v.width <= a.x ? (!g || v.x > g.getVisualBoundingBox().x) && (g = T) : v.x >= a.x + a.width && (!f || v.x < f.getVisualBoundingBox().x) && (f = T);
+    if (u.sort((p, g) => {
+      const y = p.getVisualBoundingBox(), S = g.getVisualBoundingBox();
+      return y.x - S.x;
+    }), u.length >= 1) {
+      let p = null, g = null;
+      for (const m of u) {
+        const w = m.getVisualBoundingBox();
+        w.x + w.width <= a.x ? (!p || w.x > p.getVisualBoundingBox().x) && (p = m) : w.x >= a.x + a.width && (!g || w.x < g.getVisualBoundingBox().x) && (g = m);
       }
       const y = [];
-      for (let T = 0; T < b.length - 1; T++) {
-        const v = b[T].getVisualBoundingBox(), C = b[T + 1].getVisualBoundingBox().x - (v.x + v.width);
+      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);
       }
-      let m = null;
-      if (g) {
-        const T = g.getVisualBoundingBox(), v = a.x - (T.x + T.width);
-        for (const S of y)
-          if (Math.abs(v - S) <= n) {
-            m = S;
+      let S = null;
+      if (p) {
+        const m = p.getVisualBoundingBox(), w = a.x - (m.x + m.width);
+        for (const T of y)
+          if (Math.abs(w - T) <= n) {
+            S = T;
             break;
           }
       }
-      if (!m && f) {
-        const v = f.getVisualBoundingBox().x - (a.x + a.width);
-        for (const S of y)
-          if (Math.abs(v - S) <= n) {
-            m = S;
+      if (!S && g) {
+        const w = g.getVisualBoundingBox().x - (a.x + a.width);
+        for (const T of y)
+          if (Math.abs(w - T) <= n) {
+            S = T;
             break;
           }
       }
-      if (m !== null && m > 0) {
-        if (g) {
-          const T = g.getVisualBoundingBox(), v = a.x - (T.x + T.width);
-          Math.abs(v - m) <= n && (h = T.x + T.width + m - r, d = !0);
+      if (S !== null && S > 0) {
+        if (p) {
+          const m = p.getVisualBoundingBox(), w = a.x - (m.x + m.width);
+          Math.abs(w - S) <= n && (h = m.x + m.width + S - r, d = !0);
         }
-        if (!d && f) {
-          const T = f.getVisualBoundingBox(), v = T.x - (a.x + a.width);
-          Math.abs(v - m) <= n && (h = T.x - a.width - m - r, d = !0);
+        if (!d && g) {
+          const m = g.getVisualBoundingBox(), w = m.x - (a.x + a.width);
+          Math.abs(w - S) <= n && (h = m.x - a.width - S - r, d = !0);
         }
       }
     }
-    return this.lastSnapTarget = d || u ? { x: h, y: c } : null, { x: h, y: c };
+    return this.lastSnapTarget = d || f ? { x: h, y: c } : null, { x: h, y: c };
   }
   /**
    * Detect spacing between a moving element and other elements
@@ -1663,8 +1718,8 @@ class $e {
       return this.clearIndicators(), [];
     const s = t.getVisualBoundingBox(), i = [], a = [], r = [], l = [];
     for (const c of n) {
-      const d = c.getVisualBoundingBox(), u = s.x - (d.x + d.width), p = d.x - (s.x + s.width), b = s.y - (d.y + d.height), g = d.y - (s.y + s.height), f = !(s.y + s.height < d.y || s.y > d.y + d.height), y = !(s.x + s.width < d.x || s.x > d.x + d.width);
-      u >= this.minDistance && u < this.detectionThreshold && f && i.push({ element: c, distance: u }), p >= this.minDistance && p < this.detectionThreshold && f && a.push({ element: c, distance: p }), b >= this.minDistance && b < this.detectionThreshold && y && r.push({ element: c, distance: b }), g >= this.minDistance && g < this.detectionThreshold && y && l.push({ element: c, distance: g });
+      const d = c.getVisualBoundingBox(), f = s.x - (d.x + d.width), b = d.x - (s.x + s.width), u = s.y - (d.y + d.height), p = d.y - (s.y + s.height), g = !(s.y + s.height < d.y || s.y > d.y + d.height), y = !(s.x + s.width < d.x || s.x > d.x + d.width);
+      f >= this.minDistance && f < this.detectionThreshold && g && i.push({ element: c, distance: f }), b >= this.minDistance && b < this.detectionThreshold && g && a.push({ element: c, distance: b }), u >= this.minDistance && u < this.detectionThreshold && y && r.push({ element: c, distance: u }), p >= this.minDistance && p < this.detectionThreshold && y && l.push({ element: c, distance: p });
     }
     i.sort((c, d) => c.distance - d.distance), a.sort((c, d) => c.distance - d.distance), r.sort((c, d) => c.distance - d.distance), l.sort((c, d) => c.distance - d.distance);
     const h = [];
@@ -1723,28 +1778,28 @@ class $e {
         // bottom
       ) > i)
         continue;
-      let d = 0, u = !1, p = 0, b = 0, g = 0;
+      let d = 0, f = !1, b = 0, u = 0, p = 0;
       const y = -30 * (a % 2 === 0 ? 1 : -1);
-      h.x >= n.x + n.width ? (d = h.x - (n.x + n.width), d >= this.minDistance && (u = !0, p = n.x + n.width, b = h.x, g = (n.y + n.height / 2 + h.y + h.height / 2) / 2 + y)) : n.x >= h.x + h.width && (d = n.x - (h.x + h.width), d >= this.minDistance && (u = !0, p = h.x + h.width, b = n.x, g = (n.y + n.height / 2 + h.y + h.height / 2) / 2 + y)), u && (o.push({
+      h.x >= n.x + n.width ? (d = h.x - (n.x + n.width), d >= this.minDistance && (f = !0, b = n.x + n.width, u = h.x, p = (n.y + n.height / 2 + h.y + h.height / 2) / 2 + y)) : n.x >= h.x + h.width && (d = n.x - (h.x + h.width), d >= this.minDistance && (f = !0, b = h.x + h.width, u = n.x, p = (n.y + n.height / 2 + h.y + h.height / 2) / 2 + y)), f && (o.push({
         type: "horizontal",
         distance: Math.round(d),
-        x1: p,
-        x2: b,
-        y: g,
-        labelX: (p + b) / 2,
-        labelY: g,
+        x1: b,
+        x2: u,
+        y: p,
+        labelX: (b + u) / 2,
+        labelY: p,
         isAltHover: !0
       }), a++);
-      let m = 0, T = !1, v = 0, S = 0, C = 0;
+      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 ? (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({
+      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({
         type: "vertical",
-        distance: Math.round(m),
-        x: v,
-        y1: S,
+        distance: Math.round(S),
+        x: w,
+        y1: T,
         y2: C,
-        labelX: v,
-        labelY: (S + C) / 2,
+        labelX: w,
+        labelY: (T + C) / 2,
         isAltHover: !0
       }), r++);
     }
@@ -1757,84 +1812,84 @@ class $e {
   detectConsistentSpacing(t, e, o, n, s) {
     const i = [], r = o[0], l = r.distance, h = r.element.getVisualBoundingBox(), c = this.checkIfWouldSnap(e, l, n, s);
     if (this.addIndicatorForDirection(i, e, h, l, n, c), n === "left" || n === "right") {
-      const d = s.filter((u) => {
-        if (u.id === t.id) return !1;
-        const p = u.getVisualBoundingBox();
-        return !(e.y + e.height < p.y || e.y > p.y + p.height);
+      const d = s.filter((f) => {
+        if (f.id === t.id) return !1;
+        const b = f.getVisualBoundingBox();
+        return !(e.y + e.height < b.y || e.y > b.y + b.height);
       });
-      if (d.sort((u, p) => {
-        const b = u.getVisualBoundingBox(), g = p.getVisualBoundingBox();
-        return b.x - g.x;
+      if (d.sort((f, b) => {
+        const u = f.getVisualBoundingBox(), p = b.getVisualBoundingBox();
+        return u.x - p.x;
       }), n === "left")
-        for (let u = 0; u < d.length - 1; u++) {
-          const p = d[u], b = d[u + 1], g = p.getVisualBoundingBox(), f = b.getVisualBoundingBox(), y = f.x - (g.x + g.width);
+        for (let f = 0; f < d.length - 1; f++) {
+          const b = d[f], u = d[f + 1], p = b.getVisualBoundingBox(), g = u.getVisualBoundingBox(), y = g.x - (p.x + p.width);
           if (Math.abs(y - l) <= 16 && y >= this.minDistance) {
-            const m = Math.max(g.y, f.y), T = Math.min(g.y + g.height, f.y + f.height), v = (m + T) / 2;
+            const S = Math.max(p.y, g.y), m = Math.min(p.y + p.height, g.y + g.height), w = (S + m) / 2;
             i.push({
               type: "horizontal",
               distance: Math.round(y),
-              x1: g.x + g.width,
-              x2: f.x,
-              y: v,
-              labelX: (g.x + g.width + f.x) / 2,
-              labelY: v
+              x1: p.x + p.width,
+              x2: g.x,
+              y: w,
+              labelX: (p.x + p.width + g.x) / 2,
+              labelY: w
             });
           }
         }
       else
-        for (let u = 0; u < d.length - 1; u++) {
-          const p = d[u], b = d[u + 1], g = p.getVisualBoundingBox(), f = b.getVisualBoundingBox(), y = f.x - (g.x + g.width);
+        for (let f = 0; f < d.length - 1; f++) {
+          const b = d[f], u = d[f + 1], p = b.getVisualBoundingBox(), g = u.getVisualBoundingBox(), y = g.x - (p.x + p.width);
           if (Math.abs(y - l) <= 16 && y >= this.minDistance) {
-            const m = Math.max(g.y, f.y), T = Math.min(g.y + g.height, f.y + f.height), v = (m + T) / 2;
+            const S = Math.max(p.y, g.y), m = Math.min(p.y + p.height, g.y + g.height), w = (S + m) / 2;
             i.push({
               type: "horizontal",
               distance: Math.round(y),
-              x1: g.x + g.width,
-              x2: f.x,
-              y: v,
-              labelX: (g.x + g.width + f.x) / 2,
-              labelY: v
+              x1: p.x + p.width,
+              x2: g.x,
+              y: w,
+              labelX: (p.x + p.width + g.x) / 2,
+              labelY: w
             });
           }
         }
     } else {
-      const d = s.filter((u) => {
-        if (u.id === t.id) return !1;
-        const p = u.getVisualBoundingBox();
-        return !(e.x + e.width < p.x || e.x > p.x + p.width);
+      const d = s.filter((f) => {
+        if (f.id === t.id) return !1;
+        const b = f.getVisualBoundingBox();
+        return !(e.x + e.width < b.x || e.x > b.x + b.width);
       });
-      if (d.sort((u, p) => {
-        const b = u.getVisualBoundingBox(), g = p.getVisualBoundingBox();
-        return b.y - g.y;
+      if (d.sort((f, b) => {
+        const u = f.getVisualBoundingBox(), p = b.getVisualBoundingBox();
+        return u.y - p.y;
       }), n === "top")
-        for (let u = 0; u < d.length - 1; u++) {
-          const p = d[u], b = d[u + 1], g = p.getVisualBoundingBox(), f = b.getVisualBoundingBox(), y = f.y - (g.y + g.height);
+        for (let f = 0; f < d.length - 1; f++) {
+          const b = d[f], u = d[f + 1], p = b.getVisualBoundingBox(), g = u.getVisualBoundingBox(), y = g.y - (p.y + p.height);
           if (Math.abs(y - l) <= 16 && y >= this.minDistance) {
-            const m = Math.max(g.x, f.x), T = Math.min(g.x + g.width, f.x + f.width), v = (m + T) / 2;
+            const S = Math.max(p.x, g.x), m = Math.min(p.x + p.width, g.x + g.width), w = (S + m) / 2;
             i.push({
               type: "vertical",
               distance: Math.round(y),
-              x: v,
-              y1: g.y + g.height,
-              y2: f.y,
-              labelX: v,
-              labelY: (g.y + g.height + f.y) / 2
+              x: w,
+              y1: p.y + p.height,
+              y2: g.y,
+              labelX: w,
+              labelY: (p.y + p.height + g.y) / 2
             });
           }
         }
       else
-        for (let u = 0; u < d.length - 1; u++) {
-          const p = d[u], b = d[u + 1], g = p.getVisualBoundingBox(), f = b.getVisualBoundingBox(), y = f.y - (g.y + g.height);
+        for (let f = 0; f < d.length - 1; f++) {
+          const b = d[f], u = d[f + 1], p = b.getVisualBoundingBox(), g = u.getVisualBoundingBox(), y = g.y - (p.y + p.height);
           if (Math.abs(y - l) <= 16 && y >= this.minDistance) {
-            const m = Math.max(g.x, f.x), T = Math.min(g.x + g.width, f.x + f.width), v = (m + T) / 2;
+            const S = Math.max(p.x, g.x), m = Math.min(p.x + p.width, g.x + g.width), w = (S + m) / 2;
             i.push({
               type: "vertical",
               distance: Math.round(y),
-              x: v,
-              y1: g.y + g.height,
-              y2: f.y,
-              labelX: v,
-              labelY: (g.y + g.height + f.y) / 2
+              x: w,
+              y1: p.y + p.height,
+              y2: g.y,
+              labelX: w,
+              labelY: (p.y + p.height + g.y) / 2
             });
           }
         }
@@ -1845,7 +1900,7 @@ class $e {
    * Check if spacing would snap to a pattern
    */
   checkIfWouldSnap(t, e, o, n) {
-    const s = Ft;
+    const s = Yt;
     if (o === "top" || o === "bottom") {
       const i = n.filter((a) => {
         const r = a.getVisualBoundingBox();
@@ -1945,7 +2000,7 @@ class $e {
     }
   }
 }
-const Wt = $t("ArtboardRenderer"), We = {
+const _t = Zt("ArtboardRenderer"), Xe = {
   showLabel: !0,
   showBorder: !0,
   borderColor: "",
@@ -1963,9 +2018,9 @@ const Wt = $t("ArtboardRenderer"), We = {
   borderRadius: 0
   // Default to no border radius (sharp corners)
 };
-class Jt {
+class ne {
   constructor(t = {}) {
-    this.options = { ...We, ...t };
+    this.options = { ...Xe, ...t };
   }
   /**
    * Render an artboard
@@ -1987,10 +2042,10 @@ class Jt {
    * Renders preset color as base layer, then texture on top
    */
   renderTextureBackground(t, e) {
-    const o = Bt.getTexture(e.backgroundTexture), n = Bt.getTexturePresetColor(e.backgroundTexture);
+    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) {
-      Bt.loadTexture(e.backgroundTexture).catch((s) => {
-        Wt.error("Failed to load texture:", s);
+      Wt.loadTexture(e.backgroundTexture).catch((s) => {
+        _t.error("Failed to load texture:", s);
       });
       return;
     }
@@ -2011,7 +2066,7 @@ class Jt {
    * 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 || ae(), h = this.options.selectedBorderColor || tt();
+    const { x: n, y: s, width: i, height: a, clipShape: r } = e, l = this.options.borderColor || ce(), 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);
@@ -2019,8 +2074,8 @@ class Jt {
       } else
         t.rect(n, s, i, a);
     else if (r === "circle") {
-      const c = n + i / 2, d = s + a / 2, u = Math.min(i, a) / 2;
-      t.arc(c, d, u, 0, Math.PI * 2);
+      const c = n + i / 2, d = s + a / 2, f = Math.min(i, a) / 2;
+      t.arc(c, d, f, 0, Math.PI * 2);
     } else if (typeof r == "object" && r.type === "rounded") {
       const c = Math.min(r.radius, Math.min(i, a) / 2);
       this.roundedRect(t, n, s, i, a, c);
@@ -2030,7 +2085,7 @@ class Jt {
         t.save(), t.translate(n, s), t.stroke(c), t.restore();
         return;
       } catch (c) {
-        Wt.warn("Invalid SVG path for border, falling back to rectangle:", c), t.rect(n, s, i, a);
+        _t.warn("Invalid SVG path for border, falling back to rectangle:", c), t.rect(n, s, i, a);
       }
     t.stroke();
   }
@@ -2040,7 +2095,7 @@ class Jt {
   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 || re();
+    const l = this.options.selectedBorderColor || nt(), h = this.options.labelColor || de();
     t.fillStyle = o ? l : h, t.textAlign = "left", t.textBaseline = "bottom", t.fillText(i, a, r);
   }
   /**
@@ -2084,7 +2139,7 @@ class Jt {
         t.translate(o, n), t.clip(r), t.translate(-o, -n);
         return;
       } catch (r) {
-        Wt.warn("Invalid SVG path, falling back to rectangle:", r), t.rect(o, n, s, i);
+        _t.warn("Invalid SVG path, falling back to rectangle:", r), t.rect(o, n, s, i);
       }
     t.clip();
   }
@@ -2143,7 +2198,7 @@ class Jt {
    * Use this when exporting to ensure preview background is never included
    */
   static createForExport(t = {}) {
-    return new Jt({
+    return new ne({
       ...t,
       showPreviewBackground: !1
       // CRITICAL: Never show preview in exports
@@ -2156,15 +2211,15 @@ class Jt {
     return !!(this.options.showPreviewBackground && t.previewBackgroundColor && t.previewBackgroundColor !== "transparent");
   }
 }
-class mt {
+class wt {
   /**
    * Render selection box layer
    */
   static renderSelectionLayer(t, e, o, n = 1) {
     if (!e || e.visible === !1 || o && o.getMode() === "drag" || "isGroup" in e && e.isGroup) return;
     const i = e.getVisualBoundingBox(), a = e.getRotationAnchor();
-    t.save(), t.strokeStyle = tt(t.canvas), t.lineWidth = 2, t.translate(a.x * n, a.y * n), t.rotate(ht.toRadians(e.rotation)), t.translate(-a.x * n, -a.y * n);
-    const r = it.canvas.selectionPadding;
+    t.save(), t.strokeStyle = nt(t.canvas), t.lineWidth = 2, t.translate(a.x * n, a.y * n), t.rotate(gt.toRadians(e.rotation)), t.translate(-a.x * n, -a.y * n);
+    const r = ct.canvas.selectionPadding;
     t.strokeRect(
       (i.x - r) * n,
       (i.y - r) * n,
@@ -2180,22 +2235,22 @@ class mt {
     if (!e || !(o != null && o.rotationHandle) || (n == null ? void 0 : n.getMode()) !== "resize") return;
     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 = 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,
+    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(
+      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 = ce(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 = ue(t.canvas), t.textAlign = "center", t.textBaseline = "middle", t.fillText(l, c, d + 0.5), t.restore();
   }
   /**
    * Render transform handles layer
    */
   static renderHandlesLayer(t, e, o, n, s, i, a, r = 1, l = !0) {
     if (!e || e.visible === !1 || a.getMode() === "drag") return;
-    const c = i.type === "rotation-handle", d = i.type === "resize-handle" ? i.data : null, u = a.getMode() === "resize", p = u ? a.getActiveHandle() : null;
+    const c = i.type === "rotation-handle", d = i.type === "resize-handle" ? i.data : null, f = a.getMode() === "resize", b = f ? a.getActiveHandle() : null;
     o.render(
       t,
       l,
@@ -2203,15 +2258,15 @@ class mt {
       s,
       c,
       d,
-      u,
-      p,
+      f,
+      b,
       r,
       !0
       // Render rotation handle on canvas (not React)
     );
   }
 }
-class _t {
+class Vt {
   /**
    * Render hover highlights layer with fade-in animation
    * Outlines the actual element shape instead of a rectangular border
@@ -2226,14 +2281,14 @@ class _t {
       const c = performance.now() - e.startTime;
       h = Math.min(c / r, 1) * l;
     }
-    t.strokeStyle = de(t.canvas), t.globalAlpha = h, t.lineWidth = 3, this.renderElementOutline(t, a, s, i), t.restore();
+    t.strokeStyle = pe(t.canvas), t.globalAlpha = h, t.lineWidth = 3, this.renderElementOutline(t, a, s, i), t.restore();
   }
   /**
    * Render outline for a specific element type
    */
   static renderElementOutline(t, e, o = 1, n) {
     const s = e.getRotationAnchor();
-    t.translate(s.x * o, s.y * o), t.rotate(ht.toRadians(e.rotation)), t.translate(-s.x * o, -s.y * o), e.transformType === "shape" ? this.renderShapeOutline(t, e, o) : e.transformType === "image" ? this.renderImageOutline(t, e, o) : e.transformType === "group" ? this.renderGroupOutline(t, e, o) : this.renderTextOutline(t, e, o, n);
+    t.translate(s.x * o, s.y * o), t.rotate(gt.toRadians(e.rotation)), t.translate(-s.x * o, -s.y * o), e.transformType === "shape" ? this.renderShapeOutline(t, e, o) : e.transformType === "image" ? this.renderImageOutline(t, e, o) : e.transformType === "group" ? this.renderGroupOutline(t, e, o) : this.renderTextOutline(t, e, o, n);
   }
   /**
    * Render outline for shape elements (star, rectangle, circle, etc.)
@@ -2243,12 +2298,12 @@ class _t {
     const n = e.transformData, s = n.width * o, i = n.height * o, a = 2, l = a + a / 2;
     switch (t.save(), t.translate(e.x * o, e.y * o), t.beginPath(), n.shapeType) {
       case "rectangle": {
-        const h = n.borderRadius || 0, c = -(s + l * 2) / 2, d = -(i + l * 2) / 2, u = s + l * 2, p = i + l * 2;
+        const h = n.borderRadius || 0, c = -(s + l * 2) / 2, d = -(i + l * 2) / 2, f = s + l * 2, b = i + l * 2;
         if (h > 0) {
-          const b = Math.min(h / 100 * Math.min(u, p), u / 2, p / 2);
-          t.roundRect(c, d, u, p, b);
+          const u = Math.min(h / 100 * Math.min(f, b), f / 2, b / 2);
+          t.roundRect(c, d, f, b, u);
         } else
-          t.rect(c, d, u, p);
+          t.rect(c, d, f, b);
         break;
       }
       case "circle": {
@@ -2269,24 +2324,24 @@ class _t {
           // bottom-right
           { x: -h, y: c }
           // bottom-left
-        ], u = d.map((b, g) => {
-          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, C = l / S;
+        ], f = d.map((u, p) => {
+          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;
           return {
-            x: b.x + m / v * C,
-            y: b.y + T / v * C
+            x: u.x + S / w * C,
+            y: u.y + m / w * 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();
+        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();
         break;
       }
       case "star": {
-        const h = n.points ?? 5, c = n.innerRadius ?? 0.4, d = Math.min(s, i) / 2 + l, u = d * c;
-        for (let p = 0; p < h * 2; p++) {
-          const b = p * Math.PI / h - Math.PI / 2, g = p % 2 === 0 ? d : u, f = g * Math.cos(b), y = g * Math.sin(b);
-          p === 0 ? t.moveTo(f, y) : t.lineTo(f, y);
+        const h = n.points ?? 5, c = n.innerRadius ?? 0.4, d = Math.min(s, i) / 2 + l, f = d * c;
+        for (let b = 0; b < h * 2; b++) {
+          const u = b * Math.PI / h - Math.PI / 2, p = b % 2 === 0 ? d : f, g = p * Math.cos(u), y = p * Math.sin(u);
+          b === 0 ? t.moveTo(g, y) : t.lineTo(g, y);
         }
         t.closePath();
         break;
@@ -2294,8 +2349,8 @@ class _t {
       case "polygon": {
         const h = n.sides ?? 5, c = Math.min(s, i) / 2 + l;
         for (let d = 0; d < h; d++) {
-          const u = d * 2 * Math.PI / h - Math.PI / 2, p = c * Math.cos(u), b = c * Math.sin(u);
-          d === 0 ? t.moveTo(p, b) : t.lineTo(p, b);
+          const f = d * 2 * Math.PI / h - Math.PI / 2, b = c * Math.cos(f), u = c * Math.sin(f);
+          d === 0 ? t.moveTo(b, u) : t.lineTo(b, u);
         }
         t.closePath();
         break;
@@ -2313,15 +2368,15 @@ class _t {
    * Creates a ring effect with a gap between the element and the stroke
    */
   static renderImageOutline(t, e, o) {
-    var b;
-    const n = e.getVisualBoundingBox(), s = n.width * o, i = n.height * o, a = ((b = e.transformData) == null ? void 0 : b.borderRadius) || 0, r = 2, h = r + r / 2;
+    var u;
+    const n = e.getVisualBoundingBox(), s = n.width * o, i = n.height * o, a = ((u = e.transformData) == null ? void 0 : u.borderRadius) || 0, r = 2, h = r + r / 2;
     t.save(), t.translate(e.x * o, e.y * o);
-    const c = -(s + h * 2) / 2, d = -(i + h * 2) / 2, u = s + h * 2, p = i + h * 2;
+    const c = -(s + h * 2) / 2, d = -(i + h * 2) / 2, f = s + h * 2, b = i + h * 2;
     if (t.beginPath(), a > 0) {
-      const g = Math.min(a / 100 * Math.min(u, p), u / 2, p / 2);
-      t.roundRect(c, d, u, p, g);
+      const p = Math.min(a / 100 * Math.min(f, b), f / 2, b / 2);
+      t.roundRect(c, d, f, b, p);
     } else
-      t.rect(c, d, u, p);
+      t.rect(c, d, f, b);
     t.stroke(), t.restore();
   }
   /**
@@ -2354,120 +2409,129 @@ 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 = 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) {
+    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");
+    b.width = t.canvas.width, b.height = t.canvas.height;
+    const u = b.getContext("2d");
+    if (!u) {
       t.restore();
       return;
     }
-    p.setTransform(t.getTransform()), p.textBaseline = "alphabetic", p.lineJoin = "round";
-    const b = e.getRichText ? e.getRichText() : null;
-    if (b) {
-      const g = qt(b), f = [], y = [];
-      g.forEach((v) => {
+    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 = [];
+      g.forEach((T) => {
         if (e.transformType === "custom" && e.transformData) {
-          const S = e.transformData.width - ft * 2, C = Ut(v, S, {
+          const C = e.transformData.width - pt * 2, R = te(T, C, {
             fontSize: n,
             fontFamily: s,
             bold: i,
-            italic: a
+            italic: a,
+            letterSpacing: e.letterSpacing
           });
-          C.forEach((R, x) => {
-            f.push(R), y.push({
-              isParagraphStart: x === 0,
-              isParagraphEnd: x === C.length - 1
+          R.forEach((x, H) => {
+            y.push(x), S.push({
+              isParagraphStart: H === 0,
+              isParagraphEnd: H === R.length - 1
             });
           });
         } else
-          f.push(v), y.push({
+          y.push(T), S.push({
             isParagraphStart: !0,
             isParagraphEnd: !0
           });
       });
       let m;
-      f.length === 0 ? m = 0 : f.length === 1 ? m = l.height : m = (f.length - 1) * h + l.height;
-      const T = -m / 2;
-      f.forEach((v, S) => {
-        var D, F;
-        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;
-        v.forEach((E) => {
-          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;
+      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 I = B, _ = B + E.text.length;
-          if (!C && w > 0 && I < w) {
-            const H = Math.min(w - I, E.text.length);
-            k = k.substring(H);
+          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);
           }
-          if (!R && A > 0) {
-            const H = P.length - A;
-            if (_ > H) {
-              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);
+          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);
             }
           }
-          k.length > 0 && (t.save(), t.font = Ht($, j, J, X), x += t.measureText(k).width, t.restore()), B += E.text.length;
+          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();
+          }
+          L += E.text.length;
         });
-        const L = e.transformType === "custom" && e.transformData ? e.transformData.width - ft * 2 : void 0;
-        let W;
-        r === "center" ? W = -x / 2 : r === "right" ? W = L !== void 0 ? L / 2 - x : -x : W = L !== void 0 ? -L / 2 : 0;
-        const O = T + l.ascent + S * h;
-        B = 0, v.forEach((E) => {
-          const $ = E.style.fontSize !== void 0 ? E.style.fontSize : n, j = E.style.fontFamily !== void 0 ? E.style.fontFamily : s;
+        const D = 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 J = E.style.bold !== void 0 ? E.style.bold : i, X = E.style.italic !== void 0 ? E.style.italic : a;
+          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 I = B, _ = B + E.text.length;
-          if (!C && w > 0 && I < w) {
-            const H = Math.min(w - I, E.text.length);
-            k = k.substring(H);
+          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);
           }
-          if (!R && A > 0) {
-            const H = P.length - A;
-            if (_ > H) {
-              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);
+          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);
             }
           }
-          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);
+          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);
+          }
         });
       });
     } else {
-      t.font = Ht(n, s, i, a), p.font = t.font, p.textAlign = r;
-      let g, f;
+      t.font = Lt(n, s, i, a), u.font = t.font, u.textAlign = r;
+      let g, y;
       if (e.transformType === "custom" && e.transformData) {
-        const C = e.transformData.width - ft * 2, { lines: R } = fe(
+        const R = e.transformData.width - pt * 2, { lines: x } = ye(
           e.text,
-          C,
+          R,
           n,
           s,
           i,
           a,
           void 0,
-          !0
+          !0,
+          { letterSpacing: c, lineHeight: e.lineHeight }
         );
-        g = R;
+        g = x;
       } else {
         g = e.text.split(`
 `);
-        const C = e.text.includes(`
+        const R = e.text.includes(`
 `);
-        g = Te(g, C);
+        g = xe(g, R);
       }
-      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((C, R) => {
-        const x = y + l.ascent + R * h, P = m || R === 0, w = m || R === g.length - 1;
-        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);
+      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);
       });
     }
-    t.setTransform(1, 0, 0, 1, 0, 0), t.drawImage(u, 0, 0), t.restore();
+    t.setTransform(1, 0, 0, 1, 0, 0), t.drawImage(b, 0, 0), t.restore();
   }
   /**
    * HOVER RING EFFECT for transformed text (circle, wave, arch, lean, ascend, flag)
@@ -2501,13 +2565,13 @@ class _t {
       t.transform(1, 0, Math.tan(y), 1, 0, 0), t.globalCompositeOperation = "source-over", t.strokeStyle = s, t.globalAlpha = 0.8, t.lineWidth = (n + o) * 2, t.lineJoin = "round", t.strokeText(i.text, 0, 0), t.globalCompositeOperation = "destination-out", t.globalAlpha = 1, t.lineWidth = n * 2, t.strokeText(i.text, 0, 0), t.fillText(i.text, 0, 0);
       return;
     }
-    const u = i.text.split(""), p = u.map((f) => t.measureText(f).width), b = this.calculateCharPositions(e, u, p), g = (f) => {
-      t.translate(f.x, f.y), f.angle && t.rotate(f.angle), f.skewY && t.transform(1, f.skewY, 0, 1, 0, 0);
+    const f = i.text.split(""), b = f.map((g) => t.measureText(g).width), u = this.calculateCharPositions(e, f, b), p = (g) => {
+      t.translate(g.x, g.y), g.angle && t.rotate(g.angle), g.skewY && t.transform(1, g.skewY, 0, 1, 0, 0);
     };
-    t.globalCompositeOperation = "source-over", t.strokeStyle = s, t.globalAlpha = 0.8, t.lineWidth = (n + o) * 2, t.lineJoin = "round", b.forEach((f, y) => {
-      t.save(), g(f), t.strokeText(u[y], 0, 0), t.restore();
-    }), t.globalCompositeOperation = "destination-out", t.globalAlpha = 1, t.lineWidth = n * 2, b.forEach((f, y) => {
-      t.save(), g(f), t.strokeText(u[y], 0, 0), t.fillText(u[y], 0, 0), t.restore();
+    t.globalCompositeOperation = "source-over", t.strokeStyle = s, t.globalAlpha = 0.8, t.lineWidth = (n + o) * 2, t.lineJoin = "round", u.forEach((g, y) => {
+      t.save(), p(g), t.strokeText(f[y], 0, 0), t.restore();
+    }), t.globalCompositeOperation = "destination-out", t.globalAlpha = 1, t.lineWidth = n * 2, u.forEach((g, y) => {
+      t.save(), p(g), t.strokeText(f[y], 0, 0), t.fillText(f[y], 0, 0), t.restore();
     });
   }
   /**
@@ -2527,14 +2591,14 @@ class _t {
     if (t.reverse) {
       let a = Math.PI / 2 + s / (2 * i);
       e.forEach((r, l) => {
-        const c = o[l] / i, d = Math.cos(a - c / 2) * i, u = Math.sin(a - c / 2) * i, p = a - c / 2 - Math.PI / 2;
-        n.push({ x: d, y: u, angle: p }), a -= c;
+        const c = o[l] / i, d = Math.cos(a - c / 2) * i, f = Math.sin(a - c / 2) * i, b = a - c / 2 - Math.PI / 2;
+        n.push({ x: d, y: f, angle: b }), a -= c;
       });
     } else {
       let a = -Math.PI / 2 - s / (2 * i);
       e.forEach((r, l) => {
-        const c = o[l] / i, d = Math.cos(a + c / 2) * i, u = Math.sin(a + c / 2) * i, p = a + c / 2 + Math.PI / 2;
-        n.push({ x: d, y: u, angle: p }), a += c;
+        const c = o[l] / i, d = Math.cos(a + c / 2) * i, f = Math.sin(a + c / 2) * i, b = a + c / 2 + Math.PI / 2;
+        n.push({ x: d, y: f, angle: b }), a += c;
       });
     }
     return n;
@@ -2546,8 +2610,8 @@ class _t {
     const s = [];
     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 * ge }), a += h;
+      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;
   }
   /**
@@ -2557,8 +2621,8 @@ class _t {
     const s = [], i = o.reduce((l, h) => l + h, 0), a = n.width / 2;
     let r = -i / 2;
     return e.forEach((l, h) => {
-      const c = o[h], d = r + c / 2, u = d / a, p = (Math.pow(u, 2) - 1) * n.archHeight * t.fontSize, b = 2 * u * n.archHeight;
-      s.push({ x: d, y: p, angle: 0, skewY: b * 0.3 }), r += c;
+      const c = o[h], d = r + c / 2, f = d / a, b = (Math.pow(f, 2) - 1) * n.archHeight * t.fontSize, u = 2 * f * n.archHeight;
+      s.push({ x: d, y: b, angle: 0, skewY: u * 0.3 }), r += c;
     }), s;
   }
   /**
@@ -2579,8 +2643,8 @@ class _t {
     const s = [], i = o.reduce((h, c) => h + c, 0), a = n.ascendAngle * Math.PI / 180, r = Math.tan(a);
     let l = -i / 2;
     return e.forEach((h, c) => {
-      const d = o[c], u = l + d / 2, p = u * r;
-      s.push({ x: u, y: p, angle: 0, skewY: r * 1 }), l += d;
+      const d = o[c], f = l + d / 2, b = f * r;
+      s.push({ x: f, y: b, angle: 0, skewY: r * 1 }), l += d;
     }), s;
   }
   /**
@@ -2590,8 +2654,8 @@ class _t {
     const s = [];
     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 = Math.abs(d), p = n.amplitude * u, b = p * t.fontSize * Math.sin(n.frequency * Math.PI * d), g = p * n.frequency * Math.PI * Math.cos(n.frequency * Math.PI * d), f = n.amplitude * Math.sign(d) * Math.sin(n.frequency * Math.PI * d), y = g + f;
-      s.push({ x: c, y: b, angle: 0, skewY: y * 0.3 }), a += h;
+      const h = o[l], c = a + h / 2, d = c / (n.width / 2), f = Math.abs(d), b = n.amplitude * f, u = b * t.fontSize * Math.sin(n.frequency * Math.PI * d), p = b * n.frequency * Math.PI * Math.cos(n.frequency * Math.PI * d), g = n.amplitude * Math.sign(d) * Math.sin(n.frequency * Math.PI * d), y = p + g;
+      s.push({ x: c, y: u, angle: 0, skewY: y * 0.3 }), a += h;
     }), s;
   }
 }
@@ -2600,7 +2664,7 @@ class Ct {
    * Render snap guides layer
    */
   static renderSnapGuidesLayer(t, e = []) {
-    e.length !== 0 && (t.save(), t.strokeStyle = tt(t.canvas), t.lineWidth = it.canvas.snapGuideWidth, t.setLineDash(it.canvas.snapGuideDash), e.forEach((o) => {
+    e.length !== 0 && (t.save(), t.strokeStyle = nt(t.canvas), t.lineWidth = ct.canvas.snapGuideWidth, t.setLineDash(ct.canvas.snapGuideDash), e.forEach((o) => {
       t.beginPath(), o.type === "vertical" ? (t.moveTo(o.x ?? 0, o.y1 ?? 0), t.lineTo(o.x ?? 0, o.y2 ?? 0)) : o.type === "horizontal" ? (t.moveTo(o.x1 ?? 0, o.y ?? 0), t.lineTo(o.x2 ?? 0, o.y ?? 0)) : (t.moveTo(o.x1 ?? 0, o.y1 ?? 0), t.lineTo(o.x2 ?? 0, o.y2 ?? 0)), t.stroke();
     }), t.restore());
   }
@@ -2609,8 +2673,8 @@ class Ct {
    */
   static renderSpacingIndicatorsLayer(t, e = []) {
     e.length !== 0 && (t.save(), t.setLineDash([]), e.forEach((o) => {
-      const n = Ot(t.canvas);
-      if (t.strokeStyle = n, t.fillStyle = n, t.lineWidth = it.canvas.spacingIndicatorWidth, t.beginPath(), o.type === "horizontal") {
+      const n = Nt(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();
         const r = 6;
@@ -2632,197 +2696,200 @@ class Ct {
    */
   static renderDistanceLabel(t, e, o, n) {
     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, ue), t.fill(), t.fillStyle = pe, t.textAlign = "center", t.textBaseline = "middle", t.fillText(s, e, o);
+    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);
   }
 }
-class Dt {
+class zt {
   /**
    * Render edit mode features: cursor and text selection highlight
    * This renders on the main canvas at world coordinates (same as the element)
    */
   static renderEditModeLayer(t, e, o, n) {
     if (!e || e.transformType === "image" || e.transformType === "group") return;
-    const s = e, { cursorPosition: i, selectionStart: a, selectionEnd: r, editText: l, editRichText: h, cursorOpacity: c, isTouchDevice: d, selectionHandlePositionsRef: u } = o, p = n || 1, b = s.transformType;
-    if (b === "circle" || b === "wave" || b === "arch" || b === "lean" || b === "ascend" || b === "flag") {
-      this.renderTransformEditModeLayer(t, s, o, p);
+    const s = e, { cursorPosition: i, selectionStart: a, selectionEnd: r, editText: l, editRichText: h, cursorOpacity: c, isTouchDevice: d, selectionHandlePositionsRef: f } = o, b = n || 1, u = s.transformType;
+    if (u === "circle" || u === "wave" || u === "arch" || u === "lean" || u === "ascend" || u === "flag") {
+      this.renderTransformEditModeLayer(t, s, o, b);
       return;
     }
-    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";
+    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;
     t.save(), t.translate(s.x, s.y), t.rotate(-s.rotation * Math.PI / 180);
-    const C = jt(g, f, y, m), R = C.height, x = g * 1.2;
-    let P, w, A;
+    const R = Jt(p, g, y, S), x = R.height, H = p * (s.lineHeight ?? 1.2);
+    let M, A, I;
     if (h && s.transformType === "custom" && s.transformData.width) {
-      const X = s.transformData.width - ft * 2;
-      A = X;
-      const k = qt(h);
-      P = [], w = [], k.forEach((I) => {
-        const _ = Ut(I, X, {
+      const B = s.transformData.width - pt * 2;
+      I = B;
+      const k = Qt(h);
+      M = [], A = [], k.forEach((O) => {
+        const G = te(O, B, {
           fontSize: s.fontSize,
           fontFamily: s.fontFamily,
           bold: s.bold,
-          italic: s.italic
+          italic: s.italic,
+          letterSpacing: s.letterSpacing
         });
-        _.forEach((H, V) => {
-          P.push(H), w.push({
-            isParagraphStart: V === 0,
-            isParagraphEnd: V === _.length - 1
+        G.forEach((P, _) => {
+          M.push(P), A.push({
+            isParagraphStart: _ === 0,
+            isParagraphEnd: _ === G.length - 1
           });
         });
       });
     } else
-      P = l.split(`
+      M = l.split(`
 `).map((k) => [
         {
           text: k,
-          style: { fontSize: g, fontFamily: f, bold: y, italic: m }
+          style: { fontSize: p, fontFamily: g, bold: y, italic: S }
         }
-      ]), w = P.map(() => ({
+      ]), A = M.map(() => ({
         isParagraphStart: !0,
         // Each line is its own paragraph
         isParagraphEnd: !0
       }));
-    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 = [];
+    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;
-    P.forEach((X, k) => {
-      var V, Y;
-      const I = w[k].isParagraphStart, _ = w[k].isParagraphEnd, H = [];
-      X.forEach((at) => {
-        Array.from(at.text).forEach((ct) => {
-          let G = g, ot = f, et = y, U = m;
+    M.forEach((B, k) => {
+      var _, j;
+      const O = A[k].isParagraphStart, G = A[k].isParagraphEnd, P = [];
+      B.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);
-            G = Z.fontSize || g, ot = Z.fontFamily || f, et = Z.bold !== void 0 ? Z.bold : y, U = Z.italic !== void 0 ? Z.italic : m;
+            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;
           }
           t.save();
-          const nt = et ? "bold" : "normal", z = U ? "italic" : "normal";
-          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: G, index: E }), E++;
+          const V = it ? "bold" : "normal", $ = U ? "italic" : "normal";
+          t.font = `${$} ${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++;
         });
       });
       {
-        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 < G || !gt && z >= H.length - ot || (et += H[z].width);
+        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;
+        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;
-        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;
-        for (let z = 0; z < H.length; z++) {
-          const q = H[z];
-          F[q.index] = {
-            x: nt,
-            y: L,
-            width: q.width,
+        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] = {
+            x: st,
+            y: D,
+            width: $.width,
             // All characters keep their width for cursor navigation
-            height: q.fontSize
-          }, nt += q.width;
+            height: $.fontSize
+          }, st += $.width;
         }
-        if (H.length > 0) {
-          const z = H[0].index, q = H[H.length - 1].index, dt = k < P.length - 1 && q + 1 === E ? q : q + 1;
-          if (i >= z && i <= dt)
-            if (i === z)
-              W = U, O = L, D = R;
+        if (P.length > 0) {
+          const V = P[0].index, $ = P[P.length - 1].index, ut = k < M.length - 1 && $ + 1 === E ? $ : $ + 1;
+          if (i >= V && i <= ut)
+            if (i === V)
+              F = U, W = D, q = x;
             else {
-              let pt = 0;
-              for (let st = 0; st < H.length && H[st].index < i; st++) {
-                const rt = H[st], xt = rt.char === " ";
-                let yt = !0;
-                if (xt) {
-                  const Rt = st < G, N = st >= H.length - ot, Tt = !I && G > 0, vt = !_ && ot > 0;
-                  yt = !(Rt && Tt || N && vt);
+              let yt = 0;
+              for (let rt = 0; rt < P.length && P[rt].index < i; rt++) {
+                const dt = P[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);
                 }
-                yt && (pt += rt.width);
+                St && (yt += dt.width);
               }
-              W = U + pt, O = L, D = R;
+              F = U + yt, W = D, q = x;
             }
         }
-        k < P.length - 1 && (L += x);
+        k < M.length - 1 && (D += H);
       }
     });
-    const $ = a !== r;
-    let j = null, J = null;
-    if ($) {
-      const X = Math.min(a, r), k = Math.max(a, r);
-      t.save(), t.fillStyle = ye(t.canvas);
-      let I = 0, _ = -B / 2;
-      if (P.forEach((H, V) => {
-        var ot, et;
-        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;
+    const z = a !== r;
+    let N = 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, _) => {
+        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;
             t.save();
-            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(), G.push({ char: nt, index: I, width: rt, style: z }), I++;
+            const rt = Z ? "bold" : "normal", dt = ut ? "italic" : "normal";
+            t.font = `${dt} ${rt} ${$}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++;
           });
-        }), G.length > 0) {
-          const U = G[0].index, nt = G[G.length - 1].index;
-          if (k > U && X <= nt) {
+        }), Y.length > 0) {
+          const U = Y[0].index, st = Y[Y.length - 1].index;
+          if (k > U && B <= st) {
             t.save();
-            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;
+            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;
+            for (let X = 0; X < Y.length; X++)
+              !et && X < $ || !lt && X >= Y.length - at || (Z += Y[X].width);
             let ut = 0;
-            for (let N = 0; N < G.length; N++)
-              !gt && N < q || !ct && N >= G.length - Z || (ut += G[N].width);
+            T === "center" ? ut = -Z / 2 : T === "right" && (ut = -Z);
+            const yt = Math.max(B, U), rt = Math.min(k, st + 1);
             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 < 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);
+            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);
             }
-            let xt = 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);
+            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 yt = dt + rt, Rt = xt - rt;
-            t.fillRect(yt, _, Rt, R), j === null && (j = { x: yt, y: _ }), J = { x: yt + Rt, y: _ + R }, t.restore();
+            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();
           }
         }
-        V < P.length - 1 && (_ += x);
+        _ < M.length - 1 && (G += H);
       }), t.restore(), h) {
         t.save();
-        const H = s.transformType === "custom" ? s.transformData : null, V = H != null && H.width ? H.width - ft * 2 : void 0;
-        ve(t, h, {
-          fontSize: g,
-          fontFamily: f,
+        const P = s.transformType === "custom" ? s.transformData : null, _ = P != null && P.width ? P.width - pt * 2 : void 0;
+        Ce(t, h, {
+          fontSize: p,
+          fontFamily: g,
           color: s.color || "#000000",
           bold: y,
-          italic: m,
-          underline: T,
-          strikethrough: v,
-          textAlign: S
-        }, V), t.restore();
+          italic: S,
+          underline: m,
+          strikethrough: w,
+          textAlign: T,
+          letterSpacing: s.letterSpacing,
+          lineHeight: s.lineHeight
+        }, _), t.restore();
       }
     }
-    if ($ && d && j && J) {
-      const X = j, k = J, I = 6 / p, _ = 2 / p;
+    if (z && d && N && Q) {
+      const B = N, k = Q, O = 6 / b, G = 2 / b;
       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 }, 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 = {
+      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 = {
         start: {
-          center: V,
-          textEdge: X
+          center: _,
+          textEdge: B
           // Original selection edge (top-left of selection on first line)
         },
         end: {
-          center: Y,
+          center: j,
           textEdge: k
           // Original selection edge (bottom-right of selection on last line)
         }
       });
-    } else u && (u.current = { start: null, end: null });
-    !$ && c > 0 && (t.save(), t.globalAlpha = c, t.strokeStyle = tt(t.canvas), t.lineWidth = 3 / p, t.lineCap = "round", t.beginPath(), t.moveTo(W, O), t.lineTo(W, O + D), t.stroke(), t.restore()), t.restore();
+    } 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();
   }
   /**
    * Render edit mode features for transformed text (circle, wave, arch, etc.)
@@ -2833,37 +2900,37 @@ class Dt {
     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 u = Array.from(e.text), p = u.map((g) => t.measureText(g).width), b = _t.calculateCharPositions(e, u, p);
-    if (s >= 0 && s <= u.length && i > 0) {
-      let g;
+    const f = Array.from(e.text), b = f.map((p) => t.measureText(p).width), u = Vt.calculateCharPositions(e, f, b);
+    if (s >= 0 && s <= f.length && i > 0) {
+      let p;
       if (s === 0)
-        if (b.length > 0) {
-          const y = b[0], m = p[0];
-          g = {
-            x: y.x - Math.cos(y.angle) * (m / 2),
-            y: y.y - Math.sin(y.angle) * (m / 2),
+        if (u.length > 0) {
+          const y = u[0], S = b[0];
+          p = {
+            x: y.x - Math.cos(y.angle) * (S / 2),
+            y: y.y - Math.sin(y.angle) * (S / 2),
             angle: y.angle
           };
         } else
-          g = { x: 0, y: 0, angle: 0 };
-      else if (s >= b.length) {
-        const y = b[b.length - 1], m = p[p.length - 1];
-        g = {
-          x: y.x + Math.cos(y.angle) * (m / 2),
-          y: y.y + Math.sin(y.angle) * (m / 2),
+          p = { x: 0, y: 0, angle: 0 };
+      else if (s >= u.length) {
+        const y = u[u.length - 1], S = b[b.length - 1];
+        p = {
+          x: y.x + Math.cos(y.angle) * (S / 2),
+          y: y.y + Math.sin(y.angle) * (S / 2),
           angle: y.angle
         };
       } else {
-        const y = b[s], m = p[s];
-        g = {
-          x: y.x - Math.cos(y.angle) * (m / 2),
-          y: y.y - Math.sin(y.angle) * (m / 2),
+        const y = u[s], S = b[s];
+        p = {
+          x: y.x - Math.cos(y.angle) * (S / 2),
+          y: y.y - Math.sin(y.angle) * (S / 2),
           angle: y.angle
         };
       }
-      t.save(), t.translate(g.x, g.y), t.rotate(g.angle), t.globalAlpha = i, t.strokeStyle = tt(t.canvas), t.lineWidth = 2 / n;
-      const f = a * 1.2;
-      t.beginPath(), t.moveTo(0, -f / 2), t.lineTo(0, f / 2), t.stroke(), t.restore();
+      t.save(), t.translate(p.x, p.y), t.rotate(p.angle), t.globalAlpha = i, t.strokeStyle = nt(t.canvas), t.lineWidth = 2 / n;
+      const g = a * 1.2;
+      t.beginPath(), t.moveTo(0, -g / 2), t.lineTo(0, g / 2), t.stroke(), t.restore();
     }
     t.restore();
   }
@@ -2872,28 +2939,28 @@ class Dt {
    * Shows both image resize handles and crop handles
    */
   static renderCropBoxLayer(t, e, o, n = 1) {
-    if (!(e instanceof be) || !e.isCropping) return;
+    if (!(e instanceof we) || !e.isCropping) return;
     const s = e, i = s.getCropBoxBounds();
     if (!i) return;
-    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);
-    const p = s.transformData.width * s.transformData.cropWidth, b = s.transformData.height * s.transformData.cropHeight, g = s.transformData.width / 2 - (s.transformData.cropX * s.transformData.width + p / 2), f = s.transformData.height / 2 - (s.transformData.cropY * s.transformData.height + b / 2), y = s.transformData.width / 2, m = s.transformData.height / 2, T = {
-      x: g - y,
-      y: f - m,
+    const a = 4 / n, r = 2 / n, l = ve / 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);
+    const b = s.transformData.width * s.transformData.cropWidth, u = s.transformData.height * s.transformData.cropHeight, p = s.transformData.width / 2 - (s.transformData.cropX * s.transformData.width + b / 2), g = s.transformData.height / 2 - (s.transformData.cropY * s.transformData.height + u / 2), y = s.transformData.width / 2, S = s.transformData.height / 2, m = {
+      x: p - y,
+      y: g - S,
       width: s.transformData.width,
       height: s.transformData.height
     };
-    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 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;
+    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 P = i.height / 3;
-    if (t.beginPath(), t.moveTo(i.x, i.y + P), t.lineTo(i.x + i.width, i.y + P), t.moveTo(i.x, i.y + 2 * P), t.lineTo(i.x + i.width, i.y + 2 * P), 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(), [
       { x: i.x, y: i.y },
       // top-left
       { x: i.x + i.width, y: i.y },
@@ -2902,8 +2969,8 @@ class Dt {
       // bottom-right
       { x: i.x, y: i.y + i.height }
       // bottom-left
-    ].forEach((B) => {
-      t.beginPath(), t.arc(B.x, B.y, l + 1 / n, 0, Math.PI * 2), t.fillStyle = "#bbb", t.fill(), t.beginPath(), t.arc(B.x, B.y, l, 0, Math.PI * 2), t.fillStyle = "#fff", t.fill();
+    ].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();
     }), [
       { x: i.x + i.width / 2, y: i.y, orientation: "horizontal" },
       // top
@@ -2913,32 +2980,32 @@ class Dt {
       // left
       { x: i.x + i.width, y: i.y + i.height / 2, orientation: "vertical" }
       // right
-    ].forEach((B) => {
-      let L, W;
-      B.orientation === "horizontal" ? (L = h, W = a) : (L = a, W = h);
-      const O = B.x - L / 2, D = B.y - W / 2;
-      t.fillStyle = "#fff", t.fillRect(O, D, L, W), t.strokeStyle = "#bbb", t.lineWidth = c, t.strokeRect(O, D, L, W);
+    ].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);
     }), t.restore(), o && o.resizeHandles) {
-      const B = o.resizeHandles.filter(
-        (D) => D.anchor === "top-left" || D.anchor === "top-right" || D.anchor === "bottom-left" || D.anchor === "bottom-right"
-      ), L = s.getCropBoxWorldCorners(), W = 6, O = 20;
-      B.forEach((D) => {
-        let F = !1;
+      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 E of L) {
-            const $ = D.x - E.x, j = D.y - E.y;
-            if (Math.sqrt($ * $ + j * j) < O) {
-              F = !0;
+          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;
               break;
             }
           }
-        F || (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 = tt(t.canvas), t.lineWidth = 2, t.stroke(), t.restore());
+        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());
       });
     }
   }
 }
-xe();
-const De = $t("CanvasRenderer"), K = class K {
+Ae();
+const Ne = Zt("CanvasRenderer"), K = class K {
   /**
    * Get a pooled offscreen canvas for clipping content, only recreating
    * when dimensions change. Eliminates per-frame canvas allocation.
@@ -2962,7 +3029,7 @@ const De = $t("CanvasRenderer"), K = class K {
       e.render(t, o, n);
     } catch (s) {
       const i = s instanceof Error ? s : new Error(String(s));
-      De.error(`Failed to render element ${e.id}:`, i), K.onRenderError && K.onRenderError({
+      Ne.error(`Failed to render element ${e.id}:`, i), K.onRenderError && K.onRenderError({
         category: "render",
         message: `Failed to render element: ${i.message}`,
         originalError: i,
@@ -2979,7 +3046,7 @@ const De = $t("CanvasRenderer"), K = class K {
    * Used by knockout rendering system
    */
   static renderElement(t, e, o = !0) {
-    o && (t.save(), t.globalAlpha = Q), e.render(t, !1, !1), o && t.restore();
+    o && (t.save(), t.globalAlpha = tt), e.render(t, !1, !1), o && t.restore();
   }
   /**
    * Apply artboard clip path to the context, respecting clipShape.
@@ -3008,12 +3075,12 @@ const De = $t("CanvasRenderer"), K = class K {
       try {
         const l = new Path2D();
         for (const h of a.pieces) {
-          const c = new Path2D(h.d), d = h.rotation ?? 0, u = new DOMMatrix();
-          if (u.translateSelf(h.x, h.y), d !== 0) {
-            const p = (h.baseWidth ?? 0) / 2, b = (h.baseHeight ?? 0) / 2, g = d === 90 || d === 270, f = g ? h.baseHeight ?? 0 : h.baseWidth ?? 0, y = g ? h.baseWidth ?? 0 : h.baseHeight ?? 0;
-            u.translateSelf(f / 2, y / 2), u.rotateSelf(d), u.translateSelf(-p, -b);
+          const c = new Path2D(h.d), d = h.rotation ?? 0, f = new DOMMatrix();
+          if (f.translateSelf(h.x, h.y), d !== 0) {
+            const b = (h.baseWidth ?? 0) / 2, u = (h.baseHeight ?? 0) / 2, p = d === 90 || d === 270, g = p ? h.baseHeight ?? 0 : h.baseWidth ?? 0, y = p ? h.baseWidth ?? 0 : h.baseHeight ?? 0;
+            f.translateSelf(g / 2, y / 2), f.rotateSelf(d), f.translateSelf(-b, -u);
           }
-          l.addPath(c, u);
+          l.addPath(c, f);
         }
         t.translate(o, n), t.clip(l), t.translate(-o, -n);
         return;
@@ -3028,23 +3095,23 @@ const De = $t("CanvasRenderer"), K = class K {
    */
   static renderElementWithOverflowDimming(t, e, o, n, s, i) {
     const a = t.getTransform(), r = o.borderRadius || 0;
-    t.save(), t.globalAlpha = 0.3 * (i ? Q : 1), t.filter = "blur(4px)", t.beginPath();
-    const h = t.getTransform().inverse(), c = t.canvas.width, d = t.canvas.height, u = new DOMPoint(0, 0).matrixTransform(h), p = new DOMPoint(c, d).matrixTransform(h), b = Math.max(p.x - u.x, p.y - u.y), g = u.x - b, f = u.y - b, y = p.x + b, m = p.y + b, T = typeof o.clipShape == "object" && o.clipShape !== null && o.clipShape.type === "composite-path" ? o.clipShape : null;
-    if (T) {
-      const v = new Path2D();
-      v.rect(g, f, y - g, m - f);
-      for (const S of T.pieces) {
-        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);
+    t.save(), t.globalAlpha = 0.3 * (i ? tt : 1), t.filter = "blur(4px)", t.beginPath();
+    const h = t.getTransform().inverse(), c = t.canvas.width, d = t.canvas.height, f = new DOMPoint(0, 0).matrixTransform(h), b = new DOMPoint(c, d).matrixTransform(h), u = Math.max(b.x - f.x, b.y - f.y), p = f.x - u, g = f.y - u, y = b.x + u, S = b.y + u, m = typeof o.clipShape == "object" && o.clipShape !== null && o.clipShape.type === "composite-path" ? o.clipShape : null;
+    if (m) {
+      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);
         }
-        v.addPath(C, x);
+        w.addPath(C, x);
       }
-      t.clip(v, "evenodd");
+      t.clip(w, "evenodd");
     } else
-      t.rect(g, f, y - g, m - f), r > 0 ? t.roundRect(o.x, o.y, o.width, o.height, r) : t.rect(o.x, o.y, o.width, o.height), t.clip("evenodd");
-    e.render(t, !1, !1), t.restore(), t.save(), this.applyArtboardClipPath(t, o), i && (t.globalAlpha = Q), e.render(t, n, s), t.restore(), t.setTransform(a);
+      t.rect(p, g, y - p, S - g), r > 0 ? t.roundRect(o.x, o.y, o.width, o.height, r) : t.rect(o.x, o.y, o.width, o.height), t.clip("evenodd");
+    e.render(t, !1, !1), t.restore(), t.save(), this.applyArtboardClipPath(t, o), i && (t.globalAlpha = tt), e.render(t, n, s), t.restore(), t.setTransform(a);
   }
   /**
    * Render all elements layer
@@ -3057,56 +3124,56 @@ const De = $t("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((f) => f.toJSON()), K._cachedElementMap = new Map(e.map((f) => [f.id, f])), K._cachedElementsRef = e);
-    const u = K._cachedElementConfigs, p = K._cachedElementMap, b = K._knockoutRenderedIds;
-    b.clear(), e.forEach((f, y) => {
-      var m, T, v;
-      if (f.blendMode === "knockout" || f.blendMode === "clip") {
-        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(
+    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;
+    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(
           t,
-          S,
-          u,
-          (B, L) => {
-            const W = L.id && p.get(L.id);
-            W && this.renderElement(B, W, r);
+          T,
+          f,
+          (I, L) => {
+            const D = L.id && b.get(L.id);
+            D && this.renderElement(I, D, r);
           },
           i,
           a,
           C
-        ), b.add(f.id));
+        ), u.add(g.id));
       }
-    }), e.some((f) => !b.has(f.id) && f.isClipping) ? this._renderWithClipping(
+    }), e.some((g) => !u.has(g.id) && g.isClipping) ? this._renderWithClipping(
       t,
       e,
-      b,
+      u,
       o,
       n,
       c,
       d,
-      u,
+      f,
       r
-    ) : e.forEach((f) => {
+    ) : e.forEach((g) => {
       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 && 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 (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 = f.getVisualBoundingBox();
-            Yt(P, S.distressEffect, A, w);
+            const A = g.getVisualBoundingBox();
+            Kt(H, T.distressEffect, A, M);
           } else
-            w(P);
+            M(H);
         });
       else if (C) {
-        const P = f.getVisualBoundingBox();
-        Yt(t, S.distressEffect, P, (w) => {
-          r && (w.save(), w.globalAlpha = Q), this.safeRender(w, f, v, m), r && w.restore();
+        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 && 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());
+      } 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());
     });
   }
   /**
@@ -3114,51 +3181,51 @@ const De = $t("CanvasRenderer"), K = class K {
    * Elements with isClipping=true clip all elements below them
    */
   static _renderWithClipping(t, e, o, n, s, i, a, r, l = !0) {
-    var f;
-    const h = t.canvas, c = h.width, d = h.height, u = t.getTransform(), p = [];
-    let b = [], g = [];
+    var g;
+    const h = t.canvas, c = h.width, d = h.height, f = t.getTransform(), b = [];
+    let u = [], p = [];
     for (let y = 0; y < e.length; y++) {
-      const m = e[y], T = r[y];
-      o.has(m.id) || m.visible !== !1 && (m.isClipping ? b.length > 0 ? (p.push({
-        content: b,
-        mask: m,
-        contentConfigs: g,
-        maskConfig: T
-      }), b = [], g = []) : p.push({
-        content: [m],
-        contentConfigs: [T]
-      }) : (b.push(m), g.push(T)));
+      const S = e[y], m = r[y];
+      o.has(S.id) || S.visible !== !1 && (S.isClipping ? u.length > 0 ? (b.push({
+        content: u,
+        mask: S,
+        contentConfigs: p,
+        maskConfig: m
+      }), u = [], p = []) : b.push({
+        content: [S],
+        contentConfigs: [m]
+      }) : (u.push(S), p.push(m)));
     }
-    b.length > 0 && p.push({
-      content: b,
-      contentConfigs: g
+    u.length > 0 && b.push({
+      content: u,
+      contentConfigs: p
     });
-    for (const y of p)
+    for (const y of b)
       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, 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());
+        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());
         });
       else {
-        const m = this._getContentCanvas(c, d), T = m.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(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 && 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());
+        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) => {
+          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 = 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 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, 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();
+        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();
       }
   }
   // =========================================================================
@@ -3190,21 +3257,21 @@ const De = $t("CanvasRenderer"), K = class K {
    * @see SelectionRenderer.renderSelectionLayer
    */
   static renderSelectionLayer(t, e, o, n = 1) {
-    mt.renderSelectionLayer(t, e, o, n);
+    wt.renderSelectionLayer(t, e, o, n);
   }
   /**
    * Render position and size info below the selected element
    * @see SelectionRenderer.renderPositionSizeInfo
    */
   static renderPositionSizeInfo(t, e, o, n, s = 1) {
-    mt.renderPositionSizeInfo(t, e, o, n, s);
+    wt.renderPositionSizeInfo(t, e, o, n, s);
   }
   /**
    * Render transform handles layer
    * @see SelectionRenderer.renderHandlesLayer
    */
   static renderHandlesLayer(t, e, o, n, s, i, a, r = 1, l = !0) {
-    mt.renderHandlesLayer(
+    wt.renderHandlesLayer(
       t,
       e,
       o,
@@ -3221,14 +3288,14 @@ const De = $t("CanvasRenderer"), K = class K {
    * @see HoverRenderer.renderHoverLayer
    */
   static renderHoverLayer(t, e, o, n = !1, s = 1, i) {
-    _t.renderHoverLayer(t, e, o, n, s, i);
+    Vt.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) {
-    Dt.renderCropBoxLayer(t, e, o, n);
+    zt.renderCropBoxLayer(t, e, o, n);
   }
   // =========================================================================
   // Main Render Orchestration
@@ -3257,13 +3324,13 @@ const De = $t("CanvasRenderer"), K = class K {
     artboardBackgroundColor: h,
     artboard: c,
     isPreview: d = !0,
-    zoom: u = 1,
-    paddingOffset: p = { x: 0, y: 0 },
-    showOverflowDimmed: b = !1,
-    suppressOverflowDim: g = !1,
-    distressTexture: f,
+    zoom: f = 1,
+    paddingOffset: b = { x: 0, y: 0 },
+    showOverflowDimmed: u = !1,
+    suppressOverflowDim: p = !1,
+    distressTexture: g,
     imageMask: y,
-    editModeData: m
+    editModeData: S
   }) {
     if (this.renderElementsLayer(
       t,
@@ -3274,33 +3341,33 @@ const De = $t("CanvasRenderer"), K = class K {
       h,
       c,
       d,
-      b,
-      g
-    ), 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) {
+      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) {
       t.save();
-      const C = t.getTransform().a / u, R = p.x * u * C, x = p.y * u * C;
+      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 T = r.map((S) => ({
-      ...S,
-      x: S.x !== void 0 ? S.x * u : void 0,
-      y: S.y !== void 0 ? S.y * u : void 0,
-      x1: S.x1 !== void 0 ? S.x1 * u : void 0,
-      y1: S.y1 !== void 0 ? S.y1 * u : void 0,
-      x2: S.x2 !== void 0 ? S.x2 * u : void 0,
-      y2: S.y2 !== void 0 ? S.y2 * u : void 0
-    })), v = l.map((S) => ({
-      ...S,
-      x: S.x !== void 0 ? S.x * u : void 0,
-      y: S.y !== void 0 ? S.y * u : void 0,
-      x1: S.x1 !== void 0 ? S.x1 * u : void 0,
-      y1: S.y1 !== void 0 ? S.y1 * u : void 0,
-      x2: S.x2 !== void 0 ? S.x2 * u : void 0,
-      y2: S.y2 !== void 0 ? S.y2 * u : void 0,
-      labelX: S.labelX * u,
-      labelY: S.labelY * u
+    const m = r.map((T) => ({
+      ...T,
+      x: T.x !== void 0 ? T.x * f : void 0,
+      y: T.y !== void 0 ? T.y * f : void 0,
+      x1: T.x1 !== void 0 ? T.x1 * f : void 0,
+      y1: T.y1 !== void 0 ? T.y1 * f : void 0,
+      x2: T.x2 !== void 0 ? T.x2 * f : void 0,
+      y2: T.y2 !== void 0 ? T.y2 * f : void 0
+    })), w = l.map((T) => ({
+      ...T,
+      x: T.x !== void 0 ? T.x * f : void 0,
+      y: T.y !== void 0 ? T.y * f : void 0,
+      x1: T.x1 !== void 0 ? T.x1 * f : void 0,
+      y1: T.y1 !== void 0 ? T.y1 * f : void 0,
+      x2: T.x2 !== void 0 ? T.x2 * f : void 0,
+      y2: T.y2 !== void 0 ? T.y2 * f : void 0,
+      labelX: T.labelX * f,
+      labelY: T.labelY * f
     }));
-    Ct.renderSnapGuidesLayer(t, T), Ct.renderSpacingIndicatorsLayer(t, v), u !== 1 && t.restore();
+    Ct.renderSnapGuidesLayer(t, m), Ct.renderSpacingIndicatorsLayer(t, w), f !== 1 && t.restore();
   }
   /**
    * Single-selection interaction chrome: bbox, handles, position/size
@@ -3327,19 +3394,19 @@ const De = $t("CanvasRenderer"), K = class K {
     isEditing: h,
     isAltKeyPressed: c = !1,
     artboardBackgroundColor: d,
-    hoverClipArtboard: u,
-    showRotationHandle: p = !0,
-    zoom: b = 1,
-    paddingOffset: g = { x: 0, y: 0 }
+    hoverClipArtboard: f,
+    showRotationHandle: b = !0,
+    zoom: u = 1,
+    paddingOffset: p = { x: 0, y: 0 }
   }) {
-    if (b !== 1) {
+    if (u !== 1) {
       t.save();
-      const m = t.getTransform().a / b, T = g.x * b * m, v = g.y * b * m;
-      t.setTransform(m, 0, 0, m, T, v);
+      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 && 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(
+    if (e && Ee(e) && e.isCropping)
+      o && zt.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,
       o,
@@ -3347,33 +3414,34 @@ const De = $t("CanvasRenderer"), K = class K {
       i,
       a,
       n,
-      b,
-      p
+      u,
+      b
     ), !h) {
-      if (u) {
+      if (f) {
         t.save();
-        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();
+        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();
       }
-      _t.renderHoverLayer(t, a, r, c, b, d), u && t.restore();
+      Vt.renderHoverLayer(t, a, r, c, u, d), f && t.restore();
     }
-    b !== 1 && 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 Kt = K;
+let Ut = K;
 export {
-  Ke as A,
-  Kt as C,
-  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
+  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
 };
-//# sourceMappingURL=CanvasRenderer-yszzrDfo.js.map
+//# sourceMappingURL=CanvasRenderer-_lFoIoz5.js.map