@snowcone-app/canvas 0.21.1 → 0.21.2

package/dist/{ExportManager-DK7CdI-G.js → ExportManager-DoU4VK6h.js}

@@ -1,5 +1,12 @@
-import { c as G, a1 as ve, a2 as we, a3 as Se, a4 as ce, a5 as Y, a6 as On, $ as Ce, a0 as ke, z as Un, R as Te, a7 as _e, a8 as mn, P as Ee, S as Ae, G as Pe, I as Sn, M as Ie, W as De, H as Fe, D as Me, O as Oe, J as Re, K as Be, A as zn } from "./FontAnalyzer-BpsTYowD.js";
-const Le = G("TextureManager"), an = class an {
+import { c as N, G as pe, a1 as Me, a2 as Oe, a3 as Re, a4 as he, a5 as J, a6 as Ln, $ as Be, a0 as Le, z as Hn, R as Ne, a7 as Ue, a8 as j, a9 as ze, aa as $n, P as We, S as Ge, I as kn, M as He, W as Ve, H as je, D as qe, O as Xe, J as Ye, K as Ke, A as Vn } from "./FontAnalyzer-CwIpgTGd.js";
+let be = null;
+function Je(e) {
+  be = e;
+}
+function xa() {
+  return be;
+}
+const Ze = N("TextureManager"), sn = class sn {
   /**
    * Load a texture by ID or URL
    */
@@ -13,7 +20,7 @@ const Le = G("TextureManager"), an = class an {
       s.crossOrigin = "anonymous", s.onload = () => {
         this.cache.set(n, s), this.cache.set(t, s), this.loading.delete(n), this.loading.delete(t), r(s);
       }, s.onerror = () => {
-        Le.error("Failed to load texture:", t), this.loading.delete(n), this.loading.delete(t), o(new Error(`Failed to load texture: ${t}`));
+        Ze.error("Failed to load texture:", t), this.loading.delete(n), this.loading.delete(t), o(new Error(`Failed to load texture: ${t}`));
       }, s.src = t;
     });
     return this.loading.set(n, a), t !== n && this.loading.set(t, a), a;
@@ -79,7 +86,7 @@ const Le = G("TextureManager"), an = class an {
     return (t == null ? void 0 : t.presetColor) || "#ffffff";
   }
 };
-an.cache = /* @__PURE__ */ new Map(), an.loading = /* @__PURE__ */ new Map(), an.TEXTURES = [
+sn.cache = /* @__PURE__ */ new Map(), sn.loading = /* @__PURE__ */ new Map(), sn.TEXTURES = [
   {
     id: "glass-frame",
     name: "Glass Frame",
@@ -89,22 +96,73 @@ an.cache = /* @__PURE__ */ new Map(), an.loading = /* @__PURE__ */ new Map(), an
     // Light gray
   }
 ];
-let X = an;
-function ia(e, n, t) {
+let K = sn;
+const Qe = N("ElementPreviewRenderer"), nt = {
+  width: 40,
+  height: 40,
+  padding: 4,
+  backgroundColor: "transparent"
+};
+function et(e, n = {}) {
+  Un();
+  const t = { ...nt, ...n }, a = document.createElement("canvas");
+  a.width = t.width, a.height = t.height;
+  const r = a.getContext("2d");
+  if (!r)
+    return "";
+  t.backgroundColor !== "transparent" && (r.fillStyle = t.backgroundColor, r.fillRect(0, 0, t.width, t.height)), r.save();
+  try {
+    e instanceof pe ? at(r, e, t) : tt(r, e, t);
+  } catch (o) {
+    Qe.warn("Failed to generate preview:", o);
+  }
+  return r.restore(), a.toDataURL("image/png");
+}
+function tt(e, n, t) {
+  var f;
+  const a = ((f = n.getBoundingBox) == null ? void 0 : f.call(n)) || { x: 0, y: 0, width: 100, height: 100 }, r = a.width, o = a.height;
+  if (r === 0 || o === 0) {
+    jn(e, n, t);
+    return;
+  }
+  const s = t.width - t.padding * 2, c = t.height - t.padding * 2, i = Math.min(
+    s / r,
+    c / o,
+    1
+    // Don't scale up, only down
+  ), l = r * i, d = o * i, u = t.padding + (s - l) / 2, p = t.padding + (c - d) / 2;
+  e.save(), e.translate(u - a.x * i, p - a.y * i), e.scale(i, i), typeof n.render == "function" ? n.render(e, !1, !1) : jn(e, n, t), e.restore();
+}
+function jn(e, n, t) {
+  e.fillStyle = "#888888", e.font = "10px Arial", e.textAlign = "center", e.textBaseline = "middle";
+  const a = n.transformType || "Element";
+  e.fillText(a, t.width / 2, t.height / 2);
+}
+function at(e, n, t) {
+  const a = t.width - t.padding * 2, r = t.height - t.padding * 2, o = t.padding, s = t.padding;
+  e.fillStyle = "#888888", e.strokeStyle = "#666666", e.lineWidth = 1;
+  const c = r * 0.7, i = s + r * 0.3, l = a * 0.4, d = r * 0.2;
+  e.fillRect(o, i, a, c), e.fillRect(o, i - d, l, d), n.children && n.children.length > 0 && (e.fillStyle = "#FFFFFF", e.font = "bold 10px Arial", e.textAlign = "center", e.textBaseline = "middle", e.fillText(
+    n.children.length.toString(),
+    o + a / 2,
+    i + c / 2
+  ));
+}
+function va(e, n, t) {
   var l;
   e.translate(n.x || 0, n.y || 0), e.rotate(-(n.rotation || 0) * Math.PI / 180);
   const a = n, r = a.fontSize || 24, o = a.fontFamily || "Arial", s = a.bold || !1, c = a.italic || !1;
-  e.font = ve(r, o, s, c);
+  e.font = Me(r, o, s, c);
   const i = a.text || "";
   if (n.transformType === "custom") {
-    const u = ((l = n.transformData) == null ? void 0 : l.width) || 200, p = we(i, r, o, s, c), f = Math.min(p, u), m = r * 1.2;
+    const u = ((l = n.transformData) == null ? void 0 : l.width) || 200, p = Oe(i, r, o, s, c), f = Math.min(p, u), m = r * 1.2;
     e.rect(-f / 2, -m / 2, f, m);
   } else {
     const d = e.measureText(i).width;
     e.beginPath(), e.moveTo(-d / 2, 0), e.lineTo(d / 2, 0), e.moveTo(-d / 2, -r), e.lineTo(d / 2, -r), e.moveTo(-d / 2, r * 0.2), e.lineTo(d / 2, r * 0.2);
   }
 }
-function Ne(e, n) {
+function rt(e, n) {
   if (!n.transformData) return;
   const { borderRadius: t = 0 } = n.transformData, a = n.transformData.width ?? 100, r = n.transformData.height ?? 100;
   if (e.translate(n.x || 0, n.y || 0), e.rotate(-(n.rotation || 0) * Math.PI / 180), e.beginPath(), t > 0) {
@@ -113,22 +171,22 @@ function Ne(e, n) {
   } else
     e.rect(-a / 2, -r / 2, a, r);
 }
-function oa(e, n, t, a) {
+function wa(e, n, t, a) {
   e.beginPath(), e.arc(n, t, a, 0, Math.PI * 2), e.closePath();
 }
-function ca(e, n, t, a, r) {
+function Sa(e, n, t, a, r) {
   e.beginPath(), e.rect(n, t, a, r), e.closePath();
 }
-function le(e, n) {
+function ge(e, n) {
   e.strokeStyle = n.color, e.lineWidth = n.width, e.lineCap = n.lineCap || "butt", e.lineJoin = n.lineJoin || "miter", n.miterLimit !== void 0 && (e.miterLimit = n.miterLimit), n.dashArray && n.dashArray.length > 0 ? e.setLineDash(n.dashArray) : e.setLineDash([]), n.opacity !== void 0 && (e.globalAlpha = n.opacity);
 }
-function Ue(e, n) {
+function st(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function de(e, n, t) {
+function me(e, n, t) {
   var i;
   if (!((i = n.stroke) != null && i.enabled)) return;
   const a = n;
@@ -136,23 +194,23 @@ function de(e, n, t) {
   const o = (t == null ? void 0 : t.isKnockout) === !0, s = n.stroke.opacity ?? 1;
   if (!o && s < 1)
     try {
-      ze(e, n, a, t, s);
+      it(e, n, a, t, s);
     } catch {
-      tn(e, n, a, t, !1);
+      rn(e, n, a, t, !1);
     }
   else
-    tn(e, n, a, t, o);
+    rn(e, n, a, t, o);
 }
-function ze(e, n, t, a, r) {
+function it(e, n, t, a, r) {
   var C, _;
   const o = t.text || "", s = t.fontSize || 24, c = n.stroke.width, i = n.stroke.feather || 0, l = n.transformType === "custom" && ((C = n.transformData) == null ? void 0 : C.width), d = l ? ((_ = n.transformData) == null ? void 0 : _.width) ?? 200 : 0, u = l ? d + c * 2 + i * 2 + 40 : s * o.length * 0.7 + c * 2 + i * 2 + 40, p = s * 3 + c * 2 + i * 2 + 40, f = e.getTransform(), m = Math.max(Math.abs(f.a), Math.abs(f.d), 1), b = Math.ceil(u * m / 2) * 2, h = Math.ceil(p * m / 2) * 2;
   if (b <= 0 || h <= 0) {
-    tn(e, n, t, a, !1);
+    rn(e, n, t, a, !1);
     return;
   }
-  const S = Ue(b, h), $ = S.getContext("2d");
+  const S = st(b, h), $ = S.getContext("2d");
   if (!$) {
-    tn(e, n, t, a, !1);
+    rn(e, n, t, a, !1);
     return;
   }
   const v = n.x || 0, g = n.y || 0, y = f.a * v + f.c * g + f.e, k = f.b * v + f.d * g + f.f;
@@ -165,21 +223,21 @@ function ze(e, n, t, a, r) {
     h / 2 - k + f.f
   );
   const T = n.stroke.opacity;
-  n.stroke.opacity = 1, tn($, n, t, a, !1), n.stroke.opacity = T, e.save(), e.resetTransform(), e.globalAlpha = r, e.drawImage(
+  n.stroke.opacity = 1, rn($, n, t, a, !1), n.stroke.opacity = T, e.save(), e.resetTransform(), e.globalAlpha = r, e.drawImage(
     S,
     Math.round(y - b / 2),
     Math.round(k - h / 2)
   ), e.restore();
 }
-function tn(e, n, t, a, r) {
+function rn(e, n, t, a, r) {
   var f;
   const o = t.text || "";
   e.save(), a != null && a.positionApplied || (e.translate(n.x || 0, n.y || 0), e.rotate(-(n.rotation || 0) * Math.PI / 180));
   const s = t.fontSize || 24, c = t.fontFamily || "Arial", i = t.bold || !1, l = t.italic || !1, d = t.textAlign || "center";
   e.font = `${l ? "italic " : ""}${i ? "bold " : ""}${s}px ${c}`, e.textAlign = d, e.textBaseline = "alphabetic", r ? (e.strokeStyle = "#000000", e.globalAlpha = 1) : (e.strokeStyle = n.stroke.color, n.stroke.opacity !== void 0 && (e.globalAlpha = n.stroke.opacity)), e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "round", e.lineJoin = n.stroke.lineJoin || "round", n.stroke.miterLimit !== void 0 && (e.miterLimit = n.stroke.miterLimit), !r && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`);
-  const u = Se(s, c, i, l);
+  const u = Re(s, c, i, l);
   if (n.transformType === "custom" && ((f = n.transformData) == null ? void 0 : f.width)) {
-    const m = n.transformData, b = (m == null ? void 0 : m.width) ?? 200, h = b - Y * 2, { lines: S, height: $ } = ce(
+    const m = n.transformData, b = (m == null ? void 0 : m.width) ?? 200, h = b - J * 2, { lines: S, height: $ } = he(
       o,
       h,
       s,
@@ -190,7 +248,7 @@ function tn(e, n, t, a, r) {
       // No locked line count for stroke
       !0
       // strict: wrap exactly at maxWidth
-    ), v = -b / 2, g = -$ / 2, y = s * On;
+    ), v = -b / 2, g = -$ / 2, y = s * Ln;
     S.forEach((k, T) => {
       const C = T === 0, _ = T === S.length - 1;
       let w = k;
@@ -202,8 +260,8 @@ function tn(e, n, t, a, r) {
         const P = w.match(/ +$/), A = P ? P[0].length : 0;
         A > 0 && (w = w.substring(0, w.length - A));
       }
-      let E = v + Y;
-      d === "center" ? E = v + b / 2 : d === "right" && (E = v + b - Y);
+      let E = v + J;
+      d === "center" ? E = v + b / 2 : d === "right" && (E = v + b - J);
       const x = g + u.ascent + T * y;
       e.strokeText(w, E, x);
     });
@@ -213,17 +271,17 @@ function tn(e, n, t, a, r) {
   }
   e.restore();
 }
-function We(e, n, t) {
+function ot(e, n, t) {
   var r;
   if (!((r = n.stroke) != null && r.enabled) || !n.transformData) return;
   const a = (t == null ? void 0 : t.isKnockout) === !0;
-  e.save(), a ? (e.strokeStyle = "#000000", e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", e.globalAlpha = 1, n.stroke.miterLimit !== void 0 && (e.miterLimit = n.stroke.miterLimit)) : le(e, n.stroke), !a && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`), Ne(e, n), e.stroke(), e.restore();
+  e.save(), a ? (e.strokeStyle = "#000000", e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", e.globalAlpha = 1, n.stroke.miterLimit !== void 0 && (e.miterLimit = n.stroke.miterLimit)) : ge(e, n.stroke), !a && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`), rt(e, n), e.stroke(), e.restore();
 }
-function la(e, n, t) {
-  n.enabled && (e.save(), le(e, n), n.feather && n.feather > 0 && "filter" in e && (e.filter = `blur(${n.feather}px)`), e.beginPath(), t(), e.stroke(), e.restore());
+function Ca(e, n, t) {
+  n.enabled && (e.save(), ge(e, n), n.feather && n.feather > 0 && "filter" in e && (e.filter = `blur(${n.feather}px)`), e.beginPath(), t(), e.stroke(), e.restore());
 }
-const Wn = G("GlyphRenderer");
-function Ge(e, n, t, a, r, o, s, c = {}) {
+const qn = N("GlyphRenderer");
+function ct(e, n, t, a, r, o, s, c = {}) {
   try {
     const i = [];
     Object.entries(s).forEach(([h, S]) => {
@@ -261,7 +319,7 @@ function Ge(e, n, t, a, r, o, s, c = {}) {
           }
         }
       } catch (g) {
-        Wn.warn("Error getting path for glyph:", h.name, g);
+        qn.warn("Error getting path for glyph:", h.name, g);
       }
       if (v) {
         const g = new Path2D(v);
@@ -270,10 +328,10 @@ function Ge(e, n, t, a, r, o, s, c = {}) {
       b += h.advanceWidth * p;
     }), e.restore();
   } catch (i) {
-    Wn.error("Error rendering with fontkit:", i), e.fillStyle = c.color || "#000000", e.textAlign = c.align || "left", e.fillText(t, a, r);
+    qn.error("Error rendering with fontkit:", i), e.fillStyle = c.color || "#000000", e.textAlign = c.align || "left", e.fillText(t, a, r);
   }
 }
-function He(e, n, t, a, r, o, s, c = {}) {
+function lt(e, n, t, a, r, o, s, c = {}) {
   const l = ((h) => {
     for (const S of h) {
       const $ = S.codePointAt(0);
@@ -326,12 +384,12 @@ function He(e, n, t, a, r, o, s, c = {}) {
     }
   }), e.restore();
 }
-function Ve(e, n, t, a, r) {
+function dt(e, n, t, a, r) {
   e.fillStyle = t.color;
-  const o = t.textAlign || "center", s = Ce(n);
+  const o = t.textAlign || "center", s = Be(n);
   let c, i;
   a !== void 0 && a > 0 && !r ? (c = [], i = [], s.forEach((m) => {
-    const b = ke(m, a, t);
+    const b = Le(m, a, t);
     b.forEach((h, S) => {
       c.push(h), i.push({
         isParagraphStart: S === 0,
@@ -352,7 +410,7 @@ function Ve(e, n, t, a, r) {
       e.font = R(P, A, F, D);
       const I = e.measureText(x.text).width;
       h.push(I);
-      const M = sn(P, A, F, D);
+      const M = cn(P, A, F, D);
       S = Math.max(S, M.height), $ = Math.max($, M.ascent);
     });
     const y = m.map((x) => x.text).join(""), k = y.match(/^ +/), T = y.match(/ +$/), C = k ? k[0].length : 0, _ = T ? T[0].length : 0;
@@ -360,16 +418,16 @@ function Ve(e, n, t, a, r) {
     m.forEach((x) => {
       const P = x.style.fontSize !== void 0 ? x.style.fontSize : t.fontSize, A = x.style.fontFamily !== void 0 ? x.style.fontFamily : t.fontFamily, F = x.style.bold !== void 0 ? x.style.bold : t.bold || !1, D = x.style.italic !== void 0 ? x.style.italic : t.italic || !1;
       let I = x.text;
-      const M = E, Q = E + x.text.length;
+      const M = E, en = E + x.text.length;
       if (!v && C > 0 && M < C) {
         const B = Math.min(C - M, x.text.length);
         I = I.substring(B);
       }
       if (!g && _ > 0) {
         const B = y.length - _;
-        if (Q > B) {
-          const H = !v && C > 0 && M < C ? Math.min(C - M, x.text.length) : 0, xn = Math.max(0, B - M - H);
-          I = I.substring(0, xn);
+        if (en > B) {
+          const H = !v && C > 0 && M < C ? Math.min(C - M, x.text.length) : 0, wn = Math.max(0, B - M - H);
+          I = I.substring(0, wn);
         }
       }
       E += x.text.length, I.length > 0 && (e.save(), e.font = R(P, A, F, D), w += e.measureText(I).width, e.restore());
@@ -385,7 +443,7 @@ function Ve(e, n, t, a, r) {
       isParagraphEnd: g
     });
   });
-  const d = sn(t.fontSize, t.fontFamily, t.bold, t.italic), u = t.fontSize * On;
+  const d = cn(t.fontSize, t.fontFamily, t.bold, t.italic), u = t.fontSize * Ln;
   let p;
   l.length === 0 ? p = 0 : l.length === 1 ? p = d.height : p = (l.length - 1) * u + d.height;
   const f = -p / 2;
@@ -396,62 +454,62 @@ function Ve(e, n, t, a, r) {
     const y = f + d.ascent + b * u, k = h.map((x) => x.text).join(""), T = k.match(/^ +/), C = k.match(/ +$/), _ = T ? T[0].length : 0, w = C ? C[0].length : 0;
     let E = 0;
     h.forEach((x) => {
-      const P = x.style.fontSize !== void 0 ? x.style.fontSize : t.fontSize, A = x.style.fontFamily !== void 0 ? x.style.fontFamily : t.fontFamily, F = x.style.color !== void 0 ? x.style.color : t.color, D = x.style.bold !== void 0 ? x.style.bold : t.bold || !1, I = x.style.italic !== void 0 ? x.style.italic : t.italic || !1, M = x.style.underline !== void 0 ? x.style.underline : t.underline || !1, Q = x.style.strikethrough !== void 0 ? x.style.strikethrough : t.strikethrough || !1;
-      let B = x.text, H = E, xn = E + x.text.length;
+      const P = x.style.fontSize !== void 0 ? x.style.fontSize : t.fontSize, A = x.style.fontFamily !== void 0 ? x.style.fontFamily : t.fontFamily, F = x.style.color !== void 0 ? x.style.color : t.color, D = x.style.bold !== void 0 ? x.style.bold : t.bold || !1, I = x.style.italic !== void 0 ? x.style.italic : t.italic || !1, M = x.style.underline !== void 0 ? x.style.underline : t.underline || !1, en = x.style.strikethrough !== void 0 ? x.style.strikethrough : t.strikethrough || !1;
+      let B = x.text, H = E, wn = E + x.text.length;
       if (!$ && _ > 0 && H < _) {
-        const N = Math.min(_ - H, x.text.length);
-        B = B.substring(N);
+        const U = Math.min(_ - H, x.text.length);
+        B = B.substring(U);
       }
       if (!v && w > 0) {
-        const N = k.length - w;
-        if (xn > N) {
-          const V = !$ && _ > 0 && H < _ ? Math.min(_ - H, x.text.length) : 0, xe = Math.max(0, N - H - V);
-          B = B.substring(0, xe);
+        const U = k.length - w;
+        if (wn > U) {
+          const V = !$ && _ > 0 && H < _ ? Math.min(_ - H, x.text.length) : 0, Fe = Math.max(0, U - H - V);
+          B = B.substring(0, Fe);
         }
       }
       if (E += x.text.length, B.length > 0) {
         e.font = R(P, A, D, I), e.fillStyle = F, e.textBaseline = "alphabetic", e.textAlign = "left", e.fillText(B, g, y);
-        const N = e.measureText(B).width;
+        const U = e.measureText(B).width;
         if (M) {
           const V = y + P * 0.1;
-          e.beginPath(), e.moveTo(g, V), e.lineTo(g + N, V), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
+          e.beginPath(), e.moveTo(g, V), e.lineTo(g + U, V), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
         }
-        if (Q) {
+        if (en) {
           const V = y - P * 0.25;
-          e.beginPath(), e.moveTo(g, V), e.lineTo(g + N, V), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
+          e.beginPath(), e.moveTo(g, V), e.lineTo(g + U, V), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
         }
-        g += N;
+        g += U;
       }
     });
   });
 }
-const Cn = G("canvas-renderer");
-let ln = null;
-function Rn() {
-  if (!ln)
+const Tn = N("canvas-renderer");
+let fn = null;
+function Nn() {
+  if (!fn)
     if (typeof OffscreenCanvas < "u")
-      ln = new OffscreenCanvas(1, 1).getContext("2d");
+      fn = new OffscreenCanvas(1, 1).getContext("2d");
     else if (typeof document < "u")
-      ln = document.createElement("canvas").getContext("2d");
+      fn = document.createElement("canvas").getContext("2d");
     else
       throw new Error("No canvas context available");
-  return ln;
+  return fn;
 }
 function R(e, n, t = !1, a = !1) {
   const r = [];
   return a && r.push("italic"), t && r.push("bold"), r.push(`${e}px`), r.push(n), r.join(" ");
 }
-function Gn(e, n, t, a = !1, r = !1) {
-  const o = Rn();
+function Xn(e, n, t, a = !1, r = !1) {
+  const o = Nn();
   return o.font = R(n, t, a, r), o.measureText(e).width;
 }
-function sn(e, n, t = !1, a = !1) {
-  const r = Rn();
+function cn(e, n, t = !1, a = !1) {
+  const r = Nn();
   r.font = R(e, n, t, a);
   const s = r.measureText("ÁÉÍgjpqy"), c = s.actualBoundingBoxAscent || e * 0.8, i = s.actualBoundingBoxDescent || e * 0.2, l = c + i;
   return { ascent: c, descent: i, height: l };
 }
-function da(e, n) {
+function ka(e, n) {
   const t = e.map((r, o) => ({
     isParagraphStart: !n && o === 0,
     isParagraphEnd: !n && o === e.length - 1
@@ -464,14 +522,14 @@ function da(e, n) {
     return s || (i = i.replace(/^ +/, "")), c || (i = i.replace(/ +$/, "")), i;
   }).filter((r) => r.length > 0);
 }
-function je(e, n) {
+function ft(e, n) {
   const t = n.fontSize, a = n.fontFamily, r = n.bold || !1, o = n.italic || !1, s = n.textAlign || "center", c = n.text;
   e.font = R(t, a, r, o), e.textAlign = s, e.textBaseline = "alphabetic", e.fillStyle = n.color;
-  const i = sn(t, a, r, o), u = -i.height / 2 + i.ascent;
+  const i = cn(t, a, r, o), u = -i.height / 2 + i.ascent;
   e.fillText(c, 0, u);
 }
-function qe(e, n, t, a, r = !1, o = !1, s) {
-  const c = Rn();
+function ut(e, n, t, a, r = !1, o = !1, s) {
+  const c = Nn();
   if (c.font = R(t, a, r, o), e.trim().length === 0)
     return [e];
   if (e.includes(`
@@ -479,7 +537,7 @@ function qe(e, n, t, a, r = !1, o = !1, s) {
     const C = e.split(`
 `), _ = [];
     for (let w = 0; w < C.length; w++) {
-      const E = C[w], x = qe(E, n, t, a, r, o);
+      const E = C[w], x = ut(E, n, t, a, r, o);
       _.push(...x);
     }
     return _;
@@ -507,7 +565,7 @@ function qe(e, n, t, a, r = !1, o = !1, s) {
   }
   return g.push(y), g.length > 0 && (g[0] = d + g[0], g[g.length - 1] = g[g.length - 1] + u), g;
 }
-function fa(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1, p = !1, f = !1, m, b) {
+function Ta(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1, p = !1, f = !1, m, b) {
   e.font = R(r, o, d, u), e.textBaseline = "alphabetic", e.textAlign = s;
   const h = (w) => {
     for (const E of w) {
@@ -516,13 +574,13 @@ function fa(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1,
         return !0;
     }
     return !1;
-  }, S = m && Object.values(m).some((w) => w), $ = b && b.length > 0, v = n.join(" "), g = h(v), y = S || $ || g, k = y ? Un.getFontSync(o, d ? 700 : 400) : null;
-  y && !k && (Cn.warn(
+  }, S = m && Object.values(m).some((w) => w), $ = b && b.length > 0, v = n.join(" "), g = h(v), y = S || $ || g, k = y ? Hn.getFontSync(o, d ? 700 : 400) : null;
+  y && !k && (Tn.warn(
     `[renderMultilineText] Font ${o} not loaded for fontkit rendering. Text may not render correctly. Has PUA: ${g}, Text: "${v}"`
-  ), Un.loadFont(o, d ? 700 : 400).catch((w) => {
-    Cn.error("[renderMultilineText] Error loading font:", w);
+  ), Hn.loadFont(o, d ? 700 : 400).catch((w) => {
+    Tn.error("[renderMultilineText] Error loading font:", w);
   }));
-  const T = sn(r, o, d, u), C = r * l;
+  const T = cn(r, o, d, u), C = r * l;
   let _ = 0;
   n.forEach((w, E) => {
     let x = t + i;
@@ -535,21 +593,21 @@ function fa(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1,
       charIndex: D.charIndex - _
       // Adjust to line-relative index
     })) : [];
-    if (k && (S || F.length > 0 || g) ? F.length > 0 || h(w) ? He(e, k, w, x, P, r, F, {
+    if (k && (S || F.length > 0 || g) ? F.length > 0 || h(w) ? lt(e, k, w, x, P, r, F, {
       color: e.fillStyle,
       align: s === "start" || s === "end" ? "left" : s
-    }) : m && Ge(e, k, w, x, P, r, m, {
+    }) : m && ct(e, k, w, x, P, r, m, {
       color: e.fillStyle,
       align: s === "start" || s === "end" ? "left" : s
     }) : e.fillText(w, x, P), _ += A + 1, p) {
-      const D = Gn(w, r, o, d, u);
+      const D = Xn(w, r, o, d, u);
       let I = x;
       s === "center" ? I = x - D / 2 : s === "right" && (I = x - D);
       const M = P + r * 0.1;
       e.beginPath(), e.moveTo(I, M), e.lineTo(I + D, M), e.lineWidth = Math.max(1, r * 0.05), e.strokeStyle = e.fillStyle, e.stroke();
     }
     if (f) {
-      const D = Gn(w, r, o, d, u);
+      const D = Xn(w, r, o, d, u);
       let I = x;
       s === "center" ? I = x - D / 2 : s === "right" && (I = x - D);
       const M = P - r * 0.25;
@@ -557,18 +615,18 @@ function fa(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1,
     }
   });
 }
-function Hn(e, n) {
-  Xe(e, n);
+function _n(e, n) {
+  pt(e, n);
 }
-function Xe(e, n) {
+function pt(e, n) {
   var r;
-  (r = n.stroke) != null && r.enabled && de(e, n), e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180);
-  const t = n.transformData, a = ((t == null ? void 0 : t.width) ?? 100) - Y * 2;
+  (r = n.stroke) != null && r.enabled && me(e, n), e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180);
+  const t = n.transformData, a = ((t == null ? void 0 : t.width) ?? 100) - J * 2;
   if (n.richText) {
-    const o = Te.fromJSON(n.richText);
+    const o = Ne.fromJSON(n.richText);
     e.save(), e.translate(0, 0);
     const s = n._lockedLineCount;
-    Ve(
+    dt(
       e,
       o,
       {
@@ -586,7 +644,7 @@ function Xe(e, n) {
     ), e.restore();
   } else if (n.text) {
     e.fillStyle = n.color;
-    const o = n._lockedLineCount, { lines: s, height: c } = ce(
+    const o = n._lockedLineCount, { lines: s, height: c } = he(
       n.text,
       a,
       n.fontSize,
@@ -596,12 +654,12 @@ function Xe(e, n) {
       o,
       !0
       // strict: true
-    ), i = sn(
+    ), i = cn(
       n.fontSize,
       n.fontFamily,
       n.bold,
       n.italic
-    ), l = -((t == null ? void 0 : t.width) ?? 100) / 2, d = -c / 2, u = n.fontSize * On;
+    ), l = -((t == null ? void 0 : t.width) ?? 100) / 2, d = -c / 2, u = n.fontSize * Ln;
     e.font = `${n.italic ? "italic " : ""}${n.bold ? "bold " : ""}${n.fontSize}px ${n.fontFamily}`, e.textBaseline = "alphabetic", e.textAlign = n.textAlign, s.forEach((p, f) => {
       const m = f === 0, b = f === s.length - 1;
       let h = p;
@@ -613,8 +671,8 @@ function Xe(e, n) {
         const v = h.match(/ +$/), g = v ? v[0].length : 0;
         g > 0 && (h = h.substring(0, h.length - g));
       }
-      let S = l + Y;
-      n.textAlign === "center" ? S = l + ((t == null ? void 0 : t.width) ?? 100) / 2 : n.textAlign === "right" && (S = l + ((t == null ? void 0 : t.width) ?? 100) - Y);
+      let S = l + J;
+      n.textAlign === "center" ? S = l + ((t == null ? void 0 : t.width) ?? 100) / 2 : n.textAlign === "right" && (S = l + ((t == null ? void 0 : t.width) ?? 100) - J);
       const $ = d + i.ascent + f * u;
       if (e.fillText(h, S, $), h.length > 0) {
         const v = e.measureText(h).width;
@@ -632,17 +690,17 @@ function Xe(e, n) {
   }
   e.restore();
 }
-function ua(e, n) {
+function _a(e, n) {
   var s;
   const t = n.opacity ?? 1, a = !!((s = n.stroke) != null && s.enabled), r = n.type === "custom";
   if (t < 1 && a && r) {
-    Ye(e, n, t);
+    ht(e, n, t);
     return;
   }
   const o = e.globalAlpha;
-  t !== 1 && (e.globalAlpha = t), kn(e, n), e.globalAlpha = o;
+  t !== 1 && (e.globalAlpha = t), En(e, n), e.globalAlpha = o;
 }
-function Ye(e, n, t) {
+function ht(e, n, t) {
   var h;
   const a = n.transformData, r = n.fontSize || 24, o = ((h = n.stroke) == null ? void 0 : h.width) || 0, s = ((a == null ? void 0 : a.width) ?? r * n.text.length * 0.7) + o * 2 + 40, c = r * 3 + o * 2 + 40, i = e.getTransform(), l = Math.max(Math.abs(i.a), Math.abs(i.d), 1), d = Math.ceil(s * l), u = Math.ceil(c * l);
   let p;
@@ -650,7 +708,7 @@ function Ye(e, n, t) {
   const f = p.getContext("2d");
   if (!f) {
     const S = e.globalAlpha;
-    e.globalAlpha = t, kn(e, n), e.globalAlpha = S;
+    e.globalAlpha = t, En(e, n), e.globalAlpha = S;
     return;
   }
   const m = i.a * n.x + i.e, b = i.d * n.y + i.f;
@@ -661,42 +719,42 @@ function Ye(e, n, t) {
     i.d,
     i.e - m + d / 2,
     i.f - b + u / 2
-  ), kn(f, n), e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.globalAlpha = t, e.drawImage(p, m - d / 2, b - u / 2), e.restore();
+  ), En(f, n), e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.globalAlpha = t, e.drawImage(p, m - d / 2, b - u / 2), e.restore();
 }
-function kn(e, n) {
+function En(e, n) {
   switch (n.type) {
     case "custom":
-      Hn(e, n);
+      _n(e, n);
       break;
     case "circle":
-      Je(e, n);
+      ye(e, n);
       break;
     case "wave":
-      Qe(e, n);
+      $e(e, n);
       break;
     case "arch":
-      et(e, n);
+      xe(e, n);
       break;
     case "ascend":
-      at(e, n);
+      ve(e, n);
       break;
     case "lean":
-      st(e, n);
+      we(e, n);
       break;
     case "flag":
-      ot(e, n);
+      Se(e, n);
       break;
     default:
-      Cn.warn(`[canvas-renderer] Unsupported transform type: ${n.type}`), Hn(e, n);
+      Tn.warn(`[canvas-renderer] Unsupported transform type: ${n.type}`), _n(e, n);
   }
 }
-function Ke(e, n) {
+function bt(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function J(e, n, t) {
+function Q(e, n, t) {
   if (t != null && t.enabled)
     if (e.strokeStyle = t.color, e.lineWidth = t.width, e.lineCap = t.lineCap || "round", e.lineJoin = t.lineJoin || "round", t.miterLimit !== void 0 && (e.miterLimit = t.miterLimit), t.opacity !== void 0) {
       const a = e.globalAlpha;
@@ -704,7 +762,7 @@ function J(e, n, t) {
     } else
       e.strokeText(n, 0, 0);
 }
-function Z(e, n, t) {
+function nn(e, n, t) {
   const a = n.stroke, r = (a == null ? void 0 : a.opacity) ?? 1, o = e.globalAlpha, s = (a == null ? void 0 : a.enabled) && r < 1, c = (a == null ? void 0 : a.enabled) && o < 1;
   if (!(s || c)) {
     t(e, n);
@@ -715,7 +773,7 @@ function Z(e, n, t) {
     t(e, n);
     return;
   }
-  const _ = Ke(T, C), w = _.getContext("2d");
+  const _ = bt(T, C), w = _.getContext("2d");
   if (!w) {
     t(e, n);
     return;
@@ -730,8 +788,8 @@ function Z(e, n, t) {
     C / 2 - A + y.f
   ), c) {
     w.globalAlpha = 1;
-    const Q = a.opacity;
-    s && (a.opacity = 1), t(w, n), s && (a.opacity = Q), e.save(), e.resetTransform(), e.globalAlpha = o, e.drawImage(_, F, D), e.restore();
+    const en = a.opacity;
+    s && (a.opacity = 1), t(w, n), s && (a.opacity = en), e.save(), e.resetTransform(), e.globalAlpha = o, e.drawImage(_, F, D), e.restore();
     return;
   }
   const I = a.opacity;
@@ -743,10 +801,10 @@ function Z(e, n, t) {
     D
   ), e.restore();
 }
-function Je(e, n) {
-  Z(e, n, Ze);
+function ye(e, n) {
+  nn(e, n, gt);
 }
-function Ze(e, n) {
+function gt(e, n) {
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.scale(t.scale, t.scale);
   const a = n.bold ? "bold" : "normal", r = n.italic ? "italic" : "normal";
@@ -756,100 +814,143 @@ function Ze(e, n) {
     let i = Math.PI / 2 + c / (2 * t.radius);
     o.forEach((l, d) => {
       const p = s[d] / t.radius, f = Math.cos(i - p / 2) * t.radius, m = Math.sin(i - p / 2) * t.radius;
-      e.save(), e.translate(f, m), e.rotate(i - p / 2 - Math.PI / 2), J(e, l, n.stroke), e.fillText(l, 0, 0), e.restore(), i -= p;
+      e.save(), e.translate(f, m), e.rotate(i - p / 2 - Math.PI / 2), Q(e, l, n.stroke), e.fillText(l, 0, 0), e.restore(), i -= p;
     });
   } else {
     let i = -Math.PI / 2 - c / (2 * t.radius);
     o.forEach((l, d) => {
       const p = s[d] / t.radius, f = Math.cos(i + p / 2) * t.radius, m = Math.sin(i + p / 2) * t.radius;
-      e.save(), e.translate(f, m), e.rotate(i + p / 2 + Math.PI / 2), J(e, l, n.stroke), e.fillText(l, 0, 0), e.restore(), i += p;
+      e.save(), e.translate(f, m), e.rotate(i + p / 2 + Math.PI / 2), Q(e, l, n.stroke), e.fillText(l, 0, 0), e.restore(), i += p;
     });
   }
   e.restore();
 }
-function Qe(e, n) {
-  Z(e, n, nt);
+function $e(e, n) {
+  nn(e, n, mt);
 }
-function nt(e, n) {
+function mt(e, n) {
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = R(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
   const a = n.text.split("");
   let o = -a.reduce((s, c) => s + e.measureText(c).width, 0) / 2;
   a.forEach((s) => {
     const c = e.measureText(s).width, i = o + c / 2, l = i / (t.width / 2), d = t.amplitude * n.fontSize * Math.sin(t.frequency * Math.PI * l), u = t.amplitude * t.frequency * Math.PI * Math.cos(t.frequency * Math.PI * l);
-    e.save(), e.translate(i, d), e.transform(1, u * _e, 0, 1, 0, 0), J(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
+    e.save(), e.translate(i, d), e.transform(1, u * Ue, 0, 1, 0, 0), Q(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
   }), e.restore();
 }
-function et(e, n) {
-  Z(e, n, tt);
+function xe(e, n) {
+  nn(e, n, yt);
 }
-function tt(e, n) {
+function yt(e, n) {
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = R(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
   const a = n.text.split(""), r = a.reduce((c, i) => c + e.measureText(i).width, 0), o = t.width / 2;
   let s = -r / 2;
   a.forEach((c) => {
     const i = e.measureText(c).width, l = s + i / 2, d = l / o, u = (Math.pow(d, 2) - 1) * t.archHeight * n.fontSize, p = 2 * d * t.archHeight;
-    e.save(), e.translate(l, u), e.transform(1, p * 0.3, 0, 1, 0, 0), J(e, c, n.stroke), e.fillText(c, 0, 0), e.restore(), s += i;
+    e.save(), e.translate(l, u), e.transform(1, p * 0.3, 0, 1, 0, 0), Q(e, c, n.stroke), e.fillText(c, 0, 0), e.restore(), s += i;
   }), e.restore();
 }
-function at(e, n) {
-  Z(e, n, rt);
+function ve(e, n) {
+  nn(e, n, $t);
 }
-function rt(e, n) {
+function $t(e, n) {
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = R(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
   const a = n.text.split(""), r = a.reduce((c, i) => c + e.measureText(i).width, 0), o = t.ascendAngle * Math.PI / 180;
   let s = -r / 2;
   a.forEach((c) => {
     const i = e.measureText(c).width, l = s + i / 2, d = l * Math.tan(o), u = Math.tan(o);
-    e.save(), e.translate(l, d), e.transform(1, u * 1, 0, 1, 0, 0), J(e, c, n.stroke), e.fillText(c, 0, 0), e.restore(), s += i;
+    e.save(), e.translate(l, d), e.transform(1, u * 1, 0, 1, 0, 0), Q(e, c, n.stroke), e.fillText(c, 0, 0), e.restore(), s += i;
   }), e.restore();
 }
-function st(e, n) {
-  Z(e, n, it);
+function we(e, n) {
+  nn(e, n, xt);
 }
-function it(e, n) {
+function xt(e, n) {
   var r;
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180);
   const a = -t.leanAmount * Math.PI / 4;
   e.transform(1, 0, Math.tan(a), 1, 0, 0), e.font = R(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle", (r = n.stroke) != null && r.enabled && (e.save(), e.strokeStyle = n.stroke.color, e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "round", e.lineJoin = n.stroke.lineJoin || "round", n.stroke.opacity !== void 0 && (e.globalAlpha = n.stroke.opacity), e.strokeText(n.text, 0, 0), e.restore()), e.fillText(n.text, 0, 0), e.restore();
 }
-function ot(e, n) {
-  Z(e, n, ct);
+function Se(e, n) {
+  nn(e, n, vt);
 }
-function ct(e, n) {
+function vt(e, n) {
   const t = n.transformData;
   e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180), e.font = R(n.fontSize, n.fontFamily, n.bold, n.italic), e.fillStyle = n.color, e.textAlign = "center", e.textBaseline = "middle";
   const a = n.text.split("");
   let o = -a.reduce((s, c) => s + e.measureText(c).width, 0) / 2;
   a.forEach((s) => {
     const c = e.measureText(s).width, i = o + c / 2, l = i / (t.width / 2), d = Math.abs(l), u = t.amplitude * d, p = u * n.fontSize * Math.sin(t.frequency * Math.PI * l), f = u * t.frequency * Math.PI * Math.cos(t.frequency * Math.PI * l), m = t.amplitude * Math.sign(l) * Math.sin(t.frequency * Math.PI * l), b = f + m;
-    e.save(), e.translate(i, p), e.transform(1, b * 0.3, 0, 1, 0, 0), J(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
+    e.save(), e.translate(i, p), e.transform(1, b * 0.3, 0, 1, 0, 0), Q(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
   }), e.restore();
 }
-function Bn(e, n, t = {}) {
+function q(e) {
+  return (n, t) => e(n, t);
+}
+function wt(e, n) {
+  e.save();
+  const t = e.canvas, a = t.width, r = t.height, o = e.getTransform(), s = [];
+  let c = [];
+  for (const i of n)
+    i.isClipping ? c.length > 0 ? (s.push({ content: c, mask: i }), c = []) : s.push({ content: [i] }) : c.push(i);
+  c.length > 0 && s.push({ content: c });
+  for (const i of s)
+    if (!i.mask)
+      i.content.forEach((l) => l.render(e, !1, !1));
+    else {
+      const l = document.createElement("canvas");
+      l.width = a, l.height = r;
+      const d = l.getContext("2d");
+      if (!d) continue;
+      d.setTransform(o), i.content.forEach((f) => {
+        f.render(d, !1, !1);
+      });
+      const u = document.createElement("canvas");
+      u.width = a, u.height = r;
+      const p = u.getContext("2d");
+      if (!p) continue;
+      if (p.setTransform(o), i.mask.render(p, !1, !1), i.mask.transformType !== "image" && i.mask.transformType !== "shape") {
+        const f = i.mask.getBoundingBox();
+        p.save(), p.fillStyle = "#FFFFFF", p.fillRect(f.x, f.y, f.width, f.height), p.restore();
+      }
+      d.globalCompositeOperation = "destination-in", d.setTransform(1, 0, 0, 1, 0, 0), d.drawImage(u, 0, 0), e.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(l, 0, 0), e.setTransform(o);
+    }
+  e.restore();
+}
+var Yn = !1;
+function Un() {
+  Yn || (Yn = !0, j("arch", q(xe)), j("ascend", q(ve)), j("circle", q(ye)), j("flag", q(Se)), j("lean", q(we)), j("wave", q($e)), j(
+    "custom",
+    (e, n) => _n(e, n)
+  ), ze(wt), Je(
+    (e, n) => et(e, n)
+  ), globalThis.__scElementPaintersInstalled = !0);
+}
+Un();
+function zn(e, n, t = {}) {
   const a = t.mode || "both";
   switch (e.save(), e.translate(n.x || 0, n.y || 0), e.rotate(-(n.rotation || 0) * Math.PI / 180), n.transformType) {
     case "image":
-      dt(e, n, a, t);
+      Ct(e, n, a, t);
       break;
     case "shape":
-      ft(e, n, a, t);
+      kt(e, n, a, t);
       break;
     case "group":
       break;
     default:
-      lt(e, n, a, t);
+      St(e, n, a, t);
       break;
   }
   e.restore();
 }
-function lt(e, n, t, a) {
+function St(e, n, t, a) {
   var s;
   const r = n, o = r.text || "";
-  o && ((t === "stroke" || t === "both") && ((s = n.stroke) != null && s.enabled) && (e.save(), de(e, n, { ...a.renderingContext, positionApplied: !0 }), e.restore()), (t === "fill" || t === "both") && (e.save(), je(e, {
+  o && ((t === "stroke" || t === "both") && ((s = n.stroke) != null && s.enabled) && (e.save(), me(e, n, { ...a.renderingContext, positionApplied: !0 }), e.restore()), (t === "fill" || t === "both") && (e.save(), ft(e, {
     text: o,
     fontSize: r.fontSize || 24,
     fontFamily: r.fontFamily || "Arial",
@@ -859,12 +960,12 @@ function lt(e, n, t, a) {
     color: r.color || "#000000"
   }), e.restore()));
 }
-function dt(e, n, t, a) {
+function Ct(e, n, t, a) {
   var o;
   if (!n.transformData) return;
   const r = n.transformData;
   if (t === "fill" || t === "both")
-    if (gt(e, n), a.loadedImage) {
+    if (Pt(e, n), a.loadedImage) {
       e.save(), e.clip();
       const s = r.flipHorizontal ? -1 : 1, c = r.flipVertical ? -1 : 1;
       e.scale(s, c);
@@ -872,34 +973,34 @@ function dt(e, n, t, a) {
       e.drawImage(a.loadedImage, -i / 2, -l / 2, i, l), e.restore();
     } else
       e.fillStyle = "#cccccc", e.fill();
-  (t === "stroke" || t === "both") && ((o = n.stroke) != null && o.enabled) && (e.save(), We(e, n, a.renderingContext), e.restore());
+  (t === "stroke" || t === "both") && ((o = n.stroke) != null && o.enabled) && (e.save(), ot(e, n, a.renderingContext), e.restore());
 }
-function ft(e, n, t, a) {
+function kt(e, n, t, a) {
   var s, c;
   if (!n.transformData) return;
   const r = n.transformData, o = ((s = a.renderingContext) == null ? void 0 : s.isKnockout) === !0;
-  e.beginPath(), fe(e, r), (t === "fill" || t === "both") && (e.fillStyle = o ? "#000000" : r.fillColor || "#3b82f6", e.globalAlpha = o ? 1 : r.fillOpacity ?? 1, e.fill()), (t === "stroke" || t === "both") && ((c = n.stroke) != null && c.enabled) && (e.save(), bt(e, n, a.renderingContext), e.restore());
+  e.beginPath(), Ce(e, r), (t === "fill" || t === "both") && (e.fillStyle = o ? "#000000" : r.fillColor || "#3b82f6", e.globalAlpha = o ? 1 : r.fillOpacity ?? 1, e.fill()), (t === "stroke" || t === "both") && ((c = n.stroke) != null && c.enabled) && (e.save(), At(e, n, a.renderingContext), e.restore());
 }
-function fe(e, n) {
+function Ce(e, n) {
   const { shapeType: t } = n, a = n.width ?? 100, r = n.height ?? 100;
   switch (t) {
     case "rectangle":
-      Vn(e, n, a, r);
+      Kn(e, n, a, r);
       break;
     case "circle":
-      ut(e, Math.min(a, r) / 2);
+      Tt(e, Math.min(a, r) / 2);
       break;
     case "ellipse":
-      pt(e, a / 2, r / 2);
+      _t(e, a / 2, r / 2);
       break;
     case "star":
-      ht(e, n, Math.min(a, r) / 2);
+      Et(e, n, Math.min(a, r) / 2);
       break;
     default:
-      Vn(e, n, a, r);
+      Kn(e, n, a, r);
   }
 }
-function Vn(e, n, t, a) {
+function Kn(e, n, t, a) {
   const r = n.borderRadius || 0, o = -t / 2, s = -a / 2;
   if (r > 0) {
     const c = Math.min(r / 100 * Math.min(t, a), t / 2, a / 2);
@@ -907,13 +1008,13 @@ function Vn(e, n, t, a) {
   } else
     e.rect(o, s, t, a);
 }
-function ut(e, n) {
+function Tt(e, n) {
   e.arc(0, 0, n, 0, Math.PI * 2);
 }
-function pt(e, n, t) {
+function _t(e, n, t) {
   e.ellipse(0, 0, n, t, 0, 0, Math.PI * 2);
 }
-function ht(e, n, t) {
+function Et(e, n, t) {
   const a = Math.max(3, Math.min(20, n.points || 5)), r = Math.max(0.1, Math.min(0.9, n.innerRadius || 0.4)), o = t * r, s = Math.PI / a, c = -Math.PI / 2;
   for (let i = 0; i < a * 2; i++) {
     const l = c + s * i, d = i % 2 === 0 ? t : o, u = Math.cos(l) * d, p = Math.sin(l) * d;
@@ -921,13 +1022,13 @@ function ht(e, n, t) {
   }
   e.closePath();
 }
-function bt(e, n, t) {
+function At(e, n, t) {
   var r;
   if (!((r = n.stroke) != null && r.enabled) || !n.transformData) return;
   const a = (t == null ? void 0 : t.isKnockout) === !0;
-  e.save(), a ? (e.strokeStyle = "#000000", e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", e.globalAlpha = 1) : (e.strokeStyle = n.stroke.color, e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", n.stroke.opacity !== void 0 && (e.globalAlpha = n.stroke.opacity)), n.stroke.miterLimit !== void 0 && (e.miterLimit = n.stroke.miterLimit), n.stroke.dashArray && n.stroke.dashArray.length > 0 && e.setLineDash(n.stroke.dashArray), !a && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`), e.beginPath(), fe(e, n.transformData), e.stroke(), e.restore();
+  e.save(), a ? (e.strokeStyle = "#000000", e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", e.globalAlpha = 1) : (e.strokeStyle = n.stroke.color, e.lineWidth = n.stroke.width, e.lineCap = n.stroke.lineCap || "butt", e.lineJoin = n.stroke.lineJoin || "miter", n.stroke.opacity !== void 0 && (e.globalAlpha = n.stroke.opacity)), n.stroke.miterLimit !== void 0 && (e.miterLimit = n.stroke.miterLimit), n.stroke.dashArray && n.stroke.dashArray.length > 0 && e.setLineDash(n.stroke.dashArray), !a && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`), e.beginPath(), Ce(e, n.transformData), e.stroke(), e.restore();
 }
-function gt(e, n) {
+function Pt(e, n) {
   if (!n.transformData) return;
   const { borderRadius: t } = n.transformData, a = n.transformData.width ?? 100, r = n.transformData.height ?? 100, o = -a / 2, s = -r / 2;
   if (e.beginPath(), t && t > 0) {
@@ -936,7 +1037,7 @@ function gt(e, n) {
   } else
     e.rect(o, s, a, r);
 }
-function Tn(e, n, t, a, r, o, s = "destination-out") {
+function An(e, n, t, a, r, o, s = "destination-out") {
   var v;
   if (!n.knockoutParts) return;
   if (!(n.knockoutParts.fill || n.knockoutParts.stroke)) {
@@ -945,21 +1046,21 @@ function Tn(e, n, t, a, r, o, s = "destination-out") {
   }
   const i = e.getTransform();
   e.save();
-  const l = n.knockoutParts.scope || "group", d = mt(n, l, t);
+  const l = n.knockoutParts.scope || "group", d = It(n, l, t);
   if (d.length === 0 && l === "artboard") {
-    $t(e, n, a), e.restore();
+    Ft(e, n, a), e.restore();
     return;
   }
   if (d.length === 0) {
     a(e, n), e.restore();
     return;
   }
-  const u = e.canvas, f = e.getTransform().a, m = xt(u.width, u.height), b = m.getContext("2d");
+  const u = e.canvas, f = e.getTransform().a, m = Mt(u.width, u.height), b = m.getContext("2d");
   if (!b) return;
   b.scale(f, f), r && o && (b.fillStyle = r, b.fillRect(o.x, o.y, o.width, o.height));
   for (const g of d)
     a(b, g);
-  n.knockoutParts.fill && !n.knockoutParts.stroke && ((v = n.stroke) != null && v.enabled) && (b.save(), En(b, n), b.restore()), b.save(), b.globalCompositeOperation = s, n.knockoutParts.fill && _n(b, n), n.knockoutParts.stroke && En(b, n), b.restore(), n.knockoutParts.fill || (b.save(), _n(b, n), b.restore());
+  n.knockoutParts.fill && !n.knockoutParts.stroke && ((v = n.stroke) != null && v.enabled) && (b.save(), In(b, n), b.restore()), b.save(), b.globalCompositeOperation = s, n.knockoutParts.fill && Pn(b, n), n.knockoutParts.stroke && In(b, n), b.restore(), n.knockoutParts.fill || (b.save(), Pn(b, n), b.restore());
   const h = u.width / f, S = u.height / f;
   e.drawImage(m, 0, 0, h, S), e.restore();
   const $ = e.getTransform();
@@ -972,59 +1073,59 @@ function Tn(e, n, t, a, r, o, s = "destination-out") {
     i.f
   );
 }
-function pa(e, n, t, a, r, o) {
-  Tn(e, n, t, a, r, o, "destination-out");
+function Ea(e, n, t, a, r, o) {
+  An(e, n, t, a, r, o, "destination-out");
 }
-function mt(e, n, t) {
-  return n === "artboard" ? ue(e, t) : yt(e, t);
+function It(e, n, t) {
+  return n === "artboard" ? ke(e, t) : Dt(e, t);
 }
-function ue(e, n) {
+function ke(e, n) {
   const t = n.findIndex((a) => a.id === e.id);
   return t === -1 ? [] : n.slice(0, t);
 }
-function yt(e, n) {
-  const t = pe(e, n);
+function Dt(e, n) {
+  const t = Te(e, n);
   if (!t)
-    return ue(e, n);
+    return ke(e, n);
   if (t.transformType !== "group" || !t.children)
     return [];
   const a = t.children.findIndex((r) => r.id === e.id);
   return a === -1 ? [] : t.children.slice(0, a);
 }
-function pe(e, n) {
+function Te(e, n) {
   for (const t of n)
     if (t.transformType === "group" && t.children) {
       if (t.children.some((r) => r.id === e.id))
         return t;
-      const a = pe(e, t.children);
+      const a = Te(e, t.children);
       if (a)
         return a;
     }
   return null;
 }
-function _n(e, n, t) {
-  Bn(e, n, {
+function Pn(e, n, t) {
+  zn(e, n, {
     mode: "fill",
     renderingContext: { isKnockout: !0 }
   });
 }
-function En(e, n) {
+function In(e, n) {
   var t;
-  (t = n.stroke) != null && t.enabled && Bn(e, n, {
+  (t = n.stroke) != null && t.enabled && zn(e, n, {
     mode: "stroke",
     renderingContext: { isKnockout: !0 }
   });
 }
-function $t(e, n, t) {
+function Ft(e, n, t) {
   var r;
   const a = n.knockoutParts;
   if (!a) {
     t(e, n);
     return;
   }
-  a.fill || (e.save(), _n(e, n), e.restore()), !a.stroke && ((r = n.stroke) != null && r.enabled) && (e.save(), En(e, n), e.restore());
+  a.fill || (e.save(), Pn(e, n), e.restore()), !a.stroke && ((r = n.stroke) != null && r.enabled) && (e.save(), In(e, n), e.restore());
 }
-function xt(e, n) {
+function Mt(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -1033,7 +1134,7 @@ function xt(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function jn(e, n, t, a, r = 0) {
+function Jn(e, n, t, a, r = 0) {
   if (t <= 0 || a <= 0 || e <= 0 || n <= 0)
     return { width: e + r, height: n + r };
   const o = t / a, s = e / n;
@@ -1043,11 +1144,11 @@ function jn(e, n, t, a, r = 0) {
     height: i + r
   };
 }
-const nn = 64, vn = 512;
-function vt(e, n) {
+const tn = 64, Sn = 512;
+function Ot(e, n) {
   e.beginPath(), e.arc(n / 2, n / 2, n * 0.45, 0, Math.PI * 2), e.fill();
 }
-function wt(e, n) {
+function Rt(e, n) {
   const t = n / 2, a = n / 2, r = n * 0.45, o = r * 0.4, s = 5;
   e.beginPath();
   for (let c = 0; c < s * 2; c++) {
@@ -1056,15 +1157,15 @@ function wt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function St(e, n) {
+function Bt(e, n) {
   const t = n / 2, a = n * 0.42;
   e.beginPath(), e.moveTo(t, n * 0.82), e.bezierCurveTo(t - a * 1.1, n * 0.6, t - a * 1.3, n * 0.2, t, n * 0.35), e.bezierCurveTo(t + a * 1.3, n * 0.2, t + a * 1.1, n * 0.6, t, n * 0.82), e.closePath(), e.fill();
 }
-function Ct(e, n) {
+function Lt(e, n) {
   const t = n / 2, a = n / 2, r = n * 0.4, o = n * 0.48;
   e.beginPath(), e.moveTo(t, a - o), e.lineTo(t + r, a), e.lineTo(t, a + o), e.lineTo(t - r, a), e.closePath(), e.fill();
 }
-function kt(e, n) {
+function Nt(e, n) {
   const t = n / 2, a = n / 2, r = n * 0.44;
   e.beginPath();
   for (let o = 0; o < 6; o++) {
@@ -1073,11 +1174,11 @@ function kt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function Tt(e, n) {
+function Ut(e, n) {
   const t = n / 2, a = n * 0.4, r = n * 0.12;
   e.beginPath(), e.moveTo(t, r), e.lineTo(t + a, n * 0.25), e.lineTo(t + a, n * 0.55), e.quadraticCurveTo(t + a * 0.3, n * 0.8, t, n * 0.9), e.quadraticCurveTo(t - a * 0.3, n * 0.8, t - a, n * 0.55), e.lineTo(t - a, n * 0.25), e.closePath(), e.fill();
 }
-function _t(e, n) {
+function zt(e, n) {
   const t = n / 2, a = n / 2;
   let r = 42;
   const o = () => (r = (r * 16807 + 0) % 2147483647, r / 2147483647);
@@ -1087,7 +1188,7 @@ function _t(e, n) {
     e.beginPath(), e.arc(t + Math.cos(c) * i, a + Math.sin(c) * i, l, 0, Math.PI * 2), e.fill();
   }
 }
-function Et(e, n) {
+function Wt(e, n) {
   let t = 123;
   const a = () => (t = (t * 16807 + 0) % 2147483647, t / 2147483647), r = n * 0.08, o = 40;
   e.beginPath(), e.moveTo(r, r);
@@ -1109,7 +1210,7 @@ function Et(e, n) {
   }
   e.closePath(), e.fill();
 }
-function At(e, n) {
+function Gt(e, n) {
   let t = 77;
   const a = () => (t = (t * 16807 + 0) % 2147483647, t / 2147483647), r = n * 0.25, o = n * 0.75, s = n * 0.1;
   e.beginPath(), e.moveTo(s, r + a() * n * 0.05);
@@ -1123,101 +1224,101 @@ function At(e, n) {
   }
   e.closePath(), e.fill();
 }
-function Pt(e, n) {
+function Ht(e, n) {
   const t = n / 2, a = n * 0.55;
   e.beginPath(), e.arc(t, a, n * 0.2, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(t - n * 0.18, a + n * 0.02, n * 0.15, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(t + n * 0.18, a + n * 0.02, n * 0.16, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(t - n * 0.06, a - n * 0.14, n * 0.14, 0, Math.PI * 2), e.fill(), e.beginPath(), e.arc(t + n * 0.1, a - n * 0.12, n * 0.12, 0, Math.PI * 2), e.fill();
 }
-const It = [
+const Vt = [
   // Geometric
-  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: vt },
-  { id: "star", name: "Star", description: "5-pointed star", imageUrl: "builtin-mask:star", thumbnailUrl: "", category: "geometric", draw: wt },
-  { id: "heart", name: "Heart", description: "Heart shape", imageUrl: "builtin-mask:heart", thumbnailUrl: "", category: "geometric", draw: St },
-  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: Ct },
-  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: kt },
-  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: Tt },
+  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: Ot },
+  { id: "star", name: "Star", description: "5-pointed star", imageUrl: "builtin-mask:star", thumbnailUrl: "", category: "geometric", draw: Rt },
+  { id: "heart", name: "Heart", description: "Heart shape", imageUrl: "builtin-mask:heart", thumbnailUrl: "", category: "geometric", draw: Bt },
+  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: Lt },
+  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: Nt },
+  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: Ut },
   // Organic
-  { id: "splatter", name: "Splatter", description: "Ink splatter", imageUrl: "builtin-mask:splatter", thumbnailUrl: "", category: "organic", draw: _t },
-  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: Et },
-  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: At },
-  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: Pt }
+  { id: "splatter", name: "Splatter", description: "Ink splatter", imageUrl: "builtin-mask:splatter", thumbnailUrl: "", category: "organic", draw: zt },
+  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: Wt },
+  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: Gt },
+  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: Ht }
 ];
-let qn = !1;
-function Xn(e, n) {
+let Zn = !1;
+function Qn(e, n) {
   if (typeof document > "u") return null;
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function Dt() {
-  if (typeof document > "u" || qn) return;
-  qn = !0;
-  const e = mn.getInstance();
-  for (const n of It) {
-    const t = Xn(vn, vn);
+function jt() {
+  if (typeof document > "u" || Zn) return;
+  Zn = !0;
+  const e = $n.getInstance();
+  for (const n of Vt) {
+    const t = Qn(Sn, Sn);
     if (!t) continue;
     const a = t.getContext("2d");
     if (!a) continue;
-    a.fillStyle = "white", n.draw(a, vn);
+    a.fillStyle = "white", n.draw(a, Sn);
     const r = t.toDataURL("image/png"), o = e.acquire(n.imageUrl);
     o.crossOrigin = "anonymous", o.src = r;
-    const s = Xn(nn, nn);
+    const s = Qn(tn, tn);
     if (s) {
       const c = s.getContext("2d");
-      c && (c.fillStyle = "#1a1a2e", c.fillRect(0, 0, nn, nn), c.fillStyle = "white", n.draw(c, nn), n.thumbnailUrl = s.toDataURL("image/png"));
+      c && (c.fillStyle = "#1a1a2e", c.fillRect(0, 0, tn, tn), c.fillStyle = "white", n.draw(c, tn), n.thumbnailUrl = s.toDataURL("image/png"));
     }
   }
 }
-const Ft = G("MaskRenderer"), An = /* @__PURE__ */ new Map(), Mt = /* @__PURE__ */ new Map();
-function ha(e) {
+const qt = N("MaskRenderer"), Dn = /* @__PURE__ */ new Map(), Xt = /* @__PURE__ */ new Map();
+function Aa(e) {
   const n = [];
-  An.forEach((t, a) => {
+  Dn.forEach((t, a) => {
     a.startsWith(e) && n.push(a);
-  }), n.forEach((t) => An.delete(t));
+  }), n.forEach((t) => Dn.delete(t));
 }
-function ba() {
-  An.clear();
+function Pa() {
+  Dn.clear();
 }
-function Yn(e, n, t) {
+function ne(e, n, t) {
   if (!n.masks || n.masks.length === 0) {
     t(e);
     return;
   }
-  const a = e.canvas, r = fn(a.width, a.height), o = r.getContext("2d");
+  const a = e.canvas, r = pn(a.width, a.height), o = r.getContext("2d");
   if (!o) {
-    Ft.error("[renderWithMasks] Failed to get offscreen context");
+    qt.error("[renderWithMasks] Failed to get offscreen context");
     return;
   }
   const s = e.getTransform();
   o.setTransform(s), t(o);
   for (const c of n.masks)
-    Ot(o, c, n);
+    Yt(o, c, n);
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(r, 0, 0), e.restore();
 }
-function Ot(e, n, t) {
+function Yt(e, n, t) {
   switch (n.type) {
     case "clip":
-      Rt(e, n, t);
+      Kt(e, n, t);
       break;
     case "alpha":
-      Bt(e, n, t);
+      Jt(e, n, t);
       break;
     case "luma":
-      Lt(e, n, t);
+      Zt(e, n, t);
       break;
     case "distress":
-      Nt(e, n, t);
+      Qt(e, n, t);
       break;
   }
 }
-function Rt(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), yn(e, n.maskElement, t), e.restore();
+function Kt(e, n, t) {
+  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), xn(e, n.maskElement, t), e.restore();
 }
-function Bt(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), yn(e, n.maskElement, t), n.feather && n.feather > 0 && he(e, n.feather), e.restore();
+function Jt(e, n, t) {
+  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), xn(e, n.maskElement, t), n.feather && n.feather > 0 && _e(e, n.feather), e.restore();
 }
-function Lt(e, n, t) {
-  const a = fn(e.canvas.width, e.canvas.height), r = a.getContext("2d");
+function Zt(e, n, t) {
+  const a = pn(e.canvas.width, e.canvas.height), r = a.getContext("2d");
   if (!r) return;
-  yn(r, n.maskElement, t);
+  xn(r, n.maskElement, t);
   const o = r.getImageData(0, 0, a.width, a.height), s = o.data;
   for (let c = 0; c < s.length; c += 4) {
     const i = s[c], l = s[c + 1], d = s[c + 2], u = 0.299 * i + 0.587 * l + 0.114 * d;
@@ -1225,10 +1326,10 @@ function Lt(e, n, t) {
   }
   r.putImageData(o, 0, 0), e.save(), e.globalCompositeOperation = "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), e.drawImage(a, 0, 0), e.restore();
 }
-function Nt(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-in" : "destination-out", n.opacity !== void 0 && (e.globalAlpha = n.opacity), yn(e, n.maskElement, t), n.feather && n.feather > 0 && he(e, n.feather), e.restore();
+function Qt(e, n, t) {
+  e.save(), e.globalCompositeOperation = n.inverted ? "destination-in" : "destination-out", n.opacity !== void 0 && (e.globalAlpha = n.opacity), xn(e, n.maskElement, t), n.feather && n.feather > 0 && _e(e, n.feather), e.restore();
 }
-function yn(e, n, t) {
+function xn(e, n, t) {
   const a = t.x || 0, r = t.y || 0, o = n.x || 0, s = n.y || 0, c = {
     ...n,
     x: a + o,
@@ -1246,18 +1347,18 @@ function yn(e, n, t) {
     const g = n;
     if (g.imageUrl)
       if (typeof document < "u") {
-        g.imageUrl.startsWith("builtin-mask:") && Dt();
-        const y = mn.getInstance(), k = y.acquire(g.imageUrl);
+        g.imageUrl.startsWith("builtin-mask:") && jt();
+        const y = $n.getInstance(), k = y.acquire(g.imageUrl);
         k.complete && k.naturalWidth > 0 && (m = k), y.release(g.imageUrl);
       } else
-        b = Mt.get(g.imageUrl);
+        b = Xt.get(g.imageUrl);
   }
   const h = c.transformData, S = (f == null ? void 0 : f.width) || 0, $ = (f == null ? void 0 : f.height) || 0, v = S > 0 && $ > 0 && u > 0 && p > 0 && Math.abs(S / $ - u / p) > 1e-3;
   if (b) {
     e.save();
     const g = (h == null ? void 0 : h.width) || b.width, y = (h == null ? void 0 : h.height) || b.height;
     if (e.translate(c.x || 0, c.y || 0), e.rotate(-(c.rotation || 0) * Math.PI / 180), v) {
-      const k = jn(
+      const k = Jn(
         g,
         y,
         S,
@@ -1269,7 +1370,7 @@ function yn(e, n, t) {
       e.drawImage(b, -g / 2, -y / 2, g, y);
     e.restore();
   } else if (v && m) {
-    const g = (h == null ? void 0 : h.width) || u, y = (h == null ? void 0 : h.height) || p, k = jn(
+    const g = (h == null ? void 0 : h.width) || u, y = (h == null ? void 0 : h.height) || p, k = Jn(
       g,
       y,
       S,
@@ -1278,12 +1379,12 @@ function yn(e, n, t) {
     );
     e.save(), e.translate(c.x || 0, c.y || 0), e.rotate(-(c.rotation || 0) * Math.PI / 180), e.drawImage(m, -k.width / 2, -k.height / 2, k.width, k.height), e.restore();
   } else
-    Bn(e, c, { mode: "both", loadedImage: m });
+    zn(e, c, { mode: "both", loadedImage: m });
 }
-function he(e, n) {
+function _e(e, n) {
   "filter" in e && (e.filter = `blur(${n}px)`);
 }
-function fn(e, n) {
+function pn(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -1292,9 +1393,9 @@ function fn(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function Ut(e, n, t, a) {
+function na(e, n, t, a) {
   if (!n.enabled || !n.imageUrl || n.opacity <= 0) return;
-  const r = mn.getInstance(), o = r.acquire(n.imageUrl);
+  const r = $n.getInstance(), o = r.acquire(n.imageUrl);
   if (!o.complete || o.naturalWidth === 0) {
     r.release(n.imageUrl);
     return;
@@ -1304,7 +1405,7 @@ function Ut(e, n, t, a) {
     r.release(n.imageUrl);
     return;
   }
-  const S = fn(b, h), $ = S.getContext("2d");
+  const S = pn(b, h), $ = S.getContext("2d");
   if (!$) {
     r.release(n.imageUrl);
     return;
@@ -1322,7 +1423,7 @@ function Ut(e, n, t, a) {
   );
   let v;
   if (n.maskType === "luma" ? v = "destination-in" : v = n.inverted ? "destination-out" : "destination-in", n.maskType === "luma") {
-    const g = fn(b, h), y = g.getContext("2d");
+    const g = pn(b, h), y = g.getContext("2d");
     if (y) {
       y.drawImage(o, 0, 0, b, h);
       const k = y.getImageData(0, 0, b, h), T = k.data;
@@ -1336,7 +1437,7 @@ function Ut(e, n, t, a) {
     $.globalCompositeOperation = v, $.globalAlpha = n.opacity / 100, $.drawImage(o, 0, 0, b, h);
   $.globalCompositeOperation = "source-over", $.globalAlpha = 1, e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(u, p, f, m), a && (e.fillStyle = a, e.fillRect(u, p, f, m)), e.drawImage(S, u, p), e.restore(), r.release(n.imageUrl);
 }
-class zt {
+class ea {
   constructor(n = Math.random()) {
     this.perm = [];
     for (let a = 0; a < 256; a++)
@@ -1374,8 +1475,8 @@ class zt {
     );
   }
 }
-function wn(e, n, t, a = Date.now()) {
-  const s = $n(e, n).getContext("2d").createImageData(e, n), c = s.data, i = new zt(a), l = 0.02, d = 1 - t / 100;
+function Cn(e, n, t, a = Date.now()) {
+  const s = vn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = new ea(a), l = 0.02, d = 1 - t / 100;
   for (let u = 0; u < n; u++)
     for (let p = 0; p < e; p++) {
       const f = (u * e + p) * 4;
@@ -1388,30 +1489,30 @@ function wn(e, n, t, a = Date.now()) {
     }
   return s;
 }
-function Wt(e, n, t, a = Date.now()) {
-  const o = $n(e, n).getContext("2d");
+function ta(e, n, t, a = Date.now()) {
+  const o = vn(e, n).getContext("2d");
   o.clearRect(0, 0, e, n), o.strokeStyle = "#000000", o.lineWidth = 1 + t / 50, o.lineCap = "round";
-  const s = Ln(a), c = Math.floor(t / 100 * 30 + 5);
+  const s = Wn(a), c = Math.floor(t / 100 * 30 + 5);
   for (let i = 0; i < c; i++) {
     const l = s() * e, d = s() * n;
-    Pn(o, l, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
+    Fn(o, l, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
   }
   return o.getImageData(0, 0, e, n);
 }
-function Pn(e, n, t, a, r, o, s) {
+function Fn(e, n, t, a, r, o, s) {
   if (s > 3 || r < 10) return;
   const c = n + Math.cos(a) * r, i = t + Math.sin(a) * r;
   if (e.beginPath(), e.moveTo(n, t), e.lineTo(c, i), e.stroke(), o() > 0.5) {
     const l = a + (o() - 0.5) * Math.PI / 2;
-    Pn(e, c, i, l, r * 0.6, o, s + 1);
+    Fn(e, c, i, l, r * 0.6, o, s + 1);
   }
   if (o() > 0.7) {
     const l = a - (o() - 0.5) * Math.PI / 2;
-    Pn(e, c, i, l, r * 0.6, o, s + 1);
+    Fn(e, c, i, l, r * 0.6, o, s + 1);
   }
 }
-function dn(e, n, t, a = Date.now()) {
-  const s = $n(e, n).getContext("2d").createImageData(e, n), c = s.data, i = Ln(a), l = t / 100 * 0.5;
+function un(e, n, t, a = Date.now()) {
+  const s = vn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = Wn(a), l = t / 100 * 0.5;
   for (let d = 0; d < n; d++)
     for (let u = 0; u < e; u++) {
       const p = (d * e + u) * 4, m = i() < l ? 255 : 0;
@@ -1419,10 +1520,10 @@ function dn(e, n, t, a = Date.now()) {
     }
   return s;
 }
-function Gt(e, n, t, a = Date.now()) {
-  const o = $n(e, n).getContext("2d");
+function aa(e, n, t, a = Date.now()) {
+  const o = vn(e, n).getContext("2d");
   o.fillStyle = "#000000";
-  const s = Ln(a), c = 4 + t / 100 * 6, i = c * 2;
+  const s = Wn(a), c = 4 + t / 100 * 6, i = c * 2;
   for (let l = 0; l < n; l += i)
     for (let d = 0; d < e; d += i)
       if (s() < t / 100) {
@@ -1431,7 +1532,7 @@ function Gt(e, n, t, a = Date.now()) {
       }
   return o.getImageData(0, 0, e, n);
 }
-function $n(e, n) {
+function vn(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -1440,31 +1541,31 @@ function $n(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function Ln(e) {
+function Wn(e) {
   let n = Math.sin(e++) * 1e4;
   return () => (n = Math.sin(e++) * 1e4, n - Math.floor(n));
 }
-const L = 42, j = 512, q = 64;
-function In(e) {
+const L = 42, X = 512, Y = 64;
+function Mn(e) {
   const n = e.data;
   for (let t = 0; t < n.length; t += 4)
     n[t] = 255, n[t + 1] = 255, n[t + 2] = 255;
   return e;
 }
-function Ht(e, n) {
+function ra(e, n) {
   const t = e.data, a = n.data;
   for (let r = 0; r < t.length; r += 4)
     t[r] = 255, t[r + 1] = 255, t[r + 2] = 255, t[r + 3] = Math.min(255, t[r + 3] + a[r + 3]);
   return e;
 }
-const Vt = [
+const sa = [
   {
     id: "grunge-heavy",
     name: "Heavy Grunge",
     textureUrl: "builtin:grunge-heavy",
     thumbnailUrl: "",
     description: "Dense random splatters",
-    generate: (e, n) => dn(e, n, 80, L)
+    generate: (e, n) => un(e, n, 80, L)
   },
   {
     id: "grunge-fine",
@@ -1472,7 +1573,7 @@ const Vt = [
     textureUrl: "builtin:grunge-fine",
     thumbnailUrl: "",
     description: "Sparse fine grain",
-    generate: (e, n) => dn(e, n, 25, L + 1)
+    generate: (e, n) => un(e, n, 25, L + 1)
   },
   {
     id: "concrete",
@@ -1480,7 +1581,7 @@ const Vt = [
     textureUrl: "builtin:concrete",
     thumbnailUrl: "",
     description: "Rough surface via Perlin noise",
-    generate: (e, n) => wn(e, n, 55, L + 2)
+    generate: (e, n) => Cn(e, n, 55, L + 2)
   },
   {
     id: "paper",
@@ -1488,7 +1589,7 @@ const Vt = [
     textureUrl: "builtin:paper",
     thumbnailUrl: "",
     description: "Subtle aging",
-    generate: (e, n) => wn(e, n, 20, L + 3)
+    generate: (e, n) => Cn(e, n, 20, L + 3)
   },
   {
     id: "rust",
@@ -1497,8 +1598,8 @@ const Vt = [
     thumbnailUrl: "",
     description: "Noise + splatter combined",
     generate: (e, n) => {
-      const t = wn(e, n, 45, L + 4), a = dn(e, n, 35, L + 5);
-      return Ht(In(t), In(a));
+      const t = Cn(e, n, 45, L + 4), a = un(e, n, 35, L + 5);
+      return ra(Mn(t), Mn(a));
     }
   },
   {
@@ -1507,7 +1608,7 @@ const Vt = [
     textureUrl: "builtin:scratches",
     thumbnailUrl: "",
     description: "Branching crack lines",
-    generate: (e, n) => Wt(e, n, 55, L + 6)
+    generate: (e, n) => ta(e, n, 55, L + 6)
   },
   {
     id: "halftone",
@@ -1515,7 +1616,7 @@ const Vt = [
     textureUrl: "builtin:halftone",
     thumbnailUrl: "",
     description: "Dot grid pattern",
-    generate: (e, n) => Gt(e, n, 55, L + 7)
+    generate: (e, n) => aa(e, n, 55, L + 7)
   },
   {
     id: "spray",
@@ -1523,62 +1624,62 @@ const Vt = [
     textureUrl: "builtin:spray",
     thumbnailUrl: "",
     description: "Medium random splatter",
-    generate: (e, n) => dn(e, n, 55, L + 8)
+    generate: (e, n) => un(e, n, 55, L + 8)
   }
 ];
-let Kn = !1;
-function jt(e, n) {
+let ee = !1;
+function ia(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function Jn(e, n) {
+function te(e, n) {
   if (typeof document > "u") return null;
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function qt(e) {
-  const n = Jn(e.width, e.height);
+function oa(e) {
+  const n = te(e.width, e.height);
   if (!n) return "";
   const t = n.getContext("2d");
   if (!t) return "";
   t.putImageData(e, 0, 0);
-  const a = Jn(q, q);
+  const a = te(Y, Y);
   if (!a) return "";
   const r = a.getContext("2d");
   if (!r) return "";
-  r.drawImage(n, 0, 0, e.width, e.height, 0, 0, q, q);
-  const o = r.getImageData(0, 0, q, q), s = o.data;
+  r.drawImage(n, 0, 0, e.width, e.height, 0, 0, Y, Y);
+  const o = r.getImageData(0, 0, Y, Y), s = o.data;
   for (let c = 0; c < s.length; c += 4) {
     const i = s[c + 3], l = 255 - Math.round(i / 255 * 195);
     s[c] = l, s[c + 1] = l, s[c + 2] = l, s[c + 3] = 255;
   }
   return r.putImageData(o, 0, 0), a.toDataURL("image/png");
 }
-function Xt() {
-  if (!Kn) {
-    Kn = !0;
-    for (const e of Vt) {
-      const n = e.generate(j, j);
-      In(n);
-      const t = jt(j, j), a = t.getContext("2d");
-      a && (a.putImageData(n, 0, 0), Yt(e.textureUrl, t, j, j)), typeof document < "u" && (e.thumbnailUrl = qt(n));
+function ca() {
+  if (!ee) {
+    ee = !0;
+    for (const e of sa) {
+      const n = e.generate(X, X);
+      Mn(n);
+      const t = ia(X, X), a = t.getContext("2d");
+      a && (a.putImageData(n, 0, 0), la(e.textureUrl, t, X, X)), typeof document < "u" && (e.thumbnailUrl = oa(n));
     }
   }
 }
-const z = /* @__PURE__ */ new Set(), W = /* @__PURE__ */ new Map(), un = /* @__PURE__ */ new Map();
-function Zn(e, n) {
+const W = /* @__PURE__ */ new Set(), G = /* @__PURE__ */ new Map(), hn = /* @__PURE__ */ new Map();
+function ae(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function Qn(e) {
+function re(e) {
   return e.getContext("2d");
 }
-function ne(e) {
-  const { width: n, height: t } = e, a = Zn(n, t), r = Qn(a);
+function se(e) {
+  const { width: n, height: t } = e, a = ae(n, t), r = re(a);
   if (!r) throw new Error("Failed to get 2d context for temp canvas");
   r.drawImage(e, 0, 0);
   const o = r.getImageData(0, 0, n, t), s = o.data;
@@ -1586,67 +1687,67 @@ function ne(e) {
     const d = s[l], u = s[l + 1], p = s[l + 2], m = 255 - (0.299 * d + 0.587 * u + 0.114 * p);
     s[l] = 255, s[l + 1] = 255, s[l + 2] = 255, s[l + 3] = m;
   }
-  const c = Zn(n, t), i = Qn(c);
+  const c = ae(n, t), i = re(c);
   if (!i) throw new Error("Failed to get 2d context for mask canvas");
   return i.putImageData(o, 0, 0), { alphaMask: c, width: n, height: t };
 }
-function be(e) {
-  const n = W.get(e);
+function Ee(e) {
+  const n = G.get(e);
   if (n) return n;
   if (e.startsWith("builtin:")) {
-    Xt();
-    const t = W.get(e);
+    ca();
+    const t = G.get(e);
     return t || null;
   }
-  return z.has(e) || (z.add(e), ge(e)), null;
+  return W.has(e) || (W.add(e), Ae(e)), null;
 }
-function ga(e) {
-  return W.has(e) ? Promise.resolve() : new Promise((n) => {
-    if (W.has(e)) {
+function Ia(e) {
+  return G.has(e) ? Promise.resolve() : new Promise((n) => {
+    if (G.has(e)) {
       n();
       return;
     }
-    const t = un.get(e) || [];
-    t.push(n), un.set(e, t), z.has(e) || (z.add(e), ge(e));
+    const t = hn.get(e) || [];
+    t.push(n), hn.set(e, t), W.has(e) || (W.add(e), Ae(e));
   });
 }
-function Yt(e, n, t, a) {
-  W.has(e) || (W.set(e, { alphaMask: n, width: t, height: a }), en(e));
+function la(e, n, t, a) {
+  G.has(e) || (G.set(e, { alphaMask: n, width: t, height: a }), an(e));
 }
-function en(e) {
-  const n = un.get(e);
-  n && (n.forEach((t) => t()), un.delete(e));
+function an(e) {
+  const n = hn.get(e);
+  n && (n.forEach((t) => t()), hn.delete(e));
 }
-function ge(e) {
+function Ae(e) {
   if (typeof document < "u") {
     const n = new Image();
     n.crossOrigin = "anonymous", n.onload = () => {
-      const t = ne(n);
-      W.set(e, t), z.delete(e), en(e);
+      const t = se(n);
+      G.set(e, t), W.delete(e), an(e);
     }, n.onerror = () => {
-      z.delete(e), en(e);
+      W.delete(e), an(e);
     }, n.src = e;
   } else
     fetch(e).then((n) => n.blob()).then((n) => createImageBitmap(n)).then((n) => {
-      const t = ne(n);
-      W.set(e, t), z.delete(e), en(e);
+      const t = se(n);
+      G.set(e, t), W.delete(e), an(e);
     }).catch(() => {
-      z.delete(e), en(e);
+      W.delete(e), an(e);
     });
 }
-function me(e, n) {
+function Pe(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function Kt(e, n, t, a) {
+function da(e, n, t, a) {
   if (!n.enabled || !n.textureUrl || n.intensity <= 0) return;
-  const r = be(n.textureUrl);
+  const r = Ee(n.textureUrl);
   if (!r) return;
   const { x: o, y: s, width: c, height: i } = t, l = e.getTransform(), d = l.a * o + l.e, u = l.d * s + l.f, p = l.a * c, f = l.d * i, m = Math.ceil(p), b = Math.ceil(f);
   if (m <= 0 || b <= 0) return;
-  const h = me(m, b), S = h.getContext("2d");
+  const h = Pe(m, b), S = h.getContext("2d");
   if (!S) return;
   S.drawImage(
     e.canvas,
@@ -1674,9 +1775,9 @@ function Kt(e, n, t, a) {
     S.globalCompositeOperation = "destination-out", S.globalAlpha = n.intensity / 100, S.drawImage(r.alphaMask, 0, 0, m, b), S.globalCompositeOperation = "source-over";
   S.globalAlpha = 1, e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(d, u, p, f), a && (e.fillStyle = a, e.fillRect(d, u, p, f)), e.drawImage(h, d, u), e.restore();
 }
-function ee(e, n, t, a) {
+function ie(e, n, t, a) {
   if (!n.enabled || n.style !== "custom" || !n.textureUrl) return;
-  const r = be(n.textureUrl);
+  const r = Ee(n.textureUrl);
   if (!r) {
     a(e);
     return;
@@ -1691,7 +1792,7 @@ function ee(e, n, t, a) {
     a(e);
     return;
   }
-  const g = me($, v), y = g.getContext("2d");
+  const g = Pe($, v), y = g.getContext("2d");
   if (!y) {
     a(e);
     return;
@@ -1719,7 +1820,7 @@ function ee(e, n, t, a) {
     y.globalCompositeOperation = "destination-out", y.globalAlpha = o, y.drawImage(r.alphaMask, 0, 0, $, v), y.globalCompositeOperation = "source-over", y.globalAlpha = 1;
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(g, m, b), e.restore();
 }
-class pn {
+class bn {
   /**
    * Create an element instance from a JSON configuration
    * TypeScript ensures all transform types are handled
@@ -1732,27 +1833,27 @@ class pn {
     const { transformType: t } = n;
     switch (t) {
       case "custom":
-        return new Be(n);
+        return new Ke(n);
       case "distort":
         throw new Error("DistortTransform is not yet implemented");
       case "circle":
-        return new Re(n);
+        return new Ye(n);
       case "lean":
-        return new Oe(n);
+        return new Xe(n);
       case "arch":
-        return new Me(n);
+        return new qe(n);
       case "ascend":
-        return new Fe(n);
+        return new je(n);
       case "wave":
-        return new De(n);
+        return new Ve(n);
       case "flag":
-        return new Ie(n);
+        return new He(n);
       case "image":
-        return new Sn(n);
+        return new kn(n);
       case "group":
         const a = (n.children || []).map(
-          (s) => pn.createFromJSON(s)
-        ), r = new Pe({
+          (s) => bn.createFromJSON(s)
+        ), r = new pe({
           id: n.id,
           x: n.x,
           y: n.y,
@@ -1760,9 +1861,9 @@ class pn {
         });
         return a.forEach((s) => r.addChild(s)), r;
       case "shape":
-        return new Ae(n);
+        return new Ge(n);
       case "path":
-        return new Ee(n);
+        return new We(n);
       default:
         const o = t;
         throw new Error(`Unknown transform type: ${o}`);
@@ -1976,7 +2077,7 @@ class pn {
     return this.createFromJSON(t);
   }
 }
-const te = G("ImportManager"), Nn = class Nn {
+const oe = N("ImportManager"), Gn = class Gn {
   /**
    * Import workspace from JSON file
    */
@@ -1991,7 +2092,7 @@ const te = G("ImportManager"), Nn = class Nn {
         return this.migrateV1Document(a);
       const r = [], o = [];
       return a.artboards.forEach((s) => {
-        const c = zn.fromJSON({
+        const c = Vn.fromJSON({
           id: s.id,
           name: s.name,
           x: s.x,
@@ -2002,9 +2103,9 @@ const te = G("ImportManager"), Nn = class Nn {
           elementIds: s.elements.map((l) => l.id || "")
         }), i = s.elements.map((l) => {
           try {
-            return pn.createFromJSON(l);
+            return bn.createFromJSON(l);
           } catch (d) {
-            return te.error("Failed to create element:", l, d), null;
+            return oe.error("Failed to create element:", l, d), null;
           }
         }).filter((l) => l !== null);
         r.push(c), o.push(...i);
@@ -2027,7 +2128,7 @@ const te = G("ImportManager"), Nn = class Nn {
   static async migrateV1Document(n) {
     var t, a, r;
     try {
-      const o = n.elements || [], s = new zn({
+      const o = n.elements || [], s = new Vn({
         id: "artboard-migrated",
         name: "Artboard 1",
         x: 0,
@@ -2037,9 +2138,9 @@ const te = G("ImportManager"), Nn = class Nn {
         backgroundColor: ((r = n.canvas) == null ? void 0 : r.backgroundColor) || "#ffffff"
       }), c = o.map((i) => {
         try {
-          return pn.createFromJSON(i);
+          return bn.createFromJSON(i);
         } catch (l) {
-          return te.error("Failed to create element:", i, l), null;
+          return oe.error("Failed to create element:", i, l), null;
         }
       }).filter((i) => i !== null);
       return c.forEach((i) => {
@@ -2190,14 +2291,14 @@ const te = G("ImportManager"), Nn = class Nn {
     await Promise.all(r);
   }
 };
-Nn.SUPPORTED_VERSIONS = ["1.0.0", "2.0.0"];
-let ae = Nn;
-const re = G("element-serializer"), ye = 4e3, on = /* @__PURE__ */ new Set();
-function Jt(e, n) {
-  const t = n ? Zt(n) : "no-src";
+Gn.SUPPORTED_VERSIONS = ["1.0.0", "2.0.0"];
+let ce = Gn;
+const le = N("element-serializer"), Ie = 4e3, ln = /* @__PURE__ */ new Set();
+function fa(e, n) {
+  const t = n ? ua(n) : "no-src";
   return `${e}:${t}`;
 }
-function Zt(e) {
+function ua(e) {
   let n = 0;
   for (let t = 0; t < e.length; t++) {
     const a = e.charCodeAt(t);
@@ -2205,20 +2306,20 @@ function Zt(e) {
   }
   return n.toString(36);
 }
-function Dn() {
-  on.clear();
+function On() {
+  ln.clear();
 }
-function $e(e) {
-  for (const n of on)
-    n.startsWith(`${e}:`) && on.delete(n);
+function De(e) {
+  for (const n of ln)
+    n.startsWith(`${e}:`) && ln.delete(n);
 }
-function Qt(e) {
-  on.add(e);
+function pa(e) {
+  ln.add(e);
 }
-function na(e) {
-  return on.has(e);
+function ha(e) {
+  return ln.has(e);
 }
-async function ea(e, n = ye) {
+async function ba(e, n = Ie) {
   const { naturalWidth: t, naturalHeight: a } = e;
   if (t <= n && a <= n)
     return createImageBitmap(e);
@@ -2229,20 +2330,20 @@ async function ea(e, n = ye) {
     resizeQuality: "high"
   });
 }
-let hn = null, bn = null;
-function ta(e, n) {
-  hn = e, bn = n;
-}
-function aa() {
-  hn = null, bn = null;
+let gn = null, mn = null;
+function ga(e, n) {
+  gn = e, mn = n;
 }
 function ma() {
-  Dn(), hn && hn();
+  gn = null, mn = null;
 }
-function ya(e) {
-  $e(e), bn && bn(e);
+function Da() {
+  On(), gn && gn();
 }
-function Fn(e, n) {
+function Fa(e) {
+  De(e), mn && mn(e);
+}
+function Rn(e, n) {
   const t = e;
   if (typeof t.fontFamily == "string" && n.add(t.fontFamily), t.richText && typeof t.richText == "object") {
     const a = t.richText;
@@ -2257,14 +2358,14 @@ function Fn(e, n) {
   }
   if (t.children && Array.isArray(t.children))
     for (const a of t.children)
-      Fn(a, n);
+      Rn(a, n);
   if (e.masks && Array.isArray(e.masks))
     for (const a of e.masks)
-      a.maskElement && Fn(a.maskElement, n);
+      a.maskElement && Rn(a.maskElement, n);
 }
-function se(e) {
+function de(e) {
   if (typeof document > "u") return e;
-  const n = mn.getInstance();
+  const n = $n.getInstance();
   return e.map((t) => {
     if (!(t != null && t.maskElement) || t.maskElement.transformType !== "image") return t;
     const a = t.maskElement.imageUrl;
@@ -2280,20 +2381,20 @@ function se(e) {
     } : t;
   });
 }
-async function ie(e, n, t = ye) {
+async function fe(e, n, t = Ie) {
   const a = n.filter((i) => e.hasElementId(i.id)), r = [], o = [], s = /* @__PURE__ */ new Set();
   for (const i of a) {
     const l = i.toJSON();
-    if (Fn(l, s), i instanceof Sn && !i.imageElement) {
-      re.warn(`[element-serializer] Skipping image ${i.id}: image not loaded (state: ${i.imageLoadState})`);
+    if (Rn(l, s), i instanceof kn && !i.imageElement) {
+      le.warn(`[element-serializer] Skipping image ${i.id}: image not loaded (state: ${i.imageLoadState})`);
       continue;
     }
-    if (i instanceof Sn && i.imageElement)
+    if (i instanceof kn && i.imageElement)
       try {
-        const d = Jt(i.id, i.imageUrl);
-        if (!na(d)) {
-          const v = await ea(i.imageElement, t);
-          o.push({ cacheKey: d, bitmap: v }), Qt(d);
+        const d = fa(i.id, i.imageUrl);
+        if (!ha(d)) {
+          const v = await ba(i.imageElement, t);
+          o.push({ cacheKey: d, bitmap: v }), pa(d);
         }
         const p = i.transformData || {}, f = l.masks && l.masks.length > 0, m = f ? p.width : p.width * (p.cropWidth ?? 1), b = f ? p.height : p.height * (p.cropHeight ?? 1), h = {
           id: i.id,
@@ -2312,9 +2413,9 @@ async function ie(e, n, t = ye) {
         }
         p.flipHorizontal && (h.flipHorizontal = p.flipHorizontal), p.flipVertical && (h.flipVertical = p.flipVertical), p.borderRadius && (h.borderRadius = p.borderRadius), i.opacity !== void 0 && (h.opacity = i.opacity);
         const $ = h;
-        i.distressEffect && ($.distressEffect = { ...i.distressEffect }), l.masks && l.masks.length > 0 && ($.masks = se(l.masks)), l.blendMode && ($.blendMode = l.blendMode), l.knockoutParts && ($.knockoutParts = l.knockoutParts), "getVisualBoundingBox" in i && typeof i.getVisualBoundingBox == "function" ? $._boundingBox = i.getVisualBoundingBox() : "getBoundingBox" in i && typeof i.getBoundingBox == "function" && ($._boundingBox = i.getBoundingBox()), r.push($);
+        i.distressEffect && ($.distressEffect = { ...i.distressEffect }), l.masks && l.masks.length > 0 && ($.masks = de(l.masks)), l.blendMode && ($.blendMode = l.blendMode), l.knockoutParts && ($.knockoutParts = l.knockoutParts), "getVisualBoundingBox" in i && typeof i.getVisualBoundingBox == "function" ? $._boundingBox = i.getVisualBoundingBox() : "getBoundingBox" in i && typeof i.getBoundingBox == "function" && ($._boundingBox = i.getBoundingBox()), r.push($);
       } catch (d) {
-        re.error(`[element-serializer] Failed to create ImageBitmap for ${l.id}:`, d);
+        le.error(`[element-serializer] Failed to create ImageBitmap for ${l.id}:`, d);
       }
     else {
       const d = {
@@ -2322,7 +2423,7 @@ async function ie(e, n, t = ye) {
         type: l.transformType
         // Map transformType to type for worker compatibility
       };
-      d.masks && Array.isArray(d.masks) && d.masks.length > 0 && (d.masks = se(d.masks)), "getVisualBoundingBox" in i && typeof i.getVisualBoundingBox == "function" ? d._boundingBox = i.getVisualBoundingBox() : "getBoundingBox" in i && typeof i.getBoundingBox == "function" && (d._boundingBox = i.getBoundingBox()), r.push(d);
+      d.masks && Array.isArray(d.masks) && d.masks.length > 0 && (d.masks = de(d.masks)), "getVisualBoundingBox" in i && typeof i.getVisualBoundingBox == "function" ? d._boundingBox = i.getVisualBoundingBox() : "getBoundingBox" in i && typeof i.getBoundingBox == "function" && (d._boundingBox = i.getBoundingBox()), r.push(d);
     }
   }
   const c = Array.from(s);
@@ -2347,7 +2448,7 @@ async function ie(e, n, t = ye) {
     newBitmaps: o
   };
 }
-const ra = `"use strict";
+const ya = `"use strict";
 (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -26217,8 +26318,8 @@ const ra = `"use strict";
     console.error("[Export Worker] Unhandled promise rejection:", event.reason);
   };
 })();
-`, O = G("WorkerExport");
-class cn {
+`, O = N("WorkerExport");
+class dn {
   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;
   }
@@ -26280,7 +26381,7 @@ class cn {
    * Call this when exiting editor mode to free memory.
    */
   clearWorkerBitmapCache() {
-    if (Dn(), this.worker && this.isReady) {
+    if (On(), this.worker && this.isReady) {
       const n = {
         type: "clear-all-bitmaps"
       };
@@ -26292,7 +26393,7 @@ class cn {
    * Call this when an element is removed or its image source changes.
    */
   clearWorkerBitmap(n) {
-    if ($e(n), this.worker && this.isReady) {
+    if (De(n), this.worker && this.isReady) {
       const t = {
         type: "clear-bitmap",
         elementId: n
@@ -26316,13 +26417,13 @@ class cn {
   async initialize() {
     if (this.worker)
       return this.readyPromise || Promise.resolve();
-    if (!cn.supportsWorkerExport())
+    if (!dn.supportsWorkerExport())
       throw new Error("Browser does not support OffscreenCanvas or Web Workers");
     return this.readyPromise = new Promise((n, t) => {
       try {
         let a;
         try {
-          const s = new Blob([ra], { type: "application/javascript" });
+          const s = new Blob([ya], { type: "application/javascript" });
           a = URL.createObjectURL(s), this.workerBlobUrl = a;
         } catch (s) {
           O.error("Failed to create worker blob:", s), t(new Error(`Worker creation failed: ${s instanceof Error ? s.message : String(s)}`));
@@ -26336,7 +26437,7 @@ class cn {
         const r = setTimeout(() => {
           t(new Error("Worker initialization timeout"));
         }, 15e3), o = (s) => {
-          s.data.type === "ready" && (clearTimeout(r), this.isReady = !0, ta(
+          s.data.type === "ready" && (clearTimeout(r), this.isReady = !0, ga(
             () => this.clearWorkerBitmapCache(),
             (c) => this.clearWorkerBitmap(c)
           ), n());
@@ -26413,7 +26514,7 @@ class cn {
     const { artboard: t, elements: a, config: r } = n;
     if ((!this.worker || !this.isReady) && await this.initialize(), !this.worker)
       throw new Error("Worker is not initialized");
-    const o = `export-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await ie(t, a);
+    const o = `export-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await fe(t, a);
     i.length > 0 && this.registerBitmapsWithWorker(i);
     const l = {
       type: "export",
@@ -26470,7 +26571,7 @@ class cn {
     const { artboard: t, elements: a, config: r } = n;
     if ((!this.worker || !this.isReady) && await this.initialize(), !this.worker)
       throw new Error("Worker is not initialized");
-    const o = `export-blob-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await ie(t, a);
+    const o = `export-blob-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await fe(t, a);
     i.length > 0 && this.registerBitmapsWithWorker(i);
     const l = {
       type: "export",
@@ -26584,7 +26685,7 @@ class cn {
         t.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, Dn(), aa(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
+      this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, On(), ma(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
     }
   }
   /**
@@ -26599,31 +26700,32 @@ class cn {
     };
   }
 }
-let K = null;
-function $a() {
-  return K || (K = new cn()), K;
+let Z = null;
+function Ma() {
+  return Z || (Z = new dn()), Z;
 }
-function xa() {
-  K && (K.terminate(), K = null);
+function Oa() {
+  Z && (Z.terminate(), Z = null);
 }
-const U = G("Export");
-function Mn(e, n) {
+Un();
+const z = N("Export");
+function Bn(e, n) {
   var t;
   if (!(!e || typeof e != "object")) {
     if (typeof e.fontFamily == "string" && e.fontFamily.trim() && n.add(e.fontFamily), e.richText && Array.isArray(e.richText.spans))
       for (const a of e.richText.spans)
         (t = a == null ? void 0 : a.style) != null && t.fontFamily && typeof a.style.fontFamily == "string" && n.add(a.style.fontFamily);
     if (Array.isArray(e.children))
-      for (const a of e.children) Mn(a, n);
+      for (const a of e.children) Bn(a, n);
     if (Array.isArray(e.masks))
       for (const a of e.masks)
-        a != null && a.maskElement && Mn(a.maskElement, n);
+        a != null && a.maskElement && Bn(a.maskElement, n);
   }
 }
-async function oe(e) {
+async function ue(e) {
   if (typeof document > "u" || !document.fonts) return;
   const n = /* @__PURE__ */ new Set();
-  for (const a of e) Mn(a, n);
+  for (const a of e) Bn(a, n);
   if (n.size === 0) return;
   const t = [];
   for (const a of n)
@@ -26631,12 +26733,12 @@ async function oe(e) {
     }));
   await Promise.all(t), document.fonts.ready && await document.fonts.ready;
 }
-const rn = class rn {
+const on = class on {
   /**
    * Check if worker export is supported in this browser
    */
   static supportsWorkerExport() {
-    return cn.supportsWorkerExport();
+    return dn.supportsWorkerExport();
   }
   /**
    * Get or initialize the worker manager
@@ -26644,9 +26746,9 @@ const rn = class rn {
   static async getWorkerManager() {
     return this.supportsWorkerExport() ? this.workerManager ? this.workerManager : this.workerInitPromise ? (await this.workerInitPromise, this.workerManager) : (this.workerInitPromise = (async () => {
       try {
-        this.workerManager = new cn(), await this.workerManager.initialize();
+        this.workerManager = new dn(), await this.workerManager.initialize();
       } catch (n) {
-        U.error("Failed to initialize worker:", n), this.workerManager = null;
+        z.error("Failed to initialize worker:", n), this.workerManager = null;
       }
     })(), await this.workerInitPromise, this.workerInitPromise = null, this.workerManager) : null;
   }
@@ -26731,7 +26833,7 @@ const rn = class rn {
           })).dataUrl;
         }
       } catch (u) {
-        U.warn("Worker export failed, falling back to main thread:", u);
+        z.warn("Worker export failed, falling back to main thread:", u);
       }
     return this.mainThreadExportToDataURL(n, t, a, {
       format: o,
@@ -26767,7 +26869,7 @@ const rn = class rn {
           })).blob;
         }
       } catch (u) {
-        U.warn("Worker blob export failed, falling back to main thread:", u);
+        z.warn("Worker blob export failed, falling back to main thread:", u);
       }
     return this.mainThreadExportToBlob(n, t, a, {
       format: o,
@@ -26791,15 +26893,15 @@ const rn = class rn {
       transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor
     } = r;
-    await oe(t);
+    await ue(t);
     const d = document.createElement("canvas"), u = n.width * c, p = n.height * c;
     d.width = u, d.height = p;
     const f = d.getContext("2d");
     if (f.scale(c, c), !i && n.exportBackground) {
       if (f.save(), this.applyExportBackgroundClipPath(f, n), n.backgroundType === "texture" && n.backgroundTexture) {
-        const g = X.getTexturePresetColor(n.backgroundTexture);
+        const g = K.getTexturePresetColor(n.backgroundTexture);
         f.fillStyle = g, f.fillRect(0, 0, n.width, n.height);
-        const y = X.getTexture(n.backgroundTexture);
+        const y = K.getTexture(n.backgroundTexture);
         y && y.complete && f.drawImage(y, 0, 0, n.width, n.height);
       } else
         f.fillStyle = l || n.backgroundColor, f.fillRect(0, 0, n.width, n.height);
@@ -26822,7 +26924,7 @@ const rn = class rn {
             const x = $[E].id;
             x && v.add(x);
           }
-        Tn(
+        An(
           f,
           T,
           $,
@@ -26859,16 +26961,16 @@ const rn = class rn {
       transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor
     } = r;
-    await oe(t);
+    await ue(t);
     const d = document.createElement("canvas"), u = n.width * c, p = n.height * c;
     d.width = u, d.height = p;
     const f = d.getContext("2d");
     if (f.scale(c, c), !i && n.exportBackground) {
       if (f.save(), this.applyExportBackgroundClipPath(f, n), n.backgroundType === "texture" && n.backgroundTexture) {
-        const T = X.getTexturePresetColor(n.backgroundTexture);
+        const T = K.getTexturePresetColor(n.backgroundTexture);
         f.fillStyle = T, f.fillRect(0, 0, n.width, n.height);
-        const C = X.getTexture(n.backgroundTexture);
-        C && C.complete ? f.drawImage(C, 0, 0, n.width, n.height) : U.warn("Texture not loaded for export:", n.backgroundTexture);
+        const C = K.getTexture(n.backgroundTexture);
+        C && C.complete ? f.drawImage(C, 0, 0, n.width, n.height) : z.warn("Texture not loaded for export:", n.backgroundTexture);
       } else
         f.fillStyle = l, f.fillRect(0, 0, n.width, n.height);
       f.restore();
@@ -26879,7 +26981,7 @@ const rn = class rn {
     const S = (T, C) => {
       if (!C.id) return;
       const _ = h.get(C.id);
-      _ ? _.render(T, !1) : U.warn("Element not found in map:", C.id);
+      _ ? _.render(T, !1) : z.warn("Element not found in map:", C.id);
     }, $ = b.map((T) => T.toJSON()), v = /* @__PURE__ */ new Set();
     b.forEach((T, C) => {
       var _;
@@ -26890,7 +26992,7 @@ const rn = class rn {
             const F = $[A].id;
             F && v.add(F);
           }
-        Tn(
+        An(
           f,
           w,
           $,
@@ -26907,24 +27009,24 @@ const rn = class rn {
           T.render(A, !1);
         };
         if (x && E)
-          Yn(f, w, (A) => {
+          ne(f, w, (A) => {
             const F = T.getVisualBoundingBox();
-            ee(A, w.distressEffect, F, P);
+            ie(A, w.distressEffect, F, P);
           });
         else if (x)
-          Yn(f, w, P);
+          ne(f, w, P);
         else if (E) {
           const A = T.getVisualBoundingBox();
-          ee(f, w.distressEffect, A, P);
+          ie(f, w.distressEffect, A, P);
         } else
           T.render(f, !1);
       }
-    }), (y = n.distressTexture) != null && y.enabled && Kt(f, n.distressTexture, {
+    }), (y = n.distressTexture) != null && y.enabled && da(f, n.distressTexture, {
       x: n.x,
       y: n.y,
       width: n.width,
       height: n.height
-    }), (k = n.imageMask) != null && k.enabled && Ut(f, n.imageMask, {
+    }), (k = n.imageMask) != null && k.enabled && na(f, n.imageMask, {
       x: n.x,
       y: n.y,
       width: n.width,
@@ -26952,7 +27054,7 @@ const rn = class rn {
         n.clip(i);
         return;
       } catch (i) {
-        U.warn("Invalid SVG path, falling back to rectangle:", i), n.rect(s, c, a, r);
+        z.warn("Invalid SVG path, falling back to rectangle:", i), n.rect(s, c, a, r);
       }
     n.clip();
   }
@@ -26976,7 +27078,7 @@ const rn = class rn {
         n.translate(a, r), n.clip(i), n.translate(-a, -r);
         return;
       } catch (i) {
-        U.warn("Invalid SVG path, falling back to rectangle:", i), n.rect(a, r, o, s);
+        z.warn("Invalid SVG path, falling back to rectangle:", i), n.rect(a, r, o, s);
       }
     n.clip();
   }
@@ -27053,7 +27155,7 @@ const rn = class rn {
           };
         }
       } catch (l) {
-        U.error("Worker benchmark failed:", l), i.recommendation = "Worker export not available - using main thread export";
+        z.error("Worker benchmark failed:", l), i.recommendation = "Worker export not available - using main thread export";
       }
     else
       i.recommendation = "Worker export not supported in this browser - using main thread export";
@@ -27163,57 +27265,60 @@ const rn = class rn {
     return "previewBackgroundColor" in t && delete t.previewBackgroundColor, t;
   }
 };
-rn.CURRENT_VERSION = "2.0.0", rn.workerManager = null, rn.workerInitPromise = null;
-let gn = rn;
-const va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+on.CURRENT_VERSION = "2.0.0", on.workerManager = null, on.workerInitPromise = null;
+let yn = on;
+const Ra = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ExportManager: gn,
-  default: gn
+  ExportManager: yn,
+  default: yn
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  $e as A,
-  qe as B,
-  pn as C,
-  ye as D,
-  gn as E,
-  Xt as F,
-  Vt as G,
-  ga as H,
-  ae as I,
-  Tn as J,
-  ee as K,
-  Kt as L,
-  Ut as M,
-  Dt as N,
-  It as O,
-  va as P,
-  X as T,
-  cn as W,
-  da as a,
-  le as b,
+  Oa as A,
+  De as B,
+  ut as C,
+  Ie as D,
+  yn as E,
+  bn as F,
+  ca as G,
+  sa as H,
+  ce as I,
+  Ia as J,
+  An as K,
+  ie as L,
+  da as M,
+  na as N,
+  Un as O,
+  jt as P,
+  Vt as Q,
+  et as R,
+  Ra as S,
+  K as T,
+  dn as W,
+  ka as a,
+  ge as b,
   R as c,
-  ma as d,
-  ba as e,
-  Dn as f,
-  oa as g,
-  Ne as h,
-  ca as i,
-  ia as j,
-  sn as k,
-  $a as l,
-  ha as m,
-  Gn as n,
-  ya as o,
-  Hn as p,
-  fa as q,
-  We as r,
-  la as s,
-  Ve as t,
-  ua as u,
-  je as v,
-  de as w,
-  pa as x,
-  Yn as y,
-  xa as z
+  Da as d,
+  Pa as e,
+  On as f,
+  xa as g,
+  wa as h,
+  rt as i,
+  Sa as j,
+  va as k,
+  cn as l,
+  Ma as m,
+  Aa as n,
+  Xn as o,
+  Fa as p,
+  _n as q,
+  ot as r,
+  Ta as s,
+  Ca as t,
+  dt as u,
+  _a as v,
+  ft as w,
+  me as x,
+  Ea as y,
+  ne as z
 };
-//# sourceMappingURL=ExportManager-DK7CdI-G.js.map
+//# sourceMappingURL=ExportManager-DoU4VK6h.js.map