@snowcone-app/canvas 0.29.0 → 0.30.0

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

@@ -1,29 +1,29 @@
-function se(r) {
+function oe(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var Ht = { exports: {} }, O = Ht.exports = {}, X, Y;
-function xt() {
+var Ht = { exports: {} }, O = Ht.exports = {}, X, _;
+function St() {
   throw new Error("setTimeout has not been defined");
 }
-function St() {
+function Ct() {
   throw new Error("clearTimeout has not been defined");
 }
 (function() {
   try {
-    typeof setTimeout == "function" ? X = setTimeout : X = xt;
+    typeof setTimeout == "function" ? X = setTimeout : X = St;
   } catch {
-    X = xt;
+    X = St;
   }
   try {
-    typeof clearTimeout == "function" ? Y = clearTimeout : Y = St;
+    typeof clearTimeout == "function" ? _ = clearTimeout : _ = Ct;
   } catch {
-    Y = St;
+    _ = Ct;
   }
 })();
 function Pt(r) {
   if (X === setTimeout)
     return setTimeout(r, 0);
-  if ((X === xt || !X) && setTimeout)
+  if ((X === St || !X) && setTimeout)
     return X = setTimeout, setTimeout(r, 0);
   try {
     return X(r, 0);
@@ -35,35 +35,35 @@ function Pt(r) {
     }
   }
 }
-function oe(r) {
-  if (Y === clearTimeout)
+function se(r) {
+  if (_ === clearTimeout)
     return clearTimeout(r);
-  if ((Y === St || !Y) && clearTimeout)
-    return Y = clearTimeout, clearTimeout(r);
+  if ((_ === Ct || !_) && clearTimeout)
+    return _ = clearTimeout, clearTimeout(r);
   try {
-    return Y(r);
+    return _(r);
   } catch {
     try {
-      return Y.call(null, r);
+      return _.call(null, r);
     } catch {
-      return Y.call(this, r);
+      return _.call(this, r);
     }
   }
 }
-var _ = [], K = !1, V, dt = -1;
+var Y = [], K = !1, V, dt = -1;
 function re() {
-  !K || !V || (K = !1, V.length ? _ = V.concat(_) : dt = -1, _.length && Lt());
+  !K || !V || (K = !1, V.length ? Y = V.concat(Y) : dt = -1, Y.length && Lt());
 }
 function Lt() {
   if (!K) {
     var r = Pt(re);
     K = !0;
-    for (var t = _.length; t; ) {
-      for (V = _, _ = []; ++dt < t; )
+    for (var t = Y.length; t; ) {
+      for (V = Y, Y = []; ++dt < t; )
         V && V[dt].run();
-      dt = -1, t = _.length;
+      dt = -1, t = Y.length;
     }
-    V = null, K = !1, oe(r);
+    V = null, K = !1, se(r);
   }
 }
 O.nextTick = function(r) {
@@ -71,7 +71,7 @@ O.nextTick = function(r) {
   if (arguments.length > 1)
     for (var e = 1; e < arguments.length; e++)
       t[e - 1] = arguments[e];
-  _.push(new Wt(r, t)), _.length === 1 && !K && Pt(Lt);
+  Y.push(new Wt(r, t)), Y.length === 1 && !K && Pt(Lt);
 };
 function Wt(r, t) {
   this.fun = r, this.array = t;
@@ -112,7 +112,7 @@ O.umask = function() {
   return 0;
 };
 var ne = Ht.exports;
-const It = /* @__PURE__ */ se(ne);
+const ft = /* @__PURE__ */ oe(ne);
 let kt = 1;
 class nt {
   constructor(t = {}) {
@@ -192,7 +192,7 @@ 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;
+    const o = t >= this.x - i && t <= this.x + this.width + i, s = e >= this.y - i && e <= this.y + this.height + i, a = Math.abs(t - this.x) <= i && s, n = Math.abs(t - (this.x + this.width)) <= i && s, h = Math.abs(e - this.y) <= i && o, l = Math.abs(e - (this.y + this.height)) <= i && o;
     return a || n || h || l;
   }
   /**
@@ -302,11 +302,11 @@ class ti {
     if (!e)
       return [];
     const i = e.getElementIds();
-    if (i.forEach((s) => {
-      this.elementToArtboard.delete(s);
+    if (i.forEach((o) => {
+      this.elementToArtboard.delete(o);
     }), this.artboards.delete(t), this.activeArtboardId === t) {
-      const s = Array.from(this.artboards.keys());
-      this.activeArtboardId = s.length > 0 ? s[0] : null;
+      const o = Array.from(this.artboards.keys());
+      this.activeArtboardId = o.length > 0 ? o[0] : null;
     }
     return i;
   }
@@ -353,10 +353,10 @@ class ti {
     const i = this.artboards.get(e);
     if (!i)
       return !1;
-    const s = this.elementToArtboard.get(t);
-    if (s) {
-      const o = this.artboards.get(s);
-      o == null || o.removeElementId(t);
+    const o = this.elementToArtboard.get(t);
+    if (o) {
+      const s = this.artboards.get(o);
+      s == null || s.removeElementId(t);
     }
     return i.addElementId(t), this.elementToArtboard.set(t, e), !0;
   }
@@ -396,19 +396,19 @@ class ti {
    */
   findArtboardAtPoint(t, e) {
     const i = Array.from(this.artboards.values()).reverse();
-    for (const s of i)
-      if (s.containsPoint(t, e))
-        return s;
+    for (const o of i)
+      if (o.containsPoint(t, e))
+        return o;
     return null;
   }
   /**
    * Find artboard border at point (for resize handles)
    */
   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;
+    const o = Array.from(this.artboards.values()).reverse();
+    for (const s of o)
+      if (s.hitTestBorder(t, e, i))
+        return s;
     return null;
   }
   /**
@@ -449,8 +449,8 @@ class ti {
   reorderArtboards(t, e) {
     const i = Array.from(this.artboards.entries());
     if (t < 0 || t >= i.length || e < 0 || e >= i.length || t === e) return;
-    const [s] = i.splice(t, 1);
-    i.splice(e, 0, s), this.artboards = new Map(i);
+    const [o] = i.splice(t, 1);
+    i.splice(e, 0, o), this.artboards = new Map(i);
   }
   /**
    * Clear all artboards
@@ -473,8 +473,8 @@ class ti {
   fromJSON(t) {
     this.clear(), t.artboards.forEach((e) => {
       const i = nt.fromJSON(e);
-      this.artboards.set(i.id, i), i.getElementIds().forEach((s) => {
-        this.elementToArtboard.set(s, i.id);
+      this.artboards.set(i.id, i), i.getElementIds().forEach((o) => {
+        this.elementToArtboard.set(o, i.id);
       });
     }), this.activeArtboardId = t.activeArtboardId;
   }
@@ -484,11 +484,11 @@ class ti {
    */
   validateMappings(t) {
     const e = new Set(t.map((i) => i.id));
-    for (const [i, s] of this.elementToArtboard.entries())
+    for (const [i, o] 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 o = i.getElementIds().filter((s) => e.has(s));
+      i.clearElementIds(), o.forEach((s) => i.addElementId(s));
     }
   }
 }
@@ -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(), o = this.getRotationAnchor(), s = I.toRadiansInverse(this.rotation), a = Math.cos(s), n = Math.sin(s), h = t - o.x, l = e - o.y, c = h * a - l * n, g = h * n + l * a, d = o.x + c, f = o.y + g;
     return d >= i.x && d <= i.x + i.width && f >= i.y && f <= i.y + i.height;
   }
   /**
@@ -665,10 +665,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, o = Math.cos(i), s = Math.sin(i), a = t - this.element.x, n = e - this.element.y;
     return {
-      x: a * s - n * o,
-      y: a * o + n * s
+      x: a * o - n * s,
+      y: a * s + n * o
     };
   }
   /**
@@ -681,7 +681,7 @@ 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, o = Math.cos(i), s = Math.sin(i), a = t * o - e * s, n = t * s + e * o;
     return {
       x: this.element.x + a,
       y: this.element.y + n
@@ -697,10 +697,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, o = Math.cos(i), s = Math.sin(i);
     return {
-      dx: t * s - e * o,
-      dy: t * o + e * s
+      dx: t * o - e * s,
+      dy: t * s + e * o
     };
   }
   /**
@@ -712,10 +712,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, o = Math.cos(i), s = Math.sin(i);
     return {
-      dx: t * s - e * o,
-      dy: t * o + e * s
+      dx: t * o - e * s,
+      dy: t * s + e * o
     };
   }
   /**
@@ -729,11 +729,11 @@ 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, o, s) {
+    const a = -s * Math.PI / 180, n = Math.cos(a), h = Math.sin(a), l = t - i, c = e - o, g = l * n - c * h, d = l * h + c * n;
     return {
       x: i + g,
-      y: s + d
+      y: o + d
     };
   }
   /**
@@ -2300,17 +2300,17 @@ function ii(r) {
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-spacing-indicator").trim() || "#FF0000";
 }
-function si(r = 0.1, t) {
+function oi(r = 0.1, t) {
   const e = zt(t);
   if (e.startsWith("oklch("))
     return `${e.slice(0, -1)} / ${r})`;
   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("#", ""), o = parseInt(i.substring(0, 2), 16), s = parseInt(i.substring(2, 4), 16), a = parseInt(i.substring(4, 6), 16);
+    return `rgba(${o}, ${s}, ${a}, ${r})`;
   }
   return e;
 }
-function oi(r) {
+function si(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0 / 0.45)";
   const t = r || document.documentElement;
@@ -2374,7 +2374,7 @@ function fi(r) {
   const t = document.documentElement, e = getComputedStyle(t).getPropertyValue("--foreground").trim();
   return e.startsWith("oklch(") ? `${e.slice(0, -1)} / 0.5)` : e || "oklch(0.2103 0.0059 285.89 / 0.5)";
 }
-const ui = 1, mi = "#ffffff", ge = 20, pi = 6, yi = 24, fe = 16, ue = 36, me = 24, wi = 4, bi = "#FFFFFF", xi = 2, Si = 0.1, Ci = le(), Ti = [8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 64, 72, 96, 128], j = 0, Yt = 1.2, _t = 50, pe = 8, ye = 999, we = /* @__PURE__ */ new Set([
+const ui = 1, mi = "#ffffff", ge = 20, pi = 6, yi = 24, fe = 16, ue = 36, me = 24, wi = 4, bi = "#FFFFFF", xi = 2, Si = 0.1, Ci = le(), Ti = [8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 64, 72, 96, 128], j = 0, _t = 1.2, Yt = 50, pe = 8, ye = 999, we = /* @__PURE__ */ new Set([
   "Arial",
   "Arial Black",
   "Verdana",
@@ -2400,7 +2400,7 @@ var xe = /* @__PURE__ */ ((r) => (r[r.DEBUG = 0] = "DEBUG", r[r.INFO = 1] = "INF
 class Se {
   constructor() {
     var t;
-    this.level = 0, this.enabled = typeof It < "u" && ((t = It.env) == null ? void 0 : t.NODE_ENV) !== "production";
+    this.level = 0, this.enabled = typeof ft < "u" && ((t = ft.env) == null ? void 0 : t.NODE_ENV) !== "production";
   }
   // Only enabled in development by default
   /**
@@ -2474,14 +2474,14 @@ class Ce {
     this.logger.error(`[${this.scopeName}] ${t}`, ...e);
   }
 }
-const Te = new Se(), mt = (r) => Te.scope(r), ve = mt("ImageLoadEvents"), Ct = /* @__PURE__ */ new Set();
+const Te = new Se(), pt = (r) => Te.scope(r), ve = pt("ImageLoadEvents"), Tt = /* @__PURE__ */ new Set();
 function vi(r) {
-  return Ct.add(r), () => {
-    Ct.delete(r);
+  return Tt.add(r), () => {
+    Tt.delete(r);
   };
 }
 function et(r) {
-  Ct.forEach((t) => {
+  Tt.forEach((t) => {
     try {
       t(r);
     } catch (e) {
@@ -2513,16 +2513,16 @@ class J {
       return e.refCount++, e.image;
     const i = new Image();
     i.crossOrigin = "anonymous";
-    const s = {
+    const o = {
       image: i,
       refCount: 1,
       loaded: !1
     };
     return i.onload = () => {
-      s.loaded = !0;
+      o.loaded = !0;
     }, i.onerror = () => {
-      s.loaded = !0;
-    }, this.cache.set(t, s), (!t.includes(":") || /^https?:\/\/|^data:|^blob:/.test(t)) && (i.src = t), i;
+      o.loaded = !0;
+    }, this.cache.set(t, o), (!t.includes(":") || /^https?:\/\/|^data:|^blob:/.test(t)) && (i.src = t), i;
   }
   /**
    * Release a reference to a cached image.
@@ -2571,20 +2571,20 @@ class J {
     this.cache.clear();
   }
 }
-const it = mt("ImageElement"), Et = 3e4, Ot = 3, Fe = 1e3;
+const it = pt("ImageElement"), Et = 3e4, Ot = 3, Fe = 1e3;
 function x(r) {
   return r.transformData;
 }
-class pt extends Q {
+class yt extends Q {
   // Track URL acquired from ImageCache for release on destroy
   constructor(t = {}) {
-    var e, i, s, o, a, n, h, l, c, g;
+    var e, i, o, s, a, n, h, l, c, g;
     super(t), this.svgBlobUrl = null, this.loadTimeoutId = null, this.retryAttempt = 0, this.cachedImageUrl = null, this.transformType = "image", this.transformData = {
       type: "image",
       width: ((e = t.transformData) == null ? void 0 : e.width) || 200,
       height: ((i = t.transformData) == null ? void 0 : i.height) || 200,
-      cropX: ((s = t.transformData) == null ? void 0 : s.cropX) ?? 0,
-      cropY: ((o = t.transformData) == null ? void 0 : o.cropY) ?? 0,
+      cropX: ((o = t.transformData) == null ? void 0 : o.cropX) ?? 0,
+      cropY: ((s = t.transformData) == null ? void 0 : s.cropY) ?? 0,
       cropWidth: ((a = t.transformData) == null ? void 0 : a.cropWidth) ?? 1,
       cropHeight: ((n = t.transformData) == null ? void 0 : n.cropHeight) ?? 1,
       flipHorizontal: ((h = t.transformData) == null ? void 0 : h.flipHorizontal) ?? !1,
@@ -2619,28 +2619,28 @@ class pt extends Q {
     this.clearLoadTimeout(), this.releaseImageCache();
     const i = J.getInstance().acquire(t);
     this.cachedImageUrl = t;
-    let s = !1;
-    const o = () => {
-      s = !0, this.clearLoadTimeout();
+    let o = !1;
+    const s = () => {
+      o = !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);
+      s(), 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);
       return;
     }
     const a = 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));
+      o || (s(), 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));
     }, i.onerror = (l) => {
-      if (s) return;
-      o();
+      if (o) return;
+      s();
       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 = "";
+      if (o) return;
+      s(), i.src = "";
       const l = new Error(`Image load timed out after ${Et}ms: ${t}`);
       this.handleLoadFailure(t, l);
-    }, Et), (!i.src || i.src !== t) && (i.src = t), !s && i.complete && i.naturalWidth > 0 && ((h = i.onload) == null || h.call(i, new Event("load")));
+    }, Et), (!i.src || i.src !== t) && (i.src = t), !o && i.complete && i.naturalWidth > 0 && ((h = i.onload) == null || h.call(i, new Event("load")));
   }
   /**
    * Handle a load failure - either retry with backoff or set error state.
@@ -2689,10 +2689,10 @@ class pt extends Q {
     this.revokeSvgBlobUrl();
     const e = new Image();
     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) => {
+      const o = document.createElement("canvas");
+      o.width = e.width * 4, o.height = e.height * 4;
+      const s = o.getContext("2d");
+      s.scale(4, 4), s.drawImage(e, 0, 0), o.toBlob((a) => {
         if (!a) {
           it.error("Failed to convert SVG to blob"), this.imageLoaded = !1;
           return;
@@ -2713,10 +2713,10 @@ class pt extends Q {
   getBoundingBox() {
     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;
+      let i = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + t / 2), o = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + e / 2);
+      const s = this.transformData.flipHorizontal ? -1 : 1, a = this.transformData.flipVertical ? -1 : 1;
+      i *= s, o *= a;
+      const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = i * n - o * h, c = i * h + o * n, g = this.x + l, d = this.y + c;
       return {
         x: g - this.transformData.width / 2,
         y: d - this.transformData.height / 2,
@@ -2754,10 +2754,10 @@ class pt extends Q {
   getRotationAnchor() {
     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;
+      let i = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + t / 2), o = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + e / 2);
+      const s = this.transformData.flipHorizontal ? -1 : 1, a = this.transformData.flipVertical ? -1 : 1;
+      i *= s, o *= a;
+      const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = i * n - o * h, c = i * h + o * n;
       return {
         x: this.x + l,
         y: this.y + c
@@ -2774,10 +2774,10 @@ class pt 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;
+      const o = this.transformData.width * this.transformData.cropWidth, s = this.transformData.height * this.transformData.cropHeight, a = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + o / 2), n = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + s / 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;
     } else {
-      const s = this.transformData.width * this.transformData.cropWidth, o = this.transformData.height * this.transformData.cropHeight, a = s / 2, n = o / 2;
+      const o = this.transformData.width * this.transformData.cropWidth, s = this.transformData.height * this.transformData.cropHeight, a = o / 2, n = s / 2;
       return i.x >= -a && i.x <= a && i.y >= -n && i.y <= n;
     }
   }
@@ -2790,8 +2790,8 @@ class pt extends Q {
       return;
     }
     t.save(), this.opacity !== void 0 && this.opacity !== 1 && (t.globalAlpha = this.opacity), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
-    const s = this.transformData.flipHorizontal ? -1 : 1, o = this.transformData.flipVertical ? -1 : 1;
-    if (t.scale(s, o), this.isCropping) {
+    const o = this.transformData.flipHorizontal ? -1 : 1, s = this.transformData.flipVertical ? -1 : 1;
+    if (t.scale(o, s), this.isCropping) {
       const a = this.transformData.width * this.transformData.cropWidth, n = this.transformData.height * this.transformData.cropHeight, h = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + a / 2), l = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + n / 2), c = h - this.transformData.width / 2, g = l - this.transformData.height / 2, d = this.transformData.borderRadius || 0;
       if (d > 0) {
         t.save();
@@ -2852,50 +2852,50 @@ class pt 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;
+    const e = this.transformData.width * this.transformData.cropWidth, i = this.transformData.height * this.transformData.cropHeight, o = -e / 2, s = -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();
+    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(o, s, 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();
   }
   /**
    * 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;
+  resize(t, e, i, o) {
+    let s, a;
+    this.isCropping ? (s = e / x(o).width, a = i / x(o).height) : (s = e / (o.width ?? 1), a = i / (o.height ?? 1));
+    const n = (s + a) / 2;
     let h = t;
-    this.isCropping && (h = this.remapAnchorForFlips(t, s));
+    this.isCropping && (h = this.remapAnchorForFlips(t, o));
     let l = n;
     if (this.isCropping) {
-      const B = this.transformData.width / x(s).width;
+      const B = this.transformData.width / x(o).width;
       n < B && (l = this.calculateMinScaleForCropBounds(
         h,
-        s,
+        o,
         n,
         B
       ));
     }
-    this.transformData.width = x(s).width * l, this.transformData.height = this.transformData.width / this.imageAspectRatio, this.rotation = s.rotation;
+    this.transformData.width = x(o).width * l, this.transformData.height = this.transformData.width / this.imageAspectRatio, this.rotation = o.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(o).cropX + x(o).cropWidth / 2) * x(o).width - x(o).width / 2, A = (x(o).cropY + x(o).cropHeight / 2) * x(o).height - x(o).height / 2, k = B, R = A, E = P.fromSnapshot(o).localDeltaToWorld(k, R), W = E.dx, z = E.dy;
+      c = o.x - W, g = o.y - z;
     } 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(o).cropX + x(o).cropWidth / 2) * x(o).width - x(o).width / 2, A = (x(o).cropY + x(o).cropHeight / 2) * x(o).height - x(o).height / 2, k = B, R = A, E = P.fromSnapshot(o).localDeltaToWorld(k, R), W = E.dx, z = E.dy;
+      c = o.x - W, g = o.y - z;
     }
     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);
-    const y = P.fromSnapshot(s).localDeltaToWorld(u, m), w = y.dx, S = y.dy;
+    h === "top-left" ? (u = x(o).width / 2, m = x(o).height / 2) : h === "top-right" ? (u = -x(o).width / 2, m = x(o).height / 2) : h === "bottom-left" ? (u = x(o).width / 2, m = -x(o).height / 2) : h === "bottom-right" ? (u = -x(o).width / 2, m = -x(o).height / 2) : h === "middle-left" ? (u = x(o).width / 2, m = 0) : h === "middle-right" ? (u = -x(o).width / 2, m = 0) : h === "middle-top" ? (u = 0, m = x(o).height / 2) : h === "middle-bottom" && (u = 0, m = -x(o).height / 2);
+    const y = P.fromSnapshot(o).localDeltaToWorld(u, m), w = y.dx, S = y.dy;
     d = c + w, f = g + S;
     let b = 0, T = 0;
     h === "top-left" ? (b = this.transformData.width / 2, T = this.transformData.height / 2) : h === "top-right" ? (b = -this.transformData.width / 2, T = this.transformData.height / 2) : h === "bottom-left" ? (b = this.transformData.width / 2, T = -this.transformData.height / 2) : h === "bottom-right" ? (b = -this.transformData.width / 2, T = -this.transformData.height / 2) : h === "middle-left" ? (b = this.transformData.width / 2, T = 0) : h === "middle-right" ? (b = -this.transformData.width / 2, T = 0) : h === "middle-top" ? (b = 0, T = this.transformData.height / 2) : h === "middle-bottom" && (b = 0, T = -this.transformData.height / 2);
     const M = new P(this).localDeltaToWorld(b, T), F = M.dx, v = M.dy, D = d - F, U = f - v;
     if (this.isCropping) {
-      const B = s.x, A = s.y, k = x(s).cropWidth * x(s).width, R = x(s).cropHeight * x(s).height;
+      const B = o.x, A = o.y, k = x(o).cropWidth * x(o).width, R = x(o).cropHeight * x(o).height;
       this.x = B, this.y = A;
-      const H = k / this.transformData.width, E = R / this.transformData.height, W = B - D, z = A - U, Dt = new P(this).worldDeltaToLocal(W, z), Zt = Dt.dx, Kt = Dt.dy, Qt = this.transformData.width / 2 + Zt, te = this.transformData.height / 2 + Kt, ee = Qt / this.transformData.width - H / 2, ie = te / this.transformData.height - E / 2;
+      const H = k / this.transformData.width, E = R / this.transformData.height, W = B - D, z = A - U, It = new P(this).worldDeltaToLocal(W, z), Zt = It.dx, Kt = It.dy, Qt = this.transformData.width / 2 + Zt, te = this.transformData.height / 2 + Kt, ee = Qt / this.transformData.width - H / 2, ie = te / this.transformData.height - E / 2;
       this.transformData.cropX = ee, this.transformData.cropY = ie, this.transformData.cropWidth = H, this.transformData.cropHeight = E;
     } 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;
@@ -2955,9 +2955,9 @@ class pt 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((s) => ({
+      x: this.x + s.x * e - s.y * i,
+      y: this.y + s.x * i + s.y * e
     }));
   }
   /**
@@ -2965,8 +2965,8 @@ class pt 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, o = e - this.y, s = Math.cos(I.toRadiansInverse(this.rotation)), a = Math.sin(I.toRadiansInverse(this.rotation));
+    let n = i * s - o * a, h = i * a + o * s;
     const l = this.transformData.flipHorizontal ? -1 : 1, c = this.transformData.flipVertical ? -1 : 1;
     return n *= l, h *= c, {
       x: n,
@@ -2979,9 +2979,9 @@ class pt extends Q {
    * Canvas transformations are applied in reverse: scale -> rotate -> translate
    */
   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;
+    const i = this.transformData.flipHorizontal ? -1 : 1, o = this.transformData.flipVertical ? -1 : 1;
+    let s = t * i, a = e * o;
+    const n = Math.cos(I.toRadians(this.rotation)), h = Math.sin(I.toRadians(this.rotation)), l = s * n - a * h, c = s * h + a * n;
     return {
       x: this.x + l,
       y: this.y + c
@@ -2996,29 +2996,29 @@ class pt extends Q {
    */
   hitTestCropHandle(t, e, i = 1) {
     if (!this.isCropping) return null;
-    const s = this.getCropBoxBounds();
-    if (!s) return null;
-    const o = this.worldToLocal(t, e), a = 1 / i, n = fe * a, h = ue * a, l = me * a, c = [
-      { 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" }
+    const o = this.getCropBoxBounds();
+    if (!o) return null;
+    const s = this.worldToLocal(t, e), a = 1 / i, n = fe * a, h = ue * a, l = me * a, c = [
+      { x: o.x, y: o.y, anchor: "top-left" },
+      { x: o.x + o.width, y: o.y, anchor: "top-right" },
+      { x: o.x, y: o.y + o.height, anchor: "bottom-left" },
+      { x: o.x + o.width, y: o.y + o.height, anchor: "bottom-right" }
     ];
     for (const d of c) {
-      const f = o.x - d.x, u = o.y - d.y;
+      const f = s.x - d.x, u = s.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 };
       }
     }
     const g = [
-      { x: s.x + s.width / 2, y: s.y, anchor: "top", orientation: "horizontal" },
-      { x: s.x + s.width / 2, y: s.y + s.height, anchor: "bottom", orientation: "horizontal" },
-      { x: s.x, y: s.y + s.height / 2, anchor: "left", orientation: "vertical" },
-      { x: s.x + s.width, y: s.y + s.height / 2, anchor: "right", orientation: "vertical" }
+      { x: o.x + o.width / 2, y: o.y, anchor: "top", orientation: "horizontal" },
+      { x: o.x + o.width / 2, y: o.y + o.height, anchor: "bottom", orientation: "horizontal" },
+      { x: o.x, y: o.y + o.height / 2, anchor: "left", orientation: "vertical" },
+      { x: o.x + o.width, y: o.y + o.height / 2, anchor: "right", orientation: "vertical" }
     ];
     for (const d of g) {
-      const f = o.x - d.x, u = o.y - d.y;
+      const f = s.x - d.x, u = s.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) {
         const y = this.localToWorld(d.x, d.y);
@@ -3035,8 +3035,8 @@ class pt extends Q {
     if (!this.isCropping) return !1;
     const i = this.getCropBoxBounds();
     if (!i) return !1;
-    const s = this.worldToLocal(t, e);
-    return s.x >= i.x && s.x <= i.x + i.width && s.y >= i.y && s.y <= i.y + i.height;
+    const o = this.worldToLocal(t, e);
+    return o.x >= i.x && o.x <= i.x + i.width && o.y >= i.y && o.y <= i.y + i.height;
   }
   /**
    * Update crop box (normalized 0-1 coordinates)
@@ -3046,46 +3046,46 @@ class pt 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));
+  updateCrop(t, e, i, o, s = !1) {
+    let n = Math.max(0.1, Math.min(1, i)), h = Math.max(0.1, Math.min(1, o)), 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);
     let g = 0, d = 0;
-    if (o) {
+    if (s) {
       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));
       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 = h, s && (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 o = e / 2, s = i / 2;
     return {
-      "top-left": { x: s, y: o },
+      "top-left": { x: o, y: s },
       // Opposite is bottom-right
-      "top-right": { x: -s, y: o },
+      "top-right": { x: -o, y: s },
       // Opposite is bottom-left
-      "bottom-left": { x: s, y: -o },
+      "bottom-left": { x: o, y: -s },
       // Opposite is top-right
-      "bottom-right": { x: -s, y: -o },
+      "bottom-right": { x: -o, y: -s },
       // Opposite is top-left
-      top: { x: 0, y: o },
+      top: { x: 0, y: s },
       // Opposite is bottom edge
-      bottom: { x: 0, y: -o },
+      bottom: { x: 0, y: -s },
       // Opposite is top edge
-      left: { x: s, y: 0 },
+      left: { x: o, y: 0 },
       // Opposite is right edge
-      right: { x: -s, y: 0 },
+      right: { x: -o, y: 0 },
       // Opposite is left edge
-      "middle-top": { x: 0, y: o },
+      "middle-top": { x: 0, y: s },
       // Opposite is bottom edge
-      "middle-bottom": { x: 0, y: -o },
+      "middle-bottom": { x: 0, y: -s },
       // Opposite is top edge
-      "middle-left": { x: s, y: 0 },
+      "middle-left": { x: o, y: 0 },
       // Opposite is right edge
-      "middle-right": { x: -s, y: 0 }
+      "middle-right": { x: -o, y: 0 }
       // Opposite is left edge
     }[t];
   }
@@ -3094,7 +3094,7 @@ class pt 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, o = x(t).width / 2 - (x(t).cropX * x(t).width + e / 2), s = x(t).height / 2 - (x(t).cropY * x(t).height + i / 2), n = new P(t).localDeltaToWorld(o, s);
     return {
       x: t.x + n.dx,
       y: t.y + n.dy
@@ -3108,10 +3108,10 @@ class pt extends Q {
       t,
       x(e).width,
       x(e).height
-    ), s = this.calculateFrameCenterFromCropCenter(e), a = new P(e).localDeltaToWorld(i.x, i.y);
+    ), o = this.calculateFrameCenterFromCropCenter(e), a = new P(e).localDeltaToWorld(i.x, i.y);
     return {
-      x: s.x + a.dx,
-      y: s.y + a.dy
+      x: o.x + a.dx,
+      y: o.y + a.dy
     };
   }
   /**
@@ -3119,15 +3119,15 @@ class pt 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 o = this.getFixedCornerWorldPosition(e, i), s = x(i).width * t, a = s / this.imageAspectRatio, n = this.getOppositeCornerLocalPosition(e, s, a), l = new P({
       x: 0,
       // Will calculate frame center
       y: 0,
       rotation: i.rotation
     }).localDeltaToWorld(n.x, n.y);
     return {
-      x: s.x - l.dx,
-      y: s.y - l.dy
+      x: o.x - l.dx,
+      y: o.y - l.dy
     };
   }
   /**
@@ -3136,7 +3136,7 @@ class pt 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 o = x(i).width * t, s = o / this.imageAspectRatio, a = x(i).cropWidth * x(i).width, n = x(i).cropHeight * x(i).height, h = a / o, l = n / s, c = this.calculateFrameCenterAfterResize(t, e, i), g = {
       x: i.x,
       // In crop mode, this.x/y is the crop center
       y: i.y
@@ -3144,7 +3144,7 @@ class pt 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 = o / 2 + m.dx, y = s / 2 + m.dy, w = p / o - h / 2, S = y / s - l / 2;
     return {
       cropX: w,
       cropY: S,
@@ -3156,20 +3156,20 @@ class pt 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 s = this.calculateCropStateAtScale(t, e, i);
+    if (s.cropWidth > 1 + 1e-4 || s.cropHeight > 1 + 1e-4)
       return !1;
-    const a = o.cropX, n = o.cropX + o.cropWidth, h = o.cropY, l = o.cropY + o.cropHeight;
+    const a = s.cropX, n = s.cropX + s.cropWidth, h = s.cropY, l = s.cropY + s.cropHeight;
     return a >= -1e-4 && h >= -1e-4 && n <= 1 + 1e-4 && l <= 1 + 1e-4;
   }
   /**
    * Calculate minimum scale that keeps crop within frame bounds
    * Uses binary search to find the largest scale >= proposedScale that satisfies constraints
    */
-  calculateMinScaleForCropBounds(t, e, i, s) {
+  calculateMinScaleForCropBounds(t, e, i, o) {
     if (this.isScaleValidForCropBounds(i, t, e))
       return i;
-    let n = i, h = s;
+    let n = i, h = o;
     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)
@@ -3182,15 +3182,15 @@ class pt extends Q {
    */
   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 o = x(e).flipHorizontal, s = x(e).flipVertical;
+    return o && (i.includes("left") ? i = i.replace("left", "right") : i.includes("right") && (i = i.replace("right", "left"))), s && (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 pt(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;
+    const t = this.toJSON(), { imageUrl: e, ...i } = t, o = new yt(i);
+    return o.imageUrl = this.imageUrl, o.imageElement = this.imageElement, o.imageLoaded = this.imageLoaded, o.imageAspectRatio = this.imageAspectRatio, o.isCropping = this.isCropping, o.onLoadCallback = this.onLoadCallback, o.isSvg = this.isSvg, o.imageLoadState = this.imageLoadState, o.imageLoadError = this.imageLoadError, o.preserveDimensions = this.preserveDimensions, o;
   }
   /**
    * Serialize to JSON
@@ -3225,7 +3225,7 @@ class pt extends Q {
   }
 }
 const Nt = /* @__PURE__ */ new Map();
-let Tt = null;
+let vt = null;
 function Ut(r) {
   return new Error(
     `[paint-registry] no painter registered for ${r}. Element painting requires the rendering engine: import 'src/rendering/element-painters.js' (every paint driver — CanvasRenderer, ExportManager, ElementPreviewRenderer — does this; a direct element.render() call in a test must import it too).`
@@ -3240,11 +3240,11 @@ function gt(r) {
   return t;
 }
 function Ai(r) {
-  Tt = r;
+  vt = r;
 }
 function Ae() {
-  if (!Tt) throw Ut("group clipping");
-  return Tt;
+  if (!vt) throw Ut("group clipping");
+  return vt;
 }
 class L {
   constructor(t = []) {
@@ -3293,31 +3293,31 @@ class L {
   applyStyle(t, e, i) {
     if (t >= e || t < 0 || e > this.getLength())
       return;
-    const s = [];
-    let o = 0;
+    const o = [];
+    let s = 0;
     for (const a of this.spans) {
-      const n = o, h = o + a.text.length;
+      const n = s, h = s + a.text.length;
       if (h <= t) {
-        s.push(a), o = h;
+        o.push(a), s = h;
         continue;
       }
       if (n >= e) {
-        s.push(a), o = h;
+        o.push(a), s = h;
         continue;
       }
       const l = Math.max(t, n), c = Math.min(e, h);
-      l > n && s.push({
+      l > n && o.push({
         text: a.text.substring(0, l - n),
         style: a.style
-      }), s.push({
+      }), o.push({
         text: a.text.substring(l - n, c - n),
         style: { ...a.style, ...i }
-      }), c < h && s.push({
+      }), c < h && o.push({
         text: a.text.substring(c - n),
         style: a.style
-      }), o = h;
+      }), s = h;
     }
-    this.spans = s, this.normalize();
+    this.spans = o, this.normalize();
   }
   /**
    * Insert text at a specific position with a given style
@@ -3327,24 +3327,24 @@ class L {
    */
   insert(t, e, i) {
     if (e.length === 0) return;
-    const s = [];
-    let o = 0;
+    const o = [];
+    let s = 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) {
+      const n = s, h = s + a.text.length;
+      if (t <= n && o.length === 0 && o.push({ text: e, style: i }), t > n && t <= h) {
         const l = t - n;
-        s.push({
+        o.push({
           text: a.text.substring(0, l),
           style: a.style
-        }), s.push({ text: e, style: i }), s.push({
+        }), o.push({ text: e, style: i }), o.push({
           text: a.text.substring(l),
           style: a.style
-        }), o = h;
+        }), s = h;
         continue;
       }
-      s.push(a), o = h;
+      o.push(a), s = h;
     }
-    t >= this.getLength() && !s.some((a) => a.text === e) && s.push({ text: e, style: i }), this.spans = s, this.normalize();
+    t >= this.getLength() && !o.some((a) => a.text === e) && o.push({ text: e, style: i }), this.spans = o, this.normalize();
   }
   /**
    * Delete text in a character range
@@ -3355,28 +3355,28 @@ class L {
     const i = this.getLength();
     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;
+    const o = [];
+    let s = 0;
     for (const a of this.spans) {
-      const n = o, h = o + a.text.length;
+      const n = s, h = s + a.text.length;
       if (h <= t) {
-        s.push(a), o = h;
+        o.push(a), s = h;
         continue;
       }
       if (n >= e) {
-        s.push(a), o = h;
+        o.push(a), s = h;
         continue;
       }
       const l = Math.max(t, n), c = Math.min(e, h);
-      l > n && s.push({
+      l > n && o.push({
         text: a.text.substring(0, l - n),
         style: a.style
-      }), c < h && s.push({
+      }), c < h && o.push({
         text: a.text.substring(c - n),
         style: a.style
-      }), o = h;
+      }), s = h;
     }
-    this.spans = s.length > 0 ? s : [{ text: "", style: {} }], this.normalize();
+    this.spans = o.length > 0 ? o : [{ text: "", style: {} }], this.normalize();
   }
   /**
    * Normalize spans by:
@@ -3393,11 +3393,11 @@ class L {
     const t = [];
     let e = this.spans[0];
     for (let i = 1; i < this.spans.length; i++) {
-      const s = this.spans[i];
-      this.stylesEqual(e.style, s.style) ? e = {
-        text: e.text + s.text,
+      const o = this.spans[i];
+      this.stylesEqual(e.style, o.style) ? e = {
+        text: e.text + o.text,
         style: e.style
-      } : (t.push(e), e = s);
+      } : (t.push(e), e = o);
     }
     t.push(e), this.spans = t;
   }
@@ -3484,10 +3484,10 @@ function zi(r) {
 function Xi(r) {
   return r.transformType === "path";
 }
-function Yi(r) {
+function _i(r) {
   return r.type === "shape";
 }
-function _i(r) {
+function Yi(r) {
   return r.type === "path";
 }
 function Ni(r) {
@@ -3525,8 +3525,8 @@ class q extends Q {
    * handled by SelectionRenderer and HoverRenderer.
    */
   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;
+    const o = t.globalAlpha;
+    this.opacity !== void 0 && this.opacity !== 1 && (t.globalAlpha = this.opacity), gt(this.transformType)(t, this.toJSON()), t.globalAlpha = o;
   }
   /**
    * Serialize to JSON
@@ -3605,8 +3605,8 @@ class q extends Q {
    * Apply character-level formatting to a text range
    */
   applyFormatting(t, e, i) {
-    const s = this.getRichText();
-    s.applyStyle(t, e, i), this.text = s.getText();
+    const o = this.getRichText();
+    o.applyStyle(t, e, i), this.text = o.getText();
   }
   /**
    * Update font size
@@ -3622,15 +3622,15 @@ class q extends Q {
     const e = this.color;
     if (this.color = t, this.richText)
       for (let i = 0; i < this.richText.spans.length; i++) {
-        const s = this.richText.spans[i];
-        (s.style.color === void 0 || s.style.color === e) && (s.style.color = t);
+        const o = this.richText.spans[i];
+        (o.style.color === void 0 || o.style.color === e) && (o.style.color = t);
       }
   }
   /**
    * Handle resize transform
    * Must be implemented by subclasses
    */
-  resize(t, e, i, s) {
+  resize(t, e, i, o) {
     throw new Error("resize() must be implemented by subclass");
   }
   /**
@@ -3649,15 +3649,15 @@ class q extends Q {
 function Me(r) {
   return Array.from(r).length;
 }
-function yt(r, t, e) {
+function wt(r, t, e) {
   return e ? r + e * Me(t) : r;
 }
 function De(r, t, e) {
-  const i = Array.from(t), s = [0];
-  let o = "";
+  const i = Array.from(t), o = [0];
+  let s = "";
   for (let a = 0; a < i.length; a++)
-    o += i[a], s.push(r.measureText(o).width + e * (a + 1));
-  return s;
+    s += i[a], o.push(r.measureText(s).width + e * (a + 1));
+  return o;
 }
 function Ie(r, t, e) {
   switch (r.textAlign) {
@@ -3670,26 +3670,26 @@ function Ie(r, t, e) {
       return t;
   }
 }
-function Gt(r, t, e, i, s, o) {
-  if (!o || e.length === 0) {
-    t[r](e, i, s);
+function Gt(r, t, e, i, o, s) {
+  if (!s || e.length === 0) {
+    t[r](e, i, o);
     return;
   }
-  const a = De(t, e, o), n = a[a.length - 1], h = Ie(t, i, n), l = t.textAlign;
+  const a = De(t, e, s), n = a[a.length - 1], h = Ie(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[r](c[g], h + a[g], o);
   t.textAlign = l;
 }
-function Vi(r, t, e, i, s) {
-  Gt("fillText", r, t, e, i, s);
+function Vi(r, t, e, i, o) {
+  Gt("fillText", r, t, e, i, o);
 }
-function Ji(r, t, e, i, s) {
-  Gt("strokeText", r, t, e, i, s);
+function Ji(r, t, e, i, o) {
+  Gt("strokeText", r, t, e, i, o);
 }
 let ht = null;
-function wt() {
+function bt() {
   if (!ht)
     if (typeof document < "u")
       ht = document.createElement("canvas");
@@ -3700,13 +3700,13 @@ function wt() {
   return ht;
 }
 function at(r, t, e = !1, i = !1) {
-  const s = [];
-  return i && s.push("italic"), e && s.push("bold"), s.push(`${r}px`), s.push(t), s.join(" ");
+  const o = [];
+  return i && o.push("italic"), e && o.push("bold"), o.push(`${r}px`), o.push(t), o.join(" ");
 }
-function Ft(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
-  const c = wt().getContext("2d");
-  c.font = at(e, i, s, o);
-  const g = (h == null ? void 0 : h.letterSpacing) ?? 0, d = (A) => yt(c.measureText(A).width, A, g);
+function At(r, t, e, i, o = !1, s = !1, a, n = !1, h) {
+  const c = bt().getContext("2d");
+  c.font = at(e, i, o, s);
+  const g = (h == null ? void 0 : h.letterSpacing) ?? 0, d = (A) => wt(c.measureText(A).width, A, g);
   if (r.trim().length === 0)
     return [r];
   if (r.includes(`
@@ -3714,7 +3714,7 @@ function Ft(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
     const A = r.split(`
 `), k = [];
     for (let R = 0; R < A.length; R++) {
-      const H = A[R], E = Ft(H, t, e, i, s, o, void 0, n, h);
+      const H = A[R], E = At(H, t, e, i, o, s, void 0, n, h);
       k.push(...E);
     }
     return k;
@@ -3764,25 +3764,25 @@ function Ft(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
   }
   return v;
 }
-function Bt(r, t, e, i = !1, s = !1, o = 0) {
-  const n = wt().getContext("2d");
-  return n.font = at(t, e, i, s), yt(n.measureText(r).width, r, o);
+function Bt(r, t, e, i = !1, o = !1, s = 0) {
+  const n = bt().getContext("2d");
+  return n.font = at(t, e, i, o), wt(n.measureText(r).width, r, s);
 }
-function vt(r, t, e = !1, i = !1) {
-  const o = wt().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;
+function Ft(r, t, e = !1, i = !1) {
+  const s = bt().getContext("2d");
+  s.font = at(r, t, e, i);
+  const n = s.measureText("ÁÉÍgjpqy"), h = n.actualBoundingBoxAscent || r * 0.8, l = n.actualBoundingBoxDescent || r * 0.2, c = h + l;
   return { ascent: h, descent: l, height: c };
 }
-function Rt(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
-  const l = (h == null ? void 0 : h.letterSpacing) ?? 0, c = Ft(r, t, e, i, s, o, a, n, h), g = r.includes(`
+function Rt(r, t, e, i, o = !1, s = !1, a, n = !1, h) {
+  const l = (h == null ? void 0 : h.letterSpacing) ?? 0, c = At(r, t, e, i, o, s, a, n, h), g = r.includes(`
 `), d = c.map((b, T) => ({
     isParagraphStart: !g && T === 0,
     isParagraphEnd: !g && T === c.length - 1
-  })), u = wt().getContext("2d");
-  u.font = at(e, i, s, o);
+  })), u = bt().getContext("2d");
+  u.font = at(e, i, o, s);
   let m = 0;
-  const p = vt(e, i, s, o);
+  const p = Ft(e, i, o, s);
   let y = 0;
   c.forEach((b, T) => {
     const C = d[T].isParagraphStart, M = d[T].isParagraphEnd;
@@ -3796,12 +3796,12 @@ function Rt(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 v = yt(u.measureText(F).width, F, l);
+      const v = wt(u.measureText(F).width, F, l);
       m = Math.max(m, v);
     }
   });
   let w;
-  const S = (h == null ? void 0 : h.lineHeight) ?? Yt;
+  const S = (h == null ? void 0 : h.lineHeight) ?? _t;
   if (y === 1)
     w = p.height;
   else if (y === 0)
@@ -3828,9 +3828,9 @@ function ke() {
   return lt;
 }
 function Ee(r, t, e) {
-  const i = ke(), s = [], o = (p, y) => {
+  const i = ke(), o = [], s = (p, y) => {
     const w = y.fontSize || e.fontSize, S = y.fontFamily || e.fontFamily, b = y.bold !== void 0 ? y.bold : e.bold || !1, T = y.italic !== void 0 ? y.italic : e.italic || !1, C = y.letterSpacing !== void 0 ? y.letterSpacing : e.letterSpacing ?? 0;
-    return i.font = at(w, S, b, T), yt(i.measureText(p).width, p, C);
+    return i.font = at(w, S, b, T), 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 });
@@ -3850,7 +3850,7 @@ function Ee(r, t, e) {
   g.length > 0 && c.push({ text: g, startIdx: d, endIdx: h.length - 1 });
   let f = [], u = 0;
   const m = () => {
-    f.length > 0 && (s.push(f), f = [], u = 0);
+    f.length > 0 && (o.push(f), f = [], u = 0);
   };
   return c.forEach((p, y) => {
     const w = [];
@@ -3860,7 +3860,7 @@ function Ee(r, t, e) {
       M !== S ? (w.push({ text: b, style: n[S].style }), b = h[C], S = M) : b += h[C];
     }
     b.length > 0 && w.push({ text: b, style: n[S].style });
-    const T = w.reduce((C, M) => C + o(M.text, M.style), 0);
+    const T = w.reduce((C, M) => C + s(M.text, M.style), 0);
     if (p.text === " ") {
       if (f.length > 0) {
         const C = f[f.length - 1];
@@ -3874,7 +3874,7 @@ function Ee(r, t, e) {
         const M = Array.from(C.text);
         let F = "";
         for (const v of M) {
-          const D = o(v, C.style);
+          const D = s(v, C.style);
           if (u + D > t && u > 0) {
             if (F.length > 0) {
               if (f.length > 0) {
@@ -3903,27 +3903,27 @@ function Ee(r, t, e) {
         } else
           f.push({ ...C });
       }), u += T;
-  }), m(), s.length === 0 && s.push([]), s;
+  }), m(), o.length === 0 && o.push([]), o;
 }
 function Oe(r) {
   const t = [];
   let e = [];
   return r.spans.forEach((i) => {
-    const s = i.text.split(`
+    const o = 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 = []);
+    o.forEach((s, a) => {
+      s.length > 0 && e.push({ text: s, style: i.style }), a < o.length - 1 && (t.push(e), e = []);
     });
   }), e.length > 0 && t.push(e), t.length === 0 && t.push([]), t;
 }
-function st(r) {
+function ot(r) {
   return typeof r.width == "number" ? r.width : void 0;
 }
 function $t(r, t) {
   r.width = t;
 }
 function Be(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;
+  const i = e.transformData, o = ot(i), s = o !== void 0 ? o : e.width ?? 0, a = t / s, n = e.fontSize ?? r.fontSize, h = n * a;
   let l;
   if (h < 16 ? l = Math.round(h) : l = Math.round(h * 2) / 2, r.setFontSize(l), e.richText && e.richText instanceof L && typeof r.setRichText == "function") {
     const f = e.richText.clone();
@@ -3935,8 +3935,8 @@ function Be(r, t, e) {
     r.setRichText(f);
   }
   const c = r.transformData;
-  if (st(c) !== void 0 && s !== void 0) {
-    const d = n > 0 ? l / n : a, f = s * d;
+  if (ot(c) !== void 0 && o !== void 0) {
+    const d = n > 0 ? l / n : a, f = o * d;
     $t(c, Math.max(20, Math.ceil(f)));
   }
 }
@@ -3944,23 +3944,23 @@ function Re(r, t, e, i) {
   if (t !== "middle-left" && t !== "middle-right")
     return;
   r.fontSize = i.fontSize ?? r.fontSize;
-  const s = r.transformData;
-  if (st(s) !== void 0) {
-    $t(s, Math.max(_t, e));
-    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;
+  const o = r.transformData;
+  if (ot(o) !== void 0) {
+    $t(o, Math.max(Yt, e));
+    const a = I.toRadiansInverse(r.rotation), n = Math.cos(a), h = Math.sin(a), l = i.transformData, g = ot(l) ?? i.width ?? 0, f = (ot(o) ?? 0) - g;
     t === "middle-left" ? (r.x = i.x - f / 2 * n, r.y = i.y - f / 2 * h) : t === "middle-right" && (r.x = i.x + f / 2 * n, r.y = i.y + f / 2 * h);
   }
 }
-function Vt(r, t, e, i, s) {
-  const o = t.includes("top") || t.includes("bottom"), a = t.includes("middle");
-  o ? Be(r, e, s) : a && Re(r, t, e, s);
+function Vt(r, t, e, i, o) {
+  const s = t.includes("top") || t.includes("bottom"), a = t.includes("middle");
+  s ? Be(r, e, o) : a && Re(r, t, e, o);
 }
 class He extends q {
   // Temporary property used during resize operations only
   constructor(t = {}) {
     super(t), this.transformType = "custom";
     const e = t.transformData, i = (e == null ? void 0 : e.width) !== void 0 ? e.width : Math.max(
-      _t,
+      Yt,
       Bt(this.text, this.fontSize, this.fontFamily, this.bold, this.italic, this.letterSpacing ?? 0) + j * 2
     );
     this.transformData = {
@@ -3974,7 +3974,7 @@ class He extends q {
    * Returns the total height based on the tallest font in each line
    */
   calculateRichTextHeight() {
-    const t = this.getRichText(), e = this.transformData.width - j * 2, i = Oe(t), s = [];
+    const t = this.getRichText(), e = this.transformData.width - j * 2, i = Oe(t), o = [];
     if (i.forEach((h) => {
       Ee(h, e, {
         fontSize: this.fontSize,
@@ -3983,22 +3983,22 @@ class He extends q {
         italic: this.italic,
         letterSpacing: this.letterSpacing
       }).forEach((c) => {
-        s.push(c);
+        o.push(c);
       });
-    }), s.length === 0)
+    }), o.length === 0)
       return 0;
-    let o = 0, a = 0;
-    s.forEach((h) => {
+    let s = 0, a = 0;
+    o.forEach((h) => {
       h.forEach((l) => {
-        const c = l.style.fontSize !== void 0 ? l.style.fontSize : this.fontSize, g = l.style.fontFamily !== void 0 ? l.style.fontFamily : this.fontFamily, d = l.style.bold !== void 0 ? l.style.bold : this.bold, f = l.style.italic !== void 0 ? l.style.italic : this.italic, u = vt(c, g, d, f);
-        o = Math.max(o, u.height), a = Math.max(a, u.ascent);
+        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 = Ft(c, g, d, f);
+        s = Math.max(s, u.height), a = Math.max(a, u.ascent);
       });
     });
-    const n = this.fontSize * (this.lineHeight ?? Yt);
-    if (s.length === 1)
-      return o;
+    const n = this.fontSize * (this.lineHeight ?? _t);
+    if (o.length === 1)
+      return s;
     {
-      const h = vt(this.fontSize, this.fontFamily, this.bold, this.italic), l = (s.length - 1) * n + h.height, c = Math.max(0, a - h.ascent), g = Math.max(0, o - a - (h.height - h.ascent));
+      const h = Ft(this.fontSize, this.fontFamily, this.bold, this.italic), l = (o.length - 1) * n + h.height, c = Math.max(0, a - h.ascent), g = Math.max(0, s - a - (h.height - h.ascent));
       return l + c + g;
     }
   }
@@ -4085,13 +4085,13 @@ class He 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) {
-      this.renderWithOffscreen(t, s);
+    const o = this.opacity ?? 1, s = !!((n = this.stroke) != null && n.enabled);
+    if (o < 1 && s) {
+      this.renderWithOffscreen(t, o);
       return;
     }
     const a = t.globalAlpha;
-    s !== 1 && (t.globalAlpha = s), gt("custom")(t, this.toJSON()), t.globalAlpha = a;
+    o !== 1 && (t.globalAlpha = o), gt("custom")(t, this.toJSON()), t.globalAlpha = a;
   }
   /**
    * Render stroke+fill to an offscreen canvas at full opacity, then composite
@@ -4099,7 +4099,7 @@ class He 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");
+    const o = (((d = this.stroke) == null ? void 0 : d.width) || 0) + 20, s = this.getVisualBoundingBox(), a = Math.ceil(s.width + o * 2), n = Math.ceil(s.height + o * 2), h = document.createElement("canvas");
     h.width = a, h.height = n;
     const l = h.getContext("2d");
     if (!l) {
@@ -4107,14 +4107,14 @@ class He extends q {
       t.globalAlpha = e, gt("custom")(t, this.toJSON()), t.globalAlpha = f;
       return;
     }
-    const c = o.x + o.width / 2, g = o.y + o.height / 2;
+    const c = s.x + s.width / 2, g = s.y + s.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();
   }
   /**
    * Override getTransformStartData to capture initial line count
    */
   getTransformStartData() {
-    const t = super.getTransformStartData(), e = this.transformData.width - j * 2, i = Ft(this.text, e, this.fontSize, this.fontFamily, this.bold, this.italic, void 0, !1, {
+    const t = super.getTransformStartData(), e = this.transformData.width - j * 2, i = At(this.text, e, this.fontSize, this.fontFamily, this.bold, this.italic, void 0, !1, {
       letterSpacing: this.letterSpacing
     });
     return t.lineCount = i.length, t;
@@ -4124,8 +4124,8 @@ class He extends q {
    * Corner handles: uniform scale (fontSize and width both change) - line count locked
    * Side handles: only width changes - text re-wraps naturally
    */
-  resize(t, e, i, s) {
-    if (t === "top-left" || t === "top-right" || t === "bottom-left" || t === "bottom-right" || (this._lockedLineCount = void 0), Vt(this, t, e, i, s), this._lockedLineCount !== void 0 && this._lockedLineCount > 0) {
+  resize(t, e, i, o) {
+    if (t === "top-left" || t === "top-right" || t === "bottom-left" || t === "bottom-right" || (this._lockedLineCount = void 0), Vt(this, t, e, i, o), this._lockedLineCount !== void 0 && this._lockedLineCount > 0) {
       const n = Bt(
         this.text,
         this.fontSize,
@@ -4179,25 +4179,25 @@ class He extends q {
   }
 }
 function Pe(r, t, e, i) {
-  const s = I.toRadians(i), o = Math.cos(s), a = Math.sin(s);
+  const o = I.toRadians(i), s = Math.cos(o), a = Math.sin(o);
   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);
+  const l = r.x + (n * s - h * a), c = r.y + (n * a + h * s);
   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 * s - d * a), u = c - (g * a + d * s);
   return { x: f, y: u };
 }
 function qi(r, t, e, i = 1) {
-  const s = r.width / 2, o = r.height + ge / i, a = r.x + s, n = r.y + o, h = I.toRadians(t), l = Math.cos(h), c = Math.sin(h), g = a - e.x, d = n - e.y, f = g * l - d * c, u = g * c + d * l;
+  const o = r.width / 2, s = r.height + ge / i, a = r.x + o, n = r.y + s, h = I.toRadians(t), l = Math.cos(h), c = Math.sin(h), g = a - e.x, d = n - e.y, f = g * l - d * c, u = g * c + d * l;
   return {
     x: e.x + f,
     y: e.y + u
   };
 }
 function ji(r, t, e) {
-  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;
+  const i = I.toRadians(t), o = Math.cos(i), s = 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 * o - m * s, y = u * s + m * o;
     return {
       x: e.x + p,
       y: e.y + y
@@ -4232,16 +4232,16 @@ function ji(r, t, e) {
     l("edge", "middle-bottom", n / 2, h)
   ];
 }
-function Zi(r, t, e, i, s) {
-  const o = r - e, a = t - i;
-  return o * o + a * a <= s * s;
+function Zi(r, t, e, i, o) {
+  const s = r - e, a = t - i;
+  return s * s + a * a <= o * o;
 }
 function Ki(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;
+  const o = I.toRadiansInverse(i), s = Math.cos(o), a = Math.sin(o), n = r - e.x, h = t - e.y, l = n * s - h * a, c = n * a + h * s;
   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";
+function tt(r, t, e = "Arial", i = !1, o = !1) {
+  const a = document.createElement("canvas").getContext("2d"), n = i ? "bold" : "normal", h = o ? "italic" : "normal";
   return a.font = `${h} ${n} ${t}px ${e}`, a.measureText(r).width;
 }
 function Qi(r) {
@@ -4250,17 +4250,17 @@ function Qi(r) {
     y: r.y + r.height / 2
   };
 }
-function ts(r, t, e, i) {
+function to(r, t, e, i) {
   return Math.atan2(i - t, e - r);
 }
-function es(r, t, e) {
+function eo(r, t, e) {
   return Math.abs(r - t) <= e;
 }
-function Le(r, t, e, i, s, o = 0, a = "") {
+function Le(r, t, e, i, o, s = 0, a = "") {
   const n = r - e, h = t - i;
   let l = Math.atan2(h, n) * (180 / Math.PI);
-  if (l = (l % 360 + 360) % 360, s === "corner") {
-    if (Math.abs(o) < 0.1) {
+  if (l = (l % 360 + 360) % 360, o === "corner") {
+    if (Math.abs(s) < 0.1) {
       if (a === "top-left" || a === "bottom-right")
         return "nwse-resize";
       if (a === "top-right" || a === "bottom-left")
@@ -4279,9 +4279,9 @@ function We(r) {
   const t = r.getTransform();
   return Math.sqrt(t.a * t.a + t.b * t.b);
 }
-function is(r, t, e = []) {
+function io(r, t, e = []) {
   const i = We(r);
-  r.lineWidth = i > 0 ? t / i : t, e.length > 0 && r.setLineDash(i > 0 ? e.map((s) => s / i) : e);
+  r.lineWidth = i > 0 ? t / i : t, e.length > 0 && r.setLineDash(i > 0 ? e.map((o) => o / i) : e);
 }
 class ze extends q {
   constructor(t = {}) {
@@ -4313,11 +4313,11 @@ class ze 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, o = tt(this.text, e, this.fontFamily, this.bold, this.italic) / t, s = -Math.PI / 2 - o / 2, a = -Math.PI / 2 + o / 2, n = t > e / 2 ? t - e / 2 : t * 0.1, h = 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 = s + (a - s) * (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;
       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 {
@@ -4336,15 +4336,15 @@ class ze extends q {
    * Handle resize
    * 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));
+  resize(t, e, i, o) {
+    const s = o.transformData, a = (e + i) / 2, n = (o.width + o.height) / 2, h = a / n, l = s.scale * h, c = Math.max(0.1, Math.min(10, l));
     this.transformData.scale = c;
     const g = this.getBoundingBox(), d = Pe(
       {
-        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: o.x - s.radius * s.scale,
+        y: o.y - s.radius * s.scale,
+        width: s.radius * 2 * s.scale,
+        height: s.radius * 2 * s.scale
       },
       { width: g.width, height: g.height },
       t,
@@ -4433,10 +4433,10 @@ class Xe 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;
+    const t = this.text.split(""), e = t.map((u) => tt(u, this.fontSize, this.fontFamily)), i = e.reduce((u, m) => u + m, 0), o = this.transformData.width / 2, s = 0.3, n = this.fontSize / 2;
     let h = 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;
+      const p = e[m], y = d + p / 2, w = y / o, S = (Math.pow(w, 2) - 1) * this.transformData.archHeight * this.fontSize, b = 2 * w * this.transformData.archHeight;
       [
         { x: -p / 2, y: -n },
         // top-left
@@ -4447,7 +4447,7 @@ class Xe extends q {
         { x: p / 2, y: n }
         // bottom-right
       ].forEach((C) => {
-        const M = C.x, F = C.y + b * o * C.x, v = y + M, D = S + F;
+        const M = C.x, F = C.y + b * s * C.x, v = y + M, D = S + F;
         h = Math.min(h, v), l = Math.max(l, v), c = Math.min(c, D), g = Math.max(g, D);
       }), d += p;
     });
@@ -4459,22 +4459,22 @@ class Xe extends q {
       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;
+  resize(t, e, i, o) {
+    const s = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = o.transformData;
+    if (s) {
+      const h = e / o.width, l = o.fontSize * h;
       this.setFontSize(l);
       const c = n.width * h;
       this.transformData.width = Math.max(50, c);
     } else if (a && (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);
+      this.fontSize = o.fontSize, this.transformData.width = Math.max(50, e);
+      const h = e - o.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
       if (t === "middle-left") {
         const d = -h / 2;
-        this.x = s.x + d * c, this.y = s.y + d * g;
+        this.x = o.x + d * c, this.y = o.y + d * g;
       } else if (t === "middle-right") {
         const d = h / 2;
-        this.x = s.x + d * c, this.y = s.y + d * g;
+        this.x = o.x + d * c, this.y = o.y + d * g;
       }
     }
   }
@@ -4506,7 +4506,7 @@ class Xe extends q {
     };
   }
 }
-const ot = {
+const st = {
   amplitude: 0.2,
   // 20% - subtle wave effect
   frequency: 1.2,
@@ -4518,9 +4518,9 @@ const ot = {
   frequency: 2,
   // Standard flag frequency
   width: 200
-}, Ye = {
-  archHeight: 0.5
 }, _e = {
+  archHeight: 0.5
+}, Ye = {
   leanAmount: 0
 }, Ne = {
   ascendAngle: -15
@@ -4531,9 +4531,9 @@ class Ue extends q {
     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) ?? st.amplitude,
+      frequency: (e == null ? void 0 : e.frequency) ?? st.frequency,
+      width: (e == null ? void 0 : e.width) ?? st.width
     };
   }
   getBoundingBox() {
@@ -4546,18 +4546,18 @@ class Ue 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;
+    const t = this.text.split(""), e = t.map((d) => tt(d, this.fontSize, this.fontFamily)), i = e.reduce((d, f) => d + f, 0), s = this.fontSize / 2;
     let a = 1 / 0, n = -1 / 0, h = 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: -s },
         // top-left
-        { x: u / 2, y: -o },
+        { x: u / 2, y: -s },
         // top-right
-        { x: -u / 2, y: o },
+        { x: -u / 2, y: s },
         // bottom-left
-        { x: u / 2, y: o }
+        { x: u / 2, y: s }
         // bottom-right
       ].forEach((b) => {
         const T = b.x, C = b.y + w * be * b.x, M = m + T, F = y + C;
@@ -4572,8 +4572,8 @@ class Ue extends q {
       height: l - h
     };
   }
-  resize(t, e, i, s) {
-    Vt(this, t, e, i, s);
+  resize(t, e, i, o) {
+    Vt(this, t, e, i, o);
   }
   getEnabledAnchors() {
     return ["top-left", "top-right", "bottom-left", "bottom-right"];
@@ -4615,7 +4615,7 @@ class Ge 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;
+    const t = this.text.split(""), e = t.map((f) => tt(f, this.fontSize, this.fontFamily)), i = e.reduce((f, u) => f + u, 0), o = 0.3, a = this.fontSize / 2;
     let n = 1 / 0, h = -1 / 0, l = 1 / 0, c = -1 / 0, g = -i / 2;
     t.forEach((f, u) => {
       const m = e[u], p = g + m / 2, y = p / (this.transformData.width / 2), w = Math.abs(y), S = this.transformData.amplitude * w, b = S * this.fontSize * Math.sin(this.transformData.frequency * Math.PI * y), T = S * this.transformData.frequency * Math.PI * Math.cos(this.transformData.frequency * Math.PI * y), C = this.transformData.amplitude * Math.sign(y) * Math.sin(this.transformData.frequency * Math.PI * y), M = T + C;
@@ -4629,7 +4629,7 @@ class Ge extends q {
         { x: m / 2, y: a }
         // bottom-right
       ].forEach((v) => {
-        const D = v.x, U = v.y + M * s * v.x, B = p + D, A = b + U;
+        const D = v.x, U = v.y + M * o * v.x, B = p + D, A = b + U;
         n = Math.min(n, B), h = Math.max(h, B), l = Math.min(l, A), c = Math.max(c, A);
       }), g += m;
     });
@@ -4641,22 +4641,22 @@ class Ge extends q {
       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;
+  resize(t, e, i, o) {
+    const s = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = o.transformData;
+    if (s) {
+      const h = e / o.width, l = o.fontSize * h;
       this.setFontSize(l);
       const c = n.width * h;
       this.transformData.width = Math.max(50, c);
     } else if (a && (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);
+      this.fontSize = o.fontSize, this.transformData.width = Math.max(50, e);
+      const h = e - o.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
       if (t === "middle-left") {
         const d = -h / 2;
-        this.x = s.x + d * c, this.y = s.y + d * g;
+        this.x = o.x + d * c, this.y = o.y + d * g;
       } else if (t === "middle-right") {
         const d = h / 2;
-        this.x = s.x + d * c, this.y = s.y + d * g;
+        this.x = o.x + d * c, this.y = o.y + d * g;
       }
     }
   }
@@ -4710,7 +4710,7 @@ class $e 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 = tt(this.text, this.fontSize, this.fontFamily), i = this.fontSize * 1.2, o = -this.transformData.leanAmount * Math.PI / 4, s = Math.tan(o), a = [
       { x: -e / 2, y: -i / 2 },
       // top-left
       { x: e / 2, y: -i / 2 },
@@ -4722,7 +4722,7 @@ class $e extends q {
     ];
     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;
+      const f = d.x + s * 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);
     });
     const g = 2;
@@ -4733,22 +4733,22 @@ class $e extends q {
       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;
+  resize(t, e, i, o) {
+    const s = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = o.transformData;
+    if (s) {
+      const h = e / o.width, l = o.fontSize * h;
       this.setFontSize(l);
       const c = n.width * h;
       this.transformData.width = Math.max(50, c);
     } else if (a && (t === "middle-left" || t === "middle-right")) {
-      this.fontSize = s.fontSize, this.transformData.width = Math.max(50, e);
+      this.fontSize = o.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);
       if (t === "middle-left") {
         const d = -h / 2;
-        this.x = s.x + d * c, this.y = s.y + d * g;
+        this.x = o.x + d * c, this.y = o.y + d * g;
       } else if (t === "middle-right") {
         const d = h / 2;
-        this.x = s.x + d * c, this.y = s.y + d * g;
+        this.x = o.x + d * c, this.y = o.y + d * g;
       }
     }
   }
@@ -4791,19 +4791,19 @@ class Ve 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), o = Math.abs(i) + this.fontSize * 1.2, s = i > 0 ? -o : 0;
     return {
       x: this.x - e / 2,
-      y: this.y + o,
+      y: this.y + s,
       width: e,
-      height: s
+      height: o
     };
   }
   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) => tt(m, this.fontSize, this.fontFamily)), i = e.reduce((m, p) => m + p, 0), o = this.transformData.ascendAngle * Math.PI / 180, s = Math.tan(o), a = 1, h = 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 * s;
       [
         { x: -y / 2, y: -h },
         // top-left
@@ -4814,7 +4814,7 @@ class Ve extends q {
         { x: y / 2, y: h }
         // bottom-right
       ].forEach((T) => {
-        const C = T.x, M = T.y + o * a * T.x, F = w + C, v = S + M;
+        const C = T.x, M = T.y + s * a * T.x, F = w + C, v = S + M;
         l = Math.min(l, F), c = Math.max(c, F), g = Math.min(g, v), d = Math.max(d, v);
       }), f += y;
     });
@@ -4826,22 +4826,22 @@ class Ve extends q {
       height: d - g
     };
   }
-  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;
+  resize(t, e, i, o) {
+    const s = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = o.transformData;
+    if (s) {
+      const h = e / o.width, l = o.fontSize * h;
       this.setFontSize(l);
       const c = n.width * h;
       this.transformData.width = Math.max(50, c);
     } else if (a && (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);
+      this.fontSize = o.fontSize, this.transformData.width = Math.max(50, e);
+      const h = e - o.width, l = this.rotation * Math.PI / 180, c = Math.cos(l), g = Math.sin(l);
       if (t === "middle-left") {
         const d = -h / 2;
-        this.x = s.x + d * c, this.y = s.y + d * g;
+        this.x = o.x + d * c, this.y = o.y + d * g;
       } else if (t === "middle-right") {
         const d = h / 2;
-        this.x = s.x + d * c, this.y = s.y + d * g;
+        this.x = o.x + d * c, this.y = o.y + d * g;
       }
     }
   }
@@ -4873,16 +4873,16 @@ class Ve extends q {
     };
   }
 }
-class At extends Q {
+class Mt extends Q {
   constructor(t = {}) {
-    var i, s, o, a, n, h, l, c, g, d, f;
+    var i, o, s, a, n, h, l, c, g, d, f;
     super(t), this.transformType = "shape";
     const e = "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,
+      width: ((o = t.transformData) == null ? void 0 : o.width) || 200,
+      height: ((s = t.transformData) == null ? void 0 : s.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,
@@ -4925,34 +4925,34 @@ class At extends Q {
   getVisualBoundingBox() {
     const { shapeType: t, width: e, height: i } = this.transformData;
     if (t === "circle") {
-      const s = Math.min(e, i) / 2;
+      const o = Math.min(e, i) / 2;
       return {
-        x: this.x - s,
-        y: this.y - s,
-        width: s * 2,
-        height: s * 2
+        x: this.x - o,
+        y: this.y - o,
+        width: o * 2,
+        height: o * 2
       };
     }
     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;
+      const o = Math.min(e, i) / 2;
+      let s = 1 / 0, a = 1 / 0, n = -1 / 0, h = -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);
+          const g = c * 2 * Math.PI / l - Math.PI / 2, d = o * Math.cos(g), f = o * Math.sin(g);
+          d < s && (s = d), d > n && (n = d), f < a && (a = f), f > h && (h = f);
         }
       } else {
-        const l = this.transformData.points || 5, c = s, g = c * (this.transformData.innerRadius ?? 0.4);
+        const l = this.transformData.points || 5, c = o, 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 < s && (s = m), m > n && (n = m), p < a && (a = p), p > h && (h = p);
         }
       }
       return {
-        x: this.x + o,
+        x: this.x + s,
         y: this.y + a,
-        width: n - o,
+        width: n - s,
         height: h - a
       };
     }
@@ -4969,14 +4969,14 @@ class At 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) {
-      this.renderWithOffscreen(t, s);
+    const o = this.opacity ?? 1, s = !!((n = this.stroke) != null && n.enabled);
+    if (o < 1 && s) {
+      this.renderWithOffscreen(t, o);
       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.globalAlpha = o * a, this.renderShape(t), t.restore(), s && this.renderStroke(t, o);
   }
   /**
    * Render fill+stroke to a temporary canvas at full opacity, then composite
@@ -4984,7 +4984,7 @@ class At 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");
+    const { width: i, height: o } = this.transformData, a = (((f = this.stroke) == null ? void 0 : f.width) || 2) + 2, n = Math.ceil(i + a * 2), h = Math.ceil(o + a * 2), l = document.createElement("canvas");
     l.width = n, l.height = h;
     const c = l.getContext("2d");
     if (!c) {
@@ -5008,55 +5008,55 @@ class At extends Q {
    * Trace the shape path without filling or stroking — used by offscreen render
    */
   traceShapePath(t) {
-    const { shapeType: e, width: i, height: s } = this.transformData;
+    const { shapeType: e, width: i, height: o } = 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 s = this.transformData.borderRadius || 0, a = -i / 2, n = -o / 2;
+        if (s > 0) {
+          const h = Math.min(s / 100 * Math.min(i, o), i / 2, o / 2);
+          t.roundRect(a, n, i, o, h);
         } else
-          t.rect(a, n, i, s);
+          t.rect(a, n, i, o);
         break;
       }
       case "circle": {
-        const o = Math.min(i, s) / 2;
-        t.arc(0, 0, o, 0, Math.PI * 2);
+        const s = Math.min(i, o) / 2;
+        t.arc(0, 0, s, 0, Math.PI * 2);
         break;
       }
       case "ellipse":
-        t.ellipse(0, 0, i / 2, s / 2, 0, 0, Math.PI * 2);
+        t.ellipse(0, 0, i / 2, o / 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 s = i / 2, a = o / 2;
+        t.moveTo(0, -a), t.lineTo(s, a), t.lineTo(-s, a), 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 s = this.transformData.sides || 5, a = Math.min(i, o) / 2;
+        for (let n = 0; n < s; n++) {
+          const h = n * 2 * Math.PI / s - Math.PI / 2, l = a * Math.cos(h), c = a * Math.sin(h);
           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);
+        const s = this.transformData.points || 5, a = Math.min(i, o) / 2, n = a * (this.transformData.innerRadius || 0.4);
+        for (let h = 0; h < s * 2; h++) {
+          const l = h * Math.PI / s - 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);
         }
         t.closePath();
         break;
       }
       case "line": {
-        const o = i / 2, a = s / 2;
-        t.rect(-o, -a, i, s);
+        const s = i / 2, a = o / 2;
+        t.rect(-s, -a, i, o);
         break;
       }
       default:
-        t.rect(-i / 2, -s / 2, i, s);
+        t.rect(-i / 2, -o / 2, i, o);
     }
   }
   /**
@@ -5066,32 +5066,32 @@ class At 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;
-    switch (t.beginPath(), s) {
+    const { shapeType: o, width: s, height: a } = this.transformData;
+    switch (t.beginPath(), o) {
       case "rectangle": {
-        const n = this.transformData.borderRadius || 0, h = -o / 2, l = -a / 2;
+        const n = this.transformData.borderRadius || 0, h = -s / 2, l = -a / 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(s, a), s / 2, a / 2);
+          t.roundRect(h, l, s, a, c);
         } else
-          t.rect(h, l, o, a);
+          t.rect(h, l, s, a);
         break;
       }
       case "circle": {
-        const n = Math.min(o, a) / 2;
+        const n = Math.min(s, a) / 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, s / 2, a / 2, 0, 0, Math.PI * 2);
         break;
       case "triangle": {
-        const n = o / 2, h = a / 2;
+        const n = s / 2, h = a / 2;
         t.moveTo(0, -h), t.lineTo(n, h), t.lineTo(-n, h), t.closePath();
         break;
       }
       case "polygon": {
-        const n = this.transformData.sides || 5, h = Math.min(o, a) / 2;
+        const n = this.transformData.sides || 5, h = Math.min(s, a) / 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);
           l === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
@@ -5100,7 +5100,7 @@ class At extends Q {
         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, h = Math.min(s, a) / 2, l = h * (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);
           c === 0 ? t.moveTo(f, u) : t.lineTo(f, u);
@@ -5109,12 +5109,12 @@ class At extends Q {
         break;
       }
       case "line": {
-        const n = o / 2, h = a / 2;
-        t.rect(-n, -h, o, a);
+        const n = s / 2, h = a / 2;
+        t.rect(-n, -h, s, a);
         break;
       }
       default:
-        t.rect(-o / 2, -a / 2, o, a);
+        t.rect(-s / 2, -a / 2, s, a);
     }
     t.stroke(), t.restore();
   }
@@ -5122,32 +5122,32 @@ class At extends Q {
    * Render the specific shape based on shapeType
    */
   renderShape(t) {
-    const { shapeType: e, width: i, height: s } = this.transformData;
+    const { shapeType: e, width: i, height: o } = this.transformData;
     switch (t.beginPath(), e) {
       case "rectangle":
-        this.renderRectangle(t, i, s);
+        this.renderRectangle(t, i, o);
         break;
       case "circle":
-        this.renderCircle(t, Math.min(i, s) / 2);
+        this.renderCircle(t, Math.min(i, o) / 2);
         break;
       case "ellipse":
-        this.renderEllipse(t, i / 2, s / 2);
+        this.renderEllipse(t, i / 2, o / 2);
         break;
       case "triangle":
-        this.renderTriangle(t, i, s);
+        this.renderTriangle(t, i, o);
         break;
       case "polygon":
-        this.renderPolygon(t, Math.min(i, s) / 2);
+        this.renderPolygon(t, Math.min(i, o) / 2);
         break;
       case "star":
-        this.renderStar(t, Math.min(i, s) / 2);
+        this.renderStar(t, Math.min(i, o) / 2);
         break;
       case "line":
-        this.renderLine(t, i, s);
+        this.renderLine(t, i, o);
         return;
       // Line uses stroke, not fill
       default:
-        this.renderRectangle(t, i, s);
+        this.renderRectangle(t, i, o);
     }
     t.fill();
   }
@@ -5155,12 +5155,12 @@ class At 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;
-    if (s > 0) {
-      const n = Math.min(s / 100 * Math.min(e, i), e / 2, i / 2);
-      t.roundRect(o, a, e, i, n);
+    const o = this.transformData.borderRadius || 0, s = -e / 2, a = -i / 2;
+    if (o > 0) {
+      const n = Math.min(o / 100 * Math.min(e, i), e / 2, i / 2);
+      t.roundRect(s, a, e, i, n);
     } else
-      t.rect(o, a, e, i);
+      t.rect(s, a, e, i);
   }
   /**
    * Render a circle
@@ -5178,16 +5178,16 @@ class At 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 o = e / 2, s = i / 2;
+    t.moveTo(0, -s), t.lineTo(o, s), t.lineTo(-o, s), 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;
+    const i = Math.max(3, Math.min(20, this.transformData.sides || 5)), o = Math.PI * 2 / i, s = -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;
+      const n = s + o * a, h = Math.cos(n) * e, l = Math.sin(n) * e;
       a === 0 ? t.moveTo(h, l) : t.lineTo(h, l);
     }
     t.closePath();
@@ -5196,9 +5196,9 @@ class At 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;
+    const i = Math.max(3, Math.min(20, this.transformData.points || 5)), o = Math.max(0.1, Math.min(0.9, this.transformData.innerRadius || 0.4)), s = e * o, 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;
+      const l = n + a * h, c = h % 2 === 0 ? e : s, g = Math.cos(l) * c, d = Math.sin(l) * c;
       h === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
     }
     t.closePath();
@@ -5207,20 +5207,20 @@ class At 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 o = e / 2, s = i;
+    t.moveTo(-o, 0), t.lineTo(o, 0), t.strokeStyle = this.transformData.fillColor || "#3b82f6", t.lineWidth = s, 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 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);
-    this.rotation = s.rotation;
-    const a = this.getFixedCorner(t, s), n = this.getOppositeAnchor(t), h = this.getBoundingBox(), l = this.getCornerOffset(n, h);
+  resize(t, e, i, o) {
+    const { shapeType: s } = this.transformData;
+    if (s === "circle" || s === "polygon" || s === "star") {
+      const c = Math.max(e / o.transformData.width, i / o.transformData.height);
+      this.transformData.width = o.transformData.width * c, this.transformData.height = o.transformData.height * c;
+    } else s === "line" ? (this.transformData.width = e, this.transformData.height = o.transformData.height) : (this.transformData.width = e, this.transformData.height = i);
+    this.rotation = o.rotation;
+    const a = this.getFixedCorner(t, o), 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;
   }
   /**
@@ -5252,71 +5252,71 @@ class At extends Q {
       width: e.transformData.width,
       height: e.transformData.height
     };
-    let s, o;
+    let o, s;
     switch (t) {
       case "top-left":
-        s = i.x + i.width, o = i.y + i.height;
+        o = i.x + i.width, s = i.y + i.height;
         break;
       case "top-right":
-        s = i.x, o = i.y + i.height;
+        o = i.x, s = i.y + i.height;
         break;
       case "bottom-left":
-        s = i.x + i.width, o = i.y;
+        o = i.x + i.width, s = i.y;
         break;
       case "bottom-right":
-        s = i.x, o = i.y;
+        o = i.x, s = i.y;
         break;
       case "middle-left":
-        s = i.x + i.width, o = i.y + i.height / 2;
+        o = i.x + i.width, s = i.y + i.height / 2;
         break;
       case "middle-right":
-        s = i.x, o = i.y + i.height / 2;
+        o = i.x, s = i.y + i.height / 2;
         break;
       case "middle-top":
-        s = i.x + i.width / 2, o = i.y + i.height;
+        o = i.x + i.width / 2, s = i.y + i.height;
         break;
       case "middle-bottom":
-        s = i.x + i.width / 2, o = i.y;
+        o = i.x + i.width / 2, s = i.y;
         break;
       default:
-        s = i.x + i.width / 2, o = i.y + i.height / 2;
+        o = i.x + i.width / 2, s = i.y + i.height / 2;
     }
-    return { x: s, y: o };
+    return { x: o, y: s };
   }
   /**
    * Get the offset of a corner from the center
    */
   getCornerOffset(t, e) {
-    let i, s;
+    let i, o;
     switch (t) {
       case "top-left":
-        i = -e.width / 2, s = -e.height / 2;
+        i = -e.width / 2, o = -e.height / 2;
         break;
       case "top-right":
-        i = e.width / 2, s = -e.height / 2;
+        i = e.width / 2, o = -e.height / 2;
         break;
       case "bottom-left":
-        i = -e.width / 2, s = e.height / 2;
+        i = -e.width / 2, o = e.height / 2;
         break;
       case "bottom-right":
-        i = e.width / 2, s = e.height / 2;
+        i = e.width / 2, o = e.height / 2;
         break;
       case "middle-left":
-        i = -e.width / 2, s = 0;
+        i = -e.width / 2, o = 0;
         break;
       case "middle-right":
-        i = e.width / 2, s = 0;
+        i = e.width / 2, o = 0;
         break;
       case "middle-top":
-        i = 0, s = -e.height / 2;
+        i = 0, o = -e.height / 2;
         break;
       case "middle-bottom":
-        i = 0, s = e.height / 2;
+        i = 0, o = e.height / 2;
         break;
       default:
-        i = 0, s = 0;
+        i = 0, o = 0;
     }
-    return { x: i, y: s };
+    return { x: i, y: o };
   }
   /**
    * Get enabled anchors - all 8 anchors for most shapes, only corners for circles/polygons
@@ -5338,7 +5338,7 @@ class At extends Q {
    * Clone this element
    */
   clone() {
-    return new At(this.toJSON());
+    return new Mt(this.toJSON());
   }
   /**
    * Serialize to JSON
@@ -5360,15 +5360,15 @@ class At extends Q {
     };
   }
 }
-class Mt extends Q {
+class Dt extends Q {
   constructor(t = {}) {
-    var e, i, s, o, a, n, h, l, c, g;
+    var e, i, o, s, a, n, h, 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,
+      width: ((o = t.transformData) == null ? void 0 : o.width) || 200,
+      height: ((s = t.transformData) == null ? void 0 : s.height) || 200,
       fillEnabled: ((a = t.transformData) == null ? void 0 : a.fillEnabled) ?? !1,
       fillColor: ((n = t.transformData) == null ? void 0 : n.fillColor) || Xt(),
       fillOpacity: ((h = t.transformData) == null ? void 0 : h.fillOpacity) ?? 1,
@@ -5416,11 +5416,11 @@ class Mt 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, o, s) {
+    const a = 1 - s, n = a * a, h = n * a, l = s * s, c = l * s;
     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: h * t.x + 3 * n * s * e.x + 3 * a * l * i.x + c * o.x,
+      y: h * t.y + 3 * n * s * e.y + 3 * a * l * i.y + c * o.y
     };
   }
   /**
@@ -5432,14 +5432,14 @@ class Mt extends Q {
     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, o = -1 / 0, s = -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), o = Math.max(o, f.x), s = Math.max(s, 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), o = Math.max(o, f.x), s = Math.max(s, 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),
           y: f.y + (((l = f.handleOut) == null ? void 0 : l.y) || 0)
@@ -5449,7 +5449,7 @@ class Mt extends Q {
         }, S = { x: u.x, y: u.y }, b = 20;
         for (let T = 0; T <= b; T++) {
           const C = T / b, M = this.bezierPoint(p, y, w, S, C);
-          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), o = Math.max(o, M.x), s = Math.max(s, M.y);
         }
       }
     }
@@ -5457,8 +5457,8 @@ class Mt extends Q {
     return {
       x: e - n,
       y: i - n,
-      width: s - e + a,
-      height: o - i + a
+      width: o - e + a,
+      height: s - i + a
     };
   }
   /**
@@ -5472,28 +5472,28 @@ class Mt 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;
-    if (s.length === 0)
+    const { points: o, closed: s, fillEnabled: a, fillColor: n, fillOpacity: h, strokeEnabled: l, strokeColor: c, strokeWidth: g } = this.transformData;
+    if (o.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), a && s && 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();
   }
   /**
    * Render the path using Canvas API bezier curves
    */
   renderPath(t) {
-    var o, a, n, h;
+    var s, a, n, h;
     const { points: e, closed: i } = this.transformData;
     if (e.length === 0) return;
-    const s = e[0];
-    t.moveTo(s.x, s.y);
+    const o = e[0];
+    t.moveTo(o.x, o.y);
     for (let l = 0; l < e.length; l++) {
       const c = e[l], g = e[(l + 1) % e.length];
       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 + (((s = c.handleOut) == null ? void 0 : s.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);
         t.bezierCurveTo(f, u, m, p, g.x, g.y);
       } else
         t.lineTo(g.x, g.y);
@@ -5503,11 +5503,11 @@ class Mt 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)
+  resize(t, e, i, o) {
+    const s = o.transformData.width, a = o.transformData.height;
+    if (s === 0 || a === 0)
       return !1;
-    const n = e / o, h = i / a, l = s.transformData.points;
+    const n = e / s, h = i / a, l = o.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);
@@ -5518,8 +5518,8 @@ class Mt extends Q {
       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
-    })), 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);
+    })), this.transformData.width = e, this.transformData.height = i, this.rotation = o.rotation;
+    const p = this.getFixedCorner(t, o), 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;
   }
   /**
@@ -5551,71 +5551,71 @@ class Mt extends Q {
       width: e.transformData.width,
       height: e.transformData.height
     };
-    let s, o;
+    let o, s;
     switch (t) {
       case "top-left":
-        s = i.x + i.width, o = i.y + i.height;
+        o = i.x + i.width, s = i.y + i.height;
         break;
       case "top-right":
-        s = i.x, o = i.y + i.height;
+        o = i.x, s = i.y + i.height;
         break;
       case "bottom-left":
-        s = i.x + i.width, o = i.y;
+        o = i.x + i.width, s = i.y;
         break;
       case "bottom-right":
-        s = i.x, o = i.y;
+        o = i.x, s = i.y;
         break;
       case "middle-left":
-        s = i.x + i.width, o = i.y + i.height / 2;
+        o = i.x + i.width, s = i.y + i.height / 2;
         break;
       case "middle-right":
-        s = i.x, o = i.y + i.height / 2;
+        o = i.x, s = i.y + i.height / 2;
         break;
       case "middle-top":
-        s = i.x + i.width / 2, o = i.y + i.height;
+        o = i.x + i.width / 2, s = i.y + i.height;
         break;
       case "middle-bottom":
-        s = i.x + i.width / 2, o = i.y;
+        o = i.x + i.width / 2, s = i.y;
         break;
       default:
-        s = i.x + i.width / 2, o = i.y + i.height / 2;
+        o = i.x + i.width / 2, s = i.y + i.height / 2;
     }
-    return { x: s, y: o };
+    return { x: o, y: s };
   }
   /**
    * Get the offset of a corner from the center
    */
   getCornerOffset(t, e) {
-    let i, s;
+    let i, o;
     switch (t) {
       case "top-left":
-        i = -e.width / 2, s = -e.height / 2;
+        i = -e.width / 2, o = -e.height / 2;
         break;
       case "top-right":
-        i = e.width / 2, s = -e.height / 2;
+        i = e.width / 2, o = -e.height / 2;
         break;
       case "bottom-left":
-        i = -e.width / 2, s = e.height / 2;
+        i = -e.width / 2, o = e.height / 2;
         break;
       case "bottom-right":
-        i = e.width / 2, s = e.height / 2;
+        i = e.width / 2, o = e.height / 2;
         break;
       case "middle-left":
-        i = -e.width / 2, s = 0;
+        i = -e.width / 2, o = 0;
         break;
       case "middle-right":
-        i = e.width / 2, s = 0;
+        i = e.width / 2, o = 0;
         break;
       case "middle-top":
-        i = 0, s = -e.height / 2;
+        i = 0, o = -e.height / 2;
         break;
       case "middle-bottom":
-        i = 0, s = e.height / 2;
+        i = 0, o = e.height / 2;
         break;
       default:
-        i = 0, s = 0;
+        i = 0, o = 0;
     }
-    return { x: i, y: s };
+    return { x: i, y: o };
   }
   /**
    * Get enabled anchors - all 8 anchors for free resize
@@ -5636,7 +5636,7 @@ class Mt extends Q {
    * Clone this element
    */
   clone() {
-    return new Mt(this.toJSON());
+    return new Dt(this.toJSON());
   }
   /**
    * Serialize to JSON
@@ -5679,7 +5679,7 @@ const Je = {
     {
       key: "archHeight",
       label: "Arch Height",
-      defaultInternalValue: Ye.archHeight,
+      defaultInternalValue: _e.archHeight,
       // Slider 0-100 maps to internal -1 to 1
       toSlider: (r) => (r + 1) / 2 * 100,
       fromSlider: (r) => r / 100 * 2 - 1,
@@ -5690,7 +5690,7 @@ const Je = {
     {
       key: "amplitude",
       label: "Wave Amplitude",
-      defaultInternalValue: ot.amplitude,
+      defaultInternalValue: st.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,
@@ -5699,7 +5699,7 @@ const Je = {
     {
       key: "frequency",
       label: "Wave Frequency",
-      defaultInternalValue: ot.frequency,
+      defaultInternalValue: st.frequency,
       step: 5,
       // 5% steps for smoother control
       // Slider 0-100 maps to internal 1 to 5
@@ -5732,7 +5732,7 @@ const Je = {
     {
       key: "leanAmount",
       label: "Lean Amount",
-      defaultInternalValue: _e.leanAmount,
+      defaultInternalValue: Ye.leanAmount,
       // Slider 0-100 maps to internal -0.5 to 0.5
       // Display as -100% to 100%
       toSlider: (r) => (r + 0.5) * 100,
@@ -5831,42 +5831,42 @@ const Je = {
   { id: "ascend", label: "ASCEND", Component: Ve },
   { id: "wave", label: "WAVE", Component: Ue },
   { id: "flag", label: "FLAG", Component: Ge },
-  { id: "shape", label: "SHAPE", Component: At },
-  { id: "path", label: "PATH", Component: Mt },
-  { id: "image", label: "IMAGE", Component: pt },
+  { id: "shape", label: "SHAPE", Component: Mt },
+  { id: "path", label: "PATH", Component: Dt },
+  { id: "image", label: "IMAGE", Component: yt },
   // Use a getter to break circular dependency: GroupElement imports getTransformById
   // from this module, so GroupElement may be in the TDZ during module evaluation.
   // The getter defers access until runtime when both modules are fully initialized.
   { id: "group", label: "GROUP", get Component() {
-    return ut;
+    return mt;
   } }
-], qt = new Set(Jt.map((r) => r.id)), ft = /* @__PURE__ */ new Map();
-function ss(r, t) {
+], qt = new Set(Jt.map((r) => r.id)), ut = /* @__PURE__ */ new Map();
+function oo(r, t) {
   if (qt.has(r))
     throw new Error(
       `Cannot register transform type "${r}": conflicts with built-in type`
     );
-  if (ft.has(r))
+  if (ut.has(r))
     throw new Error(
       `Cannot register transform type "${r}": already registered as a custom type`
     );
-  ft.set(r, t);
+  ut.set(r, t);
 }
-function os(r) {
+function so(r) {
   if (qt.has(r))
     throw new Error(
       `Cannot unregister transform type "${r}": built-in types cannot be removed`
     );
-  return ft.delete(r);
+  return ut.delete(r);
 }
 function qe(r) {
   const t = Jt.find((e) => e.id === r);
-  return t || ft.get(r);
+  return t || ut.get(r);
 }
-function rs(r) {
+function ro(r) {
   return Je[r] || [];
 }
-class ut extends Q {
+class mt extends Q {
   constructor(t = {}) {
     super(t), this.isGroup = !0, this._baseBBoxWidth = 0, this._baseBBoxHeight = 0, this._rotationCenterX = 0, this._rotationCenterY = 0, this.transformType = "group";
     const e = t.children || [];
@@ -5893,17 +5893,17 @@ class ut extends Q {
   getBoundingBox() {
     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);
+    let t = 1 / 0, e = 1 / 0, i = -1 / 0, o = -1 / 0;
+    return this.children.forEach((s) => {
+      const a = s.getVisualBoundingBox();
+      this._getRotatedCorners(s, a).forEach((h) => {
+        t = Math.min(t, h.x), e = Math.min(e, h.y), i = Math.max(i, h.x), o = Math.max(o, h.y);
       });
     }), {
       x: t,
       y: e,
       width: i - t,
-      height: s - e
+      height: o - e
     };
   }
   /**
@@ -5927,7 +5927,7 @@ class ut 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), o = e.x + e.width / 2, s = e.y + e.height / 2, a = o - t.x, n = s - t.y;
     return [
       { localX: a - e.width / 2, localY: n - e.height / 2 },
       { localX: a + e.width / 2, localY: n - e.height / 2 },
@@ -5967,8 +5967,8 @@ class ut 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) ? Ae()(t, s) : s.forEach((a) => {
+    const o = this.children.filter((a) => a.visible !== !1);
+    o.some((a) => a.isClipping) ? Ae()(t, o) : o.forEach((a) => {
       a.render(t, !1);
     }), e ? this._renderGroupOutline(t, 1) : i && this._renderGroupOutline(t, 0.3);
   }
@@ -5979,8 +5979,8 @@ class ut extends Q {
   _renderGroupOutline(t, e = 1) {
     const i = this.getOrientedBoundingBox();
     t.save(), t.globalAlpha = e, t.strokeStyle = zt(), t.lineWidth = 2, t.setLineDash([5, 5]);
-    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();
+    const o = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
+    this.rotation !== 0 && (t.translate(o, s), t.rotate(-this.rotation * Math.PI / 180), t.translate(-o, -s)), 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)
@@ -5997,13 +5997,13 @@ class ut 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 s = this.getBoundingBox();
+      t = s.width, e = s.height, this._baseBBoxWidth = t, this._baseBBoxHeight = e;
     }
-    const i = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
+    const i = this._rotationCenterX || this.x, o = this._rotationCenterY || this.y;
     return {
       x: i - t / 2,
-      y: s - e / 2,
+      y: o - e / 2,
       width: t,
       height: e
     };
@@ -6022,52 +6022,52 @@ class ut extends Q {
   setRotation(t) {
     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.x = i, this.y = s;
+    const i = this._rotationCenterX || this.x, o = this._rotationCenterY || this.y;
+    this.children.forEach((s) => {
+      const a = P.rotatePointAroundAnchor(s.x, s.y, i, o, e);
+      s.x = a.x, s.y = a.y, s.setRotation(s.rotation + e);
+    }), this.x = i, this.y = o;
   }
   /**
    * Resize the group (scales all children proportionally)
    * Uses the same fixed-corner approach as multi-selection resize
    */
-  resize(t, e, i, s) {
-    if (!s.childrenStartData || !s.width || !s.height)
+  resize(t, e, i, o) {
+    if (!o.childrenStartData || !o.width || !o.height)
       return;
-    const o = e / s.width, a = i / s.height, n = (o + a) / 2;
+    const s = e / o.width, a = i / o.height, n = (s + a) / 2;
     let h, l;
     switch (t) {
       case "top-left":
-        h = s.width / 2, l = s.height / 2;
+        h = o.width / 2, l = o.height / 2;
         break;
       case "top-right":
-        h = -s.width / 2, l = s.height / 2;
+        h = -o.width / 2, l = o.height / 2;
         break;
       case "bottom-left":
-        h = s.width / 2, l = -s.height / 2;
+        h = o.width / 2, l = -o.height / 2;
         break;
       case "bottom-right":
-        h = -s.width / 2, l = -s.height / 2;
+        h = -o.width / 2, l = -o.height / 2;
         break;
       default:
         h = 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 = -o.rotation * Math.PI / 180, g = Math.cos(c), d = Math.sin(c), f = o.x + (h * g - l * d), u = o.y + (h * d + l * g);
     this.children.forEach((y, w) => {
-      const S = s.childrenStartData[w], b = S.x - f, T = S.y - u, C = f + b * n, M = u + T * n;
-      if (y.x = C, y.y = M, y instanceof pt) {
+      const S = o.childrenStartData[w], b = S.x - f, T = S.y - u, C = f + b * n, M = u + T * n;
+      if (y.x = C, y.y = M, y instanceof yt) {
         const F = S.transformData, v = F.width * n, D = F.height * n;
         y.transformData.width = v, y.transformData.height = D;
-      } else if (y instanceof ut) {
+      } else if (y instanceof mt) {
         const F = (S.width ?? 0) * n, v = (S.height ?? 0) * n;
         y.resize(t, F, v, S);
       } else {
         const F = (S.width ?? 0) * n, v = (S.height ?? 0) * n;
         y.resize(t, F, v, S);
       }
-    }), this._baseBBoxWidth = s.width * n, this._baseBBoxHeight = s.height * n;
-    const m = s.x - f, p = s.y - u;
+    }), this._baseBBoxWidth = o.width * n, this._baseBBoxHeight = o.height * n;
+    const m = o.x - f, p = o.y - u;
     this.x = f + m * n, this.y = u + p * n, this._rotationCenterX = this.x, this._rotationCenterY = this.y;
   }
   /**
@@ -6075,16 +6075,16 @@ class ut extends Q {
    * Use cached base dimensions instead of axis-aligned bbox for consistency with visual border
    */
   getTransformStartData() {
-    const t = this._baseBBoxWidth > 0 ? this._baseBBoxWidth : this.getBoundingBox().width, e = this._baseBBoxHeight > 0 ? this._baseBBoxHeight : this.getBoundingBox().height, i = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
+    const t = this._baseBBoxWidth > 0 ? this._baseBBoxWidth : this.getBoundingBox().width, e = this._baseBBoxHeight > 0 ? this._baseBBoxHeight : this.getBoundingBox().height, i = this._rotationCenterX || this.x, o = this._rotationCenterY || this.y;
     return {
       id: this.id,
       x: i,
-      y: s,
+      y: o,
       width: t,
       height: e,
       rotation: this.rotation,
       transformData: this.transformData,
-      childrenStartData: this.children.map((o) => o.getTransformStartData())
+      childrenStartData: this.children.map((s) => s.getTransformStartData())
     };
   }
   /**
@@ -6092,10 +6092,10 @@ class ut 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(), o = this._rotationCenterX || this.x, s = 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 a = this.rotation * Math.PI / 180, n = Math.cos(a), h = Math.sin(a), l = t - o, c = e - s, g = o + (l * n - c * h), d = s + (l * h + c * n);
     return g >= i.x && g <= i.x + i.width && d >= i.y && d <= i.y + i.height;
   }
   /**
@@ -6121,7 +6121,7 @@ class ut extends Q {
    * Clone the group (deep copy with children)
    */
   clone() {
-    const t = this.children.map((i) => i.clone()), e = new ut({
+    const t = this.children.map((i) => i.clone()), e = new mt({
       id: this.id,
       x: this.x,
       y: this.y,
@@ -6162,9 +6162,9 @@ class ut extends Q {
    */
   hitTestChild(t, e) {
     for (let i = this.children.length - 1; i >= 0; i--) {
-      const s = this.children[i];
-      if (s.hitTest(t, e))
-        return s;
+      const o = this.children[i];
+      if (o.hitTest(t, e))
+        return o;
     }
     return null;
   }
@@ -6209,8 +6209,8 @@ class Z {
   getAllByName(t) {
     const e = [];
     for (const i of this.order) {
-      const s = this.byId.get(i);
-      s && s.name === t && e.push(s);
+      const o = this.byId.get(i);
+      o && o.name === t && e.push(o);
     }
     return e;
   }
@@ -6231,8 +6231,8 @@ class Z {
     const i = this.clone();
     if (t !== e.id) {
       i.byId.delete(t);
-      const s = i.order.indexOf(t);
-      s !== -1 && (i.order[s] = e.id);
+      const o = i.order.indexOf(t);
+      o !== -1 && (i.order[o] = e.id);
     }
     return i.byId.set(e.id, e), i;
   }
@@ -6245,8 +6245,8 @@ class Z {
   insertAfter(t, e) {
     const i = this.clone();
     i.byId.set(t.id, t);
-    const s = i.order.indexOf(e);
-    return s !== -1 ? i.order.splice(s + 1, 0, t.id) : i.order.push(t.id), i;
+    const o = i.order.indexOf(e);
+    return o !== -1 ? i.order.splice(o + 1, 0, t.id) : i.order.push(t.id), i;
   }
   /** Remove an element by ID. */
   remove(t) {
@@ -6257,7 +6257,7 @@ class Z {
   /** Reorder element to a new index in the render order. */
   reorder(t, e) {
     const i = this.clone();
-    return i.order = i.order.filter((s) => s !== t), i.order.splice(e, 0, t), i;
+    return i.order = i.order.filter((o) => o !== t), i.order.splice(e, 0, t), i;
   }
   /**
    * Apply a batch update: replace elements whose IDs match.
@@ -6311,6 +6311,18 @@ class Z {
     return t.byId = new Map(this.byId), t.order = [...this.order], t;
   }
 }
+class no extends Error {
+  constructor(t, e, i = {}) {
+    super(`[Editor] ${t}: ${e}`), this.name = "EditorError", this.code = t, this.data = { code: t, ...i };
+  }
+}
+function ao(r) {
+  return r instanceof Error && r.name === "EditorError" && "code" in r;
+}
+function ho() {
+  var r;
+  return typeof ft < "u" && ((r = ft.env) == null ? void 0 : r.NODE_ENV) !== "production";
+}
 class $ {
   /**
    * Execute the command
@@ -6325,9 +6337,9 @@ class $ {
     throw new Error("Command.undo() must be implemented");
   }
 }
-class ns 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;
+class lo extends $ {
+  constructor(t, e, i, o) {
+    super(), this.elementId = t, this.oldElement = e ? e.clone() : null, this.newElement = i ? i.clone() : null, this.onUpdate = o;
   }
   execute() {
     this.newElement && this.onUpdate(this.newElement);
@@ -6336,7 +6348,7 @@ class ns extends $ {
     this.oldElement && this.onUpdate(this.oldElement);
   }
 }
-class as extends $ {
+class co extends $ {
   constructor(t, e, i) {
     super(), this.element = t.clone(), this.onAdd = e, this.onRemove = i;
   }
@@ -6347,7 +6359,7 @@ class as extends $ {
     this.onRemove(this.element.id);
   }
 }
-class hs extends $ {
+class go extends $ {
   constructor(t, e, i) {
     super(), this.element = t.clone(), this.onAdd = e, this.onRemove = i;
   }
@@ -6435,7 +6447,7 @@ class ct {
     };
   }
 }
-class ls extends $ {
+class fo extends $ {
   constructor(t, e) {
     super(), this.artboard = t.clone(), this.artboardManager = e;
   }
@@ -6455,7 +6467,7 @@ class ls extends $ {
     this.artboardManager.deleteArtboard(this.artboard.id);
   }
 }
-class cs extends $ {
+class uo extends $ {
   constructor(t, e) {
     super(), this.artboard = t.clone(), this.artboardManager = e, this.elementsOnArtboard = t.getElementIds();
   }
@@ -6478,9 +6490,9 @@ class cs extends $ {
     });
   }
 }
-class ds extends $ {
-  constructor(t, e, i, s) {
-    super(), this.artboardId = t, this.oldProperties = { ...e }, this.newProperties = { ...i }, this.artboardManager = s;
+class mo extends $ {
+  constructor(t, e, i, o) {
+    super(), this.artboardId = t, this.oldProperties = { ...e }, this.newProperties = { ...i }, this.artboardManager = o;
   }
   execute() {
     this.artboardManager.updateArtboard(this.artboardId, this.newProperties);
@@ -6489,9 +6501,9 @@ class ds extends $ {
     this.artboardManager.updateArtboard(this.artboardId, this.oldProperties);
   }
 }
-class gs 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 po extends $ {
+  constructor(t, e, i, o, s) {
+    super(), this.draggedId = t, this.targetId = e, this.position = i, this.oldOrder = [...o], this.onReorder = s, this.newOrder = this.calculateNewOrder();
   }
   calculateNewOrder() {
     const t = [...this.oldOrder], e = t.indexOf(this.draggedId);
@@ -6499,8 +6511,8 @@ class gs extends $ {
     t.splice(e, 1);
     const i = t.indexOf(this.targetId);
     if (i === -1) return t;
-    const s = this.position === "before" ? i : i + 1;
-    return t.splice(s, 0, this.draggedId), t;
+    const o = this.position === "before" ? i : i + 1;
+    return t.splice(o, 0, this.draggedId), t;
   }
   execute() {
     this.onReorder(this.newOrder);
@@ -6509,8 +6521,8 @@ class gs extends $ {
     this.onReorder(this.oldOrder);
   }
 }
-const Ze = mt("HybridHistoryManager");
-class fs {
+const Ze = pt("HybridHistoryManager");
+class yo {
   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;
   }
@@ -6528,11 +6540,11 @@ class fs {
    * Notify all callbacks that a command was executed
    */
   notifyCommandExecuted(t, e, i) {
-    for (const s of this.commandExecutedCallbacks)
+    for (const o of this.commandExecutedCallbacks)
       try {
-        s(t, e, i);
-      } catch (o) {
-        Ze.error("Error in command executed callback:", o);
+        o(t, e, i);
+      } catch (s) {
+        Ze.error("Error in command executed callback:", s);
       }
   }
   /**
@@ -6571,8 +6583,8 @@ class fs {
       artboardId: t,
       timestamp: Date.now()
     };
-    const s = i.history[i.currentIndex];
-    this.notifyCommandExecuted(s, "artboard", t);
+    const o = i.history[i.currentIndex];
+    this.notifyCommandExecuted(o, "artboard", t);
   }
   /**
    * Execute a command on a specific artboard
@@ -6738,12 +6750,12 @@ class fs {
    */
   getState() {
     const t = this.globalHistory.getState(), e = /* @__PURE__ */ new Map();
-    return this.artboardHistories.forEach((i, s) => {
-      const o = i.getState();
-      e.set(s, {
-        canUndo: o.canUndo,
-        canRedo: o.canRedo,
-        historySize: o.historySize
+    return this.artboardHistories.forEach((i, o) => {
+      const s = i.getState();
+      e.set(o, {
+        canUndo: s.canUndo,
+        canRedo: s.canRedo,
+        historySize: s.historySize
       });
     }), {
       global: {
@@ -6804,10 +6816,10 @@ class fs {
     return this.canRedoGlobal() ? "Redo artboard operation" : "Nothing to redo";
   }
 }
-const G = mt("FontAnalyzer");
-let bt = null;
+const G = pt("FontAnalyzer");
+let xt = null;
 async function Ke() {
-  return bt || (bt = await import("./browser-module-DFvKXBUE.js")), bt;
+  return xt || (xt = await import("./browser-module-DFvKXBUE.js")), xt;
 }
 class Qe {
   constructor() {
@@ -6821,8 +6833,8 @@ class Qe {
   evictOldestFont() {
     if (this.fontCache.size <= this.MAX_CACHE_SIZE) return;
     let t = null, e = Date.now();
-    this.fontCache.forEach((i, s) => {
-      i.timestamp < e && (e = i.timestamp, t = s);
+    this.fontCache.forEach((i, o) => {
+      i.timestamp < e && (e = i.timestamp, t = o);
     }), t && this.fontCache.delete(t);
   }
   /**
@@ -6842,7 +6854,7 @@ class Qe {
    */
   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), s = await (await fetch(i)).text(), a = /@font-face\s*{([^}]*)}/g, n = Array.from(s.matchAll(a));
       if (n.length === 0)
         return G.warn("No @font-face found in CSS"), null;
       let h = null, l = -1;
@@ -6867,24 +6879,24 @@ class Qe {
     const i = `${t}-${e}`;
     if (this.failedFonts.has(i))
       return null;
-    const s = this.fontCache.get(i);
-    if (s && Date.now() - s.timestamp < this.CACHE_DURATION)
-      return s.timestamp = Date.now(), s.font;
+    const o = this.fontCache.get(i);
+    if (o && Date.now() - o.timestamp < this.CACHE_DURATION)
+      return o.timestamp = Date.now(), o.font;
     try {
-      const o = await this.extractFontFileUrl(t, e);
-      if (!o)
+      const s = await this.extractFontFileUrl(t, e);
+      if (!s)
         return this.failedFonts.add(i), null;
-      const a = await fetch(o);
+      const a = await fetch(s);
       if (!a.ok)
         return G.error(`Font fetch failed: ${a.status} ${a.statusText}`), this.failedFonts.add(i), null;
       const n = await a.arrayBuffer(), h = new Uint8Array(n), c = (await Ke()).create(h), g = "fonts" in c ? c.fonts[0] : c;
       return this.fontCache.set(i, {
         font: g,
-        url: o,
+        url: s,
         timestamp: Date.now()
       }), this.evictOldestFont(), g;
-    } catch (o) {
-      return G.error(`Error loading font ${t}:`, o), this.failedFonts.add(i), null;
+    } catch (s) {
+      return G.error(`Error loading font ${t}:`, s), this.failedFonts.add(i), null;
     }
   }
   /**
@@ -6892,8 +6904,8 @@ class Qe {
    * Returns null if font is not cached - font should be pre-loaded before rendering
    */
   getFontSync(t, e = 400) {
-    const i = `${t}-${e}`, s = this.fontCache.get(i);
-    return s && Date.now() - s.timestamp < this.CACHE_DURATION ? (s.timestamp = Date.now(), s.font) : null;
+    const i = `${t}-${e}`, o = this.fontCache.get(i);
+    return o && Date.now() - o.timestamp < this.CACHE_DURATION ? (o.timestamp = Date.now(), o.font) : null;
   }
   /**
    * Clear font cache (useful for debugging or forcing reload)
@@ -6913,13 +6925,13 @@ class Qe {
     var n, h;
     if (this.isSystemFont(t))
       return [];
-    const s = await this.loadFont(t, e);
-    if (!s)
+    const o = await this.loadFont(t, e);
+    if (!o)
       return [];
-    const o = [], a = Math.min(s.numGlyphs, i);
+    const s = [], a = Math.min(o.numGlyphs, i);
     for (let l = 0; l < a; l++)
       try {
-        const c = s.getGlyph(l);
+        const c = o.getGlyph(l);
         if (!c || !c.name || c.name === ".notdef" || c.name.startsWith(".null"))
           continue;
         const g = c.codePoints || [];
@@ -6944,42 +6956,42 @@ class Qe {
         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 && s.push({
           glyphIndex: c.id,
           unicode: d,
           name: f,
           category: u,
-          previewDataUrl: this.generateGlyphPreview(s, c.id, 80)
+          previewDataUrl: this.generateGlyphPreview(o, c.id, 80)
         });
       } catch {
       }
-    return o;
+    return s;
   }
   /**
    * Get glyph alternates for a specific character
    */
   async getGlyphAlternates(t, e, i = 400) {
     var l, c, g, d;
-    const s = await this.loadFont(t, i);
-    if (!s)
+    const o = await this.loadFont(t, i);
+    if (!o)
       return [];
-    const o = [], a = e.codePointAt(0);
+    const s = [], a = e.codePointAt(0);
     if (a === void 0)
       return [];
-    const n = s.glyphForCodePoint(a);
-    n && o.push({
+    const n = o.glyphForCodePoint(a);
+    n && s.push({
       glyphIndex: n.id,
       unicode: e,
       name: n.name || "Default",
       category: "default",
-      previewDataUrl: this.generateGlyphPreview(s, n.id, 80)
+      previewDataUrl: this.generateGlyphPreview(o, n.id, 80)
     });
     const h = n == null ? void 0 : n.name;
     if (h) {
       let f = 0;
-      for (let u = 0; u < s.numGlyphs; u++)
+      for (let u = 0; u < o.numGlyphs; u++)
         try {
-          const m = s.getGlyph(u);
+          const m = o.getGlyph(u);
           if (!m || !m.name) continue;
           if ([
             new RegExp(`^${h}\\.(swash|alt|ss\\d+|salt|ornament)`, "i"),
@@ -6997,19 +7009,19 @@ class Qe {
               const S = (c = m.name.match(/\.ss(\d+)/)) == null ? void 0 : c[1];
               w = `${e} Stylistic Set ${S}`;
             }
-            o.push({
+            s.push({
               glyphIndex: m.id,
               unicode: e,
               name: w,
               category: "stylistic",
-              previewDataUrl: this.generateGlyphPreview(s, m.id, 80)
+              previewDataUrl: this.generateGlyphPreview(o, m.id, 80)
             });
           }
         } catch {
         }
     }
-    if (s.GSUB) {
-      const f = s.GSUB;
+    if (o.GSUB) {
+      const f = o.GSUB;
       if (f.featureList)
         for (const u of f.featureList) {
           const m = u.tag;
@@ -7023,12 +7035,12 @@ class Qe {
                     if (!S) continue;
                     if (this.getCoverageIndex(S, n.id) !== -1) {
                       const T = this.getSubstituteGlyph(w, n.id);
-                      T !== null && o.push({
+                      T !== null && s.push({
                         glyphIndex: T,
                         unicode: e,
                         name: `${e} (${m})`,
                         category: this.categorizeFeature(m),
-                        previewDataUrl: this.generateGlyphPreview(s, T, 80)
+                        previewDataUrl: this.generateGlyphPreview(o, T, 80)
                       });
                     }
                   }
@@ -7041,12 +7053,12 @@ class Qe {
                       const C = T.alternateSets[b];
                       if (C)
                         for (const M of C)
-                          o.push({
+                          s.push({
                             glyphIndex: M,
                             unicode: e,
                             name: `${e} (${m} alt)`,
                             category: this.categorizeFeature(m),
-                            previewDataUrl: this.generateGlyphPreview(s, M, 80)
+                            previewDataUrl: this.generateGlyphPreview(o, M, 80)
                           });
                     }
                   }
@@ -7054,7 +7066,7 @@ class Qe {
             }
         }
     }
-    return o;
+    return s;
   }
   /**
    * Get available OpenType features for a font
@@ -7064,38 +7076,38 @@ class Qe {
     if (!i)
       return G.warn(`Font ${t} failed to load`), [];
     try {
-      const s = [];
+      const o = [];
       if (i.GSUB && i.GSUB.featureList) {
-        const o = /* @__PURE__ */ new Set();
+        const s = /* @__PURE__ */ new Set();
         for (const a of i.GSUB.featureList)
-          a.tag && o.add(a.tag);
-        s.push(...Array.from(o));
+          a.tag && s.add(a.tag);
+        o.push(...Array.from(s));
       }
       if (i.GPOS && i.GPOS.featureList) {
-        const o = /* @__PURE__ */ new Set();
+        const s = /* @__PURE__ */ new Set();
         for (const a of i.GPOS.featureList)
-          a.tag && o.add(a.tag);
-        s.push(...Array.from(o));
+          a.tag && s.add(a.tag);
+        o.push(...Array.from(s));
       }
-      return s;
-    } catch (s) {
-      return G.error(`Error getting features for ${t}:`, s), [];
+      return o;
+    } catch (o) {
+      return G.error(`Error getting features for ${t}:`, o), [];
     }
   }
   /**
    * Generate a preview image for a glyph
    */
   generateGlyphPreview(t, e, i = 80) {
-    const s = document.createElement("canvas");
-    s.width = i, s.height = i;
-    const o = s.getContext("2d");
-    if (!o)
+    const o = document.createElement("canvas");
+    o.width = i, o.height = i;
+    const s = o.getContext("2d");
+    if (!s)
       return "";
     try {
       const a = t.getGlyph(e);
       if (!a)
         return "";
-      o.clearRect(0, 0, i, i);
+      s.clearRect(0, 0, i, i);
       const n = a.bbox;
       if (!n)
         return "";
@@ -7106,7 +7118,7 @@ class Qe {
       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");
+      return s.save(), s.translate(u, m), s.scale(g, -g), s.translate(-d, -f), s.fillStyle = "#000000", s.fill(y), s.restore(), o.toDataURL("image/png");
     } catch (a) {
       return G.error("Error generating glyph preview:", a), "";
     }
@@ -7169,10 +7181,10 @@ class Qe {
       return t.glyphs.indexOf(e);
     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);
+      for (let o = 0; o < i.length; o++) {
+        const s = i[o];
+        if (e >= s.start && e <= s.end)
+          return s.index + (e - s.start);
       }
     }
     return -1;
@@ -7185,9 +7197,9 @@ class Qe {
     if (t.substFormat === 1 && typeof t.deltaGlyphId == "number")
       return e + t.deltaGlyphId;
     if (t.substFormat === 2 && t.substitute) {
-      const i = this.getCoverageIndex(t.coverage, e), s = t.substitute;
-      if (i !== -1 && s[i] !== void 0)
-        return s[i];
+      const i = this.getCoverageIndex(t.coverage, e), o = t.substitute;
+      if (i !== -1 && o[i] !== void 0)
+        return o[i];
     }
     return null;
   }
@@ -7198,9 +7210,9 @@ class Qe {
     const i = await this.loadFont(t, e);
     if (!i)
       return 0;
-    let s = 0;
-    const o = Math.min(i.numGlyphs, 1500);
-    for (let a = 0; a < o; a++)
+    let o = 0;
+    const s = Math.min(i.numGlyphs, 1500);
+    for (let a = 0; a < s; a++)
       try {
         const n = i.getGlyph(a);
         if (!n || !n.name || n.name === ".notdef" || n.name.startsWith(".null"))
@@ -7213,10 +7225,10 @@ class Qe {
         }
         let c = "default";
         const g = n.name.toLowerCase();
-        g.includes("swash") || g.includes("cswh") ? c = "swash" : n.name.match(/\.(alt|ss\d+|cv\d+|salt|ornament)/) || n.name.match(/_\d+$/) ? c = "stylistic" : g.match(/liga|dlig/) && (c = "ligature"), c !== "default" && l && l.length > 0 && s++;
+        g.includes("swash") || g.includes("cswh") ? c = "swash" : n.name.match(/\.(alt|ss\d+|cv\d+|salt|ornament)/) || n.name.match(/_\d+$/) ? c = "stylistic" : g.match(/liga|dlig/) && (c = "ligature"), c !== "default" && l && l.length > 0 && o++;
       } catch {
       }
-    return s;
+    return o;
   }
   /**
    * Get cache statistics
@@ -7228,104 +7240,107 @@ class Qe {
     };
   }
 }
-const us = new Qe();
+const wo = new Qe();
 export {
-  Te as $,
+  qi as $,
   nt as A,
   Q as B,
-  he as C,
-  Xe as D,
-  ti as E,
+  wo as C,
+  ho as D,
+  no as E,
   Ti as F,
-  ut as G,
-  Ve as H,
-  pt as I,
-  ze as J,
-  He as K,
-  Z as L,
-  Ge as M,
-  fs as N,
-  $e as O,
-  Mt as P,
-  xe as Q,
+  mt as G,
+  he as H,
+  yt as I,
+  Xe as J,
+  ti as K,
+  Ve as L,
+  ze as M,
+  He as N,
+  Z as O,
+  Dt as P,
+  Ge as Q,
   L as R,
-  At as S,
+  Mt as S,
   q as T,
-  ns as U,
-  Pe as V,
-  Ue as W,
-  ji as X,
-  qi as Y,
-  Zi as Z,
-  Ki as _,
+  lo as U,
+  yo as V,
+  $e as W,
+  xe as X,
+  Ue as Y,
+  Pe as Z,
+  ji as _,
   Ui as a,
-  _e as a$,
-  Oe as a0,
-  Ee as a1,
-  at as a2,
-  Bt as a3,
-  vt as a4,
-  Rt as a5,
-  Yt as a6,
-  Ji as a7,
-  j as a8,
-  yt as a9,
-  is as aA,
-  ge as aB,
-  si as aC,
-  ci as aD,
-  ts as aE,
-  fe as aF,
-  Qi as aG,
-  Le as aH,
-  es as aI,
-  wi as aJ,
-  hi as aK,
-  li as aL,
-  ai as aM,
-  de as aN,
-  ni as aO,
-  ri as aP,
-  ii as aQ,
-  xi as aR,
-  bi as aS,
-  oi as aT,
-  pi as aU,
-  yi as aV,
-  ui as aW,
-  ei as aX,
-  Jt as aY,
-  rs as aZ,
-  Ci as a_,
-  Vi as aa,
-  be as ab,
-  Fi as ac,
-  Ai as ad,
-  J as ae,
-  as as af,
-  hs as ag,
-  ls as ah,
-  cs as ai,
-  ds as aj,
-  gs as ak,
-  pe as al,
-  ye as am,
-  mi as an,
-  Ye as ao,
-  ot as ap,
-  vi as aq,
-  Ft as ar,
-  Xt as as,
-  di as at,
-  zt as au,
-  gi as av,
-  fi as aw,
-  I as ax,
-  P as ay,
-  Si as az,
+  Jt as a$,
+  Zi as a0,
+  Ki as a1,
+  Te as a2,
+  Oe as a3,
+  Ee as a4,
+  at as a5,
+  Bt as a6,
+  Ft as a7,
+  Rt as a8,
+  _t as a9,
+  I as aA,
+  P as aB,
+  Si as aC,
+  io as aD,
+  ge as aE,
+  oi as aF,
+  ci as aG,
+  to as aH,
+  fe as aI,
+  Qi as aJ,
+  Le as aK,
+  eo as aL,
+  wi as aM,
+  hi as aN,
+  li as aO,
+  ai as aP,
+  de as aQ,
+  ni as aR,
+  ri as aS,
+  ii as aT,
+  xi as aU,
+  bi as aV,
+  si as aW,
+  pi as aX,
+  yi as aY,
+  ui as aZ,
+  ei as a_,
+  Ji as aa,
+  j as ab,
+  wt as ac,
+  Vi as ad,
+  be as ae,
+  Fi as af,
+  Ai as ag,
+  J as ah,
+  co as ai,
+  go as aj,
+  fo as ak,
+  uo as al,
+  mo as am,
+  po as an,
+  pe as ao,
+  ye as ap,
+  mi as aq,
+  _e as ar,
+  st as as,
+  vi as at,
+  At as au,
+  Xt as av,
+  di as aw,
+  zt as ax,
+  gi as ay,
+  fi as az,
   Ni as b,
-  rt as b0,
-  mt as c,
+  ro as b0,
+  Ci as b1,
+  Ye as b2,
+  rt as b3,
+  pt as c,
   Li as d,
   Di as e,
   Pi as f,
@@ -7340,14 +7355,14 @@ export {
   Oi as o,
   Gi as p,
   Xi as q,
-  ss as r,
-  _i as s,
+  oo as r,
+  Yi as s,
   zi as t,
-  os as u,
-  Yi as v,
+  so as u,
+  _i as v,
   Ri as w,
   ki as x,
-  It as y,
-  us as z
+  ao as y,
+  ft as z
 };
-//# sourceMappingURL=FontAnalyzer-D4Sg-P6_.js.map
+//# sourceMappingURL=FontAnalyzer-DKG5JK0x.js.map