@snowcone-app/canvas 0.29.0 → 0.31.0

package/dist/{FontAnalyzer-D4Sg-P6_.js → FontAnalyzer-BYhwxDhe.js}

@@ -1,29 +1,29 @@
-function se(r) {
+function ne(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var Ht = { exports: {} }, O = Ht.exports = {}, X, Y;
-function xt() {
+var Wt = { exports: {} }, O = Wt.exports = {}, X, N;
+function Ct() {
   throw new Error("setTimeout has not been defined");
 }
-function St() {
+function vt() {
   throw new Error("clearTimeout has not been defined");
 }
 (function() {
   try {
-    typeof setTimeout == "function" ? X = setTimeout : X = xt;
+    typeof setTimeout == "function" ? X = setTimeout : X = Ct;
   } catch {
-    X = xt;
+    X = Ct;
   }
   try {
-    typeof clearTimeout == "function" ? Y = clearTimeout : Y = St;
+    typeof clearTimeout == "function" ? N = clearTimeout : N = vt;
   } catch {
-    Y = St;
+    N = vt;
   }
 })();
-function Pt(r) {
+function zt(r) {
   if (X === setTimeout)
     return setTimeout(r, 0);
-  if ((X === xt || !X) && setTimeout)
+  if ((X === Ct || !X) && setTimeout)
     return X = setTimeout, setTimeout(r, 0);
   try {
     return X(r, 0);
@@ -35,35 +35,35 @@ function Pt(r) {
     }
   }
 }
-function oe(r) {
-  if (Y === clearTimeout)
+function ae(r) {
+  if (N === clearTimeout)
     return clearTimeout(r);
-  if ((Y === St || !Y) && clearTimeout)
-    return Y = clearTimeout, clearTimeout(r);
+  if ((N === vt || !N) && clearTimeout)
+    return N = clearTimeout, clearTimeout(r);
   try {
-    return Y(r);
+    return N(r);
   } catch {
     try {
-      return Y.call(null, r);
+      return N.call(null, r);
     } catch {
-      return Y.call(this, r);
+      return N.call(this, r);
     }
   }
 }
 var _ = [], K = !1, V, dt = -1;
-function re() {
-  !K || !V || (K = !1, V.length ? _ = V.concat(_) : dt = -1, _.length && Lt());
+function he() {
+  !K || !V || (K = !1, V.length ? _ = V.concat(_) : dt = -1, _.length && Xt());
 }
-function Lt() {
+function Xt() {
   if (!K) {
-    var r = Pt(re);
+    var r = zt(he);
     K = !0;
     for (var t = _.length; t; ) {
       for (V = _, _ = []; ++dt < t; )
         V && V[dt].run();
       dt = -1, t = _.length;
     }
-    V = null, K = !1, oe(r);
+    V = null, K = !1, ae(r);
   }
 }
 O.nextTick = function(r) {
@@ -71,12 +71,12 @@ O.nextTick = function(r) {
   if (arguments.length > 1)
     for (var e = 1; e < arguments.length; e++)
       t[e - 1] = arguments[e];
-  _.push(new Wt(r, t)), _.length === 1 && !K && Pt(Lt);
+  _.push(new Nt(r, t)), _.length === 1 && !K && zt(Xt);
 };
-function Wt(r, t) {
+function Nt(r, t) {
   this.fun = r, this.array = t;
 }
-Wt.prototype.run = function() {
+Nt.prototype.run = function() {
   this.fun.apply(null, this.array);
 };
 O.title = "browser";
@@ -85,17 +85,17 @@ O.env = {};
 O.argv = [];
 O.version = "";
 O.versions = {};
-function N() {
-}
-O.on = N;
-O.addListener = N;
-O.once = N;
-O.off = N;
-O.removeListener = N;
-O.removeAllListeners = N;
-O.emit = N;
-O.prependListener = N;
-O.prependOnceListener = N;
+function Y() {
+}
+O.on = Y;
+O.addListener = Y;
+O.once = Y;
+O.off = Y;
+O.removeListener = Y;
+O.removeAllListeners = Y;
+O.emit = Y;
+O.prependListener = Y;
+O.prependOnceListener = Y;
 O.listeners = function(r) {
   return [];
 };
@@ -111,12 +111,12 @@ O.chdir = function(r) {
 O.umask = function() {
   return 0;
 };
-var ne = Ht.exports;
-const It = /* @__PURE__ */ se(ne);
-let kt = 1;
+var le = Wt.exports;
+const ft = /* @__PURE__ */ ne(le);
+let Bt = 1;
 class nt {
   constructor(t = {}) {
-    this.transformType = "artboard", this.id = t.id || `artboard-${kt++}`, this.name = t.name || `Artboard ${kt}`, this.x = t.x !== void 0 ? t.x : 0, this.y = t.y !== void 0 ? t.y : 0, this.width = t.width || 1920, this.height = t.height || 1080, this.backgroundColor = t.backgroundColor || "#ffffff", t.backgroundType ? this.backgroundType = t.backgroundType : t.backgroundColor === "transparent" ? this.backgroundType = "transparent" : t.backgroundTexture ? this.backgroundType = "texture" : this.backgroundType = "color", this.backgroundTexture = t.backgroundTexture, this.exportBackground = t.exportBackground ?? !1, this.clipShape = t.clipShape, this.previewBackgroundColor = t.previewBackgroundColor, this.role = t.role, this.distressTexture = t.distressTexture ? { ...t.distressTexture } : void 0, this.imageMask = t.imageMask ? { ...t.imageMask } : void 0, this.elementIds = new Set(t.elementIds || []);
+    this.transformType = "artboard", this.id = t.id || `artboard-${Bt++}`, this.name = t.name || `Artboard ${Bt}`, this.x = t.x !== void 0 ? t.x : 0, this.y = t.y !== void 0 ? t.y : 0, this.width = t.width || 1920, this.height = t.height || 1080, this.backgroundColor = t.backgroundColor || "#ffffff", t.backgroundType ? this.backgroundType = t.backgroundType : t.backgroundColor === "transparent" ? this.backgroundType = "transparent" : t.backgroundTexture ? this.backgroundType = "texture" : this.backgroundType = "color", this.backgroundTexture = t.backgroundTexture, this.exportBackground = t.exportBackground ?? !1, this.clipShape = t.clipShape, this.previewBackgroundColor = t.previewBackgroundColor, this.role = t.role, this.distressTexture = t.distressTexture ? { ...t.distressTexture } : void 0, this.imageMask = t.imageMask ? { ...t.imageMask } : void 0, this.elementIds = new Set(t.elementIds || []);
   }
   /**
    * Get bounding box of the artboard
@@ -274,7 +274,7 @@ class nt {
     this.x = t, this.y = e;
   }
 }
-class ti {
+class ri {
   constructor() {
     this.artboards = /* @__PURE__ */ new Map(), this.elementToArtboard = /* @__PURE__ */ new Map(), this.activeArtboardId = null;
   }
@@ -521,7 +521,7 @@ const I = {
     return t > 180 && (t -= 360), t;
   }
 };
-let ae = 1;
+let ce = 1;
 class Q {
   /** Whether this element clips content below it (derived from blendMode === 'clip') */
   get isClipping() {
@@ -531,7 +531,7 @@ class Q {
     t ? (this.blendMode = "clip", this.knockoutParts || (this.knockoutParts = { fill: !0, scope: "group" })) : this.blendMode === "clip" && (this.blendMode = "normal");
   }
   constructor(t = {}) {
-    this.id = t.id || `element-${ae++}`, this.x = t.x !== void 0 ? t.x : 100, this.y = t.y !== void 0 ? t.y : 100, this.rotation = t.rotation !== void 0 ? t.rotation : 0, this.opacity = t.opacity !== void 0 ? t.opacity : 1, this.transformType = t.transformType || "custom", this.transformData = t.transformData || {}, this.blendMode = t.blendMode, this.knockoutParts = t.knockoutParts, this.stroke = t.stroke, this.masks = t.masks, this.distressEffect = t.distressEffect, t.isClipping && !t.blendMode && (this.blendMode = "clip", this.knockoutParts || (this.knockoutParts = { fill: !0, scope: "group" })), this.name = t.name, this.visible = t.visible !== void 0 ? t.visible : !0, this.locked = t.locked !== void 0 ? t.locked : !1;
+    this.id = t.id || `element-${ce++}`, this.x = t.x !== void 0 ? t.x : 100, this.y = t.y !== void 0 ? t.y : 100, this.rotation = t.rotation !== void 0 ? t.rotation : 0, this.opacity = t.opacity !== void 0 ? t.opacity : 1, this.transformType = t.transformType || "custom", this.transformData = t.transformData || {}, this.blendMode = t.blendMode, this.knockoutParts = t.knockoutParts, this.stroke = t.stroke, this.masks = t.masks, this.distressEffect = t.distressEffect, t.isClipping && !t.blendMode && (this.blendMode = "clip", this.knockoutParts || (this.knockoutParts = { fill: !0, scope: "group" })), this.name = t.name, this.visible = t.visible !== void 0 ? t.visible : !0, this.locked = t.locked !== void 0 ? t.locked : !1;
   }
   /**
    * Get visual bounding box (tight fit around actual rendered content)
@@ -791,7 +791,7 @@ class P {
     return new P(t);
   }
 }
-const he = [
+const de = [
   // Bold/Display Fonts - Perfect for statements and headlines (49 fonts)
   {
     name: "Bebas Neue",
@@ -2267,10 +2267,10 @@ const he = [
     description: "Humanist monospace"
   }
 ];
-function le() {
-  return he.map((r) => r.name);
+function ge() {
+  return de.map((r) => r.name);
 }
-const ei = {
+const ni = {
   system: "System Fonts",
   display: "Bold & Display",
   "sans-serif": "Sans Serif",
@@ -2282,26 +2282,26 @@ const ei = {
   decorative: "Decorative & Unique",
   monospace: "Monospace"
 };
-function zt(r) {
+function _t(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--accent").trim() || "oklch(0% 0 0)";
 }
-function ce(r) {
+function fe(r) {
   return typeof window > "u" || typeof document > "u" ? "light" : document.documentElement.getAttribute("data-theme") || "light";
 }
-function Xt() {
-  return ce().includes("dark") ? "#60a5fa" : "#3b82f6";
+function Yt() {
+  return fe().includes("dark") ? "#60a5fa" : "#3b82f6";
 }
-function ii(r) {
+function ai(r) {
   if (typeof window > "u" || typeof document > "u")
     return "#FF0000";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-spacing-indicator").trim() || "#FF0000";
 }
-function si(r = 0.1, t) {
-  const e = zt(t);
+function hi(r = 0.1, t) {
+  const e = _t(t);
   if (e.startsWith("oklch("))
     return `${e.slice(0, -1)} / ${r})`;
   if (e.startsWith("#")) {
@@ -2310,71 +2310,71 @@ function si(r = 0.1, t) {
   }
   return e;
 }
-function oi(r) {
+function li(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0 / 0.45)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-text-selection").trim() || "oklch(0% 0 0 / 0.45)";
 }
-function ri(r) {
+function ci(r) {
   if (typeof window > "u" || typeof document > "u")
     return "#b5f747";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-accent-hover").trim() || "#b5f747";
 }
-function de(r) {
+function ue(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.2103 0.0059 285.89)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--foreground").trim() || "oklch(0.2103 0.0059 285.89)";
 }
-function ni(r) {
+function di(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.9607 0 0)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--background").trim() || "oklch(0.9607 0 0)";
 }
-function ai(r) {
-  const t = de(r);
+function gi(r) {
+  const t = ue(r);
   return t.startsWith("oklch(") ? `${t.slice(0, -1)} / 0.2)` : "rgba(0,0,0,0.2)";
 }
-function hi(r) {
+function fi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0 / 0.2)";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--divider").trim() || "oklch(0% 0 0 / 0.2)";
 }
-function li(r) {
+function ui(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0 / 0.5)";
   const t = document.documentElement, e = getComputedStyle(t).getPropertyValue("--foreground").trim();
   return e.startsWith("oklch(") ? `${e.slice(0, -1)} / 0.5)` : e || "oklch(0% 0 0 / 0.5)";
 }
-function ci(r) {
+function mi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "#b5f747";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-accent-hover-border").trim() || "#b5f747";
 }
-function di(r) {
+function pi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.2103 0.0059 285.89)";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--foreground").trim() || "oklch(0.2103 0.0059 285.89)";
 }
-function gi(r) {
+function yi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(1 0 0)";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--background").trim() || "oklch(1 0 0)";
 }
-function fi(r) {
+function wi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.2103 0.0059 285.89 / 0.5)";
   const t = document.documentElement, e = getComputedStyle(t).getPropertyValue("--foreground").trim();
   return e.startsWith("oklch(") ? `${e.slice(0, -1)} / 0.5)` : e || "oklch(0.2103 0.0059 285.89 / 0.5)";
 }
-const ui = 1, mi = "#ffffff", ge = 20, pi = 6, yi = 24, fe = 16, ue = 36, me = 24, wi = 4, bi = "#FFFFFF", xi = 2, Si = 0.1, Ci = le(), Ti = [8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 64, 72, 96, 128], j = 0, Yt = 1.2, _t = 50, pe = 8, ye = 999, we = /* @__PURE__ */ new Set([
+const bi = 1, xi = "#ffffff", me = 20, Si = 6, Ci = 24, pe = 16, ye = 36, we = 24, vi = 4, Ti = "#FFFFFF", Fi = 2, Ai = 0.1, Mi = ge(), Di = [8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 64, 72, 96, 128], j = 0, Ut = 1.2, Gt = 50, be = 8, xe = 999, Se = /* @__PURE__ */ new Set([
   "Arial",
   "Arial Black",
   "Verdana",
@@ -2395,12 +2395,12 @@ const ui = 1, mi = "#ffffff", ge = 20, pi = 6, yi = 24, fe = 16, ue = 36, me = 2
   "Monaco",
   "Consolas",
   "Courier"
-]), be = 0.3;
-var xe = /* @__PURE__ */ ((r) => (r[r.DEBUG = 0] = "DEBUG", r[r.INFO = 1] = "INFO", r[r.WARN = 2] = "WARN", r[r.ERROR = 3] = "ERROR", r[r.NONE = 4] = "NONE", r))(xe || {});
-class Se {
+]), Ce = 0.3;
+var ve = /* @__PURE__ */ ((r) => (r[r.DEBUG = 0] = "DEBUG", r[r.INFO = 1] = "INFO", r[r.WARN = 2] = "WARN", r[r.ERROR = 3] = "ERROR", r[r.NONE = 4] = "NONE", r))(ve || {});
+class Te {
   constructor() {
     var t;
-    this.level = 0, this.enabled = typeof It < "u" && ((t = It.env) == null ? void 0 : t.NODE_ENV) !== "production";
+    this.level = 0, this.enabled = typeof ft < "u" && ((t = ft.env) == null ? void 0 : t.NODE_ENV) !== "production";
   }
   // Only enabled in development by default
   /**
@@ -2454,10 +2454,10 @@ class Se {
    * Create a scoped logger with a prefix for a specific module
    */
   scope(t) {
-    return new Ce(this, t);
+    return new Fe(this, t);
   }
 }
-class Ce {
+class Fe {
   constructor(t, e) {
     this.logger = t, this.scopeName = e;
   }
@@ -2474,18 +2474,18 @@ class Ce {
     this.logger.error(`[${this.scopeName}] ${t}`, ...e);
   }
 }
-const Te = new Se(), mt = (r) => Te.scope(r), ve = mt("ImageLoadEvents"), Ct = /* @__PURE__ */ new Set();
-function vi(r) {
-  return Ct.add(r), () => {
-    Ct.delete(r);
+const Ae = new Te(), pt = (r) => Ae.scope(r), Me = pt("ImageLoadEvents"), Tt = /* @__PURE__ */ new Set();
+function Ii(r) {
+  return Tt.add(r), () => {
+    Tt.delete(r);
   };
 }
 function et(r) {
-  Ct.forEach((t) => {
+  Tt.forEach((t) => {
     try {
       t(r);
     } catch (e) {
-      ve.error("Listener error:", e);
+      Me.error("Listener error:", e);
     }
   });
 }
@@ -2571,26 +2571,62 @@ class J {
     this.cache.clear();
   }
 }
-const it = mt("ImageElement"), Et = 3e4, Ot = 3, Fe = 1e3;
+const ki = Object.freeze({
+  brightness: 1,
+  contrast: 1,
+  saturation: 1
+}), xt = 1e-3;
+function Dt(r) {
+  return r ? Math.abs(r.brightness - 1) < xt && Math.abs(r.contrast - 1) < xt && Math.abs(r.saturation - 1) < xt : !0;
+}
+function De(r) {
+  if (Dt(r)) return;
+  const t = (e) => Math.round(e * 100) / 100;
+  return {
+    brightness: t(r.brightness),
+    contrast: t(r.contrast),
+    saturation: t(r.saturation)
+  };
+}
+function Ei(r) {
+  if (Dt(r)) return "neutral";
+  const t = r;
+  return `b${t.brightness}c${t.contrast}s${t.saturation}`;
+}
+let Ft = null;
+function Oi(r) {
+  Ft = r;
+}
+function Ie(r, t) {
+  if (Dt(t)) return r;
+  if (!Ft)
+    throw new Error(
+      "[image-adjustments] no adjusted-source provider registered. Painting an image with non-neutral adjustments requires the rendering engine: import 'src/rendering/image-adjustments.js' (rendering/element-painters does this for every paint driver; a direct element.render() call in a test must import it too)."
+    );
+  return Ft(r, t);
+}
+const it = pt("ImageElement"), Rt = 3e4, Ht = 3, ke = 1e3;
 function x(r) {
   return r.transformData;
 }
-class pt extends Q {
+class yt extends Q {
   // Track URL acquired from ImageCache for release on destroy
   constructor(t = {}) {
-    var e, i, s, o, a, n, h, l, c, g;
+    var i, s, o, a, n, h, l, c, g, d, f;
     super(t), this.svgBlobUrl = null, this.loadTimeoutId = null, this.retryAttempt = 0, this.cachedImageUrl = null, this.transformType = "image", this.transformData = {
       type: "image",
-      width: ((e = t.transformData) == null ? void 0 : e.width) || 200,
-      height: ((i = t.transformData) == null ? void 0 : i.height) || 200,
-      cropX: ((s = t.transformData) == null ? void 0 : s.cropX) ?? 0,
-      cropY: ((o = t.transformData) == null ? void 0 : o.cropY) ?? 0,
-      cropWidth: ((a = t.transformData) == null ? void 0 : a.cropWidth) ?? 1,
-      cropHeight: ((n = t.transformData) == null ? void 0 : n.cropHeight) ?? 1,
-      flipHorizontal: ((h = t.transformData) == null ? void 0 : h.flipHorizontal) ?? !1,
-      flipVertical: ((l = t.transformData) == null ? void 0 : l.flipVertical) ?? !1,
-      borderRadius: ((c = t.transformData) == null ? void 0 : c.borderRadius) ?? 0
-    }, this.imageUrl = t.imageUrl || "", this.imageLoaded = !1, this.imageElement = null, this.imageAspectRatio = t.imageAspectRatio || 1, this.isSvg = ((g = t.imageUrl) == null ? void 0 : g.toLowerCase().endsWith(".svg")) || !1, this.preserveDimensions = t.preserveDimensions ?? !1, this.imageLoadState = t.imageUrl ? "loading" : "loaded", this.imageLoadError = null, this.isCropping = !1, this.onLoadCallback = t.onLoadCallback || null, this.imageUrl && this.loadImage(this.imageUrl);
+      width: ((i = t.transformData) == null ? void 0 : i.width) || 200,
+      height: ((s = t.transformData) == null ? void 0 : s.height) || 200,
+      cropX: ((o = t.transformData) == null ? void 0 : o.cropX) ?? 0,
+      cropY: ((a = t.transformData) == null ? void 0 : a.cropY) ?? 0,
+      cropWidth: ((n = t.transformData) == null ? void 0 : n.cropWidth) ?? 1,
+      cropHeight: ((h = t.transformData) == null ? void 0 : h.cropHeight) ?? 1,
+      flipHorizontal: ((l = t.transformData) == null ? void 0 : l.flipHorizontal) ?? !1,
+      flipVertical: ((c = t.transformData) == null ? void 0 : c.flipVertical) ?? !1,
+      borderRadius: ((g = t.transformData) == null ? void 0 : g.borderRadius) ?? 0
+    };
+    const e = De((d = t.transformData) == null ? void 0 : d.adjustments);
+    e && (this.transformData.adjustments = e), this.imageUrl = t.imageUrl || "", this.imageLoaded = !1, this.imageElement = null, this.imageAspectRatio = t.imageAspectRatio || 1, this.isSvg = ((f = t.imageUrl) == null ? void 0 : f.toLowerCase().endsWith(".svg")) || !1, this.preserveDimensions = t.preserveDimensions ?? !1, this.imageLoadState = t.imageUrl ? "loading" : "loaded", this.imageLoadError = null, this.isCropping = !1, this.onLoadCallback = t.onLoadCallback || null, this.imageUrl && this.loadImage(this.imageUrl);
   }
   /**
    * Load image from URL
@@ -2638,21 +2674,21 @@ class pt extends Q {
     }, this.loadTimeoutId = setTimeout(() => {
       if (s) return;
       o(), i.src = "";
-      const l = new Error(`Image load timed out after ${Et}ms: ${t}`);
+      const l = new Error(`Image load timed out after ${Rt}ms: ${t}`);
       this.handleLoadFailure(t, l);
-    }, Et), (!i.src || i.src !== t) && (i.src = t), !s && i.complete && i.naturalWidth > 0 && ((h = i.onload) == null || h.call(i, new Event("load")));
+    }, Rt), (!i.src || i.src !== t) && (i.src = t), !s && i.complete && i.naturalWidth > 0 && ((h = i.onload) == null || h.call(i, new Event("load")));
   }
   /**
    * Handle a load failure - either retry with backoff or set error state.
    */
   handleLoadFailure(t, e) {
-    if (this.retryAttempt++, this.retryAttempt < Ot) {
-      const i = Fe * Math.pow(2, this.retryAttempt - 1);
+    if (this.retryAttempt++, this.retryAttempt < Ht) {
+      const i = ke * Math.pow(2, this.retryAttempt - 1);
       it.warn(`Image load attempt ${this.retryAttempt} failed, retrying in ${i}ms:`, t), this.imageLoadState = "retrying", this.imageLoadError = e, et(this.id), this.loadTimeoutId = setTimeout(() => {
         this.attemptLoadRegularImage(t);
       }, i);
     } else
-      it.error(`Image load failed after ${Ot} attempts:`, t), this.imageLoaded = !1, this.imageLoadState = "error", this.imageLoadError = e, et(this.id);
+      it.error(`Image load failed after ${Ht} attempts:`, t), this.imageLoaded = !1, this.imageLoadState = "error", this.imageLoadError = e, et(this.id);
   }
   /**
    * Clear any pending load timeout
@@ -2789,57 +2825,61 @@ class pt extends Q {
       this.renderPlaceholder(t);
       return;
     }
+    const s = Ie(
+      this.imageElement,
+      this.transformData.adjustments
+    ), o = s.width, a = s.height;
     t.save(), this.opacity !== void 0 && this.opacity !== 1 && (t.globalAlpha = this.opacity), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
-    const s = this.transformData.flipHorizontal ? -1 : 1, o = this.transformData.flipVertical ? -1 : 1;
-    if (t.scale(s, o), this.isCropping) {
-      const a = this.transformData.width * this.transformData.cropWidth, n = this.transformData.height * this.transformData.cropHeight, h = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + a / 2), l = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + n / 2), c = h - this.transformData.width / 2, g = l - this.transformData.height / 2, d = this.transformData.borderRadius || 0;
-      if (d > 0) {
+    const n = this.transformData.flipHorizontal ? -1 : 1, h = this.transformData.flipVertical ? -1 : 1;
+    if (t.scale(n, h), this.isCropping) {
+      const l = this.transformData.width * this.transformData.cropWidth, c = this.transformData.height * this.transformData.cropHeight, g = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + l / 2), d = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + c / 2), f = g - this.transformData.width / 2, u = d - this.transformData.height / 2, m = this.transformData.borderRadius || 0;
+      if (m > 0) {
         t.save();
-        const f = Math.min(
-          d / 100 * Math.min(this.transformData.width, this.transformData.height),
+        const p = Math.min(
+          m / 100 * Math.min(this.transformData.width, this.transformData.height),
           this.transformData.width / 2,
           this.transformData.height / 2
         );
-        t.beginPath(), t.roundRect(c, g, this.transformData.width, this.transformData.height, f), t.clip();
+        t.beginPath(), t.roundRect(f, u, this.transformData.width, this.transformData.height, p), t.clip();
       }
       t.drawImage(
-        this.imageElement,
+        s,
         0,
         0,
-        this.imageElement.width,
-        this.imageElement.height,
-        c,
-        g,
+        o,
+        a,
+        f,
+        u,
         this.transformData.width,
         this.transformData.height
-      ), d > 0 && t.restore();
+      ), m > 0 && t.restore();
     } else if (this.masks && this.masks.length > 0) {
-      const a = this.transformData.width * this.transformData.cropWidth, n = this.transformData.height * this.transformData.cropHeight, h = -a / 2, l = -n / 2, c = h - this.transformData.cropX * this.transformData.width, g = l - this.transformData.cropY * this.transformData.height;
+      const l = this.transformData.width * this.transformData.cropWidth, c = this.transformData.height * this.transformData.cropHeight, g = -l / 2, d = -c / 2, f = g - this.transformData.cropX * this.transformData.width, u = d - this.transformData.cropY * this.transformData.height;
       t.drawImage(
-        this.imageElement,
+        s,
         0,
         0,
-        this.imageElement.width,
-        this.imageElement.height,
-        c,
-        g,
+        o,
+        a,
+        f,
+        u,
         this.transformData.width,
         this.transformData.height
       );
     } else {
-      const a = this.transformData.width * this.transformData.cropWidth, n = this.transformData.height * this.transformData.cropHeight, h = -a / 2, l = -n / 2, c = this.transformData.borderRadius || 0;
+      const l = this.transformData.width * this.transformData.cropWidth, c = this.transformData.height * this.transformData.cropHeight, g = -l / 2, d = -c / 2, f = this.transformData.borderRadius || 0;
       t.save();
-      const g = Math.min(c / 100 * Math.min(a, n), a / 2, n / 2);
-      t.beginPath(), t.roundRect(h, l, a, n, g), t.clip();
-      const d = h - this.transformData.cropX * this.transformData.width, f = l - this.transformData.cropY * this.transformData.height;
+      const u = Math.min(f / 100 * Math.min(l, c), l / 2, c / 2);
+      t.beginPath(), t.roundRect(g, d, l, c, u), t.clip();
+      const m = g - this.transformData.cropX * this.transformData.width, p = d - this.transformData.cropY * this.transformData.height;
       t.drawImage(
-        this.imageElement,
+        s,
         0,
         0,
-        this.imageElement.width,
-        this.imageElement.height,
-        d,
-        f,
+        o,
+        a,
+        m,
+        p,
         this.transformData.width,
         this.transformData.height
       ), t.restore();
@@ -2889,14 +2929,14 @@ class pt extends Q {
     h === "top-left" ? (u = x(s).width / 2, m = x(s).height / 2) : h === "top-right" ? (u = -x(s).width / 2, m = x(s).height / 2) : h === "bottom-left" ? (u = x(s).width / 2, m = -x(s).height / 2) : h === "bottom-right" ? (u = -x(s).width / 2, m = -x(s).height / 2) : h === "middle-left" ? (u = x(s).width / 2, m = 0) : h === "middle-right" ? (u = -x(s).width / 2, m = 0) : h === "middle-top" ? (u = 0, m = x(s).height / 2) : h === "middle-bottom" && (u = 0, m = -x(s).height / 2);
     const y = P.fromSnapshot(s).localDeltaToWorld(u, m), w = y.dx, S = y.dy;
     d = c + w, f = g + S;
-    let b = 0, T = 0;
-    h === "top-left" ? (b = this.transformData.width / 2, T = this.transformData.height / 2) : h === "top-right" ? (b = -this.transformData.width / 2, T = this.transformData.height / 2) : h === "bottom-left" ? (b = this.transformData.width / 2, T = -this.transformData.height / 2) : h === "bottom-right" ? (b = -this.transformData.width / 2, T = -this.transformData.height / 2) : h === "middle-left" ? (b = this.transformData.width / 2, T = 0) : h === "middle-right" ? (b = -this.transformData.width / 2, T = 0) : h === "middle-top" ? (b = 0, T = this.transformData.height / 2) : h === "middle-bottom" && (b = 0, T = -this.transformData.height / 2);
-    const M = new P(this).localDeltaToWorld(b, T), F = M.dx, v = M.dy, D = d - F, U = f - v;
+    let b = 0, v = 0;
+    h === "top-left" ? (b = this.transformData.width / 2, v = this.transformData.height / 2) : h === "top-right" ? (b = -this.transformData.width / 2, v = this.transformData.height / 2) : h === "bottom-left" ? (b = this.transformData.width / 2, v = -this.transformData.height / 2) : h === "bottom-right" ? (b = -this.transformData.width / 2, v = -this.transformData.height / 2) : h === "middle-left" ? (b = this.transformData.width / 2, v = 0) : h === "middle-right" ? (b = -this.transformData.width / 2, v = 0) : h === "middle-top" ? (b = 0, v = this.transformData.height / 2) : h === "middle-bottom" && (b = 0, v = -this.transformData.height / 2);
+    const M = new P(this).localDeltaToWorld(b, v), F = M.dx, T = M.dy, D = d - F, U = f - T;
     if (this.isCropping) {
       const B = s.x, A = s.y, k = x(s).cropWidth * x(s).width, R = x(s).cropHeight * x(s).height;
       this.x = B, this.y = A;
-      const H = k / this.transformData.width, E = R / this.transformData.height, W = B - D, z = A - U, Dt = new P(this).worldDeltaToLocal(W, z), Zt = Dt.dx, Kt = Dt.dy, Qt = this.transformData.width / 2 + Zt, te = this.transformData.height / 2 + Kt, ee = Qt / this.transformData.width - H / 2, ie = te / this.transformData.height - E / 2;
-      this.transformData.cropX = ee, this.transformData.cropY = ie, this.transformData.cropWidth = H, this.transformData.cropHeight = E;
+      const H = k / this.transformData.width, E = R / this.transformData.height, W = B - D, z = A - U, Ot = new P(this).worldDeltaToLocal(W, z), te = Ot.dx, ee = Ot.dy, ie = this.transformData.width / 2 + te, se = this.transformData.height / 2 + ee, oe = ie / this.transformData.width - H / 2, re = se / this.transformData.height - E / 2;
+      this.transformData.cropX = oe, this.transformData.cropY = re, this.transformData.cropWidth = H, this.transformData.cropHeight = E;
     } else {
       const B = (this.transformData.cropX + this.transformData.cropWidth / 2) * this.transformData.width - this.transformData.width / 2, A = (this.transformData.cropY + this.transformData.cropHeight / 2) * this.transformData.height - this.transformData.height / 2, k = B, R = A, E = new P(this).localDeltaToWorld(k, R), W = E.dx, z = E.dy;
       this.x = D + W, this.y = U + z;
@@ -2998,7 +3038,7 @@ class pt extends Q {
     if (!this.isCropping) return null;
     const s = this.getCropBoxBounds();
     if (!s) return null;
-    const o = this.worldToLocal(t, e), a = 1 / i, n = fe * a, h = ue * a, l = me * a, c = [
+    const o = this.worldToLocal(t, e), a = 1 / i, n = pe * a, h = ye * a, l = we * a, c = [
       { x: s.x, y: s.y, anchor: "top-left" },
       { x: s.x + s.width, y: s.y, anchor: "top-right" },
       { x: s.x, y: s.y + s.height, anchor: "bottom-left" },
@@ -3189,7 +3229,7 @@ class pt extends Q {
    * Clone this element
    */
   clone() {
-    const t = this.toJSON(), { imageUrl: e, ...i } = t, s = new pt(i);
+    const t = this.toJSON(), { imageUrl: e, ...i } = t, s = new yt(i);
     return s.imageUrl = this.imageUrl, s.imageElement = this.imageElement, s.imageLoaded = this.imageLoaded, s.imageAspectRatio = this.imageAspectRatio, s.isCropping = this.isCropping, s.onLoadCallback = this.onLoadCallback, s.isSvg = this.isSvg, s.imageLoadState = this.imageLoadState, s.imageLoadError = this.imageLoadError, s.preserveDimensions = this.preserveDimensions, s;
   }
   /**
@@ -3212,7 +3252,12 @@ class pt extends Q {
       imageAspectRatio: this.imageAspectRatio,
       preserveDimensions: this.preserveDimensions,
       // dimension lock for cover crop must survive save→load
-      transformData: { ...this.transformData }
+      transformData: {
+        ...this.transformData,
+        // Deep-copy the nested adjustments object so serialized state (and
+        // clones built from it) never alias this element's live state.
+        ...this.transformData.adjustments ? { adjustments: { ...this.transformData.adjustments } } : {}
+      }
     };
   }
   /**
@@ -3224,27 +3269,27 @@ class pt extends Q {
     this.clearLoadTimeout(), this.releaseImageCache(), this.revokeSvgBlobUrl(), this.imageElement = null, this.onLoadCallback = null, this.imageLoadError = null;
   }
 }
-const Nt = /* @__PURE__ */ new Map();
-let Tt = null;
-function Ut(r) {
+const $t = /* @__PURE__ */ new Map();
+let At = null;
+function Vt(r) {
   return new Error(
     `[paint-registry] no painter registered for ${r}. Element painting requires the rendering engine: import 'src/rendering/element-painters.js' (every paint driver — CanvasRenderer, ExportManager, ElementPreviewRenderer — does this; a direct element.render() call in a test must import it too).`
   );
 }
-function Fi(r, t) {
-  Nt.set(r, t);
+function Bi(r, t) {
+  $t.set(r, t);
 }
 function gt(r) {
-  const t = Nt.get(r);
-  if (!t) throw Ut(`text transform "${r}"`);
+  const t = $t.get(r);
+  if (!t) throw Vt(`text transform "${r}"`);
   return t;
 }
-function Ai(r) {
-  Tt = r;
+function Ri(r) {
+  At = r;
 }
-function Ae() {
-  if (!Tt) throw Ut("group clipping");
-  return Tt;
+function Ee() {
+  if (!At) throw Vt("group clipping");
+  return At;
 }
 class L {
   constructor(t = []) {
@@ -3442,65 +3487,65 @@ class L {
     return new L(t.spans);
   }
 }
-function Mi(r) {
+function Hi(r) {
   return r.type === "custom";
 }
-function Di(r) {
+function Pi(r) {
   return r.type === "circle";
 }
-function Ii(r) {
+function Li(r) {
   return r.type === "arch";
 }
-function ki(r) {
+function Wi(r) {
   return r.type === "wave";
 }
-function Ei(r) {
+function zi(r) {
   return r.type === "flag";
 }
-function Oi(r) {
+function Xi(r) {
   return r.type === "image";
 }
-function Bi(r) {
+function Ni(r) {
   return r.type === "group";
 }
-function Ri(r) {
+function _i(r) {
   return r.transformType !== "image" && r.transformType !== "group";
 }
-function Hi(r) {
+function Yi(r) {
   return r.transformType === "image";
 }
-function Pi(r) {
+function Ui(r) {
   return r.transformType === "custom";
 }
-function Li(r) {
+function Gi(r) {
   return r.transformType === "circle";
 }
-function Wi(r) {
+function $i(r) {
   return r.transformType === "group";
 }
-function zi(r) {
+function Vi(r) {
   return r.transformType === "shape";
 }
-function Xi(r) {
+function Ji(r) {
   return r.transformType === "path";
 }
-function Yi(r) {
+function qi(r) {
   return r.type === "shape";
 }
-function _i(r) {
+function ji(r) {
   return r.type === "path";
 }
-function Ni(r) {
+function Zi(r) {
   var t;
   return ((t = r.stroke) == null ? void 0 : t.enabled) === !0;
 }
-function Ui(r) {
+function Ki(r) {
   return Array.isArray(r.masks) && r.masks.length > 0;
 }
-function Gi(r) {
+function Qi(r) {
   return r.blendMode === "knockout" || r.blendMode === "clip";
 }
-function $i(r) {
+function ts(r) {
   var t;
   return ((t = r.distressEffect) == null ? void 0 : t.enabled) === !0;
 }
@@ -3612,7 +3657,7 @@ class q extends Q {
    * Update font size
    */
   setFontSize(t) {
-    this.fontSize = Math.max(pe, Math.min(ye, t));
+    this.fontSize = Math.max(be, Math.min(xe, t));
   }
   /**
    * Update color
@@ -3646,20 +3691,20 @@ class q extends Q {
     };
   }
 }
-function Me(r) {
+function Oe(r) {
   return Array.from(r).length;
 }
-function yt(r, t, e) {
-  return e ? r + e * Me(t) : r;
+function wt(r, t, e) {
+  return e ? r + e * Oe(t) : r;
 }
-function De(r, t, e) {
+function Be(r, t, e) {
   const i = Array.from(t), s = [0];
   let o = "";
   for (let a = 0; a < i.length; a++)
     o += i[a], s.push(r.measureText(o).width + e * (a + 1));
   return s;
 }
-function Ie(r, t, e) {
+function Re(r, t, e) {
   switch (r.textAlign) {
     case "center":
       return t - e / 2;
@@ -3670,26 +3715,26 @@ function Ie(r, t, e) {
       return t;
   }
 }
-function Gt(r, t, e, i, s, o) {
+function Jt(r, t, e, i, s, o) {
   if (!o || e.length === 0) {
     t[r](e, i, s);
     return;
   }
-  const a = De(t, e, o), n = a[a.length - 1], h = Ie(t, i, n), l = t.textAlign;
+  const a = Be(t, e, o), n = a[a.length - 1], h = Re(t, i, n), l = t.textAlign;
   t.textAlign = "left";
   const c = Array.from(e);
   for (let g = 0; g < c.length; g++)
     t[r](c[g], h + a[g], s);
   t.textAlign = l;
 }
-function Vi(r, t, e, i, s) {
-  Gt("fillText", r, t, e, i, s);
+function es(r, t, e, i, s) {
+  Jt("fillText", r, t, e, i, s);
 }
-function Ji(r, t, e, i, s) {
-  Gt("strokeText", r, t, e, i, s);
+function is(r, t, e, i, s) {
+  Jt("strokeText", r, t, e, i, s);
 }
 let ht = null;
-function wt() {
+function bt() {
   if (!ht)
     if (typeof document < "u")
       ht = document.createElement("canvas");
@@ -3703,10 +3748,10 @@ function at(r, t, e = !1, i = !1) {
   const s = [];
   return i && s.push("italic"), e && s.push("bold"), s.push(`${r}px`), s.push(t), s.join(" ");
 }
-function Ft(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
-  const c = wt().getContext("2d");
+function It(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
+  const c = bt().getContext("2d");
   c.font = at(e, i, s, o);
-  const g = (h == null ? void 0 : h.letterSpacing) ?? 0, d = (A) => yt(c.measureText(A).width, A, g);
+  const g = (h == null ? void 0 : h.letterSpacing) ?? 0, d = (A) => wt(c.measureText(A).width, A, g);
   if (r.trim().length === 0)
     return [r];
   if (r.includes(`
@@ -3714,7 +3759,7 @@ function Ft(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
     const A = r.split(`
 `), k = [];
     for (let R = 0; R < A.length; R++) {
-      const H = A[R], E = Ft(H, t, e, i, s, o, void 0, n, h);
+      const H = A[R], E = It(H, t, e, i, s, o, void 0, n, h);
       k.push(...E);
     }
     return k;
@@ -3730,78 +3775,78 @@ function Ft(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
     }
     return A.length > 0 && (A[0] = m + A[0], A[A.length - 1] = A[A.length - 1] + p), A;
   }
-  const S = w.join(" "), b = m + S + p, T = d(b), C = t < 200, F = n ? 0 : Math.max(20, t * (n ? 0 : C ? 0.08 : 0.05));
-  if (T <= t + F)
+  const S = w.join(" "), b = m + S + p, v = d(b), C = t < 200, F = n ? 0 : Math.max(20, t * (n ? 0 : C ? 0.08 : 0.05));
+  if (v <= t + F)
     return [b];
-  const v = [];
+  const T = [];
   let D = "";
   const B = n ? 0 : Math.max(15, t * (n ? 0 : C ? 0.05 : 0.03));
   for (let A = 0; A < w.length; A++) {
     const k = w[A];
     if (d(k) > t + B) {
-      D.length > 0 && (v.push(D), D = "");
+      D.length > 0 && (T.push(D), D = "");
       const H = Array.from(k);
       let E = "";
       for (const W of H) {
         const z = E + W;
-        d(z) > t + B && E.length > 0 ? (v.push(E), E = W) : E = z;
+        d(z) > t + B && E.length > 0 ? (T.push(E), E = W) : E = z;
       }
       D = E;
     } else {
       const H = D.length > 0 ? D + " " + k : k;
-      d(H) > t + B && D.length > 0 ? (v.push(D), D = k) : D = H;
+      d(H) > t + B && D.length > 0 ? (T.push(D), D = k) : D = H;
     }
   }
-  if (D.length > 0 && v.push(D), v.length > 0) {
+  if (D.length > 0 && T.push(D), T.length > 0) {
     if (m.length > 0) {
-      const A = m + v[0];
-      d(A) > t + B ? v.unshift(m) : v[0] = A;
+      const A = m + T[0];
+      d(A) > t + B ? T.unshift(m) : T[0] = A;
     }
     if (p.length > 0) {
-      const A = v.length - 1, k = v[A] + p;
-      d(k) > t + B ? v.push(p) : v[A] = k;
+      const A = T.length - 1, k = T[A] + p;
+      d(k) > t + B ? T.push(p) : T[A] = k;
     }
   }
-  return v;
+  return T;
 }
-function Bt(r, t, e, i = !1, s = !1, o = 0) {
-  const n = wt().getContext("2d");
-  return n.font = at(t, e, i, s), yt(n.measureText(r).width, r, o);
+function Pt(r, t, e, i = !1, s = !1, o = 0) {
+  const n = bt().getContext("2d");
+  return n.font = at(t, e, i, s), wt(n.measureText(r).width, r, o);
 }
-function vt(r, t, e = !1, i = !1) {
-  const o = wt().getContext("2d");
+function Mt(r, t, e = !1, i = !1) {
+  const o = bt().getContext("2d");
   o.font = at(r, t, e, i);
   const n = o.measureText("ÁÉÍgjpqy"), h = n.actualBoundingBoxAscent || r * 0.8, l = n.actualBoundingBoxDescent || r * 0.2, c = h + l;
   return { ascent: h, descent: l, height: c };
 }
-function Rt(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
-  const l = (h == null ? void 0 : h.letterSpacing) ?? 0, c = Ft(r, t, e, i, s, o, a, n, h), g = r.includes(`
-`), d = c.map((b, T) => ({
-    isParagraphStart: !g && T === 0,
-    isParagraphEnd: !g && T === c.length - 1
-  })), u = wt().getContext("2d");
+function Lt(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
+  const l = (h == null ? void 0 : h.letterSpacing) ?? 0, c = It(r, t, e, i, s, o, a, n, h), g = r.includes(`
+`), d = c.map((b, v) => ({
+    isParagraphStart: !g && v === 0,
+    isParagraphEnd: !g && v === c.length - 1
+  })), u = bt().getContext("2d");
   u.font = at(e, i, s, o);
   let m = 0;
-  const p = vt(e, i, s, o);
+  const p = Mt(e, i, s, o);
   let y = 0;
-  c.forEach((b, T) => {
-    const C = d[T].isParagraphStart, M = d[T].isParagraphEnd;
+  c.forEach((b, v) => {
+    const C = d[v].isParagraphStart, M = d[v].isParagraphEnd;
     let F = b;
     if (!C) {
-      const v = b.match(/^ +/), D = v ? v[0].length : 0;
+      const T = b.match(/^ +/), D = T ? T[0].length : 0;
       D > 0 && (F = F.substring(D));
     }
     if (!M) {
-      const v = F.match(/ +$/), D = v ? v[0].length : 0;
+      const T = F.match(/ +$/), D = T ? T[0].length : 0;
       D > 0 && (F = F.substring(0, F.length - D));
     }
     if (y++, F.length > 0) {
-      const v = yt(u.measureText(F).width, F, l);
-      m = Math.max(m, v);
+      const T = wt(u.measureText(F).width, F, l);
+      m = Math.max(m, T);
     }
   });
   let w;
-  const S = (h == null ? void 0 : h.lineHeight) ?? Yt;
+  const S = (h == null ? void 0 : h.lineHeight) ?? Ut;
   if (y === 1)
     w = p.height;
   else if (y === 0)
@@ -3817,7 +3862,7 @@ function Rt(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
   };
 }
 let lt = null;
-function ke() {
+function He() {
   if (!lt)
     if (typeof OffscreenCanvas < "u")
       lt = new OffscreenCanvas(1, 1).getContext("2d");
@@ -3827,10 +3872,10 @@ function ke() {
       throw new Error("No canvas context available");
   return lt;
 }
-function Ee(r, t, e) {
-  const i = ke(), s = [], o = (p, y) => {
-    const w = y.fontSize || e.fontSize, S = y.fontFamily || e.fontFamily, b = y.bold !== void 0 ? y.bold : e.bold || !1, T = y.italic !== void 0 ? y.italic : e.italic || !1, C = y.letterSpacing !== void 0 ? y.letterSpacing : e.letterSpacing ?? 0;
-    return i.font = at(w, S, b, T), yt(i.measureText(p).width, p, C);
+function Pe(r, t, e) {
+  const i = He(), s = [], o = (p, y) => {
+    const w = y.fontSize || e.fontSize, S = y.fontFamily || e.fontFamily, b = y.bold !== void 0 ? y.bold : e.bold || !1, v = y.italic !== void 0 ? y.italic : e.italic || !1, C = y.letterSpacing !== void 0 ? y.letterSpacing : e.letterSpacing ?? 0;
+    return i.font = at(w, S, b, v), wt(i.measureText(p).width, p, C);
   }, a = (p, y) => p.fontSize === y.fontSize && p.fontFamily === y.fontFamily && p.color === y.color && p.bold === y.bold && p.italic === y.italic && p.underline === y.underline && p.strikethrough === y.strikethrough && p.letterSpacing === y.letterSpacing, n = [];
   r.forEach((p) => {
     n.length > 0 && a(n[n.length - 1].style, p.style) ? n[n.length - 1].text += p.text : n.push({ text: p.text, style: p.style });
@@ -3860,21 +3905,21 @@ function Ee(r, t, e) {
       M !== S ? (w.push({ text: b, style: n[S].style }), b = h[C], S = M) : b += h[C];
     }
     b.length > 0 && w.push({ text: b, style: n[S].style });
-    const T = w.reduce((C, M) => C + o(M.text, M.style), 0);
+    const v = w.reduce((C, M) => C + o(M.text, M.style), 0);
     if (p.text === " ") {
       if (f.length > 0) {
         const C = f[f.length - 1];
         a(C.style, w[0].style) ? C.text += " " : f.push({ text: " ", style: w[0].style });
       } else
         f.push({ text: " ", style: w[0].style });
-      u += T;
-    } else if (T > t) {
+      u += v;
+    } else if (v > t) {
       f.length > 0 && m();
       for (const C of w) {
         const M = Array.from(C.text);
         let F = "";
-        for (const v of M) {
-          const D = o(v, C.style);
+        for (const T of M) {
+          const D = o(T, C.style);
           if (u + D > t && u > 0) {
             if (F.length > 0) {
               if (f.length > 0) {
@@ -3886,26 +3931,26 @@ function Ee(r, t, e) {
             }
             m();
           }
-          F += v, u += D;
+          F += T, u += D;
         }
         if (F.length > 0)
           if (f.length > 0) {
-            const v = f[f.length - 1];
-            a(v.style, C.style) ? v.text += F : f.push({ text: F, style: C.style });
+            const T = f[f.length - 1];
+            a(T.style, C.style) ? T.text += F : f.push({ text: F, style: C.style });
           } else
             f.push({ text: F, style: C.style });
       }
     } else
-      u + T > t && f.length > 0 && m(), w.forEach((C) => {
+      u + v > t && f.length > 0 && m(), w.forEach((C) => {
         if (f.length > 0) {
           const M = f[f.length - 1];
           a(M.style, C.style) ? M.text += C.text : f.push({ ...C });
         } else
           f.push({ ...C });
-      }), u += T;
+      }), u += v;
   }), m(), s.length === 0 && s.push([]), s;
 }
-function Oe(r) {
+function Le(r) {
   const t = [];
   let e = [];
   return r.spans.forEach((i) => {
@@ -3919,10 +3964,10 @@ function Oe(r) {
 function st(r) {
   return typeof r.width == "number" ? r.width : void 0;
 }
-function $t(r, t) {
+function qt(r, t) {
   r.width = t;
 }
-function Be(r, t, e) {
+function We(r, t, e) {
   const i = e.transformData, s = st(i), o = s !== void 0 ? s : e.width ?? 0, a = t / o, n = e.fontSize ?? r.fontSize, h = n * a;
   let l;
   if (h < 16 ? l = Math.round(h) : l = Math.round(h * 2) / 2, r.setFontSize(l), e.richText && e.richText instanceof L && typeof r.setRichText == "function") {
@@ -3937,31 +3982,31 @@ function Be(r, t, e) {
   const c = r.transformData;
   if (st(c) !== void 0 && s !== void 0) {
     const d = n > 0 ? l / n : a, f = s * d;
-    $t(c, Math.max(20, Math.ceil(f)));
+    qt(c, Math.max(20, Math.ceil(f)));
   }
 }
-function Re(r, t, e, i) {
+function ze(r, t, e, i) {
   if (t !== "middle-left" && t !== "middle-right")
     return;
   r.fontSize = i.fontSize ?? r.fontSize;
   const s = r.transformData;
   if (st(s) !== void 0) {
-    $t(s, Math.max(_t, e));
+    qt(s, Math.max(Gt, e));
     const a = I.toRadiansInverse(r.rotation), n = Math.cos(a), h = Math.sin(a), l = i.transformData, g = st(l) ?? i.width ?? 0, f = (st(s) ?? 0) - g;
     t === "middle-left" ? (r.x = i.x - f / 2 * n, r.y = i.y - f / 2 * h) : t === "middle-right" && (r.x = i.x + f / 2 * n, r.y = i.y + f / 2 * h);
   }
 }
-function Vt(r, t, e, i, s) {
+function jt(r, t, e, i, s) {
   const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle");
-  o ? Be(r, e, s) : a && Re(r, t, e, s);
+  o ? We(r, e, s) : a && ze(r, t, e, s);
 }
-class He extends q {
+class Xe extends q {
   // Temporary property used during resize operations only
   constructor(t = {}) {
     super(t), this.transformType = "custom";
     const e = t.transformData, i = (e == null ? void 0 : e.width) !== void 0 ? e.width : Math.max(
-      _t,
-      Bt(this.text, this.fontSize, this.fontFamily, this.bold, this.italic, this.letterSpacing ?? 0) + j * 2
+      Gt,
+      Pt(this.text, this.fontSize, this.fontFamily, this.bold, this.italic, this.letterSpacing ?? 0) + j * 2
     );
     this.transformData = {
       type: "custom",
@@ -3974,9 +4019,9 @@ class He extends q {
    * Returns the total height based on the tallest font in each line
    */
   calculateRichTextHeight() {
-    const t = this.getRichText(), e = this.transformData.width - j * 2, i = Oe(t), s = [];
+    const t = this.getRichText(), e = this.transformData.width - j * 2, i = Le(t), s = [];
     if (i.forEach((h) => {
-      Ee(h, e, {
+      Pe(h, e, {
         fontSize: this.fontSize,
         fontFamily: this.fontFamily,
         bold: this.bold,
@@ -3990,15 +4035,15 @@ class He extends q {
     let o = 0, a = 0;
     s.forEach((h) => {
       h.forEach((l) => {
-        const c = l.style.fontSize !== void 0 ? l.style.fontSize : this.fontSize, g = l.style.fontFamily !== void 0 ? l.style.fontFamily : this.fontFamily, d = l.style.bold !== void 0 ? l.style.bold : this.bold, f = l.style.italic !== void 0 ? l.style.italic : this.italic, u = vt(c, g, d, f);
+        const c = l.style.fontSize !== void 0 ? l.style.fontSize : this.fontSize, g = l.style.fontFamily !== void 0 ? l.style.fontFamily : this.fontFamily, d = l.style.bold !== void 0 ? l.style.bold : this.bold, f = l.style.italic !== void 0 ? l.style.italic : this.italic, u = Mt(c, g, d, f);
         o = Math.max(o, u.height), a = Math.max(a, u.ascent);
       });
     });
-    const n = this.fontSize * (this.lineHeight ?? Yt);
+    const n = this.fontSize * (this.lineHeight ?? Ut);
     if (s.length === 1)
       return o;
     {
-      const h = vt(this.fontSize, this.fontFamily, this.bold, this.italic), l = (s.length - 1) * n + h.height, c = Math.max(0, a - h.ascent), g = Math.max(0, o - a - (h.height - h.ascent));
+      const h = Mt(this.fontSize, this.fontFamily, this.bold, this.italic), l = (s.length - 1) * n + h.height, c = Math.max(0, a - h.ascent), g = Math.max(0, o - a - (h.height - h.ascent));
       return l + c + g;
     }
   }
@@ -4020,7 +4065,7 @@ class He extends q {
   getBoundingBox() {
     const t = this.transformData.width - j * 2;
     let e;
-    return this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Rt(
+    return this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Lt(
       this.text,
       t,
       this.fontSize,
@@ -4047,7 +4092,7 @@ class He extends q {
   getVisualBoundingBox() {
     const t = this.transformData.width - j * 2;
     let e;
-    this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Rt(
+    this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Lt(
       this.text,
       t,
       this.fontSize,
@@ -4114,7 +4159,7 @@ class He extends q {
    * Override getTransformStartData to capture initial line count
    */
   getTransformStartData() {
-    const t = super.getTransformStartData(), e = this.transformData.width - j * 2, i = Ft(this.text, e, this.fontSize, this.fontFamily, this.bold, this.italic, void 0, !1, {
+    const t = super.getTransformStartData(), e = this.transformData.width - j * 2, i = It(this.text, e, this.fontSize, this.fontFamily, this.bold, this.italic, void 0, !1, {
       letterSpacing: this.letterSpacing
     });
     return t.lineCount = i.length, t;
@@ -4125,8 +4170,8 @@ class He extends q {
    * Side handles: only width changes - text re-wraps naturally
    */
   resize(t, e, i, s) {
-    if (t === "top-left" || t === "top-right" || t === "bottom-left" || t === "bottom-right" || (this._lockedLineCount = void 0), Vt(this, t, e, i, s), this._lockedLineCount !== void 0 && this._lockedLineCount > 0) {
-      const n = Bt(
+    if (t === "top-left" || t === "top-right" || t === "bottom-left" || t === "bottom-right" || (this._lockedLineCount = void 0), jt(this, t, e, i, s), this._lockedLineCount !== void 0 && this._lockedLineCount > 0) {
+      const n = Pt(
         this.text,
         this.fontSize,
         this.fontFamily,
@@ -4178,7 +4223,7 @@ class He extends q {
     };
   }
 }
-function Pe(r, t, e, i) {
+function Ne(r, t, e, i) {
   const s = I.toRadians(i), o = Math.cos(s), a = Math.sin(s);
   let n = 0, h = 0;
   e === "top-left" ? (n = r.width, h = r.height) : e === "top-right" ? (n = 0, h = r.height) : e === "bottom-left" ? (n = r.width, h = 0) : e === "bottom-right" && (n = 0, h = 0);
@@ -4188,14 +4233,14 @@ function Pe(r, t, e, i) {
   const f = l - (g * o - d * a), u = c - (g * a + d * o);
   return { x: f, y: u };
 }
-function qi(r, t, e, i = 1) {
-  const s = r.width / 2, o = r.height + ge / i, a = r.x + s, n = r.y + o, h = I.toRadians(t), l = Math.cos(h), c = Math.sin(h), g = a - e.x, d = n - e.y, f = g * l - d * c, u = g * c + d * l;
+function ss(r, t, e, i = 1) {
+  const s = r.width / 2, o = r.height + me / i, a = r.x + s, n = r.y + o, h = I.toRadians(t), l = Math.cos(h), c = Math.sin(h), g = a - e.x, d = n - e.y, f = g * l - d * c, u = g * c + d * l;
   return {
     x: e.x + f,
     y: e.y + u
   };
 }
-function ji(r, t, e) {
+function os(r, t, e) {
   const i = I.toRadians(t), s = Math.cos(i), o = Math.sin(i), a = (c, g) => {
     const d = r.x + c, f = r.y + g, u = d - e.x, m = f - e.y, p = u * s - m * o, y = u * o + m * s;
     return {
@@ -4203,7 +4248,7 @@ function ji(r, t, e) {
       y: e.y + y
     };
   }, { width: n, height: h } = r, l = (c, g, d, f) => {
-    const u = a(d, f), m = Le(
+    const u = a(d, f), m = _e(
       u.x,
       u.y,
       e.x,
@@ -4232,11 +4277,11 @@ function ji(r, t, e) {
     l("edge", "middle-bottom", n / 2, h)
   ];
 }
-function Zi(r, t, e, i, s) {
+function rs(r, t, e, i, s) {
   const o = r - e, a = t - i;
   return o * o + a * a <= s * s;
 }
-function Ki(r, t, e, i) {
+function ns(r, t, e, i) {
   const s = I.toRadiansInverse(i), o = Math.cos(s), a = Math.sin(s), n = r - e.x, h = t - e.y, l = n * o - h * a, c = n * a + h * o;
   return l >= 0 && l <= e.width && c >= 0 && c <= e.height;
 }
@@ -4244,19 +4289,19 @@ function tt(r, t, e = "Arial", i = !1, s = !1) {
   const a = document.createElement("canvas").getContext("2d"), n = i ? "bold" : "normal", h = s ? "italic" : "normal";
   return a.font = `${h} ${n} ${t}px ${e}`, a.measureText(r).width;
 }
-function Qi(r) {
+function as(r) {
   return {
     x: r.x + r.width / 2,
     y: r.y + r.height / 2
   };
 }
-function ts(r, t, e, i) {
+function hs(r, t, e, i) {
   return Math.atan2(i - t, e - r);
 }
-function es(r, t, e) {
+function ls(r, t, e) {
   return Math.abs(r - t) <= e;
 }
-function Le(r, t, e, i, s, o = 0, a = "") {
+function _e(r, t, e, i, s, o = 0, a = "") {
   const n = r - e, h = t - i;
   let l = Math.atan2(h, n) * (180 / Math.PI);
   if (l = (l % 360 + 360) % 360, s === "corner") {
@@ -4273,17 +4318,17 @@ function Le(r, t, e, i, s, o = 0, a = "") {
     return c >= 45 && c < 135 ? "ns-resize" : "ew-resize";
   }
 }
-function We(r) {
+function Ye(r) {
   if (!r.getTransform)
     return 1;
   const t = r.getTransform();
   return Math.sqrt(t.a * t.a + t.b * t.b);
 }
-function is(r, t, e = []) {
-  const i = We(r);
+function cs(r, t, e = []) {
+  const i = Ye(r);
   r.lineWidth = i > 0 ? t / i : t, e.length > 0 && r.setLineDash(i > 0 ? e.map((s) => s / i) : e);
 }
-class ze extends q {
+class Ue extends q {
   constructor(t = {}) {
     super(t), this.transformType = "circle";
     const e = t.transformData;
@@ -4339,7 +4384,7 @@ class ze extends q {
   resize(t, e, i, s) {
     const o = s.transformData, a = (e + i) / 2, n = (s.width + s.height) / 2, h = a / n, l = o.scale * h, c = Math.max(0.1, Math.min(10, l));
     this.transformData.scale = c;
-    const g = this.getBoundingBox(), d = Pe(
+    const g = this.getBoundingBox(), d = Ne(
       {
         x: s.x - o.radius * o.scale,
         y: s.y - o.radius * o.scale,
@@ -4413,7 +4458,7 @@ class ze extends q {
     };
   }
 }
-class Xe extends q {
+class Ge extends q {
   constructor(t = {}) {
     super(t), this.transformType = "arch";
     const e = t.transformData;
@@ -4447,8 +4492,8 @@ class Xe extends q {
         { x: p / 2, y: n }
         // bottom-right
       ].forEach((C) => {
-        const M = C.x, F = C.y + b * o * C.x, v = y + M, D = S + F;
-        h = Math.min(h, v), l = Math.max(l, v), c = Math.min(c, D), g = Math.max(g, D);
+        const M = C.x, F = C.y + b * o * C.x, T = y + M, D = S + F;
+        h = Math.min(h, T), l = Math.max(l, T), c = Math.min(c, D), g = Math.max(g, D);
       }), d += p;
     });
     const f = 2;
@@ -4518,14 +4563,14 @@ const ot = {
   frequency: 2,
   // Standard flag frequency
   width: 200
-}, Ye = {
+}, $e = {
   archHeight: 0.5
-}, _e = {
+}, Ve = {
   leanAmount: 0
-}, Ne = {
+}, Je = {
   ascendAngle: -15
 };
-class Ue extends q {
+class qe extends q {
   constructor(t = {}) {
     super(t), this.transformType = "wave";
     const e = t.transformData;
@@ -4560,7 +4605,7 @@ class Ue extends q {
         { x: u / 2, y: o }
         // bottom-right
       ].forEach((b) => {
-        const T = b.x, C = b.y + w * be * b.x, M = m + T, F = y + C;
+        const v = b.x, C = b.y + w * Ce * b.x, M = m + v, F = y + C;
         a = Math.min(a, M), n = Math.max(n, M), h = Math.min(h, F), l = Math.max(l, F);
       }), c += u;
     });
@@ -4573,7 +4618,7 @@ class Ue extends q {
     };
   }
   resize(t, e, i, s) {
-    Vt(this, t, e, i, s);
+    jt(this, t, e, i, s);
   }
   getEnabledAnchors() {
     return ["top-left", "top-right", "bottom-left", "bottom-right"];
@@ -4594,7 +4639,7 @@ class Ue extends q {
     };
   }
 }
-class Ge extends q {
+class je extends q {
   constructor(t = {}) {
     super(t), this.transformType = "flag";
     const e = t.transformData;
@@ -4618,7 +4663,7 @@ class Ge extends q {
     const t = this.text.split(""), e = t.map((f) => tt(f, this.fontSize, this.fontFamily)), i = e.reduce((f, u) => f + u, 0), s = 0.3, a = this.fontSize / 2;
     let n = 1 / 0, h = -1 / 0, l = 1 / 0, c = -1 / 0, g = -i / 2;
     t.forEach((f, u) => {
-      const m = e[u], p = g + m / 2, y = p / (this.transformData.width / 2), w = Math.abs(y), S = this.transformData.amplitude * w, b = S * this.fontSize * Math.sin(this.transformData.frequency * Math.PI * y), T = S * this.transformData.frequency * Math.PI * Math.cos(this.transformData.frequency * Math.PI * y), C = this.transformData.amplitude * Math.sign(y) * Math.sin(this.transformData.frequency * Math.PI * y), M = T + C;
+      const m = e[u], p = g + m / 2, y = p / (this.transformData.width / 2), w = Math.abs(y), S = this.transformData.amplitude * w, b = S * this.fontSize * Math.sin(this.transformData.frequency * Math.PI * y), v = S * this.transformData.frequency * Math.PI * Math.cos(this.transformData.frequency * Math.PI * y), C = this.transformData.amplitude * Math.sign(y) * Math.sin(this.transformData.frequency * Math.PI * y), M = v + C;
       [
         { x: -m / 2, y: -a },
         // top-left
@@ -4628,8 +4673,8 @@ class Ge extends q {
         // bottom-left
         { x: m / 2, y: a }
         // bottom-right
-      ].forEach((v) => {
-        const D = v.x, U = v.y + M * s * v.x, B = p + D, A = b + U;
+      ].forEach((T) => {
+        const D = T.x, U = T.y + M * s * T.x, B = p + D, A = b + U;
         n = Math.min(n, B), h = Math.max(h, B), l = Math.min(l, A), c = Math.max(c, A);
       }), g += m;
     });
@@ -4690,7 +4735,7 @@ class Ge extends q {
     };
   }
 }
-class $e extends q {
+class Ze extends q {
   constructor(t = {}) {
     super(t), this.transformType = "lean";
     const e = t.transformData;
@@ -4780,7 +4825,7 @@ class $e extends q {
     };
   }
 }
-class Ve extends q {
+class Ke extends q {
   constructor(t = {}) {
     super(t), this.transformType = "ascend";
     const e = t.transformData;
@@ -4813,9 +4858,9 @@ class Ve extends q {
         // bottom-left
         { x: y / 2, y: h }
         // bottom-right
-      ].forEach((T) => {
-        const C = T.x, M = T.y + o * a * T.x, F = w + C, v = S + M;
-        l = Math.min(l, F), c = Math.max(c, F), g = Math.min(g, v), d = Math.max(d, v);
+      ].forEach((v) => {
+        const C = v.x, M = v.y + o * a * v.x, F = w + C, T = S + M;
+        l = Math.min(l, F), c = Math.max(c, F), g = Math.min(g, T), d = Math.max(d, T);
       }), f += y;
     });
     const u = 2;
@@ -4873,7 +4918,7 @@ class Ve extends q {
     };
   }
 }
-class At extends Q {
+class kt extends Q {
   constructor(t = {}) {
     var i, s, o, a, n, h, l, c, g, d, f;
     super(t), this.transformType = "shape";
@@ -4890,7 +4935,7 @@ class At extends Q {
       sides: ((l = t.transformData) == null ? void 0 : l.sides) ?? 5,
       points: ((c = t.transformData) == null ? void 0 : c.points) ?? 5,
       innerRadius: ((g = t.transformData) == null ? void 0 : g.innerRadius) ?? 0.4,
-      fillColor: ((d = t.transformData) == null ? void 0 : d.fillColor) || Xt(),
+      fillColor: ((d = t.transformData) == null ? void 0 : d.fillColor) || Yt(),
       fillOpacity: ((f = t.transformData) == null ? void 0 : f.fillOpacity) ?? 1
     };
   }
@@ -5338,7 +5383,7 @@ class At extends Q {
    * Clone this element
    */
   clone() {
-    return new At(this.toJSON());
+    return new kt(this.toJSON());
   }
   /**
    * Serialize to JSON
@@ -5360,7 +5405,7 @@ class At extends Q {
     };
   }
 }
-class Mt extends Q {
+class Et extends Q {
   constructor(t = {}) {
     var e, i, s, o, a, n, h, l, c, g;
     super(t), this.transformType = "path", this.transformData = {
@@ -5370,7 +5415,7 @@ class Mt extends Q {
       width: ((s = t.transformData) == null ? void 0 : s.width) || 200,
       height: ((o = t.transformData) == null ? void 0 : o.height) || 200,
       fillEnabled: ((a = t.transformData) == null ? void 0 : a.fillEnabled) ?? !1,
-      fillColor: ((n = t.transformData) == null ? void 0 : n.fillColor) || Xt(),
+      fillColor: ((n = t.transformData) == null ? void 0 : n.fillColor) || Yt(),
       fillOpacity: ((h = t.transformData) == null ? void 0 : h.fillOpacity) ?? 1,
       strokeEnabled: ((l = t.transformData) == null ? void 0 : l.strokeEnabled) ?? !0,
       strokeColor: ((c = t.transformData) == null ? void 0 : c.strokeColor) || "#000000",
@@ -5447,8 +5492,8 @@ class Mt extends Q {
           x: u.x + (((c = u.handleIn) == null ? void 0 : c.x) || 0),
           y: u.y + (((g = u.handleIn) == null ? void 0 : g.y) || 0)
         }, S = { x: u.x, y: u.y }, b = 20;
-        for (let T = 0; T <= b; T++) {
-          const C = T / b, M = this.bezierPoint(p, y, w, S, C);
+        for (let v = 0; v <= b; v++) {
+          const C = v / b, M = this.bezierPoint(p, y, w, S, C);
           e = Math.min(e, M.x), i = Math.min(i, M.y), s = Math.max(s, M.x), o = Math.max(o, M.y);
         }
       }
@@ -5636,7 +5681,7 @@ class Mt extends Q {
    * Clone this element
    */
   clone() {
-    return new Mt(this.toJSON());
+    return new Et(this.toJSON());
   }
   /**
    * Serialize to JSON
@@ -5666,7 +5711,7 @@ class Mt extends Q {
     };
   }
 }
-const Je = {
+const Qe = {
   circle: [
     {
       key: "reverse",
@@ -5679,7 +5724,7 @@ const Je = {
     {
       key: "archHeight",
       label: "Arch Height",
-      defaultInternalValue: Ye.archHeight,
+      defaultInternalValue: $e.archHeight,
       // Slider 0-100 maps to internal -1 to 1
       toSlider: (r) => (r + 1) / 2 * 100,
       fromSlider: (r) => r / 100 * 2 - 1,
@@ -5732,7 +5777,7 @@ const Je = {
     {
       key: "leanAmount",
       label: "Lean Amount",
-      defaultInternalValue: _e.leanAmount,
+      defaultInternalValue: Ve.leanAmount,
       // Slider 0-100 maps to internal -0.5 to 0.5
       // Display as -100% to 100%
       toSlider: (r) => (r + 0.5) * 100,
@@ -5744,7 +5789,7 @@ const Je = {
     {
       key: "ascendAngle",
       label: "Ascend Amount",
-      defaultInternalValue: Ne.ascendAngle,
+      defaultInternalValue: Je.ascendAngle,
       // Slider 0-100 maps to internal angle +30° to -30°
       // Display: slider 0 = -100% (down), slider 50 = 0%, slider 100 = +100% (up)
       toSlider: (r) => (30 - r) / 60 * 100,
@@ -5820,53 +5865,53 @@ const Je = {
       toDisplay: (r) => `${(r * 100).toFixed(0)}%`
     }
   ]
-}, Jt = [
-  { id: "custom", label: "CUSTOM", Component: He },
+}, Zt = [
+  { id: "custom", label: "CUSTOM", Component: Xe },
   // NOTE: distort transform is not yet implemented. Removed from registry
   // to prevent it from appearing in UI that iterates over registered transforms.
   // Re-add with a valid Component when implementation is ready.
-  { id: "circle", label: "CIRCLE", Component: ze },
-  { id: "lean", label: "LEAN", Component: $e },
-  { id: "arch", label: "ARCH", Component: Xe },
-  { id: "ascend", label: "ASCEND", Component: Ve },
-  { id: "wave", label: "WAVE", Component: Ue },
-  { id: "flag", label: "FLAG", Component: Ge },
-  { id: "shape", label: "SHAPE", Component: At },
-  { id: "path", label: "PATH", Component: Mt },
-  { id: "image", label: "IMAGE", Component: pt },
+  { id: "circle", label: "CIRCLE", Component: Ue },
+  { id: "lean", label: "LEAN", Component: Ze },
+  { id: "arch", label: "ARCH", Component: Ge },
+  { id: "ascend", label: "ASCEND", Component: Ke },
+  { id: "wave", label: "WAVE", Component: qe },
+  { id: "flag", label: "FLAG", Component: je },
+  { id: "shape", label: "SHAPE", Component: kt },
+  { id: "path", label: "PATH", Component: Et },
+  { id: "image", label: "IMAGE", Component: yt },
   // Use a getter to break circular dependency: GroupElement imports getTransformById
   // from this module, so GroupElement may be in the TDZ during module evaluation.
   // The getter defers access until runtime when both modules are fully initialized.
   { id: "group", label: "GROUP", get Component() {
-    return ut;
+    return mt;
   } }
-], qt = new Set(Jt.map((r) => r.id)), ft = /* @__PURE__ */ new Map();
-function ss(r, t) {
-  if (qt.has(r))
+], Kt = new Set(Zt.map((r) => r.id)), ut = /* @__PURE__ */ new Map();
+function ds(r, t) {
+  if (Kt.has(r))
     throw new Error(
       `Cannot register transform type "${r}": conflicts with built-in type`
     );
-  if (ft.has(r))
+  if (ut.has(r))
     throw new Error(
       `Cannot register transform type "${r}": already registered as a custom type`
     );
-  ft.set(r, t);
+  ut.set(r, t);
 }
-function os(r) {
-  if (qt.has(r))
+function gs(r) {
+  if (Kt.has(r))
     throw new Error(
       `Cannot unregister transform type "${r}": built-in types cannot be removed`
     );
-  return ft.delete(r);
+  return ut.delete(r);
 }
-function qe(r) {
-  const t = Jt.find((e) => e.id === r);
-  return t || ft.get(r);
+function ti(r) {
+  const t = Zt.find((e) => e.id === r);
+  return t || ut.get(r);
 }
-function rs(r) {
-  return Je[r] || [];
+function fs(r) {
+  return Qe[r] || [];
 }
-class ut extends Q {
+class mt extends Q {
   constructor(t = {}) {
     super(t), this.isGroup = !0, this._baseBBoxWidth = 0, this._baseBBoxHeight = 0, this._rotationCenterX = 0, this._rotationCenterY = 0, this.transformType = "group";
     const e = t.children || [];
@@ -5881,7 +5926,7 @@ class ut extends Q {
    */
   // eslint-disable-next-line @typescript-eslint/no-explicit-any -- JSON deserialization: config comes from toJSON() and constructors accept Partial<Config> with varying signatures
   _reconstructChildFromJSON(t) {
-    const e = t.transformType || t.type, i = qe(e);
+    const e = t.transformType || t.type, i = ti(e);
     if (!i || !i.Component)
       throw new Error(`Unknown transform type: ${e}`);
     return new i.Component(t);
@@ -5968,7 +6013,7 @@ class ut extends Q {
    */
   render(t, e = !1, i = !1) {
     const s = this.children.filter((a) => a.visible !== !1);
-    s.some((a) => a.isClipping) ? Ae()(t, s) : s.forEach((a) => {
+    s.some((a) => a.isClipping) ? Ee()(t, s) : s.forEach((a) => {
       a.render(t, !1);
     }), e ? this._renderGroupOutline(t, 1) : i && this._renderGroupOutline(t, 0.3);
   }
@@ -5978,7 +6023,7 @@ class ut extends Q {
    */
   _renderGroupOutline(t, e = 1) {
     const i = this.getOrientedBoundingBox();
-    t.save(), t.globalAlpha = e, t.strokeStyle = zt(), t.lineWidth = 2, t.setLineDash([5, 5]);
+    t.save(), t.globalAlpha = e, t.strokeStyle = _t(), t.lineWidth = 2, t.setLineDash([5, 5]);
     const s = this._rotationCenterX || this.x, o = this._rotationCenterY || this.y;
     this.rotation !== 0 && (t.translate(s, o), t.rotate(-this.rotation * Math.PI / 180), t.translate(-s, -o)), t.strokeRect(i.x, i.y, i.width, i.height), t.setLineDash([]), t.restore();
   }
@@ -6055,16 +6100,16 @@ class ut extends Q {
     }
     const c = -s.rotation * Math.PI / 180, g = Math.cos(c), d = Math.sin(c), f = s.x + (h * g - l * d), u = s.y + (h * d + l * g);
     this.children.forEach((y, w) => {
-      const S = s.childrenStartData[w], b = S.x - f, T = S.y - u, C = f + b * n, M = u + T * n;
-      if (y.x = C, y.y = M, y instanceof pt) {
-        const F = S.transformData, v = F.width * n, D = F.height * n;
-        y.transformData.width = v, y.transformData.height = D;
-      } else if (y instanceof ut) {
-        const F = (S.width ?? 0) * n, v = (S.height ?? 0) * n;
-        y.resize(t, F, v, S);
+      const S = s.childrenStartData[w], b = S.x - f, v = S.y - u, C = f + b * n, M = u + v * n;
+      if (y.x = C, y.y = M, y instanceof yt) {
+        const F = S.transformData, T = F.width * n, D = F.height * n;
+        y.transformData.width = T, y.transformData.height = D;
+      } else if (y instanceof mt) {
+        const F = (S.width ?? 0) * n, T = (S.height ?? 0) * n;
+        y.resize(t, F, T, S);
       } else {
-        const F = (S.width ?? 0) * n, v = (S.height ?? 0) * n;
-        y.resize(t, F, v, S);
+        const F = (S.width ?? 0) * n, T = (S.height ?? 0) * n;
+        y.resize(t, F, T, S);
       }
     }), this._baseBBoxWidth = s.width * n, this._baseBBoxHeight = s.height * n;
     const m = s.x - f, p = s.y - u;
@@ -6121,7 +6166,7 @@ class ut extends Q {
    * Clone the group (deep copy with children)
    */
   clone() {
-    const t = this.children.map((i) => i.clone()), e = new ut({
+    const t = this.children.map((i) => i.clone()), e = new mt({
       id: this.id,
       x: this.x,
       y: this.y,
@@ -6311,6 +6356,18 @@ class Z {
     return t.byId = new Map(this.byId), t.order = [...this.order], t;
   }
 }
+class us extends Error {
+  constructor(t, e, i = {}) {
+    super(`[Editor] ${t}: ${e}`), this.name = "EditorError", this.code = t, this.data = { code: t, ...i };
+  }
+}
+function ms(r) {
+  return r instanceof Error && r.name === "EditorError" && "code" in r;
+}
+function ps() {
+  var r;
+  return typeof ft < "u" && ((r = ft.env) == null ? void 0 : r.NODE_ENV) !== "production";
+}
 class $ {
   /**
    * Execute the command
@@ -6325,7 +6382,7 @@ class $ {
     throw new Error("Command.undo() must be implemented");
   }
 }
-class ns extends $ {
+class ys extends $ {
   constructor(t, e, i, s) {
     super(), this.elementId = t, this.oldElement = e ? e.clone() : null, this.newElement = i ? i.clone() : null, this.onUpdate = s;
   }
@@ -6336,7 +6393,7 @@ class ns extends $ {
     this.oldElement && this.onUpdate(this.oldElement);
   }
 }
-class as extends $ {
+class ws extends $ {
   constructor(t, e, i) {
     super(), this.element = t.clone(), this.onAdd = e, this.onRemove = i;
   }
@@ -6347,7 +6404,7 @@ class as extends $ {
     this.onRemove(this.element.id);
   }
 }
-class hs extends $ {
+class bs extends $ {
   constructor(t, e, i) {
     super(), this.element = t.clone(), this.onAdd = e, this.onRemove = i;
   }
@@ -6358,7 +6415,7 @@ class hs extends $ {
     this.onAdd(this.element);
   }
 }
-class je extends $ {
+class ei extends $ {
   constructor(t) {
     super(), this.commands = t;
   }
@@ -6390,7 +6447,7 @@ class ct {
   executeBatch(t) {
     if (t.length === 0)
       return;
-    const e = new je(t);
+    const e = new ei(t);
     this.execute(e);
   }
   /**
@@ -6435,7 +6492,7 @@ class ct {
     };
   }
 }
-class ls extends $ {
+class xs extends $ {
   constructor(t, e) {
     super(), this.artboard = t.clone(), this.artboardManager = e;
   }
@@ -6455,7 +6512,7 @@ class ls extends $ {
     this.artboardManager.deleteArtboard(this.artboard.id);
   }
 }
-class cs extends $ {
+class Ss extends $ {
   constructor(t, e) {
     super(), this.artboard = t.clone(), this.artboardManager = e, this.elementsOnArtboard = t.getElementIds();
   }
@@ -6478,7 +6535,7 @@ class cs extends $ {
     });
   }
 }
-class ds extends $ {
+class Cs extends $ {
   constructor(t, e, i, s) {
     super(), this.artboardId = t, this.oldProperties = { ...e }, this.newProperties = { ...i }, this.artboardManager = s;
   }
@@ -6489,7 +6546,7 @@ class ds extends $ {
     this.artboardManager.updateArtboard(this.artboardId, this.oldProperties);
   }
 }
-class gs extends $ {
+class vs extends $ {
   constructor(t, e, i, s, o) {
     super(), this.draggedId = t, this.targetId = e, this.position = i, this.oldOrder = [...s], this.onReorder = o, this.newOrder = this.calculateNewOrder();
   }
@@ -6509,8 +6566,8 @@ class gs extends $ {
     this.onReorder(this.oldOrder);
   }
 }
-const Ze = mt("HybridHistoryManager");
-class fs {
+const ii = pt("HybridHistoryManager");
+class Ts {
   constructor(t, e = 50) {
     this.commandExecutedCallbacks = [], this.globalHistory = new ct(e), this.artboardHistories = /* @__PURE__ */ new Map(), this.lastOperation = null, this.artboardManager = t, this.maxHistorySize = e;
   }
@@ -6532,7 +6589,7 @@ class fs {
       try {
         s(t, e, i);
       } catch (o) {
-        Ze.error("Error in command executed callback:", o);
+        ii.error("Error in command executed callback:", o);
       }
   }
   /**
@@ -6804,12 +6861,12 @@ class fs {
     return this.canRedoGlobal() ? "Redo artboard operation" : "Nothing to redo";
   }
 }
-const G = mt("FontAnalyzer");
-let bt = null;
-async function Ke() {
-  return bt || (bt = await import("./browser-module-DFvKXBUE.js")), bt;
+const G = pt("FontAnalyzer");
+let St = null;
+async function si() {
+  return St || (St = await import("./browser-module-DFvKXBUE.js")), St;
 }
-class Qe {
+class oi {
   constructor() {
     this.fontCache = /* @__PURE__ */ new Map(), this.failedFonts = /* @__PURE__ */ new Set(), this.CACHE_DURATION = 1e3 * 60 * 30, this.MAX_CACHE_SIZE = 5;
   }
@@ -6829,7 +6886,7 @@ class Qe {
    * Check if a font is a system font
    */
   isSystemFont(t) {
-    return we.has(t);
+    return Se.has(t);
   }
   /**
    * Get Google Fonts API URL for a specific font family
@@ -6877,7 +6934,7 @@ class Qe {
       const a = await fetch(o);
       if (!a.ok)
         return G.error(`Font fetch failed: ${a.status} ${a.statusText}`), this.failedFonts.add(i), null;
-      const n = await a.arrayBuffer(), h = new Uint8Array(n), c = (await Ke()).create(h), g = "fonts" in c ? c.fonts[0] : c;
+      const n = await a.arrayBuffer(), h = new Uint8Array(n), c = (await si()).create(h), g = "fonts" in c ? c.fonts[0] : c;
       return this.fontCache.set(i, {
         font: g,
         url: o,
@@ -7022,13 +7079,13 @@ class Qe {
                     const S = w.coverage;
                     if (!S) continue;
                     if (this.getCoverageIndex(S, n.id) !== -1) {
-                      const T = this.getSubstituteGlyph(w, n.id);
-                      T !== null && o.push({
-                        glyphIndex: T,
+                      const v = this.getSubstituteGlyph(w, n.id);
+                      v !== null && o.push({
+                        glyphIndex: v,
                         unicode: e,
                         name: `${e} (${m})`,
                         category: this.categorizeFeature(m),
-                        previewDataUrl: this.generateGlyphPreview(s, T, 80)
+                        previewDataUrl: this.generateGlyphPreview(s, v, 80)
                       });
                     }
                   }
@@ -7036,9 +7093,9 @@ class Qe {
                   for (const w of y.subtables || []) {
                     const S = w.coverage;
                     if (!S) continue;
-                    const b = this.getCoverageIndex(S, n.id), T = w;
-                    if (b !== -1 && T.alternateSets) {
-                      const C = T.alternateSets[b];
+                    const b = this.getCoverageIndex(S, n.id), v = w;
+                    if (b !== -1 && v.alternateSets) {
+                      const C = v.alternateSets[b];
                       if (C)
                         for (const M of C)
                           o.push({
@@ -7228,126 +7285,134 @@ class Qe {
     };
   }
 }
-const us = new Qe();
+const Fs = new oi();
 export {
-  Te as $,
+  ve as $,
   nt as A,
   Q as B,
-  he as C,
-  Xe as D,
-  ti as E,
-  Ti as F,
-  ut as G,
-  Ve as H,
-  pt as I,
-  ze as J,
-  He as K,
-  Z as L,
-  Ge as M,
-  fs as N,
-  $e as O,
-  Mt as P,
-  xe as Q,
+  Fs as C,
+  ps as D,
+  us as E,
+  Di as F,
+  mt as G,
+  de as H,
+  yt as I,
+  De as J,
+  Dt as K,
+  Ei as L,
+  Oi as M,
+  Ge as N,
+  ri as O,
+  Et as P,
+  Ke as Q,
   L as R,
-  At as S,
+  kt as S,
   q as T,
-  ns as U,
-  Pe as V,
-  Ue as W,
-  ji as X,
-  qi as Y,
-  Zi as Z,
-  Ki as _,
-  Ui as a,
-  _e as a$,
-  Oe as a0,
-  Ee as a1,
-  at as a2,
-  Bt as a3,
-  vt as a4,
-  Rt as a5,
-  Yt as a6,
-  Ji as a7,
-  j as a8,
-  yt as a9,
-  is as aA,
-  ge as aB,
-  si as aC,
-  ci as aD,
-  ts as aE,
-  fe as aF,
-  Qi as aG,
-  Le as aH,
-  es as aI,
-  wi as aJ,
-  hi as aK,
-  li as aL,
-  ai as aM,
-  de as aN,
-  ni as aO,
-  ri as aP,
-  ii as aQ,
-  xi as aR,
-  bi as aS,
-  oi as aT,
-  pi as aU,
-  yi as aV,
-  ui as aW,
-  ei as aX,
-  Jt as aY,
-  rs as aZ,
-  Ci as a_,
-  Vi as aa,
-  be as ab,
-  Fi as ac,
-  Ai as ad,
-  J as ae,
-  as as af,
-  hs as ag,
-  ls as ah,
-  cs as ai,
-  ds as aj,
-  gs as ak,
-  pe as al,
-  ye as am,
-  mi as an,
-  Ye as ao,
-  ot as ap,
-  vi as aq,
-  Ft as ar,
-  Xt as as,
-  di as at,
-  zt as au,
-  gi as av,
-  fi as aw,
-  I as ax,
-  P as ay,
-  Si as az,
-  Ni as b,
-  rt as b0,
-  mt as c,
-  Li as d,
-  Di as e,
-  Pi as f,
-  qe as g,
-  $i as h,
-  Ii as i,
-  Mi as j,
-  Ei as k,
-  Wi as l,
-  Bi as m,
-  Hi as n,
-  Oi as o,
-  Gi as p,
-  Xi as q,
-  ss as r,
-  _i as s,
-  zi as t,
-  os as u,
-  Yi as v,
-  Ri as w,
-  ki as x,
-  It as y,
-  us as z
+  ys as U,
+  Ue as V,
+  Xe as W,
+  Z as X,
+  je as Y,
+  Ts as Z,
+  Ze as _,
+  Ki as a,
+  Si as a$,
+  qe as a0,
+  Ne as a1,
+  os as a2,
+  ss as a3,
+  rs as a4,
+  ns as a5,
+  Ae as a6,
+  Le as a7,
+  Pe as a8,
+  at as a9,
+  pi as aA,
+  _t as aB,
+  yi as aC,
+  wi as aD,
+  I as aE,
+  P as aF,
+  Ai as aG,
+  cs as aH,
+  me as aI,
+  hi as aJ,
+  mi as aK,
+  hs as aL,
+  pe as aM,
+  as as aN,
+  _e as aO,
+  ls as aP,
+  vi as aQ,
+  fi as aR,
+  ui as aS,
+  gi as aT,
+  ue as aU,
+  di as aV,
+  ci as aW,
+  ai as aX,
+  Fi as aY,
+  Ti as aZ,
+  li as a_,
+  Pt as aa,
+  Mt as ab,
+  Lt as ac,
+  Ut as ad,
+  is as ae,
+  j as af,
+  wt as ag,
+  es as ah,
+  Ce as ai,
+  Bi as aj,
+  Ri as ak,
+  J as al,
+  ws as am,
+  bs as an,
+  xs as ao,
+  Ss as ap,
+  Cs as aq,
+  vs as ar,
+  be as as,
+  xe as at,
+  xi as au,
+  $e as av,
+  ot as aw,
+  Ii as ax,
+  It as ay,
+  Yt as az,
+  Zi as b,
+  Ci as b0,
+  bi as b1,
+  ni as b2,
+  Zt as b3,
+  fs as b4,
+  Mi as b5,
+  Ve as b6,
+  rt as b7,
+  ki as b8,
+  pt as c,
+  Gi as d,
+  Pi as e,
+  Ui as f,
+  ti as g,
+  ts as h,
+  Li as i,
+  Hi as j,
+  zi as k,
+  $i as l,
+  Ni as m,
+  Yi as n,
+  Xi as o,
+  Qi as p,
+  Ji as q,
+  ds as r,
+  ji as s,
+  Vi as t,
+  gs as u,
+  qi as v,
+  _i as w,
+  Wi as x,
+  ms as y,
+  ft as z
 };
-//# sourceMappingURL=FontAnalyzer-D4Sg-P6_.js.map
+//# sourceMappingURL=FontAnalyzer-BYhwxDhe.js.map