@snowcone-app/canvas 0.1.10 → 0.1.13

package/dist/{ElementFactory-Ckv6sSev.js → ImportManager-Oqu2yB54.js}

@@ -1,4 +1,4 @@
-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";
+import { K as en, aq as bt, ar as mt, ax as ke, $ as yt, Z as xt, O as Te, Y as $t, N as pn, aL as vt, aM as _e, c as mn, aN as wt, aO as St, G as Ke, I as Un, P as Je, S as Ze, T as Ct, aH as kt, aG as Tt, ab as _t, aP as ee, aQ as Et, aR as At, aS as Pt, aT as It, aU as Qe, aI as nt, H as Xn, aJ as et, aV as oe, aW as Dt, am as Rt, aX as Ft, aY as Ee, aZ as Mt, a_ as Ot, a$ as Bt, aE as Lt, b0 as Nt, b1 as Ut, b2 as nn, ah as zt, al as Wt, ae as Ht, ac as Gt, aj as Vt, af as jt, a0 as Xt, A as Ae } from "./HybridHistoryManager-jBBnVim8.js";
 const sn = {
   // Canvas-specific
   canvas: {
@@ -16,30 +16,30 @@ const sn = {
     spacingLabelFontSize: 11,
     spacingLabelFontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
   }
-}, Gt = 2, Bn = 6, Vt = 16, jt = 5, Xt = 5, Je = 0.5;
-function _e(i) {
-  return Gt / i;
+}, qt = 2, Bn = 6, Yt = 16, Kt = 5, Jt = 5, tt = 0.5;
+function Pe(i) {
+  return qt / i;
 }
-function Ja(i) {
+function er(i) {
   return Bn / i;
 }
-function qt(i) {
-  return Vt / i;
+function Zt(i) {
+  return Yt / i;
 }
-function Za(i) {
-  return [jt / i, Xt / i];
+function tr(i) {
+  return [Kt / i, Jt / i];
 }
-function Yt(i, n, e, t) {
+function Qt(i, n, e, t) {
   i.save();
-  const a = Je / t;
+  const a = tt / 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 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();
+function ar(i, n, e, t = 1, a = "#3b82f6", r = !1) {
+  const s = Zt(t);
+  i.save(), i.fillStyle = "#fff", i.strokeStyle = a, i.lineWidth = r ? Pe(t) * 1.25 : Pe(t), i.beginPath(), i.arc(n, e, s, 0, Math.PI * 2), i.fill(), i.stroke(), Qt(i, n, e, t), i.restore();
 }
-const Ee = Bn * 2;
-class nr {
+const Ie = Bn * 2;
+class rr {
   constructor() {
     this.resizeHandles = [], this.rotationHandle = null, this.elementRotation = 0, this.rotationAnchor = { x: 0, y: 0 };
   }
@@ -56,8 +56,8 @@ class nr {
       y: a.y - o,
       width: a.width + o * 2,
       height: a.height + o * 2
-    }, 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(
+    }, c = bt(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 = mt(
       l,
       n.rotation,
       r,
@@ -86,7 +86,7 @@ class nr {
     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 = Ee * 0.6, f = Ee * 1.4, h = d / 2, u = s - d / 2, g = o - f / 2;
+      const d = Ie * 0.6, f = Ie * 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, Bn, 0, Math.PI * 2), n.fill(), n.stroke();
@@ -100,7 +100,7 @@ class nr {
     n.save();
     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 = Je;
+    const l = tt;
     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 nr {
    * @param zoom - Current zoom level (radius scales inversely with zoom)
    */
   hitTestResize(n, e, t = 1) {
-    const a = gt / t;
+    const a = xt / t;
     for (const r of this.resizeHandles)
-      if (Se(n, e, r.x, r.y, a))
+      if (ke(n, e, r.x, r.y, a))
         return r;
     return null;
   }
@@ -129,7 +129,7 @@ class nr {
   hitTestRotation(n, e, t = 1) {
     if (!this.rotationHandle) return !1;
     const a = (Bn * 2.67 + 2) / t;
-    return Se(n, e, this.rotationHandle.x, this.rotationHandle.y, a);
+    return ke(n, e, this.rotationHandle.x, this.rotationHandle.y, a);
   }
   /**
    * Get rotation handle position (for React-based rendering)
@@ -144,7 +144,7 @@ class nr {
    */
   getCursor(n, e) {
     const t = n.anchor.includes("middle") ? "edge" : "corner";
-    return pt(
+    return yt(
       n.x,
       n.y,
       this.rotationAnchor.x,
@@ -155,7 +155,7 @@ class nr {
     );
   }
 }
-class Kt {
+class na {
   /**
    * Calculate new dimensions and position for a resize operation
    */
@@ -168,7 +168,7 @@ class Kt {
     snapSystem: s
   }) {
     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;
+    const l = new Te(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;
@@ -236,7 +236,7 @@ class Kt {
     handle: t,
     rotationAnchor: a
   }) {
-    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;
+    const r = new Te(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 - z,
       y: v - O
@@ -277,7 +277,7 @@ class Kt {
     return a;
   }
 }
-class Jt {
+class ea {
   constructor() {
     this.hooks = {
       beforeResize: [],
@@ -332,7 +332,7 @@ class Jt {
    */
   executeResize(n) {
     const e = this.runHooks("beforeResize", n);
-    let t = Kt.calculateResize({
+    let t = na.calculateResize({
       ...e,
       snapSystem: n.snapSystem
     });
@@ -347,8 +347,8 @@ class Jt {
     return this.runHooks("afterPositionUpdate", t).position;
   }
 }
-const er = new Jt();
-class tr {
+const sr = new ea();
+class ir {
   constructor(n = null) {
     this.state = "IDLE", this.context = {
       mode: null,
@@ -546,7 +546,7 @@ class tr {
   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 = (bt(t, a, n, e) - r.startAngle) * 180 / Math.PI;
+    const r = this.context.startData, o = ($t(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;
   }
@@ -770,7 +770,7 @@ class Cn {
     return Math.abs(a.x - t.x) > r || Math.abs(a.y - t.y) > r;
   }
 }
-class Ae {
+class De {
   constructor(n) {
     this.cellSize = n, this.cells = /* @__PURE__ */ new Map(), this.idIndex = /* @__PURE__ */ new Map();
   }
@@ -884,14 +884,14 @@ function Vn(i, n) {
   const e = i.transformData;
   return e && "height" in e ? (e.height = n, !0) : !1;
 }
-class ar {
+class or {
   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 Ae(Math.max(this.snapThreshold * 2, 16)), this._anchorMetadata = /* @__PURE__ */ new Map();
+    }, this.stickyThreshold = n.stickyThreshold || 15, this._spatialGrid = new De(Math.max(this.snapThreshold * 2, 16)), this._anchorMetadata = /* @__PURE__ */ new Map();
   }
   /**
    * Enable or disable snapping
@@ -903,7 +903,7 @@ class ar {
    * Set snap threshold in pixels
    */
   setSnapThreshold(n) {
-    this.snapThreshold = n, this._spatialGrid = new Ae(Math.max(n * 2, 16));
+    this.snapThreshold = n, this._spatialGrid = new De(Math.max(n * 2, 16));
   }
   /**
    * Get current snap guides for rendering
@@ -1509,12 +1509,12 @@ class ar {
     if (!this.enabled) return n;
     const a = [0, 45, 90, 135, 180, 225, 270, 315, 360], r = 5;
     for (const s of a)
-      if (mt(n, s, r))
+      if (vt(n, s, r))
         return s;
     return n;
   }
 }
-class rr {
+class lr {
   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 rr {
   snapToSpacing(n, e, t) {
     if (!this.enabled || !t)
       return n;
-    const a = ke, r = t.filter((p) => p.id !== e.id);
+    const a = _e, r = t.filter((p) => p.id !== e.id);
     if (r.length === 0)
       return n;
     const s = e.clone();
@@ -1846,7 +1846,7 @@ class rr {
    * Check if spacing would snap to a pattern
    */
   checkIfWouldSnap(n, e, t, a) {
-    const r = ke;
+    const r = _e;
     if (t === "top" || t === "bottom") {
       const s = a.filter((o) => {
         const l = o.getVisualBoundingBox();
@@ -1946,7 +1946,7 @@ class rr {
     }
   }
 }
-const Zt = xn("TextureManager"), Ln = class Ln {
+const ta = mn("TextureManager"), Ln = class Ln {
   /**
    * Load a texture by ID or URL
    */
@@ -1960,7 +1960,7 @@ const Zt = xn("TextureManager"), Ln = class Ln {
       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 = () => {
-        Zt.error("Failed to load texture:", e), this.loading.delete(n), this.loading.delete(e), r(new Error(`Failed to load texture: ${e}`));
+        ta.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;
@@ -2037,7 +2037,7 @@ Ln.cache = /* @__PURE__ */ new Map(), Ln.loading = /* @__PURE__ */ new Map(), Ln
   }
 ];
 let cn = Ln;
-const oe = xn("ArtboardRenderer"), Qt = {
+const le = mn("ArtboardRenderer"), aa = {
   showLabel: !0,
   showBorder: !0,
   borderColor: "",
@@ -2055,9 +2055,9 @@ const oe = xn("ArtboardRenderer"), Qt = {
   borderRadius: 0
   // Default to no border radius (sharp corners)
 };
-class Ze {
+class at {
   constructor(n = {}) {
-    this.options = { ...Qt, ...n };
+    this.options = { ...aa, ...n };
   }
   /**
    * Render an artboard
@@ -2082,7 +2082,7 @@ class Ze {
     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) {
       cn.loadTexture(e.backgroundTexture).catch((r) => {
-        oe.error("Failed to load texture:", r);
+        le.error("Failed to load texture:", r);
       });
       return;
     }
@@ -2103,7 +2103,7 @@ class Ze {
    * 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 || yt(), d = this.options.selectedBorderColor || en();
+    const { x: a, y: r, width: s, height: o, clipShape: l } = e, c = this.options.borderColor || wt(), 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 Ze {
         n.save(), n.translate(a, r), n.stroke(f), n.restore();
         return;
       } catch (f) {
-        oe.warn("Invalid SVG path for border, falling back to rectangle:", f), n.rect(a, r, s, o);
+        le.warn("Invalid SVG path for border, falling back to rectangle:", f), n.rect(a, r, s, o);
       }
     n.stroke();
   }
@@ -2132,7 +2132,7 @@ class Ze {
   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 || xt();
+    const c = this.options.selectedBorderColor || en(), d = this.options.labelColor || St();
     n.fillStyle = t ? c : d, n.textAlign = "left", n.textBaseline = "bottom", n.fillText(s, o, l);
   }
   /**
@@ -2176,7 +2176,7 @@ class Ze {
         n.translate(t, a), n.clip(l), n.translate(-t, -a);
         return;
       } catch (l) {
-        oe.warn("Invalid SVG path, falling back to rectangle:", l), n.rect(t, a, r, s);
+        le.warn("Invalid SVG path, falling back to rectangle:", l), n.rect(t, a, r, s);
       }
     n.clip();
   }
@@ -2235,7 +2235,7 @@ class Ze {
    * Use this when exporting to ensure preview background is never included
    */
   static createForExport(n = {}) {
-    return new Ze({
+    return new at({
       ...n,
       showPreviewBackground: !1
       // CRITICAL: Never show preview in exports
@@ -2248,42 +2248,42 @@ class Ze {
     return !!(this.options.showPreviewBackground && n.previewBackgroundColor && n.previewBackgroundColor !== "transparent");
   }
 }
-function sr(i) {
-  return i instanceof $t;
+function cr(i) {
+  return i instanceof Ct;
 }
-function na(i) {
+function ra(i) {
   return i instanceof Un;
 }
-function le(i) {
-  return i instanceof Ve;
+function ce(i) {
+  return i instanceof Ke;
 }
-function ir(i) {
-  return i instanceof Xe;
+function dr(i) {
+  return i instanceof Ze;
 }
-function or(i) {
-  return i instanceof je;
+function fr(i) {
+  return i instanceof Je;
 }
-function ve(i, n, e = {}) {
+function we(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":
-      ta(i, n, t, e);
+      ia(i, n, t, e);
       break;
     case "shape":
-      aa(i, n, t, e);
+      oa(i, n, t, e);
       break;
     case "group":
       break;
     default:
-      ea(i, n, t, e);
+      sa(i, n, t, e);
       break;
   }
   i.restore();
 }
-function ea(i, n, e, t) {
+function sa(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(), vt(i, n, { ...t.renderingContext, positionApplied: !0 }), i.restore()), (e === "fill" || e === "both") && (i.save(), wt(i, {
+  r && ((e === "stroke" || e === "both") && ((s = n.stroke) != null && s.enabled) && (i.save(), kt(i, n, { ...t.renderingContext, positionApplied: !0 }), i.restore()), (e === "fill" || e === "both") && (i.save(), Tt(i, {
     text: r,
     fontSize: a.fontSize || 24,
     fontFamily: a.fontFamily || "Arial",
@@ -2293,12 +2293,12 @@ function ea(i, n, e, t) {
     color: a.color || "#000000"
   }), i.restore()));
 }
-function ta(i, n, e, t) {
+function ia(i, n, e, t) {
   var r;
   if (!n.transformData) return;
   const a = n.transformData;
   if (e === "fill" || e === "both")
-    if (la(i, n), t.loadedImage) {
+    if (ua(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 ta(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(), St(i, n, t.renderingContext), i.restore());
+  (e === "stroke" || e === "both") && ((r = n.stroke) != null && r.enabled) && (i.save(), _t(i, n, t.renderingContext), i.restore());
 }
-function aa(i, n, e, t) {
+function oa(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(), 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());
+  i.beginPath(), rt(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(), fa(i, n, t.renderingContext), i.restore());
 }
-function Qe(i, n) {
+function rt(i, n) {
   const { shapeType: e } = n, t = n.width ?? 100, a = n.height ?? 100;
   switch (e) {
     case "rectangle":
-      Pe(i, n, t, a);
+      Re(i, n, t, a);
       break;
     case "circle":
-      ra(i, Math.min(t, a) / 2);
+      la(i, Math.min(t, a) / 2);
       break;
     case "ellipse":
-      sa(i, t / 2, a / 2);
+      ca(i, t / 2, a / 2);
       break;
     case "star":
-      ia(i, n, Math.min(t, a) / 2);
+      da(i, n, Math.min(t, a) / 2);
       break;
     default:
-      Pe(i, n, t, a);
+      Re(i, n, t, a);
   }
 }
-function Pe(i, n, e, t) {
+function Re(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 Pe(i, n, e, t) {
   } else
     i.rect(r, s, e, t);
 }
-function ra(i, n) {
+function la(i, n) {
   i.arc(0, 0, n, 0, Math.PI * 2);
 }
-function sa(i, n, e) {
+function ca(i, n, e) {
   i.ellipse(0, 0, n, e, 0, 0, Math.PI * 2);
 }
-function ia(i, n, e) {
+function da(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 ia(i, n, e) {
   }
   i.closePath();
 }
-function oa(i, n, e) {
+function fa(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(), Qe(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(), rt(i, n.transformData), i.stroke(), i.restore();
 }
-function la(i, n) {
+function ua(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) {
@@ -2379,21 +2379,21 @@ function qn(i, n, e, t, a, r, s = "destination-out") {
   }
   const l = i.getTransform();
   i.save();
-  const c = n.knockoutParts.scope || "group", d = ca(n, c, e);
+  const c = n.knockoutParts.scope || "group", d = ha(n, c, e);
   if (d.length === 0 && c === "artboard") {
-    fa(i, n, t), i.restore();
+    ga(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 = ua(f.width, f.height), m = g.getContext("2d");
+  const f = i.canvas, u = i.getTransform().a, g = ba(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(), 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());
+  n.knockoutParts.fill && !n.knockoutParts.stroke && (($ = n.stroke) != null && $.enabled) && (m.save(), pe(m, n), m.restore()), m.save(), m.globalCompositeOperation = s, n.knockoutParts.fill && he(m, n), n.knockoutParts.stroke && pe(m, n), m.restore(), n.knockoutParts.fill || (m.save(), he(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 qn(i, n, e, t, a, r, s = "destination-out") {
     l.f
   );
 }
-function lr(i, n, e, t, a, r) {
+function ur(i, n, e, t, a, r) {
   qn(i, n, e, t, a, r, "destination-out");
 }
-function ca(i, n, e) {
-  return n === "artboard" ? nt(i, e) : da(i, e);
+function ha(i, n, e) {
+  return n === "artboard" ? st(i, e) : pa(i, e);
 }
-function nt(i, n) {
+function st(i, n) {
   const e = n.findIndex((t) => t.id === i.id);
   return e === -1 ? [] : n.slice(0, e);
 }
-function da(i, n) {
-  const e = et(i, n);
+function pa(i, n) {
+  const e = it(i, n);
   if (!e)
-    return nt(i, n);
+    return st(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 et(i, n) {
+function it(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 = et(i, e.children);
+      const t = it(i, e.children);
       if (t)
         return t;
     }
   return null;
 }
-function ue(i, n, e) {
-  ve(i, n, {
+function he(i, n, e) {
+  we(i, n, {
     mode: "fill",
     renderingContext: { isKnockout: !0 }
   });
 }
-function he(i, n) {
+function pe(i, n) {
   var e;
-  (e = n.stroke) != null && e.enabled && ve(i, n, {
+  (e = n.stroke) != null && e.enabled && we(i, n, {
     mode: "stroke",
     renderingContext: { isKnockout: !0 }
   });
 }
-function fa(i, n, e) {
+function ga(i, n, e) {
   var a;
   const t = n.knockoutParts;
   if (!t) {
     e(i, n);
     return;
   }
-  t.fill || (i.save(), ue(i, n), i.restore()), !t.stroke && ((a = n.stroke) != null && a.enabled) && (i.save(), he(i, n), i.restore());
+  t.fill || (i.save(), he(i, n), i.restore()), !t.stroke && ((a = n.stroke) != null && a.enabled) && (i.save(), pe(i, n), i.restore());
 }
-function ua(i, n) {
+function ba(i, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(i, n);
   if (typeof document < "u") {
@@ -2467,7 +2467,7 @@ function ua(i, n) {
   }
   throw new Error("No canvas context available");
 }
-function Ie(i, n, e, t, a = 0) {
+function Fe(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 Ie(i, n, e, t, a = 0) {
     height: l + a
   };
 }
-const Fn = 64, ce = 512;
-function ha(i, n) {
+const Fn = 64, de = 512;
+function ma(i, n) {
   i.beginPath(), i.arc(n / 2, n / 2, n * 0.45, 0, Math.PI * 2), i.fill();
 }
-function pa(i, n) {
+function ya(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 pa(i, n) {
   }
   i.closePath(), i.fill();
 }
-function ga(i, n) {
+function xa(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 ba(i, n) {
+function $a(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 ma(i, n) {
+function va(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 ma(i, n) {
   }
   i.closePath(), i.fill();
 }
-function ya(i, n) {
+function wa(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 xa(i, n) {
+function Sa(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 xa(i, n) {
     i.beginPath(), i.arc(e + Math.cos(o) * l, t + Math.sin(o) * l, c, 0, Math.PI * 2), i.fill();
   }
 }
-function $a(i, n) {
+function Ca(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 $a(i, n) {
   }
   i.closePath(), i.fill();
 }
-function va(i, n) {
+function ka(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,58 +2557,58 @@ function va(i, n) {
   }
   i.closePath(), i.fill();
 }
-function wa(i, n) {
+function Ta(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 Sa = [
+const _a = [
   // Geometric
-  { 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 },
+  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: ma },
+  { id: "star", name: "Star", description: "5-pointed star", imageUrl: "builtin-mask:star", thumbnailUrl: "", category: "geometric", draw: ya },
+  { id: "heart", name: "Heart", description: "Heart shape", imageUrl: "builtin-mask:heart", thumbnailUrl: "", category: "geometric", draw: xa },
+  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: $a },
+  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: va },
+  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: wa },
   // Organic
-  { 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 }
+  { id: "splatter", name: "Splatter", description: "Ink splatter", imageUrl: "builtin-mask:splatter", thumbnailUrl: "", category: "organic", draw: Sa },
+  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: Ca },
+  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: ka },
+  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: Ta }
 ];
-let De = !1;
-function Re(i, n) {
+let Me = !1;
+function Oe(i, n) {
   if (typeof document > "u") return null;
   const e = document.createElement("canvas");
   return e.width = i, e.height = n, e;
 }
-function Ca() {
-  if (typeof document > "u" || De) return;
-  De = !0;
-  const i = ne.getInstance();
-  for (const n of Sa) {
-    const e = Re(ce, ce);
+function Ea() {
+  if (typeof document > "u" || Me) return;
+  Me = !0;
+  const i = ee.getInstance();
+  for (const n of _a) {
+    const e = Oe(de, de);
     if (!e) continue;
     const t = e.getContext("2d");
     if (!t) continue;
-    t.fillStyle = "white", n.draw(t, ce);
+    t.fillStyle = "white", n.draw(t, de);
     const a = e.toDataURL("image/png"), r = i.acquire(n.imageUrl);
     r.crossOrigin = "anonymous", r.src = a;
-    const s = Re(Fn, Fn);
+    const s = Oe(Fn, Fn);
     if (s) {
       const o = s.getContext("2d");
       o && (o.fillStyle = "#1a1a2e", o.fillRect(0, 0, Fn, Fn), o.fillStyle = "white", n.draw(o, Fn), n.thumbnailUrl = s.toDataURL("image/png"));
     }
   }
 }
-const ka = xn("MaskRenderer"), pe = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map();
-function cr(i) {
+const Aa = mn("MaskRenderer"), ge = /* @__PURE__ */ new Map(), Pa = /* @__PURE__ */ new Map();
+function hr(i) {
   const n = [];
-  pe.forEach((e, t) => {
+  ge.forEach((e, t) => {
     t.startsWith(i) && n.push(t);
-  }), n.forEach((e) => pe.delete(e));
+  }), n.forEach((e) => ge.delete(e));
 }
-function dr() {
-  pe.clear();
+function pr() {
+  ge.clear();
 }
 function An(i, n, e) {
   if (!n.masks || n.masks.length === 0) {
@@ -2617,41 +2617,41 @@ function An(i, n, e) {
   }
   const t = i.canvas, a = Yn(t.width, t.height), r = a.getContext("2d");
   if (!r) {
-    ka.error("[renderWithMasks] Failed to get offscreen context");
+    Aa.error("[renderWithMasks] Failed to get offscreen context");
     return;
   }
   const s = i.getTransform();
   r.setTransform(s), e(r);
   for (const o of n.masks)
-    _a(r, o, n);
+    Ia(r, o, n);
   i.save(), i.setTransform(1, 0, 0, 1, 0, 0), i.drawImage(a, 0, 0), i.restore();
 }
-function _a(i, n, e) {
+function Ia(i, n, e) {
   switch (n.type) {
     case "clip":
-      Ea(i, n, e);
+      Da(i, n, e);
       break;
     case "alpha":
-      Aa(i, n, e);
+      Ra(i, n, e);
       break;
     case "luma":
-      Pa(i, n, e);
+      Fa(i, n, e);
       break;
     case "distress":
-      Ia(i, n, e);
+      Ma(i, n, e);
       break;
   }
 }
-function Ea(i, n, e) {
-  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 Da(i, n, e) {
+  i.save(), i.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (i.globalAlpha = n.opacity), te(i, n.maskElement, e), i.restore();
 }
-function Aa(i, n, e) {
-  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 Ra(i, n, e) {
+  i.save(), i.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (i.globalAlpha = n.opacity), te(i, n.maskElement, e), n.feather && n.feather > 0 && ot(i, n.feather), i.restore();
 }
-function Pa(i, n, e) {
+function Fa(i, n, e) {
   const t = Yn(i.canvas.width, i.canvas.height), a = t.getContext("2d");
   if (!a) return;
-  ee(a, n.maskElement, e);
+  te(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 Pa(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 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 Ma(i, n, e) {
+  i.save(), i.globalCompositeOperation = n.inverted ? "destination-in" : "destination-out", n.opacity !== void 0 && (i.globalAlpha = n.opacity), te(i, n.maskElement, e), n.feather && n.feather > 0 && ot(i, n.feather), i.restore();
 }
-function ee(i, n, e) {
+function te(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 ee(i, n, e) {
     const x = n;
     if (x.imageUrl)
       if (typeof document < "u") {
-        x.imageUrl.startsWith("builtin-mask:") && Ca();
-        const w = ne.getInstance(), v = w.acquire(x.imageUrl);
+        x.imageUrl.startsWith("builtin-mask:") && Ea();
+        const w = ee.getInstance(), v = w.acquire(x.imageUrl);
         v.complete && v.naturalWidth > 0 && (g = v), w.release(x.imageUrl);
       } else
-        m = Ta.get(x.imageUrl);
+        m = Pa.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 = Ie(
+      const v = Fe(
         x,
         w,
         y,
@@ -2703,7 +2703,7 @@ function ee(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 = Ie(
+    const x = (p == null ? void 0 : p.width) || f, w = (p == null ? void 0 : p.height) || h, v = Fe(
       x,
       w,
       y,
@@ -2712,9 +2712,9 @@ function ee(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
-    ve(i, o, { mode: "both", loadedImage: g });
+    we(i, o, { mode: "both", loadedImage: g });
 }
-function tt(i, n) {
+function ot(i, n) {
   "filter" in i && (i.filter = `blur(${n}px)`);
 }
 function Yn(i, n) {
@@ -2726,9 +2726,9 @@ function Yn(i, n) {
   }
   throw new Error("No canvas context available");
 }
-function at(i, n, e, t) {
+function lt(i, n, e, t) {
   if (!n.enabled || !n.imageUrl || n.opacity <= 0) return;
-  const a = ne.getInstance(), r = a.acquire(n.imageUrl);
+  const a = ee.getInstance(), r = a.acquire(n.imageUrl);
   if (!r.complete || r.naturalWidth === 0) {
     a.release(n.imageUrl);
     return;
@@ -2770,7 +2770,7 @@ function at(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 Da {
+class Oa {
   constructor(n = Math.random()) {
     this.perm = [];
     for (let t = 0; t < 256; t++)
@@ -2808,8 +2808,8 @@ class Da {
     );
   }
 }
-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;
+function fe(i, n, e, t = Date.now()) {
+  const s = ae(i, n).getContext("2d").createImageData(i, n), o = s.data, l = new Oa(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 de(i, n, e, t = Date.now()) {
     }
   return s;
 }
-function Ra(i, n, e, t = Date.now()) {
-  const r = te(i, n).getContext("2d");
+function Ba(i, n, e, t = Date.now()) {
+  const r = ae(i, n).getContext("2d");
   r.clearRect(0, 0, i, n), r.strokeStyle = "#000000", r.lineWidth = 1 + e / 50, r.lineCap = "round";
-  const s = we(t), o = Math.floor(e / 100 * 30 + 5);
+  const s = Se(t), o = Math.floor(e / 100 * 30 + 5);
   for (let l = 0; l < o; l++) {
     const c = s() * i, d = s() * n;
-    ge(r, c, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
+    be(r, c, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
   }
   return r.getImageData(0, 0, i, n);
 }
-function ge(i, n, e, t, a, r, s) {
+function be(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;
-    ge(i, o, l, c, a * 0.6, r, s + 1);
+    be(i, o, l, c, a * 0.6, r, s + 1);
   }
   if (r() > 0.7) {
     const c = t - (r() - 0.5) * Math.PI / 2;
-    ge(i, o, l, c, a * 0.6, r, s + 1);
+    be(i, o, l, c, a * 0.6, r, s + 1);
   }
 }
 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;
+  const s = ae(i, n).getContext("2d").createImageData(i, n), o = s.data, l = Se(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 jn(i, n, e, t = Date.now()) {
     }
   return s;
 }
-function Fa(i, n, e, t = Date.now()) {
-  const r = te(i, n).getContext("2d");
+function La(i, n, e, t = Date.now()) {
+  const r = ae(i, n).getContext("2d");
   r.fillStyle = "#000000";
-  const s = we(t), o = 4 + e / 100 * 6, l = o * 2;
+  const s = Se(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 Fa(i, n, e, t = Date.now()) {
       }
   return r.getImageData(0, 0, i, n);
 }
-function te(i, n) {
+function ae(i, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(i, n);
   if (typeof document < "u") {
@@ -2874,24 +2874,24 @@ function te(i, n) {
   }
   throw new Error("No canvas context available");
 }
-function we(i) {
+function Se(i) {
   let n = Math.sin(i++) * 1e4;
   return () => (n = Math.sin(i++) * 1e4, n - Math.floor(n));
 }
 const ln = 42, Tn = 512, _n = 64;
-function be(i) {
+function me(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 Ma(i, n) {
+function Na(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 Oa = [
+const Ua = [
   {
     id: "grunge-heavy",
     name: "Heavy Grunge",
@@ -2914,7 +2914,7 @@ const Oa = [
     textureUrl: "builtin:concrete",
     thumbnailUrl: "",
     description: "Rough surface via Perlin noise",
-    generate: (i, n) => de(i, n, 55, ln + 2)
+    generate: (i, n) => fe(i, n, 55, ln + 2)
   },
   {
     id: "paper",
@@ -2922,7 +2922,7 @@ const Oa = [
     textureUrl: "builtin:paper",
     thumbnailUrl: "",
     description: "Subtle aging",
-    generate: (i, n) => de(i, n, 20, ln + 3)
+    generate: (i, n) => fe(i, n, 20, ln + 3)
   },
   {
     id: "rust",
@@ -2931,8 +2931,8 @@ const Oa = [
     thumbnailUrl: "",
     description: "Noise + splatter combined",
     generate: (i, n) => {
-      const e = de(i, n, 45, ln + 4), t = jn(i, n, 35, ln + 5);
-      return Ma(be(e), be(t));
+      const e = fe(i, n, 45, ln + 4), t = jn(i, n, 35, ln + 5);
+      return Na(me(e), me(t));
     }
   },
   {
@@ -2941,7 +2941,7 @@ const Oa = [
     textureUrl: "builtin:scratches",
     thumbnailUrl: "",
     description: "Branching crack lines",
-    generate: (i, n) => Ra(i, n, 55, ln + 6)
+    generate: (i, n) => Ba(i, n, 55, ln + 6)
   },
   {
     id: "halftone",
@@ -2949,7 +2949,7 @@ const Oa = [
     textureUrl: "builtin:halftone",
     thumbnailUrl: "",
     description: "Dot grid pattern",
-    generate: (i, n) => Fa(i, n, 55, ln + 7)
+    generate: (i, n) => La(i, n, 55, ln + 7)
   },
   {
     id: "spray",
@@ -2960,25 +2960,25 @@ const Oa = [
     generate: (i, n) => jn(i, n, 55, ln + 8)
   }
 ];
-let Fe = !1;
-function Ba(i, n) {
+let Be = !1;
+function za(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 Me(i, n) {
+function Le(i, n) {
   if (typeof document > "u") return null;
   const e = document.createElement("canvas");
   return e.width = i, e.height = n, e;
 }
-function La(i) {
-  const n = Me(i.width, i.height);
+function Wa(i) {
+  const n = Le(i.width, i.height);
   if (!n) return "";
   const e = n.getContext("2d");
   if (!e) return "";
   e.putImageData(i, 0, 0);
-  const t = Me(_n, _n);
+  const t = Le(_n, _n);
   if (!t) return "";
   const a = t.getContext("2d");
   if (!a) return "";
@@ -2990,29 +2990,29 @@ function La(i) {
   }
   return a.putImageData(r, 0, 0), t.toDataURL("image/png");
 }
-function Na() {
-  if (!Fe) {
-    Fe = !0;
-    for (const i of Oa) {
+function Ha() {
+  if (!Be) {
+    Be = !0;
+    for (const i of Ua) {
       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));
+      me(n);
+      const e = za(Tn, Tn), t = e.getContext("2d");
+      t && (t.putImageData(n, 0, 0), Ga(i.textureUrl, e, Tn, Tn)), typeof document < "u" && (i.thumbnailUrl = Wa(n));
     }
   }
 }
 const gn = /* @__PURE__ */ new Set(), bn = /* @__PURE__ */ new Map(), Kn = /* @__PURE__ */ new Map();
-function Oe(i, n) {
+function Ne(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 Be(i) {
+function Ue(i) {
   return i.getContext("2d");
 }
-function Le(i) {
-  const { width: n, height: e } = i, t = Oe(n, e), a = Be(t);
+function ze(i) {
+  const { width: n, height: e } = i, t = Ne(n, e), a = Ue(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 Le(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 = Oe(n, e), l = Be(o);
+  const o = Ne(n, e), l = Ue(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 rt(i) {
+function ct(i) {
   const n = bn.get(i);
   if (n) return n;
   if (i.startsWith("builtin:")) {
-    Na();
+    Ha();
     const e = bn.get(i);
     return e || null;
   }
-  return gn.has(i) || (gn.add(i), st(i)), null;
+  return gn.has(i) || (gn.add(i), dt(i)), null;
 }
-function fr(i) {
+function gr(i) {
   return bn.has(i) ? Promise.resolve() : new Promise((n) => {
     if (bn.has(i)) {
       n();
       return;
     }
     const e = Kn.get(i) || [];
-    e.push(n), Kn.set(i, e), gn.has(i) || (gn.add(i), st(i));
+    e.push(n), Kn.set(i, e), gn.has(i) || (gn.add(i), dt(i));
   });
 }
-function Ua(i, n, e, t) {
+function Ga(i, n, e, t) {
   bn.has(i) || (bn.set(i, { alphaMask: n, width: e, height: t }), On(i));
 }
 function On(i) {
   const n = Kn.get(i);
   n && (n.forEach((e) => e()), Kn.delete(i));
 }
-function st(i) {
+function dt(i) {
   if (typeof document < "u") {
     const n = new Image();
     n.crossOrigin = "anonymous", n.onload = () => {
-      const e = Le(n);
+      const e = ze(n);
       bn.set(i, e), gn.delete(i), On(i);
     }, n.onerror = () => {
       gn.delete(i), On(i);
     }, n.src = i;
   } else
     fetch(i).then((n) => n.blob()).then((n) => createImageBitmap(n)).then((n) => {
-      const e = Le(n);
+      const e = ze(n);
       bn.set(i, e), gn.delete(i), On(i);
     }).catch(() => {
       gn.delete(i), On(i);
     });
 }
-function it(i, n) {
+function ft(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 ot(i, n, e, t) {
+function ut(i, n, e, t) {
   if (!n.enabled || !n.textureUrl || n.intensity <= 0) return;
-  const a = rt(n.textureUrl);
+  const a = ct(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 = it(g, m), y = p.getContext("2d");
+  const p = ft(g, m), y = p.getContext("2d");
   if (!y) return;
   y.drawImage(
     i.canvas,
@@ -3110,7 +3110,7 @@ function ot(i, n, e, t) {
 }
 function Jn(i, n, e, t) {
   if (!n.enabled || n.style !== "custom" || !n.textureUrl) return;
-  const a = rt(n.textureUrl);
+  const a = ct(n.textureUrl);
   if (!a) {
     t(i);
     return;
@@ -3125,7 +3125,7 @@ function Jn(i, n, e, t) {
     t(i);
     return;
   }
-  const x = it(b, $), w = x.getContext("2d");
+  const x = ft(b, $), w = x.getContext("2d");
   if (!w) {
     t(i);
     return;
@@ -3178,14 +3178,14 @@ class En {
     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 = Ct(n.canvas), n.shadowBlur = 4, n.shadowOffsetY = 1, n.fillStyle = kt(n.canvas), n.beginPath(), n.roundRect(
+    n.shadowColor = Et(n.canvas), n.shadowBlur = 4, n.shadowOffsetY = 1, n.fillStyle = At(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 = Tt(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 = Pt(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 En {
     );
   }
 }
-class me {
+class ye {
   /**
    * Render hover highlights layer with fade-in animation
    * Outlines the actual element shape instead of a rectangular border
@@ -3223,7 +3223,7 @@ class me {
       const f = performance.now() - e.startTime;
       d = Math.min(f / l, 1) * c;
     }
-    n.strokeStyle = _t(n.canvas), n.globalAlpha = d, n.lineWidth = 3, this.renderElementOutline(n, o, r, s), n.restore();
+    n.strokeStyle = It(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 me {
    */
   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 = qe(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 me {
     g.setTransform(n.getTransform()), g.textBaseline = "alphabetic", g.lineJoin = "round";
     const m = e.getRichText ? e.getRichText() : null;
     if (m) {
-      const p = Ye(m), y = [], b = [];
+      const p = nt(m), y = [], b = [];
       p.forEach((w) => {
         if (e.transformType === "custom" && e.transformData) {
-          const v = e.transformData.width - Xn * 2, S = Ke(w, v, {
+          const v = e.transformData.width - Xn * 2, S = et(w, v, {
             fontSize: a,
             fontFamily: r,
             bold: s,
@@ -3406,7 +3406,7 @@ class me {
               L = L.substring(0, U);
             }
           }
-          L.length > 0 && (n.save(), n.font = ie(W, X, q, Q), k += n.measureText(L).width, n.restore()), I += P.text.length;
+          L.length > 0 && (n.save(), n.font = oe(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);
@@ -3428,14 +3428,14 @@ class me {
               L = L.substring(0, U);
             }
           }
-          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);
+          I += P.text.length, L.length > 0 && (g.font = oe(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 = ie(a, r, s, o), g.font = n.font, g.textAlign = l;
+      n.font = oe(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 - Xn * 2, { lines: w } = Et(
+        const x = e.transformData.width - Xn * 2, { lines: w } = Dt(
           e.text,
           x,
           a,
@@ -3451,7 +3451,7 @@ class me {
 `);
         const x = e.text.includes(`
 `);
-        p = At(p, x);
+        p = Rt(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 me {
     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 * Pt }), o += d;
+      r.push({ x: f, y: u, angle: 0, skewY: g * Ft }), o += d;
     }), r;
   }
   /**
@@ -3604,7 +3604,7 @@ class Mn {
    */
   static renderSpacingIndicatorsLayer(n, e = []) {
     e.length !== 0 && (n.save(), n.setLineDash([]), e.forEach((t) => {
-      const a = Te(n.canvas);
+      const a = Ee(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 Mn {
     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 = 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);
+    n.fillStyle = Ee(n.canvas), n.beginPath(), n.roundRect(e - d / 2, t - f / 2, d, f, Mt), n.fill(), n.fillStyle = Ot, n.textAlign = "center", n.textBaseline = "middle", n.fillText(r, e, t);
   }
 }
-class fe {
+class ue {
   /**
    * Render edit mode features: cursor and text selection highlight
    * This renders on the main canvas at world coordinates (same as the element)
@@ -3646,14 +3646,14 @@ class fe {
     }
     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 = qe(p, y, b, $), T = S.height, k = p * 1.2;
+    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 L = r.transformData.width - Xn * 2;
       E = L;
-      const D = Ye(d);
+      const D = nt(d);
       _ = [], C = [], D.forEach((F) => {
-        const B = Ke(F, L, {
+        const B = et(F, L, {
           fontSize: r.fontSize,
           fontFamily: r.fontFamily,
           bold: r.bold,
@@ -3686,7 +3686,7 @@ class fe {
       var U, V;
       const F = C[D].isParagraphStart, B = C[D].isParagraphEnd, M = [];
       L.forEach((dn) => {
-        Array.from(dn.text).forEach((mn) => {
+        Array.from(dn.text).forEach((yn) => {
           let H = p, on = y, tn = b, J = $;
           if (d && W < c.length) {
             const Z = d.getStyleAt(W);
@@ -3695,12 +3695,12 @@ class fe {
           n.save();
           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 = n.measureText(yn).width;
+          n.restore(), M.push({ char: yn, width: Y, fontSize: H, index: W }), W++;
         });
       });
       {
-        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;
+        const dn = D === 0, $n = D === _.length - 1, yn = M.map((N) => N.char).join(""), H = ((U = yn.match(/^ +/)) == null ? void 0 : U[0].length) || 0, on = ((V = yn.match(/ +$/)) == null ? void 0 : V[0].length) || 0;
         let tn = 0;
         for (let N = 0; N < M.length; N++)
           !dn && N < H || !$n && N >= M.length - on || (tn += M[N].width);
@@ -3718,8 +3718,8 @@ class fe {
           }, 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)
+          const N = M[0].index, Y = M[M.length - 1].index, xn = D < _.length - 1 && Y + 1 === W ? Y : Y + 1;
+          if (s >= N && s <= xn)
             if (s === N)
               R = J, z = A, O = T;
             else {
@@ -3743,16 +3743,16 @@ class fe {
     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);
+      n.save(), n.fillStyle = Bt(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 = [];
+        const V = C[U].isParagraphStart, dn = C[U].isParagraphEnd, $n = U === 0, yn = 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 : $;
+            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, xn = N.italic !== void 0 ? N.italic : $;
             n.save();
-            const wn = vn ? "bold" : "normal", rn = yn ? "italic" : "normal";
+            const wn = vn ? "bold" : "normal", rn = xn ? "italic" : "normal";
             n.font = `${rn} ${wn} ${Y}px "${Z}", Arial, sans-serif`;
             const fn = n.measureText(an).width;
             n.restore(), H.push({ char: an, index: F, width: fn, style: N }), F++;
@@ -3764,21 +3764,21 @@ class fe {
             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);
+              !$n && G < Y || !yn && G >= H.length - Z || (vn += H[G].width);
+            let xn = 0;
+            v === "center" ? xn = -vn / 2 : v === "right" && (xn = -vn);
             const wn = Math.max(L, J), rn = Math.min(D, an + 1);
             let fn = 0;
             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);
+              const In = H[G], Dn = G < Y, re = G >= H.length - Z, se = !V && Y > 0, ie = !dn && Z > 0;
+              !(Dn && se || re && ie) && (fn += In.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 In = H[G], Dn = G < Y, re = G >= H.length - Z, se = !V && Y > 0, ie = !dn && Z > 0;
+              !(Dn && se || re && ie) && (Hn += In.width);
             }
-            const Sn = yn + fn, Gn = Hn - fn;
+            const Sn = xn + 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();
           }
         }
@@ -3786,7 +3786,7 @@ class fe {
       }), n.restore(), d) {
         n.save();
         const M = r.transformType === "custom" ? r.transformData : null, U = M != null && M.width ? M.width - Xn * 2 : void 0;
-        Ft(n, d, {
+        Lt(n, d, {
           fontSize: p,
           fontFamily: y,
           color: r.color || "#000000",
@@ -3828,7 +3828,7 @@ class fe {
     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 = me.calculateCharPositions(e, u, g);
+    const u = Array.from(e.text), g = u.map((p) => n.measureText(p).width), m = ye.calculateCharPositions(e, u, g);
     if (r >= 0 && r <= u.length && s > 0) {
       let p;
       if (r === 0)
@@ -3870,7 +3870,7 @@ class fe {
     if (!(e instanceof Un) || !e.isCropping) return;
     const r = e, s = r.getCropBoxBounds();
     if (!s) return;
-    const o = 4 / a, l = 2 / a, c = Mt / a, d = Ot / a, f = 1 / a;
+    const o = 4 / a, l = 2 / a, c = Nt / a, d = Ut / 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);
@@ -3932,7 +3932,7 @@ class fe {
     }
   }
 }
-const za = xn("CanvasRenderer"), j = class j {
+const Va = mn("CanvasRenderer"), j = class j {
   /**
    * Get a pooled offscreen canvas for clipping content, only recreating
    * when dimensions change. Eliminates per-frame canvas allocation.
@@ -3956,7 +3956,7 @@ const za = xn("CanvasRenderer"), j = class j {
       e.render(n, t, a);
     } catch (r) {
       const s = r instanceof Error ? r : new Error(String(r));
-      za.error(`Failed to render element ${e.id}:`, s), j.onRenderError && j.onRenderError({
+      Va.error(`Failed to render element ${e.id}:`, s), j.onRenderError && j.onRenderError({
         category: "render",
         message: `Failed to render element: ${s.message}`,
         originalError: s,
@@ -4083,7 +4083,7 @@ const za = xn("CanvasRenderer"), j = class j {
     ) : 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 && 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;
+      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 && ce(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)
         An(n, v, (_) => {
           const C = (E) => {
@@ -4131,7 +4131,7 @@ const za = xn("CanvasRenderer"), j = class j {
       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 && le($) && $.id === a, T = w && !S, k = b.contentConfigs[x];
+          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 && ce($) && $.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());
@@ -4141,7 +4141,7 @@ const za = xn("CanvasRenderer"), j = class j {
         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 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[_];
+          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 && ce(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());
@@ -4215,14 +4215,14 @@ const za = xn("CanvasRenderer"), j = class j {
    * @see HoverRenderer.renderHoverLayer
    */
   static renderHoverLayer(n, e, t, a = !1, r = 1, s) {
-    me.renderHoverLayer(n, e, t, a, r, s);
+    ye.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) {
-    fe.renderCropBoxLayer(n, e, t, a);
+    ue.renderCropBoxLayer(n, e, t, a);
   }
   // =========================================================================
   // Main Render Orchestration
@@ -4270,7 +4270,7 @@ const za = xn("CanvasRenderer"), j = class j {
       h,
       m,
       p
-    ), 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) {
+    ), y != null && y.enabled && f && ut(n, y, f, d), b != null && b.enabled && f && lt(n, b, f, d), s && $ && a && ue.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);
@@ -4331,8 +4331,8 @@ const za = xn("CanvasRenderer"), j = class j {
       const $ = n.getTransform().a / m, x = p.x * m * $, w = p.y * m * $;
       n.setTransform($, 0, 0, $, x, w);
     }
-    if (e && na(e) && e.isCropping)
-      t && fe.renderCropBoxLayer(n, e, t, m);
+    if (e && ra(e) && e.isCropping)
+      t && ue.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,
@@ -4349,19 +4349,19 @@ const za = xn("CanvasRenderer"), j = class j {
         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();
       }
-      me.renderHoverLayer(n, o, l, f, m, h), u && n.restore();
+      ye.renderHoverLayer(n, o, l, f, m, h), u && n.restore();
     }
     m !== 1 && n.restore();
   }
 };
 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";
+let We = j;
+const He = mn("element-serializer"), ht = 4e3, zn = /* @__PURE__ */ new Set();
+function ja(i, n) {
+  const e = n ? Xa(n) : "no-src";
   return `${i}:${e}`;
 }
-function Ha(i) {
+function Xa(i) {
   let n = 0;
   for (let e = 0; e < i.length; e++) {
     const t = i.charCodeAt(e);
@@ -4369,20 +4369,20 @@ function Ha(i) {
   }
   return n.toString(36);
 }
-function ye() {
+function xe() {
   zn.clear();
 }
-function ct(i) {
+function pt(i) {
   for (const n of zn)
     n.startsWith(`${i}:`) && zn.delete(n);
 }
-function Ga(i) {
+function qa(i) {
   zn.add(i);
 }
-function Va(i) {
+function Ya(i) {
   return zn.has(i);
 }
-async function ja(i, n = lt) {
+async function Ka(i, n = ht) {
   const { naturalWidth: e, naturalHeight: t } = i;
   if (e <= n && t <= n)
     return createImageBitmap(i);
@@ -4394,19 +4394,19 @@ async function ja(i, n = lt) {
   });
 }
 let Zn = null, Qn = null;
-function Xa(i, n) {
+function Ja(i, n) {
   Zn = i, Qn = n;
 }
-function qa() {
+function Za() {
   Zn = null, Qn = null;
 }
-function ur() {
-  ye(), Zn && Zn();
+function br() {
+  xe(), Zn && Zn();
 }
-function hr(i) {
-  ct(i), Qn && Qn(i);
+function mr(i) {
+  pt(i), Qn && Qn(i);
 }
-function xe(i, n) {
+function $e(i, n) {
   const e = i;
   if (typeof e.fontFamily == "string" && n.add(e.fontFamily), e.richText && typeof e.richText == "object") {
     const t = e.richText;
@@ -4421,14 +4421,14 @@ function xe(i, n) {
   }
   if (e.children && Array.isArray(e.children))
     for (const t of e.children)
-      xe(t, n);
+      $e(t, n);
   if (i.masks && Array.isArray(i.masks))
     for (const t of i.masks)
-      t.maskElement && xe(t.maskElement, n);
+      t.maskElement && $e(t.maskElement, n);
 }
-function ze(i) {
+function Ge(i) {
   if (typeof document > "u") return i;
-  const n = ne.getInstance();
+  const n = ee.getInstance();
   return i.map((e) => {
     if (!(e != null && e.maskElement) || e.maskElement.transformType !== "image") return e;
     const t = e.maskElement.imageUrl;
@@ -4444,20 +4444,20 @@ function ze(i) {
     } : e;
   });
 }
-async function We(i, n, e = lt) {
+async function Ve(i, n, e = ht) {
   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 (xe(c, s), l instanceof Un && !l.imageElement) {
-      Ue.warn(`[element-serializer] Skipping image ${l.id}: image not loaded (state: ${l.imageLoadState})`);
+    if ($e(c, s), l instanceof Un && !l.imageElement) {
+      He.warn(`[element-serializer] Skipping image ${l.id}: image not loaded (state: ${l.imageLoadState})`);
       continue;
     }
     if (l instanceof Un && l.imageElement)
       try {
-        const d = Wa(l.id, l.imageUrl);
-        if (!Va(d)) {
-          const $ = await ja(l.imageElement, e);
-          r.push({ cacheKey: d, bitmap: $ }), Ga(d);
+        const d = ja(l.id, l.imageUrl);
+        if (!Ya(d)) {
+          const $ = await Ka(l.imageElement, e);
+          r.push({ cacheKey: d, bitmap: $ }), qa(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,
@@ -4476,9 +4476,9 @@ async function We(i, n, e = lt) {
         }
         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 = 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);
+        l.distressEffect && (b.distressEffect = { ...l.distressEffect }), c.masks && c.masks.length > 0 && (b.masks = Ge(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) {
-        Ue.error(`[element-serializer] Failed to create ImageBitmap for ${c.id}:`, d);
+        He.error(`[element-serializer] Failed to create ImageBitmap for ${c.id}:`, d);
       }
     else {
       const d = {
@@ -4486,7 +4486,7 @@ async function We(i, n, e = lt) {
         type: c.transformType
         // Map transformType to type for worker compatibility
       };
-      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);
+      d.masks && Array.isArray(d.masks) && d.masks.length > 0 && (d.masks = Ge(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);
@@ -4511,7 +4511,7 @@ async function We(i, n, e = lt) {
     newBitmaps: r
   };
 }
-const Ya = `"use strict";
+const Qa = `"use strict";
 (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -28370,7 +28370,7 @@ const Ya = `"use strict";
     console.error("[Export Worker] Unhandled promise rejection:", event.reason);
   };
 })();
-`, K = xn("WorkerExport");
+`, K = mn("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;
@@ -28433,7 +28433,7 @@ class Wn {
    * Call this when exiting editor mode to free memory.
    */
   clearWorkerBitmapCache() {
-    if (ye(), this.worker && this.isReady) {
+    if (xe(), this.worker && this.isReady) {
       const n = {
         type: "clear-all-bitmaps"
       };
@@ -28445,7 +28445,7 @@ class Wn {
    * Call this when an element is removed or its image source changes.
    */
   clearWorkerBitmap(n) {
-    if (ct(n), this.worker && this.isReady) {
+    if (pt(n), this.worker && this.isReady) {
       const e = {
         type: "clear-bitmap",
         elementId: n
@@ -28475,7 +28475,7 @@ class Wn {
       try {
         let t;
         try {
-          const s = new Blob([Ya], { type: "application/javascript" });
+          const s = new Blob([Qa], { type: "application/javascript" });
           t = URL.createObjectURL(s), this.workerBlobUrl = t;
         } catch (s) {
           K.error("Failed to create worker blob:", s), e(new Error(`Worker creation failed: ${s instanceof Error ? s.message : String(s)}`));
@@ -28489,7 +28489,7 @@ class Wn {
         const a = setTimeout(() => {
           e(new Error("Worker initialization timeout"));
         }, 15e3), r = (s) => {
-          s.data.type === "ready" && (clearTimeout(a), this.isReady = !0, Xa(
+          s.data.type === "ready" && (clearTimeout(a), this.isReady = !0, Ja(
             () => this.clearWorkerBitmapCache(),
             (o) => this.clearWorkerBitmap(o)
           ), n());
@@ -28566,7 +28566,7 @@ class Wn {
     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 We(e, t);
+    const r = `export-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: o, newBitmaps: l } = await Ve(e, t);
     l.length > 0 && this.registerBitmapsWithWorker(l);
     const c = {
       type: "export",
@@ -28623,7 +28623,7 @@ class Wn {
     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 We(e, t);
+    const r = `export-blob-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: o, newBitmaps: l } = await Ve(e, t);
     l.length > 0 && this.registerBitmapsWithWorker(l);
     const c = {
       type: "export",
@@ -28737,7 +28737,7 @@ class Wn {
         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, ye(), qa(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
+      this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, xe(), Za(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
     }
   }
   /**
@@ -28753,30 +28753,30 @@ class Wn {
   }
 }
 let Pn = null;
-function pr() {
+function yr() {
   return Pn || (Pn = new Wn()), Pn;
 }
-function gr() {
+function xr() {
   Pn && (Pn.terminate(), Pn = null);
 }
-const hn = xn("Export");
-function $e(i, n) {
+const hn = mn("Export");
+function ve(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) $e(t, n);
+      for (const t of i.children) ve(t, n);
     if (Array.isArray(i.masks))
       for (const t of i.masks)
-        t != null && t.maskElement && $e(t.maskElement, n);
+        t != null && t.maskElement && ve(t.maskElement, n);
   }
 }
-async function He(i) {
+async function je(i) {
   if (typeof document > "u" || !document.fonts) return;
   const n = /* @__PURE__ */ new Set();
-  for (const t of i) $e(t, n);
+  for (const t of i) ve(t, n);
   if (n.size === 0) return;
   const e = [];
   for (const t of n)
@@ -28944,7 +28944,7 @@ const Nn = class Nn {
       transparentBackground: l = !1,
       backgroundColor: c = n.backgroundColor
     } = a;
-    await He(e);
+    await je(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");
@@ -29012,7 +29012,7 @@ const Nn = class Nn {
       transparentBackground: l = !1,
       backgroundColor: c = n.backgroundColor
     } = a;
-    await He(e);
+    await je(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");
@@ -29072,12 +29072,12 @@ const Nn = class Nn {
         } else
           S.render(u, !1);
       }
-    }), (w = n.distressTexture) != null && w.enabled && ot(u, n.distressTexture, {
+    }), (w = n.distressTexture) != null && w.enabled && ut(u, n.distressTexture, {
       x: n.x,
       y: n.y,
       width: n.width,
       height: n.height
-    }), (v = n.imageMask) != null && v.enabled && at(u, n.imageMask, {
+    }), (v = n.imageMask) != null && v.enabled && lt(u, n.imageMask, {
       x: n.x,
       y: n.y,
       width: n.width,
@@ -29317,8 +29317,8 @@ const Nn = class Nn {
   }
 };
 Nn.CURRENT_VERSION = "2.0.0", Nn.workerManager = null, Nn.workerInitPromise = null;
-let Ge = Nn;
-class dt {
+let Xe = Nn;
+class ne {
   /**
    * Create an element instance from a JSON configuration
    * TypeScript ensures all transform types are handled
@@ -29331,27 +29331,27 @@ class dt {
     const { transformType: e } = n;
     switch (e) {
       case "custom":
-        return new Ht(n);
+        return new Xt(n);
       case "distort":
         throw new Error("DistortTransform is not yet implemented");
       case "circle":
-        return new Wt(n);
+        return new jt(n);
       case "lean":
-        return new zt(n);
+        return new Vt(n);
       case "arch":
-        return new Ut(n);
+        return new Gt(n);
       case "ascend":
-        return new Nt(n);
+        return new Ht(n);
       case "wave":
-        return new Lt(n);
+        return new Wt(n);
       case "flag":
-        return new Bt(n);
+        return new zt(n);
       case "image":
         return new Un(n);
       case "group":
         const t = (n.children || []).map(
-          (s) => dt.createFromJSON(s)
-        ), a = new Ve({
+          (s) => ne.createFromJSON(s)
+        ), a = new Ke({
           id: n.id,
           x: n.x,
           y: n.y,
@@ -29359,9 +29359,9 @@ class dt {
         });
         return t.forEach((s) => a.addChild(s)), a;
       case "shape":
-        return new Xe(n);
+        return new Ze(n);
       case "path":
-        return new je(n);
+        return new Je(n);
       default:
         const r = e;
         throw new Error(`Unknown transform type: ${r}`);
@@ -29575,43 +29575,260 @@ class dt {
     return this.createFromJSON(e);
   }
 }
+const qe = mn("ImportManager"), Ce = class Ce {
+  /**
+   * Import workspace from JSON file
+   */
+  static async importFromJSON(n) {
+    try {
+      const e = await this.readFileAsText(n), t = JSON.parse(e);
+      if (this.validateDocument(t), !this.SUPPORTED_VERSIONS.includes(t.metadata.version))
+        throw new Error(
+          `Unsupported version: ${t.metadata.version}. Supported versions: ${this.SUPPORTED_VERSIONS.join(", ")}`
+        );
+      if (t.metadata.version === "1.0.0")
+        return this.migrateV1Document(t);
+      const a = [], r = [];
+      return t.artboards.forEach((s) => {
+        const o = Ae.fromJSON({
+          id: s.id,
+          name: s.name,
+          x: s.x,
+          y: s.y,
+          width: s.width,
+          height: s.height,
+          backgroundColor: s.backgroundColor,
+          elementIds: s.elements.map((c) => c.id || "")
+        }), l = s.elements.map((c) => {
+          try {
+            return ne.createFromJSON(c);
+          } catch (d) {
+            return qe.error("Failed to create element:", c, d), null;
+          }
+        }).filter((c) => c !== null);
+        a.push(o), r.push(...l);
+      }), await this.preloadAllImages(r), {
+        success: !0,
+        artboards: a,
+        elements: r,
+        activeArtboardId: t.activeArtboardId
+      };
+    } catch (e) {
+      return {
+        success: !1,
+        error: e instanceof Error ? e.message : "Unknown error"
+      };
+    }
+  }
+  /**
+   * Migrate v1 document (no artboards) to v2 (with artboards)
+   */
+  static async migrateV1Document(n) {
+    var e, t, a;
+    try {
+      const r = n.elements || [], s = new Ae({
+        id: "artboard-migrated",
+        name: "Artboard 1",
+        x: 0,
+        y: 0,
+        width: ((e = n.canvas) == null ? void 0 : e.width) || 1920,
+        height: ((t = n.canvas) == null ? void 0 : t.height) || 1080,
+        backgroundColor: ((a = n.canvas) == null ? void 0 : a.backgroundColor) || "#ffffff"
+      }), o = r.map((l) => {
+        try {
+          return ne.createFromJSON(l);
+        } catch (c) {
+          return qe.error("Failed to create element:", l, c), null;
+        }
+      }).filter((l) => l !== null);
+      return o.forEach((l) => {
+        s.addElementId(l.id);
+      }), await this.preloadAllImages(o), {
+        success: !0,
+        artboards: [s],
+        elements: o,
+        activeArtboardId: s.id
+      };
+    } catch (r) {
+      return {
+        success: !1,
+        error: r instanceof Error ? r.message : "Migration failed"
+      };
+    }
+  }
+  /**
+   * Import image file
+   */
+  static async importImage(n) {
+    try {
+      if (!n.type.startsWith("image/"))
+        throw new Error("File is not an image");
+      const e = 10 * 1024 * 1024;
+      if (n.size > e)
+        throw new Error("Image file is too large (max 10MB)");
+      const t = await this.readFileAsDataURL(n), { width: a, height: r } = await this.getImageDimensions(t);
+      return {
+        success: !0,
+        dataUrl: t,
+        filename: n.name,
+        width: a,
+        height: r
+      };
+    } catch (e) {
+      return {
+        success: !1,
+        error: e instanceof Error ? e.message : "Unknown error"
+      };
+    }
+  }
+  /**
+   * Validate document structure
+   */
+  static validateDocument(n) {
+    if (!n || typeof n != "object")
+      throw new Error("Invalid document");
+    const e = n;
+    if (!e.metadata)
+      throw new Error("Missing metadata");
+    if (!e.metadata.version)
+      throw new Error("Missing version in metadata");
+    if (!e.artboards && !e.elements)
+      throw new Error("Missing artboards or elements array");
+    if (e.artboards && !Array.isArray(e.artboards))
+      throw new Error("Invalid artboards array");
+  }
+  /**
+   * Read file as text
+   */
+  static readFileAsText(n) {
+    return new Promise((e, t) => {
+      const a = new FileReader();
+      a.onload = (r) => {
+        var s;
+        return e((s = r.target) == null ? void 0 : s.result);
+      }, a.onerror = () => t(new Error("Failed to read file")), a.readAsText(n);
+    });
+  }
+  /**
+   * Read file as data URL
+   */
+  static readFileAsDataURL(n) {
+    return new Promise((e, t) => {
+      const a = new FileReader();
+      a.onload = (r) => {
+        var s;
+        return e((s = r.target) == null ? void 0 : s.result);
+      }, a.onerror = () => t(new Error("Failed to read file")), a.readAsDataURL(n);
+    });
+  }
+  /**
+   * Get image dimensions from data URL
+   */
+  static getImageDimensions(n) {
+    return new Promise((e, t) => {
+      const a = new Image();
+      a.onload = () => {
+        e({ width: a.width, height: a.height });
+      }, a.onerror = () => t(new Error("Failed to load image")), a.src = n;
+    });
+  }
+  /**
+   * Validate imported data before applying to state
+   */
+  static validateImportedData(n, e) {
+    const t = [], a = /* @__PURE__ */ new Set();
+    n.forEach((s) => {
+      a.has(s.id) && t.push(`Duplicate artboard ID: ${s.id}`), a.add(s.id);
+    });
+    const r = /* @__PURE__ */ new Set();
+    return e.forEach((s) => {
+      r.has(s.id) && t.push(`Duplicate element ID: ${s.id}`), r.add(s.id);
+    }), n.forEach((s) => {
+      s.getElementIds().forEach((o) => {
+        r.has(o) || t.push(`Artboard "${s.name}" references missing element: ${o}`);
+      });
+    }), {
+      valid: t.length === 0,
+      errors: t
+    };
+  }
+  /**
+   * Get import summary (for UI display before confirming)
+   */
+  static getImportSummary(n, e) {
+    const t = this.validateImportedData(n, e);
+    return {
+      artboardCount: n.length,
+      elementCount: e.length,
+      artboardNames: n.map((a) => a.name),
+      warnings: t.errors
+    };
+  }
+  /**
+   * Preload all images in parallel for fast artboard switching
+   * Recursively finds all ImageElements (including those in groups)
+   */
+  static async preloadAllImages(n) {
+    const e = [], t = (r) => {
+      r.transformType === "image" ? e.push(r) : r.transformType === "group" && "children" in r && r.children.forEach((s) => t(s));
+    };
+    n.forEach(t);
+    const a = e.map((r) => new Promise((s) => {
+      if (r.imageLoaded)
+        s();
+      else if (r.imageElement) {
+        const o = r.imageElement, l = () => {
+          o.removeEventListener("load", l), o.removeEventListener("error", c), s();
+        }, c = () => {
+          o.removeEventListener("load", l), o.removeEventListener("error", c), s();
+        };
+        o.addEventListener("load", l), o.addEventListener("error", c);
+      } else
+        s();
+    }));
+    await Promise.all(a);
+  }
+};
+Ce.SUPPORTED_VERSIONS = ["1.0.0", "2.0.0"];
+let Ye = Ce;
 export {
-  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,
+  at as A,
+  xr as B,
+  We as C,
+  Ua as D,
+  ne as E,
+  pt as F,
+  Ye as I,
+  _a as M,
+  ea as R,
+  lr as S,
+  rr 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,
+  ra as a,
+  fr as b,
+  dr as c,
+  cr as d,
+  tr as e,
+  er as f,
+  Pe as g,
+  sr as h,
+  ce as i,
+  or as j,
+  ir as k,
+  Ha as l,
+  Xe as m,
+  cn as n,
+  Ea as o,
+  gr as p,
+  ht as q,
+  ar as r,
+  br as s,
+  pr as t,
+  xe as u,
+  yr as v,
   hr as w,
-  lr as x,
-  An as y,
-  gr as z
+  mr as x,
+  ur as y,
+  An as z
 };
-//# sourceMappingURL=ElementFactory-Ckv6sSev.js.map
+//# sourceMappingURL=ImportManager-Oqu2yB54.js.map