@snowcone-app/canvas 0.17.3 → 0.18.0

package/dist/{ElementFactory-CuHSAPfg.js → ImportManager-D--7JnvW.js}

@@ -1,19 +1,110 @@
-import { a1 as me, a2 as ye, a3 as $e, a4 as ae, a5 as Y, a6 as Fn, c as V, $ as xe, a0 as ve, z as Bn, R as we, a7 as Se, a8 as bn, I as vn, P as Ce, S as ke, G as Te, M as _e, W as Ee, H as Ae, D as Pe, O as Ie, J as De, K as Fe } from "./FontAnalyzer-CLv7_msL.js";
-function ta(e, n, t) {
+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, I as Sn, P as Ee, S as Ae, G as Pe, 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-DIlqmyuf.js";
+const Le = G("TextureManager"), an = class an {
+  /**
+   * Load a texture by ID or URL
+   */
+  static async loadTexture(n) {
+    if (this.cache.has(n))
+      return this.cache.get(n);
+    if (this.loading.has(n))
+      return this.loading.get(n);
+    const t = this.resolveTextureUrl(n), a = new Promise((r, o) => {
+      const s = new Image();
+      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}`));
+      }, s.src = t;
+    });
+    return this.loading.set(n, a), t !== n && this.loading.set(t, a), a;
+  }
+  /**
+   * Get a texture synchronously (returns null if not loaded)
+   */
+  static getTexture(n) {
+    const t = this.resolveTextureUrl(n);
+    return this.cache.get(n) || this.cache.get(t) || null;
+  }
+  /**
+   * Preload multiple textures
+   */
+  static async preloadTextures(n) {
+    await Promise.all(n.map((t) => this.loadTexture(t)));
+  }
+  /**
+   * Preload all built-in textures
+   */
+  static async preloadAllTextures() {
+    await this.preloadTextures(this.TEXTURES.map((n) => n.id));
+  }
+  /**
+   * Clear cache
+   */
+  static clearCache() {
+    this.cache.clear(), this.loading.clear();
+  }
+  /**
+   * Resolve texture URL from ID
+   */
+  static resolveTextureUrl(n) {
+    if (n.startsWith("http://") || n.startsWith("https://") || n.startsWith("/") || n.startsWith("data:"))
+      return n;
+    const t = this.TEXTURES.find((a) => a.id === n);
+    return t ? t.url : `/textures/${n}`;
+  }
+  /**
+   * Get texture info by ID
+   */
+  static getTextureInfo(n) {
+    return this.TEXTURES.find((t) => t.id === n);
+  }
+  /**
+   * Get all available textures
+   */
+  static getAllTextures() {
+    return [...this.TEXTURES];
+  }
+  /**
+   * Get textures by category
+   */
+  static getTexturesByCategory(n) {
+    return this.TEXTURES.filter((t) => t.category === n);
+  }
+  /**
+   * Get preset color for a texture
+   * Each texture has a fixed color that's part of its preset
+   */
+  static getTexturePresetColor(n) {
+    const t = this.TEXTURES.find((a) => a.id === n);
+    return (t == null ? void 0 : t.presetColor) || "#ffffff";
+  }
+};
+an.cache = /* @__PURE__ */ new Map(), an.loading = /* @__PURE__ */ new Map(), an.TEXTURES = [
+  {
+    id: "glass-frame",
+    name: "Glass Frame",
+    url: "/textures/glass-frame.svg",
+    category: "glass",
+    presetColor: "#ccc"
+    // Light gray
+  }
+];
+let X = an;
+function ia(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 = me(r, o, s, c);
+  e.font = ve(r, o, s, c);
   const i = a.text || "";
   if (n.transformType === "custom") {
-    const u = ((l = n.transformData) == null ? void 0 : l.width) || 200, p = ye(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 = we(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 Me(e, n) {
+function Ne(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) {
@@ -22,22 +113,22 @@ function Me(e, n) {
   } else
     e.rect(-a / 2, -r / 2, a, r);
 }
-function aa(e, n, t, a) {
+function oa(e, n, t, a) {
   e.beginPath(), e.arc(n, t, a, 0, Math.PI * 2), e.closePath();
 }
-function ra(e, n, t, a, r) {
+function ca(e, n, t, a, r) {
   e.beginPath(), e.rect(n, t, a, r), e.closePath();
 }
-function re(e, n) {
+function le(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 Oe(e, n) {
+function Ue(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 se(e, n, t) {
+function de(e, n, t) {
   var i;
   if (!((i = n.stroke) != null && i.enabled)) return;
   const a = n;
@@ -45,21 +136,21 @@ function se(e, n, t) {
   const o = (t == null ? void 0 : t.isKnockout) === !0, s = n.stroke.opacity ?? 1;
   if (!o && s < 1)
     try {
-      Re(e, n, a, t, s);
+      ze(e, n, a, t, s);
     } catch {
       tn(e, n, a, t, !1);
     }
   else
     tn(e, n, a, t, o);
 }
-function Re(e, n, t, a, r) {
+function ze(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);
     return;
   }
-  const S = Oe(b, h), $ = S.getContext("2d");
+  const S = Ue(b, h), $ = S.getContext("2d");
   if (!$) {
     tn(e, n, t, a, !1);
     return;
@@ -86,9 +177,9 @@ function tn(e, n, t, a, r) {
   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 = $e(s, c, i, l);
+  const u = Se(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: $ } = ae(
+    const m = n.transformData, b = (m == null ? void 0 : m.width) ?? 200, h = b - Y * 2, { lines: S, height: $ } = ce(
       o,
       h,
       s,
@@ -99,7 +190,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 * Fn;
+    ), v = -b / 2, g = -$ / 2, y = s * On;
     S.forEach((k, T) => {
       const C = T === 0, _ = T === S.length - 1;
       let w = k;
@@ -122,17 +213,17 @@ function tn(e, n, t, a, r) {
   }
   e.restore();
 }
-function Be(e, n, t) {
+function We(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)) : re(e, n.stroke), !a && n.stroke.feather && n.stroke.feather > 0 && "filter" in e && (e.filter = `blur(${n.stroke.feather}px)`), Me(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)) : 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();
 }
-function sa(e, n, t) {
-  n.enabled && (e.save(), re(e, n), n.feather && n.feather > 0 && "filter" in e && (e.filter = `blur(${n.feather}px)`), e.beginPath(), t(), 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());
 }
-const Ln = V("GlyphRenderer");
-function Le(e, n, t, a, r, o, s, c = {}) {
+const Wn = G("GlyphRenderer");
+function Ge(e, n, t, a, r, o, s, c = {}) {
   try {
     const i = [];
     Object.entries(s).forEach(([h, S]) => {
@@ -170,7 +261,7 @@ function Le(e, n, t, a, r, o, s, c = {}) {
           }
         }
       } catch (g) {
-        Ln.warn("Error getting path for glyph:", h.name, g);
+        Wn.warn("Error getting path for glyph:", h.name, g);
       }
       if (v) {
         const g = new Path2D(v);
@@ -179,10 +270,10 @@ function Le(e, n, t, a, r, o, s, c = {}) {
       b += h.advanceWidth * p;
     }), e.restore();
   } catch (i) {
-    Ln.error("Error rendering with fontkit:", i), e.fillStyle = c.color || "#000000", e.textAlign = c.align || "left", e.fillText(t, a, r);
+    Wn.error("Error rendering with fontkit:", i), e.fillStyle = c.color || "#000000", e.textAlign = c.align || "left", e.fillText(t, a, r);
   }
 }
-function Ne(e, n, t, a, r, o, s, c = {}) {
+function He(e, n, t, a, r, o, s, c = {}) {
   const l = ((h) => {
     for (const S of h) {
       const $ = S.codePointAt(0);
@@ -235,12 +326,12 @@ function Ne(e, n, t, a, r, o, s, c = {}) {
     }
   }), e.restore();
 }
-function Ue(e, n, t, a, r) {
+function Ve(e, n, t, a, r) {
   e.fillStyle = t.color;
-  const o = t.textAlign || "center", s = xe(n);
+  const o = t.textAlign || "center", s = Ce(n);
   let c, i;
   a !== void 0 && a > 0 && !r ? (c = [], i = [], s.forEach((m) => {
-    const b = ve(m, a, t);
+    const b = ke(m, a, t);
     b.forEach((h, S) => {
       c.push(h), i.push({
         isParagraphStart: S === 0,
@@ -277,8 +368,8 @@ function Ue(e, n, t, a, r) {
       if (!g && _ > 0) {
         const B = y.length - _;
         if (Q > B) {
-          const G = !v && C > 0 && M < C ? Math.min(C - M, x.text.length) : 0, yn = Math.max(0, B - M - G);
-          I = I.substring(0, yn);
+          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);
         }
       }
       E += x.text.length, I.length > 0 && (e.save(), e.font = R(P, A, F, D), w += e.measureText(I).width, e.restore());
@@ -294,7 +385,7 @@ function Ue(e, n, t, a, r) {
       isParagraphEnd: g
     });
   });
-  const d = sn(t.fontSize, t.fontFamily, t.bold, t.italic), u = t.fontSize * Fn;
+  const d = sn(t.fontSize, t.fontFamily, t.bold, t.italic), u = t.fontSize * On;
   let p;
   l.length === 0 ? p = 0 : l.length === 1 ? p = d.height : p = (l.length - 1) * u + d.height;
   const f = -p / 2;
@@ -306,37 +397,37 @@ function Ue(e, n, t, a, r) {
     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, G = E, yn = E + x.text.length;
-      if (!$ && _ > 0 && G < _) {
-        const N = Math.min(_ - G, x.text.length);
+      let B = x.text, H = E, xn = E + x.text.length;
+      if (!$ && _ > 0 && H < _) {
+        const N = Math.min(_ - H, x.text.length);
         B = B.substring(N);
       }
       if (!v && w > 0) {
         const N = k.length - w;
-        if (yn > N) {
-          const H = !$ && _ > 0 && G < _ ? Math.min(_ - G, x.text.length) : 0, ge = Math.max(0, N - G - H);
-          B = B.substring(0, ge);
+        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);
         }
       }
       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;
         if (M) {
-          const H = y + P * 0.1;
-          e.beginPath(), e.moveTo(g, H), e.lineTo(g + N, H), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
+          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();
         }
         if (Q) {
-          const H = y - P * 0.25;
-          e.beginPath(), e.moveTo(g, H), e.lineTo(g + N, H), e.lineWidth = Math.max(1, P * 0.05), e.strokeStyle = F, e.stroke();
+          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();
         }
         g += N;
       }
     });
   });
 }
-const wn = V("canvas-renderer");
+const Cn = G("canvas-renderer");
 let ln = null;
-function Mn() {
+function Rn() {
   if (!ln)
     if (typeof OffscreenCanvas < "u")
       ln = new OffscreenCanvas(1, 1).getContext("2d");
@@ -350,17 +441,17 @@ 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 Nn(e, n, t, a = !1, r = !1) {
-  const o = Mn();
+function Gn(e, n, t, a = !1, r = !1) {
+  const o = Rn();
   return o.font = R(n, t, a, r), o.measureText(e).width;
 }
 function sn(e, n, t = !1, a = !1) {
-  const r = Mn();
+  const r = Rn();
   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 ia(e, n) {
+function da(e, n) {
   const t = e.map((r, o) => ({
     isParagraphStart: !n && o === 0,
     isParagraphEnd: !n && o === e.length - 1
@@ -373,14 +464,14 @@ function ia(e, n) {
     return s || (i = i.replace(/^ +/, "")), c || (i = i.replace(/ +$/, "")), i;
   }).filter((r) => r.length > 0);
 }
-function ze(e, n) {
+function je(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;
   e.fillText(c, 0, u);
 }
-function We(e, n, t, a, r = !1, o = !1, s) {
-  const c = Mn();
+function qe(e, n, t, a, r = !1, o = !1, s) {
+  const c = Rn();
   if (c.font = R(t, a, r, o), e.trim().length === 0)
     return [e];
   if (e.includes(`
@@ -388,7 +479,7 @@ function We(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 = We(E, n, t, a, r, o);
+      const E = C[w], x = qe(E, n, t, a, r, o);
       _.push(...x);
     }
     return _;
@@ -416,7 +507,7 @@ function We(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 oa(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 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) {
   e.font = R(r, o, d, u), e.textBaseline = "alphabetic", e.textAlign = s;
   const h = (w) => {
     for (const E of w) {
@@ -425,11 +516,11 @@ function oa(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 ? Bn.getFontSync(o, d ? 700 : 400) : null;
-  y && !k && (wn.warn(
+  }, 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(
     `[renderMultilineText] Font ${o} not loaded for fontkit rendering. Text may not render correctly. Has PUA: ${g}, Text: "${v}"`
-  ), Bn.loadFont(o, d ? 700 : 400).catch((w) => {
-    wn.error("[renderMultilineText] Error loading font:", w);
+  ), Un.loadFont(o, d ? 700 : 400).catch((w) => {
+    Cn.error("[renderMultilineText] Error loading font:", w);
   }));
   const T = sn(r, o, d, u), C = r * l;
   let _ = 0;
@@ -444,21 +535,21 @@ function oa(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) ? Ne(e, k, w, x, P, r, F, {
+    if (k && (S || F.length > 0 || g) ? F.length > 0 || h(w) ? He(e, k, w, x, P, r, F, {
       color: e.fillStyle,
       align: s === "start" || s === "end" ? "left" : s
-    }) : m && Le(e, k, w, x, P, r, m, {
+    }) : m && Ge(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 = Nn(w, r, o, d, u);
+      const D = Gn(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 = Nn(w, r, o, d, u);
+      const D = Gn(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;
@@ -466,18 +557,18 @@ function oa(e, n, t, a, r, o, s = "left", c = 0, i = 0, l = 1.2, d = !1, u = !1,
     }
   });
 }
-function Un(e, n) {
-  Ge(e, n);
+function Hn(e, n) {
+  Xe(e, n);
 }
-function Ge(e, n) {
+function Xe(e, n) {
   var r;
-  (r = n.stroke) != null && r.enabled && se(e, n), e.save(), e.translate(n.x, n.y), e.rotate(-n.rotation * Math.PI / 180);
+  (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;
   if (n.richText) {
-    const o = we.fromJSON(n.richText);
+    const o = Te.fromJSON(n.richText);
     e.save(), e.translate(0, 0);
     const s = n._lockedLineCount;
-    Ue(
+    Ve(
       e,
       o,
       {
@@ -495,7 +586,7 @@ function Ge(e, n) {
     ), e.restore();
   } else if (n.text) {
     e.fillStyle = n.color;
-    const o = n._lockedLineCount, { lines: s, height: c } = ae(
+    const o = n._lockedLineCount, { lines: s, height: c } = ce(
       n.text,
       a,
       n.fontSize,
@@ -510,7 +601,7 @@ function Ge(e, n) {
       n.fontFamily,
       n.bold,
       n.italic
-    ), l = -((t == null ? void 0 : t.width) ?? 100) / 2, d = -c / 2, u = n.fontSize * Fn;
+    ), l = -((t == null ? void 0 : t.width) ?? 100) / 2, d = -c / 2, u = n.fontSize * On;
     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;
@@ -541,17 +632,17 @@ function Ge(e, n) {
   }
   e.restore();
 }
-function ca(e, n) {
+function ua(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) {
-    He(e, n, t);
+    Ye(e, n, t);
     return;
   }
   const o = e.globalAlpha;
-  t !== 1 && (e.globalAlpha = t), Sn(e, n), e.globalAlpha = o;
+  t !== 1 && (e.globalAlpha = t), kn(e, n), e.globalAlpha = o;
 }
-function He(e, n, t) {
+function Ye(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;
@@ -559,7 +650,7 @@ function He(e, n, t) {
   const f = p.getContext("2d");
   if (!f) {
     const S = e.globalAlpha;
-    e.globalAlpha = t, Sn(e, n), e.globalAlpha = S;
+    e.globalAlpha = t, kn(e, n), e.globalAlpha = S;
     return;
   }
   const m = i.a * n.x + i.e, b = i.d * n.y + i.f;
@@ -570,36 +661,36 @@ function He(e, n, t) {
     i.d,
     i.e - m + d / 2,
     i.f - b + u / 2
-  ), Sn(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();
+  ), 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();
 }
-function Sn(e, n) {
+function kn(e, n) {
   switch (n.type) {
     case "custom":
-      Un(e, n);
+      Hn(e, n);
       break;
     case "circle":
-      je(e, n);
+      Je(e, n);
       break;
     case "wave":
-      Xe(e, n);
+      Qe(e, n);
       break;
     case "arch":
-      Ke(e, n);
+      et(e, n);
       break;
     case "ascend":
-      Ze(e, n);
+      at(e, n);
       break;
     case "lean":
-      nt(e, n);
+      st(e, n);
       break;
     case "flag":
-      tt(e, n);
+      ot(e, n);
       break;
     default:
-      wn.warn(`[canvas-renderer] Unsupported transform type: ${n.type}`), Un(e, n);
+      Cn.warn(`[canvas-renderer] Unsupported transform type: ${n.type}`), Hn(e, n);
   }
 }
-function Ve(e, n) {
+function Ke(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   const t = document.createElement("canvas");
@@ -624,7 +715,7 @@ function Z(e, n, t) {
     t(e, n);
     return;
   }
-  const _ = Ve(T, C), w = _.getContext("2d");
+  const _ = Ke(T, C), w = _.getContext("2d");
   if (!w) {
     t(e, n);
     return;
@@ -652,10 +743,10 @@ function Z(e, n, t) {
     D
   ), e.restore();
 }
-function je(e, n) {
-  Z(e, n, qe);
+function Je(e, n) {
+  Z(e, n, Ze);
 }
-function qe(e, n) {
+function Ze(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";
@@ -676,23 +767,23 @@ function qe(e, n) {
   }
   e.restore();
 }
-function Xe(e, n) {
-  Z(e, n, Ye);
+function Qe(e, n) {
+  Z(e, n, nt);
 }
-function Ye(e, n) {
+function nt(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 * Se, 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 * _e, 0, 1, 0, 0), J(e, s, n.stroke), e.fillText(s, 0, 0), e.restore(), o += c;
   }), e.restore();
 }
-function Ke(e, n) {
-  Z(e, n, Je);
+function et(e, n) {
+  Z(e, n, tt);
 }
-function Je(e, n) {
+function tt(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;
@@ -702,10 +793,10 @@ function Je(e, n) {
     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.restore();
 }
-function Ze(e, n) {
-  Z(e, n, Qe);
+function at(e, n) {
+  Z(e, n, rt);
 }
-function Qe(e, n) {
+function rt(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;
@@ -715,20 +806,20 @@ function Qe(e, n) {
     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.restore();
 }
-function nt(e, n) {
-  Z(e, n, et);
+function st(e, n) {
+  Z(e, n, it);
 }
-function et(e, n) {
+function it(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 tt(e, n) {
-  Z(e, n, at);
+function ot(e, n) {
+  Z(e, n, ct);
 }
-function at(e, n) {
+function ct(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("");
@@ -738,118 +829,27 @@ function at(e, n) {
     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.restore();
 }
-const rt = V("TextureManager"), an = class an {
-  /**
-   * Load a texture by ID or URL
-   */
-  static async loadTexture(n) {
-    if (this.cache.has(n))
-      return this.cache.get(n);
-    if (this.loading.has(n))
-      return this.loading.get(n);
-    const t = this.resolveTextureUrl(n), a = new Promise((r, o) => {
-      const s = new Image();
-      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 = () => {
-        rt.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;
-  }
-  /**
-   * Get a texture synchronously (returns null if not loaded)
-   */
-  static getTexture(n) {
-    const t = this.resolveTextureUrl(n);
-    return this.cache.get(n) || this.cache.get(t) || null;
-  }
-  /**
-   * Preload multiple textures
-   */
-  static async preloadTextures(n) {
-    await Promise.all(n.map((t) => this.loadTexture(t)));
-  }
-  /**
-   * Preload all built-in textures
-   */
-  static async preloadAllTextures() {
-    await this.preloadTextures(this.TEXTURES.map((n) => n.id));
-  }
-  /**
-   * Clear cache
-   */
-  static clearCache() {
-    this.cache.clear(), this.loading.clear();
-  }
-  /**
-   * Resolve texture URL from ID
-   */
-  static resolveTextureUrl(n) {
-    if (n.startsWith("http://") || n.startsWith("https://") || n.startsWith("/") || n.startsWith("data:"))
-      return n;
-    const t = this.TEXTURES.find((a) => a.id === n);
-    return t ? t.url : `/textures/${n}`;
-  }
-  /**
-   * Get texture info by ID
-   */
-  static getTextureInfo(n) {
-    return this.TEXTURES.find((t) => t.id === n);
-  }
-  /**
-   * Get all available textures
-   */
-  static getAllTextures() {
-    return [...this.TEXTURES];
-  }
-  /**
-   * Get textures by category
-   */
-  static getTexturesByCategory(n) {
-    return this.TEXTURES.filter((t) => t.category === n);
-  }
-  /**
-   * Get preset color for a texture
-   * Each texture has a fixed color that's part of its preset
-   */
-  static getTexturePresetColor(n) {
-    const t = this.TEXTURES.find((a) => a.id === n);
-    return (t == null ? void 0 : t.presetColor) || "#ffffff";
-  }
-};
-an.cache = /* @__PURE__ */ new Map(), an.loading = /* @__PURE__ */ new Map(), an.TEXTURES = [
-  {
-    id: "glass-frame",
-    name: "Glass Frame",
-    url: "/textures/glass-frame.svg",
-    category: "glass",
-    presetColor: "#ccc"
-    // Light gray
-  }
-];
-let X = an;
-function On(e, n, t = {}) {
+function Bn(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":
-      it(e, n, a, t);
+      dt(e, n, a, t);
       break;
     case "shape":
-      ot(e, n, a, t);
+      ft(e, n, a, t);
       break;
     case "group":
       break;
     default:
-      st(e, n, a, t);
+      lt(e, n, a, t);
       break;
   }
   e.restore();
 }
-function st(e, n, t, a) {
+function lt(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(), se(e, n, { ...a.renderingContext, positionApplied: !0 }), e.restore()), (t === "fill" || t === "both") && (e.save(), ze(e, {
+  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, {
     text: o,
     fontSize: r.fontSize || 24,
     fontFamily: r.fontFamily || "Arial",
@@ -859,12 +859,12 @@ function st(e, n, t, a) {
     color: r.color || "#000000"
   }), e.restore()));
 }
-function it(e, n, t, a) {
+function dt(e, n, t, a) {
   var o;
   if (!n.transformData) return;
   const r = n.transformData;
   if (t === "fill" || t === "both")
-    if (ut(e, n), a.loadedImage) {
+    if (gt(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 +872,34 @@ function it(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(), Be(e, n, a.renderingContext), e.restore());
+  (t === "stroke" || t === "both") && ((o = n.stroke) != null && o.enabled) && (e.save(), We(e, n, a.renderingContext), e.restore());
 }
-function ot(e, n, t, a) {
+function ft(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(), ie(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(), ft(e, n, a.renderingContext), e.restore());
+  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());
 }
-function ie(e, n) {
+function fe(e, n) {
   const { shapeType: t } = n, a = n.width ?? 100, r = n.height ?? 100;
   switch (t) {
     case "rectangle":
-      zn(e, n, a, r);
+      Vn(e, n, a, r);
       break;
     case "circle":
-      ct(e, Math.min(a, r) / 2);
+      ut(e, Math.min(a, r) / 2);
       break;
     case "ellipse":
-      lt(e, a / 2, r / 2);
+      pt(e, a / 2, r / 2);
       break;
     case "star":
-      dt(e, n, Math.min(a, r) / 2);
+      ht(e, n, Math.min(a, r) / 2);
       break;
     default:
-      zn(e, n, a, r);
+      Vn(e, n, a, r);
   }
 }
-function zn(e, n, t, a) {
+function Vn(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 +907,13 @@ function zn(e, n, t, a) {
   } else
     e.rect(o, s, t, a);
 }
-function ct(e, n) {
+function ut(e, n) {
   e.arc(0, 0, n, 0, Math.PI * 2);
 }
-function lt(e, n, t) {
+function pt(e, n, t) {
   e.ellipse(0, 0, n, t, 0, 0, Math.PI * 2);
 }
-function dt(e, n, t) {
+function ht(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 +921,13 @@ function dt(e, n, t) {
   }
   e.closePath();
 }
-function ft(e, n, t) {
+function bt(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(), ie(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(), fe(e, n.transformData), e.stroke(), e.restore();
 }
-function ut(e, n) {
+function gt(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 +936,7 @@ function ut(e, n) {
   } else
     e.rect(o, s, a, r);
 }
-function Cn(e, n, t, a, r, o, s = "destination-out") {
+function Tn(e, n, t, a, r, o, s = "destination-out") {
   var v;
   if (!n.knockoutParts) return;
   if (!(n.knockoutParts.fill || n.knockoutParts.stroke)) {
@@ -945,21 +945,21 @@ function Cn(e, n, t, a, r, o, s = "destination-out") {
   }
   const i = e.getTransform();
   e.save();
-  const l = n.knockoutParts.scope || "group", d = pt(n, l, t);
+  const l = n.knockoutParts.scope || "group", d = mt(n, l, t);
   if (d.length === 0 && l === "artboard") {
-    bt(e, n, a), e.restore();
+    $t(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 = gt(u.width, u.height), b = m.getContext("2d");
+  const u = e.canvas, f = e.getTransform().a, m = xt(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(), Tn(b, n), b.restore()), b.save(), b.globalCompositeOperation = s, n.knockoutParts.fill && kn(b, n), n.knockoutParts.stroke && Tn(b, n), b.restore(), n.knockoutParts.fill || (b.save(), kn(b, n), b.restore());
+  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());
   const h = u.width / f, S = u.height / f;
   e.drawImage(m, 0, 0, h, S), e.restore();
   const $ = e.getTransform();
@@ -972,59 +972,59 @@ function Cn(e, n, t, a, r, o, s = "destination-out") {
     i.f
   );
 }
-function la(e, n, t, a, r, o) {
-  Cn(e, n, t, a, r, o, "destination-out");
+function pa(e, n, t, a, r, o) {
+  Tn(e, n, t, a, r, o, "destination-out");
 }
-function pt(e, n, t) {
-  return n === "artboard" ? oe(e, t) : ht(e, t);
+function mt(e, n, t) {
+  return n === "artboard" ? ue(e, t) : yt(e, t);
 }
-function oe(e, n) {
+function ue(e, n) {
   const t = n.findIndex((a) => a.id === e.id);
   return t === -1 ? [] : n.slice(0, t);
 }
-function ht(e, n) {
-  const t = ce(e, n);
+function yt(e, n) {
+  const t = pe(e, n);
   if (!t)
-    return oe(e, n);
+    return ue(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 ce(e, n) {
+function pe(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 = ce(e, t.children);
+      const a = pe(e, t.children);
       if (a)
         return a;
     }
   return null;
 }
-function kn(e, n, t) {
-  On(e, n, {
+function _n(e, n, t) {
+  Bn(e, n, {
     mode: "fill",
     renderingContext: { isKnockout: !0 }
   });
 }
-function Tn(e, n) {
+function En(e, n) {
   var t;
-  (t = n.stroke) != null && t.enabled && On(e, n, {
+  (t = n.stroke) != null && t.enabled && Bn(e, n, {
     mode: "stroke",
     renderingContext: { isKnockout: !0 }
   });
 }
-function bt(e, n, t) {
+function $t(e, n, t) {
   var r;
   const a = n.knockoutParts;
   if (!a) {
     t(e, n);
     return;
   }
-  a.fill || (e.save(), kn(e, n), e.restore()), !a.stroke && ((r = n.stroke) != null && r.enabled) && (e.save(), Tn(e, n), e.restore());
+  a.fill || (e.save(), _n(e, n), e.restore()), !a.stroke && ((r = n.stroke) != null && r.enabled) && (e.save(), En(e, n), e.restore());
 }
-function gt(e, n) {
+function xt(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -1033,7 +1033,7 @@ function gt(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function Wn(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 +1043,11 @@ function Wn(e, n, t, a, r = 0) {
     height: i + r
   };
 }
-const nn = 64, $n = 512;
-function mt(e, n) {
+const nn = 64, vn = 512;
+function vt(e, n) {
   e.beginPath(), e.arc(n / 2, n / 2, n * 0.45, 0, Math.PI * 2), e.fill();
 }
-function yt(e, n) {
+function wt(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 +1056,15 @@ function yt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function $t(e, n) {
+function St(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 xt(e, n) {
+function Ct(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 vt(e, n) {
+function kt(e, n) {
   const t = n / 2, a = n / 2, r = n * 0.44;
   e.beginPath();
   for (let o = 0; o < 6; o++) {
@@ -1073,11 +1073,11 @@ function vt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function wt(e, n) {
+function Tt(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 St(e, n) {
+function _t(e, n) {
   const t = n / 2, a = n / 2;
   let r = 42;
   const o = () => (r = (r * 16807 + 0) % 2147483647, r / 2147483647);
@@ -1087,7 +1087,7 @@ function St(e, n) {
     e.beginPath(), e.arc(t + Math.cos(c) * i, a + Math.sin(c) * i, l, 0, Math.PI * 2), e.fill();
   }
 }
-function Ct(e, n) {
+function Et(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 +1109,7 @@ function Ct(e, n) {
   }
   e.closePath(), e.fill();
 }
-function kt(e, n) {
+function At(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 +1123,101 @@ function kt(e, n) {
   }
   e.closePath(), e.fill();
 }
-function Tt(e, n) {
+function Pt(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 _t = [
+const It = [
   // Geometric
-  { id: "circle", name: "Circle", description: "Perfect circle", imageUrl: "builtin-mask:circle", thumbnailUrl: "", category: "geometric", draw: mt },
-  { id: "star", name: "Star", description: "5-pointed star", imageUrl: "builtin-mask:star", thumbnailUrl: "", category: "geometric", draw: yt },
-  { id: "heart", name: "Heart", description: "Heart shape", imageUrl: "builtin-mask:heart", thumbnailUrl: "", category: "geometric", draw: $t },
-  { id: "diamond", name: "Diamond", description: "Diamond/rhombus", imageUrl: "builtin-mask:diamond", thumbnailUrl: "", category: "geometric", draw: xt },
-  { id: "hexagon", name: "Hexagon", description: "Regular hexagon", imageUrl: "builtin-mask:hexagon", thumbnailUrl: "", category: "geometric", draw: vt },
-  { id: "shield", name: "Shield", description: "Shield/crest shape", imageUrl: "builtin-mask:shield", thumbnailUrl: "", category: "geometric", draw: wt },
+  { 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 },
   // Organic
-  { id: "splatter", name: "Splatter", description: "Ink splatter", imageUrl: "builtin-mask:splatter", thumbnailUrl: "", category: "organic", draw: St },
-  { id: "torn-edge", name: "Torn Edge", description: "Rough torn paper edge", imageUrl: "builtin-mask:torn-edge", thumbnailUrl: "", category: "organic", draw: Ct },
-  { id: "paint-stroke", name: "Paint Stroke", description: "Horizontal brush stroke", imageUrl: "builtin-mask:paint-stroke", thumbnailUrl: "", category: "organic", draw: kt },
-  { id: "cloud", name: "Cloud", description: "Soft cloud shape", imageUrl: "builtin-mask:cloud", thumbnailUrl: "", category: "organic", draw: Tt }
+  { 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 }
 ];
-let Gn = !1;
-function Hn(e, n) {
+let qn = !1;
+function Xn(e, n) {
   if (typeof document > "u") return null;
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function Et() {
-  if (typeof document > "u" || Gn) return;
-  Gn = !0;
-  const e = bn.getInstance();
-  for (const n of _t) {
-    const t = Hn($n, $n);
+function Dt() {
+  if (typeof document > "u" || qn) return;
+  qn = !0;
+  const e = mn.getInstance();
+  for (const n of It) {
+    const t = Xn(vn, vn);
     if (!t) continue;
     const a = t.getContext("2d");
     if (!a) continue;
-    a.fillStyle = "white", n.draw(a, $n);
+    a.fillStyle = "white", n.draw(a, vn);
     const r = t.toDataURL("image/png"), o = e.acquire(n.imageUrl);
     o.crossOrigin = "anonymous", o.src = r;
-    const s = Hn(nn, nn);
+    const s = Xn(nn, nn);
     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"));
     }
   }
 }
-const At = V("MaskRenderer"), _n = /* @__PURE__ */ new Map(), Pt = /* @__PURE__ */ new Map();
-function da(e) {
+const Ft = G("MaskRenderer"), An = /* @__PURE__ */ new Map(), Mt = /* @__PURE__ */ new Map();
+function ha(e) {
   const n = [];
-  _n.forEach((t, a) => {
+  An.forEach((t, a) => {
     a.startsWith(e) && n.push(a);
-  }), n.forEach((t) => _n.delete(t));
+  }), n.forEach((t) => An.delete(t));
 }
-function fa() {
-  _n.clear();
+function ba() {
+  An.clear();
 }
-function Vn(e, n, t) {
+function Yn(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");
   if (!o) {
-    At.error("[renderWithMasks] Failed to get offscreen context");
+    Ft.error("[renderWithMasks] Failed to get offscreen context");
     return;
   }
   const s = e.getTransform();
   o.setTransform(s), t(o);
   for (const c of n.masks)
-    It(o, c, n);
+    Ot(o, c, n);
   e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.drawImage(r, 0, 0), e.restore();
 }
-function It(e, n, t) {
+function Ot(e, n, t) {
   switch (n.type) {
     case "clip":
-      Dt(e, n, t);
+      Rt(e, n, t);
       break;
     case "alpha":
-      Ft(e, n, t);
+      Bt(e, n, t);
       break;
     case "luma":
-      Mt(e, n, t);
+      Lt(e, n, t);
       break;
     case "distress":
-      Ot(e, n, t);
+      Nt(e, n, t);
       break;
   }
 }
-function Dt(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), gn(e, n.maskElement, t), e.restore();
+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 Ft(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-out" : "destination-in", n.opacity !== void 0 && (e.globalAlpha = n.opacity), gn(e, n.maskElement, t), n.feather && n.feather > 0 && le(e, n.feather), 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 Mt(e, n, t) {
+function Lt(e, n, t) {
   const a = fn(e.canvas.width, e.canvas.height), r = a.getContext("2d");
   if (!r) return;
-  gn(r, n.maskElement, t);
+  yn(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 +1225,10 @@ function Mt(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 Ot(e, n, t) {
-  e.save(), e.globalCompositeOperation = n.inverted ? "destination-in" : "destination-out", n.opacity !== void 0 && (e.globalAlpha = n.opacity), gn(e, n.maskElement, t), n.feather && n.feather > 0 && le(e, n.feather), 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 gn(e, n, t) {
+function yn(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 +1246,18 @@ function gn(e, n, t) {
     const g = n;
     if (g.imageUrl)
       if (typeof document < "u") {
-        g.imageUrl.startsWith("builtin-mask:") && Et();
-        const y = bn.getInstance(), k = y.acquire(g.imageUrl);
+        g.imageUrl.startsWith("builtin-mask:") && Dt();
+        const y = mn.getInstance(), k = y.acquire(g.imageUrl);
         k.complete && k.naturalWidth > 0 && (m = k), y.release(g.imageUrl);
       } else
-        b = Pt.get(g.imageUrl);
+        b = Mt.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 = Wn(
+      const k = jn(
         g,
         y,
         S,
@@ -1269,7 +1269,7 @@ function gn(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 = Wn(
+    const g = (h == null ? void 0 : h.width) || u, y = (h == null ? void 0 : h.height) || p, k = jn(
       g,
       y,
       S,
@@ -1278,9 +1278,9 @@ function gn(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
-    On(e, c, { mode: "both", loadedImage: m });
+    Bn(e, c, { mode: "both", loadedImage: m });
 }
-function le(e, n) {
+function he(e, n) {
   "filter" in e && (e.filter = `blur(${n}px)`);
 }
 function fn(e, n) {
@@ -1292,9 +1292,9 @@ function fn(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function Rt(e, n, t, a) {
+function Ut(e, n, t, a) {
   if (!n.enabled || !n.imageUrl || n.opacity <= 0) return;
-  const r = bn.getInstance(), o = r.acquire(n.imageUrl);
+  const r = mn.getInstance(), o = r.acquire(n.imageUrl);
   if (!o.complete || o.naturalWidth === 0) {
     r.release(n.imageUrl);
     return;
@@ -1336,7 +1336,7 @@ function Rt(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 Bt {
+class zt {
   constructor(n = Math.random()) {
     this.perm = [];
     for (let a = 0; a < 256; a++)
@@ -1374,8 +1374,8 @@ class Bt {
     );
   }
 }
-function xn(e, n, t, a = Date.now()) {
-  const s = mn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = new Bt(a), l = 0.02, d = 1 - t / 100;
+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;
   for (let u = 0; u < n; u++)
     for (let p = 0; p < e; p++) {
       const f = (u * e + p) * 4;
@@ -1388,30 +1388,30 @@ function xn(e, n, t, a = Date.now()) {
     }
   return s;
 }
-function Lt(e, n, t, a = Date.now()) {
-  const o = mn(e, n).getContext("2d");
+function Wt(e, n, t, a = Date.now()) {
+  const o = $n(e, n).getContext("2d");
   o.clearRect(0, 0, e, n), o.strokeStyle = "#000000", o.lineWidth = 1 + t / 50, o.lineCap = "round";
-  const s = Rn(a), c = Math.floor(t / 100 * 30 + 5);
+  const s = Ln(a), c = Math.floor(t / 100 * 30 + 5);
   for (let i = 0; i < c; i++) {
     const l = s() * e, d = s() * n;
-    En(o, l, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
+    Pn(o, l, d, s() * Math.PI * 2, 50 + s() * 100, s, 0);
   }
   return o.getImageData(0, 0, e, n);
 }
-function En(e, n, t, a, r, o, s) {
+function Pn(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;
-    En(e, c, i, l, r * 0.6, o, s + 1);
+    Pn(e, c, i, l, r * 0.6, o, s + 1);
   }
   if (o() > 0.7) {
     const l = a - (o() - 0.5) * Math.PI / 2;
-    En(e, c, i, l, r * 0.6, o, s + 1);
+    Pn(e, c, i, l, r * 0.6, o, s + 1);
   }
 }
 function dn(e, n, t, a = Date.now()) {
-  const s = mn(e, n).getContext("2d").createImageData(e, n), c = s.data, i = Rn(a), l = t / 100 * 0.5;
+  const s = $n(e, n).getContext("2d").createImageData(e, n), c = s.data, i = Ln(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 +1419,10 @@ function dn(e, n, t, a = Date.now()) {
     }
   return s;
 }
-function Nt(e, n, t, a = Date.now()) {
-  const o = mn(e, n).getContext("2d");
+function Gt(e, n, t, a = Date.now()) {
+  const o = $n(e, n).getContext("2d");
   o.fillStyle = "#000000";
-  const s = Rn(a), c = 4 + t / 100 * 6, i = c * 2;
+  const s = Ln(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 +1431,7 @@ function Nt(e, n, t, a = Date.now()) {
       }
   return o.getImageData(0, 0, e, n);
 }
-function mn(e, n) {
+function $n(e, n) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(e, n);
   if (typeof document < "u") {
@@ -1440,24 +1440,24 @@ function mn(e, n) {
   }
   throw new Error("No canvas context available");
 }
-function Rn(e) {
+function Ln(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 An(e) {
+function In(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 Ut(e, n) {
+function Ht(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 zt = [
+const Vt = [
   {
     id: "grunge-heavy",
     name: "Heavy Grunge",
@@ -1480,7 +1480,7 @@ const zt = [
     textureUrl: "builtin:concrete",
     thumbnailUrl: "",
     description: "Rough surface via Perlin noise",
-    generate: (e, n) => xn(e, n, 55, L + 2)
+    generate: (e, n) => wn(e, n, 55, L + 2)
   },
   {
     id: "paper",
@@ -1488,7 +1488,7 @@ const zt = [
     textureUrl: "builtin:paper",
     thumbnailUrl: "",
     description: "Subtle aging",
-    generate: (e, n) => xn(e, n, 20, L + 3)
+    generate: (e, n) => wn(e, n, 20, L + 3)
   },
   {
     id: "rust",
@@ -1497,8 +1497,8 @@ const zt = [
     thumbnailUrl: "",
     description: "Noise + splatter combined",
     generate: (e, n) => {
-      const t = xn(e, n, 45, L + 4), a = dn(e, n, 35, L + 5);
-      return Ut(An(t), An(a));
+      const t = wn(e, n, 45, L + 4), a = dn(e, n, 35, L + 5);
+      return Ht(In(t), In(a));
     }
   },
   {
@@ -1507,7 +1507,7 @@ const zt = [
     textureUrl: "builtin:scratches",
     thumbnailUrl: "",
     description: "Branching crack lines",
-    generate: (e, n) => Lt(e, n, 55, L + 6)
+    generate: (e, n) => Wt(e, n, 55, L + 6)
   },
   {
     id: "halftone",
@@ -1515,7 +1515,7 @@ const zt = [
     textureUrl: "builtin:halftone",
     thumbnailUrl: "",
     description: "Dot grid pattern",
-    generate: (e, n) => Nt(e, n, 55, L + 7)
+    generate: (e, n) => Gt(e, n, 55, L + 7)
   },
   {
     id: "spray",
@@ -1526,25 +1526,25 @@ const zt = [
     generate: (e, n) => dn(e, n, 55, L + 8)
   }
 ];
-let jn = !1;
-function Wt(e, n) {
+let Kn = !1;
+function jt(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, n) {
+function Jn(e, n) {
   if (typeof document > "u") return null;
   const t = document.createElement("canvas");
   return t.width = e, t.height = n, t;
 }
-function Gt(e) {
-  const n = qn(e.width, e.height);
+function qt(e) {
+  const n = Jn(e.width, e.height);
   if (!n) return "";
   const t = n.getContext("2d");
   if (!t) return "";
   t.putImageData(e, 0, 0);
-  const a = qn(q, q);
+  const a = Jn(q, q);
   if (!a) return "";
   const r = a.getContext("2d");
   if (!r) return "";
@@ -1556,29 +1556,29 @@ function Gt(e) {
   }
   return r.putImageData(o, 0, 0), a.toDataURL("image/png");
 }
-function Ht() {
-  if (!jn) {
-    jn = !0;
-    for (const e of zt) {
+function Xt() {
+  if (!Kn) {
+    Kn = !0;
+    for (const e of Vt) {
       const n = e.generate(j, j);
-      An(n);
-      const t = Wt(j, j), a = t.getContext("2d");
-      a && (a.putImageData(n, 0, 0), Vt(e.textureUrl, t, j, j)), typeof document < "u" && (e.thumbnailUrl = Gt(n));
+      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));
     }
   }
 }
 const z = /* @__PURE__ */ new Set(), W = /* @__PURE__ */ new Map(), un = /* @__PURE__ */ new Map();
-function Xn(e, n) {
+function Zn(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 Yn(e) {
+function Qn(e) {
   return e.getContext("2d");
 }
-function Kn(e) {
-  const { width: n, height: t } = e, a = Xn(n, t), r = Yn(a);
+function ne(e) {
+  const { width: n, height: t } = e, a = Zn(n, t), r = Qn(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 +1586,67 @@ function Kn(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 = Xn(n, t), i = Yn(c);
+  const c = Zn(n, t), i = Qn(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 de(e) {
+function be(e) {
   const n = W.get(e);
   if (n) return n;
   if (e.startsWith("builtin:")) {
-    Ht();
+    Xt();
     const t = W.get(e);
     return t || null;
   }
-  return z.has(e) || (z.add(e), fe(e)), null;
+  return z.has(e) || (z.add(e), ge(e)), null;
 }
-function ua(e) {
+function ga(e) {
   return W.has(e) ? Promise.resolve() : new Promise((n) => {
     if (W.has(e)) {
       n();
       return;
     }
     const t = un.get(e) || [];
-    t.push(n), un.set(e, t), z.has(e) || (z.add(e), fe(e));
+    t.push(n), un.set(e, t), z.has(e) || (z.add(e), ge(e));
   });
 }
-function Vt(e, n, t, a) {
+function Yt(e, n, t, a) {
   W.has(e) || (W.set(e, { alphaMask: n, width: t, height: a }), en(e));
 }
 function en(e) {
   const n = un.get(e);
   n && (n.forEach((t) => t()), un.delete(e));
 }
-function fe(e) {
+function ge(e) {
   if (typeof document < "u") {
     const n = new Image();
     n.crossOrigin = "anonymous", n.onload = () => {
-      const t = Kn(n);
+      const t = ne(n);
       W.set(e, t), z.delete(e), en(e);
     }, n.onerror = () => {
       z.delete(e), en(e);
     }, n.src = e;
   } else
     fetch(e).then((n) => n.blob()).then((n) => createImageBitmap(n)).then((n) => {
-      const t = Kn(n);
+      const t = ne(n);
       W.set(e, t), z.delete(e), en(e);
     }).catch(() => {
       z.delete(e), en(e);
     });
 }
-function ue(e, n) {
+function me(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 jt(e, n, t, a) {
+function Kt(e, n, t, a) {
   if (!n.enabled || !n.textureUrl || n.intensity <= 0) return;
-  const r = de(n.textureUrl);
+  const r = be(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 = ue(m, b), S = h.getContext("2d");
+  const h = me(m, b), S = h.getContext("2d");
   if (!S) return;
   S.drawImage(
     e.canvas,
@@ -1674,9 +1674,9 @@ function jt(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 Jn(e, n, t, a) {
+function ee(e, n, t, a) {
   if (!n.enabled || n.style !== "custom" || !n.textureUrl) return;
-  const r = de(n.textureUrl);
+  const r = be(n.textureUrl);
   if (!r) {
     a(e);
     return;
@@ -1691,7 +1691,7 @@ function Jn(e, n, t, a) {
     a(e);
     return;
   }
-  const g = ue($, v), y = g.getContext("2d");
+  const g = me($, v), y = g.getContext("2d");
   if (!y) {
     a(e);
     return;
@@ -1719,12 +1719,12 @@ function Jn(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();
 }
-const Zn = V("element-serializer"), pe = 4e3, on = /* @__PURE__ */ new Set();
-function qt(e, n) {
-  const t = n ? Xt(n) : "no-src";
+const te = G("element-serializer"), ye = 4e3, on = /* @__PURE__ */ new Set();
+function Jt(e, n) {
+  const t = n ? Zt(n) : "no-src";
   return `${e}:${t}`;
 }
-function Xt(e) {
+function Zt(e) {
   let n = 0;
   for (let t = 0; t < e.length; t++) {
     const a = e.charCodeAt(t);
@@ -1732,20 +1732,20 @@ function Xt(e) {
   }
   return n.toString(36);
 }
-function Pn() {
+function Dn() {
   on.clear();
 }
-function he(e) {
+function $e(e) {
   for (const n of on)
     n.startsWith(`${e}:`) && on.delete(n);
 }
-function Yt(e) {
+function Qt(e) {
   on.add(e);
 }
-function Kt(e) {
+function na(e) {
   return on.has(e);
 }
-async function Jt(e, n = pe) {
+async function ea(e, n = ye) {
   const { naturalWidth: t, naturalHeight: a } = e;
   if (t <= n && a <= n)
     return createImageBitmap(e);
@@ -1757,19 +1757,19 @@ async function Jt(e, n = pe) {
   });
 }
 let pn = null, hn = null;
-function Zt(e, n) {
+function ta(e, n) {
   pn = e, hn = n;
 }
-function Qt() {
+function aa() {
   pn = null, hn = null;
 }
-function pa() {
-  Pn(), pn && pn();
+function ma() {
+  Dn(), pn && pn();
 }
-function ha(e) {
-  he(e), hn && hn(e);
+function ya(e) {
+  $e(e), hn && hn(e);
 }
-function In(e, n) {
+function Fn(e, n) {
   const t = e;
   if (typeof t.fontFamily == "string" && n.add(t.fontFamily), t.richText && typeof t.richText == "object") {
     const a = t.richText;
@@ -1784,14 +1784,14 @@ function In(e, n) {
   }
   if (t.children && Array.isArray(t.children))
     for (const a of t.children)
-      In(a, n);
+      Fn(a, n);
   if (e.masks && Array.isArray(e.masks))
     for (const a of e.masks)
-      a.maskElement && In(a.maskElement, n);
+      a.maskElement && Fn(a.maskElement, n);
 }
-function Qn(e) {
+function ae(e) {
   if (typeof document > "u") return e;
-  const n = bn.getInstance();
+  const n = mn.getInstance();
   return e.map((t) => {
     if (!(t != null && t.maskElement) || t.maskElement.transformType !== "image") return t;
     const a = t.maskElement.imageUrl;
@@ -1807,20 +1807,20 @@ function Qn(e) {
     } : t;
   });
 }
-async function ne(e, n, t = pe) {
+async function re(e, n, t = ye) {
   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 (In(l, s), i instanceof vn && !i.imageElement) {
-      Zn.warn(`[element-serializer] Skipping image ${i.id}: image not loaded (state: ${i.imageLoadState})`);
+    if (Fn(l, s), i instanceof Sn && !i.imageElement) {
+      te.warn(`[element-serializer] Skipping image ${i.id}: image not loaded (state: ${i.imageLoadState})`);
       continue;
     }
-    if (i instanceof vn && i.imageElement)
+    if (i instanceof Sn && i.imageElement)
       try {
-        const d = qt(i.id, i.imageUrl);
-        if (!Kt(d)) {
-          const v = await Jt(i.imageElement, t);
-          o.push({ cacheKey: d, bitmap: v }), Yt(d);
+        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 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,
@@ -1839,9 +1839,9 @@ async function ne(e, n, t = pe) {
         }
         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 = Qn(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 = ae(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) {
-        Zn.error(`[element-serializer] Failed to create ImageBitmap for ${l.id}:`, d);
+        te.error(`[element-serializer] Failed to create ImageBitmap for ${l.id}:`, d);
       }
     else {
       const d = {
@@ -1849,7 +1849,7 @@ async function ne(e, n, t = pe) {
         type: l.transformType
         // Map transformType to type for worker compatibility
       };
-      d.masks && Array.isArray(d.masks) && d.masks.length > 0 && (d.masks = Qn(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 = ae(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);
@@ -1874,7 +1874,7 @@ async function ne(e, n, t = pe) {
     newBitmaps: o
   };
 }
-const na = `"use strict";
+const ra = `"use strict";
 (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -25744,7 +25744,7 @@ const na = `"use strict";
     console.error("[Export Worker] Unhandled promise rejection:", event.reason);
   };
 })();
-`, O = V("WorkerExport");
+`, O = G("WorkerExport");
 class cn {
   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;
@@ -25807,7 +25807,7 @@ class cn {
    * Call this when exiting editor mode to free memory.
    */
   clearWorkerBitmapCache() {
-    if (Pn(), this.worker && this.isReady) {
+    if (Dn(), this.worker && this.isReady) {
       const n = {
         type: "clear-all-bitmaps"
       };
@@ -25819,7 +25819,7 @@ class cn {
    * Call this when an element is removed or its image source changes.
    */
   clearWorkerBitmap(n) {
-    if (he(n), this.worker && this.isReady) {
+    if ($e(n), this.worker && this.isReady) {
       const t = {
         type: "clear-bitmap",
         elementId: n
@@ -25849,7 +25849,7 @@ class cn {
       try {
         let a;
         try {
-          const s = new Blob([na], { type: "application/javascript" });
+          const s = new Blob([ra], { 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)}`));
@@ -25863,7 +25863,7 @@ class cn {
         const r = setTimeout(() => {
           t(new Error("Worker initialization timeout"));
         }, 15e3), o = (s) => {
-          s.data.type === "ready" && (clearTimeout(r), this.isReady = !0, Zt(
+          s.data.type === "ready" && (clearTimeout(r), this.isReady = !0, ta(
             () => this.clearWorkerBitmapCache(),
             (c) => this.clearWorkerBitmap(c)
           ), n());
@@ -25940,7 +25940,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 ne(t, a);
+    const o = `export-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await re(t, a);
     i.length > 0 && this.registerBitmapsWithWorker(i);
     const l = {
       type: "export",
@@ -25997,7 +25997,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 ne(t, a);
+    const o = `export-blob-${++this.requestIdCounter}-${Date.now()}`, s = performance.now(), { data: c, newBitmaps: i } = await re(t, a);
     i.length > 0 && this.registerBitmapsWithWorker(i);
     const l = {
       type: "export",
@@ -26111,7 +26111,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, Pn(), Qt(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
+      this.worker.terminate(), this.worker = null, this.isReady = !1, this.readyPromise = null, Dn(), aa(), this.workerBlobUrl && (URL.revokeObjectURL(this.workerBlobUrl), this.workerBlobUrl = null);
     }
   }
   /**
@@ -26127,30 +26127,30 @@ class cn {
   }
 }
 let K = null;
-function ba() {
+function $a() {
   return K || (K = new cn()), K;
 }
-function ga() {
+function xa() {
   K && (K.terminate(), K = null);
 }
-const U = V("Export");
-function Dn(e, n) {
+const U = G("Export");
+function Mn(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) Dn(a, n);
+      for (const a of e.children) Mn(a, n);
     if (Array.isArray(e.masks))
       for (const a of e.masks)
-        a != null && a.maskElement && Dn(a.maskElement, n);
+        a != null && a.maskElement && Mn(a.maskElement, n);
   }
 }
-async function ee(e) {
+async function se(e) {
   if (typeof document > "u" || !document.fonts) return;
   const n = /* @__PURE__ */ new Set();
-  for (const a of e) Dn(a, n);
+  for (const a of e) Mn(a, n);
   if (n.size === 0) return;
   const t = [];
   for (const a of n)
@@ -26318,7 +26318,7 @@ const rn = class rn {
       transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor
     } = r;
-    await ee(t);
+    await se(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");
@@ -26349,7 +26349,7 @@ const rn = class rn {
             const x = $[E].id;
             x && v.add(x);
           }
-        Cn(
+        Tn(
           f,
           T,
           $,
@@ -26386,7 +26386,7 @@ const rn = class rn {
       transparentBackground: i = !1,
       backgroundColor: l = n.backgroundColor
     } = r;
-    await ee(t);
+    await se(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");
@@ -26417,7 +26417,7 @@ const rn = class rn {
             const F = $[A].id;
             F && v.add(F);
           }
-        Cn(
+        Tn(
           f,
           w,
           $,
@@ -26434,24 +26434,24 @@ const rn = class rn {
           T.render(A, !1);
         };
         if (x && E)
-          Vn(f, w, (A) => {
+          Yn(f, w, (A) => {
             const F = T.getVisualBoundingBox();
-            Jn(A, w.distressEffect, F, P);
+            ee(A, w.distressEffect, F, P);
           });
         else if (x)
-          Vn(f, w, P);
+          Yn(f, w, P);
         else if (E) {
           const A = T.getVisualBoundingBox();
-          Jn(f, w.distressEffect, A, P);
+          ee(f, w.distressEffect, A, P);
         } else
           T.render(f, !1);
       }
-    }), (y = n.distressTexture) != null && y.enabled && jt(f, n.distressTexture, {
+    }), (y = n.distressTexture) != null && y.enabled && Kt(f, n.distressTexture, {
       x: n.x,
       y: n.y,
       width: n.width,
       height: n.height
-    }), (k = n.imageMask) != null && k.enabled && Rt(f, n.imageMask, {
+    }), (k = n.imageMask) != null && k.enabled && Ut(f, n.imageMask, {
       x: n.x,
       y: n.y,
       width: n.width,
@@ -26691,8 +26691,13 @@ const rn = class rn {
   }
 };
 rn.CURRENT_VERSION = "2.0.0", rn.workerManager = null, rn.workerInitPromise = null;
-let te = rn;
-class be {
+let bn = rn;
+const va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ExportManager: bn,
+  default: bn
+}, Symbol.toStringTag, { value: "Module" }));
+class gn {
   /**
    * Create an element instance from a JSON configuration
    * TypeScript ensures all transform types are handled
@@ -26705,27 +26710,27 @@ class be {
     const { transformType: t } = n;
     switch (t) {
       case "custom":
-        return new Fe(n);
+        return new Be(n);
       case "distort":
         throw new Error("DistortTransform is not yet implemented");
       case "circle":
-        return new De(n);
+        return new Re(n);
       case "lean":
-        return new Ie(n);
+        return new Oe(n);
       case "arch":
-        return new Pe(n);
+        return new Me(n);
       case "ascend":
-        return new Ae(n);
+        return new Fe(n);
       case "wave":
-        return new Ee(n);
+        return new De(n);
       case "flag":
-        return new _e(n);
+        return new Ie(n);
       case "image":
-        return new vn(n);
+        return new Sn(n);
       case "group":
         const a = (n.children || []).map(
-          (s) => be.createFromJSON(s)
-        ), r = new Te({
+          (s) => gn.createFromJSON(s)
+        ), r = new Pe({
           id: n.id,
           x: n.x,
           y: n.y,
@@ -26733,9 +26738,9 @@ class be {
         });
         return a.forEach((s) => r.addChild(s)), r;
       case "shape":
-        return new ke(n);
+        return new Ae(n);
       case "path":
-        return new Ce(n);
+        return new Ee(n);
       default:
         const o = t;
         throw new Error(`Unknown transform type: ${o}`);
@@ -26949,48 +26954,266 @@ class be {
     return this.createFromJSON(t);
   }
 }
+const ie = G("ImportManager"), Nn = class Nn {
+  /**
+   * Import workspace from JSON file
+   */
+  static async importFromJSON(n) {
+    try {
+      const t = await this.readFileAsText(n), a = JSON.parse(t);
+      if (this.validateDocument(a), !this.SUPPORTED_VERSIONS.includes(a.metadata.version))
+        throw new Error(
+          `Unsupported version: ${a.metadata.version}. Supported versions: ${this.SUPPORTED_VERSIONS.join(", ")}`
+        );
+      if (a.metadata.version === "1.0.0")
+        return this.migrateV1Document(a);
+      const r = [], o = [];
+      return a.artboards.forEach((s) => {
+        const c = zn.fromJSON({
+          id: s.id,
+          name: s.name,
+          x: s.x,
+          y: s.y,
+          width: s.width,
+          height: s.height,
+          backgroundColor: s.backgroundColor,
+          elementIds: s.elements.map((l) => l.id || "")
+        }), i = s.elements.map((l) => {
+          try {
+            return gn.createFromJSON(l);
+          } catch (d) {
+            return ie.error("Failed to create element:", l, d), null;
+          }
+        }).filter((l) => l !== null);
+        r.push(c), o.push(...i);
+      }), await this.preloadAllImages(o), {
+        success: !0,
+        artboards: r,
+        elements: o,
+        activeArtboardId: a.activeArtboardId
+      };
+    } catch (t) {
+      return {
+        success: !1,
+        error: t instanceof Error ? t.message : "Unknown error"
+      };
+    }
+  }
+  /**
+   * Migrate v1 document (no artboards) to v2 (with artboards)
+   */
+  static async migrateV1Document(n) {
+    var t, a, r;
+    try {
+      const o = n.elements || [], s = new zn({
+        id: "artboard-migrated",
+        name: "Artboard 1",
+        x: 0,
+        y: 0,
+        width: ((t = n.canvas) == null ? void 0 : t.width) || 1920,
+        height: ((a = n.canvas) == null ? void 0 : a.height) || 1080,
+        backgroundColor: ((r = n.canvas) == null ? void 0 : r.backgroundColor) || "#ffffff"
+      }), c = o.map((i) => {
+        try {
+          return gn.createFromJSON(i);
+        } catch (l) {
+          return ie.error("Failed to create element:", i, l), null;
+        }
+      }).filter((i) => i !== null);
+      return c.forEach((i) => {
+        s.addElementId(i.id);
+      }), await this.preloadAllImages(c), {
+        success: !0,
+        artboards: [s],
+        elements: c,
+        activeArtboardId: s.id
+      };
+    } catch (o) {
+      return {
+        success: !1,
+        error: o instanceof Error ? o.message : "Migration failed"
+      };
+    }
+  }
+  /**
+   * Import image file
+   */
+  static async importImage(n) {
+    try {
+      if (!n.type.startsWith("image/"))
+        throw new Error("File is not an image");
+      const t = 10 * 1024 * 1024;
+      if (n.size > t)
+        throw new Error("Image file is too large (max 10MB)");
+      const a = await this.readFileAsDataURL(n), { width: r, height: o } = await this.getImageDimensions(a);
+      return {
+        success: !0,
+        dataUrl: a,
+        filename: n.name,
+        width: r,
+        height: o
+      };
+    } catch (t) {
+      return {
+        success: !1,
+        error: t instanceof Error ? t.message : "Unknown error"
+      };
+    }
+  }
+  /**
+   * Validate document structure
+   */
+  static validateDocument(n) {
+    if (!n || typeof n != "object")
+      throw new Error("Invalid document");
+    const t = n;
+    if (!t.metadata)
+      throw new Error("Missing metadata");
+    if (!t.metadata.version)
+      throw new Error("Missing version in metadata");
+    if (!t.artboards && !t.elements)
+      throw new Error("Missing artboards or elements array");
+    if (t.artboards && !Array.isArray(t.artboards))
+      throw new Error("Invalid artboards array");
+  }
+  /**
+   * Read file as text
+   */
+  static readFileAsText(n) {
+    return new Promise((t, a) => {
+      const r = new FileReader();
+      r.onload = (o) => {
+        var s;
+        return t((s = o.target) == null ? void 0 : s.result);
+      }, r.onerror = () => a(new Error("Failed to read file")), r.readAsText(n);
+    });
+  }
+  /**
+   * Read file as data URL
+   */
+  static readFileAsDataURL(n) {
+    return new Promise((t, a) => {
+      const r = new FileReader();
+      r.onload = (o) => {
+        var s;
+        return t((s = o.target) == null ? void 0 : s.result);
+      }, r.onerror = () => a(new Error("Failed to read file")), r.readAsDataURL(n);
+    });
+  }
+  /**
+   * Get image dimensions from data URL
+   */
+  static getImageDimensions(n) {
+    return new Promise((t, a) => {
+      const r = new Image();
+      r.onload = () => {
+        t({ width: r.width, height: r.height });
+      }, r.onerror = () => a(new Error("Failed to load image")), r.src = n;
+    });
+  }
+  /**
+   * Validate imported data before applying to state
+   */
+  static validateImportedData(n, t) {
+    const a = [], r = /* @__PURE__ */ new Set();
+    n.forEach((s) => {
+      r.has(s.id) && a.push(`Duplicate artboard ID: ${s.id}`), r.add(s.id);
+    });
+    const o = /* @__PURE__ */ new Set();
+    return t.forEach((s) => {
+      o.has(s.id) && a.push(`Duplicate element ID: ${s.id}`), o.add(s.id);
+    }), n.forEach((s) => {
+      s.getElementIds().forEach((c) => {
+        o.has(c) || a.push(`Artboard "${s.name}" references missing element: ${c}`);
+      });
+    }), {
+      valid: a.length === 0,
+      errors: a
+    };
+  }
+  /**
+   * Get import summary (for UI display before confirming)
+   */
+  static getImportSummary(n, t) {
+    const a = this.validateImportedData(n, t);
+    return {
+      artboardCount: n.length,
+      elementCount: t.length,
+      artboardNames: n.map((r) => r.name),
+      warnings: a.errors
+    };
+  }
+  /**
+   * Preload all images in parallel for fast artboard switching
+   * Recursively finds all ImageElements (including those in groups)
+   */
+  static async preloadAllImages(n) {
+    const t = [], a = (o) => {
+      o.transformType === "image" ? t.push(o) : o.transformType === "group" && "children" in o && o.children.forEach((s) => a(s));
+    };
+    n.forEach(a);
+    const r = t.map((o) => new Promise((s) => {
+      if (o.imageLoaded)
+        s();
+      else if (o.imageElement) {
+        const c = o.imageElement, i = () => {
+          c.removeEventListener("load", i), c.removeEventListener("error", l), s();
+        }, l = () => {
+          c.removeEventListener("load", i), c.removeEventListener("error", l), s();
+        };
+        c.addEventListener("load", i), c.addEventListener("error", l);
+      } else
+        s();
+    }));
+    await Promise.all(r);
+  }
+};
+Nn.SUPPORTED_VERSIONS = ["1.0.0", "2.0.0"];
+let oe = Nn;
 export {
-  he as A,
-  We as B,
-  be as C,
-  pe as D,
-  te as E,
-  Ht as F,
-  zt as G,
-  ua as H,
-  Et as I,
-  Cn as J,
-  Jn as K,
-  jt as L,
-  _t as M,
-  Rt as N,
+  $e as A,
+  qe as B,
+  gn as C,
+  ye as D,
+  bn as E,
+  Xt as F,
+  Vt as G,
+  ga as H,
+  oe 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,
-  ia as a,
-  re as b,
+  da as a,
+  le as b,
   R as c,
-  pa as d,
-  fa as e,
-  Pn as f,
-  aa as g,
-  Me as h,
-  ra as i,
-  ta as j,
+  ma as d,
+  ba as e,
+  Dn as f,
+  oa as g,
+  Ne as h,
+  ca as i,
+  ia as j,
   sn as k,
-  ba as l,
-  da as m,
-  Nn as n,
-  ha as o,
-  Un as p,
-  oa as q,
-  Be as r,
-  sa as s,
-  Ue as t,
-  ca as u,
-  ze as v,
-  se as w,
-  la as x,
-  Vn as y,
-  ga as z
+  $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
 };
-//# sourceMappingURL=ElementFactory-CuHSAPfg.js.map
+//# sourceMappingURL=ImportManager-D--7JnvW.js.map