@snowcone-app/canvas 0.1.8 → 0.1.10

package/dist/{ElementFactory-uJTXU-nP.js → ElementFactory-Ckv6sSev.js}

@@ -1,4 +1,4 @@
-import { Y as en, aq as ft, ar as ut, ax as we, a9 as ht, a7 as pt, a0 as Se, a6 as gt, $ as pn, aL as bt, aM as Ce, c as yn, aN as mt, aO as yt, G as Ge, I as Nn, P as Ve, S as je, T as xt, aH as $t, aG as vt, ab as wt, aP as Qn, aQ as St, aR as Ct, aS as kt, aT as Tt, aU as Xe, aI as qe, U as jn, aJ as Ye, aV as se, aW as _t, am as Et, aX as At, aY as ke, aZ as Pt, a_ as It, a$ as Dt, aE as Rt, b0 as Ft, b1 as Mt, b2 as nn, ah as Ot, al as Bt, ae as Lt, ac as Nt, aj as Ut, af as zt, aa as Wt } from "./HybridHistoryManager-BV6XV0nD.js";
+import { Y as en, aq as ut, ar as ht, ax as Se, a9 as pt, a7 as gt, a0 as Ce, a6 as bt, $ as pn, aL as mt, aM as ke, c as xn, aN as yt, aO as xt, G as Ve, I as Un, P as je, S as Xe, T as $t, aH as vt, aG as wt, ab as St, aP as ne, aQ as Ct, aR as kt, aS as Tt, aT as _t, aU as qe, aI as Ye, U as Xn, aJ as Ke, aV as ie, aW as Et, am as At, aX as Pt, aY as Te, aZ as It, a_ as Dt, a$ as Rt, aE as Ft, b0 as Mt, b1 as Ot, b2 as nn, ah as Bt, al as Lt, ae as Nt, ac as Ut, aj as zt, af as Wt, aa as Ht } from "./HybridHistoryManager-BV6XV0nD.js";
 const sn = {
   // Canvas-specific
   canvas: {
@@ -16,30 +16,30 @@ const sn = {
     spacingLabelFontSize: 11,
     spacingLabelFontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
   }
-}, Ht = 2, On = 6, Gt = 16, Vt = 5, jt = 5, Ke = 0.5;
-function Te(i) {
-  return Ht / i;
-}
-function Ka(i) {
-  return On / i;
-}
-function Xt(i) {
+}, Gt = 2, Bn = 6, Vt = 16, jt = 5, Xt = 5, Je = 0.5;
+function _e(i) {
   return Gt / i;
 }
 function Ja(i) {
-  return [Vt / i, jt / i];
+  return Bn / i;
+}
+function qt(i) {
+  return Vt / i;
+}
+function Za(i) {
+  return [jt / i, Xt / i];
 }
-function qt(i, n, e, t) {
+function Yt(i, n, e, t) {
   i.save();
-  const a = Ke / t;
+  const a = Je / t;
   i.translate(n, e), i.scale(a, a), i.strokeStyle = "#000", i.lineWidth = 1.5, i.lineCap = "round", i.lineJoin = "round", i.translate(-12, -12), i.beginPath(), i.moveTo(21, 12), i.arc(12, 12, 9, 0, -Math.PI / 2, !0), i.bezierCurveTo(3.5, 4.5, 4, 6, 3, 8), i.stroke(), i.beginPath(), i.moveTo(3, 3), i.lineTo(3, 8), i.lineTo(8, 8), i.stroke(), i.beginPath(), i.moveTo(3, 12), i.arc(12, 12, 9, Math.PI, Math.PI / 2, !0), i.bezierCurveTo(20.5, 19.5, 20, 18, 21, 16), i.stroke(), i.beginPath(), i.moveTo(16, 16), i.lineTo(21, 16), i.lineTo(21, 21), i.stroke(), i.restore();
 }
-function Za(i, n, e, t = 1, a = "#3b82f6", r = !1) {
-  const s = Xt(t);
-  i.save(), i.fillStyle = "#fff", i.strokeStyle = a, i.lineWidth = r ? Te(t) * 1.25 : Te(t), i.beginPath(), i.arc(n, e, s, 0, Math.PI * 2), i.fill(), i.stroke(), qt(i, n, e, t), i.restore();
+function Qa(i, n, e, t = 1, a = "#3b82f6", r = !1) {
+  const s = qt(t);
+  i.save(), i.fillStyle = "#fff", i.strokeStyle = a, i.lineWidth = r ? _e(t) * 1.25 : _e(t), i.beginPath(), i.arc(n, e, s, 0, Math.PI * 2), i.fill(), i.stroke(), Yt(i, n, e, t), i.restore();
 }
-const _e = On * 2;
-class Qa {
+const Ee = Bn * 2;
+class nr {
   constructor() {
     this.resizeHandles = [], this.rotationHandle = null, this.elementRotation = 0, this.rotationAnchor = { x: 0, y: 0 };
   }
@@ -56,8 +56,8 @@ class Qa {
       y: a.y - o,
       width: a.width + o * 2,
       height: a.height + o * 2
-    }, c = ft(l, n.rotation, r), d = Math.abs(n.rotation % 360) > 0.1;
-    this.resizeHandles = c.filter((f) => !(!s.includes(f.anchor) || d && f.anchor.includes("middle"))), this.rotationHandle = ut(
+    }, c = ut(l, n.rotation, r), d = Math.abs(n.rotation % 360) > 0.1;
+    this.resizeHandles = c.filter((f) => !(!s.includes(f.anchor) || d && f.anchor.includes("middle"))), this.rotationHandle = ht(
       l,
       n.rotation,
       r,
@@ -86,10 +86,10 @@ class Qa {
     if (e.anchor.includes("middle")) {
       const c = e.anchor === "middle-top" || e.anchor === "middle-bottom";
       n.translate(s, o), n.rotate(-this.elementRotation * Math.PI / 180), c && n.rotate(Math.PI / 2), n.translate(-s, -o);
-      const d = _e * 0.6, f = _e * 1.4, h = d / 2, u = s - d / 2, g = o - f / 2;
+      const d = Ee * 0.6, f = Ee * 1.4, h = d / 2, u = s - d / 2, g = o - f / 2;
       n.fillStyle = "#fff", n.strokeStyle = en(n.canvas), n.lineWidth = t || a ? 2.5 : 2, n.beginPath(), n.roundRect(u, g, d, f, h), n.fill(), n.stroke();
     } else
-      n.fillStyle = "#fff", n.strokeStyle = en(n.canvas), n.lineWidth = t || a ? 2.5 : 2, n.beginPath(), n.arc(s, o, On, 0, Math.PI * 2), n.fill(), n.stroke();
+      n.fillStyle = "#fff", n.strokeStyle = en(n.canvas), n.lineWidth = t || a ? 2.5 : 2, n.beginPath(), n.arc(s, o, Bn, 0, Math.PI * 2), n.fill(), n.stroke();
     n.restore();
   }
   /**
@@ -98,9 +98,9 @@ class Qa {
    */
   renderRotationHandle(n, e, t = !1, a = 1) {
     n.save();
-    const r = e.x * a, s = e.y * a, o = On * 2.67;
+    const r = e.x * a, s = e.y * a, o = Bn * 2.67;
     n.fillStyle = "#fff", n.strokeStyle = en(n.canvas), n.lineWidth = t ? 2.5 : 2, n.beginPath(), n.arc(r, s, o, 0, Math.PI * 2), n.fill(), n.stroke();
-    const l = Ke;
+    const l = Je;
     n.translate(r, s), n.scale(l, l), n.strokeStyle = "#000", n.lineWidth = 1.5, n.lineCap = "round", n.lineJoin = "round", n.translate(-12, -12), n.beginPath(), n.moveTo(21, 12), n.arc(12, 12, 9, 0, -Math.PI / 2, !0), n.bezierCurveTo(3.5, 4.5, 4, 6, 3, 8), n.stroke(), n.beginPath(), n.moveTo(3, 3), n.lineTo(3, 8), n.lineTo(8, 8), n.stroke(), n.beginPath(), n.moveTo(3, 12), n.arc(12, 12, 9, Math.PI, Math.PI / 2, !0), n.bezierCurveTo(20.5, 19.5, 20, 18, 21, 16), n.stroke(), n.beginPath(), n.moveTo(16, 16), n.lineTo(21, 16), n.lineTo(21, 21), n.stroke(), n.restore();
   }
   /**
@@ -116,9 +116,9 @@ class Qa {
    * @param zoom - Current zoom level (radius scales inversely with zoom)
    */
   hitTestResize(n, e, t = 1) {
-    const a = pt / t;
+    const a = gt / t;
     for (const r of this.resizeHandles)
-      if (we(n, e, r.x, r.y, a))
+      if (Se(n, e, r.x, r.y, a))
         return r;
     return null;
   }
@@ -128,8 +128,8 @@ class Qa {
    */
   hitTestRotation(n, e, t = 1) {
     if (!this.rotationHandle) return !1;
-    const a = (On * 2.67 + 2) / t;
-    return we(n, e, this.rotationHandle.x, this.rotationHandle.y, a);
+    const a = (Bn * 2.67 + 2) / t;
+    return Se(n, e, this.rotationHandle.x, this.rotationHandle.y, a);
   }
   /**
    * Get rotation handle position (for React-based rendering)
@@ -144,7 +144,7 @@ class Qa {
    */
   getCursor(n, e) {
     const t = n.anchor.includes("middle") ? "edge" : "corner";
-    return ht(
+    return pt(
       n.x,
       n.y,
       this.rotationAnchor.x,
@@ -155,7 +155,7 @@ class Qa {
     );
   }
 }
-class Yt {
+class Kt {
   /**
    * Calculate new dimensions and position for a resize operation
    */
@@ -167,56 +167,56 @@ class Yt {
     startData: r,
     snapSystem: s
   }) {
-    var I, A, O, U, B;
-    const l = new Se(n).worldDeltaToLocal(t, a), c = l.dx, d = l.dy, f = r.visualWidth ?? r.width ?? 0, h = r.visualHeight ?? r.height ?? 0, u = r.width ?? 0, g = r.height ?? 0;
+    var I, A, R, z, O;
+    const l = new Ce(n).worldDeltaToLocal(t, a), c = l.dx, d = l.dy, f = r.visualWidth ?? r.width ?? 0, h = r.visualHeight ?? r.height ?? 0, u = r.width ?? 0, g = r.height ?? 0;
     let m = f, p = h;
     e.anchor.includes("right") ? m = f + c : e.anchor.includes("left") && (m = f - c), e.anchor !== "middle-left" && e.anchor !== "middle-right" && (e.anchor.includes("bottom") ? p = h + d : e.anchor.includes("top") && (p = h - d));
     let y, b;
     if (e.anchor === "middle-left" || e.anchor === "middle-right") {
-      const E = m - f;
-      y = u + E, b = g;
+      const P = m - f;
+      y = u + P, b = g;
     } else if (e.anchor === "middle-top" || e.anchor === "middle-bottom") {
-      const E = p - h;
-      y = u, b = g + E;
+      const P = p - h;
+      y = u, b = g + P;
     } else {
-      const E = m / f, H = p / h;
-      y = u * E, b = g * H;
+      const P = m / f, W = p / h;
+      y = u * P, b = g * W;
     }
     const $ = m, x = p;
     let w = !1;
     if (s && n.transformType === "image") {
-      const E = e.anchor ?? "", H = E === "top-left" || E === "top-right" || E === "bottom-left" || E === "bottom-right", V = E.startsWith("crop-");
-      if (H && !V) {
-        const q = (I = s.activeSnaps) == null ? void 0 : I.x, z = (A = s.activeSnaps) == null ? void 0 : A.y;
-        if (!!q || !!z) {
-          const R = [q, z].find(
-            (M) => typeof M == "object" && M !== null && "frozenWidth" in M
+      const P = e.anchor ?? "", W = P === "top-left" || P === "top-right" || P === "bottom-left" || P === "bottom-right", X = P.startsWith("crop-");
+      if (W && !X) {
+        const q = (I = s.activeSnaps) == null ? void 0 : I.x, Q = (A = s.activeSnaps) == null ? void 0 : A.y;
+        if (!!q || !!Q) {
+          const D = [q, Q].find(
+            (F) => typeof F == "object" && F !== null && "frozenWidth" in F
           );
-          if (R) {
-            const M = n, D = r.transformData, N = R.frozenWidth ?? ((O = M.transformData) == null ? void 0 : O.width) ?? u, j = M.imageAspectRatio || (D != null && D.width && (D != null && D.height) ? D.width / D.height : null);
-            let Y = R.frozenHeight;
-            Y == null && (j && j !== 0 ? Y = N / j : (U = M.transformData) != null && U.height ? Y = M.transformData.height : Y = g);
-            const xn = u !== 0 ? N / u : 1, on = g !== 0 ? Y / g : 1;
-            m = f * xn, p = h * on, y = N, b = Y, w = !0;
+          if (D) {
+            const F = n, B = r.transformData, M = D.frozenWidth ?? ((R = F.transformData) == null ? void 0 : R.width) ?? u, U = F.imageAspectRatio || (B != null && B.width && (B != null && B.height) ? B.width / B.height : null);
+            let V = D.frozenHeight;
+            V == null && (U && U !== 0 ? V = M / U : (z = F.transformData) != null && z.height ? V = F.transformData.height : V = g);
+            const dn = u !== 0 ? M / u : 1, $n = g !== 0 ? V / g : 1;
+            m = f * dn, p = h * $n, y = M, b = V, w = !0;
           }
         }
       }
     }
     y = Math.max(50, y), b = Math.max(40, b);
     const v = n.clone(), S = v.resize(e.anchor, y, b, r);
-    if (!e.anchor.includes("middle") && ((B = v.stroke) != null && B.enabled) && r.strokeWidth !== void 0 && r.strokeWidth > 0) {
-      const E = r.width ?? 1, H = r.height ?? 1, V = Math.sqrt(y / E * (b / H)), q = Math.max(1, Math.round(r.strokeWidth * V * 10) / 10);
+    if (!e.anchor.includes("middle") && ((O = v.stroke) != null && O.enabled) && r.strokeWidth !== void 0 && r.strokeWidth > 0) {
+      const P = r.width ?? 1, W = r.height ?? 1, X = Math.sqrt(y / P * (b / W)), q = Math.max(1, Math.round(r.strokeWidth * X * 10) / 10);
       v.stroke = { ...v.stroke, width: q };
     }
-    const k = w || S === !1, _ = e.anchor.includes("top") || e.anchor.includes("bottom"), C = "isCropping" in v && v.isCropping, P = "isGroup" in v && v.isGroup;
-    if (_ && !C && !P) {
-      const E = n.getRotationAnchor(), H = this._calculateFixedCornerOffset({
+    const k = w || S === !1, _ = e.anchor.includes("top") || e.anchor.includes("bottom"), C = "isCropping" in v && v.isCropping, E = "isGroup" in v && v.isGroup;
+    if (_ && !C && !E) {
+      const P = n.getRotationAnchor(), W = this._calculateFixedCornerOffset({
         element: n,
         updatedElement: v,
         handle: e,
-        rotationAnchor: E
+        rotationAnchor: P
       });
-      v.x += H.x, v.y += H.y;
+      v.x += W.x, v.y += W.y;
     }
     return {
       element: v,
@@ -236,10 +236,10 @@ class Yt {
     handle: t,
     rotationAnchor: a
   }) {
-    const r = new Se(n), { cos: s, sin: o } = r.getRenderingCosSin(), l = n.getVisualBoundingBox(), c = e.getVisualBoundingBox(), d = a, f = e.getRotationAnchor(), h = this._getFixedLocalCoords(t.anchor, l.width, l.height), u = h.x, g = h.y, m = l.x - d.x, p = l.y - d.y, y = m + u, b = p + g, $ = y * s - b * o, x = y * o + b * s, w = d.x + $, v = d.y + x, S = this._getFixedLocalCoords(t.anchor, c.width, c.height), T = S.x, k = S.y, _ = c.x - f.x, C = c.y - f.y, P = _ + T, I = C + k, A = P * s - I * o, O = P * o + I * s, U = f.x + A, B = f.y + O;
+    const r = new Ce(n), { cos: s, sin: o } = r.getRenderingCosSin(), l = n.getVisualBoundingBox(), c = e.getVisualBoundingBox(), d = a, f = e.getRotationAnchor(), h = this._getFixedLocalCoords(t.anchor, l.width, l.height), u = h.x, g = h.y, m = l.x - d.x, p = l.y - d.y, y = m + u, b = p + g, $ = y * s - b * o, x = y * o + b * s, w = d.x + $, v = d.y + x, S = this._getFixedLocalCoords(t.anchor, c.width, c.height), T = S.x, k = S.y, _ = c.x - f.x, C = c.y - f.y, E = _ + T, I = C + k, A = E * s - I * o, R = E * o + I * s, z = f.x + A, O = f.y + R;
     return {
-      x: w - U,
-      y: v - B
+      x: w - z,
+      y: v - O
     };
   }
   /**
@@ -277,7 +277,7 @@ class Yt {
     return a;
   }
 }
-class Kt {
+class Jt {
   constructor() {
     this.hooks = {
       beforeResize: [],
@@ -332,7 +332,7 @@ class Kt {
    */
   executeResize(n) {
     const e = this.runHooks("beforeResize", n);
-    let t = Yt.calculateResize({
+    let t = Kt.calculateResize({
       ...e,
       snapSystem: n.snapSystem
     });
@@ -347,8 +347,8 @@ class Kt {
     return this.runHooks("afterPositionUpdate", t).position;
   }
 }
-const nr = new Kt();
-class er {
+const er = new Jt();
+class tr {
   constructor(n = null) {
     this.state = "IDLE", this.context = {
       mode: null,
@@ -546,7 +546,7 @@ class er {
   updateRotate(n, e, t, a) {
     if (this.state !== "ROTATING")
       throw new Error("Cannot update rotate: not in ROTATING state");
-    const r = this.context.startData, o = (gt(t, a, n, e) - r.startAngle) * 180 / Math.PI;
+    const r = this.context.startData, o = (bt(t, a, n, e) - r.startAngle) * 180 / Math.PI;
     let l = r.currentRotation - o;
     return l = (l % 360 + 360) % 360, l > 180 && (l -= 360), this.snapHandler && this.snapHandler.snapRotation && this.context.element ? this.snapHandler.snapRotation(l, this.context.element) : l;
   }
@@ -662,7 +662,7 @@ class er {
     return this.context.mode;
   }
 }
-class Sn {
+class Cn {
   /**
    * Resolve rotation anchor with clear precedence:
    * 1. Transform's getRotationAnchor() if overridden
@@ -770,7 +770,7 @@ class Sn {
     return Math.abs(a.x - t.x) > r || Math.abs(a.y - t.y) > r;
   }
 }
-class Ee {
+class Ae {
   constructor(n) {
     this.cellSize = n, this.cells = /* @__PURE__ */ new Map(), this.idIndex = /* @__PURE__ */ new Map();
   }
@@ -871,27 +871,27 @@ function un(i) {
   if (n && "width" in n && typeof n.width == "number")
     return n.width;
 }
-function Cn(i) {
+function kn(i) {
   const n = i.transformData;
   if (n && "height" in n && typeof n.height == "number")
     return n.height;
 }
-function Dn(i, n) {
+function Rn(i, n) {
   const e = i.transformData;
   return e && "width" in e ? (e.width = n, !0) : !1;
 }
-function Gn(i, n) {
+function Vn(i, n) {
   const e = i.transformData;
   return e && "height" in e ? (e.height = n, !0) : !1;
 }
-class tr {
+class ar {
   constructor(n = {}) {
     this._extraSnapRects = [], this.snapThreshold = n.snapThreshold || sn.canvas.snapThreshold, this.enabled = n.enabled !== !1, this.showGuides = n.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 = n.stickyThreshold || 15, this._spatialGrid = new Ee(Math.max(this.snapThreshold * 2, 16)), this._anchorMetadata = /* @__PURE__ */ new Map();
+    }, this.stickyThreshold = n.stickyThreshold || 15, this._spatialGrid = new Ae(Math.max(this.snapThreshold * 2, 16)), this._anchorMetadata = /* @__PURE__ */ new Map();
   }
   /**
    * Enable or disable snapping
@@ -903,7 +903,7 @@ class tr {
    * Set snap threshold in pixels
    */
   setSnapThreshold(n) {
-    this.snapThreshold = n, this._spatialGrid = new Ee(Math.max(n * 2, 16));
+    this.snapThreshold = n, this._spatialGrid = new Ae(Math.max(n * 2, 16));
   }
   /**
    * Get current snap guides for rendering
@@ -942,7 +942,7 @@ class tr {
   _populateSpatialGrid(n) {
     this._spatialGrid.clear(), this._anchorMetadata.clear();
     for (const e of n) {
-      const t = Sn.getSnapAnchors(e);
+      const t = Cn.getSnapAnchors(e);
       for (const [a, r] of Object.entries(t)) {
         const s = `${e.id}:${a}`, o = {
           x: r.x,
@@ -991,7 +991,7 @@ class tr {
       return this.clearGuides(), n;
     const a = e.clone();
     a.x = n.x, a.y = n.y;
-    const r = Sn.getSnapAnchors(a), s = t.filter((b) => b.id !== e.id);
+    const r = Cn.getSnapAnchors(a), s = t.filter((b) => b.id !== e.id);
     this._populateSpatialGrid(s);
     let o = null, l = null, c = 1 / 0, d = 1 / 0;
     const f = [], h = [], u = [];
@@ -1080,7 +1080,7 @@ class tr {
    * Used for text elements where height is derived, not settable
    */
   _isPositionBasedSnap(n, e) {
-    return e === "x" ? !1 : e === "y" ? !(Cn(n) !== void 0 || n.height !== void 0 && typeof n.height == "number") : !1;
+    return e === "x" ? !1 : e === "y" ? !(kn(n) !== void 0 || n.height !== void 0 && typeof n.height == "number") : !1;
   }
   /**
    * Determine which snap keys to use based on the resize handle
@@ -1191,7 +1191,7 @@ class tr {
       for (const c of Object.values(t))
         Math.abs(c.x - n.snapTo) < 5 && (o = Math.min(o, c.y), l = Math.max(l, c.y));
       for (const c of a) {
-        const d = Sn.getSnapAnchors(c);
+        const d = Cn.getSnapAnchors(c);
         for (const f of Object.values(d))
           Math.abs(f.x - n.snapTo) < 5 && (o = Math.min(o, f.y), l = Math.max(l, f.y));
       }
@@ -1213,7 +1213,7 @@ class tr {
       for (const c of Object.values(t))
         Math.abs(c.y - n.snapTo) < 5 && (o = Math.min(o, c.x), l = Math.max(l, c.x));
       for (const c of a) {
-        const d = Sn.getSnapAnchors(c);
+        const d = Cn.getSnapAnchors(c);
         for (const f of Object.values(d))
           Math.abs(f.y - n.snapTo) < 5 && (o = Math.min(o, f.x), l = Math.max(l, f.x));
       }
@@ -1260,7 +1260,7 @@ class tr {
    * @returns {Object} { frozenWidth, frozenHeight } - Dimensions at snap point
    */
   _calculateFrozenDimensionsAtSnap(n, e, t, a, r) {
-    const s = un(n) ?? n.width ?? 0, o = Cn(n) ?? n.height ?? 0;
+    const s = un(n) ?? n.width ?? 0, o = kn(n) ?? n.height ?? 0;
     let l = s, c = o;
     const d = n.transformType === "image", f = d ? n.imageAspectRatio || (s && o ? s / o : null) : null, h = a.toLowerCase();
     return e === "x" ? h.includes("right") ? (l = s + t, d && f && (c = l / f)) : h.includes("left") && (l = s - t, d && f && (c = l / f)) : e === "y" && (h.includes("bottom") ? (c = o + t, d && f && (l = c * f)) : h.includes("top") && (c = o - t, d && f && (l = c * f))), { frozenWidth: l, frozenHeight: c };
@@ -1364,7 +1364,7 @@ class tr {
     const a = n.getVisualBoundingBox(), r = n.transformType === "image";
     if (!r) {
       const s = un(n);
-      s !== void 0 ? Dn(n, s + e) : n.width !== void 0 && (n.width += e);
+      s !== void 0 ? Rn(n, s + e) : n.width !== void 0 && (n.width += e);
     }
     if (t.anchor === "middle-right") {
       const s = pn.toRadiansInverse(n.rotation), o = Math.cos(s), l = Math.sin(s);
@@ -1381,7 +1381,7 @@ class tr {
     const a = n.getVisualBoundingBox(), r = n.transformType === "image";
     if (!r) {
       const s = un(n);
-      s !== void 0 ? Dn(n, s - e) : n.width !== void 0 && (n.width -= e);
+      s !== void 0 ? Rn(n, s - e) : n.width !== void 0 && (n.width -= e);
     }
     if (t.anchor === "middle-left") {
       const s = pn.toRadiansInverse(n.rotation), o = Math.cos(s), l = Math.sin(s);
@@ -1397,8 +1397,8 @@ class tr {
   _adjustElementForBottomResize(n, e, t) {
     const a = n.getVisualBoundingBox(), r = n.transformType === "image";
     if (!r) {
-      const l = Cn(n);
-      l !== void 0 ? Gn(n, l + e) : n.height !== void 0 && (n.height += e);
+      const l = kn(n);
+      l !== void 0 ? Vn(n, l + e) : n.height !== void 0 && (n.height += e);
     }
     const s = n.getVisualBoundingBox(), o = Math.abs(s.height - a.height) > 0.01;
     if (t.anchor === "middle-bottom") {
@@ -1415,8 +1415,8 @@ class tr {
   _adjustElementForTopResize(n, e, t) {
     const a = n.getVisualBoundingBox(), r = n.transformType === "image";
     if (!r) {
-      const l = Cn(n);
-      l !== void 0 ? Gn(n, l - e) : n.height !== void 0 && (n.height -= e);
+      const l = kn(n);
+      l !== void 0 ? Vn(n, l - e) : n.height !== void 0 && (n.height -= e);
     }
     const s = n.getVisualBoundingBox(), o = Math.abs(s.height - a.height) > 0.01;
     if (t.anchor === "middle-top") {
@@ -1448,12 +1448,12 @@ class tr {
     if (o && l && n.isFrozen && n.unfrozenDimensions) {
       const C = a.clone();
       if (C.transformData) {
-        const P = a.getVisualBoundingBox(), I = P.width, A = P.height, O = (t == null ? void 0 : t.width) ?? a.width ?? 0, U = (t == null ? void 0 : t.height) ?? a.height ?? 0, B = (t == null ? void 0 : t.visualWidth) ?? I, E = (t == null ? void 0 : t.visualHeight) ?? A, H = n.unfrozenDimensions.width / B, V = n.unfrozenDimensions.height / E;
-        Dn(C, O * H), Gn(C, U * V);
+        const E = a.getVisualBoundingBox(), I = E.width, A = E.height, R = (t == null ? void 0 : t.width) ?? a.width ?? 0, z = (t == null ? void 0 : t.height) ?? a.height ?? 0, O = (t == null ? void 0 : t.visualWidth) ?? I, P = (t == null ? void 0 : t.visualHeight) ?? A, W = n.unfrozenDimensions.width / O, X = n.unfrozenDimensions.height / P;
+        Rn(C, R * W), Vn(C, z * X);
       }
-      s = Sn.getSnapAnchors(C);
+      s = Cn.getSnapAnchors(C);
     } else
-      s = Sn.getSnapAnchors(a);
+      s = Cn.getSnapAnchors(a);
     const c = e.filter((C) => C.id !== a.id);
     if (c.length === 0)
       return this.clearGuides(), n;
@@ -1466,33 +1466,33 @@ class tr {
     if (o && w && (p !== 0 || y !== 0))
       return n;
     if (p !== 0 || y !== 0) {
-      const C = a.clone(), P = this.activeSnaps.x || this.activeSnaps.y, I = (P == null ? void 0 : P.frozenFontSize) ?? a.fontSize ?? 0, A = (P == null ? void 0 : P.frozenWidth) ?? un(a) ?? a.width ?? 0, O = (P == null ? void 0 : P.frozenHeight) ?? Cn(a) ?? a.height ?? 0, U = (P == null ? void 0 : P.frozenPosition) ?? { x: a.x, y: a.y }, B = C.isCropping && !String(r.anchor).startsWith("crop-");
-      if (!B)
+      const C = a.clone(), E = this.activeSnaps.x || this.activeSnaps.y, I = (E == null ? void 0 : E.frozenFontSize) ?? a.fontSize ?? 0, A = (E == null ? void 0 : E.frozenWidth) ?? un(a) ?? a.width ?? 0, R = (E == null ? void 0 : E.frozenHeight) ?? kn(a) ?? a.height ?? 0, z = (E == null ? void 0 : E.frozenPosition) ?? { x: a.x, y: a.y }, O = C.isCropping && !String(r.anchor).startsWith("crop-");
+      if (!O)
         if (r && r.anchor) {
           if (p !== 0) {
-            const R = (v = this.activeSnaps.x) == null ? void 0 : v.anchorKey, M = R == null ? void 0 : R.toLowerCase();
-            M && M.includes("right") ? this._adjustElementForRightResize(C, p, r) : M && M.includes("left") ? this._adjustElementForLeftResize(C, p, r) : C.x += p;
+            const D = (v = this.activeSnaps.x) == null ? void 0 : v.anchorKey, F = D == null ? void 0 : D.toLowerCase();
+            F && F.includes("right") ? this._adjustElementForRightResize(C, p, r) : F && F.includes("left") ? this._adjustElementForLeftResize(C, p, r) : C.x += p;
           }
           if (y !== 0) {
-            const R = (S = this.activeSnaps.y) == null ? void 0 : S.anchorKey, M = R == null ? void 0 : R.toLowerCase();
-            M && M.includes("bottom") ? this._adjustElementForBottomResize(C, y, r) : M && M.includes("top") ? this._adjustElementForTopResize(C, y, r) : C.y += y;
+            const D = (S = this.activeSnaps.y) == null ? void 0 : S.anchorKey, F = D == null ? void 0 : D.toLowerCase();
+            F && F.includes("bottom") ? this._adjustElementForBottomResize(C, y, r) : F && F.includes("top") ? this._adjustElementForTopResize(C, y, r) : C.y += y;
           }
         } else
           C.x += p, C.y += y;
       C.fontSize !== void 0 && (C.fontSize = I);
-      const E = C.transformType === "image", H = this.activeSnaps.x !== null || this.activeSnaps.y !== null;
-      if (E && H) {
+      const P = C.transformType === "image", W = this.activeSnaps.x !== null || this.activeSnaps.y !== null;
+      if (P && W) {
         if (un(C) !== void 0) {
-          const R = this.activeSnaps.x || this.activeSnaps.y;
-          let M = A, D = O;
-          R && (M = R.frozenWidth ?? M, D = R.frozenHeight ?? D);
-          const N = un(a), j = Cn(a), Y = C.imageAspectRatio || (N && j ? N / j : null);
-          Y && Y !== 0 && (D = M / Y), Dn(C, M), Gn(C, D), R && (R.frozenWidth = M, R.frozenHeight = D);
+          const D = this.activeSnaps.x || this.activeSnaps.y;
+          let F = A, B = R;
+          D && (F = D.frozenWidth ?? F, B = D.frozenHeight ?? B);
+          const M = un(a), U = kn(a), V = C.imageAspectRatio || (M && U ? M / U : null);
+          V && V !== 0 && (B = F / V), Rn(C, F), Vn(C, B), D && (D.frozenWidth = F, D.frozenHeight = B);
         }
       } else
-        (((T = this.activeSnaps.y) == null ? void 0 : T.isPositionBasedSnap) || !1) && (un(C) !== void 0 ? Dn(C, A) : C.width !== void 0 && (C.width = A));
-      const V = r && (r.anchor === "middle-left" || r.anchor === "middle-right"), q = r && (r.anchor === "middle-top" || r.anchor === "middle-bottom"), z = ((k = this.activeSnaps.x) == null ? void 0 : k.isPositionBasedSnap) || !1, F = ((_ = this.activeSnaps.y) == null ? void 0 : _.isPositionBasedSnap) || !1;
-      return (p === 0 || z) && !V && !q && !B && (C.x = U.x), (y === 0 || F) && !q && !V && !B && (C.y = U.y), {
+        (((T = this.activeSnaps.y) == null ? void 0 : T.isPositionBasedSnap) || !1) && (un(C) !== void 0 ? Rn(C, A) : C.width !== void 0 && (C.width = A));
+      const X = r && (r.anchor === "middle-left" || r.anchor === "middle-right"), q = r && (r.anchor === "middle-top" || r.anchor === "middle-bottom"), Q = ((k = this.activeSnaps.x) == null ? void 0 : k.isPositionBasedSnap) || !1, L = ((_ = this.activeSnaps.y) == null ? void 0 : _.isPositionBasedSnap) || !1;
+      return (p === 0 || Q) && !X && !q && !O && (C.x = z.x), (y === 0 || L) && !q && !X && !O && (C.y = z.y), {
         ...n,
         element: C,
         snapAdjustment: { dx: p, dy: y },
@@ -1509,12 +1509,12 @@ class tr {
     if (!this.enabled) return n;
     const a = [0, 45, 90, 135, 180, 225, 270, 315, 360], r = 5;
     for (const s of a)
-      if (bt(n, s, r))
+      if (mt(n, s, r))
         return s;
     return n;
   }
 }
-class ar {
+class rr {
   constructor(n = {}) {
     this.lastSnapTarget = null, this.detectionThreshold = n.detectionThreshold || 100, this.minDistance = n.minDistance || 10, this.enabled = n.enabled !== !1, this.showLabels = n.showLabels !== !1, this.indicators = [];
   }
@@ -1549,7 +1549,7 @@ class ar {
   snapToSpacing(n, e, t) {
     if (!this.enabled || !t)
       return n;
-    const a = Ce, r = t.filter((p) => p.id !== e.id);
+    const a = ke, r = t.filter((p) => p.id !== e.id);
     if (r.length === 0)
       return n;
     const s = e.clone();
@@ -1846,7 +1846,7 @@ class ar {
    * Check if spacing would snap to a pattern
    */
   checkIfWouldSnap(n, e, t, a) {
-    const r = Ce;
+    const r = ke;
     if (t === "top" || t === "bottom") {
       const s = a.filter((o) => {
         const l = o.getVisualBoundingBox();
@@ -1946,7 +1946,7 @@ class ar {
     }
   }
 }
-const Jt = yn("TextureManager"), Bn = class Bn {
+const Zt = xn("TextureManager"), Ln = class Ln {
   /**
    * Load a texture by ID or URL
    */
@@ -1960,7 +1960,7 @@ const Jt = yn("TextureManager"), Bn = class Bn {
       s.crossOrigin = "anonymous", s.onload = () => {
         this.cache.set(n, s), this.cache.set(e, s), this.loading.delete(n), this.loading.delete(e), a(s);
       }, s.onerror = () => {
-        Jt.error("Failed to load texture:", e), this.loading.delete(n), this.loading.delete(e), r(new Error(`Failed to load texture: ${e}`));
+        Zt.error("Failed to load texture:", e), this.loading.delete(n), this.loading.delete(e), r(new Error(`Failed to load texture: ${e}`));
       }, s.src = e;
     });
     return this.loading.set(n, t), e !== n && this.loading.set(e, t), t;
@@ -2026,7 +2026,7 @@ const Jt = yn("TextureManager"), Bn = class Bn {
     return (e == null ? void 0 : e.presetColor) || "#ffffff";
   }
 };
-Bn.cache = /* @__PURE__ */ new Map(), Bn.loading = /* @__PURE__ */ new Map(), Bn.TEXTURES = [
+Ln.cache = /* @__PURE__ */ new Map(), Ln.loading = /* @__PURE__ */ new Map(), Ln.TEXTURES = [
   {
     id: "glass-frame",
     name: "Glass Frame",
@@ -2036,8 +2036,8 @@ Bn.cache = /* @__PURE__ */ new Map(), Bn.loading = /* @__PURE__ */ new Map(), Bn
     // Light gray
   }
 ];
-let dn = Bn;
-const ie = yn("ArtboardRenderer"), Zt = {
+let cn = Ln;
+const oe = xn("ArtboardRenderer"), Qt = {
   showLabel: !0,
   showBorder: !0,
   borderColor: "",
@@ -2055,9 +2055,9 @@ const ie = yn("ArtboardRenderer"), Zt = {
   borderRadius: 0
   // Default to no border radius (sharp corners)
 };
-class Je {
+class Ze {
   constructor(n = {}) {
-    this.options = { ...Zt, ...n };
+    this.options = { ...Qt, ...n };
   }
   /**
    * Render an artboard
@@ -2079,10 +2079,10 @@ class Je {
    * Renders preset color as base layer, then texture on top
    */
   renderTextureBackground(n, e) {
-    const t = dn.getTexture(e.backgroundTexture), a = dn.getTexturePresetColor(e.backgroundTexture);
+    const t = cn.getTexture(e.backgroundTexture), a = cn.getTexturePresetColor(e.backgroundTexture);
     if (n.fillStyle = a, n.fillRect(e.x, e.y, e.width, e.height), !t || !t.complete) {
-      dn.loadTexture(e.backgroundTexture).catch((r) => {
-        ie.error("Failed to load texture:", r);
+      cn.loadTexture(e.backgroundTexture).catch((r) => {
+        oe.error("Failed to load texture:", r);
       });
       return;
     }
@@ -2103,7 +2103,7 @@ class Je {
    * Render artboard border (respects clipShape and borderRadius option)
    */
   renderBorder(n, e, t) {
-    const { x: a, y: r, width: s, height: o, clipShape: l } = e, c = this.options.borderColor || mt(), d = this.options.selectedBorderColor || en();
+    const { x: a, y: r, width: s, height: o, clipShape: l } = e, c = this.options.borderColor || yt(), d = this.options.selectedBorderColor || en();
     if (n.strokeStyle = t ? d : c, n.lineWidth = t ? this.options.selectedBorderWidth : this.options.borderWidth, n.beginPath(), !l || l === "rectangle")
       if (this.options.borderRadius > 0) {
         const f = Math.min(this.options.borderRadius, Math.min(s, o) / 2);
@@ -2122,7 +2122,7 @@ class Je {
         n.save(), n.translate(a, r), n.stroke(f), n.restore();
         return;
       } catch (f) {
-        ie.warn("Invalid SVG path for border, falling back to rectangle:", f), n.rect(a, r, s, o);
+        oe.warn("Invalid SVG path for border, falling back to rectangle:", f), n.rect(a, r, s, o);
       }
     n.stroke();
   }
@@ -2132,7 +2132,7 @@ class Je {
   renderLabel(n, e, t) {
     const a = this.options.labelFontSize, r = this.options.labelPadding, s = `${e.name} (${Math.round(e.width)} × ${Math.round(e.height)})`, o = e.x, l = e.y - r;
     n.font = `${a}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`;
-    const c = this.options.selectedBorderColor || en(), d = this.options.labelColor || yt();
+    const c = this.options.selectedBorderColor || en(), d = this.options.labelColor || xt();
     n.fillStyle = t ? c : d, n.textAlign = "left", n.textBaseline = "bottom", n.fillText(s, o, l);
   }
   /**
@@ -2176,7 +2176,7 @@ class Je {
         n.translate(t, a), n.clip(l), n.translate(-t, -a);
         return;
       } catch (l) {
-        ie.warn("Invalid SVG path, falling back to rectangle:", l), n.rect(t, a, r, s);
+        oe.warn("Invalid SVG path, falling back to rectangle:", l), n.rect(t, a, r, s);
       }
     n.clip();
   }
@@ -2235,7 +2235,7 @@ class Je {
    * Use this when exporting to ensure preview background is never included
    */
   static createForExport(n = {}) {
-    return new Je({
+    return new Ze({
       ...n,
       showPreviewBackground: !1
       // CRITICAL: Never show preview in exports
@@ -2248,42 +2248,42 @@ class Je {
     return !!(this.options.showPreviewBackground && n.previewBackgroundColor && n.previewBackgroundColor !== "transparent");
   }
 }
-function rr(i) {
-  return i instanceof xt;
-}
-function Qt(i) {
-  return i instanceof Nn;
+function sr(i) {
+  return i instanceof $t;
 }
-function oe(i) {
-  return i instanceof Ge;
+function na(i) {
+  return i instanceof Un;
 }
-function sr(i) {
-  return i instanceof je;
+function le(i) {
+  return i instanceof Ve;
 }
 function ir(i) {
-  return i instanceof Ve;
+  return i instanceof Xe;
 }
-function $e(i, n, e = {}) {
+function or(i) {
+  return i instanceof je;
+}
+function ve(i, n, e = {}) {
   const t = e.mode || "both";
   switch (i.save(), i.translate(n.x || 0, n.y || 0), i.rotate(-(n.rotation || 0) * Math.PI / 180), n.transformType) {
     case "image":
-      ea(i, n, t, e);
+      ta(i, n, t, e);
       break;
     case "shape":
-      ta(i, n, t, e);
+      aa(i, n, t, e);
       break;
     case "group":
       break;
     default:
-      na(i, n, t, e);
+      ea(i, n, t, e);
       break;
   }
   i.restore();
 }
-function na(i, n, e, t) {
+function ea(i, n, e, t) {
   var s;
   const a = n, r = a.text || "";
-  r && ((e === "stroke" || e === "both") && ((s = n.stroke) != null && s.enabled) && (i.save(), $t(i, n, { ...t.renderingContext, positionApplied: !0 }), i.restore()), (e === "fill" || e === "both") && (i.save(), vt(i, {
+  r && ((e === "stroke" || e === "both") && ((s = n.stroke) != null && s.enabled) && (i.save(), vt(i, n, { ...t.renderingContext, positionApplied: !0 }), i.restore()), (e === "fill" || e === "both") && (i.save(), wt(i, {
     text: r,
     fontSize: a.fontSize || 24,
     fontFamily: a.fontFamily || "Arial",
@@ -2293,12 +2293,12 @@ function na(i, n, e, t) {
     color: a.color || "#000000"
   }), i.restore()));
 }
-function ea(i, n, e, t) {
+function ta(i, n, e, t) {
   var r;
   if (!n.transformData) return;
   const a = n.transformData;
   if (e === "fill" || e === "both")
-    if (oa(i, n), t.loadedImage) {
+    if (la(i, n), t.loadedImage) {
       i.save(), i.clip();
       const s = a.flipHorizontal ? -1 : 1, o = a.flipVertical ? -1 : 1;
       i.scale(s, o);
@@ -2306,34 +2306,34 @@ function ea(i, n, e, t) {
       i.drawImage(t.loadedImage, -l / 2, -c / 2, l, c), i.restore();
     } else
       i.fillStyle = "#cccccc", i.fill();
-  (e === "stroke" || e === "both") && ((r = n.stroke) != null && r.enabled) && (i.save(), wt(i, n, t.renderingContext), i.restore());
+  (e === "stroke" || e === "both") && ((r = n.stroke) != null && r.enabled) && (i.save(), St(i, n, t.renderingContext), i.restore());
 }
-function ta(i, n, e, t) {
+function aa(i, n, e, t) {
   var s, o;
   if (!n.transformData) return;
   const a = n.transformData, r = ((s = t.renderingContext) == null ? void 0 : s.isKnockout) === !0;
-  i.beginPath(), Ze(i, a), (e === "fill" || e === "both") && (i.fillStyle = r ? "#000000" : a.fillColor || "#3b82f6", i.globalAlpha = r ? 1 : a.fillOpacity ?? 1, i.fill()), (e === "stroke" || e === "both") && ((o = n.stroke) != null && o.enabled) && (i.save(), ia(i, n, t.renderingContext), i.restore());
+  i.beginPath(), Qe(i, a), (e === "fill" || e === "both") && (i.fillStyle = r ? "#000000" : a.fillColor || "#3b82f6", i.globalAlpha = r ? 1 : a.fillOpacity ?? 1, i.fill()), (e === "stroke" || e === "both") && ((o = n.stroke) != null && o.enabled) && (i.save(), oa(i, n, t.renderingContext), i.restore());
 }
-function Ze(i, n) {
+function Qe(i, n) {
   const { shapeType: e } = n, t = n.width ?? 100, a = n.height ?? 100;
   switch (e) {
     case "rectangle":
-      Ae(i, n, t, a);
+      Pe(i, n, t, a);
       break;
     case "circle":
-      aa(i, Math.min(t, a) / 2);
+      ra(i, Math.min(t, a) / 2);
       break;
     case "ellipse":
-      ra(i, t / 2, a / 2);
+      sa(i, t / 2, a / 2);
       break;
     case "star":
-      sa(i, n, Math.min(t, a) / 2);
+      ia(i, n, Math.min(t, a) / 2);
       break;
     default:
-      Ae(i, n, t, a);
+      Pe(i, n, t, a);
   }
 }
-function Ae(i, n, e, t) {
+function Pe(i, n, e, t) {
   const a = n.borderRadius || 0, r = -e / 2, s = -t / 2;
   if (a > 0) {
     const o = Math.min(a / 100 * Math.min(e, t), e / 2, t / 2);
@@ -2341,13 +2341,13 @@ function Ae(i, n, e, t) {
   } else
     i.rect(r, s, e, t);
 }
-function aa(i, n) {
+function ra(i, n) {
   i.arc(0, 0, n, 0, Math.PI * 2);
 }
-function ra(i, n, e) {
+function sa(i, n, e) {
   i.ellipse(0, 0, n, e, 0, 0, Math.PI * 2);
 }
-function sa(i, n, e) {
+function ia(i, n, e) {
   const t = Math.max(3, Math.min(20, n.points || 5)), a = Math.max(0.1, Math.min(0.9, n.innerRadius || 0.4)), r = e * a, s = Math.PI / t, o = -Math.PI / 2;
   for (let l = 0; l < t * 2; l++) {
     const c = o + s * l, d = l % 2 === 0 ? e : r, f = Math.cos(c) * d, h = Math.sin(c) * d;
@@ -2355,13 +2355,13 @@ function sa(i, n, e) {
   }
   i.closePath();
 }
-function ia(i, n, e) {
+function oa(i, n, e) {
   var a;
   if (!((a = n.stroke) != null && a.enabled) || !n.transformData) return;
   const t = (e == null ? void 0 : e.isKnockout) === !0;
-  i.save(), t ? (i.strokeStyle = "#000000", i.lineWidth = n.stroke.width, i.lineCap = n.stroke.lineCap || "butt", i.lineJoin = n.stroke.lineJoin || "miter", i.globalAlpha = 1) : (i.strokeStyle = n.stroke.color, i.lineWidth = n.stroke.width, i.lineCap = n.stroke.lineCap || "butt", i.lineJoin = n.stroke.lineJoin || "miter", n.stroke.opacity !== void 0 && (i.globalAlpha = n.stroke.opacity)), n.stroke.miterLimit !== void 0 && (i.miterLimit = n.stroke.miterLimit), n.stroke.dashArray && n.stroke.dashArray.length > 0 && i.setLineDash(n.stroke.dashArray), !t && n.stroke.feather && n.stroke.feather > 0 && "filter" in i && (i.filter = `blur(${n.stroke.feather}px)`), i.beginPath(), Ze(i, n.transformData), i.stroke(), i.restore();
+  i.save(), t ? (i.strokeStyle = "#000000", i.lineWidth = n.stroke.width, i.lineCap = n.stroke.lineCap || "butt", i.lineJoin = n.stroke.lineJoin || "miter", i.globalAlpha = 1) : (i.strokeStyle = n.stroke.color, i.lineWidth = n.stroke.width, i.lineCap = n.stroke.lineCap || "butt", i.lineJoin = n.stroke.lineJoin || "miter", n.stroke.opacity !== void 0 && (i.globalAlpha = n.stroke.opacity)), n.stroke.miterLimit !== void 0 && (i.miterLimit = n.stroke.miterLimit), n.stroke.dashArray && n.stroke.dashArray.length > 0 && i.setLineDash(n.stroke.dashArray), !t && n.stroke.feather && n.stroke.feather > 0 && "filter" in i && (i.filter = `blur(${n.stroke.feather}px)`), i.beginPath(), Qe(i, n.transformData), i.stroke(), i.restore();
 }
-function oa(i, n) {
+function la(i, n) {
   if (!n.transformData) return;
   const { borderRadius: e } = n.transformData, t = n.transformData.width ?? 100, a = n.transformData.height ?? 100, r = -t / 2, s = -a / 2;
   if (i.beginPath(), e && e > 0) {
@@ -2370,7 +2370,7 @@ function oa(i, n) {
   } else
     i.rect(r, s, t, a);
 }
-function Xn(i, n, e, t, a, r, s = "destination-out") {
+function qn(i, n, e, t, a, r, s = "destination-out") {
   var $;
   if (!n.knockoutParts) return;
   if (!(n.knockoutParts.fill || n.knockoutParts.stroke)) {
@@ -2379,21 +2379,21 @@ function Xn(i, n, e, t, a, r, s = "destination-out") {
   }
   const l = i.getTransform();
   i.save();
-  const c = n.knockoutParts.scope || "group", d = la(n, c, e);
+  const c = n.knockoutParts.scope || "group", d = ca(n, c, e);
   if (d.length === 0 && c === "artboard") {
-    da(i, n, t), i.restore();
+    fa(i, n, t), i.restore();
     return;
   }
   if (d.length === 0) {
     t(i, n), i.restore();
     return;
   }
-  const f = i.canvas, u = i.getTransform().a, g = fa(f.width, f.height), m = g.getContext("2d");
+  const f = i.canvas, u = i.getTransform().a, g = ua(f.width, f.height), m = g.getContext("2d");
   if (!m) return;
   m.scale(u, u), a && r && (m.fillStyle = a, m.fillRect(r.x, r.y, r.width, r.height));
   for (const x of d)
     t(m, x);
-  n.knockoutParts.fill && !n.knockoutParts.stroke && (($ = n.stroke) != null && $.enabled) && (m.save(), ue(m, n), m.restore()), m.save(), m.globalCompositeOperation = s, n.knockoutParts.fill && fe(m, n), n.knockoutParts.stroke && ue(m, n), m.restore(), n.knockoutParts.fill || (m.save(), fe(m, n), m.restore());
+  n.knockoutParts.fill && !n.knockoutParts.stroke && (($ = n.stroke) != null && $.enabled) && (m.save(), he(m, n), m.restore()), m.save(), m.globalCompositeOperation = s, n.knockoutParts.fill && ue(m, n), n.knockoutParts.stroke && he(m, n), m.restore(), n.knockoutParts.fill || (m.save(), ue(m, n), m.restore());
   const p = f.width / u, y = f.height / u;
   i.drawImage(g, 0, 0, p, y), i.restore();
   const b = i.getTransform();
@@ -2406,59 +2406,59 @@ function Xn(i, n, e, t, a, r, s = "destination-out") {
     l.f
   );
 }
-function or(i, n, e, t, a, r) {
-  Xn(i, n, e, t, a, r, "destination-out");
+function lr(i, n, e, t, a, r) {
+  qn(i, n, e, t, a, r, "destination-out");
 }
-function la(i, n, e) {
-  return n === "artboard" ? Qe(i, e) : ca(i, e);
+function ca(i, n, e) {
+  return n === "artboard" ? nt(i, e) : da(i, e);
 }
-function Qe(i, n) {
+function nt(i, n) {
   const e = n.findIndex((t) => t.id === i.id);
   return e === -1 ? [] : n.slice(0, e);
 }
-function ca(i, n) {
-  const e = nt(i, n);
+function da(i, n) {
+  const e = et(i, n);
   if (!e)
-    return Qe(i, n);
+    return nt(i, n);
   if (e.transformType !== "group" || !e.children)
     return [];
   const t = e.children.findIndex((a) => a.id === i.id);
   return t === -1 ? [] : e.children.slice(0, t);
 }
-function nt(i, n) {
+function et(i, n) {
   for (const e of n)
     if (e.transformType === "group" && e.children) {
       if (e.children.some((a) => a.id === i.id))
         return e;
-      const t = nt(i, e.children);
+      const t = et(i, e.children);
       if (t)
         return t;
     }
   return null;
 }
-function fe(i, n, e) {
-  $e(i, n, {
+function ue(i, n, e) {
+  ve(i, n, {
     mode: "fill",
     renderingContext: { isKnockout: !0 }
   });
 }
-function ue(i, n) {
+function he(i, n) {
   var e;
-  (e = n.stroke) != null && e.enabled && $e(i, n, {
+  (e = n.stroke) != null && e.enabled && ve(i, n, {
     mode: "stroke",
     renderingContext: { isKnockout: !0 }
   });
 }
-function da(i, n, e) {
+function fa(i, n, e) {
   var a;
   const t = n.knockoutParts;
   if (!t) {
     e(i, n);
     return;
   }
-  t.fill || (i.save(), fe(i, n), i.restore()), !t.stroke && ((a = n.stroke) != null && a.enabled) && (i.save(), ue(i, n), i.restore());
+  t.fill || (i.save(), ue(i, n), i.restore()), !t.stroke && ((a = n.stroke) != null && a.enabled) && (i.save(), he(i, n), i.restore());
 }
-function fa(i, n) {
+function ua(i, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(i, n);
   if (typeof document < "u") {
@@ -2467,7 +2467,7 @@ function fa(i, n) {
   }
   throw new Error("No canvas context available");
 }
-function Pe(i, n, e, t, a = 0) {
+function Ie(i, n, e, t, a = 0) {
   if (e <= 0 || t <= 0 || i <= 0 || n <= 0)
     return { width: i + a, height: n + a };
   const r = e / t, s = i / n;
@@ -2477,11 +2477,11 @@ function Pe(i, n, e, t, a = 0) {
     height: l + a
   };
 }
-const Rn = 64, le = 512;
-function ua(i, n) {
+const Fn = 64, ce = 512;
+function ha(i, n) {
   i.beginPath(), i.arc(n / 2, n / 2, n * 0.45, 0, Math.PI * 2), i.fill();
 }
-function ha(i, n) {
+function pa(i, n) {
   const e = n / 2, t = n / 2, a = n * 0.45, r = a * 0.4, s = 5;
   i.beginPath();
   for (let o = 0; o < s * 2; o++) {
@@ -2490,15 +2490,15 @@ function ha(i, n) {
   }
   i.closePath(), i.fill();
 }
-function pa(i, n) {
+function ga(i, n) {
   const e = n / 2, t = n * 0.42;
   i.beginPath(), i.moveTo(e, n * 0.82), i.bezierCurveTo(e - t * 1.1, n * 0.6, e - t * 1.3, n * 0.2, e, n * 0.35), i.bezierCurveTo(e + t * 1.3, n * 0.2, e + t * 1.1, n * 0.6, e, n * 0.82), i.closePath(), i.fill();
 }
-function ga(i, n) {
+function ba(i, n) {
   const e = n / 2, t = n / 2, a = n * 0.4, r = n * 0.48;
   i.beginPath(), i.moveTo(e, t - r), i.lineTo(e + a, t), i.lineTo(e, t + r), i.lineTo(e - a, t), i.closePath(), i.fill();
 }
-function ba(i, n) {
+function ma(i, n) {
   const e = n / 2, t = n / 2, a = n * 0.44;
   i.beginPath();
   for (let r = 0; r < 6; r++) {
@@ -2507,11 +2507,11 @@ function ba(i, n) {
   }
   i.closePath(), i.fill();
 }
-function ma(i, n) {
+function ya(i, n) {
   const e = n / 2, t = n * 0.4, a = n * 0.12;
   i.beginPath(), i.moveTo(e, a), i.lineTo(e + t, n * 0.25), i.lineTo(e + t, n * 0.55), i.quadraticCurveTo(e + t * 0.3, n * 0.8, e, n * 0.9), i.quadraticCurveTo(e - t * 0.3, n * 0.8, e - t, n * 0.55), i.lineTo(e - t, n * 0.25), i.closePath(), i.fill();
 }
-function ya(i, n) {
+function xa(i, n) {
   const e = n / 2, t = n / 2;
   let a = 42;
   const r = () => (a = (a * 16807 + 0) % 2147483647, a / 2147483647);
@@ -2521,7 +2521,7 @@ function ya(i, n) {
     i.beginPath(), i.arc(e + Math.cos(o) * l, t + Math.sin(o) * l, c, 0, Math.PI * 2), i.fill();
   }
 }
-function xa(i, n) {
+function $a(i, n) {
   let e = 123;
   const t = () => (e = (e * 16807 + 0) % 2147483647, e / 2147483647), a = n * 0.08, r = 40;
   i.beginPath(), i.moveTo(a, a);
@@ -2543,7 +2543,7 @@ function xa(i, n) {
   }
   i.closePath(), i.fill();
 }
-function $a(i, n) {
+function va(i, n) {
   let e = 77;
   const t = () => (e = (e * 16807 + 0) % 2147483647, e / 2147483647), a = n * 0.25, r = n * 0.75, s = n * 0.1;
   i.beginPath(), i.moveTo(s, a + t() * n * 0.05);
@@ -2557,101 +2557,101 @@ function $a(i, n) {
   }
   i.closePath(), i.fill();
 }
-function va(i, n) {
+function wa(i, n) {
   const e = n / 2, t = n * 0.55;
   i.beginPath(), i.arc(e, t, n * 0.2, 0, Math.PI * 2), i.fill(), i.beginPath(), i.arc(e - n * 0.18, t + n * 0.02, n * 0.15, 0, Math.PI * 2), i.fill(), i.beginPath(), i.arc(e + n * 0.18, t + n * 0.02, n * 0.16, 0, Math.PI * 2), i.fill(), i.beginPath(), i.arc(e - n * 0.06, t - n * 0.14, n * 0.14, 0, Math.PI * 2), i.fill(), i.beginPath(), i.arc(e + n * 0.1, t - n * 0.12, n * 0.12, 0, Math.PI * 2), i.fill();
 }
-const wa = [
+const Sa = [
   // Geometric
-  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: ua },
-  { id: "star", name: "Star", description: "5-pointed star", imageUrl: "builtin-mask:star", thumbnailUrl: "", category: "geometric", draw: ha },
-  { id: "heart", name: "Heart", description: "Heart shape", imageUrl: "builtin-mask:heart", thumbnailUrl: "", category: "geometric", draw: pa },
-  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: ga },
-  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: ba },
-  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: ma },
+  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: ha },
+  { id: "star", name: "Star", description: "5-pointed star", imageUrl: "builtin-mask:star", thumbnailUrl: "", category: "geometric", draw: pa },
+  { id: "heart", name: "Heart", description: "Heart shape", imageUrl: "builtin-mask:heart", thumbnailUrl: "", category: "geometric", draw: ga },
+  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: ba },
+  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: ma },
+  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: ya },
   // Organic
-  { id: "splatter", name: "Splatter", description: "Ink splatter", imageUrl: "builtin-mask:splatter", thumbnailUrl: "", category: "organic", draw: ya },
-  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: xa },
-  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: $a },
-  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: va }
+  { id: "splatter", name: "Splatter", description: "Ink splatter", imageUrl: "builtin-mask:splatter", thumbnailUrl: "", category: "organic", draw: xa },
+  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: $a },
+  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: va },
+  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: wa }
 ];
-let Ie = !1;
-function De(i, n) {
+let De = !1;
+function Re(i, n) {
   if (typeof document > "u") return null;
   const e = document.createElement("canvas");
   return e.width = i, e.height = n, e;
 }
-function Sa() {
-  if (typeof document > "u" || Ie) return;
-  Ie = !0;
-  const i = Qn.getInstance();
-  for (const n of wa) {
-    const e = De(le, le);
+function Ca() {
+  if (typeof document > "u" || De) return;
+  De = !0;
+  const i = ne.getInstance();
+  for (const n of Sa) {
+    const e = Re(ce, ce);
     if (!e) continue;
     const t = e.getContext("2d");
     if (!t) continue;
-    t.fillStyle = "white", n.draw(t, le);
+    t.fillStyle = "white", n.draw(t, ce);
     const a = e.toDataURL("image/png"), r = i.acquire(n.imageUrl);
     r.crossOrigin = "anonymous", r.src = a;
-    const s = De(Rn, Rn);
+    const s = Re(Fn, Fn);
     if (s) {
       const o = s.getContext("2d");
-      o && (o.fillStyle = "#1a1a2e", o.fillRect(0, 0, Rn, Rn), o.fillStyle = "white", n.draw(o, Rn), n.thumbnailUrl = s.toDataURL("image/png"));
+      o && (o.fillStyle = "#1a1a2e", o.fillRect(0, 0, Fn, Fn), o.fillStyle = "white", n.draw(o, Fn), n.thumbnailUrl = s.toDataURL("image/png"));
     }
   }
 }
-const Ca = yn("MaskRenderer"), he = /* @__PURE__ */ new Map(), ka = /* @__PURE__ */ new Map();
-function lr(i) {
+const ka = xn("MaskRenderer"), pe = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map();
+function cr(i) {
   const n = [];
-  he.forEach((e, t) => {
+  pe.forEach((e, t) => {
     t.startsWith(i) && n.push(t);
-  }), n.forEach((e) => he.delete(e));
+  }), n.forEach((e) => pe.delete(e));
 }
-function cr() {
-  he.clear();
+function dr() {
+  pe.clear();
 }
-function En(i, n, e) {
+function An(i, n, e) {
   if (!n.masks || n.masks.length === 0) {
     e(i);
     return;
   }
-  const t = i.canvas, a = qn(t.width, t.height), r = a.getContext("2d");
+  const t = i.canvas, a = Yn(t.width, t.height), r = a.getContext("2d");
   if (!r) {
-    Ca.error("[renderWithMasks] Failed to get offscreen context");
+    ka.error("[renderWithMasks] Failed to get offscreen context");
     return;
   }
   const s = i.getTransform();
   r.setTransform(s), e(r);
   for (const o of n.masks)
-    Ta(r, o, n);
+    _a(r, o, n);
   i.save(), i.setTransform(1, 0, 0, 1, 0, 0), i.drawImage(a, 0, 0), i.restore();
 }
-function Ta(i, n, e) {
+function _a(i, n, e) {
   switch (n.type) {
     case "clip":
-      _a(i, n, e);
+      Ea(i, n, e);
       break;
     case "alpha":
-      Ea(i, n, e);
+      Aa(i, n, e);
       break;
     case "luma":
-      Aa(i, n, e);
+      Pa(i, n, e);
       break;
     case "distress":
-      Pa(i, n, e);
+      Ia(i, n, e);
       break;
   }
 }
-function _a(i, n, e) {
-  i.save(), i.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (i.globalAlpha = n.opacity), ne(i, n.maskElement, e), i.restore();
-}
 function Ea(i, n, e) {
-  i.save(), i.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (i.globalAlpha = n.opacity), ne(i, n.maskElement, e), n.feather && n.feather > 0 && et(i, n.feather), i.restore();
+  i.save(), i.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (i.globalAlpha = n.opacity), ee(i, n.maskElement, e), i.restore();
 }
 function Aa(i, n, e) {
-  const t = qn(i.canvas.width, i.canvas.height), a = t.getContext("2d");
+  i.save(), i.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (i.globalAlpha = n.opacity), ee(i, n.maskElement, e), n.feather && n.feather > 0 && tt(i, n.feather), i.restore();
+}
+function Pa(i, n, e) {
+  const t = Yn(i.canvas.width, i.canvas.height), a = t.getContext("2d");
   if (!a) return;
-  ne(a, n.maskElement, e);
+  ee(a, n.maskElement, e);
   const r = a.getImageData(0, 0, t.width, t.height), s = r.data;
   for (let o = 0; o < s.length; o += 4) {
     const l = s[o], c = s[o + 1], d = s[o + 2], f = 0.299 * l + 0.587 * c + 0.114 * d;
@@ -2659,10 +2659,10 @@ function Aa(i, n, e) {
   }
   a.putImageData(r, 0, 0), i.save(), i.globalCompositeOperation = "destination-in", n.opacity !== void 0 && (i.globalAlpha = n.opacity), i.drawImage(t, 0, 0), i.restore();
 }
-function Pa(i, n, e) {
-  i.save(), i.globalCompositeOperation = n.inverted ? "destination-in" : "destination-out", n.opacity !== void 0 && (i.globalAlpha = n.opacity), ne(i, n.maskElement, e), n.feather && n.feather > 0 && et(i, n.feather), i.restore();
+function Ia(i, n, e) {
+  i.save(), i.globalCompositeOperation = n.inverted ? "destination-in" : "destination-out", n.opacity !== void 0 && (i.globalAlpha = n.opacity), ee(i, n.maskElement, e), n.feather && n.feather > 0 && tt(i, n.feather), i.restore();
 }
-function ne(i, n, e) {
+function ee(i, n, e) {
   const t = e.x || 0, a = e.y || 0, r = n.x || 0, s = n.y || 0, o = {
     ...n,
     x: t + r,
@@ -2680,18 +2680,18 @@ function ne(i, n, e) {
     const x = n;
     if (x.imageUrl)
       if (typeof document < "u") {
-        x.imageUrl.startsWith("builtin-mask:") && Sa();
-        const w = Qn.getInstance(), v = w.acquire(x.imageUrl);
+        x.imageUrl.startsWith("builtin-mask:") && Ca();
+        const w = ne.getInstance(), v = w.acquire(x.imageUrl);
         v.complete && v.naturalWidth > 0 && (g = v), w.release(x.imageUrl);
       } else
-        m = ka.get(x.imageUrl);
+        m = Ta.get(x.imageUrl);
   }
   const p = o.transformData, y = (u == null ? void 0 : u.width) || 0, b = (u == null ? void 0 : u.height) || 0, $ = y > 0 && b > 0 && f > 0 && h > 0 && Math.abs(y / b - f / h) > 1e-3;
   if (m) {
     i.save();
     const x = (p == null ? void 0 : p.width) || m.width, w = (p == null ? void 0 : p.height) || m.height;
     if (i.translate(o.x || 0, o.y || 0), i.rotate(-(o.rotation || 0) * Math.PI / 180), $) {
-      const v = Pe(
+      const v = Ie(
         x,
         w,
         y,
@@ -2703,7 +2703,7 @@ function ne(i, n, e) {
       i.drawImage(m, -x / 2, -w / 2, x, w);
     i.restore();
   } else if ($ && g) {
-    const x = (p == null ? void 0 : p.width) || f, w = (p == null ? void 0 : p.height) || h, v = Pe(
+    const x = (p == null ? void 0 : p.width) || f, w = (p == null ? void 0 : p.height) || h, v = Ie(
       x,
       w,
       y,
@@ -2712,12 +2712,12 @@ function ne(i, n, e) {
     );
     i.save(), i.translate(o.x || 0, o.y || 0), i.rotate(-(o.rotation || 0) * Math.PI / 180), i.drawImage(g, -v.width / 2, -v.height / 2, v.width, v.height), i.restore();
   } else
-    $e(i, o, { mode: "both", loadedImage: g });
+    ve(i, o, { mode: "both", loadedImage: g });
 }
-function et(i, n) {
+function tt(i, n) {
   "filter" in i && (i.filter = `blur(${n}px)`);
 }
-function qn(i, n) {
+function Yn(i, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(i, n);
   if (typeof document < "u") {
@@ -2726,9 +2726,9 @@ function qn(i, n) {
   }
   throw new Error("No canvas context available");
 }
-function tt(i, n, e, t) {
+function at(i, n, e, t) {
   if (!n.enabled || !n.imageUrl || n.opacity <= 0) return;
-  const a = Qn.getInstance(), r = a.acquire(n.imageUrl);
+  const a = ne.getInstance(), r = a.acquire(n.imageUrl);
   if (!r.complete || r.naturalWidth === 0) {
     a.release(n.imageUrl);
     return;
@@ -2738,7 +2738,7 @@ function tt(i, n, e, t) {
     a.release(n.imageUrl);
     return;
   }
-  const y = qn(m, p), b = y.getContext("2d");
+  const y = Yn(m, p), b = y.getContext("2d");
   if (!b) {
     a.release(n.imageUrl);
     return;
@@ -2756,7 +2756,7 @@ function tt(i, n, e, t) {
   );
   let $;
   if (n.maskType === "luma" ? $ = "destination-in" : $ = n.inverted ? "destination-out" : "destination-in", n.maskType === "luma") {
-    const x = qn(m, p), w = x.getContext("2d");
+    const x = Yn(m, p), w = x.getContext("2d");
     if (w) {
       w.drawImage(r, 0, 0, m, p);
       const v = w.getImageData(0, 0, m, p), S = v.data;
@@ -2770,7 +2770,7 @@ function tt(i, n, e, t) {
     b.globalCompositeOperation = $, b.globalAlpha = n.opacity / 100, b.drawImage(r, 0, 0, m, p);
   b.globalCompositeOperation = "source-over", b.globalAlpha = 1, i.save(), i.setTransform(1, 0, 0, 1, 0, 0), i.clearRect(f, h, u, g), t && (i.fillStyle = t, i.fillRect(f, h, u, g)), i.drawImage(y, f, h), i.restore(), a.release(n.imageUrl);
 }
-class Ia {
+class Da {
   constructor(n = Math.random()) {
     this.perm = [];
     for (let t = 0; t < 256; t++)
@@ -2808,8 +2808,8 @@ class Ia {
     );
   }
 }
-function ce(i, n, e, t = Date.now()) {
-  const s = ee(i, n).getContext("2d").createImageData(i, n), o = s.data, l = new Ia(t), c = 0.02, d = 1 - e / 100;
+function de(i, n, e, t = Date.now()) {
+  const s = te(i, n).getContext("2d").createImageData(i, n), o = s.data, l = new Da(t), c = 0.02, d = 1 - e / 100;
   for (let f = 0; f < n; f++)
     for (let h = 0; h < i; h++) {
       const u = (f * i + h) * 4;
@@ -2822,30 +2822,30 @@ function ce(i, n, e, t = Date.now()) {
     }
   return s;
 }
-function Da(i, n, e, t = Date.now()) {
-  const r = ee(i, n).getContext("2d");
+function Ra(i, n, e, t = Date.now()) {
+  const r = te(i, n).getContext("2d");
   r.clearRect(0, 0, i, n), r.strokeStyle = "#000000", r.lineWidth = 1 + e / 50, r.lineCap = "round";
-  const s = ve(t), o = Math.floor(e / 100 * 30 + 5);
+  const s = we(t), o = Math.floor(e / 100 * 30 + 5);
   for (let l = 0; l < o; l++) {
     const c = s() * i, d = s() * n;
-    pe(r, c, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
+    ge(r, c, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
   }
   return r.getImageData(0, 0, i, n);
 }
-function pe(i, n, e, t, a, r, s) {
+function ge(i, n, e, t, a, r, s) {
   if (s > 3 || a < 10) return;
   const o = n + Math.cos(t) * a, l = e + Math.sin(t) * a;
   if (i.beginPath(), i.moveTo(n, e), i.lineTo(o, l), i.stroke(), r() > 0.5) {
     const c = t + (r() - 0.5) * Math.PI / 2;
-    pe(i, o, l, c, a * 0.6, r, s + 1);
+    ge(i, o, l, c, a * 0.6, r, s + 1);
   }
   if (r() > 0.7) {
     const c = t - (r() - 0.5) * Math.PI / 2;
-    pe(i, o, l, c, a * 0.6, r, s + 1);
+    ge(i, o, l, c, a * 0.6, r, s + 1);
   }
 }
-function Vn(i, n, e, t = Date.now()) {
-  const s = ee(i, n).getContext("2d").createImageData(i, n), o = s.data, l = ve(t), c = e / 100 * 0.5;
+function jn(i, n, e, t = Date.now()) {
+  const s = te(i, n).getContext("2d").createImageData(i, n), o = s.data, l = we(t), c = e / 100 * 0.5;
   for (let d = 0; d < n; d++)
     for (let f = 0; f < i; f++) {
       const h = (d * i + f) * 4, g = l() < c ? 255 : 0;
@@ -2853,10 +2853,10 @@ function Vn(i, n, e, t = Date.now()) {
     }
   return s;
 }
-function Ra(i, n, e, t = Date.now()) {
-  const r = ee(i, n).getContext("2d");
+function Fa(i, n, e, t = Date.now()) {
+  const r = te(i, n).getContext("2d");
   r.fillStyle = "#000000";
-  const s = ve(t), o = 4 + e / 100 * 6, l = o * 2;
+  const s = we(t), o = 4 + e / 100 * 6, l = o * 2;
   for (let c = 0; c < n; c += l)
     for (let d = 0; d < i; d += l)
       if (s() < e / 100) {
@@ -2865,7 +2865,7 @@ function Ra(i, n, e, t = Date.now()) {
       }
   return r.getImageData(0, 0, i, n);
 }
-function ee(i, n) {
+function te(i, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(i, n);
   if (typeof document < "u") {
@@ -2874,31 +2874,31 @@ function ee(i, n) {
   }
   throw new Error("No canvas context available");
 }
-function ve(i) {
+function we(i) {
   let n = Math.sin(i++) * 1e4;
   return () => (n = Math.sin(i++) * 1e4, n - Math.floor(n));
 }
-const cn = 42, kn = 512, Tn = 64;
-function ge(i) {
+const ln = 42, Tn = 512, _n = 64;
+function be(i) {
   const n = i.data;
   for (let e = 0; e < n.length; e += 4)
     n[e] = 255, n[e + 1] = 255, n[e + 2] = 255;
   return i;
 }
-function Fa(i, n) {
+function Ma(i, n) {
   const e = i.data, t = n.data;
   for (let a = 0; a < e.length; a += 4)
     e[a] = 255, e[a + 1] = 255, e[a + 2] = 255, e[a + 3] = Math.min(255, e[a + 3] + t[a + 3]);
   return i;
 }
-const Ma = [
+const Oa = [
   {
     id: "grunge-heavy",
     name: "Heavy Grunge",
     textureUrl: "builtin:grunge-heavy",
     thumbnailUrl: "",
     description: "Dense random splatters",
-    generate: (i, n) => Vn(i, n, 80, cn)
+    generate: (i, n) => jn(i, n, 80, ln)
   },
   {
     id: "grunge-fine",
@@ -2906,7 +2906,7 @@ const Ma = [
     textureUrl: "builtin:grunge-fine",
     thumbnailUrl: "",
     description: "Sparse fine grain",
-    generate: (i, n) => Vn(i, n, 25, cn + 1)
+    generate: (i, n) => jn(i, n, 25, ln + 1)
   },
   {
     id: "concrete",
@@ -2914,7 +2914,7 @@ const Ma = [
     textureUrl: "builtin:concrete",
     thumbnailUrl: "",
     description: "Rough surface via Perlin noise",
-    generate: (i, n) => ce(i, n, 55, cn + 2)
+    generate: (i, n) => de(i, n, 55, ln + 2)
   },
   {
     id: "paper",
@@ -2922,7 +2922,7 @@ const Ma = [
     textureUrl: "builtin:paper",
     thumbnailUrl: "",
     description: "Subtle aging",
-    generate: (i, n) => ce(i, n, 20, cn + 3)
+    generate: (i, n) => de(i, n, 20, ln + 3)
   },
   {
     id: "rust",
@@ -2931,8 +2931,8 @@ const Ma = [
     thumbnailUrl: "",
     description: "Noise + splatter combined",
     generate: (i, n) => {
-      const e = ce(i, n, 45, cn + 4), t = Vn(i, n, 35, cn + 5);
-      return Fa(ge(e), ge(t));
+      const e = de(i, n, 45, ln + 4), t = jn(i, n, 35, ln + 5);
+      return Ma(be(e), be(t));
     }
   },
   {
@@ -2941,7 +2941,7 @@ const Ma = [
     textureUrl: "builtin:scratches",
     thumbnailUrl: "",
     description: "Branching crack lines",
-    generate: (i, n) => Da(i, n, 55, cn + 6)
+    generate: (i, n) => Ra(i, n, 55, ln + 6)
   },
   {
     id: "halftone",
@@ -2949,7 +2949,7 @@ const Ma = [
     textureUrl: "builtin:halftone",
     thumbnailUrl: "",
     description: "Dot grid pattern",
-    generate: (i, n) => Ra(i, n, 55, cn + 7)
+    generate: (i, n) => Fa(i, n, 55, ln + 7)
   },
   {
     id: "spray",
@@ -2957,62 +2957,62 @@ const Ma = [
     textureUrl: "builtin:spray",
     thumbnailUrl: "",
     description: "Medium random splatter",
-    generate: (i, n) => Vn(i, n, 55, cn + 8)
+    generate: (i, n) => jn(i, n, 55, ln + 8)
   }
 ];
-let Re = !1;
-function Oa(i, n) {
+let Fe = !1;
+function Ba(i, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(i, n);
   const e = document.createElement("canvas");
   return e.width = i, e.height = n, e;
 }
-function Fe(i, n) {
+function Me(i, n) {
   if (typeof document > "u") return null;
   const e = document.createElement("canvas");
   return e.width = i, e.height = n, e;
 }
-function Ba(i) {
-  const n = Fe(i.width, i.height);
+function La(i) {
+  const n = Me(i.width, i.height);
   if (!n) return "";
   const e = n.getContext("2d");
   if (!e) return "";
   e.putImageData(i, 0, 0);
-  const t = Fe(Tn, Tn);
+  const t = Me(_n, _n);
   if (!t) return "";
   const a = t.getContext("2d");
   if (!a) return "";
-  a.drawImage(n, 0, 0, i.width, i.height, 0, 0, Tn, Tn);
-  const r = a.getImageData(0, 0, Tn, Tn), s = r.data;
+  a.drawImage(n, 0, 0, i.width, i.height, 0, 0, _n, _n);
+  const r = a.getImageData(0, 0, _n, _n), s = r.data;
   for (let o = 0; o < s.length; o += 4) {
     const l = s[o + 3], c = 255 - Math.round(l / 255 * 195);
     s[o] = c, s[o + 1] = c, s[o + 2] = c, s[o + 3] = 255;
   }
   return a.putImageData(r, 0, 0), t.toDataURL("image/png");
 }
-function La() {
-  if (!Re) {
-    Re = !0;
-    for (const i of Ma) {
-      const n = i.generate(kn, kn);
-      ge(n);
-      const e = Oa(kn, kn), t = e.getContext("2d");
-      t && (t.putImageData(n, 0, 0), Na(i.textureUrl, e, kn, kn)), typeof document < "u" && (i.thumbnailUrl = Ba(n));
+function Na() {
+  if (!Fe) {
+    Fe = !0;
+    for (const i of Oa) {
+      const n = i.generate(Tn, Tn);
+      be(n);
+      const e = Ba(Tn, Tn), t = e.getContext("2d");
+      t && (t.putImageData(n, 0, 0), Ua(i.textureUrl, e, Tn, Tn)), typeof document < "u" && (i.thumbnailUrl = La(n));
     }
   }
 }
-const gn = /* @__PURE__ */ new Set(), bn = /* @__PURE__ */ new Map(), Yn = /* @__PURE__ */ new Map();
-function Me(i, n) {
+const gn = /* @__PURE__ */ new Set(), bn = /* @__PURE__ */ new Map(), Kn = /* @__PURE__ */ new Map();
+function Oe(i, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(i, n);
   const e = document.createElement("canvas");
   return e.width = i, e.height = n, e;
 }
-function Oe(i) {
+function Be(i) {
   return i.getContext("2d");
 }
-function Be(i) {
-  const { width: n, height: e } = i, t = Me(n, e), a = Oe(t);
+function Le(i) {
+  const { width: n, height: e } = i, t = Oe(n, e), a = Be(t);
   if (!a) throw new Error("Failed to get 2d context for temp canvas");
   a.drawImage(i, 0, 0);
   const r = a.getImageData(0, 0, n, e), s = r.data;
@@ -3020,67 +3020,67 @@ function Be(i) {
     const d = s[c], f = s[c + 1], h = s[c + 2], g = 255 - (0.299 * d + 0.587 * f + 0.114 * h);
     s[c] = 255, s[c + 1] = 255, s[c + 2] = 255, s[c + 3] = g;
   }
-  const o = Me(n, e), l = Oe(o);
+  const o = Oe(n, e), l = Be(o);
   if (!l) throw new Error("Failed to get 2d context for mask canvas");
   return l.putImageData(r, 0, 0), { alphaMask: o, width: n, height: e };
 }
-function at(i) {
+function rt(i) {
   const n = bn.get(i);
   if (n) return n;
   if (i.startsWith("builtin:")) {
-    La();
+    Na();
     const e = bn.get(i);
     return e || null;
   }
-  return gn.has(i) || (gn.add(i), rt(i)), null;
+  return gn.has(i) || (gn.add(i), st(i)), null;
 }
-function dr(i) {
+function fr(i) {
   return bn.has(i) ? Promise.resolve() : new Promise((n) => {
     if (bn.has(i)) {
       n();
       return;
     }
-    const e = Yn.get(i) || [];
-    e.push(n), Yn.set(i, e), gn.has(i) || (gn.add(i), rt(i));
+    const e = Kn.get(i) || [];
+    e.push(n), Kn.set(i, e), gn.has(i) || (gn.add(i), st(i));
   });
 }
-function Na(i, n, e, t) {
-  bn.has(i) || (bn.set(i, { alphaMask: n, width: e, height: t }), Mn(i));
+function Ua(i, n, e, t) {
+  bn.has(i) || (bn.set(i, { alphaMask: n, width: e, height: t }), On(i));
 }
-function Mn(i) {
-  const n = Yn.get(i);
-  n && (n.forEach((e) => e()), Yn.delete(i));
+function On(i) {
+  const n = Kn.get(i);
+  n && (n.forEach((e) => e()), Kn.delete(i));
 }
-function rt(i) {
+function st(i) {
   if (typeof document < "u") {
     const n = new Image();
     n.crossOrigin = "anonymous", n.onload = () => {
-      const e = Be(n);
-      bn.set(i, e), gn.delete(i), Mn(i);
+      const e = Le(n);
+      bn.set(i, e), gn.delete(i), On(i);
     }, n.onerror = () => {
-      gn.delete(i), Mn(i);
+      gn.delete(i), On(i);
     }, n.src = i;
   } else
     fetch(i).then((n) => n.blob()).then((n) => createImageBitmap(n)).then((n) => {
-      const e = Be(n);
-      bn.set(i, e), gn.delete(i), Mn(i);
+      const e = Le(n);
+      bn.set(i, e), gn.delete(i), On(i);
     }).catch(() => {
-      gn.delete(i), Mn(i);
+      gn.delete(i), On(i);
     });
 }
-function st(i, n) {
+function it(i, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(i, n);
   const e = document.createElement("canvas");
   return e.width = i, e.height = n, e;
 }
-function it(i, n, e, t) {
+function ot(i, n, e, t) {
   if (!n.enabled || !n.textureUrl || n.intensity <= 0) return;
-  const a = at(n.textureUrl);
+  const a = rt(n.textureUrl);
   if (!a) return;
   const { x: r, y: s, width: o, height: l } = e, c = i.getTransform(), d = c.a * r + c.e, f = c.d * s + c.f, h = c.a * o, u = c.d * l, g = Math.ceil(h), m = Math.ceil(u);
   if (g <= 0 || m <= 0) return;
-  const p = st(g, m), y = p.getContext("2d");
+  const p = it(g, m), y = p.getContext("2d");
   if (!y) return;
   y.drawImage(
     i.canvas,
@@ -3099,7 +3099,7 @@ function it(i, n, e, t) {
     for (let k = 0; k < m; k++) {
       const _ = Math.floor(k / m * v);
       for (let C = 0; C < g; C++) {
-        const P = Math.floor(C / g * w), I = x[(_ * w + P) * 4 + 3] / 255, A = (k * g + C) * 4;
+        const E = Math.floor(C / g * w), I = x[(_ * w + E) * 4 + 3] / 255, A = (k * g + C) * 4;
         T[A + 3] = Math.round(T[A + 3] * (1 - I * $));
       }
     }
@@ -3108,9 +3108,9 @@ function it(i, n, e, t) {
     y.globalCompositeOperation = "destination-out", y.globalAlpha = n.intensity / 100, y.drawImage(a.alphaMask, 0, 0, g, m), y.globalCompositeOperation = "source-over";
   y.globalAlpha = 1, i.save(), i.setTransform(1, 0, 0, 1, 0, 0), i.clearRect(d, f, h, u), t && (i.fillStyle = t, i.fillRect(d, f, h, u)), i.drawImage(p, d, f), i.restore();
 }
-function Kn(i, n, e, t) {
+function Jn(i, n, e, t) {
   if (!n.enabled || n.style !== "custom" || !n.textureUrl) return;
-  const a = at(n.textureUrl);
+  const a = rt(n.textureUrl);
   if (!a) {
     t(i);
     return;
@@ -3125,7 +3125,7 @@ function Kn(i, n, e, t) {
     t(i);
     return;
   }
-  const x = st(b, $), w = x.getContext("2d");
+  const x = it(b, $), w = x.getContext("2d");
   if (!w) {
     t(i);
     return;
@@ -3141,11 +3141,11 @@ function Kn(i, n, e, t) {
   const v = a.alphaMask.getContext("2d");
   if (v) {
     const S = v.getImageData(0, 0, a.width, a.height).data, T = a.width, k = a.height, _ = w.getImageData(0, 0, b, $), C = _.data;
-    for (let P = 0; P < $; P++) {
-      const I = Math.floor(P / $ * k);
+    for (let E = 0; E < $; E++) {
+      const I = Math.floor(E / $ * k);
       for (let A = 0; A < b; A++) {
-        const O = Math.floor(A / b * T), U = S[(I * T + O) * 4 + 3] / 255, B = (P * b + A) * 4;
-        C[B + 3] = Math.round(C[B + 3] * (1 - U * r));
+        const R = Math.floor(A / b * T), z = S[(I * T + R) * 4 + 3] / 255, O = (E * b + A) * 4;
+        C[O + 3] = Math.round(C[O + 3] * (1 - z * r));
       }
     }
     w.putImageData(_, 0, 0);
@@ -3153,7 +3153,7 @@ function Kn(i, n, e, t) {
     w.globalCompositeOperation = "destination-out", w.globalAlpha = r, w.drawImage(a.alphaMask, 0, 0, b, $), w.globalCompositeOperation = "source-over", w.globalAlpha = 1;
   i.save(), i.setTransform(1, 0, 0, 1, 0, 0), i.drawImage(x, g, m), i.restore();
 }
-class _n {
+class En {
   /**
    * Render selection box layer
    */
@@ -3178,14 +3178,14 @@ class _n {
     const s = e.getVisualBoundingBox(), o = Math.round(s.width), l = Math.round(s.height), c = `${o} × ${l}`, d = t.rotationHandle, f = d.x * r, h = d.y * r - 20;
     n.save(), n.font = "10px system-ui, -apple-system, sans-serif";
     const g = n.measureText(c).width + 12, m = 18;
-    n.shadowColor = St(n.canvas), n.shadowBlur = 4, n.shadowOffsetY = 1, n.fillStyle = Ct(n.canvas), n.beginPath(), n.roundRect(
+    n.shadowColor = Ct(n.canvas), n.shadowBlur = 4, n.shadowOffsetY = 1, n.fillStyle = kt(n.canvas), n.beginPath(), n.roundRect(
       f - g / 2,
       h - m / 2,
       g,
       m,
       3
       // Smaller border radius
-    ), n.fill(), n.shadowColor = "transparent", n.shadowBlur = 0, n.shadowOffsetY = 0, n.fillStyle = kt(n.canvas), n.textAlign = "center", n.textBaseline = "middle", n.fillText(c, f, h + 0.5), n.restore();
+    ), n.fill(), n.shadowColor = "transparent", n.shadowBlur = 0, n.shadowOffsetY = 0, n.fillStyle = Tt(n.canvas), n.textAlign = "center", n.textBaseline = "middle", n.fillText(c, f, h + 0.5), n.restore();
   }
   /**
    * Render transform handles layer
@@ -3208,7 +3208,7 @@ class _n {
     );
   }
 }
-class be {
+class me {
   /**
    * Render hover highlights layer with fade-in animation
    * Outlines the actual element shape instead of a rectangular border
@@ -3223,7 +3223,7 @@ class be {
       const f = performance.now() - e.startTime;
       d = Math.min(f / l, 1) * c;
     }
-    n.strokeStyle = Tt(n.canvas), n.globalAlpha = d, n.lineWidth = 3, this.renderElementOutline(n, o, r, s), n.restore();
+    n.strokeStyle = _t(n.canvas), n.globalAlpha = d, n.lineWidth = 3, this.renderElementOutline(n, o, r, s), n.restore();
   }
   /**
    * Render outline for a specific element type
@@ -3351,7 +3351,7 @@ class be {
    */
   static renderHoverRingEffect(n, e, t) {
     n.save(), n.translate(e.x * t, e.y * t), t !== 1 && n.scale(t, t);
-    const a = e.fontSize, r = e.fontFamily, s = e.bold || !1, o = e.italic || !1, l = e.textAlign || "center", c = Xe(a, r, s, o), d = a * 1.2, f = 4 / t, h = 4 / t, u = document.createElement("canvas");
+    const a = e.fontSize, r = e.fontFamily, s = e.bold || !1, o = e.italic || !1, l = e.textAlign || "center", c = qe(a, r, s, o), d = a * 1.2, f = 4 / t, h = 4 / t, u = document.createElement("canvas");
     u.width = n.canvas.width, u.height = n.canvas.height;
     const g = u.getContext("2d");
     if (!g) {
@@ -3361,10 +3361,10 @@ class be {
     g.setTransform(n.getTransform()), g.textBaseline = "alphabetic", g.lineJoin = "round";
     const m = e.getRichText ? e.getRichText() : null;
     if (m) {
-      const p = qe(m), y = [], b = [];
+      const p = Ye(m), y = [], b = [];
       p.forEach((w) => {
         if (e.transformType === "custom" && e.transformData) {
-          const v = e.transformData.width - jn * 2, S = Ye(w, v, {
+          const v = e.transformData.width - Xn * 2, S = Ke(w, v, {
             fontSize: a,
             fontFamily: r,
             bold: s,
@@ -3386,56 +3386,56 @@ class be {
       y.length === 0 ? $ = 0 : y.length === 1 ? $ = c.height : $ = (y.length - 1) * d + c.height;
       const x = -$ / 2;
       y.forEach((w, v) => {
-        var U, B;
+        var z, O;
         const S = b[v].isParagraphStart, T = b[v].isParagraphEnd;
         let k = 0;
-        const _ = w.map((E) => E.text).join(""), C = ((U = _.match(/^ +/)) == null ? void 0 : U[0].length) || 0, P = ((B = _.match(/ +$/)) == null ? void 0 : B[0].length) || 0;
+        const _ = w.map((P) => P.text).join(""), C = ((z = _.match(/^ +/)) == null ? void 0 : z[0].length) || 0, E = ((O = _.match(/ +$/)) == null ? void 0 : O[0].length) || 0;
         let I = 0;
-        w.forEach((E) => {
-          const H = E.style.fontSize !== void 0 ? E.style.fontSize : a, V = E.style.fontFamily !== void 0 ? E.style.fontFamily : r, q = E.style.bold !== void 0 ? E.style.bold : s, z = E.style.italic !== void 0 ? E.style.italic : o;
-          let F = E.text;
-          const R = I, M = I + E.text.length;
-          if (!S && C > 0 && R < C) {
-            const D = Math.min(C - R, E.text.length);
-            F = F.substring(D);
-          }
-          if (!T && P > 0) {
-            const D = _.length - P;
-            if (M > D) {
-              const N = !S && R < C ? Math.min(C - R, E.text.length) : 0, j = Math.max(0, D - R - N);
-              F = F.substring(0, j);
+        w.forEach((P) => {
+          const W = P.style.fontSize !== void 0 ? P.style.fontSize : a, X = P.style.fontFamily !== void 0 ? P.style.fontFamily : r, q = P.style.bold !== void 0 ? P.style.bold : s, Q = P.style.italic !== void 0 ? P.style.italic : o;
+          let L = P.text;
+          const D = I, F = I + P.text.length;
+          if (!S && C > 0 && D < C) {
+            const B = Math.min(C - D, P.text.length);
+            L = L.substring(B);
+          }
+          if (!T && E > 0) {
+            const B = _.length - E;
+            if (F > B) {
+              const M = !S && D < C ? Math.min(C - D, P.text.length) : 0, U = Math.max(0, B - D - M);
+              L = L.substring(0, U);
             }
           }
-          F.length > 0 && (n.save(), n.font = se(H, V, q, z), k += n.measureText(F).width, n.restore()), I += E.text.length;
+          L.length > 0 && (n.save(), n.font = ie(W, X, q, Q), k += n.measureText(L).width, n.restore()), I += P.text.length;
         });
         let A = 0;
         l === "center" ? A = -k / 2 : l === "right" && (A = -k);
-        const O = x + c.ascent + v * d;
-        I = 0, w.forEach((E) => {
-          const H = E.style.fontSize !== void 0 ? E.style.fontSize : a, V = E.style.fontFamily !== void 0 ? E.style.fontFamily : r;
-          E.style.color !== void 0 ? E.style.color : e.color;
-          const q = E.style.bold !== void 0 ? E.style.bold : s, z = E.style.italic !== void 0 ? E.style.italic : o;
-          let F = E.text;
-          const R = I, M = I + E.text.length;
-          if (!S && C > 0 && R < C) {
-            const D = Math.min(C - R, E.text.length);
-            F = F.substring(D);
-          }
-          if (!T && P > 0) {
-            const D = _.length - P;
-            if (M > D) {
-              const N = !S && R < C ? Math.min(C - R, E.text.length) : 0, j = Math.max(0, D - R - N);
-              F = F.substring(0, j);
+        const R = x + c.ascent + v * d;
+        I = 0, w.forEach((P) => {
+          const W = P.style.fontSize !== void 0 ? P.style.fontSize : a, X = P.style.fontFamily !== void 0 ? P.style.fontFamily : r;
+          P.style.color !== void 0 ? P.style.color : e.color;
+          const q = P.style.bold !== void 0 ? P.style.bold : s, Q = P.style.italic !== void 0 ? P.style.italic : o;
+          let L = P.text;
+          const D = I, F = I + P.text.length;
+          if (!S && C > 0 && D < C) {
+            const B = Math.min(C - D, P.text.length);
+            L = L.substring(B);
+          }
+          if (!T && E > 0) {
+            const B = _.length - E;
+            if (F > B) {
+              const M = !S && D < C ? Math.min(C - D, P.text.length) : 0, U = Math.max(0, B - D - M);
+              L = L.substring(0, U);
             }
           }
-          I += E.text.length, F.length > 0 && (g.font = se(H, V, q, z), g.textAlign = "left", g.globalCompositeOperation = "source-over", g.strokeStyle = n.strokeStyle, g.globalAlpha = Math.min(n.globalAlpha * 1.6, 0.8), g.lineWidth = (h + f) * 2, g.strokeText(F, A, O), g.globalCompositeOperation = "destination-out", g.globalAlpha = 1, g.lineWidth = h * 2, g.strokeText(F, A, O), g.fillText(F, A, O), A += g.measureText(F).width);
+          I += P.text.length, L.length > 0 && (g.font = ie(W, X, q, Q), g.textAlign = "left", g.globalCompositeOperation = "source-over", g.strokeStyle = n.strokeStyle, g.globalAlpha = Math.min(n.globalAlpha * 1.6, 0.8), g.lineWidth = (h + f) * 2, g.strokeText(L, A, R), g.globalCompositeOperation = "destination-out", g.globalAlpha = 1, g.lineWidth = h * 2, g.strokeText(L, A, R), g.fillText(L, A, R), A += g.measureText(L).width);
         });
       });
     } else {
-      n.font = se(a, r, s, o), g.font = n.font, g.textAlign = l;
+      n.font = ie(a, r, s, o), g.font = n.font, g.textAlign = l;
       let p, y;
       if (e.transformType === "custom" && e.transformData) {
-        const x = e.transformData.width - jn * 2, { lines: w } = _t(
+        const x = e.transformData.width - Xn * 2, { lines: w } = Et(
           e.text,
           x,
           a,
@@ -3451,7 +3451,7 @@ class be {
 `);
         const x = e.text.includes(`
 `);
-        p = Et(p, x);
+        p = At(p, x);
       }
       p.length === 0 ? y = 0 : p.length === 1 ? y = c.height : y = (p.length - 1) * d + c.height;
       const b = -y / 2, $ = e.text.includes(`
@@ -3542,7 +3542,7 @@ class be {
     let o = -t.reduce((l, c) => l + c, 0) / 2;
     return e.forEach((l, c) => {
       const d = t[c], f = o + d / 2, h = f / (a.width / 2), u = a.amplitude * n.fontSize * Math.sin(a.frequency * Math.PI * h), g = a.amplitude * a.frequency * Math.PI * Math.cos(a.frequency * Math.PI * h);
-      r.push({ x: f, y: u, angle: 0, skewY: g * At }), o += d;
+      r.push({ x: f, y: u, angle: 0, skewY: g * Pt }), o += d;
     }), r;
   }
   /**
@@ -3590,7 +3590,7 @@ class be {
     }), r;
   }
 }
-class Fn {
+class Mn {
   /**
    * Render snap guides layer
    */
@@ -3604,7 +3604,7 @@ class Fn {
    */
   static renderSpacingIndicatorsLayer(n, e = []) {
     e.length !== 0 && (n.save(), n.setLineDash([]), e.forEach((t) => {
-      const a = ke(n.canvas);
+      const a = Te(n.canvas);
       if (n.strokeStyle = a, n.fillStyle = a, n.lineWidth = sn.canvas.spacingIndicatorWidth, n.beginPath(), t.type === "horizontal") {
         const r = t.x1 ?? 0, s = t.x2 ?? 0, o = t.y ?? 0;
         n.moveTo(r, o), n.lineTo(s, o), n.stroke();
@@ -3629,10 +3629,10 @@ class Fn {
     const r = `${a}`;
     n.font = `600 ${sn.canvas.spacingLabelFontSize}px ${sn.canvas.spacingLabelFontFamily}`;
     const o = n.measureText(r).width, l = sn.canvas.spacingLabelFontSize, c = 4, d = o + c * 2, f = l + c * 2;
-    n.fillStyle = ke(n.canvas), n.beginPath(), n.roundRect(e - d / 2, t - f / 2, d, f, Pt), n.fill(), n.fillStyle = It, n.textAlign = "center", n.textBaseline = "middle", n.fillText(r, e, t);
+    n.fillStyle = Te(n.canvas), n.beginPath(), n.roundRect(e - d / 2, t - f / 2, d, f, It), n.fill(), n.fillStyle = Dt, n.textAlign = "center", n.textBaseline = "middle", n.fillText(r, e, t);
   }
 }
-class de {
+class fe {
   /**
    * Render edit mode features: cursor and text selection highlight
    * This renders on the main canvas at world coordinates (same as the element)
@@ -3646,29 +3646,31 @@ class de {
     }
     const p = r.fontSize || 24, y = r.fontFamily || "Arial", b = r.bold || !1, $ = r.italic || !1, x = r.underline || !1, w = r.strikethrough || !1, v = r.textAlign || "center";
     n.save(), n.translate(r.x, r.y), n.rotate(-r.rotation * Math.PI / 180);
-    const S = Xe(p, y, b, $), T = S.height, k = p * 1.2;
-    let _, C;
+    const S = qe(p, y, b, $), T = S.height, k = p * 1.2;
+    let _, C, E;
     if (d && r.transformType === "custom" && r.transformData.width) {
-      const z = r.transformData.width - jn * 2, F = qe(d);
-      _ = [], C = [], F.forEach((R) => {
-        const M = Ye(R, z, {
+      const L = r.transformData.width - Xn * 2;
+      E = L;
+      const D = Ye(d);
+      _ = [], C = [], D.forEach((F) => {
+        const B = Ke(F, L, {
           fontSize: r.fontSize,
           fontFamily: r.fontFamily,
           bold: r.bold,
           italic: r.italic
         });
-        M.forEach((D, N) => {
-          _.push(D), C.push({
-            isParagraphStart: N === 0,
-            isParagraphEnd: N === M.length - 1
+        B.forEach((M, U) => {
+          _.push(M), C.push({
+            isParagraphStart: U === 0,
+            isParagraphEnd: U === B.length - 1
           });
         });
       });
     } else
       _ = c.split(`
-`).map((F) => [
+`).map((D) => [
         {
-          text: F,
+          text: D,
           style: { fontSize: p, fontFamily: y, bold: b, italic: $ }
         }
       ]), C = _.map(() => ({
@@ -3676,115 +3678,115 @@ class de {
         // Each line is its own paragraph
         isParagraphEnd: !0
       }));
-    const P = _.length > 1 ? S.height + (_.length - 1) * k : S.height;
-    let I = -P / 2, A = 0, O = I, U = T;
-    const B = [];
-    let E = 0;
-    _.forEach((z, F) => {
-      var N, j;
-      const R = C[F].isParagraphStart, M = C[F].isParagraphEnd, D = [];
-      z.forEach((Y) => {
-        Array.from(Y.text).forEach((on) => {
-          let W = p, ln = y, tn = b, Z = $;
-          if (d && E < c.length) {
-            const Q = d.getStyleAt(E);
-            W = Q.fontSize || p, ln = Q.fontFamily || y, tn = Q.bold !== void 0 ? Q.bold : b, Z = Q.italic !== void 0 ? Q.italic : $;
+    const I = _.length > 1 ? S.height + (_.length - 1) * k : S.height;
+    let A = -I / 2, R = 0, z = A, O = T;
+    const P = [];
+    let W = 0;
+    _.forEach((L, D) => {
+      var U, V;
+      const F = C[D].isParagraphStart, B = C[D].isParagraphEnd, M = [];
+      L.forEach((dn) => {
+        Array.from(dn.text).forEach((mn) => {
+          let H = p, on = y, tn = b, J = $;
+          if (d && W < c.length) {
+            const Z = d.getStyleAt(W);
+            H = Z.fontSize || p, on = Z.fontFamily || y, tn = Z.bold !== void 0 ? Z.bold : b, J = Z.italic !== void 0 ? Z.italic : $;
           }
           n.save();
-          const an = tn ? "bold" : "normal", L = Z ? "italic" : "normal";
-          n.font = `${L} ${an} ${W}px "${ln}", Arial, sans-serif`;
-          const K = n.measureText(on).width;
-          n.restore(), D.push({ char: on, width: K, fontSize: W, index: E }), E++;
+          const an = tn ? "bold" : "normal", N = J ? "italic" : "normal";
+          n.font = `${N} ${an} ${H}px "${on}", Arial, sans-serif`;
+          const Y = n.measureText(mn).width;
+          n.restore(), M.push({ char: mn, width: Y, fontSize: H, index: W }), W++;
         });
       });
       {
-        const Y = F === 0, xn = F === _.length - 1, on = D.map((L) => L.char).join(""), W = ((N = on.match(/^ +/)) == null ? void 0 : N[0].length) || 0, ln = ((j = on.match(/ +$/)) == null ? void 0 : j[0].length) || 0;
+        const dn = D === 0, $n = D === _.length - 1, mn = M.map((N) => N.char).join(""), H = ((U = mn.match(/^ +/)) == null ? void 0 : U[0].length) || 0, on = ((V = mn.match(/ +$/)) == null ? void 0 : V[0].length) || 0;
         let tn = 0;
-        for (let L = 0; L < D.length; L++)
-          !Y && L < W || !xn && L >= D.length - ln || (tn += D[L].width);
-        let Z;
-        v === "center" ? Z = -tn / 2 : v === "right" ? Z = maxWidth > 0 ? maxWidth / 2 - tn : -tn : Z = maxWidth > 0 ? -maxWidth / 2 : 0;
-        let an = Z;
-        for (let L = 0; L < D.length; L++) {
-          const K = D[L];
-          B[K.index] = {
+        for (let N = 0; N < M.length; N++)
+          !dn && N < H || !$n && N >= M.length - on || (tn += M[N].width);
+        let J;
+        v === "center" ? J = -tn / 2 : v === "right" ? J = E !== void 0 ? E / 2 - tn : -tn : J = E !== void 0 ? -E / 2 : 0;
+        let an = J;
+        for (let N = 0; N < M.length; N++) {
+          const Y = M[N];
+          P[Y.index] = {
             x: an,
-            y: I,
-            width: K.width,
+            y: A,
+            width: Y.width,
             // All characters keep their width for cursor navigation
-            height: K.fontSize
-          }, an += K.width;
-        }
-        if (D.length > 0) {
-          const L = D[0].index, K = D[D.length - 1].index, mn = F < _.length - 1 && K + 1 === E ? K : K + 1;
-          if (s >= L && s <= mn)
-            if (s === L)
-              A = Z, O = I, U = T;
+            height: Y.fontSize
+          }, an += Y.width;
+        }
+        if (M.length > 0) {
+          const N = M[0].index, Y = M[M.length - 1].index, yn = D < _.length - 1 && Y + 1 === W ? Y : Y + 1;
+          if (s >= N && s <= yn)
+            if (s === N)
+              R = J, z = A, O = T;
             else {
-              let vn = 0;
-              for (let rn = 0; rn < D.length && D[rn].index < s; rn++) {
-                const fn = D[rn], Wn = fn.char === " ";
-                let wn = !0;
-                if (Wn) {
-                  const Hn = rn < W, G = rn >= D.length - ln, Pn = !R && W > 0, In = !M && ln > 0;
-                  wn = !(Hn && Pn || G && In);
+              let wn = 0;
+              for (let rn = 0; rn < M.length && M[rn].index < s; rn++) {
+                const fn = M[rn], Hn = fn.char === " ";
+                let Sn = !0;
+                if (Hn) {
+                  const Gn = rn < H, G = rn >= M.length - on, In = !F && H > 0, Dn = !B && on > 0;
+                  Sn = !(Gn && In || G && Dn);
                 }
-                wn && (vn += fn.width);
+                Sn && (wn += fn.width);
               }
-              A = Z + vn, O = I, U = T;
+              R = J + wn, z = A, O = T;
             }
         }
-        F < _.length - 1 && (I += k);
+        D < _.length - 1 && (A += k);
       }
     });
-    const H = o !== l;
-    let V = null, q = null;
-    if (H) {
-      const z = Math.min(o, l), F = Math.max(o, l);
-      n.save(), n.fillStyle = Dt(n.canvas);
-      let R = 0, M = -P / 2;
-      if (_.forEach((D, N) => {
-        var ln, tn;
-        const j = C[N].isParagraphStart, Y = C[N].isParagraphEnd, xn = N === 0, on = N === _.length - 1, W = [];
-        if (D.forEach((Z) => {
-          Array.from(Z.text).forEach((an) => {
-            const L = Z.style || {}, K = L.fontSize !== void 0 ? L.fontSize : p, Q = L.fontFamily !== void 0 ? L.fontFamily : y, $n = L.bold !== void 0 ? L.bold : b, mn = L.italic !== void 0 ? L.italic : $;
+    const X = o !== l;
+    let q = null, Q = null;
+    if (X) {
+      const L = Math.min(o, l), D = Math.max(o, l);
+      n.save(), n.fillStyle = Rt(n.canvas);
+      let F = 0, B = -I / 2;
+      if (_.forEach((M, U) => {
+        var on, tn;
+        const V = C[U].isParagraphStart, dn = C[U].isParagraphEnd, $n = U === 0, mn = U === _.length - 1, H = [];
+        if (M.forEach((J) => {
+          Array.from(J.text).forEach((an) => {
+            const N = J.style || {}, Y = N.fontSize !== void 0 ? N.fontSize : p, Z = N.fontFamily !== void 0 ? N.fontFamily : y, vn = N.bold !== void 0 ? N.bold : b, yn = N.italic !== void 0 ? N.italic : $;
             n.save();
-            const vn = $n ? "bold" : "normal", rn = mn ? "italic" : "normal";
-            n.font = `${rn} ${vn} ${K}px "${Q}", Arial, sans-serif`;
+            const wn = vn ? "bold" : "normal", rn = yn ? "italic" : "normal";
+            n.font = `${rn} ${wn} ${Y}px "${Z}", Arial, sans-serif`;
             const fn = n.measureText(an).width;
-            n.restore(), W.push({ char: an, index: R, width: fn, style: L }), R++;
+            n.restore(), H.push({ char: an, index: F, width: fn, style: N }), F++;
           });
-        }), W.length > 0) {
-          const Z = W[0].index, an = W[W.length - 1].index;
-          if (F > Z && z <= an) {
+        }), H.length > 0) {
+          const J = H[0].index, an = H[H.length - 1].index;
+          if (D > J && L <= an) {
             n.save();
-            const L = W.map((G) => G.char).join(""), K = ((ln = L.match(/^ +/)) == null ? void 0 : ln[0].length) || 0, Q = ((tn = L.match(/ +$/)) == null ? void 0 : tn[0].length) || 0;
-            let $n = 0;
-            for (let G = 0; G < W.length; G++)
-              !xn && G < K || !on && G >= W.length - Q || ($n += W[G].width);
-            let mn = 0;
-            v === "center" ? mn = -$n / 2 : v === "right" && (mn = -$n);
-            const vn = Math.max(z, Z), rn = Math.min(F, an + 1);
+            const N = H.map((G) => G.char).join(""), Y = ((on = N.match(/^ +/)) == null ? void 0 : on[0].length) || 0, Z = ((tn = N.match(/ +$/)) == null ? void 0 : tn[0].length) || 0;
+            let vn = 0;
+            for (let G = 0; G < H.length; G++)
+              !$n && G < Y || !mn && G >= H.length - Z || (vn += H[G].width);
+            let yn = 0;
+            v === "center" ? yn = -vn / 2 : v === "right" && (yn = -vn);
+            const wn = Math.max(L, J), rn = Math.min(D, an + 1);
             let fn = 0;
-            for (let G = 0; G < W.length && W[G].index < vn; G++) {
-              const Pn = W[G], In = G < K, te = G >= W.length - Q, ae = !j && K > 0, re = !Y && Q > 0;
-              !(In && ae || te && re) && (fn += Pn.width);
+            for (let G = 0; G < H.length && H[G].index < wn; G++) {
+              const In = H[G], Dn = G < Y, ae = G >= H.length - Z, re = !V && Y > 0, se = !dn && Z > 0;
+              !(Dn && re || ae && se) && (fn += In.width);
             }
-            let Wn = 0;
-            for (let G = 0; G < W.length && W[G].index < rn; G++) {
-              const Pn = W[G], In = G < K, te = G >= W.length - Q, ae = !j && K > 0, re = !Y && Q > 0;
-              !(In && ae || te && re) && (Wn += Pn.width);
+            let Hn = 0;
+            for (let G = 0; G < H.length && H[G].index < rn; G++) {
+              const In = H[G], Dn = G < Y, ae = G >= H.length - Z, re = !V && Y > 0, se = !dn && Z > 0;
+              !(Dn && re || ae && se) && (Hn += In.width);
             }
-            const wn = mn + fn, Hn = Wn - fn;
-            n.fillRect(wn, M, Hn, T), V === null && (V = { x: wn, y: M }), q = { x: wn + Hn, y: M + T }, n.restore();
+            const Sn = yn + fn, Gn = Hn - fn;
+            n.fillRect(Sn, B, Gn, T), q === null && (q = { x: Sn, y: B }), Q = { x: Sn + Gn, y: B + T }, n.restore();
           }
         }
-        N < _.length - 1 && (M += k);
+        U < _.length - 1 && (B += k);
       }), n.restore(), d) {
         n.save();
-        const D = r.transformType === "custom" ? r.transformData : null, N = D != null && D.width ? D.width - jn * 2 : void 0;
-        Rt(n, d, {
+        const M = r.transformType === "custom" ? r.transformData : null, U = M != null && M.width ? M.width - Xn * 2 : void 0;
+        Ft(n, d, {
           fontSize: p,
           fontFamily: y,
           color: r.color || "#000000",
@@ -3793,29 +3795,29 @@ class de {
           underline: x,
           strikethrough: w,
           textAlign: v
-        }, N), n.restore();
+        }, U), n.restore();
       }
     }
-    if (H && h && V && q) {
-      const z = V, F = q, R = 6 / g, M = 2 / g;
+    if (X && h && q && Q) {
+      const L = q, D = Q, F = 6 / g, B = 2 / g;
       n.save();
-      const D = en();
-      n.fillStyle = D, n.strokeStyle = D, n.lineWidth = M, n.lineCap = "round";
-      const N = { x: z.x, y: z.y - R }, j = { x: F.x, y: F.y + R };
-      n.beginPath(), n.moveTo(z.x, z.y), n.lineTo(z.x, z.y + T), n.stroke(), n.beginPath(), n.arc(N.x, N.y, R, 0, Math.PI * 2), n.fill(), n.strokeStyle = "white", n.lineWidth = 2 / g, n.stroke(), n.strokeStyle = D, n.lineWidth = M, n.beginPath(), n.moveTo(F.x, F.y - T), n.lineTo(F.x, F.y), n.stroke(), n.beginPath(), n.arc(j.x, j.y, R, 0, Math.PI * 2), n.fill(), n.strokeStyle = "white", n.lineWidth = 2 / g, n.stroke(), n.restore(), u && (u.current = {
+      const M = en();
+      n.fillStyle = M, n.strokeStyle = M, n.lineWidth = B, n.lineCap = "round";
+      const U = { x: L.x, y: L.y - F }, V = { x: D.x, y: D.y + F };
+      n.beginPath(), n.moveTo(L.x, L.y), n.lineTo(L.x, L.y + T), n.stroke(), n.beginPath(), n.arc(U.x, U.y, F, 0, Math.PI * 2), n.fill(), n.strokeStyle = "white", n.lineWidth = 2 / g, n.stroke(), n.strokeStyle = M, n.lineWidth = B, n.beginPath(), n.moveTo(D.x, D.y - T), n.lineTo(D.x, D.y), n.stroke(), n.beginPath(), n.arc(V.x, V.y, F, 0, Math.PI * 2), n.fill(), n.strokeStyle = "white", n.lineWidth = 2 / g, n.stroke(), n.restore(), u && (u.current = {
         start: {
-          center: N,
-          textEdge: z
+          center: U,
+          textEdge: L
           // Original selection edge (top-left of selection on first line)
         },
         end: {
-          center: j,
-          textEdge: F
+          center: V,
+          textEdge: D
           // Original selection edge (bottom-right of selection on last line)
         }
       });
     } else u && (u.current = { start: null, end: null });
-    !H && f > 0 && (n.save(), n.globalAlpha = f, n.strokeStyle = en(), n.lineWidth = 3 / g, n.lineCap = "round", n.beginPath(), n.moveTo(A, O), n.lineTo(A, O + U), n.stroke(), n.restore()), n.restore();
+    !X && f > 0 && (n.save(), n.globalAlpha = f, n.strokeStyle = en(), n.lineWidth = 3 / g, n.lineCap = "round", n.beginPath(), n.moveTo(R, z), n.lineTo(R, z + O), n.stroke(), n.restore()), n.restore();
   }
   /**
    * Render edit mode features for transformed text (circle, wave, arch, etc.)
@@ -3826,7 +3828,7 @@ class de {
     n.save(), n.translate(e.x, e.y), n.rotate(-e.rotation * Math.PI / 180);
     const f = c ? "bold" : "normal", h = d ? "italic" : "normal";
     n.font = `${h} ${f} ${o}px ${l}`;
-    const u = Array.from(e.text), g = u.map((p) => n.measureText(p).width), m = be.calculateCharPositions(e, u, g);
+    const u = Array.from(e.text), g = u.map((p) => n.measureText(p).width), m = me.calculateCharPositions(e, u, g);
     if (r >= 0 && r <= u.length && s > 0) {
       let p;
       if (r === 0)
@@ -3865,10 +3867,10 @@ class de {
    * Shows both image resize handles and crop handles
    */
   static renderCropBoxLayer(n, e, t, a = 1) {
-    if (!(e instanceof Nn) || !e.isCropping) return;
+    if (!(e instanceof Un) || !e.isCropping) return;
     const r = e, s = r.getCropBoxBounds();
     if (!s) return;
-    const o = 4 / a, l = 2 / a, c = Ft / a, d = Mt / a, f = 1 / a;
+    const o = 4 / a, l = 2 / a, c = Mt / a, d = Ot / a, f = 1 / a;
     n.save(), n.translate(e.x * a, e.y * a), n.rotate(pn.toRadians(e.rotation));
     const h = r.transformData.flipHorizontal ? -1 : 1, u = r.transformData.flipVertical ? -1 : 1;
     n.scale(h * a, u * a);
@@ -3907,30 +3909,30 @@ class de {
       { x: s.x + s.width, y: s.y + s.height / 2, orientation: "vertical" }
       // right
     ].forEach((I) => {
-      let A, O;
-      I.orientation === "horizontal" ? (A = d, O = o) : (A = o, O = d);
-      const U = I.x - A / 2, B = I.y - O / 2;
-      n.fillStyle = "#fff", n.fillRect(U, B, A, O), n.strokeStyle = "#bbb", n.lineWidth = f, n.strokeRect(U, B, A, O);
+      let A, R;
+      I.orientation === "horizontal" ? (A = d, R = o) : (A = o, R = d);
+      const z = I.x - A / 2, O = I.y - R / 2;
+      n.fillStyle = "#fff", n.fillRect(z, O, A, R), n.strokeStyle = "#bbb", n.lineWidth = f, n.strokeRect(z, O, A, R);
     }), n.restore(), t && t.resizeHandles) {
       const I = t.resizeHandles.filter(
-        (B) => B.anchor === "top-left" || B.anchor === "top-right" || B.anchor === "bottom-left" || B.anchor === "bottom-right"
-      ), A = r.getCropBoxWorldCorners(), O = 6, U = 20;
-      I.forEach((B) => {
-        let E = !1;
+        (O) => O.anchor === "top-left" || O.anchor === "top-right" || O.anchor === "bottom-left" || O.anchor === "bottom-right"
+      ), A = r.getCropBoxWorldCorners(), R = 6, z = 20;
+      I.forEach((O) => {
+        let P = !1;
         if (A)
-          for (const H of A) {
-            const V = B.x - H.x, q = B.y - H.y;
-            if (Math.sqrt(V * V + q * q) < U) {
-              E = !0;
+          for (const W of A) {
+            const X = O.x - W.x, q = O.y - W.y;
+            if (Math.sqrt(X * X + q * q) < z) {
+              P = !0;
               break;
             }
           }
-        E || (n.save(), n.globalAlpha = 1, n.beginPath(), n.arc(B.x * a, B.y * a, O, 0, 2 * Math.PI), n.fillStyle = "#fff", n.fill(), n.strokeStyle = en(n.canvas), n.lineWidth = 2, n.stroke(), n.restore());
+        P || (n.save(), n.globalAlpha = 1, n.beginPath(), n.arc(O.x * a, O.y * a, R, 0, 2 * Math.PI), n.fillStyle = "#fff", n.fill(), n.strokeStyle = en(n.canvas), n.lineWidth = 2, n.stroke(), n.restore());
       });
     }
   }
 }
-const Ua = yn("CanvasRenderer"), X = class X {
+const za = xn("CanvasRenderer"), j = class j {
   /**
    * Get a pooled offscreen canvas for clipping content, only recreating
    * when dimensions change. Eliminates per-frame canvas allocation.
@@ -3954,7 +3956,7 @@ const Ua = yn("CanvasRenderer"), X = class X {
       e.render(n, t, a);
     } catch (r) {
       const s = r instanceof Error ? r : new Error(String(r));
-      Ua.error(`Failed to render element ${e.id}:`, s), X.onRenderError && X.onRenderError({
+      za.error(`Failed to render element ${e.id}:`, s), j.onRenderError && j.onRenderError({
         category: "render",
         message: `Failed to render element: ${s.message}`,
         originalError: s,
@@ -4028,7 +4030,7 @@ const Ua = yn("CanvasRenderer"), X = class X {
       for (const v of x.pieces) {
         const S = new Path2D(v.d), T = v.rotation ?? 0, k = new DOMMatrix();
         if (k.translateSelf(t.x + v.x, t.y + v.y), T !== 0) {
-          const _ = (v.baseWidth ?? 0) / 2, C = (v.baseHeight ?? 0) / 2, P = T === 90 || T === 270, I = P ? v.baseHeight ?? 0 : v.baseWidth ?? 0, A = P ? v.baseWidth ?? 0 : v.baseHeight ?? 0;
+          const _ = (v.baseWidth ?? 0) / 2, C = (v.baseHeight ?? 0) / 2, E = T === 90 || T === 270, I = E ? v.baseHeight ?? 0 : v.baseWidth ?? 0, A = E ? v.baseWidth ?? 0 : v.baseHeight ?? 0;
           k.translateSelf(I / 2, A / 2), k.rotateSelf(T), k.translateSelf(-_, -C);
         }
         w.addPath(S, k);
@@ -4049,19 +4051,19 @@ const Ua = yn("CanvasRenderer"), X = class X {
    */
   static renderElementsLayer(n, e, t, a, r, s, o, l = !0, c = !1, d = !1) {
     const f = r != null && r.getMode() === "drag", h = r == null ? void 0 : r._activeChildContext;
-    e !== X._cachedElementsRef && (X._cachedElementConfigs = e.map((y) => y.toJSON()), X._cachedElementMap = new Map(e.map((y) => [y.id, y])), X._cachedElementsRef = e);
-    const u = X._cachedElementConfigs, g = X._cachedElementMap, m = X._knockoutRenderedIds;
+    e !== j._cachedElementsRef && (j._cachedElementConfigs = e.map((y) => y.toJSON()), j._cachedElementMap = new Map(e.map((y) => [y.id, y])), j._cachedElementsRef = e);
+    const u = j._cachedElementConfigs, g = j._cachedElementMap, m = j._knockoutRenderedIds;
     m.clear(), e.forEach((y, b) => {
       var $, x, w;
       if (y.blendMode === "knockout" || y.blendMode === "clip") {
         const v = u[b], S = y.blendMode === "knockout" ? "destination-out" : "destination-in", T = (($ = v.knockoutParts) == null ? void 0 : $.scope) || "group", k = u.findIndex((I) => I.id === v.id), _ = ((x = v.knockoutParts) == null ? void 0 : x.fill) || ((w = v.knockoutParts) == null ? void 0 : w.stroke), C = T === "artboard" && k !== -1 ? u.slice(0, k) : [];
-        _ && (T === "artboard" || C.length > 0) && (C.forEach((I) => I.id && m.add(I.id)), Xn(
+        _ && (T === "artboard" || C.length > 0) && (C.forEach((I) => I.id && m.add(I.id)), qn(
           n,
           v,
           u,
           (I, A) => {
-            const O = A.id && g.get(A.id);
-            O && this.renderElement(I, O, l);
+            const R = A.id && g.get(A.id);
+            R && this.renderElement(I, R, l);
           },
           s,
           o,
@@ -4081,21 +4083,21 @@ const Ua = yn("CanvasRenderer"), X = class X {
     ) : e.forEach((y) => {
       var T, k;
       if (m.has(y.id) || y.visible === !1) return;
-      const b = y.id === t, $ = (a == null ? void 0 : a.type) === "element" && ((T = a == null ? void 0 : a.data) == null ? void 0 : T.id) === y.id, x = f && h && oe(y) && y.id === t, w = b && !x, v = u[e.indexOf(y)], S = ((k = v == null ? void 0 : v.distressEffect) == null ? void 0 : k.enabled) && v.distressEffect.style === "custom" && v.distressEffect.textureUrl;
+      const b = y.id === t, $ = (a == null ? void 0 : a.type) === "element" && ((T = a == null ? void 0 : a.data) == null ? void 0 : T.id) === y.id, x = f && h && le(y) && y.id === t, w = b && !x, v = u[e.indexOf(y)], S = ((k = v == null ? void 0 : v.distressEffect) == null ? void 0 : k.enabled) && v.distressEffect.style === "custom" && v.distressEffect.textureUrl;
       if (v && v.masks && v.masks.length > 0)
-        En(n, v, (_) => {
-          const C = (P) => {
-            l && (P.save(), P.globalAlpha = nn), this.safeRender(P, y, w, $), l && P.restore();
+        An(n, v, (_) => {
+          const C = (E) => {
+            l && (E.save(), E.globalAlpha = nn), this.safeRender(E, y, w, $), l && E.restore();
           };
           if (S) {
-            const P = y.getVisualBoundingBox();
-            Kn(_, v.distressEffect, P, C);
+            const E = y.getVisualBoundingBox();
+            Jn(_, v.distressEffect, E, C);
           } else
             C(_);
         });
       else if (S) {
         const _ = y.getVisualBoundingBox();
-        Kn(n, v.distressEffect, _, (C) => {
+        Jn(n, v.distressEffect, _, (C) => {
           l && (C.save(), C.globalAlpha = nn), this.safeRender(C, y, w, $), l && C.restore();
         });
       } else c && !d && o && w ? this.renderElementWithOverflowDimming(n, y, o, w, $, l) : c && o ? (n.save(), this.applyArtboardClipPath(n, o), l && (n.globalAlpha = nn), this.safeRender(n, y, w, $), n.restore()) : (l && (n.save(), n.globalAlpha = nn), this.safeRender(n, y, w, $), l && n.restore());
@@ -4129,8 +4131,8 @@ const Ua = yn("CanvasRenderer"), X = class X {
       if (!b.mask)
         b.content.forEach(($, x) => {
           var _;
-          const w = $.id === a, v = (r == null ? void 0 : r.type) === "element" && ((_ = r == null ? void 0 : r.data) == null ? void 0 : _.id) === $.id, S = s && o && oe($) && $.id === a, T = w && !S, k = b.contentConfigs[x];
-          k && k.masks && k.masks.length > 0 ? En(n, k, (C) => {
+          const w = $.id === a, v = (r == null ? void 0 : r.type) === "element" && ((_ = r == null ? void 0 : r.data) == null ? void 0 : _.id) === $.id, S = s && o && le($) && $.id === a, T = w && !S, k = b.contentConfigs[x];
+          k && k.masks && k.masks.length > 0 ? An(n, k, (C) => {
             c && (C.save(), C.globalAlpha = nn), $.render(C, T, v), c && C.restore();
           }) : (c && (n.save(), n.globalAlpha = nn), $.render(n, T, v), c && n.restore());
         });
@@ -4138,17 +4140,17 @@ const Ua = yn("CanvasRenderer"), X = class X {
         const $ = this._getContentCanvas(f, h), x = $.getContext("2d");
         if (!x) continue;
         x.setTransform(1, 0, 0, 1, 0, 0), x.clearRect(0, 0, f, h), x.globalCompositeOperation = "source-over", x.setTransform(u), b.content.forEach((k, _) => {
-          var U;
-          const C = k.id === a, P = (r == null ? void 0 : r.type) === "element" && ((U = r == null ? void 0 : r.data) == null ? void 0 : U.id) === k.id, I = s && o && oe(k) && k.id === a, A = C && !I, O = b.contentConfigs[_];
-          O && O.masks && O.masks.length > 0 ? En(x, O, (B) => {
-            c && (B.save(), B.globalAlpha = nn), k.render(B, A, P), c && B.restore();
-          }) : (c && (x.save(), x.globalAlpha = nn), k.render(x, A, P), c && x.restore());
+          var z;
+          const C = k.id === a, E = (r == null ? void 0 : r.type) === "element" && ((z = r == null ? void 0 : r.data) == null ? void 0 : z.id) === k.id, I = s && o && le(k) && k.id === a, A = C && !I, R = b.contentConfigs[_];
+          R && R.masks && R.masks.length > 0 ? An(x, R, (O) => {
+            c && (O.save(), O.globalAlpha = nn), k.render(O, A, E), c && O.restore();
+          }) : (c && (x.save(), x.globalAlpha = nn), k.render(x, A, E), c && x.restore());
         });
         const w = this._getMaskCanvas(f, h), v = w.getContext("2d");
         if (!v) continue;
         v.setTransform(1, 0, 0, 1, 0, 0), v.clearRect(0, 0, f, h), v.globalCompositeOperation = "source-over", v.setTransform(u);
         const S = b.mask.id === a, T = (r == null ? void 0 : r.type) === "element" && ((y = r == null ? void 0 : r.data) == null ? void 0 : y.id) === b.mask.id;
-        b.maskConfig && b.maskConfig.masks && b.maskConfig.masks.length > 0 ? En(v, b.maskConfig, (k) => {
+        b.maskConfig && b.maskConfig.masks && b.maskConfig.masks.length > 0 ? An(v, b.maskConfig, (k) => {
           c && (k.save(), k.globalAlpha = nn), b.mask.render(k, S, T), c && k.restore();
         }) : (c && (v.save(), v.globalAlpha = nn), b.mask.render(v, S, T), c && v.restore()), x.globalCompositeOperation = "destination-in", x.setTransform(1, 0, 0, 1, 0, 0), x.drawImage(w, 0, 0), n.save(), n.setTransform(1, 0, 0, 1, 0, 0), n.drawImage($, 0, 0), n.restore();
       }
@@ -4161,42 +4163,42 @@ const Ua = yn("CanvasRenderer"), X = class X {
    * @see InteractionFeedbackRenderer.renderSnapGuidesLayer
    */
   static renderSnapGuidesLayer(n, e = []) {
-    Fn.renderSnapGuidesLayer(n, e);
+    Mn.renderSnapGuidesLayer(n, e);
   }
   /**
    * Render spacing indicators layer
    * @see InteractionFeedbackRenderer.renderSpacingIndicatorsLayer
    */
   static renderSpacingIndicatorsLayer(n, e = []) {
-    Fn.renderSpacingIndicatorsLayer(n, e);
+    Mn.renderSpacingIndicatorsLayer(n, e);
   }
   /**
    * Render a distance label with background
    * @see InteractionFeedbackRenderer.renderDistanceLabel
    */
   static renderDistanceLabel(n, e, t, a) {
-    Fn.renderDistanceLabel(n, e, t, a);
+    Mn.renderDistanceLabel(n, e, t, a);
   }
   /**
    * Render selection box layer
    * @see SelectionRenderer.renderSelectionLayer
    */
   static renderSelectionLayer(n, e, t, a = 1) {
-    _n.renderSelectionLayer(n, e, t, a);
+    En.renderSelectionLayer(n, e, t, a);
   }
   /**
    * Render position and size info below the selected element
    * @see SelectionRenderer.renderPositionSizeInfo
    */
   static renderPositionSizeInfo(n, e, t, a, r = 1) {
-    _n.renderPositionSizeInfo(n, e, t, a, r);
+    En.renderPositionSizeInfo(n, e, t, a, r);
   }
   /**
    * Render transform handles layer
    * @see SelectionRenderer.renderHandlesLayer
    */
   static renderHandlesLayer(n, e, t, a, r, s, o, l = 1, c = !0) {
-    _n.renderHandlesLayer(
+    En.renderHandlesLayer(
       n,
       e,
       t,
@@ -4213,14 +4215,14 @@ const Ua = yn("CanvasRenderer"), X = class X {
    * @see HoverRenderer.renderHoverLayer
    */
   static renderHoverLayer(n, e, t, a = !1, r = 1, s) {
-    be.renderHoverLayer(n, e, t, a, r, s);
+    me.renderHoverLayer(n, e, t, a, r, s);
   }
   /**
    * Render crop box layer (for images in crop mode)
    * @see EditModeRenderer.renderCropBoxLayer
    */
   static renderCropBoxLayer(n, e, t, a = 1) {
-    de.renderCropBoxLayer(n, e, t, a);
+    fe.renderCropBoxLayer(n, e, t, a);
   }
   // =========================================================================
   // Main Render Orchestration
@@ -4268,7 +4270,7 @@ const Ua = yn("CanvasRenderer"), X = class X {
       h,
       m,
       p
-    ), y != null && y.enabled && f && it(n, y, f, d), b != null && b.enabled && f && tt(n, b, f, d), s && $ && a && de.renderEditModeLayer(n, a, $, u), u !== 1) {
+    ), y != null && y.enabled && f && ot(n, y, f, d), b != null && b.enabled && f && at(n, b, f, d), s && $ && a && fe.renderEditModeLayer(n, a, $, u), u !== 1) {
       n.save();
       const S = n.getTransform().a / u, T = g.x * u * S, k = g.y * u * S;
       n.setTransform(S, 0, 0, S, T, k);
@@ -4292,7 +4294,7 @@ const Ua = yn("CanvasRenderer"), X = class X {
       labelX: v.labelX * u,
       labelY: v.labelY * u
     }));
-    Fn.renderSnapGuidesLayer(n, x), Fn.renderSpacingIndicatorsLayer(n, w), u !== 1 && n.restore();
+    Mn.renderSnapGuidesLayer(n, x), Mn.renderSpacingIndicatorsLayer(n, w), u !== 1 && n.restore();
   }
   /**
    * Single-selection interaction chrome: bbox, handles, position/size
@@ -4329,9 +4331,9 @@ const Ua = yn("CanvasRenderer"), X = class X {
       const $ = n.getTransform().a / m, x = p.x * m * $, w = p.y * m * $;
       n.setTransform($, 0, 0, $, x, w);
     }
-    if (e && Qt(e) && e.isCropping)
-      t && de.renderCropBoxLayer(n, e, t, m);
-    else if (!c && a && _n.renderSelectionLayer(n, e, a, m), t && a && _n.renderPositionSizeInfo(n, e, t, a, m), !c && t && a && _n.renderHandlesLayer(
+    if (e && na(e) && e.isCropping)
+      t && fe.renderCropBoxLayer(n, e, t, m);
+    else if (!c && a && En.renderSelectionLayer(n, e, a, m), t && a && En.renderPositionSizeInfo(n, e, t, a, m), !c && t && a && En.renderHandlesLayer(
       n,
       e,
       t,
@@ -4347,19 +4349,19 @@ const Ua = yn("CanvasRenderer"), X = class X {
         const b = u, $ = b.x * m, x = b.y * m, w = b.width * m, v = b.height * m, S = (b.borderRadius ?? 0) * m;
         n.beginPath(), S > 0 ? n.roundRect($, x, w, v, S) : n.rect($, x, w, v), n.clip();
       }
-      be.renderHoverLayer(n, o, l, f, m, h), u && n.restore();
+      me.renderHoverLayer(n, o, l, f, m, h), u && n.restore();
     }
     m !== 1 && n.restore();
   }
 };
-X._contentCanvas = null, X._contentCanvasSize = { width: 0, height: 0 }, X._maskCanvas = null, X._maskCanvasSize = { width: 0, height: 0 }, X._cachedElementsRef = null, X._cachedElementConfigs = null, X._cachedElementMap = null, X._knockoutRenderedIds = /* @__PURE__ */ new Set(), X.onRenderError = null;
-let Le = X;
-const Ne = yn("element-serializer"), ot = 4e3, Un = /* @__PURE__ */ new Set();
-function za(i, n) {
-  const e = n ? Wa(n) : "no-src";
+j._contentCanvas = null, j._contentCanvasSize = { width: 0, height: 0 }, j._maskCanvas = null, j._maskCanvasSize = { width: 0, height: 0 }, j._cachedElementsRef = null, j._cachedElementConfigs = null, j._cachedElementMap = null, j._knockoutRenderedIds = /* @__PURE__ */ new Set(), j.onRenderError = null;
+let Ne = j;
+const Ue = xn("element-serializer"), lt = 4e3, zn = /* @__PURE__ */ new Set();
+function Wa(i, n) {
+  const e = n ? Ha(n) : "no-src";
   return `${i}:${e}`;
 }
-function Wa(i) {
+function Ha(i) {
   let n = 0;
   for (let e = 0; e < i.length; e++) {
     const t = i.charCodeAt(e);
@@ -4367,20 +4369,20 @@ function Wa(i) {
   }
   return n.toString(36);
 }
-function me() {
-  Un.clear();
+function ye() {
+  zn.clear();
 }
-function lt(i) {
-  for (const n of Un)
-    n.startsWith(`${i}:`) && Un.delete(n);
-}
-function Ha(i) {
-  Un.add(i);
+function ct(i) {
+  for (const n of zn)
+    n.startsWith(`${i}:`) && zn.delete(n);
 }
 function Ga(i) {
-  return Un.has(i);
+  zn.add(i);
+}
+function Va(i) {
+  return zn.has(i);
 }
-async function Va(i, n = ot) {
+async function ja(i, n = lt) {
   const { naturalWidth: e, naturalHeight: t } = i;
   if (e <= n && t <= n)
     return createImageBitmap(i);
@@ -4391,20 +4393,20 @@ async function Va(i, n = ot) {
     resizeQuality: "high"
   });
 }
-let Jn = null, Zn = null;
-function ja(i, n) {
-  Jn = i, Zn = n;
+let Zn = null, Qn = null;
+function Xa(i, n) {
+  Zn = i, Qn = n;
 }
-function Xa() {
-  Jn = null, Zn = null;
+function qa() {
+  Zn = null, Qn = null;
 }
-function fr() {
-  me(), Jn && Jn();
+function ur() {
+  ye(), Zn && Zn();
 }
-function ur(i) {
-  lt(i), Zn && Zn(i);
+function hr(i) {
+  ct(i), Qn && Qn(i);
 }
-function ye(i, n) {
+function xe(i, n) {
   const e = i;
   if (typeof e.fontFamily == "string" && n.add(e.fontFamily), e.richText && typeof e.richText == "object") {
     const t = e.richText;
@@ -4419,14 +4421,14 @@ function ye(i, n) {
   }
   if (e.children && Array.isArray(e.children))
     for (const t of e.children)
-      ye(t, n);
+      xe(t, n);
   if (i.masks && Array.isArray(i.masks))
     for (const t of i.masks)
-      t.maskElement && ye(t.maskElement, n);
+      t.maskElement && xe(t.maskElement, n);
 }
-function Ue(i) {
+function ze(i) {
   if (typeof document > "u") return i;
-  const n = Qn.getInstance();
+  const n = ne.getInstance();
   return i.map((e) => {
     if (!(e != null && e.maskElement) || e.maskElement.transformType !== "image") return e;
     const t = e.maskElement.imageUrl;
@@ -4442,20 +4444,20 @@ function Ue(i) {
     } : e;
   });
 }
-async function ze(i, n, e = ot) {
+async function We(i, n, e = lt) {
   const t = n.filter((l) => i.hasElementId(l.id)), a = [], r = [], s = /* @__PURE__ */ new Set();
   for (const l of t) {
     const c = l.toJSON();
-    if (ye(c, s), l instanceof Nn && !l.imageElement) {
-      Ne.warn(`[element-serializer] Skipping image ${l.id}: image not loaded (state: ${l.imageLoadState})`);
+    if (xe(c, s), l instanceof Un && !l.imageElement) {
+      Ue.warn(`[element-serializer] Skipping image ${l.id}: image not loaded (state: ${l.imageLoadState})`);
       continue;
     }
-    if (l instanceof Nn && l.imageElement)
+    if (l instanceof Un && l.imageElement)
       try {
-        const d = za(l.id, l.imageUrl);
-        if (!Ga(d)) {
-          const $ = await Va(l.imageElement, e);
-          r.push({ cacheKey: d, bitmap: $ }), Ha(d);
+        const d = Wa(l.id, l.imageUrl);
+        if (!Va(d)) {
+          const $ = await ja(l.imageElement, e);
+          r.push({ cacheKey: d, bitmap: $ }), Ga(d);
         }
         const h = l.transformData || {}, u = c.masks && c.masks.length > 0, g = u ? h.width : h.width * (h.cropWidth ?? 1), m = u ? h.height : h.height * (h.cropHeight ?? 1), p = {
           id: l.id,
@@ -4474,9 +4476,9 @@ async function ze(i, n, e = ot) {
         }
         h.flipHorizontal && (p.flipHorizontal = h.flipHorizontal), h.flipVertical && (p.flipVertical = h.flipVertical), h.borderRadius && (p.borderRadius = h.borderRadius), l.opacity !== void 0 && (p.opacity = l.opacity);
         const b = p;
-        l.distressEffect && (b.distressEffect = { ...l.distressEffect }), c.masks && c.masks.length > 0 && (b.masks = Ue(c.masks)), c.blendMode && (b.blendMode = c.blendMode), c.knockoutParts && (b.knockoutParts = c.knockoutParts), "getVisualBoundingBox" in l && typeof l.getVisualBoundingBox == "function" ? b._boundingBox = l.getVisualBoundingBox() : "getBoundingBox" in l && typeof l.getBoundingBox == "function" && (b._boundingBox = l.getBoundingBox()), a.push(b);
+        l.distressEffect && (b.distressEffect = { ...l.distressEffect }), c.masks && c.masks.length > 0 && (b.masks = ze(c.masks)), c.blendMode && (b.blendMode = c.blendMode), c.knockoutParts && (b.knockoutParts = c.knockoutParts), "getVisualBoundingBox" in l && typeof l.getVisualBoundingBox == "function" ? b._boundingBox = l.getVisualBoundingBox() : "getBoundingBox" in l && typeof l.getBoundingBox == "function" && (b._boundingBox = l.getBoundingBox()), a.push(b);
       } catch (d) {
-        Ne.error(`[element-serializer] Failed to create ImageBitmap for ${c.id}:`, d);
+        Ue.error(`[element-serializer] Failed to create ImageBitmap for ${c.id}:`, d);
       }
     else {
       const d = {
@@ -4484,7 +4486,7 @@ async function ze(i, n, e = ot) {
         type: c.transformType
         // Map transformType to type for worker compatibility
       };
-      d.masks && Array.isArray(d.masks) && d.masks.length > 0 && (d.masks = Ue(d.masks)), "getVisualBoundingBox" in l && typeof l.getVisualBoundingBox == "function" ? d._boundingBox = l.getVisualBoundingBox() : "getBoundingBox" in l && typeof l.getBoundingBox == "function" && (d._boundingBox = l.getBoundingBox()), a.push(d);
+      d.masks && Array.isArray(d.masks) && d.masks.length > 0 && (d.masks = ze(d.masks)), "getVisualBoundingBox" in l && typeof l.getVisualBoundingBox == "function" ? d._boundingBox = l.getVisualBoundingBox() : "getBoundingBox" in l && typeof l.getBoundingBox == "function" && (d._boundingBox = l.getBoundingBox()), a.push(d);
     }
   }
   const o = Array.from(s);
@@ -4509,7 +4511,7 @@ async function ze(i, n, e = ot) {
     newBitmaps: r
   };
 }
-const qa = `"use strict";
+const Ya = `"use strict";
 (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -28368,8 +28370,8 @@ const qa = `"use strict";
     console.error("[Export Worker] Unhandled promise rejection:", event.reason);
   };
 })();
-`, J = yn("WorkerExport");
-class zn {
+`, K = xn("WorkerExport");
+class Wn {
   constructor() {
     this.worker = null, this.workerBlobUrl = null, this.pendingRequests = /* @__PURE__ */ new Map(), this.requestQueue = [], this.blobRequestQueue = [], this.isProcessingQueue = !1, this.isReady = !1, this.readyPromise = null, this.requestIdCounter = 0, this.workerCrashCount = 0, this.MAX_CRASHES_BEFORE_FALLBACK = 3, this.lastCrashTime = 0, this.CRASH_RESET_TIMEOUT = 6e4, this.progressListeners = /* @__PURE__ */ new Set(), this.idleTimeout = null, this.IDLE_TIMEOUT_MS = 3e4;
   }
@@ -28396,7 +28398,7 @@ class zn {
       try {
         e(n);
       } catch (t) {
-        J.error("Error in progress listener:", t);
+        K.error("Error in progress listener:", t);
       }
   }
   /**
@@ -28431,7 +28433,7 @@ class zn {
    * Call this when exiting editor mode to free memory.
    */
   clearWorkerBitmapCache() {
-    if (me(), this.worker && this.isReady) {
+    if (ye(), this.worker && this.isReady) {
       const n = {
         type: "clear-all-bitmaps"
       };
@@ -28443,7 +28445,7 @@ class zn {
    * Call this when an element is removed or its image source changes.
    */
   clearWorkerBitmap(n) {
-    if (lt(n), this.worker && this.isReady) {
+    if (ct(n), this.worker && this.isReady) {
       const e = {
         type: "clear-bitmap",
         elementId: n
@@ -28456,9 +28458,9 @@ class zn {
    */
   static supportsWorkerExport() {
     try {
-      return typeof OffscreenCanvas > "u" ? (J.warn("OffscreenCanvas not supported"), !1) : typeof Worker > "u" ? (J.warn("Web Workers not supported"), !1) : new OffscreenCanvas(1, 1).getContext("2d") ? !0 : (J.warn("OffscreenCanvas 2D context not supported"), !1);
+      return typeof OffscreenCanvas > "u" ? (K.warn("OffscreenCanvas not supported"), !1) : typeof Worker > "u" ? (K.warn("Web Workers not supported"), !1) : new OffscreenCanvas(1, 1).getContext("2d") ? !0 : (K.warn("OffscreenCanvas 2D context not supported"), !1);
     } catch (n) {
-      return J.warn("Feature detection failed:", n), !1;
+      return K.warn("Feature detection failed:", n), !1;
     }
   }
   /**
@@ -28467,34 +28469,34 @@ class zn {
   async initialize() {
     if (this.worker)
       return this.readyPromise || Promise.resolve();
-    if (!zn.supportsWorkerExport())
+    if (!Wn.supportsWorkerExport())
       throw new Error("Browser does not support OffscreenCanvas or Web Workers");
     return this.readyPromise = new Promise((n, e) => {
       try {
         let t;
         try {
-          const s = new Blob([qa], { type: "application/javascript" });
+          const s = new Blob([Ya], { type: "application/javascript" });
           t = URL.createObjectURL(s), this.workerBlobUrl = t;
         } catch (s) {
-          J.error("Failed to create worker blob:", s), e(new Error(`Worker creation failed: ${s instanceof Error ? s.message : String(s)}`));
+          K.error("Failed to create worker blob:", s), e(new Error(`Worker creation failed: ${s instanceof Error ? s.message : String(s)}`));
           return;
         }
         this.worker = new Worker(t, { type: "classic" }), this.worker.onmessage = (s) => {
           this.handleWorkerMessage(s.data);
         }, this.worker.onerror = (s) => {
-          J.error("Worker error:", s), this.handleWorkerError(s);
+          K.error("Worker error:", s), this.handleWorkerError(s);
         };
         const a = setTimeout(() => {
           e(new Error("Worker initialization timeout"));
         }, 15e3), r = (s) => {
-          s.data.type === "ready" && (clearTimeout(a), this.isReady = !0, ja(
+          s.data.type === "ready" && (clearTimeout(a), this.isReady = !0, Xa(
             () => this.clearWorkerBitmapCache(),
             (o) => this.clearWorkerBitmap(o)
           ), n());
         };
         this.worker.addEventListener("message", r, { once: !0 });
       } catch (t) {
-        J.error("Failed to create worker:", t), e(t);
+        K.error("Failed to create worker:", t), e(t);
       }
     }), this.readyPromise;
   }
@@ -28503,8 +28505,8 @@ class zn {
    */
   async restartWorker() {
     const n = Date.now();
-    if (n - this.lastCrashTime > this.CRASH_RESET_TIMEOUT && (this.workerCrashCount = 0), this.workerCrashCount++, this.lastCrashTime = n, J.warn(`Worker crashed (${this.workerCrashCount}/${this.MAX_CRASHES_BEFORE_FALLBACK})`), this.workerCrashCount >= this.MAX_CRASHES_BEFORE_FALLBACK)
-      throw J.error("Worker crashed too many times, giving up"), new Error("Worker has crashed too many times. Please refresh the page or use main thread export.");
+    if (n - this.lastCrashTime > this.CRASH_RESET_TIMEOUT && (this.workerCrashCount = 0), this.workerCrashCount++, this.lastCrashTime = n, K.warn(`Worker crashed (${this.workerCrashCount}/${this.MAX_CRASHES_BEFORE_FALLBACK})`), this.workerCrashCount >= this.MAX_CRASHES_BEFORE_FALLBACK)
+      throw K.error("Worker crashed too many times, giving up"), new Error("Worker has crashed too many times. Please refresh the page or use main thread export.");
     this.worker && (this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null));
     const e = Math.min(1e3 * Math.pow(2, this.workerCrashCount - 1), 5e3);
     await new Promise((t) => setTimeout(t, e)), await this.initialize();
@@ -28564,7 +28566,7 @@ class zn {
     const { artboard: e, elements: t, config: a } = n;
     if ((!this.worker || !this.isReady) && await this.initialize(), !this.worker)
       throw new Error("Worker is not initialized");
-    const r = `export-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: o, newBitmaps: l } = await ze(e, t);
+    const r = `export-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: o, newBitmaps: l } = await We(e, t);
     l.length > 0 && this.registerBitmapsWithWorker(l);
     const c = {
       type: "export",
@@ -28621,7 +28623,7 @@ class zn {
     const { artboard: e, elements: t, config: a } = n;
     if ((!this.worker || !this.isReady) && await this.initialize(), !this.worker)
       throw new Error("Worker is not initialized");
-    const r = `export-blob-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: o, newBitmaps: l } = await ze(e, t);
+    const r = `export-blob-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: o, newBitmaps: l } = await We(e, t);
     l.length > 0 && this.registerBitmapsWithWorker(l);
     const c = {
       type: "export",
@@ -28679,7 +28681,7 @@ class zn {
       case "ready":
         break;
       default:
-        J.warn("Unknown message type:", n);
+        K.warn("Unknown message type:", n);
     }
   }
   /**
@@ -28687,14 +28689,14 @@ class zn {
    */
   handleExportComplete(n) {
     const e = this.pendingRequests.get(n.requestId);
-    e && e.returnFormat === "dataUrl" ? (e.resolve(n), this.pendingRequests.delete(n.requestId)) : e ? (J.warn("Received dataUrl response for blob request:", n.requestId), e.reject(new Error("Received dataUrl response when expecting blob")), this.pendingRequests.delete(n.requestId)) : J.warn("Received response for unknown request:", n.requestId);
+    e && e.returnFormat === "dataUrl" ? (e.resolve(n), this.pendingRequests.delete(n.requestId)) : e ? (K.warn("Received dataUrl response for blob request:", n.requestId), e.reject(new Error("Received dataUrl response when expecting blob")), this.pendingRequests.delete(n.requestId)) : K.warn("Received response for unknown request:", n.requestId);
   }
   /**
    * Handle successful blob export completion
    */
   handleBlobExportComplete(n) {
     const e = this.pendingRequests.get(n.requestId);
-    e && e.returnFormat === "blob" ? (e.resolve(n), this.pendingRequests.delete(n.requestId)) : e ? (J.warn("Received blob response for dataUrl request:", n.requestId), e.reject(new Error("Received blob response when expecting dataUrl")), this.pendingRequests.delete(n.requestId)) : J.warn("Received blob response for unknown request:", n.requestId);
+    e && e.returnFormat === "blob" ? (e.resolve(n), this.pendingRequests.delete(n.requestId)) : e ? (K.warn("Received blob response for dataUrl request:", n.requestId), e.reject(new Error("Received blob response when expecting dataUrl")), this.pendingRequests.delete(n.requestId)) : K.warn("Received blob response for unknown request:", n.requestId);
   }
   /**
    * Handle export error
@@ -28705,13 +28707,13 @@ class zn {
       const t = new Error(n.error);
       n.stack && (t.stack = n.stack), e.reject(t), this.pendingRequests.delete(n.requestId);
     } else
-      J.warn("Received error for unknown request:", n.requestId);
+      K.warn("Received error for unknown request:", n.requestId);
   }
   /**
    * Handle worker errors
    */
   async handleWorkerError(n) {
-    J.error("Worker error:", n);
+    K.error("Worker error:", n);
     const e = Array.from(this.pendingRequests.values());
     for (const [t, a] of this.pendingRequests.entries())
       this.pendingRequests.delete(t);
@@ -28719,7 +28721,7 @@ class zn {
     try {
       await this.restartWorker();
     } catch (t) {
-      J.error("Failed to restart worker:", t);
+      K.error("Failed to restart worker:", t);
       for (const a of e)
         a.reject(new Error(`Worker crashed and could not be restarted: ${n.message}`));
       for (; this.requestQueue.length > 0; )
@@ -28735,7 +28737,7 @@ class zn {
         e.reject(new Error("Worker terminated")), this.pendingRequests.delete(n);
       for (; this.requestQueue.length > 0; )
         this.requestQueue.shift().reject(new Error("Worker terminated"));
-      this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, me(), Xa(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
+      this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, ye(), qa(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
     }
   }
   /**
@@ -28750,31 +28752,31 @@ class zn {
     };
   }
 }
-let An = null;
-function hr() {
-  return An || (An = new zn()), An;
-}
+let Pn = null;
 function pr() {
-  An && (An.terminate(), An = null);
+  return Pn || (Pn = new Wn()), Pn;
 }
-const hn = yn("Export");
-function xe(i, n) {
+function gr() {
+  Pn && (Pn.terminate(), Pn = null);
+}
+const hn = xn("Export");
+function $e(i, n) {
   var e;
   if (!(!i || typeof i != "object")) {
     if (typeof i.fontFamily == "string" && i.fontFamily.trim() && n.add(i.fontFamily), i.richText && Array.isArray(i.richText.spans))
       for (const t of i.richText.spans)
         (e = t == null ? void 0 : t.style) != null && e.fontFamily && typeof t.style.fontFamily == "string" && n.add(t.style.fontFamily);
     if (Array.isArray(i.children))
-      for (const t of i.children) xe(t, n);
+      for (const t of i.children) $e(t, n);
     if (Array.isArray(i.masks))
       for (const t of i.masks)
-        t != null && t.maskElement && xe(t.maskElement, n);
+        t != null && t.maskElement && $e(t.maskElement, n);
   }
 }
-async function We(i) {
+async function He(i) {
   if (typeof document > "u" || !document.fonts) return;
   const n = /* @__PURE__ */ new Set();
-  for (const t of i) xe(t, n);
+  for (const t of i) $e(t, n);
   if (n.size === 0) return;
   const e = [];
   for (const t of n)
@@ -28782,12 +28784,12 @@ async function We(i) {
     }));
   await Promise.all(e), document.fonts.ready && await document.fonts.ready;
 }
-const Ln = class Ln {
+const Nn = class Nn {
   /**
    * Check if worker export is supported in this browser
    */
   static supportsWorkerExport() {
-    return zn.supportsWorkerExport();
+    return Wn.supportsWorkerExport();
   }
   /**
    * Get or initialize the worker manager
@@ -28795,7 +28797,7 @@ const Ln = class Ln {
   static async getWorkerManager() {
     return this.supportsWorkerExport() ? this.workerManager ? this.workerManager : this.workerInitPromise ? (await this.workerInitPromise, this.workerManager) : (this.workerInitPromise = (async () => {
       try {
-        this.workerManager = new zn(), await this.workerManager.initialize();
+        this.workerManager = new Wn(), await this.workerManager.initialize();
       } catch (n) {
         hn.error("Failed to initialize worker:", n), this.workerManager = null;
       }
@@ -28942,15 +28944,15 @@ const Ln = class Ln {
       transparentBackground: l = !1,
       backgroundColor: c = n.backgroundColor
     } = a;
-    await We(e);
+    await He(e);
     const d = document.createElement("canvas"), f = n.width * o, h = n.height * o;
     d.width = f, d.height = h;
     const u = d.getContext("2d");
     if (u.scale(o, o), !l && n.exportBackground) {
       if (u.save(), this.applyExportBackgroundClipPath(u, n), n.backgroundType === "texture" && n.backgroundTexture) {
-        const x = dn.getTexturePresetColor(n.backgroundTexture);
+        const x = cn.getTexturePresetColor(n.backgroundTexture);
         u.fillStyle = x, u.fillRect(0, 0, n.width, n.height);
-        const w = dn.getTexture(n.backgroundTexture);
+        const w = cn.getTexture(n.backgroundTexture);
         w && w.complete && u.drawImage(w, 0, 0, n.width, n.height);
       } else
         u.fillStyle = c || n.backgroundColor, u.fillRect(0, 0, n.width, n.height);
@@ -28970,10 +28972,10 @@ const Ln = class Ln {
         const S = b[w], T = x.blendMode === "knockout" ? "destination-out" : "destination-in", k = ((v = S.knockoutParts) == null ? void 0 : v.scope) || "group", _ = b.findIndex((C) => C.id === S.id);
         if (_ !== -1 && k === "artboard")
           for (let C = 0; C < _; C++) {
-            const P = b[C].id;
-            P && $.add(P);
+            const E = b[C].id;
+            E && $.add(E);
           }
-        Xn(
+        qn(
           u,
           S,
           b,
@@ -29010,15 +29012,15 @@ const Ln = class Ln {
       transparentBackground: l = !1,
       backgroundColor: c = n.backgroundColor
     } = a;
-    await We(e);
+    await He(e);
     const d = document.createElement("canvas"), f = n.width * o, h = n.height * o;
     d.width = f, d.height = h;
     const u = d.getContext("2d");
     if (u.scale(o, o), !l && n.exportBackground) {
       if (u.save(), this.applyExportBackgroundClipPath(u, n), n.backgroundType === "texture" && n.backgroundTexture) {
-        const S = dn.getTexturePresetColor(n.backgroundTexture);
+        const S = cn.getTexturePresetColor(n.backgroundTexture);
         u.fillStyle = S, u.fillRect(0, 0, n.width, n.height);
-        const T = dn.getTexture(n.backgroundTexture);
+        const T = cn.getTexture(n.backgroundTexture);
         T && T.complete ? u.drawImage(T, 0, 0, n.width, n.height) : hn.warn("Texture not loaded for export:", n.backgroundTexture);
       } else
         u.fillStyle = c, u.fillRect(0, 0, n.width, n.height);
@@ -29035,13 +29037,13 @@ const Ln = class Ln {
     m.forEach((S, T) => {
       var k;
       if (S.blendMode === "knockout" || S.blendMode === "clip") {
-        const _ = b[T], C = S.blendMode === "knockout" ? "destination-out" : "destination-in", P = ((k = _.knockoutParts) == null ? void 0 : k.scope) || "group", I = b.findIndex((A) => A.id === _.id);
-        if (I !== -1 && P === "artboard")
+        const _ = b[T], C = S.blendMode === "knockout" ? "destination-out" : "destination-in", E = ((k = _.knockoutParts) == null ? void 0 : k.scope) || "group", I = b.findIndex((A) => A.id === _.id);
+        if (I !== -1 && E === "artboard")
           for (let A = 0; A < I; A++) {
-            const O = b[A].id;
-            O && $.add(O);
+            const R = b[A].id;
+            R && $.add(R);
           }
-        Xn(
+        qn(
           u,
           _,
           b,
@@ -29054,28 +29056,28 @@ const Ln = class Ln {
     }), m.forEach((S, T) => {
       var k;
       if (!$.has(S.id)) {
-        const _ = b[T], C = ((k = _ == null ? void 0 : _.distressEffect) == null ? void 0 : k.enabled) && _.distressEffect.style === "custom" && _.distressEffect.textureUrl, P = (_ == null ? void 0 : _.masks) && _.masks.length > 0, I = (A) => {
+        const _ = b[T], C = ((k = _ == null ? void 0 : _.distressEffect) == null ? void 0 : k.enabled) && _.distressEffect.style === "custom" && _.distressEffect.textureUrl, E = (_ == null ? void 0 : _.masks) && _.masks.length > 0, I = (A) => {
           S.render(A, !1);
         };
-        if (P && C)
-          En(u, _, (A) => {
-            const O = S.getVisualBoundingBox();
-            Kn(A, _.distressEffect, O, I);
+        if (E && C)
+          An(u, _, (A) => {
+            const R = S.getVisualBoundingBox();
+            Jn(A, _.distressEffect, R, I);
           });
-        else if (P)
-          En(u, _, I);
+        else if (E)
+          An(u, _, I);
         else if (C) {
           const A = S.getVisualBoundingBox();
-          Kn(u, _.distressEffect, A, I);
+          Jn(u, _.distressEffect, A, I);
         } else
           S.render(u, !1);
       }
-    }), (w = n.distressTexture) != null && w.enabled && it(u, n.distressTexture, {
+    }), (w = n.distressTexture) != null && w.enabled && ot(u, n.distressTexture, {
       x: n.x,
       y: n.y,
       width: n.width,
       height: n.height
-    }), (v = n.imageMask) != null && v.enabled && tt(u, n.imageMask, {
+    }), (v = n.imageMask) != null && v.enabled && at(u, n.imageMask, {
       x: n.x,
       y: n.y,
       width: n.width,
@@ -29314,9 +29316,9 @@ const Ln = class Ln {
     return "previewBackgroundColor" in e && delete e.previewBackgroundColor, e;
   }
 };
-Ln.CURRENT_VERSION = "2.0.0", Ln.workerManager = null, Ln.workerInitPromise = null;
-let He = Ln;
-class ct {
+Nn.CURRENT_VERSION = "2.0.0", Nn.workerManager = null, Nn.workerInitPromise = null;
+let Ge = Nn;
+class dt {
   /**
    * Create an element instance from a JSON configuration
    * TypeScript ensures all transform types are handled
@@ -29329,27 +29331,27 @@ class ct {
     const { transformType: e } = n;
     switch (e) {
       case "custom":
-        return new Wt(n);
+        return new Ht(n);
       case "distort":
         throw new Error("DistortTransform is not yet implemented");
       case "circle":
-        return new zt(n);
+        return new Wt(n);
       case "lean":
-        return new Ut(n);
+        return new zt(n);
       case "arch":
-        return new Nt(n);
+        return new Ut(n);
       case "ascend":
-        return new Lt(n);
+        return new Nt(n);
       case "wave":
-        return new Bt(n);
+        return new Lt(n);
       case "flag":
-        return new Ot(n);
+        return new Bt(n);
       case "image":
-        return new Nn(n);
+        return new Un(n);
       case "group":
         const t = (n.children || []).map(
-          (s) => ct.createFromJSON(s)
-        ), a = new Ge({
+          (s) => dt.createFromJSON(s)
+        ), a = new Ve({
           id: n.id,
           x: n.x,
           y: n.y,
@@ -29357,9 +29359,9 @@ class ct {
         });
         return t.forEach((s) => a.addChild(s)), a;
       case "shape":
-        return new je(n);
+        return new Xe(n);
       case "path":
-        return new Ve(n);
+        return new je(n);
       default:
         const r = e;
         throw new Error(`Unknown transform type: ${r}`);
@@ -29574,42 +29576,42 @@ class ct {
   }
 }
 export {
-  Je as A,
-  lt as B,
-  Le as C,
-  Ma as D,
-  ct as E,
-  er as I,
-  wa as M,
-  Kt as R,
-  ar as S,
-  dn as T,
-  zn as W,
-  Sa as a,
-  He as b,
-  oe as c,
-  ir as d,
-  La as e,
-  sr as f,
-  rr as g,
-  Te as h,
-  Qt as i,
-  Ja as j,
-  Ka as k,
-  nr as l,
-  Qa as m,
-  tr as n,
-  ot as o,
-  dr as p,
-  fr as q,
-  Za as r,
-  cr as s,
-  me as t,
-  hr as u,
-  lr as v,
-  ur as w,
-  or as x,
-  En as y,
-  pr as z
+  Ze as A,
+  ct as B,
+  Ne as C,
+  Oa as D,
+  dt as E,
+  tr as I,
+  Sa as M,
+  Jt as R,
+  rr as S,
+  cn as T,
+  Wn as W,
+  Ca as a,
+  Ge as b,
+  le as c,
+  or as d,
+  Na as e,
+  ir as f,
+  sr as g,
+  _e as h,
+  na as i,
+  Za as j,
+  Ja as k,
+  er as l,
+  nr as m,
+  ar as n,
+  lt as o,
+  fr as p,
+  ur as q,
+  Qa as r,
+  dr as s,
+  ye as t,
+  pr as u,
+  cr as v,
+  hr as w,
+  lr as x,
+  An as y,
+  gr as z
 };
-//# sourceMappingURL=ElementFactory-uJTXU-nP.js.map
+//# sourceMappingURL=ElementFactory-Ckv6sSev.js.map