@snowcone-app/canvas 0.31.0 → 0.33.0

package/dist/{FontAnalyzer-BYhwxDhe.js → FontAnalyzer-BrKY6XYn.js}

@@ -1,82 +1,82 @@
-function ne(r) {
-  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+function ge(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
-var Wt = { exports: {} }, O = Wt.exports = {}, X, N;
-function Ct() {
+var Yt = { exports: {} }, O = Yt.exports = {}, _, z;
+function Tt() {
   throw new Error("setTimeout has not been defined");
 }
-function vt() {
+function Ft() {
   throw new Error("clearTimeout has not been defined");
 }
 (function() {
   try {
-    typeof setTimeout == "function" ? X = setTimeout : X = Ct;
+    typeof setTimeout == "function" ? _ = setTimeout : _ = Tt;
   } catch {
-    X = Ct;
+    _ = Tt;
   }
   try {
-    typeof clearTimeout == "function" ? N = clearTimeout : N = vt;
+    typeof clearTimeout == "function" ? z = clearTimeout : z = Ft;
   } catch {
-    N = vt;
+    z = Ft;
   }
 })();
-function zt(r) {
-  if (X === setTimeout)
-    return setTimeout(r, 0);
-  if ((X === Ct || !X) && setTimeout)
-    return X = setTimeout, setTimeout(r, 0);
+function Ut(o) {
+  if (_ === setTimeout)
+    return setTimeout(o, 0);
+  if ((_ === Tt || !_) && setTimeout)
+    return _ = setTimeout, setTimeout(o, 0);
   try {
-    return X(r, 0);
+    return _(o, 0);
   } catch {
     try {
-      return X.call(null, r, 0);
+      return _.call(null, o, 0);
     } catch {
-      return X.call(this, r, 0);
+      return _.call(this, o, 0);
     }
   }
 }
-function ae(r) {
-  if (N === clearTimeout)
-    return clearTimeout(r);
-  if ((N === vt || !N) && clearTimeout)
-    return N = clearTimeout, clearTimeout(r);
+function fe(o) {
+  if (z === clearTimeout)
+    return clearTimeout(o);
+  if ((z === Ft || !z) && clearTimeout)
+    return z = clearTimeout, clearTimeout(o);
   try {
-    return N(r);
+    return z(o);
   } catch {
     try {
-      return N.call(null, r);
+      return z.call(null, o);
     } catch {
-      return N.call(this, r);
+      return z.call(this, o);
     }
   }
 }
-var _ = [], K = !1, V, dt = -1;
-function he() {
-  !K || !V || (K = !1, V.length ? _ = V.concat(_) : dt = -1, _.length && Xt());
+var X = [], Q = !1, J, ft = -1;
+function ue() {
+  !Q || !J || (Q = !1, J.length ? X = J.concat(X) : ft = -1, X.length && Gt());
 }
-function Xt() {
-  if (!K) {
-    var r = zt(he);
-    K = !0;
-    for (var t = _.length; t; ) {
-      for (V = _, _ = []; ++dt < t; )
-        V && V[dt].run();
-      dt = -1, t = _.length;
+function Gt() {
+  if (!Q) {
+    var o = Ut(ue);
+    Q = !0;
+    for (var t = X.length; t; ) {
+      for (J = X, X = []; ++ft < t; )
+        J && J[ft].run();
+      ft = -1, t = X.length;
     }
-    V = null, K = !1, ae(r);
+    J = null, Q = !1, fe(o);
   }
 }
-O.nextTick = function(r) {
+O.nextTick = function(o) {
   var t = new Array(arguments.length - 1);
   if (arguments.length > 1)
     for (var e = 1; e < arguments.length; e++)
       t[e - 1] = arguments[e];
-  _.push(new Nt(r, t)), _.length === 1 && !K && zt(Xt);
+  X.push(new $t(o, t)), X.length === 1 && !Q && Ut(Gt);
 };
-function Nt(r, t) {
-  this.fun = r, this.array = t;
+function $t(o, t) {
+  this.fun = o, this.array = t;
 }
-Nt.prototype.run = function() {
+$t.prototype.run = function() {
   this.fun.apply(null, this.array);
 };
 O.title = "browser";
@@ -96,27 +96,27 @@ O.removeAllListeners = Y;
 O.emit = Y;
 O.prependListener = Y;
 O.prependOnceListener = Y;
-O.listeners = function(r) {
+O.listeners = function(o) {
   return [];
 };
-O.binding = function(r) {
+O.binding = function(o) {
   throw new Error("process.binding is not supported");
 };
 O.cwd = function() {
   return "/";
 };
-O.chdir = function(r) {
+O.chdir = function(o) {
   throw new Error("process.chdir is not supported");
 };
 O.umask = function() {
   return 0;
 };
-var le = Wt.exports;
-const ft = /* @__PURE__ */ ne(le);
-let Bt = 1;
-class nt {
+var me = Yt.exports;
+const mt = /* @__PURE__ */ ge(me);
+let Ht = 1;
+class at {
   constructor(t = {}) {
-    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 || []);
+    this.transformType = "artboard", this.id = t.id || `artboard-${Ht++}`, this.name = t.name || `Artboard ${Ht}`, 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
@@ -192,14 +192,14 @@ class nt {
    * Returns true if point is near the border (within tolerance)
    */
   hitTestBorder(t, e, i = 5) {
-    const s = t >= this.x - i && t <= this.x + this.width + i, o = e >= this.y - i && e <= this.y + this.height + i, a = Math.abs(t - this.x) <= i && o, n = Math.abs(t - (this.x + this.width)) <= i && o, h = Math.abs(e - this.y) <= i && s, l = Math.abs(e - (this.y + this.height)) <= i && s;
-    return a || n || h || l;
+    const s = t >= this.x - i && t <= this.x + this.width + i, r = e >= this.y - i && e <= this.y + this.height + i, h = Math.abs(t - this.x) <= i && r, n = Math.abs(t - (this.x + this.width)) <= i && r, a = Math.abs(e - this.y) <= i && s, l = Math.abs(e - (this.y + this.height)) <= i && s;
+    return h || n || a || l;
   }
   /**
    * Clone the artboard
    */
   clone() {
-    return new nt({
+    return new at({
       id: this.id,
       name: this.name,
       x: this.x,
@@ -253,7 +253,7 @@ class nt {
    * Create from JSON
    */
   static fromJSON(t) {
-    return new nt(t);
+    return new at(t);
   }
   /**
    * Update artboard properties
@@ -274,7 +274,7 @@ class nt {
     this.x = t, this.y = e;
   }
 }
-class ri {
+class ui {
   constructor() {
     this.artboards = /* @__PURE__ */ new Map(), this.elementToArtboard = /* @__PURE__ */ new Map(), this.activeArtboardId = null;
   }
@@ -290,7 +290,7 @@ class ri {
    * callbacks until the controlled activeArtboard prop has been synced.
    */
   createArtboard(t = {}) {
-    const e = new nt(t);
+    const e = new at(t);
     return this.artboards.set(e.id, e), this.activeArtboardId = e.id, e;
   }
   /**
@@ -355,8 +355,8 @@ class ri {
       return !1;
     const s = this.elementToArtboard.get(t);
     if (s) {
-      const o = this.artboards.get(s);
-      o == null || o.removeElementId(t);
+      const r = this.artboards.get(s);
+      r == null || r.removeElementId(t);
     }
     return i.addElementId(t), this.elementToArtboard.set(t, e), !0;
   }
@@ -406,9 +406,9 @@ class ri {
    */
   findArtboardBorderAtPoint(t, e, i = 5) {
     const s = Array.from(this.artboards.values()).reverse();
-    for (const o of s)
-      if (o.hitTestBorder(t, e, i))
-        return o;
+    for (const r of s)
+      if (r.hitTestBorder(t, e, i))
+        return r;
     return null;
   }
   /**
@@ -472,7 +472,7 @@ class ri {
    */
   fromJSON(t) {
     this.clear(), t.artboards.forEach((e) => {
-      const i = nt.fromJSON(e);
+      const i = at.fromJSON(e);
       this.artboards.set(i.id, i), i.getElementIds().forEach((s) => {
         this.elementToArtboard.set(s, i.id);
       });
@@ -487,8 +487,8 @@ class ri {
     for (const [i, s] of this.elementToArtboard.entries())
       e.has(i) || this.removeElementFromArtboard(i);
     for (const i of this.artboards.values()) {
-      const s = i.getElementIds().filter((o) => e.has(o));
-      i.clearElementIds(), s.forEach((o) => i.addElementId(o));
+      const s = i.getElementIds().filter((r) => e.has(r));
+      i.clearElementIds(), s.forEach((r) => i.addElementId(r));
     }
   }
 }
@@ -499,8 +499,8 @@ const I = {
    * @param {number} degrees - Rotation in degrees (positive = clockwise in UI)
    * @returns {number} Rotation in radians for canvas context
    */
-  toRadians(r) {
-    return -r * Math.PI / 180;
+  toRadians(o) {
+    return -o * Math.PI / 180;
   },
   /**
    * Inverse transform (world → local, for hit testing)
@@ -508,21 +508,21 @@ const I = {
    * @param {number} degrees - Rotation in degrees
    * @returns {number} Rotation in radians
    */
-  toRadiansInverse(r) {
-    return r * Math.PI / 180;
+  toRadiansInverse(o) {
+    return o * Math.PI / 180;
   },
   /**
    * Normalize angle to -180 to +180 range
    * @param {number} degrees - Angle in degrees
    * @returns {number} Normalized angle in range [-180, 180]
    */
-  normalize(r) {
-    let t = (r % 360 + 360) % 360;
+  normalize(o) {
+    let t = (o % 360 + 360) % 360;
     return t > 180 && (t -= 360), t;
   }
 };
-let ce = 1;
-class Q {
+let pe = 1;
+class tt {
   /** Whether this element clips content below it (derived from blendMode === 'clip') */
   get isClipping() {
     return this.blendMode === "clip";
@@ -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-${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;
+    this.id = t.id || `element-${pe++}`, 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, this.shadow = t.shadow, 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)
@@ -554,7 +554,7 @@ class Q {
    * Uses visual bounding box for better user experience
    */
   hitTest(t, e) {
-    const i = this.getVisualBoundingBox(), s = this.getRotationAnchor(), o = I.toRadiansInverse(this.rotation), a = Math.cos(o), n = Math.sin(o), h = t - s.x, l = e - s.y, c = h * a - l * n, g = h * n + l * a, d = s.x + c, f = s.y + g;
+    const i = this.getVisualBoundingBox(), s = this.getRotationAnchor(), r = I.toRadiansInverse(this.rotation), h = Math.cos(r), n = Math.sin(r), a = t - s.x, l = e - s.y, c = a * h - l * n, g = a * n + l * h, d = s.x + c, f = s.y + g;
     return d >= i.x && d <= i.x + i.width && f >= i.y && f <= i.y + i.height;
   }
   /**
@@ -591,6 +591,7 @@ class Q {
         masks: this.masks.map((t) => ({ ...t, maskElement: structuredClone(t.maskElement) }))
       },
       ...this.distressEffect && { distressEffect: { ...this.distressEffect } },
+      ...this.shadow && { shadow: { ...this.shadow } },
       // Layer properties (only include if defined)
       ...this.name && { name: this.name },
       ...this.visible !== void 0 && { visible: this.visible },
@@ -665,10 +666,10 @@ class P {
    * @returns Point in local coordinates
    */
   worldToLocal(t, e) {
-    const i = this.element.rotation * Math.PI / 180, s = Math.cos(i), o = Math.sin(i), a = t - this.element.x, n = e - this.element.y;
+    const i = this.element.rotation * Math.PI / 180, s = Math.cos(i), r = Math.sin(i), h = t - this.element.x, n = e - this.element.y;
     return {
-      x: a * s - n * o,
-      y: a * o + n * s
+      x: h * s - n * r,
+      y: h * r + n * s
     };
   }
   /**
@@ -681,9 +682,9 @@ class P {
    * @returns Point in world coordinates
    */
   localToWorld(t, e) {
-    const i = -this.element.rotation * Math.PI / 180, s = Math.cos(i), o = Math.sin(i), a = t * s - e * o, n = t * o + e * s;
+    const i = -this.element.rotation * Math.PI / 180, s = Math.cos(i), r = Math.sin(i), h = t * s - e * r, n = t * r + e * s;
     return {
-      x: this.element.x + a,
+      x: this.element.x + h,
       y: this.element.y + n
     };
   }
@@ -697,10 +698,10 @@ class P {
    * @returns Delta in local space
    */
   worldDeltaToLocal(t, e) {
-    const i = this.element.rotation * Math.PI / 180, s = Math.cos(i), o = Math.sin(i);
+    const i = this.element.rotation * Math.PI / 180, s = Math.cos(i), r = Math.sin(i);
     return {
-      dx: t * s - e * o,
-      dy: t * o + e * s
+      dx: t * s - e * r,
+      dy: t * r + e * s
     };
   }
   /**
@@ -712,10 +713,10 @@ class P {
    * @returns Delta in world space
    */
   localDeltaToWorld(t, e) {
-    const i = -this.element.rotation * Math.PI / 180, s = Math.cos(i), o = Math.sin(i);
+    const i = -this.element.rotation * Math.PI / 180, s = Math.cos(i), r = Math.sin(i);
     return {
-      dx: t * s - e * o,
-      dy: t * o + e * s
+      dx: t * s - e * r,
+      dy: t * r + e * s
     };
   }
   /**
@@ -729,8 +730,8 @@ class P {
    * @param angleDegrees - Rotation angle in degrees (positive = clockwise in UI)
    * @returns Rotated point in world space
    */
-  static rotatePointAroundAnchor(t, e, i, s, o) {
-    const a = -o * Math.PI / 180, n = Math.cos(a), h = Math.sin(a), l = t - i, c = e - s, g = l * n - c * h, d = l * h + c * n;
+  static rotatePointAroundAnchor(t, e, i, s, r) {
+    const h = -r * Math.PI / 180, n = Math.cos(h), a = Math.sin(h), l = t - i, c = e - s, g = l * n - c * a, d = l * a + c * n;
     return {
       x: i + g,
       y: s + d
@@ -791,7 +792,7 @@ class P {
     return new P(t);
   }
 }
-const de = [
+const ye = [
   // Bold/Display Fonts - Perfect for statements and headlines (49 fonts)
   {
     name: "Bebas Neue",
@@ -2267,10 +2268,10 @@ const de = [
     description: "Humanist monospace"
   }
 ];
-function ge() {
-  return de.map((r) => r.name);
+function we() {
+  return ye.map((o) => o.name);
 }
-const ni = {
+const mi = {
   system: "System Fonts",
   display: "Bold & Display",
   "sans-serif": "Sans Serif",
@@ -2282,99 +2283,99 @@ const ni = {
   decorative: "Decorative & Unique",
   monospace: "Monospace"
 };
-function _t(r) {
+function Vt(o) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0)";
-  const t = r || document.documentElement;
+  const t = o || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--accent").trim() || "oklch(0% 0 0)";
 }
-function fe(r) {
+function be(o) {
   return typeof window > "u" || typeof document > "u" ? "light" : document.documentElement.getAttribute("data-theme") || "light";
 }
-function Yt() {
-  return fe().includes("dark") ? "#60a5fa" : "#3b82f6";
+function Jt() {
+  return be().includes("dark") ? "#60a5fa" : "#3b82f6";
 }
-function ai(r) {
+function pi(o) {
   if (typeof window > "u" || typeof document > "u")
     return "#FF0000";
-  const t = r || document.documentElement;
+  const t = o || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-spacing-indicator").trim() || "#FF0000";
 }
-function hi(r = 0.1, t) {
-  const e = _t(t);
+function yi(o = 0.1, t) {
+  const e = Vt(t);
   if (e.startsWith("oklch("))
-    return `${e.slice(0, -1)} / ${r})`;
+    return `${e.slice(0, -1)} / ${o})`;
   if (e.startsWith("#")) {
-    const i = e.replace("#", ""), s = parseInt(i.substring(0, 2), 16), o = parseInt(i.substring(2, 4), 16), a = parseInt(i.substring(4, 6), 16);
-    return `rgba(${s}, ${o}, ${a}, ${r})`;
+    const i = e.replace("#", ""), s = parseInt(i.substring(0, 2), 16), r = parseInt(i.substring(2, 4), 16), h = parseInt(i.substring(4, 6), 16);
+    return `rgba(${s}, ${r}, ${h}, ${o})`;
   }
   return e;
 }
-function li(r) {
+function wi(o) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0 / 0.45)";
-  const t = r || document.documentElement;
+  const t = o || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-text-selection").trim() || "oklch(0% 0 0 / 0.45)";
 }
-function ci(r) {
+function bi(o) {
   if (typeof window > "u" || typeof document > "u")
     return "#b5f747";
-  const t = r || document.documentElement;
+  const t = o || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-accent-hover").trim() || "#b5f747";
 }
-function ue(r) {
+function xe(o) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.2103 0.0059 285.89)";
-  const t = r || document.documentElement;
+  const t = o || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--foreground").trim() || "oklch(0.2103 0.0059 285.89)";
 }
-function di(r) {
+function xi(o) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.9607 0 0)";
-  const t = r || document.documentElement;
+  const t = o || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--background").trim() || "oklch(0.9607 0 0)";
 }
-function gi(r) {
-  const t = ue(r);
+function Si(o) {
+  const t = xe(o);
   return t.startsWith("oklch(") ? `${t.slice(0, -1)} / 0.2)` : "rgba(0,0,0,0.2)";
 }
-function fi(r) {
+function Ci(o) {
   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 ui(r) {
+function vi(o) {
   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 mi(r) {
+function Ti(o) {
   if (typeof window > "u" || typeof document > "u")
     return "#b5f747";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-accent-hover-border").trim() || "#b5f747";
 }
-function pi(r) {
+function Fi(o) {
   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 yi(r) {
+function Ai(o) {
   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 wi(r) {
+function Mi(o) {
   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 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([
+const Di = 1, Ii = "#ffffff", Se = 20, ki = 6, Ei = 24, Ce = 16, ve = 36, Te = 24, Oi = 4, Bi = "#FFFFFF", Ri = 2, Hi = 0.1, Pi = we(), Li = [8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 64, 72, 96, 128], Z = 0, qt = 1.2, jt = 50, Fe = 8, Ae = 999, Me = /* @__PURE__ */ new Set([
   "Arial",
   "Arial Black",
   "Verdana",
@@ -2395,12 +2396,12 @@ const bi = 1, xi = "#ffffff", me = 20, Si = 6, Ci = 24, pe = 16, ye = 36, we = 2
   "Monaco",
   "Consolas",
   "Courier"
-]), 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 {
+]), De = 0.3;
+var Ie = /* @__PURE__ */ ((o) => (o[o.DEBUG = 0] = "DEBUG", o[o.INFO = 1] = "INFO", o[o.WARN = 2] = "WARN", o[o.ERROR = 3] = "ERROR", o[o.NONE = 4] = "NONE", o))(Ie || {});
+class ke {
   constructor() {
     var t;
-    this.level = 0, this.enabled = typeof ft < "u" && ((t = ft.env) == null ? void 0 : t.NODE_ENV) !== "production";
+    this.level = 0, this.enabled = typeof mt < "u" && ((t = mt.env) == null ? void 0 : t.NODE_ENV) !== "production";
   }
   // Only enabled in development by default
   /**
@@ -2454,10 +2455,10 @@ class Te {
    * Create a scoped logger with a prefix for a specific module
    */
   scope(t) {
-    return new Fe(this, t);
+    return new Ee(this, t);
   }
 }
-class Fe {
+class Ee {
   constructor(t, e) {
     this.logger = t, this.scopeName = e;
   }
@@ -2474,22 +2475,22 @@ class Fe {
     this.logger.error(`[${this.scopeName}] ${t}`, ...e);
   }
 }
-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);
+const Oe = new ke(), wt = (o) => Oe.scope(o), Be = wt("ImageLoadEvents"), At = /* @__PURE__ */ new Set();
+function Wi(o) {
+  return At.add(o), () => {
+    At.delete(o);
   };
 }
-function et(r) {
-  Tt.forEach((t) => {
+function it(o) {
+  At.forEach((t) => {
     try {
-      t(r);
+      t(o);
     } catch (e) {
-      Me.error("Listener error:", e);
+      Be.error("Listener error:", e);
     }
   });
 }
-class J {
+class q {
   constructor() {
     this.cache = /* @__PURE__ */ new Map();
   }
@@ -2497,7 +2498,7 @@ class J {
    * Get the singleton ImageCache instance.
    */
   static getInstance() {
-    return J.instance || (J.instance = new J()), J.instance;
+    return q.instance || (q.instance = new q()), q.instance;
   }
   /**
    * Acquire an HTMLImageElement for the given URL.
@@ -2571,61 +2572,61 @@ class J {
     this.cache.clear();
   }
 }
-const ki = Object.freeze({
+const Ni = 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;
+}), Ct = 1e-3;
+function kt(o) {
+  return o ? Math.abs(o.brightness - 1) < Ct && Math.abs(o.contrast - 1) < Ct && Math.abs(o.saturation - 1) < Ct : !0;
 }
-function De(r) {
-  if (Dt(r)) return;
+function Re(o) {
+  if (kt(o)) return;
   const t = (e) => Math.round(e * 100) / 100;
   return {
-    brightness: t(r.brightness),
-    contrast: t(r.contrast),
-    saturation: t(r.saturation)
+    brightness: t(o.brightness),
+    contrast: t(o.contrast),
+    saturation: t(o.saturation)
   };
 }
-function Ei(r) {
-  if (Dt(r)) return "neutral";
-  const t = r;
+function _i(o) {
+  if (kt(o)) return "neutral";
+  const t = o;
   return `b${t.brightness}c${t.contrast}s${t.saturation}`;
 }
-let Ft = null;
-function Oi(r) {
-  Ft = r;
+let Mt = null;
+function zi(o) {
+  Mt = o;
 }
-function Ie(r, t) {
-  if (Dt(t)) return r;
-  if (!Ft)
+function He(o, t) {
+  if (kt(t)) return o;
+  if (!Mt)
     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);
+  return Mt(o, t);
 }
-const it = pt("ImageElement"), Rt = 3e4, Ht = 3, ke = 1e3;
-function x(r) {
-  return r.transformData;
+const st = wt("ImageElement"), Pt = 3e4, Lt = 3, Pe = 1e3;
+function x(o) {
+  return o.transformData;
 }
-class yt extends Q {
+class bt extends tt {
   // Track URL acquired from ImageCache for release on destroy
   constructor(t = {}) {
-    var i, s, o, a, n, h, l, c, g, d, f;
+    var i, s, r, h, n, a, 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: ((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,
+      cropX: ((r = t.transformData) == null ? void 0 : r.cropX) ?? 0,
+      cropY: ((h = t.transformData) == null ? void 0 : h.cropY) ?? 0,
       cropWidth: ((n = t.transformData) == null ? void 0 : n.cropWidth) ?? 1,
-      cropHeight: ((h = t.transformData) == null ? void 0 : h.cropHeight) ?? 1,
+      cropHeight: ((a = t.transformData) == null ? void 0 : a.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);
+    const e = Re((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);
   }
   /**
@@ -2651,44 +2652,44 @@ class yt extends Q {
    * across multiple ImageElement instances.
    */
   attemptLoadRegularImage(t) {
-    var h;
+    var a;
     this.clearLoadTimeout(), this.releaseImageCache();
-    const i = J.getInstance().acquire(t);
+    const i = q.getInstance().acquire(t);
     this.cachedImageUrl = t;
     let s = !1;
-    const o = () => {
+    const r = () => {
       s = !0, this.clearLoadTimeout();
     };
     if (i.complete && i.naturalWidth > 0) {
-      o(), this.imageElement = i, this.imageLoaded = !0, this.imageLoadState = "loaded", this.imageLoadError = null, this.imageAspectRatio = i.naturalWidth / i.naturalHeight, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), et(this.id);
+      r(), this.imageElement = i, this.imageLoaded = !0, this.imageLoadState = "loaded", this.imageLoadError = null, this.imageAspectRatio = i.naturalWidth / i.naturalHeight, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), it(this.id);
       return;
     }
-    const a = i.onload, n = i.onerror;
+    const h = i.onload, n = i.onerror;
     i.onload = (l) => {
-      s || (o(), this.imageElement = i, this.imageLoaded = !0, this.imageLoadState = "loaded", this.imageLoadError = null, this.imageAspectRatio = i.naturalWidth / i.naturalHeight, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), et(this.id), a && a !== i.onload && a(l));
+      s || (r(), this.imageElement = i, this.imageLoaded = !0, this.imageLoadState = "loaded", this.imageLoadError = null, this.imageAspectRatio = i.naturalWidth / i.naturalHeight, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), it(this.id), h && h !== i.onload && h(l));
     }, i.onerror = (l) => {
       if (s) return;
-      o();
+      r();
       const c = new Error(`Failed to load image: ${t}`);
       this.handleLoadFailure(t, c), n && n !== i.onerror && n(l);
     }, this.loadTimeoutId = setTimeout(() => {
       if (s) return;
-      o(), i.src = "";
-      const l = new Error(`Image load timed out after ${Rt}ms: ${t}`);
+      r(), i.src = "";
+      const l = new Error(`Image load timed out after ${Pt}ms: ${t}`);
       this.handleLoadFailure(t, l);
-    }, 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")));
+    }, Pt), (!i.src || i.src !== t) && (i.src = t), !s && i.complete && i.naturalWidth > 0 && ((a = i.onload) == null || a.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 < 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(() => {
+    if (this.retryAttempt++, this.retryAttempt < Lt) {
+      const i = Pe * Math.pow(2, this.retryAttempt - 1);
+      st.warn(`Image load attempt ${this.retryAttempt} failed, retrying in ${i}ms:`, t), this.imageLoadState = "retrying", this.imageLoadError = e, it(this.id), this.loadTimeoutId = setTimeout(() => {
         this.attemptLoadRegularImage(t);
       }, i);
     } else
-      it.error(`Image load failed after ${Ht} attempts:`, t), this.imageLoaded = !1, this.imageLoadState = "error", this.imageLoadError = e, et(this.id);
+      st.error(`Image load failed after ${Lt} attempts:`, t), this.imageLoaded = !1, this.imageLoadState = "error", this.imageLoadError = e, it(this.id);
   }
   /**
    * Clear any pending load timeout
@@ -2701,14 +2702,14 @@ class yt extends Q {
    * Called when switching URLs or destroying the element.
    */
   releaseImageCache() {
-    this.cachedImageUrl && (J.getInstance().release(this.cachedImageUrl), this.cachedImageUrl = null);
+    this.cachedImageUrl && (q.getInstance().release(this.cachedImageUrl), this.cachedImageUrl = null);
   }
   /**
    * Manually retry loading the image after a failure.
    * Resets retry count and starts fresh.
    */
   retryImageLoad() {
-    this.imageUrl && (it.info("Manual retry triggered for image:", this.imageUrl), this.clearLoadTimeout(), this.imageLoaded = !1, this.imageElement = null, this.isSvg ? (this.imageLoadState = "loading", this.imageLoadError = null, this.loadSvgAsHighDpi(this.imageUrl)) : this.loadRegularImage(this.imageUrl));
+    this.imageUrl && (st.info("Manual retry triggered for image:", this.imageUrl), this.clearLoadTimeout(), this.imageLoaded = !1, this.imageElement = null, this.isSvg ? (this.imageLoadState = "loading", this.imageLoadError = null, this.loadSvgAsHighDpi(this.imageUrl)) : this.loadRegularImage(this.imageUrl));
   }
   /**
    * Revoke any existing SVG blob URL to prevent memory leaks
@@ -2727,18 +2728,18 @@ class yt extends Q {
     e.crossOrigin = "anonymous", e.onload = () => {
       const s = document.createElement("canvas");
       s.width = e.width * 4, s.height = e.height * 4;
-      const o = s.getContext("2d");
-      o.scale(4, 4), o.drawImage(e, 0, 0), s.toBlob((a) => {
-        if (!a) {
-          it.error("Failed to convert SVG to blob"), this.imageLoaded = !1;
+      const r = s.getContext("2d");
+      r.scale(4, 4), r.drawImage(e, 0, 0), s.toBlob((h) => {
+        if (!h) {
+          st.error("Failed to convert SVG to blob"), this.imageLoaded = !1;
           return;
         }
-        this.svgBlobUrl = URL.createObjectURL(a), this.imageElement = new Image(), this.imageElement.crossOrigin = "anonymous", this.imageElement.onload = () => {
-          this.imageLoaded = !0, this.imageAspectRatio = this.imageElement.width / this.imageElement.height, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), et(this.id);
+        this.svgBlobUrl = URL.createObjectURL(h), this.imageElement = new Image(), this.imageElement.crossOrigin = "anonymous", this.imageElement.onload = () => {
+          this.imageLoaded = !0, this.imageAspectRatio = this.imageElement.width / this.imageElement.height, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), it(this.id);
         }, this.imageElement.src = this.svgBlobUrl;
       }, "image/png");
     }, e.onerror = () => {
-      it.error("Failed to load SVG:", t), this.imageLoaded = !1;
+      st.error("Failed to load SVG:", t), this.imageLoaded = !1;
     }, e.src = t;
   }
   /**
@@ -2750,9 +2751,9 @@ class yt extends Q {
     if (this.isCropping) {
       const t = this.transformData.width * this.transformData.cropWidth, e = this.transformData.height * this.transformData.cropHeight;
       let i = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + t / 2), s = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + e / 2);
-      const o = this.transformData.flipHorizontal ? -1 : 1, a = this.transformData.flipVertical ? -1 : 1;
-      i *= o, s *= a;
-      const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = i * n - s * h, c = i * h + s * n, g = this.x + l, d = this.y + c;
+      const r = this.transformData.flipHorizontal ? -1 : 1, h = this.transformData.flipVertical ? -1 : 1;
+      i *= r, s *= h;
+      const n = Math.cos(I.toRadians(this.rotation)), a = Math.sin(I.toRadians(this.rotation)), l = i * n - s * a, c = i * a + s * n, g = this.x + l, d = this.y + c;
       return {
         x: g - this.transformData.width / 2,
         y: d - this.transformData.height / 2,
@@ -2791,9 +2792,9 @@ class yt extends Q {
     if (this.isCropping) {
       const t = this.transformData.width * this.transformData.cropWidth, e = this.transformData.height * this.transformData.cropHeight;
       let i = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + t / 2), s = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + e / 2);
-      const o = this.transformData.flipHorizontal ? -1 : 1, a = this.transformData.flipVertical ? -1 : 1;
-      i *= o, s *= a;
-      const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = i * n - s * h, c = i * h + s * n;
+      const r = this.transformData.flipHorizontal ? -1 : 1, h = this.transformData.flipVertical ? -1 : 1;
+      i *= r, s *= h;
+      const n = Math.cos(I.toRadians(this.rotation)), a = Math.sin(I.toRadians(this.rotation)), l = i * n - s * a, c = i * a + s * n;
       return {
         x: this.x + l,
         y: this.y + c
@@ -2810,11 +2811,11 @@ class yt extends Q {
   hitTest(t, e) {
     const i = this.worldToLocal(t, e);
     if (this.isCropping) {
-      const s = this.transformData.width * this.transformData.cropWidth, o = this.transformData.height * this.transformData.cropHeight, a = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + s / 2), n = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + o / 2), h = this.transformData.width / 2, l = this.transformData.height / 2;
-      return i.x >= a - h && i.x <= a + h && i.y >= n - l && i.y <= n + l;
+      const s = this.transformData.width * this.transformData.cropWidth, r = this.transformData.height * this.transformData.cropHeight, h = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + s / 2), n = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + r / 2), a = this.transformData.width / 2, l = this.transformData.height / 2;
+      return i.x >= h - a && i.x <= h + a && i.y >= n - l && i.y <= n + l;
     } else {
-      const s = this.transformData.width * this.transformData.cropWidth, o = this.transformData.height * this.transformData.cropHeight, a = s / 2, n = o / 2;
-      return i.x >= -a && i.x <= a && i.y >= -n && i.y <= n;
+      const s = this.transformData.width * this.transformData.cropWidth, r = this.transformData.height * this.transformData.cropHeight, h = s / 2, n = r / 2;
+      return i.x >= -h && i.x <= h && i.y >= -n && i.y <= n;
     }
   }
   /**
@@ -2825,13 +2826,13 @@ class yt extends Q {
       this.renderPlaceholder(t);
       return;
     }
-    const s = Ie(
+    const s = He(
       this.imageElement,
       this.transformData.adjustments
-    ), o = s.width, a = s.height;
+    ), r = s.width, h = 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 n = this.transformData.flipHorizontal ? -1 : 1, h = this.transformData.flipVertical ? -1 : 1;
-    if (t.scale(n, h), this.isCropping) {
+    const n = this.transformData.flipHorizontal ? -1 : 1, a = this.transformData.flipVertical ? -1 : 1;
+    if (t.scale(n, a), 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();
@@ -2846,8 +2847,8 @@ class yt extends Q {
         s,
         0,
         0,
-        o,
-        a,
+        r,
+        h,
         f,
         u,
         this.transformData.width,
@@ -2859,8 +2860,8 @@ class yt extends Q {
         s,
         0,
         0,
-        o,
-        a,
+        r,
+        h,
         f,
         u,
         this.transformData.width,
@@ -2876,8 +2877,8 @@ class yt extends Q {
         s,
         0,
         0,
-        o,
-        a,
+        r,
+        h,
         m,
         p,
         this.transformData.width,
@@ -2892,25 +2893,25 @@ class yt extends Q {
    */
   renderPlaceholder(t) {
     t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
-    const e = this.transformData.width * this.transformData.cropWidth, i = this.transformData.height * this.transformData.cropHeight, s = -e / 2, o = -i / 2;
-    let a, n, h;
-    this.imageLoadState === "error" ? (a = "#f0e0e0", n = "#993333", h = "Image failed to load") : this.imageLoadState === "retrying" ? (a = "#e0e0e0", n = "#666", h = "Retrying...") : this.imageLoadState === "loading" ? (a = "#e0e0e0", n = "#666", h = "Loading...") : (a = "#e0e0e0", n = "#666", h = this.imageUrl ? "Loading..." : "No image"), t.fillStyle = a, t.fillRect(s, o, e, i), t.fillStyle = n, t.font = "14px system-ui, -apple-system, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText(h, 0, 0), t.restore();
+    const e = this.transformData.width * this.transformData.cropWidth, i = this.transformData.height * this.transformData.cropHeight, s = -e / 2, r = -i / 2;
+    let h, n, a;
+    this.imageLoadState === "error" ? (h = "#f0e0e0", n = "#993333", a = "Image failed to load") : this.imageLoadState === "retrying" ? (h = "#e0e0e0", n = "#666", a = "Retrying...") : this.imageLoadState === "loading" ? (h = "#e0e0e0", n = "#666", a = "Loading...") : (h = "#e0e0e0", n = "#666", a = this.imageUrl ? "Loading..." : "No image"), t.fillStyle = h, t.fillRect(s, r, e, i), t.fillStyle = n, t.font = "14px system-ui, -apple-system, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText(a, 0, 0), t.restore();
   }
   /**
    * Handle resize - maintain aspect ratio
    * @returns {boolean} true if resize was applied
    */
   resize(t, e, i, s) {
-    let o, a;
-    this.isCropping ? (o = e / x(s).width, a = i / x(s).height) : (o = e / (s.width ?? 1), a = i / (s.height ?? 1));
-    const n = (o + a) / 2;
-    let h = t;
-    this.isCropping && (h = this.remapAnchorForFlips(t, s));
+    let r, h;
+    this.isCropping ? (r = e / x(s).width, h = i / x(s).height) : (r = e / (s.width ?? 1), h = i / (s.height ?? 1));
+    const n = (r + h) / 2;
+    let a = t;
+    this.isCropping && (a = this.remapAnchorForFlips(t, s));
     let l = n;
     if (this.isCropping) {
       const B = this.transformData.width / x(s).width;
       n < B && (l = this.calculateMinScaleForCropBounds(
-        h,
+        a,
         s,
         n,
         B
@@ -2919,27 +2920,27 @@ class yt extends Q {
     this.transformData.width = x(s).width * l, this.transformData.height = this.transformData.width / this.imageAspectRatio, this.rotation = s.rotation;
     let c, g;
     if (this.isCropping) {
-      const B = (x(s).cropX + x(s).cropWidth / 2) * x(s).width - x(s).width / 2, A = (x(s).cropY + x(s).cropHeight / 2) * x(s).height - x(s).height / 2, k = B, R = A, E = P.fromSnapshot(s).localDeltaToWorld(k, R), W = E.dx, z = E.dy;
-      c = s.x - W, g = s.y - z;
+      const B = (x(s).cropX + x(s).cropWidth / 2) * x(s).width - x(s).width / 2, A = (x(s).cropY + x(s).cropHeight / 2) * x(s).height - x(s).height / 2, k = B, R = A, E = P.fromSnapshot(s).localDeltaToWorld(k, R), W = E.dx, N = E.dy;
+      c = s.x - W, g = s.y - N;
     } else {
-      const B = (x(s).cropX + x(s).cropWidth / 2) * x(s).width - x(s).width / 2, A = (x(s).cropY + x(s).cropHeight / 2) * x(s).height - x(s).height / 2, k = B, R = A, E = P.fromSnapshot(s).localDeltaToWorld(k, R), W = E.dx, z = E.dy;
-      c = s.x - W, g = s.y - z;
+      const B = (x(s).cropX + x(s).cropWidth / 2) * x(s).width - x(s).width / 2, A = (x(s).cropY + x(s).cropHeight / 2) * x(s).height - x(s).height / 2, k = B, R = A, E = P.fromSnapshot(s).localDeltaToWorld(k, R), W = E.dx, N = E.dy;
+      c = s.x - W, g = s.y - N;
     }
     let d, f, u = 0, m = 0;
-    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);
+    a === "top-left" ? (u = x(s).width / 2, m = x(s).height / 2) : a === "top-right" ? (u = -x(s).width / 2, m = x(s).height / 2) : a === "bottom-left" ? (u = x(s).width / 2, m = -x(s).height / 2) : a === "bottom-right" ? (u = -x(s).width / 2, m = -x(s).height / 2) : a === "middle-left" ? (u = x(s).width / 2, m = 0) : a === "middle-right" ? (u = -x(s).width / 2, m = 0) : a === "middle-top" ? (u = 0, m = x(s).height / 2) : a === "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, 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);
+    a === "top-left" ? (b = this.transformData.width / 2, v = this.transformData.height / 2) : a === "top-right" ? (b = -this.transformData.width / 2, v = this.transformData.height / 2) : a === "bottom-left" ? (b = this.transformData.width / 2, v = -this.transformData.height / 2) : a === "bottom-right" ? (b = -this.transformData.width / 2, v = -this.transformData.height / 2) : a === "middle-left" ? (b = this.transformData.width / 2, v = 0) : a === "middle-right" ? (b = -this.transformData.width / 2, v = 0) : a === "middle-top" ? (b = 0, v = this.transformData.height / 2) : a === "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, 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;
+      const H = k / this.transformData.width, E = R / this.transformData.height, W = B - D, N = A - U, Rt = new P(this).worldDeltaToLocal(W, N), ne = Rt.dx, ae = Rt.dy, he = this.transformData.width / 2 + ne, le = this.transformData.height / 2 + ae, ce = he / this.transformData.width - H / 2, de = le / this.transformData.height - E / 2;
+      this.transformData.cropX = ce, this.transformData.cropY = de, 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;
+      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, N = E.dy;
+      this.x = D + W, this.y = U + N;
     }
     return !0;
   }
@@ -2995,9 +2996,9 @@ class yt extends Q {
       // bottom-left
       { x: t.x + t.width, y: t.y + t.height }
       // bottom-right
-    ].map((o) => ({
-      x: this.x + o.x * e - o.y * i,
-      y: this.y + o.x * i + o.y * e
+    ].map((r) => ({
+      x: this.x + r.x * e - r.y * i,
+      y: this.y + r.x * i + r.y * e
     }));
   }
   /**
@@ -3005,12 +3006,12 @@ class yt extends Q {
    * Local coordinates are relative to this.x, this.y (the center of the visible area)
    */
   worldToLocal(t, e) {
-    const i = t - this.x, s = e - this.y, o = Math.cos(I.toRadiansInverse(this.rotation)), a = Math.sin(I.toRadiansInverse(this.rotation));
-    let n = i * o - s * a, h = i * a + s * o;
+    const i = t - this.x, s = e - this.y, r = Math.cos(I.toRadiansInverse(this.rotation)), h = Math.sin(I.toRadiansInverse(this.rotation));
+    let n = i * r - s * h, a = i * h + s * r;
     const l = this.transformData.flipHorizontal ? -1 : 1, c = this.transformData.flipVertical ? -1 : 1;
-    return n *= l, h *= c, {
+    return n *= l, a *= c, {
       x: n,
-      y: h
+      y: a
     };
   }
   /**
@@ -3020,8 +3021,8 @@ class yt extends Q {
    */
   localToWorld(t, e) {
     const i = this.transformData.flipHorizontal ? -1 : 1, s = this.transformData.flipVertical ? -1 : 1;
-    let o = t * i, a = e * s;
-    const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = o * n - a * h, c = o * h + a * n;
+    let r = t * i, h = e * s;
+    const n = Math.cos(I.toRadians(this.rotation)), a = Math.sin(I.toRadians(this.rotation)), l = r * n - h * a, c = r * a + h * n;
     return {
       x: this.x + l,
       y: this.y + c
@@ -3038,14 +3039,14 @@ class yt 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 = pe * a, h = ye * a, l = we * a, c = [
+    const r = this.worldToLocal(t, e), h = 1 / i, n = Ce * h, a = ve * h, l = Te * h, 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" },
       { x: s.x + s.width, y: s.y + s.height, anchor: "bottom-right" }
     ];
     for (const d of c) {
-      const f = o.x - d.x, u = o.y - d.y;
+      const f = r.x - d.x, u = r.y - d.y;
       if (Math.sqrt(f * f + u * u) <= n) {
         const p = this.localToWorld(d.x, d.y);
         return { type: "corner", anchor: d.anchor, worldX: p.x, worldY: p.y };
@@ -3058,9 +3059,9 @@ class yt extends Q {
       { x: s.x + s.width, y: s.y + s.height / 2, anchor: "right", orientation: "vertical" }
     ];
     for (const d of g) {
-      const f = o.x - d.x, u = o.y - d.y;
+      const f = r.x - d.x, u = r.y - d.y;
       let m, p;
-      if (d.orientation === "horizontal" ? (m = h / 2, p = l / 2) : (m = l / 2, p = h / 2), Math.abs(f) <= m && Math.abs(u) <= p) {
+      if (d.orientation === "horizontal" ? (m = a / 2, p = l / 2) : (m = l / 2, p = a / 2), Math.abs(f) <= m && Math.abs(u) <= p) {
         const y = this.localToWorld(d.x, d.y);
         return { type: "edge", anchor: d.anchor, worldX: y.x, worldY: y.y };
       }
@@ -3086,42 +3087,42 @@ class yt extends Q {
    * @param {number} cropHeight - Normalized height (0-1)
    * @param {boolean} adjustPosition - Whether to adjust this.x, this.y to keep visual position stable (default: false)
    */
-  updateCrop(t, e, i, s, o = !1) {
-    let n = Math.max(0.1, Math.min(1, i)), h = Math.max(0.1, Math.min(1, s)), l = Math.max(0, Math.min(1 - n, t)), c = Math.max(0, Math.min(1 - h, e));
-    l + n > 1 && (n = 1 - l), c + h > 1 && (h = 1 - c);
+  updateCrop(t, e, i, s, r = !1) {
+    let n = Math.max(0.1, Math.min(1, i)), a = Math.max(0.1, Math.min(1, s)), l = Math.max(0, Math.min(1 - n, t)), c = Math.max(0, Math.min(1 - a, e));
+    l + n > 1 && (n = 1 - l), c + a > 1 && (a = 1 - c);
     let g = 0, d = 0;
-    if (o) {
-      const f = this.transformData.cropX * this.transformData.width + this.transformData.cropWidth * this.transformData.width / 2, u = this.transformData.cropY * this.transformData.height + this.transformData.cropHeight * this.transformData.height / 2, m = l * this.transformData.width + n * this.transformData.width / 2, p = c * this.transformData.height + h * this.transformData.height / 2, y = m - f, w = p - u, S = Math.cos(I.toRadians(this.rotation)), b = Math.sin(I.toRadians(this.rotation));
+    if (r) {
+      const f = this.transformData.cropX * this.transformData.width + this.transformData.cropWidth * this.transformData.width / 2, u = this.transformData.cropY * this.transformData.height + this.transformData.cropHeight * this.transformData.height / 2, m = l * this.transformData.width + n * this.transformData.width / 2, p = c * this.transformData.height + a * this.transformData.height / 2, y = m - f, w = p - u, S = Math.cos(I.toRadians(this.rotation)), b = Math.sin(I.toRadians(this.rotation));
       g = y * S - w * b, d = y * b + w * S;
     }
-    this.transformData.cropX = l, this.transformData.cropY = c, this.transformData.cropWidth = n, this.transformData.cropHeight = h, o && (this.x += g, this.y += d);
+    this.transformData.cropX = l, this.transformData.cropY = c, this.transformData.cropWidth = n, this.transformData.cropHeight = a, r && (this.x += g, this.y += d);
   }
   /**
    * Get the local position of the corner opposite to the given anchor
    * Corners are relative to frame center
    */
   getOppositeCornerLocalPosition(t, e, i) {
-    const s = e / 2, o = i / 2;
+    const s = e / 2, r = i / 2;
     return {
-      "top-left": { x: s, y: o },
+      "top-left": { x: s, y: r },
       // Opposite is bottom-right
-      "top-right": { x: -s, y: o },
+      "top-right": { x: -s, y: r },
       // Opposite is bottom-left
-      "bottom-left": { x: s, y: -o },
+      "bottom-left": { x: s, y: -r },
       // Opposite is top-right
-      "bottom-right": { x: -s, y: -o },
+      "bottom-right": { x: -s, y: -r },
       // Opposite is top-left
-      top: { x: 0, y: o },
+      top: { x: 0, y: r },
       // Opposite is bottom edge
-      bottom: { x: 0, y: -o },
+      bottom: { x: 0, y: -r },
       // Opposite is top edge
       left: { x: s, y: 0 },
       // Opposite is right edge
       right: { x: -s, y: 0 },
       // Opposite is left edge
-      "middle-top": { x: 0, y: o },
+      "middle-top": { x: 0, y: r },
       // Opposite is bottom edge
-      "middle-bottom": { x: 0, y: -o },
+      "middle-bottom": { x: 0, y: -r },
       // Opposite is top edge
       "middle-left": { x: s, y: 0 },
       // Opposite is right edge
@@ -3134,7 +3135,7 @@ class yt extends Q {
    * In crop mode, this.x/y is the crop center, not the frame center
    */
   calculateFrameCenterFromCropCenter(t) {
-    const e = x(t).width * x(t).cropWidth, i = x(t).height * x(t).cropHeight, s = x(t).width / 2 - (x(t).cropX * x(t).width + e / 2), o = x(t).height / 2 - (x(t).cropY * x(t).height + i / 2), n = new P(t).localDeltaToWorld(s, o);
+    const e = x(t).width * x(t).cropWidth, i = x(t).height * x(t).cropHeight, s = x(t).width / 2 - (x(t).cropX * x(t).width + e / 2), r = x(t).height / 2 - (x(t).cropY * x(t).height + i / 2), n = new P(t).localDeltaToWorld(s, r);
     return {
       x: t.x + n.dx,
       y: t.y + n.dy
@@ -3148,10 +3149,10 @@ class yt extends Q {
       t,
       x(e).width,
       x(e).height
-    ), s = this.calculateFrameCenterFromCropCenter(e), a = new P(e).localDeltaToWorld(i.x, i.y);
+    ), s = this.calculateFrameCenterFromCropCenter(e), h = new P(e).localDeltaToWorld(i.x, i.y);
     return {
-      x: s.x + a.dx,
-      y: s.y + a.dy
+      x: s.x + h.dx,
+      y: s.y + h.dy
     };
   }
   /**
@@ -3159,7 +3160,7 @@ class yt extends Q {
    * The opposite corner from the anchor stays fixed in world space
    */
   calculateFrameCenterAfterResize(t, e, i) {
-    const s = this.getFixedCornerWorldPosition(e, i), o = x(i).width * t, a = o / this.imageAspectRatio, n = this.getOppositeCornerLocalPosition(e, o, a), l = new P({
+    const s = this.getFixedCornerWorldPosition(e, i), r = x(i).width * t, h = r / this.imageAspectRatio, n = this.getOppositeCornerLocalPosition(e, r, h), l = new P({
       x: 0,
       // Will calculate frame center
       y: 0,
@@ -3176,7 +3177,7 @@ class yt extends Q {
    * would be positioned within the frame after resize.
    */
   calculateCropStateAtScale(t, e, i) {
-    const s = x(i).width * t, o = s / this.imageAspectRatio, a = x(i).cropWidth * x(i).width, n = x(i).cropHeight * x(i).height, h = a / s, l = n / o, c = this.calculateFrameCenterAfterResize(t, e, i), g = {
+    const s = x(i).width * t, r = s / this.imageAspectRatio, h = x(i).cropWidth * x(i).width, n = x(i).cropHeight * x(i).height, a = h / s, l = n / r, c = this.calculateFrameCenterAfterResize(t, e, i), g = {
       x: i.x,
       // In crop mode, this.x/y is the crop center
       y: i.y
@@ -3184,11 +3185,11 @@ class yt extends Q {
       x: c.x,
       y: c.y,
       rotation: i.rotation
-    }).worldDeltaToLocal(d, f), p = s / 2 + m.dx, y = o / 2 + m.dy, w = p / s - h / 2, S = y / o - l / 2;
+    }).worldDeltaToLocal(d, f), p = s / 2 + m.dx, y = r / 2 + m.dy, w = p / s - a / 2, S = y / r - l / 2;
     return {
       cropX: w,
       cropY: S,
-      cropWidth: h,
+      cropWidth: a,
       cropHeight: l
     };
   }
@@ -3196,11 +3197,11 @@ class yt extends Q {
    * Check if a given scale keeps crop within frame bounds
    */
   isScaleValidForCropBounds(t, e, i) {
-    const o = this.calculateCropStateAtScale(t, e, i);
-    if (o.cropWidth > 1 + 1e-4 || o.cropHeight > 1 + 1e-4)
+    const r = this.calculateCropStateAtScale(t, e, i);
+    if (r.cropWidth > 1 + 1e-4 || r.cropHeight > 1 + 1e-4)
       return !1;
-    const a = o.cropX, n = o.cropX + o.cropWidth, h = o.cropY, l = o.cropY + o.cropHeight;
-    return a >= -1e-4 && h >= -1e-4 && n <= 1 + 1e-4 && l <= 1 + 1e-4;
+    const h = r.cropX, n = r.cropX + r.cropWidth, a = r.cropY, l = r.cropY + r.cropHeight;
+    return h >= -1e-4 && a >= -1e-4 && n <= 1 + 1e-4 && l <= 1 + 1e-4;
   }
   /**
    * Calculate minimum scale that keeps crop within frame bounds
@@ -3209,27 +3210,27 @@ class yt extends Q {
   calculateMinScaleForCropBounds(t, e, i, s) {
     if (this.isScaleValidForCropBounds(i, t, e))
       return i;
-    let n = i, h = s;
+    let n = i, a = s;
     for (let l = 0; l < 20; l++) {
-      const c = (n + h) / 2;
-      if (this.isScaleValidForCropBounds(c, t, e) ? h = c : n = c, Math.abs(h - n) < 1e-4)
+      const c = (n + a) / 2;
+      if (this.isScaleValidForCropBounds(c, t, e) ? a = c : n = c, Math.abs(a - n) < 1e-4)
         break;
     }
-    return h;
+    return a;
   }
   /**
    * Remap anchor to account for flips
    */
   remapAnchorForFlips(t, e) {
     let i = t;
-    const s = x(e).flipHorizontal, o = x(e).flipVertical;
-    return s && (i.includes("left") ? i = i.replace("left", "right") : i.includes("right") && (i = i.replace("right", "left"))), o && (i.includes("top") ? i = i.replace("top", "bottom") : i.includes("bottom") && (i = i.replace("bottom", "top"))), i;
+    const s = x(e).flipHorizontal, r = x(e).flipVertical;
+    return s && (i.includes("left") ? i = i.replace("left", "right") : i.includes("right") && (i = i.replace("right", "left"))), r && (i.includes("top") ? i = i.replace("top", "bottom") : i.includes("bottom") && (i = i.replace("bottom", "top"))), i;
   }
   /**
    * Clone this element
    */
   clone() {
-    const t = this.toJSON(), { imageUrl: e, ...i } = t, s = new yt(i);
+    const t = this.toJSON(), { imageUrl: e, ...i } = t, s = new bt(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;
   }
   /**
@@ -3269,28 +3270,35 @@ class yt extends Q {
     this.clearLoadTimeout(), this.releaseImageCache(), this.revokeSvgBlobUrl(), this.imageElement = null, this.onLoadCallback = null, this.imageLoadError = null;
   }
 }
-const $t = /* @__PURE__ */ new Map();
-let At = null;
-function Vt(r) {
+const Zt = /* @__PURE__ */ new Map();
+let Dt = null;
+function Kt(o) {
   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).`
+    `[paint-registry] no painter registered for ${o}. 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 Bi(r, t) {
-  $t.set(r, t);
+function Xi(o, t) {
+  Zt.set(o, t);
 }
-function gt(r) {
-  const t = $t.get(r);
-  if (!t) throw Vt(`text transform "${r}"`);
+function ut(o) {
+  const t = Zt.get(o);
+  if (!t) throw Kt(`text transform "${o}"`);
   return t;
 }
-function Ri(r) {
-  At = r;
+function Yi(o) {
+  Dt = o;
 }
-function Ee() {
-  if (!At) throw Vt("group clipping");
-  return At;
+function Le() {
+  if (!Dt) throw Kt("group clipping");
+  return Dt;
 }
+const We = [
+  "multiply",
+  "screen",
+  "overlay",
+  "darken",
+  "lighten"
+];
 class L {
   constructor(t = []) {
     this.spans = t.length > 0 ? t.map((e) => ({ ...e, style: { ...e.style } })) : [{ text: "", style: {} }], this.normalize();
@@ -3339,28 +3347,28 @@ class L {
     if (t >= e || t < 0 || e > this.getLength())
       return;
     const s = [];
-    let o = 0;
-    for (const a of this.spans) {
-      const n = o, h = o + a.text.length;
-      if (h <= t) {
-        s.push(a), o = h;
+    let r = 0;
+    for (const h of this.spans) {
+      const n = r, a = r + h.text.length;
+      if (a <= t) {
+        s.push(h), r = a;
         continue;
       }
       if (n >= e) {
-        s.push(a), o = h;
+        s.push(h), r = a;
         continue;
       }
-      const l = Math.max(t, n), c = Math.min(e, h);
+      const l = Math.max(t, n), c = Math.min(e, a);
       l > n && s.push({
-        text: a.text.substring(0, l - n),
-        style: a.style
+        text: h.text.substring(0, l - n),
+        style: h.style
       }), s.push({
-        text: a.text.substring(l - n, c - n),
-        style: { ...a.style, ...i }
-      }), c < h && s.push({
-        text: a.text.substring(c - n),
-        style: a.style
-      }), o = h;
+        text: h.text.substring(l - n, c - n),
+        style: { ...h.style, ...i }
+      }), c < a && s.push({
+        text: h.text.substring(c - n),
+        style: h.style
+      }), r = a;
     }
     this.spans = s, this.normalize();
   }
@@ -3373,23 +3381,23 @@ class L {
   insert(t, e, i) {
     if (e.length === 0) return;
     const s = [];
-    let o = 0;
-    for (const a of this.spans) {
-      const n = o, h = o + a.text.length;
-      if (t <= n && s.length === 0 && s.push({ text: e, style: i }), t > n && t <= h) {
+    let r = 0;
+    for (const h of this.spans) {
+      const n = r, a = r + h.text.length;
+      if (t <= n && s.length === 0 && s.push({ text: e, style: i }), t > n && t <= a) {
         const l = t - n;
         s.push({
-          text: a.text.substring(0, l),
-          style: a.style
+          text: h.text.substring(0, l),
+          style: h.style
         }), s.push({ text: e, style: i }), s.push({
-          text: a.text.substring(l),
-          style: a.style
-        }), o = h;
+          text: h.text.substring(l),
+          style: h.style
+        }), r = a;
         continue;
       }
-      s.push(a), o = h;
+      s.push(h), r = a;
     }
-    t >= this.getLength() && !s.some((a) => a.text === e) && s.push({ text: e, style: i }), this.spans = s, this.normalize();
+    t >= this.getLength() && !s.some((h) => h.text === e) && s.push({ text: e, style: i }), this.spans = s, this.normalize();
   }
   /**
    * Delete text in a character range
@@ -3401,25 +3409,25 @@ class L {
     if (t = Math.max(0, Math.min(t, i)), e = Math.max(0, Math.min(e, i)), t >= e)
       return;
     const s = [];
-    let o = 0;
-    for (const a of this.spans) {
-      const n = o, h = o + a.text.length;
-      if (h <= t) {
-        s.push(a), o = h;
+    let r = 0;
+    for (const h of this.spans) {
+      const n = r, a = r + h.text.length;
+      if (a <= t) {
+        s.push(h), r = a;
         continue;
       }
       if (n >= e) {
-        s.push(a), o = h;
+        s.push(h), r = a;
         continue;
       }
-      const l = Math.max(t, n), c = Math.min(e, h);
+      const l = Math.max(t, n), c = Math.min(e, a);
       l > n && s.push({
-        text: a.text.substring(0, l - n),
-        style: a.style
-      }), c < h && s.push({
-        text: a.text.substring(c - n),
-        style: a.style
-      }), o = h;
+        text: h.text.substring(0, l - n),
+        style: h.style
+      }), c < a && s.push({
+        text: h.text.substring(c - n),
+        style: h.style
+      }), r = a;
     }
     this.spans = s.length > 0 ? s : [{ text: "", style: {} }], this.normalize();
   }
@@ -3487,69 +3495,72 @@ class L {
     return new L(t.spans);
   }
 }
-function Hi(r) {
-  return r.type === "custom";
+function Ui(o) {
+  return o.type === "custom";
 }
-function Pi(r) {
-  return r.type === "circle";
+function Gi(o) {
+  return o.type === "circle";
 }
-function Li(r) {
-  return r.type === "arch";
+function $i(o) {
+  return o.type === "arch";
 }
-function Wi(r) {
-  return r.type === "wave";
+function Vi(o) {
+  return o.type === "wave";
 }
-function zi(r) {
-  return r.type === "flag";
+function Ji(o) {
+  return o.type === "flag";
 }
-function Xi(r) {
-  return r.type === "image";
+function qi(o) {
+  return o.type === "image";
 }
-function Ni(r) {
-  return r.type === "group";
+function ji(o) {
+  return o.type === "group";
 }
-function _i(r) {
-  return r.transformType !== "image" && r.transformType !== "group";
+function Zi(o) {
+  return o.transformType !== "image" && o.transformType !== "group";
 }
-function Yi(r) {
-  return r.transformType === "image";
+function Ki(o) {
+  return o.transformType === "image";
 }
-function Ui(r) {
-  return r.transformType === "custom";
+function Qi(o) {
+  return o.transformType === "custom";
 }
-function Gi(r) {
-  return r.transformType === "circle";
+function ts(o) {
+  return o.transformType === "circle";
 }
-function $i(r) {
-  return r.transformType === "group";
+function es(o) {
+  return o.transformType === "group";
 }
-function Vi(r) {
-  return r.transformType === "shape";
+function is(o) {
+  return o.transformType === "shape";
 }
-function Ji(r) {
-  return r.transformType === "path";
+function ss(o) {
+  return o.transformType === "path";
 }
-function qi(r) {
-  return r.type === "shape";
+function os(o) {
+  return o.type === "shape";
 }
-function ji(r) {
-  return r.type === "path";
+function rs(o) {
+  return o.type === "path";
 }
-function Zi(r) {
+function ns(o) {
   var t;
-  return ((t = r.stroke) == null ? void 0 : t.enabled) === !0;
+  return ((t = o.stroke) == null ? void 0 : t.enabled) === !0;
+}
+function as(o) {
+  return Array.isArray(o.masks) && o.masks.length > 0;
 }
-function Ki(r) {
-  return Array.isArray(r.masks) && r.masks.length > 0;
+function hs(o) {
+  return o.blendMode === "knockout" || o.blendMode === "clip";
 }
-function Qi(r) {
-  return r.blendMode === "knockout" || r.blendMode === "clip";
+function ls(o) {
+  return We.includes(o);
 }
-function ts(r) {
+function cs(o) {
   var t;
-  return ((t = r.distressEffect) == null ? void 0 : t.enabled) === !0;
+  return ((t = o.distressEffect) == null ? void 0 : t.enabled) === !0;
 }
-class q extends Q {
+class j extends tt {
   constructor(t = {}) {
     super(t), this.transformType = t.transformType || "custom", this.fontSize = t.fontSize || 72, this.fontFamily = t.fontFamily || "Arial", this.color = t.color || "#333333", this.bold = t.bold !== void 0 ? t.bold : !1, this.italic = t.italic !== void 0 ? t.italic : !1, this.underline = t.underline !== void 0 ? t.underline : !1, this.strikethrough = t.strikethrough !== void 0 ? t.strikethrough : !1, this.textAlign = t.textAlign || "center", this.letterSpacing = t.letterSpacing, this.lineHeight = t.lineHeight, t.richText ? (t.richText instanceof L ? this.richText = t.richText : this.richText = L.fromJSON(t.richText), this.text = this.richText.getText()) : t.text !== void 0 ? (this.text = t.text, this.richText = L.fromPlainText(t.text, {})) : (this.text = "Text", this.richText = L.fromPlainText("Text", {})), this.glyphOverrides = t.glyphOverrides, this.openTypeFeatures = t.openTypeFeatures;
   }
@@ -3571,7 +3582,7 @@ class q extends Q {
    */
   render(t, e = !1, i = !1) {
     const s = t.globalAlpha;
-    this.opacity !== void 0 && this.opacity !== 1 && (t.globalAlpha = this.opacity), gt(this.transformType)(t, this.toJSON()), t.globalAlpha = s;
+    this.opacity !== void 0 && this.opacity !== 1 && (t.globalAlpha = this.opacity), ut(this.transformType)(t, this.toJSON()), t.globalAlpha = s;
   }
   /**
    * Serialize to JSON
@@ -3657,7 +3668,7 @@ class q extends Q {
    * Update font size
    */
   setFontSize(t) {
-    this.fontSize = Math.max(be, Math.min(xe, t));
+    this.fontSize = Math.max(Fe, Math.min(Ae, t));
   }
   /**
    * Update color
@@ -3691,21 +3702,21 @@ class q extends Q {
     };
   }
 }
-function Oe(r) {
-  return Array.from(r).length;
+function Ne(o) {
+  return Array.from(o).length;
 }
-function wt(r, t, e) {
-  return e ? r + e * Oe(t) : r;
+function xt(o, t, e) {
+  return e ? o + e * Ne(t) : o;
 }
-function Be(r, t, e) {
+function _e(o, 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));
+  let r = "";
+  for (let h = 0; h < i.length; h++)
+    r += i[h], s.push(o.measureText(r).width + e * (h + 1));
   return s;
 }
-function Re(r, t, e) {
-  switch (r.textAlign) {
+function ze(o, t, e) {
+  switch (o.textAlign) {
     case "center":
       return t - e / 2;
     case "right":
@@ -3715,60 +3726,60 @@ function Re(r, t, e) {
       return t;
   }
 }
-function Jt(r, t, e, i, s, o) {
-  if (!o || e.length === 0) {
-    t[r](e, i, s);
+function Qt(o, t, e, i, s, r) {
+  if (!r || e.length === 0) {
+    t[o](e, i, s);
     return;
   }
-  const a = Be(t, e, o), n = a[a.length - 1], h = Re(t, i, n), l = t.textAlign;
+  const h = _e(t, e, r), n = h[h.length - 1], a = ze(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[o](c[g], a + h[g], s);
   t.textAlign = l;
 }
-function es(r, t, e, i, s) {
-  Jt("fillText", r, t, e, i, s);
+function ds(o, t, e, i, s) {
+  Qt("fillText", o, t, e, i, s);
 }
-function is(r, t, e, i, s) {
-  Jt("strokeText", r, t, e, i, s);
+function gs(o, t, e, i, s) {
+  Qt("strokeText", o, t, e, i, s);
 }
-let ht = null;
-function bt() {
-  if (!ht)
+let lt = null;
+function St() {
+  if (!lt)
     if (typeof document < "u")
-      ht = document.createElement("canvas");
+      lt = document.createElement("canvas");
     else if (typeof OffscreenCanvas < "u")
-      ht = new OffscreenCanvas(1, 1);
+      lt = new OffscreenCanvas(1, 1);
     else
       throw new Error("No canvas available for text measurement");
-  return ht;
+  return lt;
 }
-function at(r, t, e = !1, i = !1) {
+function ht(o, 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 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) => wt(c.measureText(A).width, A, g);
-  if (r.trim().length === 0)
-    return [r];
-  if (r.includes(`
+  return i && s.push("italic"), e && s.push("bold"), s.push(`${o}px`), s.push(t), s.join(" ");
+}
+function Et(o, t, e, i, s = !1, r = !1, h, n = !1, a) {
+  const c = St().getContext("2d");
+  c.font = ht(e, i, s, r);
+  const g = (a == null ? void 0 : a.letterSpacing) ?? 0, d = (A) => xt(c.measureText(A).width, A, g);
+  if (o.trim().length === 0)
+    return [o];
+  if (o.includes(`
 `)) {
-    const A = r.split(`
+    const A = o.split(`
 `), k = [];
     for (let R = 0; R < A.length; R++) {
-      const H = A[R], E = It(H, t, e, i, s, o, void 0, n, h);
+      const H = A[R], E = Et(H, t, e, i, s, r, void 0, n, a);
       k.push(...E);
     }
     return k;
   }
-  const f = r.match(/^\s*/), u = r.match(/\s*$/), m = f ? f[0] : "", p = u ? u[0] : "", w = r.substring(m.length, r.length - p.length).split(" ");
-  if (a !== void 0 && a > 0) {
-    if (a === 1)
+  const f = o.match(/^\s*/), u = o.match(/\s*$/), m = f ? f[0] : "", p = u ? u[0] : "", w = o.substring(m.length, o.length - p.length).split(" ");
+  if (h !== void 0 && h > 0) {
+    if (h === 1)
       return [m + w.join(" ") + p];
-    const A = [], k = Math.ceil(w.length / a);
+    const A = [], k = Math.ceil(w.length / h);
     for (let R = 0; R < w.length; R += k) {
       const H = w.slice(R, R + k);
       A.push(H.join(" "));
@@ -3788,8 +3799,8 @@ function It(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
       const H = Array.from(k);
       let E = "";
       for (const W of H) {
-        const z = E + W;
-        d(z) > t + B && E.length > 0 ? (T.push(E), E = W) : E = z;
+        const N = E + W;
+        d(N) > t + B && E.length > 0 ? (T.push(E), E = W) : E = N;
       }
       D = E;
     } else {
@@ -3809,25 +3820,25 @@ function It(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
   }
   return T;
 }
-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 Wt(o, t, e, i = !1, s = !1, r = 0) {
+  const n = St().getContext("2d");
+  return n.font = ht(t, e, i, s), xt(n.measureText(o).width, o, r);
 }
-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 It(o, t, e = !1, i = !1) {
+  const r = St().getContext("2d");
+  r.font = ht(o, t, e, i);
+  const n = r.measureText("ÁÉÍgjpqy"), a = n.actualBoundingBoxAscent || o * 0.8, l = n.actualBoundingBoxDescent || o * 0.2, c = a + l;
+  return { ascent: a, descent: l, height: c };
 }
-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(`
+function Nt(o, t, e, i, s = !1, r = !1, h, n = !1, a) {
+  const l = (a == null ? void 0 : a.letterSpacing) ?? 0, c = Et(o, t, e, i, s, r, h, n, a), g = o.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);
+  })), u = St().getContext("2d");
+  u.font = ht(e, i, s, r);
   let m = 0;
-  const p = Mt(e, i, s, o);
+  const p = It(e, i, s, r);
   let y = 0;
   c.forEach((b, v) => {
     const C = d[v].isParagraphStart, M = d[v].isParagraphEnd;
@@ -3841,12 +3852,12 @@ function Lt(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
       D > 0 && (F = F.substring(0, F.length - D));
     }
     if (y++, F.length > 0) {
-      const T = wt(u.measureText(F).width, F, l);
+      const T = xt(u.measureText(F).width, F, l);
       m = Math.max(m, T);
     }
   });
   let w;
-  const S = (h == null ? void 0 : h.lineHeight) ?? Ut;
+  const S = (a == null ? void 0 : a.lineHeight) ?? qt;
   if (y === 1)
     w = p.height;
   else if (y === 0)
@@ -3861,38 +3872,38 @@ function Lt(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
     lines: c
   };
 }
-let lt = null;
-function He() {
-  if (!lt)
+let ct = null;
+function Xe() {
+  if (!ct)
     if (typeof OffscreenCanvas < "u")
-      lt = new OffscreenCanvas(1, 1).getContext("2d");
+      ct = new OffscreenCanvas(1, 1).getContext("2d");
     else if (typeof document < "u")
-      lt = document.createElement("canvas").getContext("2d");
+      ct = document.createElement("canvas").getContext("2d");
     else
       throw new Error("No canvas context available");
-  return lt;
+  return ct;
 }
-function Pe(r, t, e) {
-  const i = He(), s = [], o = (p, y) => {
+function Ye(o, t, e) {
+  const i = Xe(), s = [], r = (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 });
+    return i.font = ht(w, S, b, v), xt(i.measureText(p).width, p, C);
+  }, h = (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 = [];
+  o.forEach((p) => {
+    n.length > 0 && h(n[n.length - 1].style, p.style) ? n[n.length - 1].text += p.text : n.push({ text: p.text, style: p.style });
   });
-  let h = "";
+  let a = "";
   const l = [];
   n.forEach((p, y) => {
     for (let w = 0; w < p.text.length; w++)
-      h += p.text[w], l.push(y);
+      a += p.text[w], l.push(y);
   });
   const c = [];
   let g = "", d = 0;
-  for (let p = 0; p < h.length; p++) {
-    const y = h[p];
+  for (let p = 0; p < a.length; p++) {
+    const y = a[p];
     y === " " ? (g.length > 0 && (c.push({ text: g, startIdx: d, endIdx: p - 1 }), g = ""), c.push({ text: " ", startIdx: p, endIdx: p })) : (g.length === 0 && (d = p), g += y);
   }
-  g.length > 0 && c.push({ text: g, startIdx: d, endIdx: h.length - 1 });
+  g.length > 0 && c.push({ text: g, startIdx: d, endIdx: a.length - 1 });
   let f = [], u = 0;
   const m = () => {
     f.length > 0 && (s.push(f), f = [], u = 0);
@@ -3902,14 +3913,14 @@ function Pe(r, t, e) {
     let S = l[p.startIdx], b = "";
     for (let C = p.startIdx; C <= p.endIdx; C++) {
       const M = l[C];
-      M !== S ? (w.push({ text: b, style: n[S].style }), b = h[C], S = M) : b += h[C];
+      M !== S ? (w.push({ text: b, style: n[S].style }), b = a[C], S = M) : b += a[C];
     }
     b.length > 0 && w.push({ text: b, style: n[S].style });
-    const v = w.reduce((C, M) => C + o(M.text, M.style), 0);
+    const v = w.reduce((C, M) => C + r(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 });
+        h(C.style, w[0].style) ? C.text += " " : f.push({ text: " ", style: w[0].style });
       } else
         f.push({ text: " ", style: w[0].style });
       u += v;
@@ -3919,12 +3930,12 @@ function Pe(r, t, e) {
         const M = Array.from(C.text);
         let F = "";
         for (const T of M) {
-          const D = o(T, C.style);
+          const D = r(T, C.style);
           if (u + D > t && u > 0) {
             if (F.length > 0) {
               if (f.length > 0) {
                 const U = f[f.length - 1];
-                a(U.style, C.style) ? U.text += F : f.push({ text: F, style: C.style });
+                h(U.style, C.style) ? U.text += F : f.push({ text: F, style: C.style });
               } else
                 f.push({ text: F, style: C.style });
               F = "";
@@ -3936,7 +3947,7 @@ function Pe(r, t, e) {
         if (F.length > 0)
           if (f.length > 0) {
             const T = f[f.length - 1];
-            a(T.style, C.style) ? T.text += F : f.push({ text: F, style: C.style });
+            h(T.style, C.style) ? T.text += F : f.push({ text: F, style: C.style });
           } else
             f.push({ text: F, style: C.style });
       }
@@ -3944,69 +3955,69 @@ function Pe(r, t, e) {
       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 });
+          h(M.style, C.style) ? M.text += C.text : f.push({ ...C });
         } else
           f.push({ ...C });
       }), u += v;
   }), m(), s.length === 0 && s.push([]), s;
 }
-function Le(r) {
+function Ue(o) {
   const t = [];
   let e = [];
-  return r.spans.forEach((i) => {
+  return o.spans.forEach((i) => {
     const s = i.text.split(`
 `);
-    s.forEach((o, a) => {
-      o.length > 0 && e.push({ text: o, style: i.style }), a < s.length - 1 && (t.push(e), e = []);
+    s.forEach((r, h) => {
+      r.length > 0 && e.push({ text: r, style: i.style }), h < s.length - 1 && (t.push(e), e = []);
     });
   }), e.length > 0 && t.push(e), t.length === 0 && t.push([]), t;
 }
-function st(r) {
-  return typeof r.width == "number" ? r.width : void 0;
+function ot(o) {
+  return typeof o.width == "number" ? o.width : void 0;
 }
-function qt(r, t) {
-  r.width = t;
+function te(o, t) {
+  o.width = t;
 }
-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;
+function Ge(o, t, e) {
+  const i = e.transformData, s = ot(i), r = s !== void 0 ? s : e.width ?? 0, h = t / r, n = e.fontSize ?? o.fontSize, a = n * h;
   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") {
+  if (a < 16 ? l = Math.round(a) : l = Math.round(a * 2) / 2, o.setFontSize(l), e.richText && e.richText instanceof L && typeof o.setRichText == "function") {
     const f = e.richText.clone();
     for (const u of f.spans)
       if (u.style.fontSize !== void 0) {
-        const m = u.style.fontSize * a;
+        const m = u.style.fontSize * h;
         m < 16 ? u.style.fontSize = Math.round(m) : u.style.fontSize = Math.round(m * 2) / 2;
       }
-    r.setRichText(f);
+    o.setRichText(f);
   }
-  const c = r.transformData;
-  if (st(c) !== void 0 && s !== void 0) {
-    const d = n > 0 ? l / n : a, f = s * d;
-    qt(c, Math.max(20, Math.ceil(f)));
+  const c = o.transformData;
+  if (ot(c) !== void 0 && s !== void 0) {
+    const d = n > 0 ? l / n : h, f = s * d;
+    te(c, Math.max(20, Math.ceil(f)));
   }
 }
-function ze(r, t, e, i) {
+function $e(o, 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) {
-    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);
+  o.fontSize = i.fontSize ?? o.fontSize;
+  const s = o.transformData;
+  if (ot(s) !== void 0) {
+    te(s, Math.max(jt, e));
+    const h = I.toRadiansInverse(o.rotation), n = Math.cos(h), a = Math.sin(h), l = i.transformData, g = ot(l) ?? i.width ?? 0, f = (ot(s) ?? 0) - g;
+    t === "middle-left" ? (o.x = i.x - f / 2 * n, o.y = i.y - f / 2 * a) : t === "middle-right" && (o.x = i.x + f / 2 * n, o.y = i.y + f / 2 * a);
   }
 }
-function jt(r, t, e, i, s) {
-  const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle");
-  o ? We(r, e, s) : a && ze(r, t, e, s);
+function ee(o, t, e, i, s) {
+  const r = t.includes("top") || t.includes("bottom"), h = t.includes("middle");
+  r ? Ge(o, e, s) : h && $e(o, t, e, s);
 }
-class Xe extends q {
+class Ve extends j {
   // 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(
-      Gt,
-      Pt(this.text, this.fontSize, this.fontFamily, this.bold, this.italic, this.letterSpacing ?? 0) + j * 2
+      jt,
+      Wt(this.text, this.fontSize, this.fontFamily, this.bold, this.italic, this.letterSpacing ?? 0) + Z * 2
     );
     this.transformData = {
       type: "custom",
@@ -4019,9 +4030,9 @@ class Xe 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 = Le(t), s = [];
-    if (i.forEach((h) => {
-      Pe(h, e, {
+    const t = this.getRichText(), e = this.transformData.width - Z * 2, i = Ue(t), s = [];
+    if (i.forEach((a) => {
+      Ye(a, e, {
         fontSize: this.fontSize,
         fontFamily: this.fontFamily,
         bold: this.bold,
@@ -4032,18 +4043,18 @@ class Xe extends q {
       });
     }), s.length === 0)
       return 0;
-    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 = Mt(c, g, d, f);
-        o = Math.max(o, u.height), a = Math.max(a, u.ascent);
+    let r = 0, h = 0;
+    s.forEach((a) => {
+      a.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 = It(c, g, d, f);
+        r = Math.max(r, u.height), h = Math.max(h, u.ascent);
       });
     });
-    const n = this.fontSize * (this.lineHeight ?? Ut);
+    const n = this.fontSize * (this.lineHeight ?? qt);
     if (s.length === 1)
-      return o;
+      return r;
     {
-      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));
+      const a = It(this.fontSize, this.fontFamily, this.bold, this.italic), l = (s.length - 1) * n + a.height, c = Math.max(0, h - a.ascent), g = Math.max(0, r - h - (a.height - a.ascent));
       return l + c + g;
     }
   }
@@ -4063,9 +4074,9 @@ class Xe extends q {
    * This should match the actual text bounds including wrapping
    */
   getBoundingBox() {
-    const t = this.transformData.width - j * 2;
+    const t = this.transformData.width - Z * 2;
     let e;
-    return this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Lt(
+    return this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Nt(
       this.text,
       t,
       this.fontSize,
@@ -4090,9 +4101,9 @@ class Xe extends q {
    * (x, y) is the center of the element
    */
   getVisualBoundingBox() {
-    const t = this.transformData.width - j * 2;
+    const t = this.transformData.width - Z * 2;
     let e;
-    this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Lt(
+    this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Nt(
       this.text,
       t,
       this.fontSize,
@@ -4130,13 +4141,13 @@ class Xe extends q {
    */
   render(t, e = !1, i = !1) {
     var n;
-    const s = this.opacity ?? 1, o = !!((n = this.stroke) != null && n.enabled);
-    if (s < 1 && o) {
+    const s = this.opacity ?? 1, r = !!((n = this.stroke) != null && n.enabled);
+    if (s < 1 && r) {
       this.renderWithOffscreen(t, s);
       return;
     }
-    const a = t.globalAlpha;
-    s !== 1 && (t.globalAlpha = s), gt("custom")(t, this.toJSON()), t.globalAlpha = a;
+    const h = t.globalAlpha;
+    s !== 1 && (t.globalAlpha = s), ut("custom")(t, this.toJSON()), t.globalAlpha = h;
   }
   /**
    * Render stroke+fill to an offscreen canvas at full opacity, then composite
@@ -4144,22 +4155,22 @@ class Xe extends q {
    */
   renderWithOffscreen(t, e) {
     var d;
-    const s = (((d = this.stroke) == null ? void 0 : d.width) || 0) + 20, o = this.getVisualBoundingBox(), a = Math.ceil(o.width + s * 2), n = Math.ceil(o.height + s * 2), h = document.createElement("canvas");
-    h.width = a, h.height = n;
-    const l = h.getContext("2d");
+    const s = (((d = this.stroke) == null ? void 0 : d.width) || 0) + 20, r = this.getVisualBoundingBox(), h = Math.ceil(r.width + s * 2), n = Math.ceil(r.height + s * 2), a = document.createElement("canvas");
+    a.width = h, a.height = n;
+    const l = a.getContext("2d");
     if (!l) {
       const f = t.globalAlpha;
-      t.globalAlpha = e, gt("custom")(t, this.toJSON()), t.globalAlpha = f;
+      t.globalAlpha = e, ut("custom")(t, this.toJSON()), t.globalAlpha = f;
       return;
     }
-    const c = o.x + o.width / 2, g = o.y + o.height / 2;
-    l.translate(a / 2 - c, n / 2 - g), gt("custom")(l, this.toJSON()), t.save(), t.globalAlpha = e, t.drawImage(h, c - a / 2, g - n / 2), t.restore();
+    const c = r.x + r.width / 2, g = r.y + r.height / 2;
+    l.translate(h / 2 - c, n / 2 - g), ut("custom")(l, this.toJSON()), t.save(), t.globalAlpha = e, t.drawImage(a, c - h / 2, g - n / 2), t.restore();
   }
   /**
    * Override getTransformStartData to capture initial line count
    */
   getTransformStartData() {
-    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, {
+    const t = super.getTransformStartData(), e = this.transformData.width - Z * 2, i = Et(this.text, e, this.fontSize, this.fontFamily, this.bold, this.italic, void 0, !1, {
       letterSpacing: this.letterSpacing
     });
     return t.lineCount = i.length, t;
@@ -4170,15 +4181,15 @@ class Xe 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), jt(this, t, e, i, s), this._lockedLineCount !== void 0 && this._lockedLineCount > 0) {
-      const n = Pt(
+    if (t === "top-left" || t === "top-right" || t === "bottom-left" || t === "bottom-right" || (this._lockedLineCount = void 0), ee(this, t, e, i, s), this._lockedLineCount !== void 0 && this._lockedLineCount > 0) {
+      const n = Wt(
         this.text,
         this.fontSize,
         this.fontFamily,
         this.bold,
         this.italic,
         this.letterSpacing ?? 0
-      ) / this._lockedLineCount + j * 2;
+      ) / this._lockedLineCount + Z * 2;
       this.transformData.width < n && (this.transformData.width = Math.ceil(n));
     }
   }
@@ -4223,32 +4234,32 @@ class Xe extends q {
     };
   }
 }
-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);
-  const l = r.x + (n * o - h * a), c = r.y + (n * a + h * o);
+function Je(o, t, e, i) {
+  const s = I.toRadians(i), r = Math.cos(s), h = Math.sin(s);
+  let n = 0, a = 0;
+  e === "top-left" ? (n = o.width, a = o.height) : e === "top-right" ? (n = 0, a = o.height) : e === "bottom-left" ? (n = o.width, a = 0) : e === "bottom-right" && (n = 0, a = 0);
+  const l = o.x + (n * r - a * h), c = o.y + (n * h + a * r);
   let g = 0, d = 0;
   e === "top-left" ? (g = t.width, d = t.height) : e === "top-right" ? (g = 0, d = t.height) : e === "bottom-left" ? (g = t.width, d = 0) : e === "bottom-right" && (g = 0, d = 0);
-  const f = l - (g * o - d * a), u = c - (g * a + d * o);
+  const f = l - (g * r - d * h), u = c - (g * h + d * r);
   return { x: f, y: u };
 }
-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;
+function fs(o, t, e, i = 1) {
+  const s = o.width / 2, r = o.height + Se / i, h = o.x + s, n = o.y + r, a = I.toRadians(t), l = Math.cos(a), c = Math.sin(a), g = h - 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 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;
+function us(o, t, e) {
+  const i = I.toRadians(t), s = Math.cos(i), r = Math.sin(i), h = (c, g) => {
+    const d = o.x + c, f = o.y + g, u = d - e.x, m = f - e.y, p = u * s - m * r, y = u * r + m * s;
     return {
       x: e.x + p,
       y: e.y + y
     };
-  }, { width: n, height: h } = r, l = (c, g, d, f) => {
-    const u = a(d, f), m = _e(
+  }, { width: n, height: a } = o, l = (c, g, d, f) => {
+    const u = h(d, f), m = qe(
       u.x,
       u.y,
       e.x,
@@ -4268,47 +4279,47 @@ function os(r, t, e) {
     // Corner handles
     l("corner", "top-left", 0, 0),
     l("corner", "top-right", n, 0),
-    l("corner", "bottom-left", 0, h),
-    l("corner", "bottom-right", n, h),
+    l("corner", "bottom-left", 0, a),
+    l("corner", "bottom-right", n, a),
     // Side handles
-    l("edge", "middle-left", 0, h / 2),
-    l("edge", "middle-right", n, h / 2),
+    l("edge", "middle-left", 0, a / 2),
+    l("edge", "middle-right", n, a / 2),
     l("edge", "middle-top", n / 2, 0),
-    l("edge", "middle-bottom", n / 2, h)
+    l("edge", "middle-bottom", n / 2, a)
   ];
 }
-function rs(r, t, e, i, s) {
-  const o = r - e, a = t - i;
-  return o * o + a * a <= s * s;
+function ms(o, t, e, i, s) {
+  const r = o - e, h = t - i;
+  return r * r + h * h <= s * s;
 }
-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;
+function ps(o, t, e, i) {
+  const s = I.toRadiansInverse(i), r = Math.cos(s), h = Math.sin(s), n = o - e.x, a = t - e.y, l = n * r - a * h, c = n * h + a * r;
   return l >= 0 && l <= e.width && c >= 0 && c <= e.height;
 }
-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 et(o, t, e = "Arial", i = !1, s = !1) {
+  const h = document.createElement("canvas").getContext("2d"), n = i ? "bold" : "normal", a = s ? "italic" : "normal";
+  return h.font = `${a} ${n} ${t}px ${e}`, h.measureText(o).width;
 }
-function as(r) {
+function ys(o) {
   return {
-    x: r.x + r.width / 2,
-    y: r.y + r.height / 2
+    x: o.x + o.width / 2,
+    y: o.y + o.height / 2
   };
 }
-function hs(r, t, e, i) {
-  return Math.atan2(i - t, e - r);
+function ws(o, t, e, i) {
+  return Math.atan2(i - t, e - o);
 }
-function ls(r, t, e) {
-  return Math.abs(r - t) <= e;
+function bs(o, t, e) {
+  return Math.abs(o - t) <= e;
 }
-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);
+function qe(o, t, e, i, s, r = 0, h = "") {
+  const n = o - e, a = t - i;
+  let l = Math.atan2(a, n) * (180 / Math.PI);
   if (l = (l % 360 + 360) % 360, s === "corner") {
-    if (Math.abs(o) < 0.1) {
-      if (a === "top-left" || a === "bottom-right")
+    if (Math.abs(r) < 0.1) {
+      if (h === "top-left" || h === "bottom-right")
         return "nwse-resize";
-      if (a === "top-right" || a === "bottom-left")
+      if (h === "top-right" || h === "bottom-left")
         return "nesw-resize";
     }
     const g = l % 180;
@@ -4318,17 +4329,17 @@ function _e(r, t, e, i, s, o = 0, a = "") {
     return c >= 45 && c < 135 ? "ns-resize" : "ew-resize";
   }
 }
-function Ye(r) {
-  if (!r.getTransform)
+function je(o) {
+  if (!o.getTransform)
     return 1;
-  const t = r.getTransform();
+  const t = o.getTransform();
   return Math.sqrt(t.a * t.a + t.b * t.b);
 }
-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);
+function xs(o, t, e = []) {
+  const i = je(o);
+  o.lineWidth = i > 0 ? t / i : t, e.length > 0 && o.setLineDash(i > 0 ? e.map((s) => s / i) : e);
 }
-class Ue extends q {
+class Ze extends j {
   constructor(t = {}) {
     super(t), this.transformType = "circle";
     const e = t.transformData;
@@ -4358,11 +4369,11 @@ class Ue extends q {
    * For circular text, calculate the arc bounds where text actually appears
    */
   getVisualBoundingBox() {
-    const t = this.transformData.radius * this.transformData.scale, e = this.fontSize * this.transformData.scale, s = tt(this.text, e, this.fontFamily, this.bold, this.italic) / t, o = -Math.PI / 2 - s / 2, a = -Math.PI / 2 + s / 2, n = t > e / 2 ? t - e / 2 : t * 0.1, h = t + e / 2;
+    const t = this.transformData.radius * this.transformData.scale, e = this.fontSize * this.transformData.scale, s = et(this.text, e, this.fontFamily, this.bold, this.italic) / t, r = -Math.PI / 2 - s / 2, h = -Math.PI / 2 + s / 2, n = t > e / 2 ? t - e / 2 : t * 0.1, a = t + e / 2;
     let l = 1 / 0, c = -1 / 0, g = 1 / 0, d = -1 / 0;
     const f = 10;
     for (let u = 0; u <= f; u++) {
-      const m = o + (a - o) * (u / f), p = this.x + Math.cos(m) * n, y = this.y + Math.sin(m) * n, w = this.x + Math.cos(m) * h, S = this.y + Math.sin(m) * h;
+      const m = r + (h - r) * (u / f), p = this.x + Math.cos(m) * n, y = this.y + Math.sin(m) * n, w = this.x + Math.cos(m) * a, S = this.y + Math.sin(m) * a;
       l = Math.min(l, p, w), c = Math.max(c, p, w), g = Math.min(g, y, S), d = Math.max(d, y, S);
     }
     return {
@@ -4382,14 +4393,14 @@ class Ue extends q {
    * For circle, we maintain uniform scale and keep scale on the transform
    */
   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));
+    const r = s.transformData, h = (e + i) / 2, n = (s.width + s.height) / 2, a = h / n, l = r.scale * a, c = Math.max(0.1, Math.min(10, l));
     this.transformData.scale = c;
-    const g = this.getBoundingBox(), d = Ne(
+    const g = this.getBoundingBox(), d = Je(
       {
-        x: s.x - o.radius * o.scale,
-        y: s.y - o.radius * o.scale,
-        width: o.radius * 2 * o.scale,
-        height: o.radius * 2 * o.scale
+        x: s.x - r.radius * r.scale,
+        y: s.y - r.radius * r.scale,
+        width: r.radius * 2 * r.scale,
+        height: r.radius * 2 * r.scale
       },
       { width: g.width, height: g.height },
       t,
@@ -4458,7 +4469,7 @@ class Ue extends q {
     };
   }
 }
-class Ge extends q {
+class Ke extends j {
   constructor(t = {}) {
     super(t), this.transformType = "arch";
     const e = t.transformData;
@@ -4478,8 +4489,8 @@ class Ge extends q {
     };
   }
   getVisualBoundingBox() {
-    const t = this.text.split(""), e = t.map((u) => tt(u, this.fontSize, this.fontFamily)), i = e.reduce((u, m) => u + m, 0), s = this.transformData.width / 2, o = 0.3, n = this.fontSize / 2;
-    let h = 1 / 0, l = -1 / 0, c = 1 / 0, g = -1 / 0, d = -i / 2;
+    const t = this.text.split(""), e = t.map((u) => et(u, this.fontSize, this.fontFamily)), i = e.reduce((u, m) => u + m, 0), s = this.transformData.width / 2, r = 0.3, n = this.fontSize / 2;
+    let a = 1 / 0, l = -1 / 0, c = 1 / 0, g = -1 / 0, d = -i / 2;
     t.forEach((u, m) => {
       const p = e[m], y = d + p / 2, w = y / s, S = (Math.pow(w, 2) - 1) * this.transformData.archHeight * this.fontSize, b = 2 * w * this.transformData.archHeight;
       [
@@ -4492,33 +4503,33 @@ class Ge extends q {
         { x: p / 2, y: n }
         // bottom-right
       ].forEach((C) => {
-        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);
+        const M = C.x, F = C.y + b * r * C.x, T = y + M, D = S + F;
+        a = Math.min(a, T), l = Math.max(l, T), c = Math.min(c, D), g = Math.max(g, D);
       }), d += p;
     });
     const f = 2;
-    return h -= f, l += f, c -= f, g += f, {
-      x: this.x + h,
+    return a -= f, l += f, c -= f, g += f, {
+      x: this.x + a,
       y: this.y + c,
-      width: l - h,
+      width: l - a,
       height: g - c
     };
   }
   resize(t, e, i, s) {
-    const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
-    if (o) {
-      const h = e / s.width, l = s.fontSize * h;
+    const r = t.includes("top") || t.includes("bottom"), h = t.includes("middle"), n = s.transformData;
+    if (r) {
+      const a = e / s.width, l = s.fontSize * a;
       this.setFontSize(l);
-      const c = n.width * h;
+      const c = n.width * a;
       this.transformData.width = Math.max(50, c);
-    } else if (a && (t === "middle-left" || t === "middle-right")) {
+    } else if (h && (t === "middle-left" || t === "middle-right")) {
       this.fontSize = s.fontSize, this.transformData.width = Math.max(50, e);
-      const h = e - s.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
+      const a = e - s.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
       if (t === "middle-left") {
-        const d = -h / 2;
+        const d = -a / 2;
         this.x = s.x + d * c, this.y = s.y + d * g;
       } else if (t === "middle-right") {
-        const d = h / 2;
+        const d = a / 2;
         this.x = s.x + d * c, this.y = s.y + d * g;
       }
     }
@@ -4551,34 +4562,34 @@ class Ge extends q {
     };
   }
 }
-const ot = {
+const rt = {
   amplitude: 0.2,
   // 20% - subtle wave effect
   frequency: 1.2,
   // Smooth curve
   width: 200
-}, rt = {
+}, nt = {
   amplitude: 0.2,
   // 20% - subtle flag wave
   frequency: 2,
   // Standard flag frequency
   width: 200
-}, $e = {
+}, Qe = {
   archHeight: 0.5
-}, Ve = {
+}, ti = {
   leanAmount: 0
-}, Je = {
+}, ei = {
   ascendAngle: -15
 };
-class qe extends q {
+class ii extends j {
   constructor(t = {}) {
     super(t), this.transformType = "wave";
     const e = t.transformData;
     this.transformData = {
       type: "wave",
-      amplitude: (e == null ? void 0 : e.amplitude) ?? ot.amplitude,
-      frequency: (e == null ? void 0 : e.frequency) ?? ot.frequency,
-      width: (e == null ? void 0 : e.width) ?? ot.width
+      amplitude: (e == null ? void 0 : e.amplitude) ?? rt.amplitude,
+      frequency: (e == null ? void 0 : e.frequency) ?? rt.frequency,
+      width: (e == null ? void 0 : e.width) ?? rt.width
     };
   }
   getBoundingBox() {
@@ -4591,34 +4602,34 @@ class qe extends q {
     };
   }
   getVisualBoundingBox() {
-    const t = this.text.split(""), e = t.map((d) => tt(d, this.fontSize, this.fontFamily)), i = e.reduce((d, f) => d + f, 0), o = this.fontSize / 2;
-    let a = 1 / 0, n = -1 / 0, h = 1 / 0, l = -1 / 0, c = -i / 2;
+    const t = this.text.split(""), e = t.map((d) => et(d, this.fontSize, this.fontFamily)), i = e.reduce((d, f) => d + f, 0), r = this.fontSize / 2;
+    let h = 1 / 0, n = -1 / 0, a = 1 / 0, l = -1 / 0, c = -i / 2;
     t.forEach((d, f) => {
       const u = e[f], m = c + u / 2, p = m / (this.transformData.width / 2), y = this.transformData.amplitude * this.fontSize * Math.sin(this.transformData.frequency * Math.PI * p), w = this.transformData.amplitude * this.transformData.frequency * Math.PI * Math.cos(this.transformData.frequency * Math.PI * p);
       [
-        { x: -u / 2, y: -o },
+        { x: -u / 2, y: -r },
         // top-left
-        { x: u / 2, y: -o },
+        { x: u / 2, y: -r },
         // top-right
-        { x: -u / 2, y: o },
+        { x: -u / 2, y: r },
         // bottom-left
-        { x: u / 2, y: o }
+        { x: u / 2, y: r }
         // bottom-right
       ].forEach((b) => {
-        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);
+        const v = b.x, C = b.y + w * De * b.x, M = m + v, F = y + C;
+        h = Math.min(h, M), n = Math.max(n, M), a = Math.min(a, F), l = Math.max(l, F);
       }), c += u;
     });
     const g = 2;
-    return a -= g, n += g, h -= g, l += g, {
-      x: this.x + a,
-      y: this.y + h,
-      width: n - a,
-      height: l - h
+    return h -= g, n += g, a -= g, l += g, {
+      x: this.x + h,
+      y: this.y + a,
+      width: n - h,
+      height: l - a
     };
   }
   resize(t, e, i, s) {
-    jt(this, t, e, i, s);
+    ee(this, t, e, i, s);
   }
   getEnabledAnchors() {
     return ["top-left", "top-right", "bottom-left", "bottom-right"];
@@ -4639,15 +4650,15 @@ class qe extends q {
     };
   }
 }
-class je extends q {
+class si extends j {
   constructor(t = {}) {
     super(t), this.transformType = "flag";
     const e = t.transformData;
     this.transformData = {
       type: "flag",
-      amplitude: (e == null ? void 0 : e.amplitude) ?? rt.amplitude,
-      frequency: (e == null ? void 0 : e.frequency) ?? rt.frequency,
-      width: (e == null ? void 0 : e.width) ?? rt.width
+      amplitude: (e == null ? void 0 : e.amplitude) ?? nt.amplitude,
+      frequency: (e == null ? void 0 : e.frequency) ?? nt.frequency,
+      width: (e == null ? void 0 : e.width) ?? nt.width
     };
   }
   getBoundingBox() {
@@ -4660,47 +4671,47 @@ class je extends q {
     };
   }
   getVisualBoundingBox() {
-    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;
+    const t = this.text.split(""), e = t.map((f) => et(f, this.fontSize, this.fontFamily)), i = e.reduce((f, u) => f + u, 0), s = 0.3, h = this.fontSize / 2;
+    let n = 1 / 0, a = -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), 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 },
+        { x: -m / 2, y: -h },
         // top-left
-        { x: m / 2, y: -a },
+        { x: m / 2, y: -h },
         // top-right
-        { x: -m / 2, y: a },
+        { x: -m / 2, y: h },
         // bottom-left
-        { x: m / 2, y: a }
+        { x: m / 2, y: h }
         // bottom-right
       ].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);
+        n = Math.min(n, B), a = Math.max(a, B), l = Math.min(l, A), c = Math.max(c, A);
       }), g += m;
     });
     const d = 2;
-    return n -= d, h += d, l -= d, c += d, {
+    return n -= d, a += d, l -= d, c += d, {
       x: this.x + n,
       y: this.y + l,
-      width: h - n,
+      width: a - n,
       height: c - l
     };
   }
   resize(t, e, i, s) {
-    const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
-    if (o) {
-      const h = e / s.width, l = s.fontSize * h;
+    const r = t.includes("top") || t.includes("bottom"), h = t.includes("middle"), n = s.transformData;
+    if (r) {
+      const a = e / s.width, l = s.fontSize * a;
       this.setFontSize(l);
-      const c = n.width * h;
+      const c = n.width * a;
       this.transformData.width = Math.max(50, c);
-    } else if (a && (t === "middle-left" || t === "middle-right")) {
+    } else if (h && (t === "middle-left" || t === "middle-right")) {
       this.fontSize = s.fontSize, this.transformData.width = Math.max(50, e);
-      const h = e - s.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
+      const a = e - s.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
       if (t === "middle-left") {
-        const d = -h / 2;
+        const d = -a / 2;
         this.x = s.x + d * c, this.y = s.y + d * g;
       } else if (t === "middle-right") {
-        const d = h / 2;
+        const d = a / 2;
         this.x = s.x + d * c, this.y = s.y + d * g;
       }
     }
@@ -4735,7 +4746,7 @@ class je extends q {
     };
   }
 }
-class Ze extends q {
+class oi extends j {
   constructor(t = {}) {
     super(t), this.transformType = "lean";
     const e = t.transformData;
@@ -4755,7 +4766,7 @@ class Ze extends q {
     };
   }
   getVisualBoundingBox() {
-    const e = tt(this.text, this.fontSize, this.fontFamily), i = this.fontSize * 1.2, s = -this.transformData.leanAmount * Math.PI / 4, o = Math.tan(s), a = [
+    const e = et(this.text, this.fontSize, this.fontFamily), i = this.fontSize * 1.2, s = -this.transformData.leanAmount * Math.PI / 4, r = Math.tan(s), h = [
       { x: -e / 2, y: -i / 2 },
       // top-left
       { x: e / 2, y: -i / 2 },
@@ -4765,34 +4776,34 @@ class Ze extends q {
       { x: e / 2, y: i / 2 }
       // bottom-right
     ];
-    let n = 1 / 0, h = -1 / 0, l = 1 / 0, c = -1 / 0;
-    a.forEach((d) => {
-      const f = d.x + o * d.y, u = d.y;
-      n = Math.min(n, f), h = Math.max(h, f), l = Math.min(l, u), c = Math.max(c, u);
+    let n = 1 / 0, a = -1 / 0, l = 1 / 0, c = -1 / 0;
+    h.forEach((d) => {
+      const f = d.x + r * d.y, u = d.y;
+      n = Math.min(n, f), a = Math.max(a, f), l = Math.min(l, u), c = Math.max(c, u);
     });
     const g = 2;
-    return n -= g, h += g, l -= g, c += g, {
+    return n -= g, a += g, l -= g, c += g, {
       x: this.x + n,
       y: this.y + l,
-      width: h - n,
+      width: a - n,
       height: c - l
     };
   }
   resize(t, e, i, s) {
-    const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
-    if (o) {
-      const h = e / s.width, l = s.fontSize * h;
+    const r = t.includes("top") || t.includes("bottom"), h = t.includes("middle"), n = s.transformData;
+    if (r) {
+      const a = e / s.width, l = s.fontSize * a;
       this.setFontSize(l);
-      const c = n.width * h;
+      const c = n.width * a;
       this.transformData.width = Math.max(50, c);
-    } else if (a && (t === "middle-left" || t === "middle-right")) {
+    } else if (h && (t === "middle-left" || t === "middle-right")) {
       this.fontSize = s.fontSize, this.transformData.width = Math.max(50, e);
-      const h = e - n.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
+      const a = e - n.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
       if (t === "middle-left") {
-        const d = -h / 2;
+        const d = -a / 2;
         this.x = s.x + d * c, this.y = s.y + d * g;
       } else if (t === "middle-right") {
-        const d = h / 2;
+        const d = a / 2;
         this.x = s.x + d * c, this.y = s.y + d * g;
       }
     }
@@ -4825,7 +4836,7 @@ class Ze extends q {
     };
   }
 }
-class Ke extends q {
+class ri extends j {
   constructor(t = {}) {
     super(t), this.transformType = "ascend";
     const e = t.transformData;
@@ -4836,30 +4847,30 @@ class Ke extends q {
     };
   }
   getBoundingBox() {
-    const t = this.transformData.ascendAngle * Math.PI / 180, e = this.transformData.width, i = e * Math.tan(t), s = Math.abs(i) + this.fontSize * 1.2, o = i > 0 ? -s : 0;
+    const t = this.transformData.ascendAngle * Math.PI / 180, e = this.transformData.width, i = e * Math.tan(t), s = Math.abs(i) + this.fontSize * 1.2, r = i > 0 ? -s : 0;
     return {
       x: this.x - e / 2,
-      y: this.y + o,
+      y: this.y + r,
       width: e,
       height: s
     };
   }
   getVisualBoundingBox() {
-    const t = this.text.split(""), e = t.map((m) => tt(m, this.fontSize, this.fontFamily)), i = e.reduce((m, p) => m + p, 0), s = this.transformData.ascendAngle * Math.PI / 180, o = Math.tan(s), a = 1, h = this.fontSize / 2;
+    const t = this.text.split(""), e = t.map((m) => et(m, this.fontSize, this.fontFamily)), i = e.reduce((m, p) => m + p, 0), s = this.transformData.ascendAngle * Math.PI / 180, r = Math.tan(s), h = 1, a = this.fontSize / 2;
     let l = 1 / 0, c = -1 / 0, g = 1 / 0, d = -1 / 0, f = -i / 2;
     t.forEach((m, p) => {
-      const y = e[p], w = f + y / 2, S = w * o;
+      const y = e[p], w = f + y / 2, S = w * r;
       [
-        { x: -y / 2, y: -h },
+        { x: -y / 2, y: -a },
         // top-left
-        { x: y / 2, y: -h },
+        { x: y / 2, y: -a },
         // top-right
-        { x: -y / 2, y: h },
+        { x: -y / 2, y: a },
         // bottom-left
-        { x: y / 2, y: h }
+        { x: y / 2, y: a }
         // bottom-right
       ].forEach((v) => {
-        const C = v.x, M = v.y + o * a * v.x, F = w + C, T = S + M;
+        const C = v.x, M = v.y + r * h * 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;
     });
@@ -4872,20 +4883,20 @@ class Ke extends q {
     };
   }
   resize(t, e, i, s) {
-    const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
-    if (o) {
-      const h = e / s.width, l = s.fontSize * h;
+    const r = t.includes("top") || t.includes("bottom"), h = t.includes("middle"), n = s.transformData;
+    if (r) {
+      const a = e / s.width, l = s.fontSize * a;
       this.setFontSize(l);
-      const c = n.width * h;
+      const c = n.width * a;
       this.transformData.width = Math.max(50, c);
-    } else if (a && (t === "middle-left" || t === "middle-right")) {
+    } else if (h && (t === "middle-left" || t === "middle-right")) {
       this.fontSize = s.fontSize, this.transformData.width = Math.max(50, e);
-      const h = e - s.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
+      const a = e - s.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
       if (t === "middle-left") {
-        const d = -h / 2;
+        const d = -a / 2;
         this.x = s.x + d * c, this.y = s.y + d * g;
       } else if (t === "middle-right") {
-        const d = h / 2;
+        const d = a / 2;
         this.x = s.x + d * c, this.y = s.y + d * g;
       }
     }
@@ -4918,25 +4929,125 @@ class Ke extends q {
     };
   }
 }
-class kt extends Q {
+class ni extends Error {
+  constructor(t, e, i = {}) {
+    super(`[Editor] ${t}: ${e}`), this.name = "EditorError", this.code = t, this.data = { code: t, ...i };
+  }
+}
+function Ss(o) {
+  return o instanceof Error && o.name === "EditorError" && "code" in o;
+}
+function Cs() {
+  var o;
+  return typeof mt < "u" && ((o = mt.env) == null ? void 0 : o.NODE_ENV) !== "production";
+}
+const ie = "#3b82f6", _t = ["solid", "linear", "radial"];
+function V(o, t) {
+  return new ni("E_INVALID_FILL", o, t);
+}
+function ai(o) {
+  if (typeof o != "object" || o === null)
+    throw V(
+      `shape fill must be an object ({ type: "solid" | "linear" | "radial", ... }), got ${JSON.stringify(o)}.`,
+      { fill: o }
+    );
+  const t = o;
+  if (t.type === "solid") {
+    if (typeof t.color != "string")
+      throw V(`solid fill "color" must be a string, got ${JSON.stringify(t.color)}.`, { fill: o });
+    return;
+  }
+  if (t.type === "linear" || t.type === "radial") {
+    if (t.type === "linear" && (typeof t.angle != "number" || !Number.isFinite(t.angle)))
+      throw V(
+        `linear fill "angle" must be a finite number of degrees (0 = up, 90 = right), got ${JSON.stringify(t.angle)}.`,
+        { fill: o }
+      );
+    if (!Array.isArray(t.stops) || t.stops.length < 2)
+      throw V(
+        `${t.type} fill needs at least 2 stops, got ${Array.isArray(t.stops) ? t.stops.length : JSON.stringify(t.stops)}.`,
+        { fill: o }
+      );
+    for (const e of t.stops) {
+      if (typeof e != "object" || e === null || typeof e.offset != "number" || !Number.isFinite(e.offset) || e.offset < 0 || e.offset > 1)
+        throw V(
+          `gradient stop "offset" must be a finite number in 0..1, got ${JSON.stringify(e)}.`,
+          { fill: o, stop: e }
+        );
+      if (typeof e.color != "string")
+        throw V(`gradient stop "color" must be a string, got ${JSON.stringify(e)}.`, { fill: o, stop: e });
+    }
+    return;
+  }
+  throw V(
+    `unknown shape fill type ${JSON.stringify(t.type)}. Valid types: ${JSON.stringify(_t)}.`,
+    { fill: o, validNames: _t }
+  );
+}
+function zt(o) {
+  switch (o.type) {
+    case "solid":
+      return { type: "solid", color: o.color };
+    case "linear":
+      return { type: "linear", angle: o.angle, stops: o.stops.map((t) => ({ ...t })) };
+    case "radial":
+      return { type: "radial", stops: o.stops.map((t) => ({ ...t })) };
+  }
+}
+function Xt(o, t) {
+  for (const e of t)
+    o.addColorStop(Math.min(1, Math.max(0, e.offset)), e.color);
+  return o;
+}
+function dt(o, t) {
+  const { fill: e } = t;
+  if (!e) return t.fillColor || ie;
+  if (e.type === "solid") return e.color;
+  const i = t.width ?? 100, s = t.height ?? 100;
+  if (e.type === "linear") {
+    const h = e.angle * Math.PI / 180, n = Math.sin(h), a = -Math.cos(h), l = (Math.abs(i * n) + Math.abs(s * a)) / 2;
+    return Xt(
+      o.createLinearGradient(-n * l, -a * l, n * l, a * l),
+      e.stops
+    );
+  }
+  const r = Math.sqrt(i * i + s * s) / 2;
+  return Xt(o.createRadialGradient(0, 0, 0, 0, 0, r), e.stops);
+}
+function vs(o, t) {
+  if (!o) return t || ie;
+  switch (o.type) {
+    case "solid":
+      return o.color;
+    case "linear":
+      return `linear-gradient(${o.angle}deg, ${o.stops.map((e) => `${e.color} ${e.offset * 100}%`).join(", ")})`;
+    case "radial":
+      return `radial-gradient(circle, ${o.stops.map((e) => `${e.color} ${e.offset * 100}%`).join(", ")})`;
+  }
+}
+class Ot extends tt {
   constructor(t = {}) {
-    var i, s, o, a, n, h, l, c, g, d, f;
+    var s, r, h, n, a, l, c, g, d, f, u, m;
     super(t), this.transformType = "shape";
-    const e = "rectangle";
+    const e = (s = t.transformData) == null ? void 0 : s.fill;
+    e !== void 0 && ai(e);
+    const i = "rectangle";
     this.transformData = {
       type: "shape",
-      shapeType: ((i = t.transformData) == null ? void 0 : i.shapeType) || e,
-      width: ((s = t.transformData) == null ? void 0 : s.width) || 200,
-      height: ((o = t.transformData) == null ? void 0 : o.height) || 200,
+      shapeType: ((r = t.transformData) == null ? void 0 : r.shapeType) || i,
+      width: ((h = t.transformData) == null ? void 0 : h.width) || 200,
+      height: ((n = t.transformData) == null ? void 0 : n.height) || 200,
       borderRadius: ((a = t.transformData) == null ? void 0 : a.borderRadius) ?? 3,
       // Default 3% radius (~6px on 200x200 shape, matches hover border)
-      radiusX: (n = t.transformData) == null ? void 0 : n.radiusX,
-      radiusY: (h = t.transformData) == null ? void 0 : h.radiusY,
-      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) || Yt(),
-      fillOpacity: ((f = t.transformData) == null ? void 0 : f.fillOpacity) ?? 1
+      radiusX: (l = t.transformData) == null ? void 0 : l.radiusX,
+      radiusY: (c = t.transformData) == null ? void 0 : c.radiusY,
+      sides: ((g = t.transformData) == null ? void 0 : g.sides) ?? 5,
+      points: ((d = t.transformData) == null ? void 0 : d.points) ?? 5,
+      innerRadius: ((f = t.transformData) == null ? void 0 : f.innerRadius) ?? 0.4,
+      fillColor: ((u = t.transformData) == null ? void 0 : u.fillColor) || Jt(),
+      fillOpacity: ((m = t.transformData) == null ? void 0 : m.fillOpacity) ?? 1,
+      // Deep-copy so a config's stops array is never aliased by the element
+      ...e !== void 0 && { fill: zt(e) }
     };
   }
   /**
@@ -4980,25 +5091,25 @@ class kt extends Q {
     }
     if (t === "polygon" || t === "star") {
       const s = Math.min(e, i) / 2;
-      let o = 1 / 0, a = 1 / 0, n = -1 / 0, h = -1 / 0;
+      let r = 1 / 0, h = 1 / 0, n = -1 / 0, a = -1 / 0;
       if (t === "polygon") {
         const l = this.transformData.sides || 5;
         for (let c = 0; c < l; c++) {
           const g = c * 2 * Math.PI / l - Math.PI / 2, d = s * Math.cos(g), f = s * Math.sin(g);
-          d < o && (o = d), d > n && (n = d), f < a && (a = f), f > h && (h = f);
+          d < r && (r = d), d > n && (n = d), f < h && (h = f), f > a && (a = f);
         }
       } else {
         const l = this.transformData.points || 5, c = s, g = c * (this.transformData.innerRadius ?? 0.4);
         for (let d = 0; d < l * 2; d++) {
           const f = d * Math.PI / l - Math.PI / 2, u = d % 2 === 0 ? c : g, m = u * Math.cos(f), p = u * Math.sin(f);
-          m < o && (o = m), m > n && (n = m), p < a && (a = p), p > h && (h = p);
+          m < r && (r = m), m > n && (n = m), p < h && (h = p), p > a && (a = p);
         }
       }
       return {
-        x: this.x + o,
-        y: this.y + a,
-        width: n - o,
-        height: h - a
+        x: this.x + r,
+        y: this.y + h,
+        width: n - r,
+        height: a - h
       };
     }
     return this.getBoundingBox();
@@ -5014,14 +5125,14 @@ class kt extends Q {
    */
   render(t, e = !1, i = !1) {
     var n;
-    const s = this.opacity ?? 1, o = !!((n = this.stroke) != null && n.enabled);
-    if (s < 1 && o) {
+    const s = this.opacity ?? 1, r = !!((n = this.stroke) != null && n.enabled);
+    if (s < 1 && r) {
       this.renderWithOffscreen(t, s);
       return;
     }
-    t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation)), t.fillStyle = this.transformData.fillColor || "#3b82f6";
-    const a = this.transformData.fillOpacity ?? 1;
-    t.globalAlpha = s * a, this.renderShape(t), t.restore(), o && this.renderStroke(t, s);
+    t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation)), t.fillStyle = dt(t, this.transformData);
+    const h = this.transformData.fillOpacity ?? 1;
+    t.globalAlpha = s * h, this.renderShape(t), t.restore(), r && this.renderStroke(t, s);
   }
   /**
    * Render fill+stroke to a temporary canvas at full opacity, then composite
@@ -5029,25 +5140,25 @@ class kt extends Q {
    */
   renderWithOffscreen(t, e) {
     var f;
-    const { width: i, height: s } = this.transformData, a = (((f = this.stroke) == null ? void 0 : f.width) || 2) + 2, n = Math.ceil(i + a * 2), h = Math.ceil(s + a * 2), l = document.createElement("canvas");
-    l.width = n, l.height = h;
+    const { width: i, height: s } = this.transformData, h = (((f = this.stroke) == null ? void 0 : f.width) || 2) + 2, n = Math.ceil(i + h * 2), a = Math.ceil(s + h * 2), l = document.createElement("canvas");
+    l.width = n, l.height = a;
     const c = l.getContext("2d");
     if (!c) {
       this.renderDirect(t, e);
       return;
     }
-    c.save(), c.translate(n / 2, h / 2), c.fillStyle = this.transformData.fillColor || "#3b82f6";
+    c.save(), c.translate(n / 2, a / 2), c.fillStyle = dt(c, this.transformData);
     const g = this.transformData.fillOpacity ?? 1;
-    c.globalAlpha = g, c.beginPath(), this.traceShapePath(c), c.fill(), c.restore(), c.save(), c.translate(n / 2, h / 2);
+    c.globalAlpha = g, c.beginPath(), this.traceShapePath(c), c.fill(), c.restore(), c.save(), c.translate(n / 2, a / 2);
     const d = this.stroke;
-    c.strokeStyle = d.color || "#000000", c.lineWidth = d.width || 2, c.lineCap = d.lineCap || "round", c.lineJoin = d.lineJoin || "round", c.globalAlpha = d.opacity ?? 1, d.dashArray && d.dashArray.length > 0 && c.setLineDash(d.dashArray), c.beginPath(), this.traceShapePath(c), c.stroke(), c.restore(), t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation)), t.globalAlpha = e, t.drawImage(l, -n / 2, -h / 2), t.restore();
+    c.strokeStyle = d.color || "#000000", c.lineWidth = d.width || 2, c.lineCap = d.lineCap || "round", c.lineJoin = d.lineJoin || "round", c.globalAlpha = d.opacity ?? 1, d.dashArray && d.dashArray.length > 0 && c.setLineDash(d.dashArray), c.beginPath(), this.traceShapePath(c), c.stroke(), c.restore(), t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation)), t.globalAlpha = e, t.drawImage(l, -n / 2, -a / 2), t.restore();
   }
   /**
    * Direct render (no offscreen) — used as fallback
    */
   renderDirect(t, e) {
     var i;
-    t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation)), t.fillStyle = this.transformData.fillColor || "#3b82f6", t.globalAlpha = e * (this.transformData.fillOpacity ?? 1), this.renderShape(t), t.restore(), (i = this.stroke) != null && i.enabled && this.renderStroke(t, e);
+    t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation)), t.fillStyle = dt(t, this.transformData), t.globalAlpha = e * (this.transformData.fillOpacity ?? 1), this.renderShape(t), t.restore(), (i = this.stroke) != null && i.enabled && this.renderStroke(t, e);
   }
   /**
    * Trace the shape path without filling or stroking — used by offscreen render
@@ -5056,48 +5167,48 @@ class kt extends Q {
     const { shapeType: e, width: i, height: s } = this.transformData;
     switch (e) {
       case "rectangle": {
-        const o = this.transformData.borderRadius || 0, a = -i / 2, n = -s / 2;
-        if (o > 0) {
-          const h = Math.min(o / 100 * Math.min(i, s), i / 2, s / 2);
-          t.roundRect(a, n, i, s, h);
+        const r = this.transformData.borderRadius || 0, h = -i / 2, n = -s / 2;
+        if (r > 0) {
+          const a = Math.min(r / 100 * Math.min(i, s), i / 2, s / 2);
+          t.roundRect(h, n, i, s, a);
         } else
-          t.rect(a, n, i, s);
+          t.rect(h, n, i, s);
         break;
       }
       case "circle": {
-        const o = Math.min(i, s) / 2;
-        t.arc(0, 0, o, 0, Math.PI * 2);
+        const r = Math.min(i, s) / 2;
+        t.arc(0, 0, r, 0, Math.PI * 2);
         break;
       }
       case "ellipse":
         t.ellipse(0, 0, i / 2, s / 2, 0, 0, Math.PI * 2);
         break;
       case "triangle": {
-        const o = i / 2, a = s / 2;
-        t.moveTo(0, -a), t.lineTo(o, a), t.lineTo(-o, a), t.closePath();
+        const r = i / 2, h = s / 2;
+        t.moveTo(0, -h), t.lineTo(r, h), t.lineTo(-r, h), t.closePath();
         break;
       }
       case "polygon": {
-        const o = this.transformData.sides || 5, a = Math.min(i, s) / 2;
-        for (let n = 0; n < o; n++) {
-          const h = n * 2 * Math.PI / o - Math.PI / 2, l = a * Math.cos(h), c = a * Math.sin(h);
+        const r = this.transformData.sides || 5, h = Math.min(i, s) / 2;
+        for (let n = 0; n < r; n++) {
+          const a = n * 2 * Math.PI / r - Math.PI / 2, l = h * Math.cos(a), c = h * Math.sin(a);
           n === 0 ? t.moveTo(l, c) : t.lineTo(l, c);
         }
         t.closePath();
         break;
       }
       case "star": {
-        const o = this.transformData.points || 5, a = Math.min(i, s) / 2, n = a * (this.transformData.innerRadius || 0.4);
-        for (let h = 0; h < o * 2; h++) {
-          const l = h * Math.PI / o - Math.PI / 2, c = h % 2 === 0 ? a : n, g = c * Math.cos(l), d = c * Math.sin(l);
-          h === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
+        const r = this.transformData.points || 5, h = Math.min(i, s) / 2, n = h * (this.transformData.innerRadius || 0.4);
+        for (let a = 0; a < r * 2; a++) {
+          const l = a * Math.PI / r - Math.PI / 2, c = a % 2 === 0 ? h : n, g = c * Math.cos(l), d = c * Math.sin(l);
+          a === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
         }
         t.closePath();
         break;
       }
       case "line": {
-        const o = i / 2, a = s / 2;
-        t.rect(-o, -a, i, s);
+        const r = i / 2, h = s / 2;
+        t.rect(-r, -h, i, s);
         break;
       }
       default:
@@ -5111,55 +5222,55 @@ class kt extends Q {
     t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
     const i = this.stroke;
     t.strokeStyle = i.color || "#000000", t.lineWidth = i.width || 2, t.lineCap = i.lineCap || "round", t.lineJoin = i.lineJoin || "round", t.globalAlpha = e * (i.opacity ?? 1), i.dashArray && i.dashArray.length > 0 && t.setLineDash(i.dashArray);
-    const { shapeType: s, width: o, height: a } = this.transformData;
+    const { shapeType: s, width: r, height: h } = this.transformData;
     switch (t.beginPath(), s) {
       case "rectangle": {
-        const n = this.transformData.borderRadius || 0, h = -o / 2, l = -a / 2;
+        const n = this.transformData.borderRadius || 0, a = -r / 2, l = -h / 2;
         if (n > 0) {
-          const c = Math.min(n / 100 * Math.min(o, a), o / 2, a / 2);
-          t.roundRect(h, l, o, a, c);
+          const c = Math.min(n / 100 * Math.min(r, h), r / 2, h / 2);
+          t.roundRect(a, l, r, h, c);
         } else
-          t.rect(h, l, o, a);
+          t.rect(a, l, r, h);
         break;
       }
       case "circle": {
-        const n = Math.min(o, a) / 2;
+        const n = Math.min(r, h) / 2;
         t.arc(0, 0, n, 0, Math.PI * 2);
         break;
       }
       case "ellipse":
-        t.ellipse(0, 0, o / 2, a / 2, 0, 0, Math.PI * 2);
+        t.ellipse(0, 0, r / 2, h / 2, 0, 0, Math.PI * 2);
         break;
       case "triangle": {
-        const n = o / 2, h = a / 2;
-        t.moveTo(0, -h), t.lineTo(n, h), t.lineTo(-n, h), t.closePath();
+        const n = r / 2, a = h / 2;
+        t.moveTo(0, -a), t.lineTo(n, a), t.lineTo(-n, a), t.closePath();
         break;
       }
       case "polygon": {
-        const n = this.transformData.sides || 5, h = Math.min(o, a) / 2;
+        const n = this.transformData.sides || 5, a = Math.min(r, h) / 2;
         for (let l = 0; l < n; l++) {
-          const c = l * 2 * Math.PI / n - Math.PI / 2, g = h * Math.cos(c), d = h * Math.sin(c);
+          const c = l * 2 * Math.PI / n - Math.PI / 2, g = a * Math.cos(c), d = a * Math.sin(c);
           l === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
         }
         t.closePath();
         break;
       }
       case "star": {
-        const n = this.transformData.points || 5, h = Math.min(o, a) / 2, l = h * (this.transformData.innerRadius || 0.4);
+        const n = this.transformData.points || 5, a = Math.min(r, h) / 2, l = a * (this.transformData.innerRadius || 0.4);
         for (let c = 0; c < n * 2; c++) {
-          const g = c * Math.PI / n - Math.PI / 2, d = c % 2 === 0 ? h : l, f = d * Math.cos(g), u = d * Math.sin(g);
+          const g = c * Math.PI / n - Math.PI / 2, d = c % 2 === 0 ? a : l, f = d * Math.cos(g), u = d * Math.sin(g);
           c === 0 ? t.moveTo(f, u) : t.lineTo(f, u);
         }
         t.closePath();
         break;
       }
       case "line": {
-        const n = o / 2, h = a / 2;
-        t.rect(-n, -h, o, a);
+        const n = r / 2, a = h / 2;
+        t.rect(-n, -a, r, h);
         break;
       }
       default:
-        t.rect(-o / 2, -a / 2, o, a);
+        t.rect(-r / 2, -h / 2, r, h);
     }
     t.stroke(), t.restore();
   }
@@ -5200,12 +5311,12 @@ class kt extends Q {
    * Render a rectangle (with optional border radius)
    */
   renderRectangle(t, e, i) {
-    const s = this.transformData.borderRadius || 0, o = -e / 2, a = -i / 2;
+    const s = this.transformData.borderRadius || 0, r = -e / 2, h = -i / 2;
     if (s > 0) {
       const n = Math.min(s / 100 * Math.min(e, i), e / 2, i / 2);
-      t.roundRect(o, a, e, i, n);
+      t.roundRect(r, h, e, i, n);
     } else
-      t.rect(o, a, e, i);
+      t.rect(r, h, e, i);
   }
   /**
    * Render a circle
@@ -5223,17 +5334,17 @@ class kt extends Q {
    * Render a triangle (isosceles, pointing up)
    */
   renderTriangle(t, e, i) {
-    const s = e / 2, o = i / 2;
-    t.moveTo(0, -o), t.lineTo(s, o), t.lineTo(-s, o), t.closePath();
+    const s = e / 2, r = i / 2;
+    t.moveTo(0, -r), t.lineTo(s, r), t.lineTo(-s, r), t.closePath();
   }
   /**
    * Render a regular polygon
    */
   renderPolygon(t, e) {
-    const i = Math.max(3, Math.min(20, this.transformData.sides || 5)), s = Math.PI * 2 / i, o = -Math.PI / 2;
-    for (let a = 0; a <= i; a++) {
-      const n = o + s * a, h = Math.cos(n) * e, l = Math.sin(n) * e;
-      a === 0 ? t.moveTo(h, l) : t.lineTo(h, l);
+    const i = Math.max(3, Math.min(20, this.transformData.sides || 5)), s = Math.PI * 2 / i, r = -Math.PI / 2;
+    for (let h = 0; h <= i; h++) {
+      const n = r + s * h, a = Math.cos(n) * e, l = Math.sin(n) * e;
+      h === 0 ? t.moveTo(a, l) : t.lineTo(a, l);
     }
     t.closePath();
   }
@@ -5241,10 +5352,10 @@ class kt extends Q {
    * Render a star
    */
   renderStar(t, e) {
-    const i = Math.max(3, Math.min(20, this.transformData.points || 5)), s = Math.max(0.1, Math.min(0.9, this.transformData.innerRadius || 0.4)), o = e * s, a = Math.PI / i, n = -Math.PI / 2;
-    for (let h = 0; h < i * 2; h++) {
-      const l = n + a * h, c = h % 2 === 0 ? e : o, g = Math.cos(l) * c, d = Math.sin(l) * c;
-      h === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
+    const i = Math.max(3, Math.min(20, this.transformData.points || 5)), s = Math.max(0.1, Math.min(0.9, this.transformData.innerRadius || 0.4)), r = e * s, h = Math.PI / i, n = -Math.PI / 2;
+    for (let a = 0; a < i * 2; a++) {
+      const l = n + h * a, c = a % 2 === 0 ? e : r, g = Math.cos(l) * c, d = Math.sin(l) * c;
+      a === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
     }
     t.closePath();
   }
@@ -5252,21 +5363,21 @@ class kt extends Q {
    * Render a line
    */
   renderLine(t, e, i) {
-    const s = e / 2, o = i;
-    t.moveTo(-s, 0), t.lineTo(s, 0), t.strokeStyle = this.transformData.fillColor || "#3b82f6", t.lineWidth = o, t.lineCap = "round", t.stroke();
+    const s = e / 2, r = i;
+    t.moveTo(-s, 0), t.lineTo(s, 0), t.strokeStyle = dt(t, this.transformData), t.lineWidth = r, t.lineCap = "round", t.stroke();
   }
   /**
    * Handle resize - maintain aspect ratio for circles, free resize for others
    */
   resize(t, e, i, s) {
-    const { shapeType: o } = this.transformData;
-    if (o === "circle" || o === "polygon" || o === "star") {
+    const { shapeType: r } = this.transformData;
+    if (r === "circle" || r === "polygon" || r === "star") {
       const c = Math.max(e / s.transformData.width, i / s.transformData.height);
       this.transformData.width = s.transformData.width * c, this.transformData.height = s.transformData.height * c;
-    } else o === "line" ? (this.transformData.width = e, this.transformData.height = s.transformData.height) : (this.transformData.width = e, this.transformData.height = i);
+    } else r === "line" ? (this.transformData.width = e, this.transformData.height = s.transformData.height) : (this.transformData.width = e, this.transformData.height = i);
     this.rotation = s.rotation;
-    const a = this.getFixedCorner(t, s), n = this.getOppositeAnchor(t), h = this.getBoundingBox(), l = this.getCornerOffset(n, h);
-    return this.x = a.x - l.x, this.y = a.y - l.y, !0;
+    const h = this.getFixedCorner(t, s), n = this.getOppositeAnchor(t), a = this.getBoundingBox(), l = this.getCornerOffset(n, a);
+    return this.x = h.x - l.x, this.y = h.y - l.y, !0;
   }
   /**
    * Get the opposite anchor (the one that should stay fixed during resize)
@@ -5297,36 +5408,36 @@ class kt extends Q {
       width: e.transformData.width,
       height: e.transformData.height
     };
-    let s, o;
+    let s, r;
     switch (t) {
       case "top-left":
-        s = i.x + i.width, o = i.y + i.height;
+        s = i.x + i.width, r = i.y + i.height;
         break;
       case "top-right":
-        s = i.x, o = i.y + i.height;
+        s = i.x, r = i.y + i.height;
         break;
       case "bottom-left":
-        s = i.x + i.width, o = i.y;
+        s = i.x + i.width, r = i.y;
         break;
       case "bottom-right":
-        s = i.x, o = i.y;
+        s = i.x, r = i.y;
         break;
       case "middle-left":
-        s = i.x + i.width, o = i.y + i.height / 2;
+        s = i.x + i.width, r = i.y + i.height / 2;
         break;
       case "middle-right":
-        s = i.x, o = i.y + i.height / 2;
+        s = i.x, r = i.y + i.height / 2;
         break;
       case "middle-top":
-        s = i.x + i.width / 2, o = i.y + i.height;
+        s = i.x + i.width / 2, r = i.y + i.height;
         break;
       case "middle-bottom":
-        s = i.x + i.width / 2, o = i.y;
+        s = i.x + i.width / 2, r = i.y;
         break;
       default:
-        s = i.x + i.width / 2, o = i.y + i.height / 2;
+        s = i.x + i.width / 2, r = i.y + i.height / 2;
     }
-    return { x: s, y: o };
+    return { x: s, y: r };
   }
   /**
    * Get the offset of a corner from the center
@@ -5383,7 +5494,7 @@ class kt extends Q {
    * Clone this element
    */
   clone() {
-    return new kt(this.toJSON());
+    return new Ot(this.toJSON());
   }
   /**
    * Serialize to JSON
@@ -5401,22 +5512,27 @@ class kt extends Q {
       // Explicitly include to ensure number type
       rotation: this.rotation,
       // Explicitly include to ensure number type
-      transformData: { ...this.transformData }
+      transformData: {
+        ...this.transformData,
+        // Deep-copy gradient stops — a spread would alias the stops array
+        // between the element and its serialized config (fidelity sweep pin)
+        ...this.transformData.fill && { fill: zt(this.transformData.fill) }
+      }
     };
   }
 }
-class Et extends Q {
+class Bt extends tt {
   constructor(t = {}) {
-    var e, i, s, o, a, n, h, l, c, g;
+    var e, i, s, r, h, n, a, l, c, g;
     super(t), this.transformType = "path", this.transformData = {
       type: "path",
       points: ((e = t.transformData) == null ? void 0 : e.points) || [],
       closed: ((i = t.transformData) == null ? void 0 : i.closed) ?? !1,
       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) || Yt(),
-      fillOpacity: ((h = t.transformData) == null ? void 0 : h.fillOpacity) ?? 1,
+      height: ((r = t.transformData) == null ? void 0 : r.height) || 200,
+      fillEnabled: ((h = t.transformData) == null ? void 0 : h.fillEnabled) ?? !1,
+      fillColor: ((n = t.transformData) == null ? void 0 : n.fillColor) || Jt(),
+      fillOpacity: ((a = t.transformData) == null ? void 0 : a.fillOpacity) ?? 1,
       strokeEnabled: ((l = t.transformData) == null ? void 0 : l.strokeEnabled) ?? !0,
       strokeColor: ((c = t.transformData) == null ? void 0 : c.strokeColor) || "#000000",
       strokeWidth: ((g = t.transformData) == null ? void 0 : g.strokeWidth) || 2
@@ -5461,11 +5577,11 @@ class Et extends Q {
    * @param p3 End point
    * @param t Parameter from 0 to 1
    */
-  bezierPoint(t, e, i, s, o) {
-    const a = 1 - o, n = a * a, h = n * a, l = o * o, c = l * o;
+  bezierPoint(t, e, i, s, r) {
+    const h = 1 - r, n = h * h, a = n * h, l = r * r, c = l * r;
     return {
-      x: h * t.x + 3 * n * o * e.x + 3 * a * l * i.x + c * s.x,
-      y: h * t.y + 3 * n * o * e.y + 3 * a * l * i.y + c * s.y
+      x: a * t.x + 3 * n * r * e.x + 3 * h * l * i.x + c * s.x,
+      y: a * t.y + 3 * n * r * e.y + 3 * h * l * i.y + c * s.y
     };
   }
   /**
@@ -5473,20 +5589,20 @@ class Et extends Q {
    * Returns bbox in local coordinates (relative to element position)
    */
   calculatePathBounds() {
-    var h, l, c, g;
+    var a, l, c, g;
     const { points: t } = this.transformData;
     if (t.length === 0)
       return { x: 0, y: 0, width: 0, height: 0 };
-    let e = 1 / 0, i = 1 / 0, s = -1 / 0, o = -1 / 0;
+    let e = 1 / 0, i = 1 / 0, s = -1 / 0, r = -1 / 0;
     for (let d = 0; d < t.length; d++) {
       const f = t[d], u = t[(d + 1) % t.length];
       if (d === t.length - 1 && !this.transformData.closed) {
-        e = Math.min(e, f.x), i = Math.min(i, f.y), s = Math.max(s, f.x), o = Math.max(o, f.y);
+        e = Math.min(e, f.x), i = Math.min(i, f.y), s = Math.max(s, f.x), r = Math.max(r, f.y);
         break;
       }
-      if (e = Math.min(e, f.x), i = Math.min(i, f.y), s = Math.max(s, f.x), o = Math.max(o, f.y), f.handleOut || u.handleIn) {
+      if (e = Math.min(e, f.x), i = Math.min(i, f.y), s = Math.max(s, f.x), r = Math.max(r, f.y), f.handleOut || u.handleIn) {
         const p = { x: f.x, y: f.y }, y = {
-          x: f.x + (((h = f.handleOut) == null ? void 0 : h.x) || 0),
+          x: f.x + (((a = f.handleOut) == null ? void 0 : a.x) || 0),
           y: f.y + (((l = f.handleOut) == null ? void 0 : l.y) || 0)
         }, w = {
           x: u.x + (((c = u.handleIn) == null ? void 0 : c.x) || 0),
@@ -5494,16 +5610,16 @@ class Et extends Q {
         }, S = { x: u.x, y: u.y }, b = 20;
         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);
+          e = Math.min(e, M.x), i = Math.min(i, M.y), s = Math.max(s, M.x), r = Math.max(r, M.y);
         }
       }
     }
-    const a = this.transformData.strokeEnabled ? this.transformData.strokeWidth || 2 : 0, n = a / 2;
+    const h = this.transformData.strokeEnabled ? this.transformData.strokeWidth || 2 : 0, n = h / 2;
     return {
       x: e - n,
       y: i - n,
-      width: s - e + a,
-      height: o - i + a
+      width: s - e + h,
+      height: r - i + h
     };
   }
   /**
@@ -5517,18 +5633,18 @@ class Et extends Q {
    * Render the path
    */
   render(t, e = !1, i = !1) {
-    const { points: s, closed: o, fillEnabled: a, fillColor: n, fillOpacity: h, strokeEnabled: l, strokeColor: c, strokeWidth: g } = this.transformData;
+    const { points: s, closed: r, fillEnabled: h, fillColor: n, fillOpacity: a, strokeEnabled: l, strokeColor: c, strokeWidth: g } = this.transformData;
     if (s.length === 0)
       return;
     t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
     const d = this.calculatePathBounds(), f = d.x + d.width / 2, u = d.y + d.height / 2;
-    t.translate(-f, -u), t.beginPath(), this.renderPath(t), a && o && n && (t.fillStyle = n, t.globalAlpha = h ?? 1, t.fill()), l && c && g && (t.strokeStyle = c, t.lineWidth = g, t.lineCap = "round", t.lineJoin = "round", t.globalAlpha = 1, t.stroke()), t.restore();
+    t.translate(-f, -u), t.beginPath(), this.renderPath(t), h && r && n && (t.fillStyle = n, t.globalAlpha = a ?? 1, t.fill()), l && c && g && (t.strokeStyle = c, t.lineWidth = g, t.lineCap = "round", t.lineJoin = "round", t.globalAlpha = 1, t.stroke()), t.restore();
   }
   /**
    * Render the path using Canvas API bezier curves
    */
   renderPath(t) {
-    var o, a, n, h;
+    var r, h, n, a;
     const { points: e, closed: i } = this.transformData;
     if (e.length === 0) return;
     const s = e[0];
@@ -5538,7 +5654,7 @@ class Et extends Q {
       if (l === e.length - 1 && !i)
         break;
       if (c.handleOut || g.handleIn) {
-        const f = c.x + (((o = c.handleOut) == null ? void 0 : o.x) || 0), u = c.y + (((a = c.handleOut) == null ? void 0 : a.y) || 0), m = g.x + (((n = g.handleIn) == null ? void 0 : n.x) || 0), p = g.y + (((h = g.handleIn) == null ? void 0 : h.y) || 0);
+        const f = c.x + (((r = c.handleOut) == null ? void 0 : r.x) || 0), u = c.y + (((h = c.handleOut) == null ? void 0 : h.y) || 0), m = g.x + (((n = g.handleIn) == null ? void 0 : n.x) || 0), p = g.y + (((a = g.handleIn) == null ? void 0 : a.y) || 0);
         t.bezierCurveTo(f, u, m, p, g.x, g.y);
       } else
         t.lineTo(g.x, g.y);
@@ -5549,10 +5665,10 @@ class Et extends Q {
    * Handle resize - scale all points relative to center
    */
   resize(t, e, i, s) {
-    const o = s.transformData.width, a = s.transformData.height;
-    if (o === 0 || a === 0)
+    const r = s.transformData.width, h = s.transformData.height;
+    if (r === 0 || h === 0)
       return !1;
-    const n = e / o, h = i / a, l = s.transformData.points;
+    const n = e / r, a = i / h, l = s.transformData.points;
     let c = 1 / 0, g = 1 / 0, d = -1 / 0, f = -1 / 0;
     for (const b of l)
       c = Math.min(c, b.x), g = Math.min(g, b.y), d = Math.max(d, b.x), f = Math.max(f, b.y);
@@ -5560,9 +5676,9 @@ class Et extends Q {
     this.transformData.points = l.map((b) => ({
       ...b,
       x: u + (b.x - u) * n,
-      y: m + (b.y - m) * h,
-      handleIn: b.handleIn ? { x: b.handleIn.x * n, y: b.handleIn.y * h } : void 0,
-      handleOut: b.handleOut ? { x: b.handleOut.x * n, y: b.handleOut.y * h } : void 0
+      y: m + (b.y - m) * a,
+      handleIn: b.handleIn ? { x: b.handleIn.x * n, y: b.handleIn.y * a } : void 0,
+      handleOut: b.handleOut ? { x: b.handleOut.x * n, y: b.handleOut.y * a } : void 0
     })), this.transformData.width = e, this.transformData.height = i, this.rotation = s.rotation;
     const p = this.getFixedCorner(t, s), y = this.getOppositeAnchor(t), w = this.getBoundingBox(), S = this.getCornerOffset(y, w);
     return this.x = p.x - S.x, this.y = p.y - S.y, !0;
@@ -5596,36 +5712,36 @@ class Et extends Q {
       width: e.transformData.width,
       height: e.transformData.height
     };
-    let s, o;
+    let s, r;
     switch (t) {
       case "top-left":
-        s = i.x + i.width, o = i.y + i.height;
+        s = i.x + i.width, r = i.y + i.height;
         break;
       case "top-right":
-        s = i.x, o = i.y + i.height;
+        s = i.x, r = i.y + i.height;
         break;
       case "bottom-left":
-        s = i.x + i.width, o = i.y;
+        s = i.x + i.width, r = i.y;
         break;
       case "bottom-right":
-        s = i.x, o = i.y;
+        s = i.x, r = i.y;
         break;
       case "middle-left":
-        s = i.x + i.width, o = i.y + i.height / 2;
+        s = i.x + i.width, r = i.y + i.height / 2;
         break;
       case "middle-right":
-        s = i.x, o = i.y + i.height / 2;
+        s = i.x, r = i.y + i.height / 2;
         break;
       case "middle-top":
-        s = i.x + i.width / 2, o = i.y + i.height;
+        s = i.x + i.width / 2, r = i.y + i.height;
         break;
       case "middle-bottom":
-        s = i.x + i.width / 2, o = i.y;
+        s = i.x + i.width / 2, r = i.y;
         break;
       default:
-        s = i.x + i.width / 2, o = i.y + i.height / 2;
+        s = i.x + i.width / 2, r = i.y + i.height / 2;
     }
-    return { x: s, y: o };
+    return { x: s, y: r };
   }
   /**
    * Get the offset of a corner from the center
@@ -5681,7 +5797,7 @@ class Et extends Q {
    * Clone this element
    */
   clone() {
-    return new Et(this.toJSON());
+    return new Bt(this.toJSON());
   }
   /**
    * Serialize to JSON
@@ -5711,7 +5827,7 @@ class Et extends Q {
     };
   }
 }
-const Qe = {
+const hi = {
   circle: [
     {
       key: "reverse",
@@ -5724,77 +5840,77 @@ const Qe = {
     {
       key: "archHeight",
       label: "Arch Height",
-      defaultInternalValue: $e.archHeight,
+      defaultInternalValue: Qe.archHeight,
       // Slider 0-100 maps to internal -1 to 1
-      toSlider: (r) => (r + 1) / 2 * 100,
-      fromSlider: (r) => r / 100 * 2 - 1,
-      toDisplay: (r) => `${(r * 100).toFixed(0)}%`
+      toSlider: (o) => (o + 1) / 2 * 100,
+      fromSlider: (o) => o / 100 * 2 - 1,
+      toDisplay: (o) => `${(o * 100).toFixed(0)}%`
     }
   ],
   wave: [
     {
       key: "amplitude",
       label: "Wave Amplitude",
-      defaultInternalValue: ot.amplitude,
+      defaultInternalValue: rt.amplitude,
       // Slider 0-100 maps to internal -0.5 to 0.5 (-50% to +50%)
-      toSlider: (r) => (r + 0.5) * 100,
-      fromSlider: (r) => r / 100 - 0.5,
-      toDisplay: (r) => `${(r * 100).toFixed(0)}%`
+      toSlider: (o) => (o + 0.5) * 100,
+      fromSlider: (o) => o / 100 - 0.5,
+      toDisplay: (o) => `${(o * 100).toFixed(0)}%`
     },
     {
       key: "frequency",
       label: "Wave Frequency",
-      defaultInternalValue: ot.frequency,
+      defaultInternalValue: rt.frequency,
       step: 5,
       // 5% steps for smoother control
       // Slider 0-100 maps to internal 1 to 5
-      toSlider: (r) => (r - 1) / 4 * 100,
-      fromSlider: (r) => 1 + r / 100 * 4,
-      toDisplay: (r) => r.toFixed(1)
+      toSlider: (o) => (o - 1) / 4 * 100,
+      fromSlider: (o) => 1 + o / 100 * 4,
+      toDisplay: (o) => o.toFixed(1)
     }
   ],
   flag: [
     {
       key: "amplitude",
       label: "Flag Amplitude",
-      defaultInternalValue: rt.amplitude,
+      defaultInternalValue: nt.amplitude,
       // Slider 0-100 maps to internal -0.5 to 0.5 (-50% to +50%)
-      toSlider: (r) => (r + 0.5) * 100,
-      fromSlider: (r) => r / 100 - 0.5,
-      toDisplay: (r) => `${(r * 100).toFixed(0)}%`
+      toSlider: (o) => (o + 0.5) * 100,
+      fromSlider: (o) => o / 100 - 0.5,
+      toDisplay: (o) => `${(o * 100).toFixed(0)}%`
     },
     {
       key: "frequency",
       label: "Flag Frequency",
-      defaultInternalValue: rt.frequency,
+      defaultInternalValue: nt.frequency,
       step: 5,
-      toSlider: (r) => (r - 1) / 4 * 100,
-      fromSlider: (r) => 1 + r / 100 * 4,
-      toDisplay: (r) => r.toFixed(1)
+      toSlider: (o) => (o - 1) / 4 * 100,
+      fromSlider: (o) => 1 + o / 100 * 4,
+      toDisplay: (o) => o.toFixed(1)
     }
   ],
   lean: [
     {
       key: "leanAmount",
       label: "Lean Amount",
-      defaultInternalValue: Ve.leanAmount,
+      defaultInternalValue: ti.leanAmount,
       // Slider 0-100 maps to internal -0.5 to 0.5
       // Display as -100% to 100%
-      toSlider: (r) => (r + 0.5) * 100,
-      fromSlider: (r) => r / 100 - 0.5,
-      toDisplay: (r) => `${(r * 200).toFixed(0)}%`
+      toSlider: (o) => (o + 0.5) * 100,
+      fromSlider: (o) => o / 100 - 0.5,
+      toDisplay: (o) => `${(o * 200).toFixed(0)}%`
     }
   ],
   ascend: [
     {
       key: "ascendAngle",
       label: "Ascend Amount",
-      defaultInternalValue: Je.ascendAngle,
+      defaultInternalValue: ei.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,
-      fromSlider: (r) => 30 - r / 100 * 60,
-      toDisplay: (r) => `${(-r / 30 * 100).toFixed(0)}%`
+      toSlider: (o) => (30 - o) / 60 * 100,
+      fromSlider: (o) => 30 - o / 100 * 60,
+      toDisplay: (o) => `${(-o / 30 * 100).toFixed(0)}%`
     }
   ],
   shape: [
@@ -5818,10 +5934,10 @@ const Qe = {
       label: "Border Radius",
       defaultInternalValue: 0,
       // Slider 0-100 maps to internal 0 to 50
-      toSlider: (r) => r / 50 * 100,
-      fromSlider: (r) => r / 100 * 50,
-      toDisplay: (r) => `${r.toFixed(0)}%`,
-      visibleWhen: (r) => r.shapeType === "rectangle"
+      toSlider: (o) => o / 50 * 100,
+      fromSlider: (o) => o / 100 * 50,
+      toDisplay: (o) => `${o.toFixed(0)}%`,
+      visibleWhen: (o) => o.shapeType === "rectangle"
     },
     {
       key: "sides",
@@ -5829,10 +5945,10 @@ const Qe = {
       defaultInternalValue: 5,
       step: 1,
       // Slider 0-100 maps to internal 3 to 20
-      toSlider: (r) => (r - 3) / 17 * 100,
-      fromSlider: (r) => Math.round(3 + r / 100 * 17),
-      toDisplay: (r) => r.toFixed(0),
-      visibleWhen: (r) => r.shapeType === "polygon"
+      toSlider: (o) => (o - 3) / 17 * 100,
+      fromSlider: (o) => Math.round(3 + o / 100 * 17),
+      toDisplay: (o) => o.toFixed(0),
+      visibleWhen: (o) => o.shapeType === "polygon"
     },
     {
       key: "points",
@@ -5840,82 +5956,82 @@ const Qe = {
       defaultInternalValue: 5,
       step: 1,
       // Slider 0-100 maps to internal 3 to 20
-      toSlider: (r) => (r - 3) / 17 * 100,
-      fromSlider: (r) => Math.round(3 + r / 100 * 17),
-      toDisplay: (r) => r.toFixed(0),
-      visibleWhen: (r) => r.shapeType === "star"
+      toSlider: (o) => (o - 3) / 17 * 100,
+      fromSlider: (o) => Math.round(3 + o / 100 * 17),
+      toDisplay: (o) => o.toFixed(0),
+      visibleWhen: (o) => o.shapeType === "star"
     },
     {
       key: "innerRadius",
       label: "Inner Radius",
       defaultInternalValue: 0.4,
       // Slider 0-100 maps to internal 0.1 to 0.9
-      toSlider: (r) => (r - 0.1) / 0.8 * 100,
-      fromSlider: (r) => 0.1 + r / 100 * 0.8,
-      toDisplay: (r) => `${(r * 100).toFixed(0)}%`,
-      visibleWhen: (r) => r.shapeType === "star"
+      toSlider: (o) => (o - 0.1) / 0.8 * 100,
+      fromSlider: (o) => 0.1 + o / 100 * 0.8,
+      toDisplay: (o) => `${(o * 100).toFixed(0)}%`,
+      visibleWhen: (o) => o.shapeType === "star"
     },
     {
       key: "fillOpacity",
       label: "Fill Opacity",
       defaultInternalValue: 1,
       // Slider 0-100 maps to internal 0 to 1
-      toSlider: (r) => r * 100,
-      fromSlider: (r) => r / 100,
-      toDisplay: (r) => `${(r * 100).toFixed(0)}%`
+      toSlider: (o) => o * 100,
+      fromSlider: (o) => o / 100,
+      toDisplay: (o) => `${(o * 100).toFixed(0)}%`
     }
   ]
-}, Zt = [
-  { id: "custom", label: "CUSTOM", Component: Xe },
+}, se = [
+  { id: "custom", label: "CUSTOM", Component: Ve },
   // 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: 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 },
+  { id: "circle", label: "CIRCLE", Component: Ze },
+  { id: "lean", label: "LEAN", Component: oi },
+  { id: "arch", label: "ARCH", Component: Ke },
+  { id: "ascend", label: "ASCEND", Component: ri },
+  { id: "wave", label: "WAVE", Component: ii },
+  { id: "flag", label: "FLAG", Component: si },
+  { id: "shape", label: "SHAPE", Component: Ot },
+  { id: "path", label: "PATH", Component: Bt },
+  { id: "image", label: "IMAGE", Component: bt },
   // 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 mt;
+    return yt;
   } }
-], Kt = new Set(Zt.map((r) => r.id)), ut = /* @__PURE__ */ new Map();
-function ds(r, t) {
-  if (Kt.has(r))
+], oe = new Set(se.map((o) => o.id)), pt = /* @__PURE__ */ new Map();
+function Ts(o, t) {
+  if (oe.has(o))
     throw new Error(
-      `Cannot register transform type "${r}": conflicts with built-in type`
+      `Cannot register transform type "${o}": conflicts with built-in type`
     );
-  if (ut.has(r))
+  if (pt.has(o))
     throw new Error(
-      `Cannot register transform type "${r}": already registered as a custom type`
+      `Cannot register transform type "${o}": already registered as a custom type`
     );
-  ut.set(r, t);
+  pt.set(o, t);
 }
-function gs(r) {
-  if (Kt.has(r))
+function Fs(o) {
+  if (oe.has(o))
     throw new Error(
-      `Cannot unregister transform type "${r}": built-in types cannot be removed`
+      `Cannot unregister transform type "${o}": built-in types cannot be removed`
     );
-  return ut.delete(r);
+  return pt.delete(o);
 }
-function ti(r) {
-  const t = Zt.find((e) => e.id === r);
-  return t || ut.get(r);
+function li(o) {
+  const t = se.find((e) => e.id === o);
+  return t || pt.get(o);
 }
-function fs(r) {
-  return Qe[r] || [];
+function As(o) {
+  return hi[o] || [];
 }
-class mt extends Q {
+class yt extends tt {
   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 || [];
-    this.children = e.map((i) => i instanceof Q ? i : this._reconstructChildFromJSON(i)), this.transformData = {
+    this.children = e.map((i) => i instanceof tt ? i : this._reconstructChildFromJSON(i)), this.transformData = {
       type: "group"
     }, this.children.length > 0 && this.updateBoundsFromChildren(!0);
   }
@@ -5926,7 +6042,7 @@ class mt 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 = ti(e);
+    const e = t.transformType || t.type, i = li(e);
     if (!i || !i.Component)
       throw new Error(`Unknown transform type: ${e}`);
     return new i.Component(t);
@@ -5939,10 +6055,10 @@ class mt extends Q {
     if (this.children.length === 0)
       return { x: this.x - 50, y: this.y - 50, width: 100, height: 100 };
     let t = 1 / 0, e = 1 / 0, i = -1 / 0, s = -1 / 0;
-    return this.children.forEach((o) => {
-      const a = o.getVisualBoundingBox();
-      this._getRotatedCorners(o, a).forEach((h) => {
-        t = Math.min(t, h.x), e = Math.min(e, h.y), i = Math.max(i, h.x), s = Math.max(s, h.y);
+    return this.children.forEach((r) => {
+      const h = r.getVisualBoundingBox();
+      this._getRotatedCorners(r, h).forEach((a) => {
+        t = Math.min(t, a.x), e = Math.min(e, a.y), i = Math.max(i, a.x), s = Math.max(s, a.y);
       });
     }), {
       x: t,
@@ -5972,12 +6088,12 @@ class mt extends Q {
    * Get the four corners of an element's bounding box in world space
    */
   _getRotatedCorners(t, e) {
-    const i = new P(t), s = e.x + e.width / 2, o = e.y + e.height / 2, a = s - t.x, n = o - t.y;
+    const i = new P(t), s = e.x + e.width / 2, r = e.y + e.height / 2, h = s - t.x, n = r - t.y;
     return [
-      { localX: a - e.width / 2, localY: n - e.height / 2 },
-      { localX: a + e.width / 2, localY: n - e.height / 2 },
-      { localX: a - e.width / 2, localY: n + e.height / 2 },
-      { localX: a + e.width / 2, localY: n + e.height / 2 }
+      { localX: h - e.width / 2, localY: n - e.height / 2 },
+      { localX: h + e.width / 2, localY: n - e.height / 2 },
+      { localX: h - e.width / 2, localY: n + e.height / 2 },
+      { localX: h + e.width / 2, localY: n + e.height / 2 }
     ].map((l) => i.localToWorld(l.localX, l.localY));
   }
   /**
@@ -6012,9 +6128,9 @@ class mt extends Q {
    * Elements with isClipping=true clip all elements below them in the group
    */
   render(t, e = !1, i = !1) {
-    const s = this.children.filter((a) => a.visible !== !1);
-    s.some((a) => a.isClipping) ? Ee()(t, s) : s.forEach((a) => {
-      a.render(t, !1);
+    const s = this.children.filter((h) => h.visible !== !1);
+    s.some((h) => h.isClipping) ? Le()(t, s) : s.forEach((h) => {
+      h.render(t, !1);
     }), e ? this._renderGroupOutline(t, 1) : i && this._renderGroupOutline(t, 0.3);
   }
   /**
@@ -6023,9 +6139,9 @@ class mt extends Q {
    */
   _renderGroupOutline(t, e = 1) {
     const i = this.getOrientedBoundingBox();
-    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();
+    t.save(), t.globalAlpha = e, t.strokeStyle = Vt(), t.lineWidth = 2, t.setLineDash([5, 5]);
+    const s = this._rotationCenterX || this.x, r = this._rotationCenterY || this.y;
+    this.rotation !== 0 && (t.translate(s, r), t.rotate(-this.rotation * Math.PI / 180), t.translate(-s, -r)), t.strokeRect(i.x, i.y, i.width, i.height), t.setLineDash([]), t.restore();
   }
   /**
    * Get oriented bounding box (uses cached base dimensions for stability during rotation)
@@ -6042,8 +6158,8 @@ class mt extends Q {
     if (this._baseBBoxWidth > 0 && this._baseBBoxHeight > 0)
       t = this._baseBBoxWidth, e = this._baseBBoxHeight;
     else {
-      const o = this.getBoundingBox();
-      t = o.width, e = o.height, this._baseBBoxWidth = t, this._baseBBoxHeight = e;
+      const r = this.getBoundingBox();
+      t = r.width, e = r.height, this._baseBBoxWidth = t, this._baseBBoxHeight = e;
     }
     const i = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
     return {
@@ -6068,9 +6184,9 @@ class mt extends Q {
     const e = t - this.rotation;
     this.rotation = t;
     const i = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
-    this.children.forEach((o) => {
-      const a = P.rotatePointAroundAnchor(o.x, o.y, i, s, e);
-      o.x = a.x, o.y = a.y, o.setRotation(o.rotation + e);
+    this.children.forEach((r) => {
+      const h = P.rotatePointAroundAnchor(r.x, r.y, i, s, e);
+      r.x = h.x, r.y = h.y, r.setRotation(r.rotation + e);
     }), this.x = i, this.y = s;
   }
   /**
@@ -6080,31 +6196,31 @@ class mt extends Q {
   resize(t, e, i, s) {
     if (!s.childrenStartData || !s.width || !s.height)
       return;
-    const o = e / s.width, a = i / s.height, n = (o + a) / 2;
-    let h, l;
+    const r = e / s.width, h = i / s.height, n = (r + h) / 2;
+    let a, l;
     switch (t) {
       case "top-left":
-        h = s.width / 2, l = s.height / 2;
+        a = s.width / 2, l = s.height / 2;
         break;
       case "top-right":
-        h = -s.width / 2, l = s.height / 2;
+        a = -s.width / 2, l = s.height / 2;
         break;
       case "bottom-left":
-        h = s.width / 2, l = -s.height / 2;
+        a = s.width / 2, l = -s.height / 2;
         break;
       case "bottom-right":
-        h = -s.width / 2, l = -s.height / 2;
+        a = -s.width / 2, l = -s.height / 2;
         break;
       default:
-        h = 0, l = 0;
+        a = 0, l = 0;
     }
-    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);
+    const c = -s.rotation * Math.PI / 180, g = Math.cos(c), d = Math.sin(c), f = s.x + (a * g - l * d), u = s.y + (a * d + l * g);
     this.children.forEach((y, w) => {
       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) {
+      if (y.x = C, y.y = M, y instanceof bt) {
         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) {
+      } else if (y instanceof yt) {
         const F = (S.width ?? 0) * n, T = (S.height ?? 0) * n;
         y.resize(t, F, T, S);
       } else {
@@ -6129,7 +6245,7 @@ class mt extends Q {
       height: e,
       rotation: this.rotation,
       transformData: this.transformData,
-      childrenStartData: this.children.map((o) => o.getTransformStartData())
+      childrenStartData: this.children.map((r) => r.getTransformStartData())
     };
   }
   /**
@@ -6137,10 +6253,10 @@ class mt extends Q {
    * This allows clicking anywhere within the selection border to drag the group
    */
   hitTest(t, e) {
-    const i = this.getOrientedBoundingBox(), s = this._rotationCenterX || this.x, o = this._rotationCenterY || this.y;
+    const i = this.getOrientedBoundingBox(), s = this._rotationCenterX || this.x, r = this._rotationCenterY || this.y;
     if (this.rotation === 0)
       return t >= i.x && t <= i.x + i.width && e >= i.y && e <= i.y + i.height;
-    const a = this.rotation * Math.PI / 180, n = Math.cos(a), h = Math.sin(a), l = t - s, c = e - o, g = s + (l * n - c * h), d = o + (l * h + c * n);
+    const h = this.rotation * Math.PI / 180, n = Math.cos(h), a = Math.sin(h), l = t - s, c = e - r, g = s + (l * n - c * a), d = r + (l * a + c * n);
     return g >= i.x && g <= i.x + i.width && d >= i.y && d <= i.y + i.height;
   }
   /**
@@ -6166,7 +6282,7 @@ class mt extends Q {
    * Clone the group (deep copy with children)
    */
   clone() {
-    const t = this.children.map((i) => i.clone()), e = new mt({
+    const t = this.children.map((i) => i.clone()), e = new yt({
       id: this.id,
       x: this.x,
       y: this.y,
@@ -6180,7 +6296,7 @@ class mt extends Q {
     }), this.masks && (e.masks = this.masks.map((i) => ({
       ...i,
       maskElement: structuredClone(i.maskElement)
-    }))), this.distressEffect && (e.distressEffect = { ...this.distressEffect }), e;
+    }))), this.distressEffect && (e.distressEffect = { ...this.distressEffect }), this.shadow && (e.shadow = { ...this.shadow }), e;
   }
   /**
    * Add a child to the group
@@ -6214,7 +6330,7 @@ class mt extends Q {
     return null;
   }
 }
-class Z {
+class K {
   constructor(t) {
     if (this._cachedArray = null, this.byId = /* @__PURE__ */ new Map(), this.order = [], t)
       for (const e of t)
@@ -6310,7 +6426,7 @@ class Z {
    * (e.g., reordering by an ID array from undo/redo).
    */
   replaceAll(t) {
-    return new Z(t);
+    return new K(t);
   }
   /**
    * Filter elements by predicate while preserving order.
@@ -6318,7 +6434,7 @@ class Z {
    */
   filter(t) {
     const e = this.getAll().filter(t);
-    return new Z(e);
+    return new K(e);
   }
   /**
    * Map over elements in render order, returning a new store.
@@ -6326,7 +6442,7 @@ class Z {
    */
   map(t) {
     const e = this.getAll().map(t);
-    return new Z(e);
+    return new K(e);
   }
   /**
    * Set a completely new ordering for all elements.
@@ -6345,29 +6461,17 @@ class Z {
   }
   /** Create from a plain array. */
   static fromArray(t) {
-    return new Z(t);
+    return new K(t);
   }
   // ---------------------------------------------------------------------------
   // Internal
   // ---------------------------------------------------------------------------
   /** Create a shallow clone (new Map/Array, same element references). */
   clone() {
-    const t = new Z();
+    const t = new K();
     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
@@ -6382,7 +6486,7 @@ class $ {
     throw new Error("Command.undo() must be implemented");
   }
 }
-class ys extends $ {
+class Ms 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;
   }
@@ -6393,7 +6497,7 @@ class ys extends $ {
     this.oldElement && this.onUpdate(this.oldElement);
   }
 }
-class ws extends $ {
+class Ds extends $ {
   constructor(t, e, i) {
     super(), this.element = t.clone(), this.onAdd = e, this.onRemove = i;
   }
@@ -6404,7 +6508,7 @@ class ws extends $ {
     this.onRemove(this.element.id);
   }
 }
-class bs extends $ {
+class Is extends $ {
   constructor(t, e, i) {
     super(), this.element = t.clone(), this.onAdd = e, this.onRemove = i;
   }
@@ -6415,7 +6519,7 @@ class bs extends $ {
     this.onAdd(this.element);
   }
 }
-class ei extends $ {
+class ci extends $ {
   constructor(t) {
     super(), this.commands = t;
   }
@@ -6427,7 +6531,7 @@ class ei extends $ {
       this.commands[t].undo();
   }
 }
-class ct {
+class gt {
   constructor(t = 50) {
     this.history = [], this.currentIndex = -1, this.maxSize = t;
   }
@@ -6447,7 +6551,7 @@ class ct {
   executeBatch(t) {
     if (t.length === 0)
       return;
-    const e = new ei(t);
+    const e = new ci(t);
     this.execute(e);
   }
   /**
@@ -6492,7 +6596,7 @@ class ct {
     };
   }
 }
-class xs extends $ {
+class ks extends $ {
   constructor(t, e) {
     super(), this.artboard = t.clone(), this.artboardManager = e;
   }
@@ -6512,7 +6616,7 @@ class xs extends $ {
     this.artboardManager.deleteArtboard(this.artboard.id);
   }
 }
-class Ss extends $ {
+class Es extends $ {
   constructor(t, e) {
     super(), this.artboard = t.clone(), this.artboardManager = e, this.elementsOnArtboard = t.getElementIds();
   }
@@ -6535,7 +6639,7 @@ class Ss extends $ {
     });
   }
 }
-class Cs extends $ {
+class Os extends $ {
   constructor(t, e, i, s) {
     super(), this.artboardId = t, this.oldProperties = { ...e }, this.newProperties = { ...i }, this.artboardManager = s;
   }
@@ -6546,9 +6650,9 @@ class Cs extends $ {
     this.artboardManager.updateArtboard(this.artboardId, this.oldProperties);
   }
 }
-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();
+class Bs extends $ {
+  constructor(t, e, i, s, r) {
+    super(), this.draggedId = t, this.targetId = e, this.position = i, this.oldOrder = [...s], this.onReorder = r, this.newOrder = this.calculateNewOrder();
   }
   calculateNewOrder() {
     const t = [...this.oldOrder], e = t.indexOf(this.draggedId);
@@ -6566,10 +6670,10 @@ class vs extends $ {
     this.onReorder(this.oldOrder);
   }
 }
-const ii = pt("HybridHistoryManager");
-class Ts {
+const di = wt("HybridHistoryManager");
+class Rs {
   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;
+    this.commandExecutedCallbacks = [], this.globalHistory = new gt(e), this.artboardHistories = /* @__PURE__ */ new Map(), this.lastOperation = null, this.artboardManager = t, this.maxHistorySize = e;
   }
   /**
    * Register a callback to be called whenever a command is executed
@@ -6588,8 +6692,8 @@ class Ts {
     for (const s of this.commandExecutedCallbacks)
       try {
         s(t, e, i);
-      } catch (o) {
-        ii.error("Error in command executed callback:", o);
+      } catch (r) {
+        di.error("Error in command executed callback:", r);
       }
   }
   /**
@@ -6623,7 +6727,7 @@ class Ts {
     if (e.length === 0)
       return;
     let i = this.artboardHistories.get(t);
-    i || (i = new ct(this.maxHistorySize), this.artboardHistories.set(t, i)), i.executeBatch(e), this.lastOperation = {
+    i || (i = new gt(this.maxHistorySize), this.artboardHistories.set(t, i)), i.executeBatch(e), this.lastOperation = {
       type: "artboard",
       artboardId: t,
       timestamp: Date.now()
@@ -6636,7 +6740,7 @@ class Ts {
    */
   executeOnArtboard(t, e) {
     let i = this.artboardHistories.get(t);
-    i || (i = new ct(this.maxHistorySize), this.artboardHistories.set(t, i)), i.execute(e), this.lastOperation = {
+    i || (i = new gt(this.maxHistorySize), this.artboardHistories.set(t, i)), i.execute(e), this.lastOperation = {
       type: "artboard",
       artboardId: t,
       timestamp: Date.now()
@@ -6782,7 +6886,7 @@ class Ts {
    */
   getArtboardHistory(t) {
     let e = this.artboardHistories.get(t);
-    return e || (e = new ct(this.maxHistorySize), this.artboardHistories.set(t, e)), e;
+    return e || (e = new gt(this.maxHistorySize), this.artboardHistories.set(t, e)), e;
   }
   /**
    * Get global history
@@ -6796,11 +6900,11 @@ class Ts {
   getState() {
     const t = this.globalHistory.getState(), e = /* @__PURE__ */ new Map();
     return this.artboardHistories.forEach((i, s) => {
-      const o = i.getState();
+      const r = i.getState();
       e.set(s, {
-        canUndo: o.canUndo,
-        canRedo: o.canRedo,
-        historySize: o.historySize
+        canUndo: r.canUndo,
+        canRedo: r.canRedo,
+        historySize: r.historySize
       });
     }), {
       global: {
@@ -6861,12 +6965,12 @@ class Ts {
     return this.canRedoGlobal() ? "Redo artboard operation" : "Nothing to redo";
   }
 }
-const G = pt("FontAnalyzer");
-let St = null;
-async function si() {
-  return St || (St = await import("./browser-module-DFvKXBUE.js")), St;
+const G = wt("FontAnalyzer");
+let vt = null;
+async function gi() {
+  return vt || (vt = await import("./browser-module-DFvKXBUE.js")), vt;
 }
-class oi {
+class fi {
   constructor() {
     this.fontCache = /* @__PURE__ */ new Map(), this.failedFonts = /* @__PURE__ */ new Set(), this.CACHE_DURATION = 1e3 * 60 * 30, this.MAX_CACHE_SIZE = 5;
   }
@@ -6886,7 +6990,7 @@ class oi {
    * Check if a font is a system font
    */
   isSystemFont(t) {
-    return Se.has(t);
+    return Me.has(t);
   }
   /**
    * Get Google Fonts API URL for a specific font family
@@ -6899,18 +7003,18 @@ class oi {
    */
   async extractFontFileUrl(t, e = 400) {
     try {
-      const i = this.getGoogleFontUrl(t, e), o = await (await fetch(i)).text(), a = /@font-face\s*{([^}]*)}/g, n = Array.from(o.matchAll(a));
+      const i = this.getGoogleFontUrl(t, e), r = await (await fetch(i)).text(), h = /@font-face\s*{([^}]*)}/g, n = Array.from(r.matchAll(h));
       if (n.length === 0)
         return G.warn("No @font-face found in CSS"), null;
-      let h = null, l = -1;
+      let a = null, l = -1;
       for (let c = 0; c < n.length; c++) {
         const g = n[c][1], d = g.match(/url\((https:\/\/fonts\.gstatic\.com\/[^)]+)\)/), f = g.includes("unicode-range"), u = g.match(/unicode-range:\s*([^;]+);/);
         if (!d) continue;
         const m = d[1];
         let p = 0;
-        f ? u && (p = (u[1].match(/U\+/g) || []).length) : p = 1e3, p > l && (l = p, h = m);
+        f ? u && (p = (u[1].match(/U\+/g) || []).length) : p = 1e3, p > l && (l = p, a = m);
       }
-      return h || (G.warn("No font URL found in CSS for", t), null);
+      return a || (G.warn("No font URL found in CSS for", t), null);
     } catch (i) {
       return G.error("Error extracting font file URL:", i), null;
     }
@@ -6928,20 +7032,20 @@ class oi {
     if (s && Date.now() - s.timestamp < this.CACHE_DURATION)
       return s.timestamp = Date.now(), s.font;
     try {
-      const o = await this.extractFontFileUrl(t, e);
-      if (!o)
+      const r = await this.extractFontFileUrl(t, e);
+      if (!r)
         return this.failedFonts.add(i), null;
-      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 si()).create(h), g = "fonts" in c ? c.fonts[0] : c;
+      const h = await fetch(r);
+      if (!h.ok)
+        return G.error(`Font fetch failed: ${h.status} ${h.statusText}`), this.failedFonts.add(i), null;
+      const n = await h.arrayBuffer(), a = new Uint8Array(n), c = (await gi()).create(a), g = "fonts" in c ? c.fonts[0] : c;
       return this.fontCache.set(i, {
         font: g,
-        url: o,
+        url: r,
         timestamp: Date.now()
       }), this.evictOldestFont(), g;
-    } catch (o) {
-      return G.error(`Error loading font ${t}:`, o), this.failedFonts.add(i), null;
+    } catch (r) {
+      return G.error(`Error loading font ${t}:`, r), this.failedFonts.add(i), null;
     }
   }
   /**
@@ -6967,14 +7071,14 @@ class oi {
    * Get all glyphs in a font (for browsing)
    */
   async getAllGlyphs(t, e = 400, i = 1500) {
-    var n, h;
+    var n, a;
     if (this.isSystemFont(t))
       return [];
     const s = await this.loadFont(t, e);
     if (!s)
       return [];
-    const o = [], a = Math.min(s.numGlyphs, i);
-    for (let l = 0; l < a; l++)
+    const r = [], h = Math.min(s.numGlyphs, i);
+    for (let l = 0; l < h; l++)
       try {
         const c = s.getGlyph(l);
         if (!c || !c.name || c.name === ".notdef" || c.name.startsWith(".null"))
@@ -6993,7 +7097,7 @@ class oi {
             const p = ((n = c.name.match(/\.alt(\d+)/)) == null ? void 0 : n[1]) || "";
             f = `${d} Alternate${p ? " " + p : ""}`;
           } else if (c.name.match(/\.ss(\d+)/)) {
-            const p = (h = c.name.match(/\.ss(\d+)/)) == null ? void 0 : h[1];
+            const p = (a = c.name.match(/\.ss(\d+)/)) == null ? void 0 : a[1];
             f = `${d} Stylistic Set ${p}`;
           } else
             f = `${d} - ${c.name}`;
@@ -7001,7 +7105,7 @@ class oi {
         const m = c.name.toLowerCase();
         if (m.includes("swash") || m.includes("cswh") ? u = "swash" : c.name.match(/\.(alt|ss\d+|cv\d+|salt|ornament)/) || c.name.match(/_\d+$/) ? u = "stylistic" : m.match(/liga|dlig/) && (u = "ligature"), u === "default")
           continue;
-        d && d.length > 0 && o.push({
+        d && d.length > 0 && r.push({
           glyphIndex: c.id,
           unicode: d,
           name: f,
@@ -7010,7 +7114,7 @@ class oi {
         });
       } catch {
       }
-    return o;
+    return r;
   }
   /**
    * Get glyph alternates for a specific character
@@ -7020,28 +7124,28 @@ class oi {
     const s = await this.loadFont(t, i);
     if (!s)
       return [];
-    const o = [], a = e.codePointAt(0);
-    if (a === void 0)
+    const r = [], h = e.codePointAt(0);
+    if (h === void 0)
       return [];
-    const n = s.glyphForCodePoint(a);
-    n && o.push({
+    const n = s.glyphForCodePoint(h);
+    n && r.push({
       glyphIndex: n.id,
       unicode: e,
       name: n.name || "Default",
       category: "default",
       previewDataUrl: this.generateGlyphPreview(s, n.id, 80)
     });
-    const h = n == null ? void 0 : n.name;
-    if (h) {
+    const a = n == null ? void 0 : n.name;
+    if (a) {
       let f = 0;
       for (let u = 0; u < s.numGlyphs; u++)
         try {
           const m = s.getGlyph(u);
           if (!m || !m.name) continue;
           if ([
-            new RegExp(`^${h}\\.(swash|alt|ss\\d+|salt|ornament)`, "i"),
-            new RegExp(`^${h}_\\d+$`, "i"),
-            new RegExp(`^${h}\\.\\d+$`, "i")
+            new RegExp(`^${a}\\.(swash|alt|ss\\d+|salt|ornament)`, "i"),
+            new RegExp(`^${a}_\\d+$`, "i"),
+            new RegExp(`^${a}\\.\\d+$`, "i")
           ].some((w) => w.test(m.name)) && m.id !== n.id) {
             f++;
             let w = m.name;
@@ -7054,7 +7158,7 @@ class oi {
               const S = (c = m.name.match(/\.ss(\d+)/)) == null ? void 0 : c[1];
               w = `${e} Stylistic Set ${S}`;
             }
-            o.push({
+            r.push({
               glyphIndex: m.id,
               unicode: e,
               name: w,
@@ -7080,7 +7184,7 @@ class oi {
                     if (!S) continue;
                     if (this.getCoverageIndex(S, n.id) !== -1) {
                       const v = this.getSubstituteGlyph(w, n.id);
-                      v !== null && o.push({
+                      v !== null && r.push({
                         glyphIndex: v,
                         unicode: e,
                         name: `${e} (${m})`,
@@ -7098,7 +7202,7 @@ class oi {
                       const C = v.alternateSets[b];
                       if (C)
                         for (const M of C)
-                          o.push({
+                          r.push({
                             glyphIndex: M,
                             unicode: e,
                             name: `${e} (${m} alt)`,
@@ -7111,7 +7215,7 @@ class oi {
             }
         }
     }
-    return o;
+    return r;
   }
   /**
    * Get available OpenType features for a font
@@ -7123,16 +7227,16 @@ class oi {
     try {
       const s = [];
       if (i.GSUB && i.GSUB.featureList) {
-        const o = /* @__PURE__ */ new Set();
-        for (const a of i.GSUB.featureList)
-          a.tag && o.add(a.tag);
-        s.push(...Array.from(o));
+        const r = /* @__PURE__ */ new Set();
+        for (const h of i.GSUB.featureList)
+          h.tag && r.add(h.tag);
+        s.push(...Array.from(r));
       }
       if (i.GPOS && i.GPOS.featureList) {
-        const o = /* @__PURE__ */ new Set();
-        for (const a of i.GPOS.featureList)
-          a.tag && o.add(a.tag);
-        s.push(...Array.from(o));
+        const r = /* @__PURE__ */ new Set();
+        for (const h of i.GPOS.featureList)
+          h.tag && r.add(h.tag);
+        s.push(...Array.from(r));
       }
       return s;
     } catch (s) {
@@ -7145,27 +7249,27 @@ class oi {
   generateGlyphPreview(t, e, i = 80) {
     const s = document.createElement("canvas");
     s.width = i, s.height = i;
-    const o = s.getContext("2d");
-    if (!o)
+    const r = s.getContext("2d");
+    if (!r)
       return "";
     try {
-      const a = t.getGlyph(e);
-      if (!a)
+      const h = t.getGlyph(e);
+      if (!h)
         return "";
-      o.clearRect(0, 0, i, i);
-      const n = a.bbox;
+      r.clearRect(0, 0, i, i);
+      const n = h.bbox;
       if (!n)
         return "";
-      const h = n.maxX - n.minX, l = n.maxY - n.minY;
-      if (h === 0 || l === 0)
+      const a = n.maxX - n.minX, l = n.maxY - n.minY;
+      if (a === 0 || l === 0)
         return "";
-      const g = Math.min(i / h, i / l) * 0.6, d = (n.minX + n.maxX) / 2, f = (n.minY + n.maxY) / 2, u = i / 2, m = i / 2, p = a.path.toSVG();
+      const g = Math.min(i / a, i / l) * 0.6, d = (n.minX + n.maxX) / 2, f = (n.minY + n.maxY) / 2, u = i / 2, m = i / 2, p = h.path.toSVG();
       if (!p)
         return "";
       const y = new Path2D(p);
-      return o.save(), o.translate(u, m), o.scale(g, -g), o.translate(-d, -f), o.fillStyle = "#000000", o.fill(y), o.restore(), s.toDataURL("image/png");
-    } catch (a) {
-      return G.error("Error generating glyph preview:", a), "";
+      return r.save(), r.translate(u, m), r.scale(g, -g), r.translate(-d, -f), r.fillStyle = "#000000", r.fill(y), r.restore(), s.toDataURL("image/png");
+    } catch (h) {
+      return G.error("Error generating glyph preview:", h), "";
     }
   }
   /**
@@ -7227,9 +7331,9 @@ class oi {
     if (t.format === 2 && t.ranges) {
       const i = t.ranges;
       for (let s = 0; s < i.length; s++) {
-        const o = i[s];
-        if (e >= o.start && e <= o.end)
-          return o.index + (e - o.start);
+        const r = i[s];
+        if (e >= r.start && e <= r.end)
+          return r.index + (e - r.start);
       }
     }
     return -1;
@@ -7256,14 +7360,14 @@ class oi {
     if (!i)
       return 0;
     let s = 0;
-    const o = Math.min(i.numGlyphs, 1500);
-    for (let a = 0; a < o; a++)
+    const r = Math.min(i.numGlyphs, 1500);
+    for (let h = 0; h < r; h++)
       try {
-        const n = i.getGlyph(a);
+        const n = i.getGlyph(h);
         if (!n || !n.name || n.name === ".notdef" || n.name.startsWith(".null"))
           continue;
-        const h = n.codePoints || [];
-        let l = h.length > 0 ? String.fromCodePoint(h[0]) : "";
+        const a = n.codePoints || [];
+        let l = a.length > 0 ? String.fromCodePoint(a[0]) : "";
         if (!l || l.length === 0) {
           const d = n.name.match(/^([A-Za-z0-9])[._]/);
           d && (l = d[1]);
@@ -7285,134 +7389,140 @@ class oi {
     };
   }
 }
-const Fs = new oi();
+const Hs = new fi();
 export {
-  ve as $,
-  nt as A,
-  Q as B,
-  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,
+  si as $,
+  at as A,
+  tt as B,
+  Hs as C,
+  Cs as D,
+  ni as E,
+  Li as F,
+  yt as G,
+  ye as H,
+  bt as I,
+  ai as J,
+  zt as K,
+  Re as L,
+  kt as M,
+  _i as N,
+  zi as O,
+  Bt as P,
+  dt as Q,
   L as R,
-  kt as S,
-  q as T,
-  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,
+  Ot as S,
+  j as T,
+  Ms as U,
+  Ke as V,
+  ui as W,
+  ri as X,
+  Ze as Y,
+  Ve as Z,
+  K as _,
+  as as a,
+  pi as a$,
+  Rs as a0,
+  oi as a1,
+  Ie as a2,
+  ii as a3,
+  Je as a4,
+  us as a5,
+  fs as a6,
+  ms as a7,
+  ps as a8,
+  Oe as a9,
+  rt as aA,
+  Wi as aB,
+  Et as aC,
+  Jt as aD,
+  Fi as aE,
+  Vt 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
+  Mi as aH,
+  I as aI,
+  P as aJ,
+  Hi as aK,
+  xs as aL,
+  Se as aM,
+  yi as aN,
+  Ti as aO,
+  ws as aP,
+  Ce as aQ,
+  ys as aR,
+  qe as aS,
+  bs as aT,
+  Oi as aU,
+  Ci as aV,
+  vi as aW,
+  Si as aX,
+  xe as aY,
+  xi as aZ,
+  bi as a_,
+  Ue as aa,
+  Ye as ab,
+  ht as ac,
+  Wt as ad,
+  It as ae,
+  Nt as af,
+  qt as ag,
+  gs as ah,
+  Z as ai,
+  xt as aj,
+  ds as ak,
+  De as al,
+  Xi as am,
+  Yi as an,
+  q as ao,
+  ls as ap,
+  Ds as aq,
+  Is as ar,
+  ks as as,
+  Es as at,
+  Os as au,
+  Bs as av,
+  Fe as aw,
+  Ae as ax,
+  Ii as ay,
+  Qe as az,
+  ns as b,
+  Ri as b0,
+  Bi as b1,
+  wi as b2,
+  ki as b3,
+  Ei as b4,
+  Di as b5,
+  vs as b6,
+  mi as b7,
+  se as b8,
+  As as b9,
+  Pi as ba,
+  ti as bb,
+  nt as bc,
+  Ni as bd,
+  We as be,
+  wt as c,
+  ts as d,
+  Gi as e,
+  Qi as f,
+  li as g,
+  cs as h,
+  $i as i,
+  Ui as j,
+  Ji as k,
+  es as l,
+  ji as m,
+  Ki as n,
+  qi as o,
+  hs as p,
+  ss as q,
+  Ts as r,
+  rs as s,
+  is as t,
+  Fs as u,
+  os as v,
+  Zi as w,
+  Vi as x,
+  Ss as y,
+  mt as z
 };
-//# sourceMappingURL=FontAnalyzer-BYhwxDhe.js.map
+//# sourceMappingURL=FontAnalyzer-BrKY6XYn.js.map