@snowcone-app/canvas 0.17.3 → 0.18.1

package/dist/{ImportManager-C_wBjWaV.js → CanvasRenderer-DUc-MOeR.js}

@@ -1,11 +1,8 @@
-import { ap as tt, V as ae, X as re, Y as Vt, aC as le, aA as he, at as Ot, az as ce, as as ht, aJ as de, aK as Yt, aL as fe, aM as ge, c as zt, G as ue, I as Qt, P as pe, S as ye, T as be, aN as me, aO as Se, aP as Te, aQ as we, a3 as te, $ as ee, a5 as ft, a0 as ne, a1 as Bt, a4 as ve, a7 as xe, aR as Gt, aS as Ce, aT as Re, aU as Me, aV as Ee, aW as ke, aX as Q, A as Xt } from "./FontAnalyzer-CLv7_msL.js";
-import { T as Ht, a as Pe, t as Ae, J as Ie, y as Et, K as Nt, L as Be, N as He, C as Kt } from "./ElementFactory-CuHSAPfg.js";
-const ot = {
+import { V as ee, X as ne, ap as tt, Y as zt, aC as se, aA as oe, at as Vt, az as ie, as as ht, aD as ae, aE as Ft, aF as re, aG as le, c as $t, G as he, I as jt, P as ce, S as de, T as fe, aH as ge, aI as ue, aJ as pe, aK as ye, a3 as qt, $ as Ut, a5 as ft, a0 as Zt, a1 as Ht, a4 as be, a7 as Se, aL as Ot, aM as me, aN as Te, aO as ve, aP as we, aQ as Ce, aR as Q } from "./FontAnalyzer-DIlqmyuf.js";
+import { T as Bt, a as Me, t as xe, J as Re, y as kt, K as Gt, L as ke, M as Pe } from "./ImportManager-D--7JnvW.js";
+const it = {
   // Canvas-specific
   canvas: {
-    get selectionColor() {
-      return tt();
-    },
     snapThreshold: 8,
     // pixels
     snapGuideDash: [5, 5],
@@ -17,30 +14,30 @@ const ot = {
     spacingLabelFontSize: 11,
     spacingLabelFontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
   }
-}, Le = 2, Ct = 6, De = 16, We = 5, _e = 5, se = 0.5;
-function $t(x) {
-  return Le / x;
+}, Ae = 2, Mt = 6, Ee = 16, Ie = 5, He = 5, Jt = 0.5;
+function Yt(C) {
+  return Ae / C;
 }
-function $e(x) {
-  return Ct / x;
+function Ge(C) {
+  return Mt / C;
 }
-function ze(x) {
-  return De / x;
+function Be(C) {
+  return Ee / C;
 }
-function je(x) {
-  return [We / x, _e / x];
+function Ye(C) {
+  return [Ie / C, He / C];
 }
-function Fe(x, t, e, o) {
-  x.save();
-  const n = se / o;
-  x.translate(t, e), x.scale(n, n), x.strokeStyle = "#000", x.lineWidth = 1.5, x.lineCap = "round", x.lineJoin = "round", x.translate(-12, -12), x.beginPath(), x.moveTo(21, 12), x.arc(12, 12, 9, 0, -Math.PI / 2, !0), x.bezierCurveTo(3.5, 4.5, 4, 6, 3, 8), x.stroke(), x.beginPath(), x.moveTo(3, 3), x.lineTo(3, 8), x.lineTo(8, 8), x.stroke(), x.beginPath(), x.moveTo(3, 12), x.arc(12, 12, 9, Math.PI, Math.PI / 2, !0), x.bezierCurveTo(20.5, 19.5, 20, 18, 21, 16), x.stroke(), x.beginPath(), x.moveTo(16, 16), x.lineTo(21, 16), x.lineTo(21, 21), x.stroke(), x.restore();
+function Le(C, t, e, o) {
+  C.save();
+  const n = Jt / o;
+  C.translate(t, e), C.scale(n, n), C.strokeStyle = "#000", C.lineWidth = 1.5, C.lineCap = "round", C.lineJoin = "round", C.translate(-12, -12), C.beginPath(), C.moveTo(21, 12), C.arc(12, 12, 9, 0, -Math.PI / 2, !0), C.bezierCurveTo(3.5, 4.5, 4, 6, 3, 8), C.stroke(), C.beginPath(), C.moveTo(3, 3), C.lineTo(3, 8), C.lineTo(8, 8), C.stroke(), C.beginPath(), C.moveTo(3, 12), C.arc(12, 12, 9, Math.PI, Math.PI / 2, !0), C.bezierCurveTo(20.5, 19.5, 20, 18, 21, 16), C.stroke(), C.beginPath(), C.moveTo(16, 16), C.lineTo(21, 16), C.lineTo(21, 21), C.stroke(), C.restore();
 }
-function Ue(x, t, e, o = 1, n = "#3b82f6", s = !1) {
-  const i = ze(o);
-  x.save(), x.fillStyle = "#fff", x.strokeStyle = n, x.lineWidth = s ? $t(o) * 1.25 : $t(o), x.beginPath(), x.arc(t, e, i, 0, Math.PI * 2), x.fill(), x.stroke(), Fe(x, t, e, o), x.restore();
+function Xe(C, t, e, o = 1, n = "#3b82f6", s = !1) {
+  const i = Be(o);
+  C.save(), C.fillStyle = "#fff", C.strokeStyle = n, C.lineWidth = s ? Yt(o) * 1.25 : Yt(o), C.beginPath(), C.arc(t, e, i, 0, Math.PI * 2), C.fill(), C.stroke(), Le(C, t, e, o), C.restore();
 }
-const jt = Ct * 2;
-class qe {
+const Xt = Mt * 2;
+class Ne {
   constructor() {
     this.resizeHandles = [], this.rotationHandle = null, this.elementRotation = 0, this.rotationAnchor = { x: 0, y: 0 };
   }
@@ -52,13 +49,13 @@ class qe {
   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 = ot.canvas.selectionPadding, r = {
+    const a = it.canvas.selectionPadding, r = {
       x: n.x - a,
       y: n.y - a,
       width: n.width + a * 2,
       height: n.height + a * 2
-    }, l = ae(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 = re(
+    }, l = ee(r, t.rotation, s), h = Math.abs(t.rotation % 360) > 0.1;
+    this.resizeHandles = l.filter((c) => !(!i.includes(c.anchor) || h && c.anchor.includes("middle"))), this.rotationHandle = ne(
       r,
       t.rotation,
       s,
@@ -87,10 +84,10 @@ class qe {
     if (e.anchor.includes("middle")) {
       const l = e.anchor === "middle-top" || e.anchor === "middle-bottom";
       t.translate(i, a), t.rotate(-this.elementRotation * Math.PI / 180), l && t.rotate(Math.PI / 2), t.translate(-i, -a);
-      const h = jt * 0.6, c = jt * 1.4, d = h / 2, u = i - h / 2, p = a - c / 2;
+      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();
     } else
-      t.fillStyle = "#fff", t.strokeStyle = tt(t.canvas), t.lineWidth = o || n ? 2.5 : 2, t.beginPath(), t.arc(i, a, Ct, 0, Math.PI * 2), t.fill(), t.stroke();
+      t.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.restore();
   }
   /**
@@ -99,9 +96,9 @@ class qe {
    */
   renderRotationHandle(t, e, o = !1, n = 1) {
     t.save();
-    const s = e.x * n, i = e.y * n, a = Ct * 2.67;
+    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 = se;
+    const r = Jt;
     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();
   }
   /**
@@ -117,9 +114,9 @@ class qe {
    * @param zoom - Current zoom level (radius scales inversely with zoom)
    */
   hitTestResize(t, e, o = 1) {
-    const n = he / o;
+    const n = oe / o;
     for (const s of this.resizeHandles)
-      if (Vt(t, e, s.x, s.y, n))
+      if (zt(t, e, s.x, s.y, n))
         return s;
     return null;
   }
@@ -129,8 +126,8 @@ class qe {
    */
   hitTestRotation(t, e, o = 1) {
     if (!this.rotationHandle) return !1;
-    const n = (Ct * 2.67 + 2) / o;
-    return Vt(t, e, this.rotationHandle.x, this.rotationHandle.y, n);
+    const n = (Mt * 2.67 + 2) / o;
+    return zt(t, e, this.rotationHandle.x, this.rotationHandle.y, n);
   }
   /**
    * Get rotation handle position (for React-based rendering)
@@ -145,7 +142,7 @@ class qe {
    */
   getCursor(t, e) {
     const o = t.anchor.includes("middle") ? "edge" : "corner";
-    return le(
+    return se(
       t.x,
       t.y,
       this.rotationAnchor.x,
@@ -156,7 +153,7 @@ class qe {
     );
   }
 }
-class Ve {
+class We {
   /**
    * Calculate new dimensions and position for a resize operation
    */
@@ -168,62 +165,62 @@ class Ve {
     startData: s,
     snapSystem: i
   }) {
-    var H, L, D, O, W;
-    const r = new Ot(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;
+    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 V = b - c;
-      f = u + V, y = p;
+      const F = b - c;
+      f = u + F, y = p;
     } else if (e.anchor === "middle-top" || e.anchor === "middle-bottom") {
-      const V = g - d;
-      f = u, y = p + V;
+      const F = g - d;
+      f = u, y = p + F;
     } else {
-      const V = b / c, A = g / d;
-      f = u * V, y = p * A;
+      const F = b / c, E = g / d;
+      f = u * F, y = p * E;
     }
-    const S = b, T = g;
-    let w = !1;
+    const m = b, T = g;
+    let v = !1;
     if (i && t.transformType === "image") {
-      const V = e.anchor ?? "", A = V === "top-left" || V === "top-right" || V === "bottom-left" || V === "bottom-right", $ = V.startsWith("crop-");
-      if (A && !$) {
-        const j = (H = i.activeSnaps) == null ? void 0 : H.x, Z = (L = i.activeSnaps) == null ? void 0 : L.y;
-        if (!!j || !!Z) {
-          const E = [j, Z].find(
+      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
           );
-          if (E) {
-            const I = t, _ = s.transformData, B = E.frozenWidth ?? ((D = I.transformData) == null ? void 0 : D.width) ?? u, F = I.imageAspectRatio || (_ != null && _.width && (_ != null && _.height) ? _.width / _.height : null);
-            let Y = E.frozenHeight;
-            Y == null && (F && F !== 0 ? Y = B / F : (O = I.transformData) != null && O.height ? Y = I.transformData.height : Y = p);
-            const at = u !== 0 ? B / u : 1, gt = p !== 0 ? Y / p : 1;
-            b = c * at, g = d * gt, f = B, y = Y, w = !0;
+          if (k) {
+            const I = t, _ = s.transformData, H = k.frozenWidth ?? ((W = I.transformData) == null ? void 0 : W.width) ?? u, V = I.imageAspectRatio || (_ != null && _.width && (_ != null && _.height) ? _.width / _.height : null);
+            let G = k.frozenHeight;
+            G == null && (V && V !== 0 ? G = H / V : (O = I.transformData) != null && O.height ? G = I.transformData.height : G = p);
+            const at = u !== 0 ? H / u : 1, gt = p !== 0 ? G / p : 1;
+            b = c * at, g = d * gt, f = H, y = G, v = !0;
           }
         }
       }
     }
     f = Math.max(50, f), y = Math.max(40, y);
-    const m = t.clone(), C = m.resize(e.anchor, f, y, s);
-    if (!e.anchor.includes("middle") && ((W = m.stroke) != null && W.enabled) && s.strokeWidth !== void 0 && s.strokeWidth > 0) {
-      const V = s.width ?? 1, A = s.height ?? 1, $ = Math.sqrt(f / V * (y / A)), j = Math.max(1, Math.round(s.strokeWidth * $ * 10) / 10);
-      m.stroke = { ...m.stroke, width: j };
+    const S = t.clone(), M = S.resize(e.anchor, f, y, s);
+    if (!e.anchor.includes("middle") && ((D = S.stroke) != null && D.enabled) && s.strokeWidth !== void 0 && s.strokeWidth > 0) {
+      const F = s.width ?? 1, E = s.height ?? 1, $ = Math.sqrt(f / F * (y / E)), j = Math.max(1, Math.round(s.strokeWidth * $ * 10) / 10);
+      S.stroke = { ...S.stroke, width: j };
     }
-    const R = w || C === !1, k = e.anchor.includes("top") || e.anchor.includes("bottom"), v = "isCropping" in m && m.isCropping, P = "isGroup" in m && m.isGroup;
-    if (k && !v && !P) {
-      const V = t.getRotationAnchor(), A = this._calculateFixedCornerOffset({
+    const x = v || M === !1, P = e.anchor.includes("top") || e.anchor.includes("bottom"), w = "isCropping" in S && S.isCropping, A = "isGroup" in S && S.isGroup;
+    if (P && !w && !A) {
+      const F = t.getRotationAnchor(), E = this._calculateFixedCornerOffset({
         element: t,
-        updatedElement: m,
+        updatedElement: S,
         handle: e,
-        rotationAnchor: V
+        rotationAnchor: F
       });
-      m.x += A.x, m.y += A.y;
+      S.x += E.x, S.y += E.y;
     }
     return {
-      element: m,
-      isFrozen: R,
+      element: S,
+      isFrozen: x,
       // For snap system to detect break-free: dimensions before freeze was applied
-      unfrozenDimensions: w ? { width: S, height: T } : void 0
+      unfrozenDimensions: v ? { width: m, height: T } : void 0
     };
   }
   /**
@@ -237,10 +234,10 @@ class Ve {
     handle: o,
     rotationAnchor: n
   }) {
-    const s = new Ot(t), { cos: i, sin: a } = s.getRenderingCosSin(), r = t.getVisualBoundingBox(), l = e.getVisualBoundingBox(), h = n, c = e.getRotationAnchor(), d = this._getFixedLocalCoords(o.anchor, r.width, r.height), u = d.x, p = d.y, b = r.x - h.x, g = r.y - h.y, f = b + u, y = g + p, S = f * i - y * a, T = f * a + y * i, w = h.x + S, m = h.y + T, C = this._getFixedLocalCoords(o.anchor, l.width, l.height), M = C.x, R = C.y, k = l.x - c.x, v = l.y - c.y, P = k + M, H = v + R, L = P * i - H * a, D = P * a + H * i, O = c.x + L, W = c.y + D;
+    const s = new Vt(t), { cos: i, sin: a } = s.getRenderingCosSin(), r = t.getVisualBoundingBox(), l = e.getVisualBoundingBox(), h = n, c = e.getRotationAnchor(), d = this._getFixedLocalCoords(o.anchor, r.width, r.height), u = d.x, p = d.y, b = r.x - h.x, g = r.y - h.y, f = b + u, y = g + p, m = f * i - y * a, T = f * a + y * i, v = h.x + m, S = h.y + T, M = this._getFixedLocalCoords(o.anchor, l.width, l.height), R = M.x, x = M.y, P = l.x - c.x, w = l.y - c.y, A = P + R, B = w + x, L = A * i - B * a, W = A * a + B * i, O = c.x + L, D = c.y + W;
     return {
-      x: w - O,
-      y: m - W
+      x: v - O,
+      y: S - D
     };
   }
   /**
@@ -278,7 +275,7 @@ class Ve {
     return n;
   }
 }
-class Oe {
+class De {
   constructor() {
     this.hooks = {
       beforeResize: [],
@@ -333,7 +330,7 @@ class Oe {
    */
   executeResize(t) {
     const e = this.runHooks("beforeResize", t);
-    let o = Ve.calculateResize({
+    let o = We.calculateResize({
       ...e,
       snapSystem: t.snapSystem
     });
@@ -348,8 +345,8 @@ class Oe {
     return this.runHooks("afterPositionUpdate", o).position;
   }
 }
-const Je = new Oe();
-class Ze {
+const Ke = new De();
+class $e {
   constructor(t = null) {
     this.state = "IDLE", this.context = {
       mode: null,
@@ -547,7 +544,7 @@ class Ze {
   updateRotate(t, e, o, n) {
     if (this.state !== "ROTATING")
       throw new Error("Cannot update rotate: not in ROTATING state");
-    const s = this.context.startData, a = (ce(o, n, t, e) - s.startAngle) * 180 / Math.PI;
+    const s = this.context.startData, a = (ie(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;
   }
@@ -771,7 +768,7 @@ class bt {
     return Math.abs(n.x - o.x) > s || Math.abs(n.y - o.y) > s;
   }
 }
-class Ut {
+class Nt {
   constructor(t) {
     this.cellSize = t, this.cells = /* @__PURE__ */ new Map(), this.idIndex = /* @__PURE__ */ new Map();
   }
@@ -867,32 +864,32 @@ class Ut {
     return `${Math.floor(t / this.cellSize)},${Math.floor(e / this.cellSize)}`;
   }
 }
-function lt(x) {
-  const t = x.transformData;
+function lt(C) {
+  const t = C.transformData;
   if (t && "width" in t && typeof t.width == "number")
     return t.width;
 }
-function mt(x) {
-  const t = x.transformData;
+function St(C) {
+  const t = C.transformData;
   if (t && "height" in t && typeof t.height == "number")
     return t.height;
 }
-function vt(x, t) {
-  const e = x.transformData;
+function wt(C, t) {
+  const e = C.transformData;
   return e && "width" in e ? (e.width = t, !0) : !1;
 }
-function kt(x, t) {
-  const e = x.transformData;
+function Pt(C, t) {
+  const e = C.transformData;
   return e && "height" in e ? (e.height = t, !0) : !1;
 }
-class Qe {
+class je {
   constructor(t = {}) {
-    this._extraSnapRects = [], this.snapThreshold = t.snapThreshold || ot.canvas.snapThreshold, this.enabled = t.enabled !== !1, this.showGuides = t.showGuides !== !1, this.guides = [], this.activeSnaps = {
+    this._extraSnapRects = [], this.snapThreshold = t.snapThreshold || it.canvas.snapThreshold, this.enabled = t.enabled !== !1, this.showGuides = t.showGuides !== !1, this.guides = [], this.activeSnaps = {
       x: null,
       // { 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 Ut(Math.max(this.snapThreshold * 2, 16)), this._anchorMetadata = /* @__PURE__ */ new Map();
+    }, this.stickyThreshold = t.stickyThreshold || 15, this._spatialGrid = new Nt(Math.max(this.snapThreshold * 2, 16)), this._anchorMetadata = /* @__PURE__ */ new Map();
   }
   /**
    * Enable or disable snapping
@@ -904,7 +901,7 @@ class Qe {
    * Set snap threshold in pixels
    */
   setSnapThreshold(t) {
-    this.snapThreshold = t, this._spatialGrid = new Ut(Math.max(t * 2, 16));
+    this.snapThreshold = t, this._spatialGrid = new Nt(Math.max(t * 2, 16));
   }
   /**
    * Get current snap guides for rendering
@@ -996,50 +993,50 @@ class Qe {
     this._populateSpatialGrid(i);
     let a = null, r = null, l = 1 / 0, h = 1 / 0;
     const c = [], d = [], u = [];
-    for (const [y, S] of Object.entries(s)) {
-      const T = this._spatialGrid.queryNearAxis("x", S.x, this.snapThreshold);
-      for (const m of T) {
-        const C = this._anchorMetadata.get(m.id);
-        if (!C) continue;
-        const M = C.point, R = C.anchorKey, k = Math.abs(S.x - M.x);
-        if (k < this.snapThreshold) {
-          const v = {
-            snapTo: M.x,
-            offset: S.x - t.x,
+    for (const [y, m] of Object.entries(s)) {
+      const T = this._spatialGrid.queryNearAxis("x", m.x, this.snapThreshold);
+      for (const S of T) {
+        const M = this._anchorMetadata.get(S.id);
+        if (!M) continue;
+        const R = M.point, x = M.anchorKey, P = Math.abs(m.x - R.x);
+        if (P < this.snapThreshold) {
+          const w = {
+            snapTo: R.x,
+            offset: m.x - t.x,
             // How far anchor is from element position
-            distance: k,
+            distance: P,
             guide: {
               type: "vertical",
-              x: M.x,
-              y1: Math.min(S.y, M.y) - 50,
-              y2: Math.max(S.y, M.y) + 50,
+              x: R.x,
+              y1: Math.min(m.y, R.y) - 50,
+              y2: Math.max(m.y, R.y) + 50,
               movingKey: y,
-              otherKey: R
+              otherKey: x
             }
           };
-          c.push(v), k < l && (l = k, a = v);
+          c.push(w), P < l && (l = P, a = w);
         }
       }
-      const w = this._spatialGrid.queryNearAxis("y", S.y, this.snapThreshold);
-      for (const m of w) {
-        const C = this._anchorMetadata.get(m.id);
-        if (!C) continue;
-        const M = C.point, R = C.anchorKey, k = Math.abs(S.y - M.y);
-        if (k < this.snapThreshold) {
-          const v = {
-            snapTo: M.y,
-            offset: S.y - t.y,
-            distance: k,
+      const v = this._spatialGrid.queryNearAxis("y", m.y, this.snapThreshold);
+      for (const S of v) {
+        const M = this._anchorMetadata.get(S.id);
+        if (!M) continue;
+        const R = M.point, x = M.anchorKey, P = Math.abs(m.y - R.y);
+        if (P < this.snapThreshold) {
+          const w = {
+            snapTo: R.y,
+            offset: m.y - t.y,
+            distance: P,
             guide: {
               type: "horizontal",
-              y: M.y,
-              x1: Math.min(S.x, M.x) - 50,
-              x2: Math.max(S.x, M.x) + 50,
+              y: R.y,
+              x1: Math.min(m.x, R.x) - 50,
+              x2: Math.max(m.x, R.x) + 50,
               movingKey: y,
-              otherKey: R
+              otherKey: x
             }
           };
-          d.push(v), k < h && (h = k, r = v);
+          d.push(w), P < h && (h = P, r = w);
         }
       }
     }
@@ -1047,12 +1044,12 @@ class Qe {
     a && (p = a.snapTo - a.offset), r && (b = r.snapTo - r.offset);
     const g = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
     for (const y of c) {
-      const S = g.get(y.snapTo);
-      (!S || y.distance < S.distance) && g.set(y.snapTo, y);
+      const m = g.get(y.snapTo);
+      (!m || y.distance < m.distance) && g.set(y.snapTo, y);
     }
     for (const y of d) {
-      const S = f.get(y.snapTo);
-      (!S || y.distance < S.distance) && f.set(y.snapTo, y);
+      const m = f.get(y.snapTo);
+      (!m || y.distance < m.distance) && f.set(y.snapTo, y);
     }
     for (const y of g.values())
       u.push(y.guide);
@@ -1081,7 +1078,7 @@ class Qe {
    * Used for text elements where height is derived, not settable
    */
   _isPositionBasedSnap(t, e) {
-    return e === "x" ? !1 : e === "y" ? !(mt(t) !== void 0 || t.height !== void 0 && typeof t.height == "number") : !1;
+    return e === "x" ? !1 : e === "y" ? !(St(t) !== void 0 || t.height !== void 0 && typeof t.height == "number") : !1;
   }
   /**
    * Determine which snap keys to use based on the resize handle
@@ -1261,7 +1258,7 @@ class Qe {
    * @returns {Object} { frozenWidth, frozenHeight } - Dimensions at snap point
    */
   _calculateFrozenDimensionsAtSnap(t, e, o, n, s) {
-    const i = lt(t) ?? t.width ?? 0, a = mt(t) ?? t.height ?? 0;
+    const i = lt(t) ?? t.width ?? 0, a = St(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 };
@@ -1300,11 +1297,11 @@ class Qe {
               s,
               i
             ), y = this._isPositionBasedSnap(n, t);
-            let S;
-            g ? S = b.frozenPosition : y ? S = {
+            let m;
+            g ? m = b.frozenPosition : y ? m = {
               x: t === "x" ? n.x + l : n.x,
               y: t === "y" ? n.y + l : n.y
-            } : S = { x: n.x, y: n.y };
+            } : m = { x: n.x, y: n.y };
             const T = this._calculateFrozenDimensionsAtSnap(
               n,
               t,
@@ -1318,7 +1315,7 @@ class Qe {
               frozenFontSize: f,
               frozenWidth: T.frozenWidth,
               frozenHeight: T.frozenHeight,
-              frozenPosition: S,
+              frozenPosition: m,
               isPositionBasedSnap: y
             };
           }
@@ -1365,7 +1362,7 @@ class Qe {
     const n = t.getVisualBoundingBox(), s = t.transformType === "image";
     if (!s) {
       const i = lt(t);
-      i !== void 0 ? vt(t, i + e) : t.width !== void 0 && (t.width += e);
+      i !== void 0 ? wt(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);
@@ -1382,7 +1379,7 @@ class Qe {
     const n = t.getVisualBoundingBox(), s = t.transformType === "image";
     if (!s) {
       const i = lt(t);
-      i !== void 0 ? vt(t, i - e) : t.width !== void 0 && (t.width -= e);
+      i !== void 0 ? wt(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);
@@ -1398,8 +1395,8 @@ class Qe {
   _adjustElementForBottomResize(t, e, o) {
     const n = t.getVisualBoundingBox(), s = t.transformType === "image";
     if (!s) {
-      const r = mt(t);
-      r !== void 0 ? kt(t, r + e) : t.height !== void 0 && (t.height += e);
+      const r = St(t);
+      r !== void 0 ? Pt(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") {
@@ -1416,8 +1413,8 @@ class Qe {
   _adjustElementForTopResize(t, e, o) {
     const n = t.getVisualBoundingBox(), s = t.transformType === "image";
     if (!s) {
-      const r = mt(t);
-      r !== void 0 ? kt(t, r - e) : t.height !== void 0 && (t.height -= e);
+      const r = St(t);
+      r !== void 0 ? Pt(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") {
@@ -1440,62 +1437,62 @@ class Qe {
    * @returns {object} Modified resize result with adjusted element
    */
   snapDimensions(t, e, o = null) {
-    var m, C, M, R, k;
+    var S, M, R, x, P;
     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 v = n.clone();
-      if (v.transformData) {
-        const P = n.getVisualBoundingBox(), H = P.width, L = P.height, D = (o == null ? void 0 : o.width) ?? n.width ?? 0, O = (o == null ? void 0 : o.height) ?? n.height ?? 0, W = (o == null ? void 0 : o.visualWidth) ?? H, V = (o == null ? void 0 : o.visualHeight) ?? L, A = t.unfrozenDimensions.width / W, $ = t.unfrozenDimensions.height / V;
-        vt(v, D * A), kt(v, O * $);
+      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 * $);
       }
-      i = bt.getSnapAnchors(v);
+      i = bt.getSnapAnchors(w);
     } else
       i = bt.getSnapAnchors(n);
-    const l = e.filter((v) => v.id !== n.id);
+    const l = e.filter((w) => w.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, S = b.bestSnap, T = [];
-    y && T.push(y.guide), S && T.push(S.guide), this.guides = T, T.length > 0;
-    const w = s && (s.anchor === "top-left" || s.anchor === "top-right" || s.anchor === "bottom-left" || s.anchor === "bottom-right");
-    if (a && w && (g !== 0 || f !== 0))
+    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))
       return t;
     if (g !== 0 || f !== 0) {
-      const v = n.clone(), P = this.activeSnaps.x || this.activeSnaps.y, H = (P == null ? void 0 : P.frozenFontSize) ?? n.fontSize ?? 0, L = (P == null ? void 0 : P.frozenWidth) ?? lt(n) ?? n.width ?? 0, D = (P == null ? void 0 : P.frozenHeight) ?? mt(n) ?? n.height ?? 0, O = (P == null ? void 0 : P.frozenPosition) ?? { x: n.x, y: n.y }, W = v.isCropping && !String(s.anchor).startsWith("crop-");
-      if (!W)
+      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 (s && s.anchor) {
           if (g !== 0) {
-            const E = (m = this.activeSnaps.x) == null ? void 0 : m.anchorKey, I = E == null ? void 0 : E.toLowerCase();
-            I && I.includes("right") ? this._adjustElementForRightResize(v, g, s) : I && I.includes("left") ? this._adjustElementForLeftResize(v, g, s) : v.x += g;
+            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 (f !== 0) {
-            const E = (C = this.activeSnaps.y) == null ? void 0 : C.anchorKey, I = E == null ? void 0 : E.toLowerCase();
-            I && I.includes("bottom") ? this._adjustElementForBottomResize(v, f, s) : I && I.includes("top") ? this._adjustElementForTopResize(v, f, s) : v.y += f;
+            const k = (M = this.activeSnaps.y) == null ? void 0 : M.anchorKey, I = k == null ? void 0 : k.toLowerCase();
+            I && I.includes("bottom") ? this._adjustElementForBottomResize(w, f, s) : I && I.includes("top") ? this._adjustElementForTopResize(w, f, s) : w.y += f;
           }
         } else
-          v.x += g, v.y += f;
-      v.fontSize !== void 0 && (v.fontSize = H);
-      const V = v.transformType === "image", A = this.activeSnaps.x !== null || this.activeSnaps.y !== null;
-      if (V && A) {
-        if (lt(v) !== void 0) {
-          const E = this.activeSnaps.x || this.activeSnaps.y;
-          let I = L, _ = D;
-          E && (I = E.frozenWidth ?? I, _ = E.frozenHeight ?? _);
-          const B = lt(n), F = mt(n), Y = v.imageAspectRatio || (B && F ? B / F : null);
-          Y && Y !== 0 && (_ = I / Y), vt(v, I), kt(v, _), E && (E.frozenWidth = I, E.frozenHeight = _);
+          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), G = w.imageAspectRatio || (H && V ? H / V : null);
+          G && G !== 0 && (_ = I / G), wt(w, I), Pt(w, _), k && (k.frozenWidth = I, k.frozenHeight = _);
         }
       } else
-        (((M = this.activeSnaps.y) == null ? void 0 : M.isPositionBasedSnap) || !1) && (lt(v) !== void 0 ? vt(v, L) : v.width !== void 0 && (v.width = L));
-      const $ = s && (s.anchor === "middle-left" || s.anchor === "middle-right"), j = s && (s.anchor === "middle-top" || s.anchor === "middle-bottom"), Z = ((R = this.activeSnaps.x) == null ? void 0 : R.isPositionBasedSnap) || !1, X = ((k = this.activeSnaps.y) == null ? void 0 : k.isPositionBasedSnap) || !1;
-      return (g === 0 || Z) && !$ && !j && !W && (v.x = O.x), (f === 0 || X) && !j && !$ && !W && (v.y = O.y), {
+        (((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), {
         ...t,
-        element: v,
+        element: w,
         snapAdjustment: { dx: g, dy: f },
         // Flag to indicate we're in sticky snap mode (used to freeze font size)
         isInStickySnap: !0
@@ -1510,12 +1507,12 @@ class Qe {
     if (!this.enabled) return t;
     const n = [0, 45, 90, 135, 180, 225, 270, 315, 360], s = 5;
     for (const i of n)
-      if (de(t, i, s))
+      if (ae(t, i, s))
         return i;
     return t;
   }
 }
-class tn {
+class qe {
   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 = [];
   }
@@ -1550,7 +1547,7 @@ class tn {
   snapToSpacing(t, e, o) {
     if (!this.enabled || !o)
       return t;
-    const n = Yt, s = o.filter((g) => g.id !== e.id);
+    const n = Ft, s = o.filter((g) => g.id !== e.id);
     if (s.length === 0)
       return t;
     const i = e.clone();
@@ -1562,44 +1559,44 @@ class tn {
       return !(a.x + a.width < f.x || a.x > f.x + f.width);
     });
     if (p.sort((g, f) => {
-      const y = g.getVisualBoundingBox(), S = f.getVisualBoundingBox();
-      return y.y - S.y;
+      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 w = T.getVisualBoundingBox();
-        w.y + w.height <= a.y ? (!g || w.y > g.getVisualBoundingBox().y) && (g = T) : w.y >= a.y + a.height && (!f || w.y < f.getVisualBoundingBox().y) && (f = T);
+        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);
       }
       const y = [];
       for (let T = 0; T < p.length - 1; T++) {
-        const w = p[T].getVisualBoundingBox(), C = p[T + 1].getVisualBoundingBox().y - (w.y + w.height);
-        y.push(C);
+        const v = p[T].getVisualBoundingBox(), M = p[T + 1].getVisualBoundingBox().y - (v.y + v.height);
+        y.push(M);
       }
-      let S = null;
+      let m = null;
       if (g) {
-        const T = g.getVisualBoundingBox(), w = a.y - (T.y + T.height);
-        for (const m of y)
-          if (Math.abs(w - m) <= n) {
-            S = m;
+        const T = g.getVisualBoundingBox(), v = a.y - (T.y + T.height);
+        for (const S of y)
+          if (Math.abs(v - S) <= n) {
+            m = S;
             break;
           }
       }
-      if (!S && f) {
-        const w = f.getVisualBoundingBox().y - (a.y + a.height);
-        for (const m of y)
-          if (Math.abs(w - m) <= n) {
-            S = m;
+      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;
             break;
           }
       }
-      if (S !== null && S > 0) {
+      if (m !== null && m > 0) {
         if (g) {
-          const T = g.getVisualBoundingBox(), w = a.y - (T.y + T.height);
-          Math.abs(w - S) <= n && (c = T.y + T.height + S - l, u = !0);
+          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 (!u && f) {
-          const T = f.getVisualBoundingBox(), w = T.y - (a.y + a.height);
-          Math.abs(w - S) <= n && (c = T.y - a.height - S - l, u = !0);
+          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);
         }
       }
     }
@@ -1608,44 +1605,44 @@ class tn {
       return !(a.y + a.height < f.y || a.y > f.y + f.height);
     });
     if (b.sort((g, f) => {
-      const y = g.getVisualBoundingBox(), S = f.getVisualBoundingBox();
-      return y.x - S.x;
+      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 w = T.getVisualBoundingBox();
-        w.x + w.width <= a.x ? (!g || w.x > g.getVisualBoundingBox().x) && (g = T) : w.x >= a.x + a.width && (!f || w.x < f.getVisualBoundingBox().x) && (f = T);
+        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);
       }
       const y = [];
       for (let T = 0; T < b.length - 1; T++) {
-        const w = b[T].getVisualBoundingBox(), C = b[T + 1].getVisualBoundingBox().x - (w.x + w.width);
-        y.push(C);
+        const v = b[T].getVisualBoundingBox(), M = b[T + 1].getVisualBoundingBox().x - (v.x + v.width);
+        y.push(M);
       }
-      let S = null;
+      let m = null;
       if (g) {
-        const T = g.getVisualBoundingBox(), w = a.x - (T.x + T.width);
-        for (const m of y)
-          if (Math.abs(w - m) <= n) {
-            S = m;
+        const T = g.getVisualBoundingBox(), v = a.x - (T.x + T.width);
+        for (const S of y)
+          if (Math.abs(v - S) <= n) {
+            m = S;
             break;
           }
       }
-      if (!S && f) {
-        const w = f.getVisualBoundingBox().x - (a.x + a.width);
-        for (const m of y)
-          if (Math.abs(w - m) <= n) {
-            S = m;
+      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;
             break;
           }
       }
-      if (S !== null && S > 0) {
+      if (m !== null && m > 0) {
         if (g) {
-          const T = g.getVisualBoundingBox(), w = a.x - (T.x + T.width);
-          Math.abs(w - S) <= n && (h = T.x + T.width + S - r, d = !0);
+          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 (!d && f) {
-          const T = f.getVisualBoundingBox(), w = T.x - (a.x + a.width);
-          Math.abs(w - S) <= n && (h = T.x - a.width - S - r, d = !0);
+          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);
         }
       }
     }
@@ -1737,16 +1734,16 @@ class tn {
         labelY: g,
         isAltHover: !0
       }), a++);
-      let S = 0, T = !1, w = 0, m = 0, C = 0;
-      const R = 30 * (r % 2 === 0 ? 1 : -1);
-      h.y >= n.y + n.height ? (S = h.y - (n.y + n.height), S >= this.minDistance && (T = !0, w = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + R, m = n.y + n.height, C = h.y)) : n.y >= h.y + h.height && (S = n.y - (h.y + h.height), S >= this.minDistance && (T = !0, w = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + R, m = h.y + h.height, C = n.y)), T && (o.push({
+      let m = 0, T = !1, v = 0, S = 0, M = 0;
+      const x = 30 * (r % 2 === 0 ? 1 : -1);
+      h.y >= n.y + n.height ? (m = h.y - (n.y + n.height), m >= this.minDistance && (T = !0, v = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + x, S = n.y + n.height, M = h.y)) : n.y >= h.y + h.height && (m = n.y - (h.y + h.height), m >= this.minDistance && (T = !0, v = (n.x + n.width / 2 + h.x + h.width / 2) / 2 + x, S = h.y + h.height, M = n.y)), T && (o.push({
         type: "vertical",
-        distance: Math.round(S),
-        x: w,
-        y1: m,
-        y2: C,
-        labelX: w,
-        labelY: (m + C) / 2,
+        distance: Math.round(m),
+        x: v,
+        y1: S,
+        y2: M,
+        labelX: v,
+        labelY: (S + M) / 2,
         isAltHover: !0
       }), r++);
     }
@@ -1771,15 +1768,15 @@ class tn {
         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);
           if (Math.abs(y - l) <= 16 && y >= this.minDistance) {
-            const S = Math.max(g.y, f.y), T = Math.min(g.y + g.height, f.y + f.height), w = (S + T) / 2;
+            const m = Math.max(g.y, f.y), T = Math.min(g.y + g.height, f.y + f.height), v = (m + T) / 2;
             i.push({
               type: "horizontal",
               distance: Math.round(y),
               x1: g.x + g.width,
               x2: f.x,
-              y: w,
+              y: v,
               labelX: (g.x + g.width + f.x) / 2,
-              labelY: w
+              labelY: v
             });
           }
         }
@@ -1787,15 +1784,15 @@ class tn {
         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);
           if (Math.abs(y - l) <= 16 && y >= this.minDistance) {
-            const S = Math.max(g.y, f.y), T = Math.min(g.y + g.height, f.y + f.height), w = (S + T) / 2;
+            const m = Math.max(g.y, f.y), T = Math.min(g.y + g.height, f.y + f.height), v = (m + T) / 2;
             i.push({
               type: "horizontal",
               distance: Math.round(y),
               x1: g.x + g.width,
               x2: f.x,
-              y: w,
+              y: v,
               labelX: (g.x + g.width + f.x) / 2,
-              labelY: w
+              labelY: v
             });
           }
         }
@@ -1812,14 +1809,14 @@ class tn {
         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);
           if (Math.abs(y - l) <= 16 && y >= this.minDistance) {
-            const S = Math.max(g.x, f.x), T = Math.min(g.x + g.width, f.x + f.width), w = (S + T) / 2;
+            const m = Math.max(g.x, f.x), T = Math.min(g.x + g.width, f.x + f.width), v = (m + T) / 2;
             i.push({
               type: "vertical",
               distance: Math.round(y),
-              x: w,
+              x: v,
               y1: g.y + g.height,
               y2: f.y,
-              labelX: w,
+              labelX: v,
               labelY: (g.y + g.height + f.y) / 2
             });
           }
@@ -1828,14 +1825,14 @@ class tn {
         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);
           if (Math.abs(y - l) <= 16 && y >= this.minDistance) {
-            const S = Math.max(g.x, f.x), T = Math.min(g.x + g.width, f.x + f.width), w = (S + T) / 2;
+            const m = Math.max(g.x, f.x), T = Math.min(g.x + g.width, f.x + f.width), v = (m + T) / 2;
             i.push({
               type: "vertical",
               distance: Math.round(y),
-              x: w,
+              x: v,
               y1: g.y + g.height,
               y2: f.y,
-              labelX: w,
+              labelX: v,
               labelY: (g.y + g.height + f.y) / 2
             });
           }
@@ -1847,7 +1844,7 @@ class tn {
    * Check if spacing would snap to a pattern
    */
   checkIfWouldSnap(t, e, o, n) {
-    const s = Yt;
+    const s = Ft;
     if (o === "top" || o === "bottom") {
       const i = n.filter((a) => {
         const r = a.getVisualBoundingBox();
@@ -1947,7 +1944,7 @@ class tn {
     }
   }
 }
-const Lt = zt("ArtboardRenderer"), Ye = {
+const Lt = $t("ArtboardRenderer"), _e = {
   showLabel: !0,
   showBorder: !0,
   borderColor: "",
@@ -1965,9 +1962,9 @@ const Lt = zt("ArtboardRenderer"), Ye = {
   borderRadius: 0
   // Default to no border radius (sharp corners)
 };
-class oe {
+class Qt {
   constructor(t = {}) {
-    this.options = { ...Ye, ...t };
+    this.options = { ..._e, ...t };
   }
   /**
    * Render an artboard
@@ -1989,9 +1986,9 @@ class oe {
    * Renders preset color as base layer, then texture on top
    */
   renderTextureBackground(t, e) {
-    const o = Ht.getTexture(e.backgroundTexture), n = Ht.getTexturePresetColor(e.backgroundTexture);
+    const o = Bt.getTexture(e.backgroundTexture), n = Bt.getTexturePresetColor(e.backgroundTexture);
     if (t.fillStyle = n, t.fillRect(e.x, e.y, e.width, e.height), !o || !o.complete) {
-      Ht.loadTexture(e.backgroundTexture).catch((s) => {
+      Bt.loadTexture(e.backgroundTexture).catch((s) => {
         Lt.error("Failed to load texture:", s);
       });
       return;
@@ -2013,7 +2010,7 @@ class oe {
    * 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 || fe(), h = this.options.selectedBorderColor || tt();
+    const { x: n, y: s, width: i, height: a, clipShape: r } = e, l = this.options.borderColor || re(), h = this.options.selectedBorderColor || tt();
     if (t.strokeStyle = o ? h : l, t.lineWidth = o ? this.options.selectedBorderWidth : this.options.borderWidth, t.beginPath(), !r || r === "rectangle")
       if (this.options.borderRadius > 0) {
         const c = Math.min(this.options.borderRadius, Math.min(i, a) / 2);
@@ -2042,7 +2039,7 @@ class oe {
   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 || ge();
+    const l = this.options.selectedBorderColor || tt(), h = this.options.labelColor || le();
     t.fillStyle = o ? l : h, t.textAlign = "left", t.textBaseline = "bottom", t.fillText(i, a, r);
   }
   /**
@@ -2145,7 +2142,7 @@ class oe {
    * Use this when exporting to ensure preview background is never included
    */
   static createForExport(t = {}) {
-    return new oe({
+    return new Qt({
       ...t,
       showPreviewBackground: !1
       // CRITICAL: Never show preview in exports
@@ -2158,22 +2155,22 @@ class oe {
     return !!(this.options.showPreviewBackground && t.previewBackgroundColor && t.previewBackgroundColor !== "transparent");
   }
 }
-function en(x) {
-  return x instanceof be;
+function Ue(C) {
+  return C instanceof fe;
 }
-function Ge(x) {
-  return x instanceof Qt;
+function ze(C) {
+  return C instanceof jt;
 }
-function Dt(x) {
-  return x instanceof ue;
+function Wt(C) {
+  return C instanceof he;
 }
-function nn(x) {
-  return x instanceof ye;
+function Ze(C) {
+  return C instanceof de;
 }
-function sn(x) {
-  return x instanceof pe;
+function Je(C) {
+  return C instanceof ce;
 }
-class St {
+class mt {
   /**
    * Render selection box layer
    */
@@ -2181,7 +2178,7 @@ class St {
     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 = ot.canvas.selectionPadding;
+    const r = it.canvas.selectionPadding;
     t.strokeRect(
       (i.x - r) * n,
       (i.y - r) * n,
@@ -2198,14 +2195,14 @@ class St {
     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 = me(t.canvas), t.shadowBlur = 4, t.shadowOffsetY = 1, t.fillStyle = Se(t.canvas), t.beginPath(), t.roundRect(
+    t.shadowColor = ge(t.canvas), t.shadowBlur = 4, t.shadowOffsetY = 1, t.fillStyle = ue(t.canvas), t.beginPath(), t.roundRect(
       c - p / 2,
       d - b / 2,
       p,
       b,
       3
       // Smaller border radius
-    ), t.fill(), t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetY = 0, t.fillStyle = Te(t.canvas), t.textAlign = "center", t.textBaseline = "middle", t.fillText(l, c, d + 0.5), t.restore();
+    ), t.fill(), t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetY = 0, t.fillStyle = pe(t.canvas), t.textAlign = "center", t.textBaseline = "middle", t.fillText(l, c, d + 0.5), t.restore();
   }
   /**
    * Render transform handles layer
@@ -2243,7 +2240,7 @@ class _t {
       const c = performance.now() - e.startTime;
       h = Math.min(c / r, 1) * l;
     }
-    t.strokeStyle = we(t.canvas), t.globalAlpha = h, t.lineWidth = 3, this.renderElementOutline(t, a, s, i), t.restore();
+    t.strokeStyle = ye(t.canvas), t.globalAlpha = h, t.lineWidth = 3, this.renderElementOutline(t, a, s, i), t.restore();
   }
   /**
    * Render outline for a specific element type
@@ -2287,13 +2284,13 @@ class _t {
           { x: -h, y: c }
           // bottom-left
         ], u = d.map((b, g) => {
-          const f = d[(g + 1) % 3], y = f.x - b.x, S = f.y - b.y, T = Math.sqrt(y * y + S * S);
-          return { x: S / T, y: -y / T };
+          const f = d[(g + 1) % 3], y = f.x - b.x, m = f.y - b.y, T = Math.sqrt(y * y + m * m);
+          return { x: m / T, y: -y / T };
         }), p = d.map((b, g) => {
-          const f = u[(g + 2) % 3], y = u[g], S = f.x + y.x, T = f.y + y.y, w = Math.sqrt(S * S + T * T), m = (S * f.x + T * f.y) / w, C = l / m;
+          const f = u[(g + 2) % 3], y = u[g], m = f.x + y.x, T = f.y + y.y, v = Math.sqrt(m * m + T * T), S = (m * f.x + T * f.y) / v, M = l / S;
           return {
-            x: b.x + S / w * C,
-            y: b.y + T / w * C
+            x: b.x + m / v * M,
+            y: b.y + T / v * M
           };
         });
         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();
@@ -2371,7 +2368,7 @@ class _t {
    */
   static renderHoverRingEffect(t, e, o) {
     t.save(), t.translate(e.x * o, e.y * o), o !== 1 && t.scale(o, o);
-    const n = e.fontSize, s = e.fontFamily, i = e.bold || !1, a = e.italic || !1, r = e.textAlign || "center", l = te(n, s, i, a), h = n * 1.2, c = 4 / o, d = 4 / o, u = document.createElement("canvas");
+    const n = e.fontSize, s = e.fontFamily, i = e.bold || !1, a = e.italic || !1, r = e.textAlign || "center", l = qt(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) {
@@ -2381,84 +2378,84 @@ class _t {
     p.setTransform(t.getTransform()), p.textBaseline = "alphabetic", p.lineJoin = "round";
     const b = e.getRichText ? e.getRichText() : null;
     if (b) {
-      const g = ee(b), f = [], y = [];
-      g.forEach((w) => {
+      const g = Ut(b), f = [], y = [];
+      g.forEach((v) => {
         if (e.transformType === "custom" && e.transformData) {
-          const m = e.transformData.width - ft * 2, C = ne(w, m, {
+          const S = e.transformData.width - ft * 2, M = Zt(v, S, {
             fontSize: n,
             fontFamily: s,
             bold: i,
             italic: a
           });
-          C.forEach((M, R) => {
-            f.push(M), y.push({
-              isParagraphStart: R === 0,
-              isParagraphEnd: R === C.length - 1
+          M.forEach((R, x) => {
+            f.push(R), y.push({
+              isParagraphStart: x === 0,
+              isParagraphEnd: x === M.length - 1
             });
           });
         } else
-          f.push(w), y.push({
+          f.push(v), y.push({
             isParagraphStart: !0,
             isParagraphEnd: !0
           });
       });
-      let S;
-      f.length === 0 ? S = 0 : f.length === 1 ? S = l.height : S = (f.length - 1) * h + l.height;
-      const T = -S / 2;
-      f.forEach((w, m) => {
-        var W, V;
-        const C = y[m].isParagraphStart, M = y[m].isParagraphEnd;
-        let R = 0;
-        const k = w.map((A) => A.text).join(""), v = ((W = k.match(/^ +/)) == null ? void 0 : W[0].length) || 0, P = ((V = k.match(/ +$/)) == null ? void 0 : V[0].length) || 0;
-        let H = 0;
-        w.forEach((A) => {
-          const $ = A.style.fontSize !== void 0 ? A.style.fontSize : n, j = A.style.fontFamily !== void 0 ? A.style.fontFamily : s, Z = A.style.bold !== void 0 ? A.style.bold : i, X = A.style.italic !== void 0 ? A.style.italic : a;
-          let E = A.text;
-          const I = H, _ = H + A.text.length;
-          if (!C && v > 0 && I < v) {
-            const B = Math.min(v - I, A.text.length);
-            E = E.substring(B);
+      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 M = 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;
+          let k = E.text;
+          const I = B, _ = B + E.text.length;
+          if (!M && w > 0 && I < w) {
+            const H = Math.min(w - I, E.text.length);
+            k = k.substring(H);
           }
-          if (!M && P > 0) {
-            const B = k.length - P;
-            if (_ > B) {
-              const F = !C && I < v ? Math.min(v - I, A.text.length) : 0, Y = Math.max(0, B - I - F);
-              E = E.substring(0, Y);
+          if (!R && A > 0) {
+            const H = P.length - A;
+            if (_ > H) {
+              const V = !M && I < w ? Math.min(w - I, E.text.length) : 0, G = Math.max(0, H - I - V);
+              k = k.substring(0, G);
             }
           }
-          E.length > 0 && (t.save(), t.font = Bt($, j, Z, X), R += t.measureText(E).width, t.restore()), H += A.text.length;
+          k.length > 0 && (t.save(), t.font = Ht($, j, J, X), x += t.measureText(k).width, t.restore()), B += E.text.length;
         });
         const L = e.transformType === "custom" && e.transformData ? e.transformData.width - ft * 2 : void 0;
-        let D;
-        r === "center" ? D = -R / 2 : r === "right" ? D = L !== void 0 ? L / 2 - R : -R : D = L !== void 0 ? -L / 2 : 0;
-        const O = T + l.ascent + m * h;
-        H = 0, w.forEach((A) => {
-          const $ = A.style.fontSize !== void 0 ? A.style.fontSize : n, j = A.style.fontFamily !== void 0 ? A.style.fontFamily : s;
-          A.style.color !== void 0 ? A.style.color : e.color;
-          const Z = A.style.bold !== void 0 ? A.style.bold : i, X = A.style.italic !== void 0 ? A.style.italic : a;
-          let E = A.text;
-          const I = H, _ = H + A.text.length;
-          if (!C && v > 0 && I < v) {
-            const B = Math.min(v - I, A.text.length);
-            E = E.substring(B);
+        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;
+          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;
+          let k = E.text;
+          const I = B, _ = B + E.text.length;
+          if (!M && w > 0 && I < w) {
+            const H = Math.min(w - I, E.text.length);
+            k = k.substring(H);
           }
-          if (!M && P > 0) {
-            const B = k.length - P;
-            if (_ > B) {
-              const F = !C && I < v ? Math.min(v - I, A.text.length) : 0, Y = Math.max(0, B - I - F);
-              E = E.substring(0, Y);
+          if (!R && A > 0) {
+            const H = P.length - A;
+            if (_ > H) {
+              const V = !M && I < w ? Math.min(w - I, E.text.length) : 0, G = Math.max(0, H - I - V);
+              k = k.substring(0, G);
             }
           }
-          H += A.text.length, E.length > 0 && (p.font = Bt($, j, Z, 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(E, D, O), p.globalCompositeOperation = "destination-out", p.globalAlpha = 1, p.lineWidth = d * 2, p.strokeText(E, D, O), p.fillText(E, D, O), D += p.measureText(E).width);
+          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);
         });
       });
     } else {
-      t.font = Bt(n, s, i, a), p.font = t.font, p.textAlign = r;
+      t.font = Ht(n, s, i, a), p.font = t.font, p.textAlign = r;
       let g, f;
       if (e.transformType === "custom" && e.transformData) {
-        const C = e.transformData.width - ft * 2, { lines: M } = ve(
+        const M = e.transformData.width - ft * 2, { lines: R } = be(
           e.text,
-          C,
+          M,
           n,
           s,
           i,
@@ -2466,22 +2463,22 @@ class _t {
           void 0,
           !0
         );
-        g = M;
+        g = R;
       } else {
         g = e.text.split(`
 `);
-        const C = e.text.includes(`
+        const M = e.text.includes(`
 `);
-        g = Pe(g, C);
+        g = Me(g, M);
       }
       g.length === 0 ? f = 0 : g.length === 1 ? f = l.height : f = (g.length - 1) * h + l.height;
-      const y = -f / 2, S = e.text.includes(`
-`), T = e.transformType === "custom" && e.transformData ? e.transformData.width : 0, w = -T / 2;
-      let m = w + ft;
-      r === "center" ? m = w + T / 2 : r === "right" && (m = w + T - ft), g.forEach((C, M) => {
-        const R = y + l.ascent + M * h, k = S || M === 0, v = S || M === g.length - 1;
-        let P = C;
-        k || (P = P.replace(/^ +/, "")), v || (P = P.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(P, m, R), p.globalCompositeOperation = "destination-out", p.globalAlpha = 1, p.lineWidth = d * 2, p.strokeText(P, m, R), p.fillText(P, m, R);
+      const y = -f / 2, m = e.text.includes(`
+`), T = e.transformType === "custom" && e.transformData ? e.transformData.width : 0, v = -T / 2;
+      let S = v + ft;
+      r === "center" ? S = v + T / 2 : r === "right" && (S = v + T - ft), g.forEach((M, R) => {
+        const x = y + l.ascent + R * h, P = m || R === 0, w = m || R === g.length - 1;
+        let A = M;
+        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);
       });
     }
     t.setTransform(1, 0, 0, 1, 0, 0), t.drawImage(u, 0, 0), t.restore();
@@ -2564,7 +2561,7 @@ class _t {
     let a = -o.reduce((r, l) => r + l, 0) / 2;
     return e.forEach((r, l) => {
       const h = o[l], c = a + h / 2, d = c / (n.width / 2), u = n.amplitude * t.fontSize * Math.sin(n.frequency * Math.PI * d), p = n.amplitude * n.frequency * Math.PI * Math.cos(n.frequency * Math.PI * d);
-      s.push({ x: c, y: u, angle: 0, skewY: p * xe }), a += h;
+      s.push({ x: c, y: u, angle: 0, skewY: p * Se }), a += h;
     }), s;
   }
   /**
@@ -2612,12 +2609,12 @@ class _t {
     }), s;
   }
 }
-class xt {
+class Ct {
   /**
    * Render snap guides layer
    */
   static renderSnapGuidesLayer(t, e = []) {
-    e.length !== 0 && (t.save(), t.strokeStyle = tt(t.canvas), t.lineWidth = ot.canvas.snapGuideWidth, t.setLineDash(ot.canvas.snapGuideDash), e.forEach((o) => {
+    e.length !== 0 && (t.save(), t.strokeStyle = tt(t.canvas), t.lineWidth = it.canvas.snapGuideWidth, t.setLineDash(it.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());
   }
@@ -2626,8 +2623,8 @@ class xt {
    */
   static renderSpacingIndicatorsLayer(t, e = []) {
     e.length !== 0 && (t.save(), t.setLineDash([]), e.forEach((o) => {
-      const n = Gt(t.canvas);
-      if (t.strokeStyle = n, t.fillStyle = n, t.lineWidth = ot.canvas.spacingIndicatorWidth, t.beginPath(), o.type === "horizontal") {
+      const n = Ot(t.canvas);
+      if (t.strokeStyle = n, t.fillStyle = n, t.lineWidth = it.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;
@@ -2649,12 +2646,12 @@ class xt {
    */
   static renderDistanceLabel(t, e, o, n) {
     const s = `${n}`;
-    t.font = `600 ${ot.canvas.spacingLabelFontSize}px ${ot.canvas.spacingLabelFontFamily}`;
-    const a = t.measureText(s).width, r = ot.canvas.spacingLabelFontSize, l = 4, h = a + l * 2, c = r + l * 2;
-    t.fillStyle = Gt(t.canvas), t.beginPath(), t.roundRect(e - h / 2, o - c / 2, h, c, Ce), t.fill(), t.fillStyle = Re, t.textAlign = "center", t.textBaseline = "middle", t.fillText(s, e, o);
+    t.font = `600 ${it.canvas.spacingLabelFontSize}px ${it.canvas.spacingLabelFontFamily}`;
+    const a = t.measureText(s).width, r = it.canvas.spacingLabelFontSize, l = 4, h = a + l * 2, c = r + l * 2;
+    t.fillStyle = Ot(t.canvas), t.beginPath(), t.roundRect(e - h / 2, o - c / 2, h, c, me), t.fill(), t.fillStyle = Te, t.textAlign = "center", t.textBaseline = "middle", t.fillText(s, e, o);
   }
 }
-class Wt {
+class Dt {
   /**
    * Render edit mode features: cursor and text selection highlight
    * This renders on the main canvas at world coordinates (same as the element)
@@ -2666,180 +2663,180 @@ class Wt {
       this.renderTransformEditModeLayer(t, s, o, p);
       return;
     }
-    const g = s.fontSize || 24, f = s.fontFamily || "Arial", y = s.bold || !1, S = s.italic || !1, T = s.underline || !1, w = s.strikethrough || !1, m = s.textAlign || "center";
+    const g = s.fontSize || 24, f = s.fontFamily || "Arial", y = s.bold || !1, m = s.italic || !1, T = s.underline || !1, v = s.strikethrough || !1, S = s.textAlign || "center";
     t.save(), t.translate(s.x, s.y), t.rotate(-s.rotation * Math.PI / 180);
-    const C = te(g, f, y, S), M = C.height, R = g * 1.2;
-    let k, v, P;
+    const M = qt(g, f, y, m), R = M.height, x = g * 1.2;
+    let P, w, A;
     if (h && s.transformType === "custom" && s.transformData.width) {
       const X = s.transformData.width - ft * 2;
-      P = X;
-      const E = ee(h);
-      k = [], v = [], E.forEach((I) => {
-        const _ = ne(I, X, {
+      A = X;
+      const k = Ut(h);
+      P = [], w = [], k.forEach((I) => {
+        const _ = Zt(I, X, {
           fontSize: s.fontSize,
           fontFamily: s.fontFamily,
           bold: s.bold,
           italic: s.italic
         });
-        _.forEach((B, F) => {
-          k.push(B), v.push({
-            isParagraphStart: F === 0,
-            isParagraphEnd: F === _.length - 1
+        _.forEach((H, V) => {
+          P.push(H), w.push({
+            isParagraphStart: V === 0,
+            isParagraphEnd: V === _.length - 1
           });
         });
       });
     } else
-      k = l.split(`
-`).map((E) => [
+      P = l.split(`
+`).map((k) => [
         {
-          text: E,
-          style: { fontSize: g, fontFamily: f, bold: y, italic: S }
+          text: k,
+          style: { fontSize: g, fontFamily: f, bold: y, italic: m }
         }
-      ]), v = k.map(() => ({
+      ]), w = P.map(() => ({
         isParagraphStart: !0,
         // Each line is its own paragraph
         isParagraphEnd: !0
       }));
-    const H = k.length > 1 ? C.height + (k.length - 1) * R : C.height;
-    let L = -H / 2, D = 0, O = L, W = M;
-    const V = [];
-    let A = 0;
-    k.forEach((X, E) => {
-      var F, Y;
-      const I = v[E].isParagraphStart, _ = v[E].isParagraphEnd, B = [];
+    const B = P.length > 1 ? M.height + (P.length - 1) * x : M.height;
+    let L = -B / 2, W = 0, O = L, D = R;
+    const F = [];
+    let E = 0;
+    P.forEach((X, k) => {
+      var V, G;
+      const I = w[k].isParagraphStart, _ = w[k].isParagraphEnd, H = [];
       X.forEach((at) => {
         Array.from(at.text).forEach((ct) => {
-          let G = g, it = f, et = y, q = S;
-          if (h && A < l.length) {
-            const J = h.getStyleAt(A);
-            G = J.fontSize || g, it = J.fontFamily || f, et = J.bold !== void 0 ? J.bold : y, q = J.italic !== void 0 ? J.italic : S;
+          let Y = g, ot = f, et = y, U = m;
+          if (h && E < l.length) {
+            const Z = h.getStyleAt(E);
+            Y = Z.fontSize || g, ot = Z.fontFamily || f, et = Z.bold !== void 0 ? Z.bold : y, U = Z.italic !== void 0 ? Z.italic : m;
           }
           t.save();
-          const nt = et ? "bold" : "normal", z = q ? "italic" : "normal";
-          t.font = `${z} ${nt} ${G}px "${it}", Arial, sans-serif`;
-          const U = t.measureText(ct).width;
-          t.restore(), B.push({ char: ct, width: U, fontSize: G, index: A }), A++;
+          const nt = et ? "bold" : "normal", z = U ? "italic" : "normal";
+          t.font = `${z} ${nt} ${Y}px "${ot}", Arial, sans-serif`;
+          const q = t.measureText(ct).width;
+          t.restore(), H.push({ char: ct, width: q, fontSize: Y, index: E }), E++;
         });
       });
       {
-        const at = E === 0, gt = E === k.length - 1, ct = B.map((z) => z.char).join(""), G = ((F = ct.match(/^ +/)) == null ? void 0 : F[0].length) || 0, it = ((Y = ct.match(/ +$/)) == null ? void 0 : Y[0].length) || 0;
+        const at = k === 0, gt = k === P.length - 1, ct = H.map((z) => z.char).join(""), Y = ((V = ct.match(/^ +/)) == null ? void 0 : V[0].length) || 0, ot = ((G = ct.match(/ +$/)) == null ? void 0 : G[0].length) || 0;
         let et = 0;
-        for (let z = 0; z < B.length; z++)
-          !at && z < G || !gt && z >= B.length - it || (et += B[z].width);
-        let q;
-        m === "center" ? q = -et / 2 : m === "right" ? q = P !== void 0 ? P / 2 - et : -et : q = P !== void 0 ? -P / 2 : 0;
-        let nt = q;
-        for (let z = 0; z < B.length; z++) {
-          const U = B[z];
-          V[U.index] = {
+        for (let z = 0; z < H.length; z++)
+          !at && z < Y || !gt && z >= H.length - ot || (et += H[z].width);
+        let U;
+        S === "center" ? U = -et / 2 : S === "right" ? U = A !== void 0 ? A / 2 - et : -et : U = A !== void 0 ? -A / 2 : 0;
+        let nt = U;
+        for (let z = 0; z < H.length; z++) {
+          const q = H[z];
+          F[q.index] = {
             x: nt,
             y: L,
-            width: U.width,
+            width: q.width,
             // All characters keep their width for cursor navigation
-            height: U.fontSize
-          }, nt += U.width;
+            height: q.fontSize
+          }, nt += q.width;
         }
-        if (B.length > 0) {
-          const z = B[0].index, U = B[B.length - 1].index, dt = E < k.length - 1 && U + 1 === A ? U : U + 1;
+        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)
-              D = q, O = L, W = M;
+              W = U, O = L, D = R;
             else {
               let pt = 0;
-              for (let st = 0; st < B.length && B[st].index < i; st++) {
-                const rt = B[st], Rt = rt.char === " ";
+              for (let st = 0; st < H.length && H[st].index < i; st++) {
+                const rt = H[st], xt = rt.char === " ";
                 let yt = !0;
-                if (Rt) {
-                  const Mt = st < G, N = st >= B.length - it, Tt = !I && G > 0, wt = !_ && it > 0;
-                  yt = !(Mt && Tt || N && wt);
+                if (xt) {
+                  const Rt = st < Y, N = st >= H.length - ot, Tt = !I && Y > 0, vt = !_ && ot > 0;
+                  yt = !(Rt && Tt || N && vt);
                 }
                 yt && (pt += rt.width);
               }
-              D = q + pt, O = L, W = M;
+              W = U + pt, O = L, D = R;
             }
         }
-        E < k.length - 1 && (L += R);
+        k < P.length - 1 && (L += x);
       }
     });
     const $ = a !== r;
-    let j = null, Z = null;
+    let j = null, J = null;
     if ($) {
-      const X = Math.min(a, r), E = Math.max(a, r);
-      t.save(), t.fillStyle = Me(t.canvas);
-      let I = 0, _ = -H / 2;
-      if (k.forEach((B, F) => {
-        var it, et;
-        const Y = v[F].isParagraphStart, at = v[F].isParagraphEnd, gt = F === 0, ct = F === k.length - 1, G = [];
-        if (B.forEach((q) => {
-          Array.from(q.text).forEach((nt) => {
-            const z = q.style || {}, U = z.fontSize !== void 0 ? z.fontSize : g, J = z.fontFamily !== void 0 ? z.fontFamily : f, ut = z.bold !== void 0 ? z.bold : y, dt = z.italic !== void 0 ? z.italic : S;
+      const X = Math.min(a, r), k = Math.max(a, r);
+      t.save(), t.fillStyle = ve(t.canvas);
+      let I = 0, _ = -B / 2;
+      if (P.forEach((H, V) => {
+        var ot, et;
+        const G = w[V].isParagraphStart, at = w[V].isParagraphEnd, gt = V === 0, ct = V === P.length - 1, Y = [];
+        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;
             t.save();
             const pt = ut ? "bold" : "normal", st = dt ? "italic" : "normal";
-            t.font = `${st} ${pt} ${U}px "${J}", Arial, sans-serif`;
+            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++;
+            t.restore(), Y.push({ char: nt, index: I, width: rt, style: z }), I++;
           });
-        }), G.length > 0) {
-          const q = G[0].index, nt = G[G.length - 1].index;
-          if (E > q && X <= nt) {
+        }), Y.length > 0) {
+          const U = Y[0].index, nt = Y[Y.length - 1].index;
+          if (k > U && X <= nt) {
             t.save();
-            const z = G.map((N) => N.char).join(""), U = ((it = z.match(/^ +/)) == null ? void 0 : it[0].length) || 0, J = ((et = z.match(/ +$/)) == null ? void 0 : et[0].length) || 0;
+            const z = Y.map((N) => N.char).join(""), q = ((ot = z.match(/^ +/)) == null ? void 0 : ot[0].length) || 0, Z = ((et = z.match(/ +$/)) == null ? void 0 : et[0].length) || 0;
             let ut = 0;
-            for (let N = 0; N < G.length; N++)
-              !gt && N < U || !ct && N >= G.length - J || (ut += G[N].width);
+            for (let N = 0; N < Y.length; N++)
+              !gt && N < q || !ct && N >= Y.length - Z || (ut += Y[N].width);
             let dt = 0;
-            m === "center" ? dt = -ut / 2 : m === "right" && (dt = -ut);
-            const pt = Math.max(X, q), st = Math.min(E, nt + 1);
+            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], wt = N < U, Pt = N >= G.length - J, At = !Y && U > 0, It = !at && J > 0;
-              !(wt && At || Pt && It) && (rt += Tt.width);
+            for (let N = 0; N < Y.length && Y[N].index < pt; N++) {
+              const Tt = Y[N], vt = N < q, At = N >= Y.length - Z, Et = !G && q > 0, It = !at && Z > 0;
+              !(vt && Et || At && It) && (rt += Tt.width);
             }
-            let Rt = 0;
-            for (let N = 0; N < G.length && G[N].index < st; N++) {
-              const Tt = G[N], wt = N < U, Pt = N >= G.length - J, At = !Y && U > 0, It = !at && J > 0;
-              !(wt && At || Pt && It) && (Rt += Tt.width);
+            let xt = 0;
+            for (let N = 0; N < Y.length && Y[N].index < st; N++) {
+              const Tt = Y[N], vt = N < q, At = N >= Y.length - Z, Et = !G && q > 0, It = !at && Z > 0;
+              !(vt && Et || At && It) && (xt += Tt.width);
             }
-            const yt = dt + rt, Mt = Rt - rt;
-            t.fillRect(yt, _, Mt, M), j === null && (j = { x: yt, y: _ }), Z = { x: yt + Mt, y: _ + M }, t.restore();
+            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();
           }
         }
-        F < k.length - 1 && (_ += R);
+        V < P.length - 1 && (_ += x);
       }), t.restore(), h) {
         t.save();
-        const B = s.transformType === "custom" ? s.transformData : null, F = B != null && B.width ? B.width - ft * 2 : void 0;
-        Ae(t, h, {
+        const H = s.transformType === "custom" ? s.transformData : null, V = H != null && H.width ? H.width - ft * 2 : void 0;
+        xe(t, h, {
           fontSize: g,
           fontFamily: f,
           color: s.color || "#000000",
           bold: y,
-          italic: S,
+          italic: m,
           underline: T,
-          strikethrough: w,
-          textAlign: m
-        }, F), t.restore();
+          strikethrough: v,
+          textAlign: S
+        }, V), t.restore();
       }
     }
-    if ($ && d && j && Z) {
-      const X = j, E = Z, I = 6 / p, _ = 2 / p;
+    if ($ && d && j && J) {
+      const X = j, k = J, I = 6 / p, _ = 2 / p;
       t.save();
-      const B = tt();
-      t.fillStyle = B, t.strokeStyle = B, t.lineWidth = _, t.lineCap = "round";
-      const F = { x: X.x, y: X.y - I }, Y = { x: E.x, y: E.y + I };
-      t.beginPath(), t.moveTo(X.x, X.y), t.lineTo(X.x, X.y + M), t.stroke(), t.beginPath(), t.arc(F.x, F.y, I, 0, Math.PI * 2), t.fill(), t.strokeStyle = "white", t.lineWidth = 2 / p, t.stroke(), t.strokeStyle = B, t.lineWidth = _, t.beginPath(), t.moveTo(E.x, E.y - M), t.lineTo(E.x, E.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 H = tt(t.canvas);
+      t.fillStyle = H, t.strokeStyle = H, t.lineWidth = _, t.lineCap = "round";
+      const V = { x: X.x, y: X.y - I }, G = { x: k.x, y: k.y + I };
+      t.beginPath(), t.moveTo(X.x, X.y), t.lineTo(X.x, X.y + R), t.stroke(), t.beginPath(), t.arc(V.x, V.y, I, 0, Math.PI * 2), t.fill(), t.strokeStyle = "white", t.lineWidth = 2 / p, t.stroke(), t.strokeStyle = H, t.lineWidth = _, t.beginPath(), t.moveTo(k.x, k.y - R), t.lineTo(k.x, k.y), t.stroke(), t.beginPath(), t.arc(G.x, G.y, I, 0, Math.PI * 2), t.fill(), t.strokeStyle = "white", t.lineWidth = 2 / p, t.stroke(), t.restore(), u && (u.current = {
         start: {
-          center: F,
+          center: V,
           textEdge: X
           // Original selection edge (top-left of selection on first line)
         },
         end: {
-          center: Y,
-          textEdge: E
+          center: G,
+          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.lineWidth = 3 / p, t.lineCap = "round", t.beginPath(), t.moveTo(D, O), t.lineTo(D, O + W), t.stroke(), t.restore()), t.restore();
+    !$ && 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();
   }
   /**
    * Render edit mode features for transformed text (circle, wave, arch, etc.)
@@ -2855,30 +2852,30 @@ class Wt {
       let g;
       if (s === 0)
         if (b.length > 0) {
-          const y = b[0], S = p[0];
+          const y = b[0], m = p[0];
           g = {
-            x: y.x - Math.cos(y.angle) * (S / 2),
-            y: y.y - Math.sin(y.angle) * (S / 2),
+            x: y.x - Math.cos(y.angle) * (m / 2),
+            y: y.y - Math.sin(y.angle) * (m / 2),
             angle: y.angle
           };
         } else
           g = { x: 0, y: 0, angle: 0 };
       else if (s >= b.length) {
-        const y = b[b.length - 1], S = p[p.length - 1];
+        const y = b[b.length - 1], m = p[p.length - 1];
         g = {
-          x: y.x + Math.cos(y.angle) * (S / 2),
-          y: y.y + Math.sin(y.angle) * (S / 2),
+          x: y.x + Math.cos(y.angle) * (m / 2),
+          y: y.y + Math.sin(y.angle) * (m / 2),
           angle: y.angle
         };
       } else {
-        const y = b[s], S = p[s];
+        const y = b[s], m = p[s];
         g = {
-          x: y.x - Math.cos(y.angle) * (S / 2),
-          y: y.y - Math.sin(y.angle) * (S / 2),
+          x: y.x - Math.cos(y.angle) * (m / 2),
+          y: y.y - Math.sin(y.angle) * (m / 2),
           angle: y.angle
         };
       }
-      t.save(), t.translate(g.x, g.y), t.rotate(g.angle), t.globalAlpha = i, t.strokeStyle = tt(), t.lineWidth = 2 / n;
+      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();
     }
@@ -2889,28 +2886,28 @@ class Wt {
    * Shows both image resize handles and crop handles
    */
   static renderCropBoxLayer(t, e, o, n = 1) {
-    if (!(e instanceof Qt) || !e.isCropping) return;
+    if (!(e instanceof jt) || !e.isCropping) return;
     const s = e, i = s.getCropBoxBounds();
     if (!i) return;
-    const a = 4 / n, r = 2 / n, l = Ee / n, h = ke / n, c = 1 / n;
+    const a = 4 / n, r = 2 / n, l = we / n, h = Ce / 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, S = s.transformData.height / 2, T = {
+    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 - S,
+      y: f - m,
       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 w = i.y + i.height, m = T.y + T.height;
-    w < m && t.fillRect(T.x, w, T.width, m - w), i.x > T.x && t.fillRect(T.x, i.y, i.x - T.x, i.height);
-    const C = i.x + i.width, M = T.x + T.width;
-    C < M && t.fillRect(C, i.y, M - C, i.height), t.strokeStyle = ot.canvas.selectionColor, 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 R = i.width / 3;
-    t.beginPath(), t.moveTo(i.x + R, i.y), t.lineTo(i.x + R, i.y + i.height), t.moveTo(i.x + 2 * R, i.y), t.lineTo(i.x + 2 * R, i.y + i.height), t.stroke();
-    const k = i.height / 3;
-    if (t.beginPath(), t.moveTo(i.x, i.y + k), t.lineTo(i.x + i.width, i.y + k), t.moveTo(i.x, i.y + 2 * k), t.lineTo(i.x + i.width, i.y + 2 * k), t.stroke(), [
+    const v = i.y + i.height, S = T.y + T.height;
+    v < S && t.fillRect(T.x, v, T.width, S - v), i.x > T.x && t.fillRect(T.x, i.y, i.x - T.x, i.height);
+    const M = i.x + i.width, R = T.x + T.width;
+    M < R && t.fillRect(M, i.y, R - M, i.height), t.strokeStyle = tt(t.canvas), t.lineWidth = r, t.strokeRect(i.x, i.y, i.width, i.height), t.strokeStyle = "rgba(255, 255, 255, 0.5)", t.lineWidth = c;
+    const 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(), [
       { x: i.x, y: i.y },
       // top-left
       { x: i.x + i.width, y: i.y },
@@ -2919,8 +2916,8 @@ class Wt {
       // bottom-right
       { x: i.x, y: i.y + i.height }
       // bottom-left
-    ].forEach((H) => {
-      t.beginPath(), t.arc(H.x, H.y, l + 1 / n, 0, Math.PI * 2), t.fillStyle = "#bbb", t.fill(), t.beginPath(), t.arc(H.x, H.y, l, 0, Math.PI * 2), t.fillStyle = "#fff", t.fill();
+    ].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();
     }), [
       { x: i.x + i.width / 2, y: i.y, orientation: "horizontal" },
       // top
@@ -2930,31 +2927,31 @@ class Wt {
       // left
       { x: i.x + i.width, y: i.y + i.height / 2, orientation: "vertical" }
       // right
-    ].forEach((H) => {
-      let L, D;
-      H.orientation === "horizontal" ? (L = h, D = a) : (L = a, D = h);
-      const O = H.x - L / 2, W = H.y - D / 2;
-      t.fillStyle = "#fff", t.fillRect(O, W, L, D), t.strokeStyle = "#bbb", t.lineWidth = c, t.strokeRect(O, W, L, D);
+    ].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);
     }), t.restore(), o && o.resizeHandles) {
-      const H = 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, O = 20;
-      H.forEach((W) => {
-        let V = !1;
+      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;
         if (L)
-          for (const A of L) {
-            const $ = W.x - A.x, j = W.y - A.y;
+          for (const E of L) {
+            const $ = D.x - E.x, j = D.y - E.y;
             if (Math.sqrt($ * $ + j * j) < O) {
-              V = !0;
+              F = !0;
               break;
             }
           }
-        V || (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 = tt(t.canvas), t.lineWidth = 2, t.stroke(), t.restore());
+        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());
       });
     }
   }
 }
-const Xe = zt("CanvasRenderer"), K = class K {
+const Ve = $t("CanvasRenderer"), K = class K {
   /**
    * Get a pooled offscreen canvas for clipping content, only recreating
    * when dimensions change. Eliminates per-frame canvas allocation.
@@ -2978,7 +2975,7 @@ const Xe = zt("CanvasRenderer"), K = class K {
       e.render(t, o, n);
     } catch (s) {
       const i = s instanceof Error ? s : new Error(String(s));
-      Xe.error(`Failed to render element ${e.id}:`, i), K.onRenderError && K.onRenderError({
+      Ve.error(`Failed to render element ${e.id}:`, i), K.onRenderError && K.onRenderError({
         category: "render",
         message: `Failed to render element: ${i.message}`,
         originalError: i,
@@ -3045,21 +3042,21 @@ const Xe = zt("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, S = p.y + b, T = typeof o.clipShape == "object" && o.clipShape !== null && o.clipShape.type === "composite-path" ? o.clipShape : null;
+    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 w = new Path2D();
-      w.rect(g, f, y - g, S - f);
-      for (const m of T.pieces) {
-        const C = new Path2D(m.d), M = m.rotation ?? 0, R = new DOMMatrix();
-        if (R.translateSelf(o.x + m.x, o.y + m.y), M !== 0) {
-          const k = (m.baseWidth ?? 0) / 2, v = (m.baseHeight ?? 0) / 2, P = M === 90 || M === 270, H = P ? m.baseHeight ?? 0 : m.baseWidth ?? 0, L = P ? m.baseWidth ?? 0 : m.baseHeight ?? 0;
-          R.translateSelf(H / 2, L / 2), R.rotateSelf(M), R.translateSelf(-k, -v);
+      const v = new Path2D();
+      v.rect(g, f, y - g, m - f);
+      for (const S of T.pieces) {
+        const M = new Path2D(S.d), R = S.rotation ?? 0, x = new DOMMatrix();
+        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);
         }
-        w.addPath(C, R);
+        v.addPath(M, x);
       }
-      t.clip(w, "evenodd");
+      t.clip(v, "evenodd");
     } else
-      t.rect(g, f, y - g, S - 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");
+      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);
   }
   /**
@@ -3076,20 +3073,20 @@ const Xe = zt("CanvasRenderer"), K = class K {
     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 S, T, w;
+      var m, T, v;
       if (f.blendMode === "knockout" || f.blendMode === "clip") {
-        const m = u[y], C = f.blendMode === "knockout" ? "destination-out" : "destination-in", M = ((S = m.knockoutParts) == null ? void 0 : S.scope) || "group", R = u.findIndex((H) => H.id === m.id), k = ((T = m.knockoutParts) == null ? void 0 : T.fill) || ((w = m.knockoutParts) == null ? void 0 : w.stroke), v = M === "artboard" && R !== -1 ? u.slice(0, R) : [];
-        k && (M === "artboard" || v.length > 0) && (v.forEach((H) => H.id && b.add(H.id)), Ie(
+        const S = u[y], M = f.blendMode === "knockout" ? "destination-out" : "destination-in", R = ((m = S.knockoutParts) == null ? void 0 : m.scope) || "group", x = u.findIndex((B) => B.id === S.id), P = ((T = S.knockoutParts) == null ? void 0 : T.fill) || ((v = S.knockoutParts) == null ? void 0 : v.stroke), w = R === "artboard" && x !== -1 ? u.slice(0, x) : [];
+        P && (R === "artboard" || w.length > 0) && (w.forEach((B) => B.id && b.add(B.id)), Re(
           t,
-          m,
+          S,
           u,
-          (H, L) => {
-            const D = L.id && p.get(L.id);
-            D && this.renderElement(H, D, r);
+          (B, L) => {
+            const W = L.id && p.get(L.id);
+            W && this.renderElement(B, W, r);
           },
           i,
           a,
-          C
+          M
         ), b.add(f.id));
       }
     }), e.some((f) => !b.has(f.id) && f.isClipping) ? this._renderWithClipping(
@@ -3103,26 +3100,26 @@ const Xe = zt("CanvasRenderer"), K = class K {
       u,
       r
     ) : e.forEach((f) => {
-      var M, R;
+      var R, x;
       if (b.has(f.id) || f.visible === !1) return;
-      const y = f.id === o, S = (n == null ? void 0 : n.type) === "element" && ((M = n == null ? void 0 : n.data) == null ? void 0 : M.id) === f.id, T = c && d && Dt(f) && f.id === o, w = y && !T, m = u[e.indexOf(f)], C = ((R = m == null ? void 0 : m.distressEffect) == null ? void 0 : R.enabled) && m.distressEffect.style === "custom" && m.distressEffect.textureUrl;
-      if (m && m.masks && m.masks.length > 0)
-        Et(t, m, (k) => {
-          const v = (P) => {
-            r && (P.save(), P.globalAlpha = Q), this.safeRender(P, f, w, S), r && P.restore();
+      const y = f.id === o, m = (n == null ? void 0 : n.type) === "element" && ((R = n == null ? void 0 : n.data) == null ? void 0 : R.id) === f.id, T = c && d && Wt(f) && f.id === o, v = y && !T, S = u[e.indexOf(f)], M = ((x = S == null ? void 0 : S.distressEffect) == null ? void 0 : x.enabled) && S.distressEffect.style === "custom" && S.distressEffect.textureUrl;
+      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 (C) {
-            const P = f.getVisualBoundingBox();
-            Nt(k, m.distressEffect, P, v);
+          if (M) {
+            const A = f.getVisualBoundingBox();
+            Gt(P, S.distressEffect, A, w);
           } else
-            v(k);
+            w(P);
         });
-      else if (C) {
-        const k = f.getVisualBoundingBox();
-        Nt(t, m.distressEffect, k, (v) => {
-          r && (v.save(), v.globalAlpha = Q), this.safeRender(v, f, w, S), r && v.restore();
+      else if (M) {
+        const P = f.getVisualBoundingBox();
+        Gt(t, S.distressEffect, P, (w) => {
+          r && (w.save(), w.globalAlpha = Q), this.safeRender(w, f, v, m), r && w.restore();
         });
-      } else l && !h && a && w ? this.renderElementWithOverflowDimming(t, f, a, w, S, r) : l && a ? (t.save(), this.applyArtboardClipPath(t, a), r && (t.globalAlpha = Q), this.safeRender(t, f, w, S), t.restore()) : (r && (t.save(), t.globalAlpha = Q), this.safeRender(t, f, w, S), r && t.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());
     });
   }
   /**
@@ -3134,16 +3131,16 @@ const Xe = zt("CanvasRenderer"), K = class K {
     const h = t.canvas, c = h.width, d = h.height, u = t.getTransform(), p = [];
     let b = [], g = [];
     for (let y = 0; y < e.length; y++) {
-      const S = e[y], T = r[y];
-      o.has(S.id) || S.visible !== !1 && (S.isClipping ? b.length > 0 ? (p.push({
+      const m = e[y], T = r[y];
+      o.has(m.id) || m.visible !== !1 && (m.isClipping ? b.length > 0 ? (p.push({
         content: b,
-        mask: S,
+        mask: m,
         contentConfigs: g,
         maskConfig: T
       }), b = [], g = []) : p.push({
-        content: [S],
+        content: [m],
         contentConfigs: [T]
-      }) : (b.push(S), g.push(T)));
+      }) : (b.push(m), g.push(T)));
     }
     b.length > 0 && p.push({
       content: b,
@@ -3151,30 +3148,30 @@ const Xe = zt("CanvasRenderer"), K = class K {
     });
     for (const y of p)
       if (!y.mask)
-        y.content.forEach((S, T) => {
-          var k;
-          const w = S.id === n, m = (s == null ? void 0 : s.type) === "element" && ((k = s == null ? void 0 : s.data) == null ? void 0 : k.id) === S.id, C = i && a && Dt(S) && S.id === n, M = w && !C, R = y.contentConfigs[T];
-          R && R.masks && R.masks.length > 0 ? Et(t, R, (v) => {
-            l && (v.save(), v.globalAlpha = Q), S.render(v, M, m), l && v.restore();
-          }) : (l && (t.save(), t.globalAlpha = Q), S.render(t, M, m), l && t.restore());
+        y.content.forEach((m, T) => {
+          var P;
+          const v = m.id === n, S = (s == null ? void 0 : s.type) === "element" && ((P = s == null ? void 0 : s.data) == null ? void 0 : P.id) === m.id, M = i && a && Wt(m) && m.id === n, R = v && !M, x = y.contentConfigs[T];
+          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());
         });
       else {
-        const S = this._getContentCanvas(c, d), T = S.getContext("2d");
+        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((R, k) => {
+        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 v = R.id === n, P = (s == null ? void 0 : s.type) === "element" && ((O = s == null ? void 0 : s.data) == null ? void 0 : O.id) === R.id, H = i && a && Dt(R) && R.id === n, L = v && !H, D = y.contentConfigs[k];
-          D && D.masks && D.masks.length > 0 ? Et(T, D, (W) => {
-            l && (W.save(), W.globalAlpha = Q), R.render(W, L, P), l && W.restore();
-          }) : (l && (T.save(), T.globalAlpha = Q), R.render(T, L, P), l && T.restore());
+          const w = x.id === n, A = (s == null ? void 0 : s.type) === "element" && ((O = s == null ? void 0 : s.data) == null ? void 0 : O.id) === x.id, B = i && a && Wt(x) && x.id === n, L = w && !B, W = y.contentConfigs[P];
+          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 w = this._getMaskCanvas(c, d), m = w.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(u);
-        const C = y.mask.id === n, M = (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 ? Et(m, y.maskConfig, (R) => {
-          l && (R.save(), R.globalAlpha = Q), y.mask.render(R, C, M), l && R.restore();
-        }) : (l && (m.save(), m.globalAlpha = Q), y.mask.render(m, C, M), l && m.restore()), T.globalCompositeOperation = "destination-in", T.setTransform(1, 0, 0, 1, 0, 0), T.drawImage(w, 0, 0), t.save(), t.setTransform(1, 0, 0, 1, 0, 0), t.drawImage(S, 0, 0), t.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 M = y.mask.id === n, R = (s == null ? void 0 : s.type) === "element" && ((f = s == null ? void 0 : s.data) == null ? void 0 : f.id) === y.mask.id;
+        y.maskConfig && y.maskConfig.masks && y.maskConfig.masks.length > 0 ? kt(S, y.maskConfig, (x) => {
+          l && (x.save(), x.globalAlpha = Q), y.mask.render(x, M, R), l && x.restore();
+        }) : (l && (S.save(), S.globalAlpha = Q), y.mask.render(S, M, R), l && S.restore()), T.globalCompositeOperation = "destination-in", T.setTransform(1, 0, 0, 1, 0, 0), T.drawImage(v, 0, 0), t.save(), t.setTransform(1, 0, 0, 1, 0, 0), t.drawImage(m, 0, 0), t.restore();
       }
   }
   // =========================================================================
@@ -3185,42 +3182,42 @@ const Xe = zt("CanvasRenderer"), K = class K {
    * @see InteractionFeedbackRenderer.renderSnapGuidesLayer
    */
   static renderSnapGuidesLayer(t, e = []) {
-    xt.renderSnapGuidesLayer(t, e);
+    Ct.renderSnapGuidesLayer(t, e);
   }
   /**
    * Render spacing indicators layer
    * @see InteractionFeedbackRenderer.renderSpacingIndicatorsLayer
    */
   static renderSpacingIndicatorsLayer(t, e = []) {
-    xt.renderSpacingIndicatorsLayer(t, e);
+    Ct.renderSpacingIndicatorsLayer(t, e);
   }
   /**
    * Render a distance label with background
    * @see InteractionFeedbackRenderer.renderDistanceLabel
    */
   static renderDistanceLabel(t, e, o, n) {
-    xt.renderDistanceLabel(t, e, o, n);
+    Ct.renderDistanceLabel(t, e, o, n);
   }
   /**
    * Render selection box layer
    * @see SelectionRenderer.renderSelectionLayer
    */
   static renderSelectionLayer(t, e, o, n = 1) {
-    St.renderSelectionLayer(t, e, o, n);
+    mt.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) {
-    St.renderPositionSizeInfo(t, e, o, n, s);
+    mt.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) {
-    St.renderHandlesLayer(
+    mt.renderHandlesLayer(
       t,
       e,
       o,
@@ -3244,7 +3241,7 @@ const Xe = zt("CanvasRenderer"), K = class K {
    * @see EditModeRenderer.renderCropBoxLayer
    */
   static renderCropBoxLayer(t, e, o, n = 1) {
-    Wt.renderCropBoxLayer(t, e, o, n);
+    Dt.renderCropBoxLayer(t, e, o, n);
   }
   // =========================================================================
   // Main Render Orchestration
@@ -3279,7 +3276,7 @@ const Xe = zt("CanvasRenderer"), K = class K {
     suppressOverflowDim: g = !1,
     distressTexture: f,
     imageMask: y,
-    editModeData: S
+    editModeData: m
   }) {
     if (this.renderElementsLayer(
       t,
@@ -3292,31 +3289,31 @@ const Xe = zt("CanvasRenderer"), K = class K {
       d,
       b,
       g
-    ), f != null && f.enabled && c && Be(t, f, c, h), y != null && y.enabled && c && He(t, y, c, h), i && S && n && Wt.renderEditModeLayer(t, n, S, u), u !== 1) {
+    ), f != null && f.enabled && c && ke(t, f, c, h), y != null && y.enabled && c && Pe(t, y, c, h), i && m && n && Dt.renderEditModeLayer(t, n, m, u), u !== 1) {
       t.save();
-      const C = t.getTransform().a / u, M = p.x * u * C, R = p.y * u * C;
-      t.setTransform(C, 0, 0, C, M, R);
+      const M = t.getTransform().a / u, R = p.x * u * M, x = p.y * u * M;
+      t.setTransform(M, 0, 0, M, R, x);
     }
-    const T = r.map((m) => ({
-      ...m,
-      x: m.x !== void 0 ? m.x * u : void 0,
-      y: m.y !== void 0 ? m.y * u : void 0,
-      x1: m.x1 !== void 0 ? m.x1 * u : void 0,
-      y1: m.y1 !== void 0 ? m.y1 * u : void 0,
-      x2: m.x2 !== void 0 ? m.x2 * u : void 0,
-      y2: m.y2 !== void 0 ? m.y2 * u : void 0
-    })), w = l.map((m) => ({
-      ...m,
-      x: m.x !== void 0 ? m.x * u : void 0,
-      y: m.y !== void 0 ? m.y * u : void 0,
-      x1: m.x1 !== void 0 ? m.x1 * u : void 0,
-      y1: m.y1 !== void 0 ? m.y1 * u : void 0,
-      x2: m.x2 !== void 0 ? m.x2 * u : void 0,
-      y2: m.y2 !== void 0 ? m.y2 * u : void 0,
-      labelX: m.labelX * u,
-      labelY: m.labelY * u
+    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
     }));
-    xt.renderSnapGuidesLayer(t, T), xt.renderSpacingIndicatorsLayer(t, w), u !== 1 && t.restore();
+    Ct.renderSnapGuidesLayer(t, T), Ct.renderSpacingIndicatorsLayer(t, v), u !== 1 && t.restore();
   }
   /**
    * Single-selection interaction chrome: bbox, handles, position/size
@@ -3350,12 +3347,12 @@ const Xe = zt("CanvasRenderer"), K = class K {
   }) {
     if (b !== 1) {
       t.save();
-      const S = t.getTransform().a / b, T = g.x * b * S, w = g.y * b * S;
-      t.setTransform(S, 0, 0, S, T, w);
+      const m = t.getTransform().a / b, T = g.x * b * m, v = g.y * b * m;
+      t.setTransform(m, 0, 0, m, T, v);
     }
-    if (e && Ge(e) && e.isCropping)
-      o && Wt.renderCropBoxLayer(t, e, o, b);
-    else if (!l && n && St.renderSelectionLayer(t, e, n, b), o && n && St.renderPositionSizeInfo(t, e, o, n, b), !l && o && n && St.renderHandlesLayer(
+    if (e && ze(e) && e.isCropping)
+      o && Dt.renderCropBoxLayer(t, e, o, b);
+    else if (!l && n && mt.renderSelectionLayer(t, e, n, b), o && n && mt.renderPositionSizeInfo(t, e, o, n, b), !l && o && n && mt.renderHandlesLayer(
       t,
       e,
       o,
@@ -3368,8 +3365,8 @@ const Xe = zt("CanvasRenderer"), K = class K {
     ), !h) {
       if (u) {
         t.save();
-        const y = u, S = y.x * b, T = y.y * b, w = y.width * b, m = y.height * b, C = (y.borderRadius ?? 0) * b;
-        t.beginPath(), C > 0 ? t.roundRect(S, T, w, m, C) : t.rect(S, T, w, m), t.clip();
+        const y = u, m = y.x * b, T = y.y * b, v = y.width * b, S = y.height * b, M = (y.borderRadius ?? 0) * b;
+        t.beginPath(), M > 0 ? t.roundRect(m, T, v, S, M) : t.rect(m, T, v, S), t.clip();
       }
       _t.renderHoverLayer(t, a, r, c, b, d), u && t.restore();
     }
@@ -3377,241 +3374,24 @@ const Xe = zt("CanvasRenderer"), K = class K {
   }
 };
 K._contentCanvas = null, K._contentCanvasSize = { width: 0, height: 0 }, K._maskCanvas = null, K._maskCanvasSize = { width: 0, height: 0 }, K._cachedElementsRef = null, K._cachedElementConfigs = null, K._cachedElementMap = null, K._knockoutRenderedIds = /* @__PURE__ */ new Set(), K.onRenderError = null;
-let qt = K;
-const Jt = zt("ImportManager"), Ft = class Ft {
-  /**
-   * Import workspace from JSON file
-   */
-  static async importFromJSON(t) {
-    try {
-      const e = await this.readFileAsText(t), o = JSON.parse(e);
-      if (this.validateDocument(o), !this.SUPPORTED_VERSIONS.includes(o.metadata.version))
-        throw new Error(
-          `Unsupported version: ${o.metadata.version}. Supported versions: ${this.SUPPORTED_VERSIONS.join(", ")}`
-        );
-      if (o.metadata.version === "1.0.0")
-        return this.migrateV1Document(o);
-      const n = [], s = [];
-      return o.artboards.forEach((i) => {
-        const a = Xt.fromJSON({
-          id: i.id,
-          name: i.name,
-          x: i.x,
-          y: i.y,
-          width: i.width,
-          height: i.height,
-          backgroundColor: i.backgroundColor,
-          elementIds: i.elements.map((l) => l.id || "")
-        }), r = i.elements.map((l) => {
-          try {
-            return Kt.createFromJSON(l);
-          } catch (h) {
-            return Jt.error("Failed to create element:", l, h), null;
-          }
-        }).filter((l) => l !== null);
-        n.push(a), s.push(...r);
-      }), await this.preloadAllImages(s), {
-        success: !0,
-        artboards: n,
-        elements: s,
-        activeArtboardId: o.activeArtboardId
-      };
-    } catch (e) {
-      return {
-        success: !1,
-        error: e instanceof Error ? e.message : "Unknown error"
-      };
-    }
-  }
-  /**
-   * Migrate v1 document (no artboards) to v2 (with artboards)
-   */
-  static async migrateV1Document(t) {
-    var e, o, n;
-    try {
-      const s = t.elements || [], i = new Xt({
-        id: "artboard-migrated",
-        name: "Artboard 1",
-        x: 0,
-        y: 0,
-        width: ((e = t.canvas) == null ? void 0 : e.width) || 1920,
-        height: ((o = t.canvas) == null ? void 0 : o.height) || 1080,
-        backgroundColor: ((n = t.canvas) == null ? void 0 : n.backgroundColor) || "#ffffff"
-      }), a = s.map((r) => {
-        try {
-          return Kt.createFromJSON(r);
-        } catch (l) {
-          return Jt.error("Failed to create element:", r, l), null;
-        }
-      }).filter((r) => r !== null);
-      return a.forEach((r) => {
-        i.addElementId(r.id);
-      }), await this.preloadAllImages(a), {
-        success: !0,
-        artboards: [i],
-        elements: a,
-        activeArtboardId: i.id
-      };
-    } catch (s) {
-      return {
-        success: !1,
-        error: s instanceof Error ? s.message : "Migration failed"
-      };
-    }
-  }
-  /**
-   * Import image file
-   */
-  static async importImage(t) {
-    try {
-      if (!t.type.startsWith("image/"))
-        throw new Error("File is not an image");
-      const e = 10 * 1024 * 1024;
-      if (t.size > e)
-        throw new Error("Image file is too large (max 10MB)");
-      const o = await this.readFileAsDataURL(t), { width: n, height: s } = await this.getImageDimensions(o);
-      return {
-        success: !0,
-        dataUrl: o,
-        filename: t.name,
-        width: n,
-        height: s
-      };
-    } catch (e) {
-      return {
-        success: !1,
-        error: e instanceof Error ? e.message : "Unknown error"
-      };
-    }
-  }
-  /**
-   * Validate document structure
-   */
-  static validateDocument(t) {
-    if (!t || typeof t != "object")
-      throw new Error("Invalid document");
-    const e = t;
-    if (!e.metadata)
-      throw new Error("Missing metadata");
-    if (!e.metadata.version)
-      throw new Error("Missing version in metadata");
-    if (!e.artboards && !e.elements)
-      throw new Error("Missing artboards or elements array");
-    if (e.artboards && !Array.isArray(e.artboards))
-      throw new Error("Invalid artboards array");
-  }
-  /**
-   * Read file as text
-   */
-  static readFileAsText(t) {
-    return new Promise((e, o) => {
-      const n = new FileReader();
-      n.onload = (s) => {
-        var i;
-        return e((i = s.target) == null ? void 0 : i.result);
-      }, n.onerror = () => o(new Error("Failed to read file")), n.readAsText(t);
-    });
-  }
-  /**
-   * Read file as data URL
-   */
-  static readFileAsDataURL(t) {
-    return new Promise((e, o) => {
-      const n = new FileReader();
-      n.onload = (s) => {
-        var i;
-        return e((i = s.target) == null ? void 0 : i.result);
-      }, n.onerror = () => o(new Error("Failed to read file")), n.readAsDataURL(t);
-    });
-  }
-  /**
-   * Get image dimensions from data URL
-   */
-  static getImageDimensions(t) {
-    return new Promise((e, o) => {
-      const n = new Image();
-      n.onload = () => {
-        e({ width: n.width, height: n.height });
-      }, n.onerror = () => o(new Error("Failed to load image")), n.src = t;
-    });
-  }
-  /**
-   * Validate imported data before applying to state
-   */
-  static validateImportedData(t, e) {
-    const o = [], n = /* @__PURE__ */ new Set();
-    t.forEach((i) => {
-      n.has(i.id) && o.push(`Duplicate artboard ID: ${i.id}`), n.add(i.id);
-    });
-    const s = /* @__PURE__ */ new Set();
-    return e.forEach((i) => {
-      s.has(i.id) && o.push(`Duplicate element ID: ${i.id}`), s.add(i.id);
-    }), t.forEach((i) => {
-      i.getElementIds().forEach((a) => {
-        s.has(a) || o.push(`Artboard "${i.name}" references missing element: ${a}`);
-      });
-    }), {
-      valid: o.length === 0,
-      errors: o
-    };
-  }
-  /**
-   * Get import summary (for UI display before confirming)
-   */
-  static getImportSummary(t, e) {
-    const o = this.validateImportedData(t, e);
-    return {
-      artboardCount: t.length,
-      elementCount: e.length,
-      artboardNames: t.map((n) => n.name),
-      warnings: o.errors
-    };
-  }
-  /**
-   * Preload all images in parallel for fast artboard switching
-   * Recursively finds all ImageElements (including those in groups)
-   */
-  static async preloadAllImages(t) {
-    const e = [], o = (s) => {
-      s.transformType === "image" ? e.push(s) : s.transformType === "group" && "children" in s && s.children.forEach((i) => o(i));
-    };
-    t.forEach(o);
-    const n = e.map((s) => new Promise((i) => {
-      if (s.imageLoaded)
-        i();
-      else if (s.imageElement) {
-        const a = s.imageElement, r = () => {
-          a.removeEventListener("load", r), a.removeEventListener("error", l), i();
-        }, l = () => {
-          a.removeEventListener("load", r), a.removeEventListener("error", l), i();
-        };
-        a.addEventListener("load", r), a.addEventListener("error", l);
-      } else
-        i();
-    }));
-    await Promise.all(n);
-  }
-};
-Ft.SUPPORTED_VERSIONS = ["1.0.0", "2.0.0"];
-let Zt = Ft;
+let Kt = K;
 export {
-  Qe as A,
-  qt as C,
-  Zt as I,
-  Oe as R,
-  tn as S,
-  qe as T,
-  Ge as a,
-  sn as b,
-  nn as c,
-  en as d,
-  oe as e,
-  Ze as f,
-  $t as g,
-  je as h,
-  Dt as i,
-  $e as j,
-  Je as k,
-  Ue as r
+  je as A,
+  Kt as C,
+  $e as I,
+  De as R,
+  qe as S,
+  Ne as T,
+  ze as a,
+  Je as b,
+  Ze as c,
+  Ue as d,
+  Qt as e,
+  Ye as f,
+  Yt as g,
+  Ge as h,
+  Wt as i,
+  Ke as j,
+  Xe as r
 };
-//# sourceMappingURL=ImportManager-C_wBjWaV.js.map
+//# sourceMappingURL=CanvasRenderer-DUc-MOeR.js.map