@snowcone-app/canvas 0.28.0 → 0.29.0

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

@@ -1,122 +1,122 @@
-function te(r) {
+function se(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var Rt = { exports: {} }, E = Rt.exports = {}, W, z;
+var Ht = { exports: {} }, O = Ht.exports = {}, X, Y;
 function xt() {
   throw new Error("setTimeout has not been defined");
 }
-function bt() {
+function St() {
   throw new Error("clearTimeout has not been defined");
 }
 (function() {
   try {
-    typeof setTimeout == "function" ? W = setTimeout : W = xt;
+    typeof setTimeout == "function" ? X = setTimeout : X = xt;
   } catch {
-    W = xt;
+    X = xt;
   }
   try {
-    typeof clearTimeout == "function" ? z = clearTimeout : z = bt;
+    typeof clearTimeout == "function" ? Y = clearTimeout : Y = St;
   } catch {
-    z = bt;
+    Y = St;
   }
 })();
-function Ht(r) {
-  if (W === setTimeout)
+function Pt(r) {
+  if (X === setTimeout)
     return setTimeout(r, 0);
-  if ((W === xt || !W) && setTimeout)
-    return W = setTimeout, setTimeout(r, 0);
+  if ((X === xt || !X) && setTimeout)
+    return X = setTimeout, setTimeout(r, 0);
   try {
-    return W(r, 0);
+    return X(r, 0);
   } catch {
     try {
-      return W.call(null, r, 0);
+      return X.call(null, r, 0);
     } catch {
-      return W.call(this, r, 0);
+      return X.call(this, r, 0);
     }
   }
 }
-function ee(r) {
-  if (z === clearTimeout)
+function oe(r) {
+  if (Y === clearTimeout)
     return clearTimeout(r);
-  if ((z === bt || !z) && clearTimeout)
-    return z = clearTimeout, clearTimeout(r);
+  if ((Y === St || !Y) && clearTimeout)
+    return Y = clearTimeout, clearTimeout(r);
   try {
-    return z(r);
+    return Y(r);
   } catch {
     try {
-      return z.call(null, r);
+      return Y.call(null, r);
     } catch {
-      return z.call(this, r);
+      return Y.call(this, r);
     }
   }
 }
-var X = [], K = !1, V, dt = -1;
-function oe() {
-  !K || !V || (K = !1, V.length ? X = V.concat(X) : dt = -1, X.length && Pt());
+var _ = [], K = !1, V, dt = -1;
+function re() {
+  !K || !V || (K = !1, V.length ? _ = V.concat(_) : dt = -1, _.length && Lt());
 }
-function Pt() {
+function Lt() {
   if (!K) {
-    var r = Ht(oe);
+    var r = Pt(re);
     K = !0;
-    for (var t = X.length; t; ) {
-      for (V = X, X = []; ++dt < t; )
+    for (var t = _.length; t; ) {
+      for (V = _, _ = []; ++dt < t; )
         V && V[dt].run();
-      dt = -1, t = X.length;
+      dt = -1, t = _.length;
     }
-    V = null, K = !1, ee(r);
+    V = null, K = !1, oe(r);
   }
 }
-E.nextTick = function(r) {
+O.nextTick = function(r) {
   var t = new Array(arguments.length - 1);
   if (arguments.length > 1)
     for (var e = 1; e < arguments.length; e++)
       t[e - 1] = arguments[e];
-  X.push(new Lt(r, t)), X.length === 1 && !K && Ht(Pt);
+  _.push(new Wt(r, t)), _.length === 1 && !K && Pt(Lt);
 };
-function Lt(r, t) {
+function Wt(r, t) {
   this.fun = r, this.array = t;
 }
-Lt.prototype.run = function() {
+Wt.prototype.run = function() {
   this.fun.apply(null, this.array);
 };
-E.title = "browser";
-E.browser = !0;
-E.env = {};
-E.argv = [];
-E.version = "";
-E.versions = {};
-function Y() {
+O.title = "browser";
+O.browser = !0;
+O.env = {};
+O.argv = [];
+O.version = "";
+O.versions = {};
+function N() {
 }
-E.on = Y;
-E.addListener = Y;
-E.once = Y;
-E.off = Y;
-E.removeListener = Y;
-E.removeAllListeners = Y;
-E.emit = Y;
-E.prependListener = Y;
-E.prependOnceListener = Y;
-E.listeners = function(r) {
+O.on = N;
+O.addListener = N;
+O.once = N;
+O.off = N;
+O.removeListener = N;
+O.removeAllListeners = N;
+O.emit = N;
+O.prependListener = N;
+O.prependOnceListener = N;
+O.listeners = function(r) {
   return [];
 };
-E.binding = function(r) {
+O.binding = function(r) {
   throw new Error("process.binding is not supported");
 };
-E.cwd = function() {
+O.cwd = function() {
   return "/";
 };
-E.chdir = function(r) {
+O.chdir = function(r) {
   throw new Error("process.chdir is not supported");
 };
-E.umask = function() {
+O.umask = function() {
   return 0;
 };
-var se = Rt.exports;
-const Dt = /* @__PURE__ */ te(se);
-let It = 1;
+var ne = Ht.exports;
+const It = /* @__PURE__ */ se(ne);
+let kt = 1;
 class nt {
   constructor(t = {}) {
-    this.transformType = "artboard", this.id = t.id || `artboard-${It++}`, this.name = t.name || `Artboard ${It}`, this.x = t.x !== void 0 ? t.x : 0, this.y = t.y !== void 0 ? t.y : 0, this.width = t.width || 1920, this.height = t.height || 1080, this.backgroundColor = t.backgroundColor || "#ffffff", t.backgroundType ? this.backgroundType = t.backgroundType : t.backgroundColor === "transparent" ? this.backgroundType = "transparent" : t.backgroundTexture ? this.backgroundType = "texture" : this.backgroundType = "color", this.backgroundTexture = t.backgroundTexture, this.exportBackground = t.exportBackground ?? !1, this.clipShape = t.clipShape, this.previewBackgroundColor = t.previewBackgroundColor, this.role = t.role, this.distressTexture = t.distressTexture ? { ...t.distressTexture } : void 0, this.imageMask = t.imageMask ? { ...t.imageMask } : void 0, this.elementIds = new Set(t.elementIds || []);
+    this.transformType = "artboard", this.id = t.id || `artboard-${kt++}`, this.name = t.name || `Artboard ${kt}`, this.x = t.x !== void 0 ? t.x : 0, this.y = t.y !== void 0 ? t.y : 0, this.width = t.width || 1920, this.height = t.height || 1080, this.backgroundColor = t.backgroundColor || "#ffffff", t.backgroundType ? this.backgroundType = t.backgroundType : t.backgroundColor === "transparent" ? this.backgroundType = "transparent" : t.backgroundTexture ? this.backgroundType = "texture" : this.backgroundType = "color", this.backgroundTexture = t.backgroundTexture, this.exportBackground = t.exportBackground ?? !1, this.clipShape = t.clipShape, this.previewBackgroundColor = t.previewBackgroundColor, this.role = t.role, this.distressTexture = t.distressTexture ? { ...t.distressTexture } : void 0, this.imageMask = t.imageMask ? { ...t.imageMask } : void 0, this.elementIds = new Set(t.elementIds || []);
   }
   /**
    * Get bounding box of the artboard
@@ -191,8 +191,8 @@ class nt {
    * Test if a point hits the artboard border (for selection)
    * Returns true if point is near the border (within tolerance)
    */
-  hitTestBorder(t, e, o = 5) {
-    const s = t >= this.x - o && t <= this.x + this.width + o, i = e >= this.y - o && e <= this.y + this.height + o, a = Math.abs(t - this.x) <= o && i, n = Math.abs(t - (this.x + this.width)) <= o && i, h = Math.abs(e - this.y) <= o && s, l = Math.abs(e - (this.y + this.height)) <= o && s;
+  hitTestBorder(t, e, i = 5) {
+    const s = t >= this.x - i && t <= this.x + this.width + i, o = e >= this.y - i && e <= this.y + this.height + i, a = Math.abs(t - this.x) <= i && o, n = Math.abs(t - (this.x + this.width)) <= i && o, h = Math.abs(e - this.y) <= i && s, l = Math.abs(e - (this.y + this.height)) <= i && s;
     return a || n || h || l;
   }
   /**
@@ -274,7 +274,7 @@ class nt {
     this.x = t, this.y = e;
   }
 }
-class qe {
+class ti {
   constructor() {
     this.artboards = /* @__PURE__ */ new Map(), this.elementToArtboard = /* @__PURE__ */ new Map(), this.activeArtboardId = null;
   }
@@ -301,14 +301,14 @@ class qe {
     const e = this.artboards.get(t);
     if (!e)
       return [];
-    const o = e.getElementIds();
-    if (o.forEach((s) => {
+    const i = e.getElementIds();
+    if (i.forEach((s) => {
       this.elementToArtboard.delete(s);
     }), this.artboards.delete(t), this.activeArtboardId === t) {
       const s = Array.from(this.artboards.keys());
       this.activeArtboardId = s.length > 0 ? s[0] : null;
     }
-    return o;
+    return i;
   }
   /**
    * Get an artboard by ID
@@ -350,15 +350,15 @@ class qe {
    * Add an element to an artboard
    */
   addElementToArtboard(t, e) {
-    const o = this.artboards.get(e);
-    if (!o)
+    const i = this.artboards.get(e);
+    if (!i)
       return !1;
     const s = this.elementToArtboard.get(t);
     if (s) {
-      const i = this.artboards.get(s);
-      i == null || i.removeElementId(t);
+      const o = this.artboards.get(s);
+      o == null || o.removeElementId(t);
     }
-    return o.addElementId(t), this.elementToArtboard.set(t, e), !0;
+    return i.addElementId(t), this.elementToArtboard.set(t, e), !0;
   }
   /**
    * Remove an element from its artboard
@@ -366,8 +366,8 @@ class qe {
   removeElementFromArtboard(t) {
     const e = this.elementToArtboard.get(t);
     if (e) {
-      const o = this.artboards.get(e);
-      o == null || o.removeElementId(t), this.elementToArtboard.delete(t);
+      const i = this.artboards.get(e);
+      i == null || i.removeElementId(t), this.elementToArtboard.delete(t);
     }
   }
   /**
@@ -395,8 +395,8 @@ class qe {
    * Find artboard at a point (for selection)
    */
   findArtboardAtPoint(t, e) {
-    const o = Array.from(this.artboards.values()).reverse();
-    for (const s of o)
+    const i = Array.from(this.artboards.values()).reverse();
+    for (const s of i)
       if (s.containsPoint(t, e))
         return s;
     return null;
@@ -404,11 +404,11 @@ class qe {
   /**
    * Find artboard border at point (for resize handles)
    */
-  findArtboardBorderAtPoint(t, e, o = 5) {
+  findArtboardBorderAtPoint(t, e, i = 5) {
     const s = Array.from(this.artboards.values()).reverse();
-    for (const i of s)
-      if (i.hitTestBorder(t, e, o))
-        return i;
+    for (const o of s)
+      if (o.hitTestBorder(t, e, i))
+        return o;
     return null;
   }
   /**
@@ -421,8 +421,8 @@ class qe {
    * Update artboard properties
    */
   updateArtboard(t, e) {
-    const o = this.artboards.get(t);
-    return o ? (o.updateProperties(e), !0) : !1;
+    const i = this.artboards.get(t);
+    return i ? (i.updateProperties(e), !0) : !1;
   }
   /**
    * Rename an artboard
@@ -447,10 +447,10 @@ class qe {
    * Preserves Map insertion order by rebuilding the internal Map.
    */
   reorderArtboards(t, e) {
-    const o = Array.from(this.artboards.entries());
-    if (t < 0 || t >= o.length || e < 0 || e >= o.length || t === e) return;
-    const [s] = o.splice(t, 1);
-    o.splice(e, 0, s), this.artboards = new Map(o);
+    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);
   }
   /**
    * Clear all artboards
@@ -472,9 +472,9 @@ class qe {
    */
   fromJSON(t) {
     this.clear(), t.artboards.forEach((e) => {
-      const o = nt.fromJSON(e);
-      this.artboards.set(o.id, o), o.getElementIds().forEach((s) => {
-        this.elementToArtboard.set(s, o.id);
+      const i = nt.fromJSON(e);
+      this.artboards.set(i.id, i), i.getElementIds().forEach((s) => {
+        this.elementToArtboard.set(s, i.id);
       });
     }), this.activeArtboardId = t.activeArtboardId;
   }
@@ -483,16 +483,16 @@ class qe {
    * Ensures all elements have valid artboard assignments
    */
   validateMappings(t) {
-    const e = new Set(t.map((o) => o.id));
-    for (const [o, s] of this.elementToArtboard.entries())
-      e.has(o) || this.removeElementFromArtboard(o);
-    for (const o of this.artboards.values()) {
-      const s = o.getElementIds().filter((i) => e.has(i));
-      o.clearElementIds(), s.forEach((i) => o.addElementId(i));
+    const e = new Set(t.map((i) => i.id));
+    for (const [i, s] of this.elementToArtboard.entries())
+      e.has(i) || this.removeElementFromArtboard(i);
+    for (const i of this.artboards.values()) {
+      const s = i.getElementIds().filter((o) => e.has(o));
+      i.clearElementIds(), s.forEach((o) => i.addElementId(o));
     }
   }
 }
-const D = {
+const I = {
   /**
    * Forward transform (local → world, for rendering)
    * Converts degrees to radians with the canvas convention (negative = clockwise)
@@ -521,7 +521,7 @@ const D = {
     return t > 180 && (t -= 360), t;
   }
 };
-let ie = 1;
+let ae = 1;
 class Q {
   /** Whether this element clips content below it (derived from blendMode === 'clip') */
   get isClipping() {
@@ -531,7 +531,7 @@ class Q {
     t ? (this.blendMode = "clip", this.knockoutParts || (this.knockoutParts = { fill: !0, scope: "group" })) : this.blendMode === "clip" && (this.blendMode = "normal");
   }
   constructor(t = {}) {
-    this.id = t.id || `element-${ie++}`, this.x = t.x !== void 0 ? t.x : 100, this.y = t.y !== void 0 ? t.y : 100, this.rotation = t.rotation !== void 0 ? t.rotation : 0, this.opacity = t.opacity !== void 0 ? t.opacity : 1, this.transformType = t.transformType || "custom", this.transformData = t.transformData || {}, this.blendMode = t.blendMode, this.knockoutParts = t.knockoutParts, this.stroke = t.stroke, this.masks = t.masks, this.distressEffect = t.distressEffect, t.isClipping && !t.blendMode && (this.blendMode = "clip", this.knockoutParts || (this.knockoutParts = { fill: !0, scope: "group" })), this.name = t.name, this.visible = t.visible !== void 0 ? t.visible : !0, this.locked = t.locked !== void 0 ? t.locked : !1;
+    this.id = t.id || `element-${ae++}`, this.x = t.x !== void 0 ? t.x : 100, this.y = t.y !== void 0 ? t.y : 100, this.rotation = t.rotation !== void 0 ? t.rotation : 0, this.opacity = t.opacity !== void 0 ? t.opacity : 1, this.transformType = t.transformType || "custom", this.transformData = t.transformData || {}, this.blendMode = t.blendMode, this.knockoutParts = t.knockoutParts, this.stroke = t.stroke, this.masks = t.masks, this.distressEffect = t.distressEffect, t.isClipping && !t.blendMode && (this.blendMode = "clip", this.knockoutParts || (this.knockoutParts = { fill: !0, scope: "group" })), this.name = t.name, this.visible = t.visible !== void 0 ? t.visible : !0, this.locked = t.locked !== void 0 ? t.locked : !1;
   }
   /**
    * Get visual bounding box (tight fit around actual rendered content)
@@ -554,15 +554,15 @@ class Q {
    * Uses visual bounding box for better user experience
    */
   hitTest(t, e) {
-    const o = this.getVisualBoundingBox(), s = this.getRotationAnchor(), i = D.toRadiansInverse(this.rotation), a = Math.cos(i), n = Math.sin(i), 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;
-    return d >= o.x && d <= o.x + o.width && f >= o.y && f <= o.y + o.height;
+    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;
+    return d >= i.x && d <= i.x + i.width && f >= i.y && f <= i.y + i.height;
   }
   /**
    * Apply canvas transform (translate, rotate)
    * Common implementation for all elements
    */
   applyCanvasTransform(t) {
-    t.translate(this.x, this.y), t.rotate(D.toRadians(this.rotation));
+    t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
   }
   /**
    * Serialize to JSON
@@ -647,7 +647,7 @@ class Q {
     };
   }
 }
-class R {
+class P {
   /**
    * Create a transform helper for an element
    * @param element - Element with x, y, rotation properties
@@ -665,10 +665,10 @@ class R {
    * @returns Point in local coordinates
    */
   worldToLocal(t, e) {
-    const o = this.element.rotation * Math.PI / 180, s = Math.cos(o), i = Math.sin(o), a = t - this.element.x, n = e - this.element.y;
+    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;
     return {
-      x: a * s - n * i,
-      y: a * i + n * s
+      x: a * s - n * o,
+      y: a * o + n * s
     };
   }
   /**
@@ -681,7 +681,7 @@ class R {
    * @returns Point in world coordinates
    */
   localToWorld(t, e) {
-    const o = -this.element.rotation * Math.PI / 180, s = Math.cos(o), i = Math.sin(o), a = t * s - e * i, n = t * i + e * s;
+    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;
     return {
       x: this.element.x + a,
       y: this.element.y + n
@@ -697,10 +697,10 @@ class R {
    * @returns Delta in local space
    */
   worldDeltaToLocal(t, e) {
-    const o = this.element.rotation * Math.PI / 180, s = Math.cos(o), i = Math.sin(o);
+    const i = this.element.rotation * Math.PI / 180, s = Math.cos(i), o = Math.sin(i);
     return {
-      dx: t * s - e * i,
-      dy: t * i + e * s
+      dx: t * s - e * o,
+      dy: t * o + e * s
     };
   }
   /**
@@ -712,10 +712,10 @@ class R {
    * @returns Delta in world space
    */
   localDeltaToWorld(t, e) {
-    const o = -this.element.rotation * Math.PI / 180, s = Math.cos(o), i = Math.sin(o);
+    const i = -this.element.rotation * Math.PI / 180, s = Math.cos(i), o = Math.sin(i);
     return {
-      dx: t * s - e * i,
-      dy: t * i + e * s
+      dx: t * s - e * o,
+      dy: t * o + e * s
     };
   }
   /**
@@ -729,10 +729,10 @@ class R {
    * @param angleDegrees - Rotation angle in degrees (positive = clockwise in UI)
    * @returns Rotated point in world space
    */
-  static rotatePointAroundAnchor(t, e, o, s, i) {
-    const a = -i * Math.PI / 180, n = Math.cos(a), h = Math.sin(a), l = t - o, c = e - s, g = l * n - c * h, d = l * h + c * n;
+  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;
     return {
-      x: o + g,
+      x: i + g,
       y: s + d
     };
   }
@@ -788,10 +788,10 @@ class R {
    * @returns Transform instance for the snapshot
    */
   static fromSnapshot(t) {
-    return new R(t);
+    return new P(t);
   }
 }
-const re = [
+const he = [
   // Bold/Display Fonts - Perfect for statements and headlines (49 fonts)
   {
     name: "Bebas Neue",
@@ -2267,10 +2267,10 @@ const re = [
     description: "Humanist monospace"
   }
 ];
-function ne() {
-  return re.map((r) => r.name);
+function le() {
+  return he.map((r) => r.name);
 }
-const je = {
+const ei = {
   system: "System Fonts",
   display: "Bold & Display",
   "sans-serif": "Sans Serif",
@@ -2282,99 +2282,99 @@ const je = {
   decorative: "Decorative & Unique",
   monospace: "Monospace"
 };
-function Wt(r) {
+function zt(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--accent").trim() || "oklch(0% 0 0)";
 }
-function ae(r) {
+function ce(r) {
   return typeof window > "u" || typeof document > "u" ? "light" : document.documentElement.getAttribute("data-theme") || "light";
 }
-function zt() {
-  return ae().includes("dark") ? "#60a5fa" : "#3b82f6";
+function Xt() {
+  return ce().includes("dark") ? "#60a5fa" : "#3b82f6";
 }
-function Ze(r) {
+function ii(r) {
   if (typeof window > "u" || typeof document > "u")
     return "#FF0000";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-spacing-indicator").trim() || "#FF0000";
 }
-function Ke(r = 0.1, t) {
-  const e = Wt(t);
+function si(r = 0.1, t) {
+  const e = zt(t);
   if (e.startsWith("oklch("))
     return `${e.slice(0, -1)} / ${r})`;
   if (e.startsWith("#")) {
-    const o = e.replace("#", ""), s = parseInt(o.substring(0, 2), 16), i = parseInt(o.substring(2, 4), 16), a = parseInt(o.substring(4, 6), 16);
-    return `rgba(${s}, ${i}, ${a}, ${r})`;
+    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})`;
   }
   return e;
 }
-function Qe(r) {
+function oi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0 / 0.45)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-text-selection").trim() || "oklch(0% 0 0 / 0.45)";
 }
-function to(r) {
+function ri(r) {
   if (typeof window > "u" || typeof document > "u")
     return "#b5f747";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-accent-hover").trim() || "#b5f747";
 }
-function he(r) {
+function de(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.2103 0.0059 285.89)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--foreground").trim() || "oklch(0.2103 0.0059 285.89)";
 }
-function eo(r) {
+function ni(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.9607 0 0)";
   const t = r || document.documentElement;
   return getComputedStyle(t).getPropertyValue("--background").trim() || "oklch(0.9607 0 0)";
 }
-function oo(r) {
-  const t = he(r);
+function ai(r) {
+  const t = de(r);
   return t.startsWith("oklch(") ? `${t.slice(0, -1)} / 0.2)` : "rgba(0,0,0,0.2)";
 }
-function so(r) {
+function hi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0 / 0.2)";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--divider").trim() || "oklch(0% 0 0 / 0.2)";
 }
-function io(r) {
+function li(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0% 0 0 / 0.5)";
   const t = document.documentElement, e = getComputedStyle(t).getPropertyValue("--foreground").trim();
   return e.startsWith("oklch(") ? `${e.slice(0, -1)} / 0.5)` : e || "oklch(0% 0 0 / 0.5)";
 }
-function ro(r) {
+function ci(r) {
   if (typeof window > "u" || typeof document > "u")
     return "#b5f747";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--color-accent-hover-border").trim() || "#b5f747";
 }
-function no(r) {
+function di(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.2103 0.0059 285.89)";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--foreground").trim() || "oklch(0.2103 0.0059 285.89)";
 }
-function ao(r) {
+function gi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(1 0 0)";
   const t = document.documentElement;
   return getComputedStyle(t).getPropertyValue("--background").trim() || "oklch(1 0 0)";
 }
-function ho(r) {
+function fi(r) {
   if (typeof window > "u" || typeof document > "u")
     return "oklch(0.2103 0.0059 285.89 / 0.5)";
   const t = document.documentElement, e = getComputedStyle(t).getPropertyValue("--foreground").trim();
   return e.startsWith("oklch(") ? `${e.slice(0, -1)} / 0.5)` : e || "oklch(0.2103 0.0059 285.89 / 0.5)";
 }
-const lo = 1, co = "#ffffff", le = 20, go = 6, fo = 24, ce = 16, de = 36, ge = 24, uo = 4, mo = "#FFFFFF", po = 2, yo = 0.1, wo = ne(), xo = [8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 64, 72, 96, 128], j = 0, Xt = 1.2, Yt = 50, fe = 8, ue = 999, me = /* @__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, Yt = 1.2, _t = 50, pe = 8, ye = 999, we = /* @__PURE__ */ new Set([
   "Arial",
   "Arial Black",
   "Verdana",
@@ -2395,12 +2395,12 @@ const lo = 1, co = "#ffffff", le = 20, go = 6, fo = 24, ce = 16, de = 36, ge = 2
   "Monaco",
   "Consolas",
   "Courier"
-]), pe = 0.3;
-var ye = /* @__PURE__ */ ((r) => (r[r.DEBUG = 0] = "DEBUG", r[r.INFO = 1] = "INFO", r[r.WARN = 2] = "WARN", r[r.ERROR = 3] = "ERROR", r[r.NONE = 4] = "NONE", r))(ye || {});
-class we {
+]), be = 0.3;
+var xe = /* @__PURE__ */ ((r) => (r[r.DEBUG = 0] = "DEBUG", r[r.INFO = 1] = "INFO", r[r.WARN = 2] = "WARN", r[r.ERROR = 3] = "ERROR", r[r.NONE = 4] = "NONE", r))(xe || {});
+class Se {
   constructor() {
     var t;
-    this.level = 0, this.enabled = typeof Dt < "u" && ((t = Dt.env) == null ? void 0 : t.NODE_ENV) !== "production";
+    this.level = 0, this.enabled = typeof It < "u" && ((t = It.env) == null ? void 0 : t.NODE_ENV) !== "production";
   }
   // Only enabled in development by default
   /**
@@ -2454,10 +2454,10 @@ class we {
    * Create a scoped logger with a prefix for a specific module
    */
   scope(t) {
-    return new xe(this, t);
+    return new Ce(this, t);
   }
 }
-class xe {
+class Ce {
   constructor(t, e) {
     this.logger = t, this.scopeName = e;
   }
@@ -2474,18 +2474,18 @@ class xe {
     this.logger.error(`[${this.scopeName}] ${t}`, ...e);
   }
 }
-const be = new we(), mt = (r) => be.scope(r), Se = mt("ImageLoadEvents"), St = /* @__PURE__ */ new Set();
-function bo(r) {
-  return St.add(r), () => {
-    St.delete(r);
+const Te = new Se(), mt = (r) => Te.scope(r), ve = mt("ImageLoadEvents"), Ct = /* @__PURE__ */ new Set();
+function vi(r) {
+  return Ct.add(r), () => {
+    Ct.delete(r);
   };
 }
 function et(r) {
-  St.forEach((t) => {
+  Ct.forEach((t) => {
     try {
       t(r);
     } catch (e) {
-      Se.error("Listener error:", e);
+      ve.error("Listener error:", e);
     }
   });
 }
@@ -2511,18 +2511,18 @@ class J {
     const e = this.cache.get(t);
     if (e)
       return e.refCount++, e.image;
-    const o = new Image();
-    o.crossOrigin = "anonymous";
+    const i = new Image();
+    i.crossOrigin = "anonymous";
     const s = {
-      image: o,
+      image: i,
       refCount: 1,
       loaded: !1
     };
-    return o.onload = () => {
+    return i.onload = () => {
       s.loaded = !0;
-    }, o.onerror = () => {
+    }, i.onerror = () => {
       s.loaded = !0;
-    }, this.cache.set(t, s), (!t.includes(":") || /^https?:\/\/|^data:|^blob:/.test(t)) && (o.src = t), o;
+    }, this.cache.set(t, s), (!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 ot = mt("ImageElement"), kt = 3e4, Et = 3, Ce = 1e3;
-function C(r) {
+const it = mt("ImageElement"), Et = 3e4, Ot = 3, Fe = 1e3;
+function x(r) {
   return r.transformData;
 }
 class pt extends Q {
   // Track URL acquired from ImageCache for release on destroy
   constructor(t = {}) {
-    var e, o, s, i, a, n, h, l, c, g;
+    var e, i, s, o, 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: ((o = t.transformData) == null ? void 0 : o.height) || 200,
+      height: ((i = t.transformData) == null ? void 0 : i.height) || 200,
       cropX: ((s = t.transformData) == null ? void 0 : s.cropX) ?? 0,
-      cropY: ((i = t.transformData) == null ? void 0 : i.cropY) ?? 0,
+      cropY: ((o = t.transformData) == null ? void 0 : o.cropY) ?? 0,
       cropWidth: ((a = t.transformData) == null ? void 0 : a.cropWidth) ?? 1,
       cropHeight: ((n = t.transformData) == null ? void 0 : n.cropHeight) ?? 1,
       flipHorizontal: ((h = t.transformData) == null ? void 0 : h.flipHorizontal) ?? !1,
@@ -2617,42 +2617,42 @@ class pt extends Q {
   attemptLoadRegularImage(t) {
     var h;
     this.clearLoadTimeout(), this.releaseImageCache();
-    const o = J.getInstance().acquire(t);
+    const i = J.getInstance().acquire(t);
     this.cachedImageUrl = t;
     let s = !1;
-    const i = () => {
+    const o = () => {
       s = !0, this.clearLoadTimeout();
     };
-    if (o.complete && o.naturalWidth > 0) {
-      i(), this.imageElement = o, this.imageLoaded = !0, this.imageLoadState = "loaded", this.imageLoadError = null, this.imageAspectRatio = o.naturalWidth / o.naturalHeight, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), et(this.id);
+    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);
       return;
     }
-    const a = o.onload, n = o.onerror;
-    o.onload = (l) => {
-      s || (i(), this.imageElement = o, this.imageLoaded = !0, this.imageLoadState = "loaded", this.imageLoadError = null, this.imageAspectRatio = o.naturalWidth / o.naturalHeight, this.preserveDimensions || (this.transformData.height = this.transformData.width / this.imageAspectRatio), this.onLoadCallback && this.onLoadCallback(this.clone()), et(this.id), a && a !== o.onload && a(l));
-    }, o.onerror = (l) => {
+    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));
+    }, i.onerror = (l) => {
       if (s) return;
-      i();
+      o();
       const c = new Error(`Failed to load image: ${t}`);
-      this.handleLoadFailure(t, c), n && n !== o.onerror && n(l);
+      this.handleLoadFailure(t, c), n && n !== i.onerror && n(l);
     }, this.loadTimeoutId = setTimeout(() => {
       if (s) return;
-      i(), o.src = "";
-      const l = new Error(`Image load timed out after ${kt}ms: ${t}`);
+      o(), i.src = "";
+      const l = new Error(`Image load timed out after ${Et}ms: ${t}`);
       this.handleLoadFailure(t, l);
-    }, kt), (!o.src || o.src !== t) && (o.src = t), !s && o.complete && o.naturalWidth > 0 && ((h = o.onload) == null || h.call(o, new Event("load")));
+    }, 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")));
   }
   /**
    * Handle a load failure - either retry with backoff or set error state.
    */
   handleLoadFailure(t, e) {
-    if (this.retryAttempt++, this.retryAttempt < Et) {
-      const o = Ce * Math.pow(2, this.retryAttempt - 1);
-      ot.warn(`Image load attempt ${this.retryAttempt} failed, retrying in ${o}ms:`, t), this.imageLoadState = "retrying", this.imageLoadError = e, et(this.id), this.loadTimeoutId = setTimeout(() => {
+    if (this.retryAttempt++, this.retryAttempt < Ot) {
+      const i = Fe * Math.pow(2, this.retryAttempt - 1);
+      it.warn(`Image load attempt ${this.retryAttempt} failed, retrying in ${i}ms:`, t), this.imageLoadState = "retrying", this.imageLoadError = e, et(this.id), this.loadTimeoutId = setTimeout(() => {
         this.attemptLoadRegularImage(t);
-      }, o);
+      }, i);
     } else
-      ot.error(`Image load failed after ${Et} attempts:`, t), this.imageLoaded = !1, this.imageLoadState = "error", this.imageLoadError = e, et(this.id);
+      it.error(`Image load failed after ${Ot} attempts:`, t), this.imageLoaded = !1, this.imageLoadState = "error", this.imageLoadError = e, et(this.id);
   }
   /**
    * Clear any pending load timeout
@@ -2672,7 +2672,7 @@ class pt extends Q {
    * Resets retry count and starts fresh.
    */
   retryImageLoad() {
-    this.imageUrl && (ot.info("Manual retry triggered for image:", this.imageUrl), this.clearLoadTimeout(), this.imageLoaded = !1, this.imageElement = null, this.isSvg ? (this.imageLoadState = "loading", this.imageLoadError = null, this.loadSvgAsHighDpi(this.imageUrl)) : this.loadRegularImage(this.imageUrl));
+    this.imageUrl && (it.info("Manual retry triggered for image:", this.imageUrl), this.clearLoadTimeout(), this.imageLoaded = !1, this.imageElement = null, this.isSvg ? (this.imageLoadState = "loading", this.imageLoadError = null, this.loadSvgAsHighDpi(this.imageUrl)) : this.loadRegularImage(this.imageUrl));
   }
   /**
    * Revoke any existing SVG blob URL to prevent memory leaks
@@ -2691,10 +2691,10 @@ class pt extends Q {
     e.crossOrigin = "anonymous", e.onload = () => {
       const s = document.createElement("canvas");
       s.width = e.width * 4, s.height = e.height * 4;
-      const i = s.getContext("2d");
-      i.scale(4, 4), i.drawImage(e, 0, 0), s.toBlob((a) => {
+      const o = s.getContext("2d");
+      o.scale(4, 4), o.drawImage(e, 0, 0), s.toBlob((a) => {
         if (!a) {
-          ot.error("Failed to convert SVG to blob"), this.imageLoaded = !1;
+          it.error("Failed to convert SVG to blob"), this.imageLoaded = !1;
           return;
         }
         this.svgBlobUrl = URL.createObjectURL(a), this.imageElement = new Image(), this.imageElement.crossOrigin = "anonymous", this.imageElement.onload = () => {
@@ -2702,7 +2702,7 @@ class pt extends Q {
         }, this.imageElement.src = this.svgBlobUrl;
       }, "image/png");
     }, e.onerror = () => {
-      ot.error("Failed to load SVG:", t), this.imageLoaded = !1;
+      it.error("Failed to load SVG:", t), this.imageLoaded = !1;
     }, e.src = t;
   }
   /**
@@ -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 o = 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 i = this.transformData.flipHorizontal ? -1 : 1, a = this.transformData.flipVertical ? -1 : 1;
-      o *= i, s *= a;
-      const n = Math.cos(D.toRadians(this.rotation)), h = Math.sin(D.toRadians(this.rotation)), l = o * n - s * h, c = o * 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), 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;
       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 o = 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 i = this.transformData.flipHorizontal ? -1 : 1, a = this.transformData.flipVertical ? -1 : 1;
-      o *= i, s *= a;
-      const n = Math.cos(D.toRadians(this.rotation)), h = Math.sin(D.toRadians(this.rotation)), l = o * n - s * h, c = o * h + s * n;
+      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;
       return {
         x: this.x + l,
         y: this.y + c
@@ -2772,26 +2772,26 @@ class pt extends Q {
    * Hit test for image - checks if point is inside the visible (cropped) area
    */
   hitTest(t, e) {
-    const o = this.worldToLocal(t, e);
+    const i = this.worldToLocal(t, e);
     if (this.isCropping) {
-      const s = this.transformData.width * this.transformData.cropWidth, i = 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 + i / 2), h = this.transformData.width / 2, l = this.transformData.height / 2;
-      return o.x >= a - h && o.x <= a + h && o.y >= n - l && o.y <= n + l;
+      const s = this.transformData.width * this.transformData.cropWidth, o = this.transformData.height * this.transformData.cropHeight, a = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + s / 2), n = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + o / 2), h = this.transformData.width / 2, l = this.transformData.height / 2;
+      return i.x >= a - h && i.x <= a + h && i.y >= n - l && i.y <= n + l;
     } else {
-      const s = this.transformData.width * this.transformData.cropWidth, i = this.transformData.height * this.transformData.cropHeight, a = s / 2, n = i / 2;
-      return o.x >= -a && o.x <= a && o.y >= -n && o.y <= n;
+      const s = this.transformData.width * this.transformData.cropWidth, o = this.transformData.height * this.transformData.cropHeight, a = s / 2, n = o / 2;
+      return i.x >= -a && i.x <= a && i.y >= -n && i.y <= n;
     }
   }
   /**
    * Render the image
    */
-  render(t, e = !1, o = !1) {
+  render(t, e = !1, i = !1) {
     if (!this.imageLoaded || !this.imageElement) {
       this.renderPlaceholder(t);
       return;
     }
-    t.save(), this.opacity !== void 0 && this.opacity !== 1 && (t.globalAlpha = this.opacity), t.translate(this.x, this.y), t.rotate(D.toRadians(this.rotation));
-    const s = this.transformData.flipHorizontal ? -1 : 1, i = this.transformData.flipVertical ? -1 : 1;
-    if (t.scale(s, i), this.isCropping) {
+    t.save(), this.opacity !== void 0 && this.opacity !== 1 && (t.globalAlpha = this.opacity), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
+    const s = this.transformData.flipHorizontal ? -1 : 1, o = this.transformData.flipVertical ? -1 : 1;
+    if (t.scale(s, o), this.isCropping) {
       const a = this.transformData.width * this.transformData.cropWidth, n = this.transformData.height * this.transformData.cropHeight, h = this.transformData.width / 2 - (this.transformData.cropX * this.transformData.width + a / 2), l = this.transformData.height / 2 - (this.transformData.cropY * this.transformData.height + n / 2), c = h - this.transformData.width / 2, g = l - this.transformData.height / 2, d = this.transformData.borderRadius || 0;
       if (d > 0) {
         t.save();
@@ -2851,55 +2851,55 @@ class pt extends Q {
    * Shows different visuals for loading, retrying, error, and no-image states.
    */
   renderPlaceholder(t) {
-    t.save(), t.translate(this.x, this.y), t.rotate(D.toRadians(this.rotation));
-    const e = this.transformData.width * this.transformData.cropWidth, o = this.transformData.height * this.transformData.cropHeight, s = -e / 2, i = -o / 2;
+    t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation));
+    const e = this.transformData.width * this.transformData.cropWidth, i = this.transformData.height * this.transformData.cropHeight, s = -e / 2, o = -i / 2;
     let a, n, h;
-    this.imageLoadState === "error" ? (a = "#f0e0e0", n = "#993333", h = "Image failed to load") : this.imageLoadState === "retrying" ? (a = "#e0e0e0", n = "#666", h = "Retrying...") : this.imageLoadState === "loading" ? (a = "#e0e0e0", n = "#666", h = "Loading...") : (a = "#e0e0e0", n = "#666", h = this.imageUrl ? "Loading..." : "No image"), t.fillStyle = a, t.fillRect(s, i, e, o), 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(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();
   }
   /**
    * Handle resize - maintain aspect ratio
    * @returns {boolean} true if resize was applied
    */
-  resize(t, e, o, s) {
-    let i, a;
-    this.isCropping ? (i = e / C(s).width, a = o / C(s).height) : (i = e / (s.width ?? 1), a = o / (s.height ?? 1));
-    const n = (i + a) / 2;
+  resize(t, e, i, s) {
+    let o, a;
+    this.isCropping ? (o = e / x(s).width, a = i / x(s).height) : (o = e / (s.width ?? 1), a = i / (s.height ?? 1));
+    const n = (o + a) / 2;
     let h = t;
     this.isCropping && (h = this.remapAnchorForFlips(t, s));
     let l = n;
     if (this.isCropping) {
-      const I = this.transformData.width / C(s).width;
-      n < I && (l = this.calculateMinScaleForCropBounds(
+      const B = this.transformData.width / x(s).width;
+      n < B && (l = this.calculateMinScaleForCropBounds(
         h,
         s,
         n,
-        I
+        B
       ));
     }
-    this.transformData.width = C(s).width * l, this.transformData.height = this.transformData.width / this.imageAspectRatio, this.rotation = s.rotation;
+    this.transformData.width = x(s).width * l, this.transformData.height = this.transformData.width / this.imageAspectRatio, this.rotation = s.rotation;
     let c, g;
     if (this.isCropping) {
-      const I = (C(s).cropX + C(s).cropWidth / 2) * C(s).width - C(s).width / 2, O = (C(s).cropY + C(s).cropHeight / 2) * C(s).height - C(s).height / 2, B = I, L = O, H = R.fromSnapshot(s).localDeltaToWorld(B, L), G = H.dx, $ = H.dy;
-      c = s.x - G, g = s.y - $;
+      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;
     } else {
-      const I = (C(s).cropX + C(s).cropWidth / 2) * C(s).width - C(s).width / 2, O = (C(s).cropY + C(s).cropHeight / 2) * C(s).height - C(s).height / 2, B = I, L = O, H = R.fromSnapshot(s).localDeltaToWorld(B, L), G = H.dx, $ = H.dy;
-      c = s.x - G, g = s.y - $;
+      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;
     }
     let d, f, u = 0, m = 0;
-    h === "top-left" ? (u = C(s).width / 2, m = C(s).height / 2) : h === "top-right" ? (u = -C(s).width / 2, m = C(s).height / 2) : h === "bottom-left" ? (u = C(s).width / 2, m = -C(s).height / 2) : h === "bottom-right" ? (u = -C(s).width / 2, m = -C(s).height / 2) : h === "middle-left" ? (u = C(s).width / 2, m = 0) : h === "middle-right" ? (u = -C(s).width / 2, m = 0) : h === "middle-top" ? (u = 0, m = C(s).height / 2) : h === "middle-bottom" && (u = 0, m = -C(s).height / 2);
-    const y = R.fromSnapshot(s).localDeltaToWorld(u, m), x = y.dx, b = y.dy;
-    d = c + x, f = g + b;
-    let S = 0, v = 0;
-    h === "top-left" ? (S = this.transformData.width / 2, v = this.transformData.height / 2) : h === "top-right" ? (S = -this.transformData.width / 2, v = this.transformData.height / 2) : h === "bottom-left" ? (S = this.transformData.width / 2, v = -this.transformData.height / 2) : h === "bottom-right" ? (S = -this.transformData.width / 2, v = -this.transformData.height / 2) : h === "middle-left" ? (S = this.transformData.width / 2, v = 0) : h === "middle-right" ? (S = -this.transformData.width / 2, v = 0) : h === "middle-top" ? (S = 0, v = this.transformData.height / 2) : h === "middle-bottom" && (S = 0, v = -this.transformData.height / 2);
-    const T = new R(this).localDeltaToWorld(S, v), F = T.dx, A = T.dy, M = d - F, k = f - A;
+    h === "top-left" ? (u = x(s).width / 2, m = x(s).height / 2) : h === "top-right" ? (u = -x(s).width / 2, m = x(s).height / 2) : h === "bottom-left" ? (u = x(s).width / 2, m = -x(s).height / 2) : h === "bottom-right" ? (u = -x(s).width / 2, m = -x(s).height / 2) : h === "middle-left" ? (u = x(s).width / 2, m = 0) : h === "middle-right" ? (u = -x(s).width / 2, m = 0) : h === "middle-top" ? (u = 0, m = x(s).height / 2) : h === "middle-bottom" && (u = 0, m = -x(s).height / 2);
+    const y = P.fromSnapshot(s).localDeltaToWorld(u, m), w = y.dx, S = y.dy;
+    d = c + w, f = g + S;
+    let b = 0, T = 0;
+    h === "top-left" ? (b = this.transformData.width / 2, T = this.transformData.height / 2) : h === "top-right" ? (b = -this.transformData.width / 2, T = this.transformData.height / 2) : h === "bottom-left" ? (b = this.transformData.width / 2, T = -this.transformData.height / 2) : h === "bottom-right" ? (b = -this.transformData.width / 2, T = -this.transformData.height / 2) : h === "middle-left" ? (b = this.transformData.width / 2, T = 0) : h === "middle-right" ? (b = -this.transformData.width / 2, T = 0) : h === "middle-top" ? (b = 0, T = this.transformData.height / 2) : h === "middle-bottom" && (b = 0, T = -this.transformData.height / 2);
+    const M = new P(this).localDeltaToWorld(b, T), F = M.dx, v = M.dy, D = d - F, U = f - v;
     if (this.isCropping) {
-      const I = s.x, O = s.y, B = C(s).cropWidth * C(s).width, L = C(s).cropHeight * C(s).height;
-      this.x = I, this.y = O;
-      const _ = B / this.transformData.width, H = L / this.transformData.height, G = I - M, $ = O - k, At = new R(this).worldDeltaToLocal(G, $), Jt = At.dx, qt = At.dy, jt = this.transformData.width / 2 + Jt, Zt = this.transformData.height / 2 + qt, Kt = jt / this.transformData.width - _ / 2, Qt = Zt / this.transformData.height - H / 2;
-      this.transformData.cropX = Kt, this.transformData.cropY = Qt, this.transformData.cropWidth = _, this.transformData.cropHeight = H;
+      const B = s.x, A = s.y, k = x(s).cropWidth * x(s).width, R = x(s).cropHeight * x(s).height;
+      this.x = B, this.y = A;
+      const H = k / this.transformData.width, E = R / this.transformData.height, W = B - D, z = A - U, Dt = new P(this).worldDeltaToLocal(W, z), Zt = Dt.dx, Kt = Dt.dy, Qt = this.transformData.width / 2 + Zt, te = this.transformData.height / 2 + Kt, ee = Qt / this.transformData.width - H / 2, ie = te / this.transformData.height - E / 2;
+      this.transformData.cropX = ee, this.transformData.cropY = ie, this.transformData.cropWidth = H, this.transformData.cropHeight = E;
     } else {
-      const I = (this.transformData.cropX + this.transformData.cropWidth / 2) * this.transformData.width - this.transformData.width / 2, O = (this.transformData.cropY + this.transformData.cropHeight / 2) * this.transformData.height - this.transformData.height / 2, B = I, L = O, H = new R(this).localDeltaToWorld(B, L), G = H.dx, $ = H.dy;
-      this.x = M + G, this.y = k + $;
+      const B = (this.transformData.cropX + this.transformData.cropWidth / 2) * this.transformData.width - this.transformData.width / 2, A = (this.transformData.cropY + this.transformData.cropHeight / 2) * this.transformData.height - this.transformData.height / 2, k = B, R = A, E = new P(this).localDeltaToWorld(k, R), W = E.dx, z = E.dy;
+      this.x = D + W, this.y = U + z;
     }
     return !0;
   }
@@ -2945,7 +2945,7 @@ class pt extends Q {
   getCropBoxWorldCorners() {
     const t = this.getCropBoxBounds();
     if (!t) return null;
-    const e = Math.cos(D.toRadians(this.rotation)), o = Math.sin(D.toRadians(this.rotation));
+    const e = Math.cos(I.toRadians(this.rotation)), i = Math.sin(I.toRadians(this.rotation));
     return [
       { x: t.x, y: t.y },
       // top-left
@@ -2955,9 +2955,9 @@ class pt extends Q {
       // bottom-left
       { x: t.x + t.width, y: t.y + t.height }
       // bottom-right
-    ].map((i) => ({
-      x: this.x + i.x * e - i.y * o,
-      y: this.y + i.x * o + i.y * e
+    ].map((o) => ({
+      x: this.x + o.x * e - o.y * i,
+      y: this.y + o.x * i + o.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 o = t - this.x, s = e - this.y, i = Math.cos(D.toRadiansInverse(this.rotation)), a = Math.sin(D.toRadiansInverse(this.rotation));
-    let n = o * i - s * a, h = o * a + s * i;
+    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 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 o = this.transformData.flipHorizontal ? -1 : 1, s = this.transformData.flipVertical ? -1 : 1;
-    let i = t * o, a = e * s;
-    const n = Math.cos(D.toRadians(this.rotation)), h = Math.sin(D.toRadians(this.rotation)), l = i * n - a * h, c = i * h + a * n;
+    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;
     return {
       x: this.x + l,
       y: this.y + c
@@ -2994,18 +2994,18 @@ class pt extends Q {
    * @param worldY - Y coordinate in world space
    * @param zoom - Current zoom level (used to scale hit areas for consistent interaction)
    */
-  hitTestCropHandle(t, e, o = 1) {
+  hitTestCropHandle(t, e, i = 1) {
     if (!this.isCropping) return null;
     const s = this.getCropBoxBounds();
     if (!s) return null;
-    const i = this.worldToLocal(t, e), a = 1 / o, n = ce * a, h = de * a, l = ge * a, c = [
+    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" }
     ];
     for (const d of c) {
-      const f = i.x - d.x, u = i.y - d.y;
+      const f = o.x - d.x, u = o.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 };
@@ -3018,7 +3018,7 @@ class pt extends Q {
       { x: s.x + s.width, y: s.y + s.height / 2, anchor: "right", orientation: "vertical" }
     ];
     for (const d of g) {
-      const f = i.x - d.x, u = i.y - d.y;
+      const f = o.x - d.x, u = o.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);
@@ -3033,10 +3033,10 @@ class pt extends Q {
    */
   hitTestCropBox(t, e) {
     if (!this.isCropping) return !1;
-    const o = this.getCropBoxBounds();
-    if (!o) return !1;
+    const i = this.getCropBoxBounds();
+    if (!i) return !1;
     const s = this.worldToLocal(t, e);
-    return s.x >= o.x && s.x <= o.x + o.width && s.y >= o.y && s.y <= o.y + o.height;
+    return s.x >= i.x && s.x <= i.x + i.width && s.y >= i.y && s.y <= i.y + i.height;
   }
   /**
    * Update crop box (normalized 0-1 coordinates)
@@ -3046,42 +3046,42 @@ 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, o, s, i = !1) {
-    let n = Math.max(0.1, Math.min(1, o)), 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, s, o = !1) {
+    let n = Math.max(0.1, Math.min(1, i)), h = Math.max(0.1, Math.min(1, s)), l = Math.max(0, Math.min(1 - n, t)), c = Math.max(0, Math.min(1 - h, e));
     l + n > 1 && (n = 1 - l), c + h > 1 && (h = 1 - c);
     let g = 0, d = 0;
-    if (i) {
-      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, x = p - u, b = Math.cos(D.toRadians(this.rotation)), S = Math.sin(D.toRadians(this.rotation));
-      g = y * b - x * S, d = y * S + x * b;
+    if (o) {
+      const f = this.transformData.cropX * this.transformData.width + this.transformData.cropWidth * this.transformData.width / 2, u = this.transformData.cropY * this.transformData.height + this.transformData.cropHeight * this.transformData.height / 2, m = l * this.transformData.width + n * this.transformData.width / 2, p = c * this.transformData.height + h * this.transformData.height / 2, y = m - f, w = p - u, S = Math.cos(I.toRadians(this.rotation)), b = Math.sin(I.toRadians(this.rotation));
+      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, i && (this.x += g, this.y += d);
+    this.transformData.cropX = l, this.transformData.cropY = c, this.transformData.cropWidth = n, this.transformData.cropHeight = h, o && (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, o) {
-    const s = e / 2, i = o / 2;
+  getOppositeCornerLocalPosition(t, e, i) {
+    const s = e / 2, o = i / 2;
     return {
-      "top-left": { x: s, y: i },
+      "top-left": { x: s, y: o },
       // Opposite is bottom-right
-      "top-right": { x: -s, y: i },
+      "top-right": { x: -s, y: o },
       // Opposite is bottom-left
-      "bottom-left": { x: s, y: -i },
+      "bottom-left": { x: s, y: -o },
       // Opposite is top-right
-      "bottom-right": { x: -s, y: -i },
+      "bottom-right": { x: -s, y: -o },
       // Opposite is top-left
-      top: { x: 0, y: i },
+      top: { x: 0, y: o },
       // Opposite is bottom edge
-      bottom: { x: 0, y: -i },
+      bottom: { x: 0, y: -o },
       // Opposite is top edge
       left: { x: s, y: 0 },
       // Opposite is right edge
       right: { x: -s, y: 0 },
       // Opposite is left edge
-      "middle-top": { x: 0, y: i },
+      "middle-top": { x: 0, y: o },
       // Opposite is bottom edge
-      "middle-bottom": { x: 0, y: -i },
+      "middle-bottom": { x: 0, y: -o },
       // Opposite is top edge
       "middle-left": { x: s, y: 0 },
       // Opposite is right edge
@@ -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 = C(t).width * C(t).cropWidth, o = C(t).height * C(t).cropHeight, s = C(t).width / 2 - (C(t).cropX * C(t).width + e / 2), i = C(t).height / 2 - (C(t).cropY * C(t).height + o / 2), n = new R(t).localDeltaToWorld(s, i);
+    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);
     return {
       x: t.x + n.dx,
       y: t.y + n.dy
@@ -3104,11 +3104,11 @@ class pt extends Q {
    * Get the position of the fixed corner (opposite of anchor) in world coordinates
    */
   getFixedCornerWorldPosition(t, e) {
-    const o = this.getOppositeCornerLocalPosition(
+    const i = this.getOppositeCornerLocalPosition(
       t,
-      C(e).width,
-      C(e).height
-    ), s = this.calculateFrameCenterFromCropCenter(e), a = new R(e).localDeltaToWorld(o.x, o.y);
+      x(e).width,
+      x(e).height
+    ), s = this.calculateFrameCenterFromCropCenter(e), a = new P(e).localDeltaToWorld(i.x, i.y);
     return {
       x: s.x + a.dx,
       y: s.y + a.dy
@@ -3118,12 +3118,12 @@ class pt extends Q {
    * Calculate where the frame center would be after resize
    * The opposite corner from the anchor stays fixed in world space
    */
-  calculateFrameCenterAfterResize(t, e, o) {
-    const s = this.getFixedCornerWorldPosition(e, o), i = C(o).width * t, a = i / this.imageAspectRatio, n = this.getOppositeCornerLocalPosition(e, i, a), l = new R({
+  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({
       x: 0,
       // Will calculate frame center
       y: 0,
-      rotation: o.rotation
+      rotation: i.rotation
     }).localDeltaToWorld(n.x, n.y);
     return {
       x: s.x - l.dx,
@@ -3135,19 +3135,19 @@ class pt extends Q {
    * This is the core geometric calculation that determines where the crop zone
    * would be positioned within the frame after resize.
    */
-  calculateCropStateAtScale(t, e, o) {
-    const s = C(o).width * t, i = s / this.imageAspectRatio, a = C(o).cropWidth * C(o).width, n = C(o).cropHeight * C(o).height, h = a / s, l = n / i, c = this.calculateFrameCenterAfterResize(t, e, o), g = {
-      x: o.x,
+  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 = {
+      x: i.x,
       // In crop mode, this.x/y is the crop center
-      y: o.y
-    }, d = g.x - c.x, f = g.y - c.y, m = new R({
+      y: i.y
+    }, d = g.x - c.x, f = g.y - c.y, m = new P({
       x: c.x,
       y: c.y,
-      rotation: o.rotation
-    }).worldDeltaToLocal(d, f), p = s / 2 + m.dx, y = i / 2 + m.dy, x = p / s - h / 2, b = y / i - l / 2;
+      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;
     return {
-      cropX: x,
-      cropY: b,
+      cropX: w,
+      cropY: S,
       cropWidth: h,
       cropHeight: l
     };
@@ -3155,21 +3155,21 @@ class pt extends Q {
   /**
    * Check if a given scale keeps crop within frame bounds
    */
-  isScaleValidForCropBounds(t, e, o) {
-    const i = this.calculateCropStateAtScale(t, e, o);
-    if (i.cropWidth > 1 + 1e-4 || i.cropHeight > 1 + 1e-4)
+  isScaleValidForCropBounds(t, e, i) {
+    const o = this.calculateCropStateAtScale(t, e, i);
+    if (o.cropWidth > 1 + 1e-4 || o.cropHeight > 1 + 1e-4)
       return !1;
-    const a = i.cropX, n = i.cropX + i.cropWidth, h = i.cropY, l = i.cropY + i.cropHeight;
+    const a = o.cropX, n = o.cropX + o.cropWidth, h = o.cropY, l = o.cropY + o.cropHeight;
     return a >= -1e-4 && h >= -1e-4 && n <= 1 + 1e-4 && l <= 1 + 1e-4;
   }
   /**
    * Calculate minimum scale that keeps crop within frame bounds
    * Uses binary search to find the largest scale >= proposedScale that satisfies constraints
    */
-  calculateMinScaleForCropBounds(t, e, o, s) {
-    if (this.isScaleValidForCropBounds(o, t, e))
-      return o;
-    let n = o, h = s;
+  calculateMinScaleForCropBounds(t, e, i, s) {
+    if (this.isScaleValidForCropBounds(i, t, e))
+      return i;
+    let n = i, h = s;
     for (let l = 0; l < 20; l++) {
       const c = (n + h) / 2;
       if (this.isScaleValidForCropBounds(c, t, e) ? h = c : n = c, Math.abs(h - n) < 1e-4)
@@ -3181,15 +3181,15 @@ class pt extends Q {
    * Remap anchor to account for flips
    */
   remapAnchorForFlips(t, e) {
-    let o = t;
-    const s = C(e).flipHorizontal, i = C(e).flipVertical;
-    return s && (o.includes("left") ? o = o.replace("left", "right") : o.includes("right") && (o = o.replace("right", "left"))), i && (o.includes("top") ? o = o.replace("top", "bottom") : o.includes("bottom") && (o = o.replace("bottom", "top"))), o;
+    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;
   }
   /**
    * Clone this element
    */
   clone() {
-    const t = this.toJSON(), { imageUrl: e, ...o } = t, s = new pt(o);
+    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;
   }
   /**
@@ -3224,29 +3224,29 @@ class pt extends Q {
     this.clearLoadTimeout(), this.releaseImageCache(), this.revokeSvgBlobUrl(), this.imageElement = null, this.onLoadCallback = null, this.imageLoadError = null;
   }
 }
-const _t = /* @__PURE__ */ new Map();
-let Ct = null;
-function Nt(r) {
+const Nt = /* @__PURE__ */ new Map();
+let Tt = 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).`
   );
 }
-function So(r, t) {
-  _t.set(r, t);
+function Fi(r, t) {
+  Nt.set(r, t);
 }
 function gt(r) {
-  const t = _t.get(r);
-  if (!t) throw Nt(`text transform "${r}"`);
+  const t = Nt.get(r);
+  if (!t) throw Ut(`text transform "${r}"`);
   return t;
 }
-function Co(r) {
-  Ct = r;
+function Ai(r) {
+  Tt = r;
 }
-function Te() {
-  if (!Ct) throw Nt("group clipping");
-  return Ct;
+function Ae() {
+  if (!Tt) throw Ut("group clipping");
+  return Tt;
 }
-class P {
+class L {
   constructor(t = []) {
     this.spans = t.length > 0 ? t.map((e) => ({ ...e, style: { ...e.style } })) : [{ text: "", style: {} }], this.normalize();
   }
@@ -3254,7 +3254,7 @@ class P {
    * Create RichText from plain text string (no special formatting)
    */
   static fromPlainText(t, e = {}) {
-    return new P([{ text: t, style: e }]);
+    return new L([{ text: t, style: e }]);
   }
   /**
    * Get the full text content (all spans concatenated)
@@ -3277,10 +3277,10 @@ class P {
     if (this.spans.length === 0) return {};
     if (t < 0) return this.spans[0].style;
     let e = 0;
-    for (const o of this.spans) {
-      if (t < e + o.text.length)
-        return o.style;
-      e += o.text.length;
+    for (const i of this.spans) {
+      if (t < e + i.text.length)
+        return i.style;
+      e += i.text.length;
     }
     return this.spans[this.spans.length - 1].style;
   }
@@ -3290,19 +3290,19 @@ class P {
    * @param end End index (exclusive)
    * @param style Style to apply (merged with existing styles)
    */
-  applyStyle(t, e, o) {
+  applyStyle(t, e, i) {
     if (t >= e || t < 0 || e > this.getLength())
       return;
     const s = [];
-    let i = 0;
+    let o = 0;
     for (const a of this.spans) {
-      const n = i, h = i + a.text.length;
+      const n = o, h = o + a.text.length;
       if (h <= t) {
-        s.push(a), i = h;
+        s.push(a), o = h;
         continue;
       }
       if (n >= e) {
-        s.push(a), i = h;
+        s.push(a), o = h;
         continue;
       }
       const l = Math.max(t, n), c = Math.min(e, h);
@@ -3311,11 +3311,11 @@ class P {
         style: a.style
       }), s.push({
         text: a.text.substring(l - n, c - n),
-        style: { ...a.style, ...o }
+        style: { ...a.style, ...i }
       }), c < h && s.push({
         text: a.text.substring(c - n),
         style: a.style
-      }), i = h;
+      }), o = h;
     }
     this.spans = s, this.normalize();
   }
@@ -3325,26 +3325,26 @@ class P {
    * @param text Text to insert
    * @param style Style for the inserted text
    */
-  insert(t, e, o) {
+  insert(t, e, i) {
     if (e.length === 0) return;
     const s = [];
-    let i = 0;
+    let o = 0;
     for (const a of this.spans) {
-      const n = i, h = i + a.text.length;
-      if (t <= n && s.length === 0 && s.push({ text: e, style: o }), t > n && t <= h) {
+      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 l = t - n;
         s.push({
           text: a.text.substring(0, l),
           style: a.style
-        }), s.push({ text: e, style: o }), s.push({
+        }), s.push({ text: e, style: i }), s.push({
           text: a.text.substring(l),
           style: a.style
-        }), i = h;
+        }), o = h;
         continue;
       }
-      s.push(a), i = h;
+      s.push(a), o = h;
     }
-    t >= this.getLength() && !s.some((a) => a.text === e) && s.push({ text: e, style: o }), this.spans = s, this.normalize();
+    t >= this.getLength() && !s.some((a) => a.text === e) && s.push({ text: e, style: i }), this.spans = s, this.normalize();
   }
   /**
    * Delete text in a character range
@@ -3352,19 +3352,19 @@ class P {
    * @param end End index (exclusive)
    */
   delete(t, e) {
-    const o = this.getLength();
-    if (t = Math.max(0, Math.min(t, o)), e = Math.max(0, Math.min(e, o)), t >= e)
+    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 i = 0;
+    let o = 0;
     for (const a of this.spans) {
-      const n = i, h = i + a.text.length;
+      const n = o, h = o + a.text.length;
       if (h <= t) {
-        s.push(a), i = h;
+        s.push(a), o = h;
         continue;
       }
       if (n >= e) {
-        s.push(a), i = h;
+        s.push(a), o = h;
         continue;
       }
       const l = Math.max(t, n), c = Math.min(e, h);
@@ -3374,7 +3374,7 @@ class P {
       }), c < h && s.push({
         text: a.text.substring(c - n),
         style: a.style
-      }), i = h;
+      }), o = h;
     }
     this.spans = s.length > 0 ? s : [{ text: "", style: {} }], this.normalize();
   }
@@ -3385,15 +3385,15 @@ class P {
    * This prevents fragmentation and improves performance
    */
   normalize() {
-    if (this.spans = this.spans.filter((o) => o.text !== ""), this.spans.length === 0) {
+    if (this.spans = this.spans.filter((i) => i.text !== ""), this.spans.length === 0) {
       this.spans = [{ text: "", style: {} }];
       return;
     }
     if (this.spans.length <= 1) return;
     const t = [];
     let e = this.spans[0];
-    for (let o = 1; o < this.spans.length; o++) {
-      const s = this.spans[o];
+    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,
         style: e.style
@@ -3405,13 +3405,13 @@ class P {
    * Check if two styles are equal
    */
   stylesEqual(t, e) {
-    return t.color === e.color && t.fontFamily === e.fontFamily && t.fontSize === e.fontSize && t.bold === e.bold && t.italic === e.italic && t.underline === e.underline && t.strikethrough === e.strikethrough;
+    return t.color === e.color && t.fontFamily === e.fontFamily && t.fontSize === e.fontSize && t.bold === e.bold && t.italic === e.italic && t.underline === e.underline && t.strikethrough === e.strikethrough && t.letterSpacing === e.letterSpacing;
   }
   /**
    * Clone this RichText instance
    */
   clone() {
-    return new P(
+    return new L(
       this.spans.map((t) => ({
         text: t.text,
         style: { ...t.style }
@@ -3439,74 +3439,74 @@ class P {
    * Deserialize from JSON
    */
   static fromJSON(t) {
-    return new P(t.spans);
+    return new L(t.spans);
   }
 }
-function To(r) {
+function Mi(r) {
   return r.type === "custom";
 }
-function vo(r) {
+function Di(r) {
   return r.type === "circle";
 }
-function Fo(r) {
+function Ii(r) {
   return r.type === "arch";
 }
-function Mo(r) {
+function ki(r) {
   return r.type === "wave";
 }
-function Ao(r) {
+function Ei(r) {
   return r.type === "flag";
 }
-function Do(r) {
+function Oi(r) {
   return r.type === "image";
 }
-function Io(r) {
+function Bi(r) {
   return r.type === "group";
 }
-function ko(r) {
+function Ri(r) {
   return r.transformType !== "image" && r.transformType !== "group";
 }
-function Eo(r) {
+function Hi(r) {
   return r.transformType === "image";
 }
-function Oo(r) {
+function Pi(r) {
   return r.transformType === "custom";
 }
-function Bo(r) {
+function Li(r) {
   return r.transformType === "circle";
 }
-function Ro(r) {
+function Wi(r) {
   return r.transformType === "group";
 }
-function Ho(r) {
+function zi(r) {
   return r.transformType === "shape";
 }
-function Po(r) {
+function Xi(r) {
   return r.transformType === "path";
 }
-function Lo(r) {
+function Yi(r) {
   return r.type === "shape";
 }
-function Wo(r) {
+function _i(r) {
   return r.type === "path";
 }
-function zo(r) {
+function Ni(r) {
   var t;
   return ((t = r.stroke) == null ? void 0 : t.enabled) === !0;
 }
-function Xo(r) {
+function Ui(r) {
   return Array.isArray(r.masks) && r.masks.length > 0;
 }
-function Yo(r) {
+function Gi(r) {
   return r.blendMode === "knockout" || r.blendMode === "clip";
 }
-function _o(r) {
+function $i(r) {
   var t;
   return ((t = r.distressEffect) == null ? void 0 : t.enabled) === !0;
 }
 class q extends Q {
   constructor(t = {}) {
-    super(t), this.transformType = t.transformType || "custom", this.fontSize = t.fontSize || 72, this.fontFamily = t.fontFamily || "Arial", this.color = t.color || "#333333", this.bold = t.bold !== void 0 ? t.bold : !1, this.italic = t.italic !== void 0 ? t.italic : !1, this.underline = t.underline !== void 0 ? t.underline : !1, this.strikethrough = t.strikethrough !== void 0 ? t.strikethrough : !1, this.textAlign = t.textAlign || "center", t.richText ? (t.richText instanceof P ? this.richText = t.richText : this.richText = P.fromJSON(t.richText), this.text = this.richText.getText()) : t.text !== void 0 ? (this.text = t.text, this.richText = P.fromPlainText(t.text, {})) : (this.text = "Text", this.richText = P.fromPlainText("Text", {})), this.glyphOverrides = t.glyphOverrides, this.openTypeFeatures = t.openTypeFeatures;
+    super(t), this.transformType = t.transformType || "custom", this.fontSize = t.fontSize || 72, this.fontFamily = t.fontFamily || "Arial", this.color = t.color || "#333333", this.bold = t.bold !== void 0 ? t.bold : !1, this.italic = t.italic !== void 0 ? t.italic : !1, this.underline = t.underline !== void 0 ? t.underline : !1, this.strikethrough = t.strikethrough !== void 0 ? t.strikethrough : !1, this.textAlign = t.textAlign || "center", this.letterSpacing = t.letterSpacing, this.lineHeight = t.lineHeight, t.richText ? (t.richText instanceof L ? this.richText = t.richText : this.richText = L.fromJSON(t.richText), this.text = this.richText.getText()) : t.text !== void 0 ? (this.text = t.text, this.richText = L.fromPlainText(t.text, {})) : (this.text = "Text", this.richText = L.fromPlainText("Text", {})), this.glyphOverrides = t.glyphOverrides, this.openTypeFeatures = t.openTypeFeatures;
   }
   /**
    * Get bounding box in world coordinates
@@ -3524,7 +3524,7 @@ class q extends Q {
    * statically imports the paint pipeline. Selection and hover visuals are
    * handled by SelectionRenderer and HoverRenderer.
    */
-  render(t, e = !1, o = !1) {
+  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;
   }
@@ -3547,6 +3547,8 @@ class q extends Q {
       underline: this.underline,
       strikethrough: this.strikethrough,
       // Typography properties (only include if defined)
+      ...this.letterSpacing !== void 0 && { letterSpacing: this.letterSpacing },
+      ...this.lineHeight !== void 0 && { lineHeight: this.lineHeight },
       ...this.openTypeFeatures && { openTypeFeatures: { ...this.openTypeFeatures } },
       ...this.glyphOverrides && { glyphOverrides: this.glyphOverrides.map((e) => ({ ...e })) }
     };
@@ -3563,7 +3565,7 @@ class q extends Q {
    * @param newText - Plain text to set (resets to element defaults)
    */
   setText(t) {
-    this.text = t, this.richText = P.fromPlainText(t, {});
+    this.text = t, this.richText = L.fromPlainText(t, {});
   }
   /**
    * Get the plain text content
@@ -3576,7 +3578,7 @@ class q extends Q {
    * Get the rich text object
    */
   getRichText() {
-    return this.richText || (this.richText = P.fromPlainText(this.text, {})), this.richText;
+    return this.richText || (this.richText = L.fromPlainText(this.text, {})), this.richText;
   }
   /**
    * Set the rich text object
@@ -3595,21 +3597,22 @@ class q extends Q {
       bold: this.bold,
       italic: this.italic,
       underline: this.underline,
-      strikethrough: this.strikethrough
+      strikethrough: this.strikethrough,
+      ...this.letterSpacing !== void 0 && { letterSpacing: this.letterSpacing }
     };
   }
   /**
    * Apply character-level formatting to a text range
    */
-  applyFormatting(t, e, o) {
+  applyFormatting(t, e, i) {
     const s = this.getRichText();
-    s.applyStyle(t, e, o), this.text = s.getText();
+    s.applyStyle(t, e, i), this.text = s.getText();
   }
   /**
    * Update font size
    */
   setFontSize(t) {
-    this.fontSize = Math.max(fe, Math.min(ue, t));
+    this.fontSize = Math.max(pe, Math.min(ye, t));
   }
   /**
    * Update color
@@ -3618,8 +3621,8 @@ class q extends Q {
   setColor(t) {
     const e = this.color;
     if (this.color = t, this.richText)
-      for (let o = 0; o < this.richText.spans.length; o++) {
-        const s = this.richText.spans[o];
+      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);
       }
   }
@@ -3627,7 +3630,7 @@ class q extends Q {
    * Handle resize transform
    * Must be implemented by subclasses
    */
-  resize(t, e, o, s) {
+  resize(t, e, i, s) {
     throw new Error("resize() must be implemented by subclass");
   }
   /**
@@ -3643,8 +3646,50 @@ class q extends Q {
     };
   }
 }
+function Me(r) {
+  return Array.from(r).length;
+}
+function yt(r, t, e) {
+  return e ? r + e * Me(t) : r;
+}
+function De(r, t, e) {
+  const i = Array.from(t), s = [0];
+  let o = "";
+  for (let a = 0; a < i.length; a++)
+    o += i[a], s.push(r.measureText(o).width + e * (a + 1));
+  return s;
+}
+function Ie(r, t, e) {
+  switch (r.textAlign) {
+    case "center":
+      return t - e / 2;
+    case "right":
+    case "end":
+      return t - e;
+    default:
+      return t;
+  }
+}
+function Gt(r, t, e, i, s, o) {
+  if (!o || e.length === 0) {
+    t[r](e, i, s);
+    return;
+  }
+  const a = De(t, e, o), n = a[a.length - 1], h = Ie(t, i, n), l = t.textAlign;
+  t.textAlign = "left";
+  const c = Array.from(e);
+  for (let g = 0; g < c.length; g++)
+    t[r](c[g], h + a[g], s);
+  t.textAlign = l;
+}
+function Vi(r, t, e, i, s) {
+  Gt("fillText", r, t, e, i, s);
+}
+function Ji(r, t, e, i, s) {
+  Gt("strokeText", r, t, e, i, s);
+}
 let ht = null;
-function yt() {
+function wt() {
   if (!ht)
     if (typeof document < "u")
       ht = document.createElement("canvas");
@@ -3654,123 +3699,125 @@ function yt() {
       throw new Error("No canvas available for text measurement");
   return ht;
 }
-function at(r, t, e = !1, o = !1) {
+function at(r, t, e = !1, i = !1) {
   const s = [];
-  return o && s.push("italic"), e && s.push("bold"), s.push(`${r}px`), s.push(t), s.join(" ");
+  return i && s.push("italic"), e && s.push("bold"), s.push(`${r}px`), s.push(t), s.join(" ");
 }
-function vt(r, t, e, o, s = !1, i = !1, a, n = !1) {
-  const l = yt().getContext("2d");
-  if (l.font = at(e, o, s, i), r.trim().length === 0)
+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);
+  if (r.trim().length === 0)
     return [r];
   if (r.includes(`
 `)) {
-    const M = r.split(`
+    const A = r.split(`
 `), k = [];
-    for (let I = 0; I < M.length; I++) {
-      const O = M[I], B = vt(O, t, e, o, s, i, void 0, n);
-      k.push(...B);
+    for (let R = 0; R < A.length; R++) {
+      const H = A[R], E = Ft(H, t, e, i, s, o, void 0, n, h);
+      k.push(...E);
     }
     return k;
   }
-  const c = r.match(/^\s*/), g = r.match(/\s*$/), d = c ? c[0] : "", f = g ? g[0] : "", m = r.substring(d.length, r.length - f.length).split(" ");
+  const f = r.match(/^\s*/), u = r.match(/\s*$/), m = f ? f[0] : "", p = u ? u[0] : "", w = r.substring(m.length, r.length - p.length).split(" ");
   if (a !== void 0 && a > 0) {
     if (a === 1)
-      return [d + m.join(" ") + f];
-    const M = [], k = Math.ceil(m.length / a);
-    for (let I = 0; I < m.length; I += k) {
-      const O = m.slice(I, I + k);
-      M.push(O.join(" "));
+      return [m + w.join(" ") + p];
+    const A = [], k = Math.ceil(w.length / a);
+    for (let R = 0; R < w.length; R += k) {
+      const H = w.slice(R, R + k);
+      A.push(H.join(" "));
     }
-    return M.length > 0 && (M[0] = d + M[0], M[M.length - 1] = M[M.length - 1] + f), M;
-  }
-  const p = m.join(" "), y = d + p + f, x = l.measureText(y).width, b = t < 200, v = n ? 0 : Math.max(20, t * (n ? 0 : b ? 0.08 : 0.05));
-  if (x <= t + v)
-    return [y];
-  const w = [];
-  let T = "";
-  const A = n ? 0 : Math.max(15, t * (n ? 0 : b ? 0.05 : 0.03));
-  for (let M = 0; M < m.length; M++) {
-    const k = m[M];
-    if (l.measureText(k).width > t + A) {
-      T.length > 0 && (w.push(T), T = "");
-      const O = Array.from(k);
-      let B = "";
-      for (const L of O) {
-        const _ = B + L;
-        l.measureText(_).width > t + A && B.length > 0 ? (w.push(B), B = L) : B = _;
+    return A.length > 0 && (A[0] = m + A[0], A[A.length - 1] = A[A.length - 1] + p), A;
+  }
+  const S = w.join(" "), b = m + S + p, T = d(b), C = t < 200, F = n ? 0 : Math.max(20, t * (n ? 0 : C ? 0.08 : 0.05));
+  if (T <= t + F)
+    return [b];
+  const v = [];
+  let D = "";
+  const B = n ? 0 : Math.max(15, t * (n ? 0 : C ? 0.05 : 0.03));
+  for (let A = 0; A < w.length; A++) {
+    const k = w[A];
+    if (d(k) > t + B) {
+      D.length > 0 && (v.push(D), D = "");
+      const H = Array.from(k);
+      let E = "";
+      for (const W of H) {
+        const z = E + W;
+        d(z) > t + B && E.length > 0 ? (v.push(E), E = W) : E = z;
       }
-      T = B;
+      D = E;
     } else {
-      const O = T.length > 0 ? T + " " + k : k;
-      l.measureText(O).width > t + A && T.length > 0 ? (w.push(T), T = k) : T = O;
+      const H = D.length > 0 ? D + " " + k : k;
+      d(H) > t + B && D.length > 0 ? (v.push(D), D = k) : D = H;
     }
   }
-  if (T.length > 0 && w.push(T), w.length > 0) {
-    if (d.length > 0) {
-      const M = d + w[0];
-      l.measureText(M).width > t + A ? w.unshift(d) : w[0] = M;
+  if (D.length > 0 && v.push(D), v.length > 0) {
+    if (m.length > 0) {
+      const A = m + v[0];
+      d(A) > t + B ? v.unshift(m) : v[0] = A;
     }
-    if (f.length > 0) {
-      const M = w.length - 1, k = w[M] + f;
-      l.measureText(k).width > t + A ? w.push(f) : w[M] = k;
+    if (p.length > 0) {
+      const A = v.length - 1, k = v[A] + p;
+      d(k) > t + B ? v.push(p) : v[A] = k;
     }
   }
-  return w;
+  return v;
 }
-function Ot(r, t, e, o = !1, s = !1) {
-  const a = yt().getContext("2d");
-  return a.font = at(t, e, o, s), a.measureText(r).width;
+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 Tt(r, t, e = !1, o = !1) {
-  const i = yt().getContext("2d");
-  i.font = at(r, t, e, o);
-  const n = i.measureText("ÁÉÍgjpqy"), h = n.actualBoundingBoxAscent || r * 0.8, l = n.actualBoundingBoxDescent || r * 0.2, c = h + l;
+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;
   return { ascent: h, descent: l, height: c };
 }
-function Bt(r, t, e, o, s = !1, i = !1, a, n = !1) {
-  const h = vt(r, t, e, o, s, i, a, n), l = r.includes(`
-`), c = h.map((x, b) => ({
-    isParagraphStart: !l && b === 0,
-    isParagraphEnd: !l && b === h.length - 1
-  })), d = yt().getContext("2d");
-  d.font = at(e, o, s, i);
-  let f = 0;
-  const u = Tt(e, o, s, i);
+function Rt(r, t, e, i, s = !1, o = !1, a, n = !1, h) {
+  const l = (h == null ? void 0 : h.letterSpacing) ?? 0, c = Ft(r, t, e, i, s, o, a, n, h), g = r.includes(`
+`), d = c.map((b, T) => ({
+    isParagraphStart: !g && T === 0,
+    isParagraphEnd: !g && T === c.length - 1
+  })), u = wt().getContext("2d");
+  u.font = at(e, i, s, o);
   let m = 0;
-  h.forEach((x, b) => {
-    const S = c[b].isParagraphStart, v = c[b].isParagraphEnd;
-    let w = x;
-    if (!S) {
-      const T = x.match(/^ +/), F = T ? T[0].length : 0;
-      F > 0 && (w = w.substring(F));
+  const p = vt(e, i, s, o);
+  let y = 0;
+  c.forEach((b, T) => {
+    const C = d[T].isParagraphStart, M = d[T].isParagraphEnd;
+    let F = b;
+    if (!C) {
+      const v = b.match(/^ +/), D = v ? v[0].length : 0;
+      D > 0 && (F = F.substring(D));
     }
-    if (!v) {
-      const T = w.match(/ +$/), F = T ? T[0].length : 0;
-      F > 0 && (w = w.substring(0, w.length - F));
+    if (!M) {
+      const v = F.match(/ +$/), D = v ? v[0].length : 0;
+      D > 0 && (F = F.substring(0, F.length - D));
     }
-    if (m++, w.length > 0) {
-      const T = d.measureText(w).width;
-      f = Math.max(f, T);
+    if (y++, F.length > 0) {
+      const v = yt(u.measureText(F).width, F, l);
+      m = Math.max(m, v);
     }
   });
-  let p;
-  const y = Xt;
-  if (m === 1)
-    p = u.height;
-  else if (m === 0)
-    p = 0;
+  let w;
+  const S = (h == null ? void 0 : h.lineHeight) ?? Yt;
+  if (y === 1)
+    w = p.height;
+  else if (y === 0)
+    w = 0;
   else {
-    const x = e * y;
-    p = (m - 1) * x + u.height;
+    const b = e * S;
+    w = (y - 1) * b + p.height;
   }
   return {
-    width: f,
-    height: p,
-    lines: h
+    width: m,
+    height: w,
+    lines: c
   };
 }
 let lt = null;
-function ve() {
+function ke() {
   if (!lt)
     if (typeof OffscreenCanvas < "u")
       lt = new OffscreenCanvas(1, 1).getContext("2d");
@@ -3780,19 +3827,19 @@ function ve() {
       throw new Error("No canvas context available");
   return lt;
 }
-function Fe(r, t, e) {
-  const o = ve(), s = [], i = (p, y) => {
-    const x = y.fontSize || e.fontSize, b = y.fontFamily || e.fontFamily, S = y.bold !== void 0 ? y.bold : e.bold || !1, v = y.italic !== void 0 ? y.italic : e.italic || !1;
-    return o.font = at(x, b, S, v), o.measureText(p).width;
-  }, 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, n = [];
+function Ee(r, t, e) {
+  const i = ke(), s = [], o = (p, y) => {
+    const w = y.fontSize || e.fontSize, S = y.fontFamily || e.fontFamily, b = y.bold !== void 0 ? y.bold : e.bold || !1, T = y.italic !== void 0 ? y.italic : e.italic || !1, C = y.letterSpacing !== void 0 ? y.letterSpacing : e.letterSpacing ?? 0;
+    return i.font = at(w, S, b, T), yt(i.measureText(p).width, p, C);
+  }, 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 });
   });
   let h = "";
   const l = [];
   n.forEach((p, y) => {
-    for (let x = 0; x < p.text.length; x++)
-      h += p.text[x], l.push(y);
+    for (let w = 0; w < p.text.length; w++)
+      h += p.text[w], l.push(y);
   });
   const c = [];
   let g = "", d = 0;
@@ -3806,79 +3853,79 @@ function Fe(r, t, e) {
     f.length > 0 && (s.push(f), f = [], u = 0);
   };
   return c.forEach((p, y) => {
-    const x = [];
-    let b = l[p.startIdx], S = "";
-    for (let w = p.startIdx; w <= p.endIdx; w++) {
-      const T = l[w];
-      T !== b ? (x.push({ text: S, style: n[b].style }), S = h[w], b = T) : S += h[w];
+    const w = [];
+    let S = l[p.startIdx], b = "";
+    for (let C = p.startIdx; C <= p.endIdx; C++) {
+      const M = l[C];
+      M !== S ? (w.push({ text: b, style: n[S].style }), b = h[C], S = M) : b += h[C];
     }
-    S.length > 0 && x.push({ text: S, style: n[b].style });
-    const v = x.reduce((w, T) => w + i(T.text, T.style), 0);
+    b.length > 0 && w.push({ text: b, style: n[S].style });
+    const T = w.reduce((C, M) => C + o(M.text, M.style), 0);
     if (p.text === " ") {
       if (f.length > 0) {
-        const w = f[f.length - 1];
-        a(w.style, x[0].style) ? w.text += " " : f.push({ text: " ", style: x[0].style });
+        const C = f[f.length - 1];
+        a(C.style, w[0].style) ? C.text += " " : f.push({ text: " ", style: w[0].style });
       } else
-        f.push({ text: " ", style: x[0].style });
-      u += v;
-    } else if (v > t) {
+        f.push({ text: " ", style: w[0].style });
+      u += T;
+    } else if (T > t) {
       f.length > 0 && m();
-      for (const w of x) {
-        const T = Array.from(w.text);
+      for (const C of w) {
+        const M = Array.from(C.text);
         let F = "";
-        for (const A of T) {
-          const M = i(A, w.style);
-          if (u + M > t && u > 0) {
+        for (const v of M) {
+          const D = o(v, C.style);
+          if (u + D > t && u > 0) {
             if (F.length > 0) {
               if (f.length > 0) {
-                const k = f[f.length - 1];
-                a(k.style, w.style) ? k.text += F : f.push({ text: F, style: w.style });
+                const U = f[f.length - 1];
+                a(U.style, C.style) ? U.text += F : f.push({ text: F, style: C.style });
               } else
-                f.push({ text: F, style: w.style });
+                f.push({ text: F, style: C.style });
               F = "";
             }
             m();
           }
-          F += A, u += M;
+          F += v, u += D;
         }
         if (F.length > 0)
           if (f.length > 0) {
-            const A = f[f.length - 1];
-            a(A.style, w.style) ? A.text += F : f.push({ text: F, style: w.style });
+            const v = f[f.length - 1];
+            a(v.style, C.style) ? v.text += F : f.push({ text: F, style: C.style });
           } else
-            f.push({ text: F, style: w.style });
+            f.push({ text: F, style: C.style });
       }
     } else
-      u + v > t && f.length > 0 && m(), x.forEach((w) => {
+      u + T > t && f.length > 0 && m(), w.forEach((C) => {
         if (f.length > 0) {
-          const T = f[f.length - 1];
-          a(T.style, w.style) ? T.text += w.text : f.push({ ...w });
+          const M = f[f.length - 1];
+          a(M.style, C.style) ? M.text += C.text : f.push({ ...C });
         } else
-          f.push({ ...w });
-      }), u += v;
+          f.push({ ...C });
+      }), u += T;
   }), m(), s.length === 0 && s.push([]), s;
 }
-function Me(r) {
+function Oe(r) {
   const t = [];
   let e = [];
-  return r.spans.forEach((o) => {
-    const s = o.text.split(`
+  return r.spans.forEach((i) => {
+    const s = i.text.split(`
 `);
-    s.forEach((i, a) => {
-      i.length > 0 && e.push({ text: i, style: o.style }), a < s.length - 1 && (t.push(e), e = []);
+    s.forEach((o, a) => {
+      o.length > 0 && e.push({ text: o, style: i.style }), a < s.length - 1 && (t.push(e), e = []);
     });
   }), e.length > 0 && t.push(e), t.length === 0 && t.push([]), t;
 }
 function st(r) {
   return typeof r.width == "number" ? r.width : void 0;
 }
-function Ut(r, t) {
+function $t(r, t) {
   r.width = t;
 }
-function Ae(r, t, e) {
-  const o = e.transformData, s = st(o), i = s !== void 0 ? s : e.width ?? 0, a = t / i, n = e.fontSize ?? r.fontSize, h = n * a;
+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;
   let l;
-  if (h < 16 ? l = Math.round(h) : l = Math.round(h * 2) / 2, r.setFontSize(l), e.richText && e.richText instanceof P && typeof r.setRichText == "function") {
+  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();
     for (const u of f.spans)
       if (u.style.fontSize !== void 0) {
@@ -3890,36 +3937,36 @@ function Ae(r, t, e) {
   const c = r.transformData;
   if (st(c) !== void 0 && s !== void 0) {
     const d = n > 0 ? l / n : a, f = s * d;
-    Ut(c, Math.max(20, Math.ceil(f)));
+    $t(c, Math.max(20, Math.ceil(f)));
   }
 }
-function De(r, t, e, o) {
+function Re(r, t, e, i) {
   if (t !== "middle-left" && t !== "middle-right")
     return;
-  r.fontSize = o.fontSize ?? r.fontSize;
+  r.fontSize = i.fontSize ?? r.fontSize;
   const s = r.transformData;
   if (st(s) !== void 0) {
-    Ut(s, Math.max(Yt, e));
-    const a = D.toRadiansInverse(r.rotation), n = Math.cos(a), h = Math.sin(a), l = o.transformData, g = st(l) ?? o.width ?? 0, f = (st(s) ?? 0) - g;
-    t === "middle-left" ? (r.x = o.x - f / 2 * n, r.y = o.y - f / 2 * h) : t === "middle-right" && (r.x = o.x + f / 2 * n, r.y = o.y + f / 2 * h);
+    $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;
+    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 Gt(r, t, e, o, s) {
-  const i = t.includes("top") || t.includes("bottom"), a = t.includes("middle");
-  i ? Ae(r, e, s) : a && De(r, t, e, s);
+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);
 }
-class Ie extends q {
+class He extends q {
   // Temporary property used during resize operations only
   constructor(t = {}) {
     super(t), this.transformType = "custom";
-    const e = t.transformData, o = (e == null ? void 0 : e.width) !== void 0 ? e.width : Math.max(
-      Yt,
-      Ot(this.text, this.fontSize, this.fontFamily, this.bold, this.italic) + j * 2
+    const e = t.transformData, i = (e == null ? void 0 : e.width) !== void 0 ? e.width : Math.max(
+      _t,
+      Bt(this.text, this.fontSize, this.fontFamily, this.bold, this.italic, this.letterSpacing ?? 0) + j * 2
     );
     this.transformData = {
       type: "custom",
       controlPoints: (e == null ? void 0 : e.controlPoints) ?? [],
-      width: o
+      width: i
     };
   }
   /**
@@ -3927,30 +3974,31 @@ class Ie 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, o = Me(t), s = [];
-    if (o.forEach((h) => {
-      Fe(h, e, {
+    const t = this.getRichText(), e = this.transformData.width - j * 2, i = Oe(t), s = [];
+    if (i.forEach((h) => {
+      Ee(h, e, {
         fontSize: this.fontSize,
         fontFamily: this.fontFamily,
         bold: this.bold,
-        italic: this.italic
+        italic: this.italic,
+        letterSpacing: this.letterSpacing
       }).forEach((c) => {
         s.push(c);
       });
     }), s.length === 0)
       return 0;
-    let i = 0, a = 0;
+    let o = 0, a = 0;
     s.forEach((h) => {
       h.forEach((l) => {
-        const c = l.style.fontSize !== void 0 ? l.style.fontSize : this.fontSize, g = l.style.fontFamily !== void 0 ? l.style.fontFamily : this.fontFamily, d = l.style.bold !== void 0 ? l.style.bold : this.bold, f = l.style.italic !== void 0 ? l.style.italic : this.italic, u = Tt(c, g, d, f);
-        i = Math.max(i, 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 = vt(c, g, d, f);
+        o = Math.max(o, u.height), a = Math.max(a, u.ascent);
       });
     });
-    const n = this.fontSize * Xt;
+    const n = this.fontSize * (this.lineHeight ?? Yt);
     if (s.length === 1)
-      return i;
+      return o;
     {
-      const h = Tt(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, i - a - (h.height - h.ascent));
+      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));
       return l + c + g;
     }
   }
@@ -3972,7 +4020,7 @@ class Ie extends q {
   getBoundingBox() {
     const t = this.transformData.width - j * 2;
     let e;
-    return this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Bt(
+    return this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Rt(
       this.text,
       t,
       this.fontSize,
@@ -3980,8 +4028,9 @@ class Ie extends q {
       this.bold,
       this.italic,
       this._lockedLineCount,
-      !0
+      !0,
       // strict: wrap exactly at maxWidth
+      { letterSpacing: this.letterSpacing, lineHeight: this.lineHeight }
     ).height, {
       x: this.x - this.transformData.width / 2,
       y: this.y - e / 2,
@@ -3998,7 +4047,7 @@ class Ie extends q {
   getVisualBoundingBox() {
     const t = this.transformData.width - j * 2;
     let e;
-    this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Bt(
+    this.hasPerCharacterFormatting() ? e = this.calculateRichTextHeight() : e = Rt(
       this.text,
       t,
       this.fontSize,
@@ -4006,14 +4055,15 @@ class Ie extends q {
       this.bold,
       this.italic,
       this._lockedLineCount,
-      !0
+      !0,
       // strict: wrap exactly at maxWidth
+      { letterSpacing: this.letterSpacing, lineHeight: this.lineHeight }
     ).height;
-    const o = this.transformData.width;
+    const i = this.transformData.width;
     return {
-      x: this.x - o / 2,
+      x: this.x - i / 2,
       y: this.y - e / 2,
-      width: o,
+      width: i,
       height: e
     };
   }
@@ -4033,10 +4083,10 @@ class Ie extends q {
    * (x, y) is the center of the element, we rotate around this center point
    * Now uses shared rendering function that works in both main thread and worker
    */
-  render(t, e = !1, o = !1) {
+  render(t, e = !1, i = !1) {
     var n;
-    const s = this.opacity ?? 1, i = !!((n = this.stroke) != null && n.enabled);
-    if (s < 1 && i) {
+    const s = this.opacity ?? 1, o = !!((n = this.stroke) != null && n.enabled);
+    if (s < 1 && o) {
       this.renderWithOffscreen(t, s);
       return;
     }
@@ -4049,7 +4099,7 @@ class Ie extends q {
    */
   renderWithOffscreen(t, e) {
     var d;
-    const s = (((d = this.stroke) == null ? void 0 : d.width) || 0) + 20, i = this.getVisualBoundingBox(), a = Math.ceil(i.width + s * 2), n = Math.ceil(i.height + s * 2), h = document.createElement("canvas");
+    const s = (((d = this.stroke) == null ? void 0 : d.width) || 0) + 20, o = this.getVisualBoundingBox(), a = Math.ceil(o.width + s * 2), n = Math.ceil(o.height + s * 2), h = document.createElement("canvas");
     h.width = a, h.height = n;
     const l = h.getContext("2d");
     if (!l) {
@@ -4057,24 +4107,33 @@ class Ie extends q {
       t.globalAlpha = e, gt("custom")(t, this.toJSON()), t.globalAlpha = f;
       return;
     }
-    const c = i.x + i.width / 2, g = i.y + i.height / 2;
+    const c = o.x + o.width / 2, g = o.y + o.height / 2;
     l.translate(a / 2 - c, n / 2 - g), gt("custom")(l, this.toJSON()), t.save(), t.globalAlpha = e, t.drawImage(h, c - a / 2, g - n / 2), t.restore();
   }
   /**
    * Override getTransformStartData to capture initial line count
    */
   getTransformStartData() {
-    const t = super.getTransformStartData(), e = this.transformData.width - j * 2, o = vt(this.text, e, this.fontSize, this.fontFamily, this.bold, this.italic);
-    return t.lineCount = o.length, t;
+    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, {
+      letterSpacing: this.letterSpacing
+    });
+    return t.lineCount = i.length, t;
   }
   /**
    * Handle resize using standard resize logic
    * Corner handles: uniform scale (fontSize and width both change) - line count locked
    * Side handles: only width changes - text re-wraps naturally
    */
-  resize(t, e, o, s) {
-    if (t === "top-left" || t === "top-right" || t === "bottom-left" || t === "bottom-right" || (this._lockedLineCount = void 0), Gt(this, t, e, o, s), this._lockedLineCount !== void 0 && this._lockedLineCount > 0) {
-      const n = Ot(this.text, this.fontSize, this.fontFamily, this.bold, this.italic) / this._lockedLineCount + j * 2;
+  resize(t, e, i, s) {
+    if (t === "top-left" || t === "top-right" || t === "bottom-left" || t === "bottom-right" || (this._lockedLineCount = void 0), Vt(this, t, e, i, s), this._lockedLineCount !== void 0 && this._lockedLineCount > 0) {
+      const n = Bt(
+        this.text,
+        this.fontSize,
+        this.fontFamily,
+        this.bold,
+        this.italic,
+        this.letterSpacing ?? 0
+      ) / this._lockedLineCount + j * 2;
       this.transformData.width < n && (this.transformData.width = Math.ceil(n));
     }
   }
@@ -4119,32 +4178,32 @@ class Ie extends q {
     };
   }
 }
-function ke(r, t, e, o) {
-  const s = D.toRadians(o), i = Math.cos(s), a = Math.sin(s);
+function Pe(r, t, e, i) {
+  const s = I.toRadians(i), o = Math.cos(s), a = Math.sin(s);
   let n = 0, h = 0;
   e === "top-left" ? (n = r.width, h = r.height) : e === "top-right" ? (n = 0, h = r.height) : e === "bottom-left" ? (n = r.width, h = 0) : e === "bottom-right" && (n = 0, h = 0);
-  const l = r.x + (n * i - h * a), c = r.y + (n * a + h * i);
+  const l = r.x + (n * o - h * a), c = r.y + (n * a + h * o);
   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 * i - d * a), u = c - (g * a + d * i);
+  const f = l - (g * o - d * a), u = c - (g * a + d * o);
   return { x: f, y: u };
 }
-function No(r, t, e, o = 1) {
-  const s = r.width / 2, i = r.height + le / o, a = r.x + s, n = r.y + i, h = D.toRadians(t), l = Math.cos(h), c = Math.sin(h), g = a - e.x, d = n - e.y, f = g * l - d * c, u = g * c + d * l;
+function 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;
   return {
     x: e.x + f,
     y: e.y + u
   };
 }
-function Uo(r, t, e) {
-  const o = D.toRadians(t), s = Math.cos(o), i = Math.sin(o), a = (c, g) => {
-    const d = r.x + c, f = r.y + g, u = d - e.x, m = f - e.y, p = u * s - m * i, y = u * i + m * s;
+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;
     return {
       x: e.x + p,
       y: e.y + y
     };
   }, { width: n, height: h } = r, l = (c, g, d, f) => {
-    const u = a(d, f), m = Ee(
+    const u = a(d, f), m = Le(
       u.x,
       u.y,
       e.x,
@@ -4173,35 +4232,35 @@ function Uo(r, t, e) {
     l("edge", "middle-bottom", n / 2, h)
   ];
 }
-function Go(r, t, e, o, s) {
-  const i = r - e, a = t - o;
-  return i * i + a * a <= s * s;
+function Zi(r, t, e, i, s) {
+  const o = r - e, a = t - i;
+  return o * o + a * a <= s * s;
 }
-function $o(r, t, e, o) {
-  const s = D.toRadiansInverse(o), i = Math.cos(s), a = Math.sin(s), n = r - e.x, h = t - e.y, l = n * i - h * a, c = n * a + h * i;
+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;
   return l >= 0 && l <= e.width && c >= 0 && c <= e.height;
 }
-function tt(r, t, e = "Arial", o = !1, s = !1) {
-  const a = document.createElement("canvas").getContext("2d"), n = o ? "bold" : "normal", h = s ? "italic" : "normal";
+function tt(r, t, e = "Arial", i = !1, s = !1) {
+  const a = document.createElement("canvas").getContext("2d"), n = i ? "bold" : "normal", h = s ? "italic" : "normal";
   return a.font = `${h} ${n} ${t}px ${e}`, a.measureText(r).width;
 }
-function Vo(r) {
+function Qi(r) {
   return {
     x: r.x + r.width / 2,
     y: r.y + r.height / 2
   };
 }
-function Jo(r, t, e, o) {
-  return Math.atan2(o - t, e - r);
+function ts(r, t, e, i) {
+  return Math.atan2(i - t, e - r);
 }
-function qo(r, t, e) {
+function es(r, t, e) {
   return Math.abs(r - t) <= e;
 }
-function Ee(r, t, e, o, s, i = 0, a = "") {
-  const n = r - e, h = t - o;
+function Le(r, t, e, i, s, o = 0, a = "") {
+  const n = r - e, h = t - i;
   let l = Math.atan2(h, n) * (180 / Math.PI);
   if (l = (l % 360 + 360) % 360, s === "corner") {
-    if (Math.abs(i) < 0.1) {
+    if (Math.abs(o) < 0.1) {
       if (a === "top-left" || a === "bottom-right")
         return "nwse-resize";
       if (a === "top-right" || a === "bottom-left")
@@ -4214,17 +4273,17 @@ function Ee(r, t, e, o, s, i = 0, a = "") {
     return c >= 45 && c < 135 ? "ns-resize" : "ew-resize";
   }
 }
-function Oe(r) {
+function We(r) {
   if (!r.getTransform)
     return 1;
   const t = r.getTransform();
   return Math.sqrt(t.a * t.a + t.b * t.b);
 }
-function jo(r, t, e = []) {
-  const o = Oe(r);
-  r.lineWidth = o > 0 ? t / o : t, e.length > 0 && r.setLineDash(o > 0 ? e.map((s) => s / o) : e);
+function is(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);
 }
-class Be extends q {
+class ze extends q {
   constructor(t = {}) {
     super(t), this.transformType = "circle";
     const e = t.transformData;
@@ -4254,12 +4313,12 @@ class Be 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, i = -Math.PI / 2 - s / 2, a = -Math.PI / 2 + s / 2, n = t > e / 2 ? t - e / 2 : t * 0.1, h = t + e / 2;
+    const t = this.transformData.radius * this.transformData.scale, e = this.fontSize * this.transformData.scale, s = 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;
     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 = i + (a - i) * (u / f), p = this.x + Math.cos(m) * n, y = this.y + Math.sin(m) * n, x = this.x + Math.cos(m) * h, b = this.y + Math.sin(m) * h;
-      l = Math.min(l, p, x), c = Math.max(c, p, x), g = Math.min(g, y, b), d = Math.max(d, y, b);
+      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;
+      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 {
       x: l,
@@ -4277,15 +4336,15 @@ class Be extends q {
    * Handle resize
    * For circle, we maintain uniform scale and keep scale on the transform
    */
-  resize(t, e, o, s) {
-    const i = s.transformData, a = (e + o) / 2, n = (s.width + s.height) / 2, h = a / n, l = i.scale * h, c = Math.max(0.1, Math.min(10, l));
+  resize(t, e, i, s) {
+    const o = s.transformData, a = (e + i) / 2, n = (s.width + s.height) / 2, h = a / n, l = o.scale * h, c = Math.max(0.1, Math.min(10, l));
     this.transformData.scale = c;
-    const g = this.getBoundingBox(), d = ke(
+    const g = this.getBoundingBox(), d = Pe(
       {
-        x: s.x - i.radius * i.scale,
-        y: s.y - i.radius * i.scale,
-        width: i.radius * 2 * i.scale,
-        height: i.radius * 2 * i.scale
+        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
       },
       { width: g.width, height: g.height },
       t,
@@ -4354,7 +4413,7 @@ class Be extends q {
     };
   }
 }
-class Re extends q {
+class Xe extends q {
   constructor(t = {}) {
     super(t), this.transformType = "arch";
     const e = t.transformData;
@@ -4365,19 +4424,19 @@ class Re extends q {
     };
   }
   getBoundingBox() {
-    const t = Math.abs(this.transformData.archHeight), e = this.fontSize * (1.2 + t), o = this.transformData.archHeight > 0 ? -e : 0;
+    const t = Math.abs(this.transformData.archHeight), e = this.fontSize * (1.2 + t), i = this.transformData.archHeight > 0 ? -e : 0;
     return {
       x: this.x - this.transformData.width / 2,
-      y: this.y + o,
+      y: this.y + i,
       width: this.transformData.width,
       height: e
     };
   }
   getVisualBoundingBox() {
-    const t = this.text.split(""), e = t.map((u) => tt(u, this.fontSize, this.fontFamily)), o = e.reduce((u, m) => u + m, 0), s = this.transformData.width / 2, i = 0.3, n = this.fontSize / 2;
-    let h = 1 / 0, l = -1 / 0, c = 1 / 0, g = -1 / 0, d = -o / 2;
+    const t = this.text.split(""), e = t.map((u) => tt(u, this.fontSize, this.fontFamily)), i = e.reduce((u, m) => u + m, 0), s = this.transformData.width / 2, o = 0.3, n = this.fontSize / 2;
+    let h = 1 / 0, l = -1 / 0, c = 1 / 0, g = -1 / 0, d = -i / 2;
     t.forEach((u, m) => {
-      const p = e[m], y = d + p / 2, x = y / s, b = (Math.pow(x, 2) - 1) * this.transformData.archHeight * this.fontSize, S = 2 * x * this.transformData.archHeight;
+      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;
       [
         { x: -p / 2, y: -n },
         // top-left
@@ -4387,9 +4446,9 @@ class Re extends q {
         // bottom-left
         { x: p / 2, y: n }
         // bottom-right
-      ].forEach((w) => {
-        const T = w.x, F = w.y + S * i * w.x, A = y + T, M = b + F;
-        h = Math.min(h, A), l = Math.max(l, A), c = Math.min(c, M), g = Math.max(g, M);
+      ].forEach((C) => {
+        const M = C.x, F = C.y + b * o * C.x, v = y + M, D = S + F;
+        h = Math.min(h, v), l = Math.max(l, v), c = Math.min(c, D), g = Math.max(g, D);
       }), d += p;
     });
     const f = 2;
@@ -4400,9 +4459,9 @@ class Re extends q {
       height: g - c
     };
   }
-  resize(t, e, o, s) {
-    const i = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
-    if (i) {
+  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;
       this.setFontSize(l);
       const c = n.width * h;
@@ -4447,7 +4506,7 @@ class Re extends q {
     };
   }
 }
-const it = {
+const ot = {
   amplitude: 0.2,
   // 20% - subtle wave effect
   frequency: 1.2,
@@ -4459,22 +4518,22 @@ const it = {
   frequency: 2,
   // Standard flag frequency
   width: 200
-}, He = {
+}, Ye = {
   archHeight: 0.5
-}, Pe = {
+}, _e = {
   leanAmount: 0
-}, Le = {
+}, Ne = {
   ascendAngle: -15
 };
-class We extends q {
+class Ue extends q {
   constructor(t = {}) {
     super(t), this.transformType = "wave";
     const e = t.transformData;
     this.transformData = {
       type: "wave",
-      amplitude: (e == null ? void 0 : e.amplitude) ?? it.amplitude,
-      frequency: (e == null ? void 0 : e.frequency) ?? it.frequency,
-      width: (e == null ? void 0 : e.width) ?? it.width
+      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
     };
   }
   getBoundingBox() {
@@ -4487,22 +4546,22 @@ class We extends q {
     };
   }
   getVisualBoundingBox() {
-    const t = this.text.split(""), e = t.map((d) => tt(d, this.fontSize, this.fontFamily)), o = e.reduce((d, f) => d + f, 0), i = this.fontSize / 2;
-    let a = 1 / 0, n = -1 / 0, h = 1 / 0, l = -1 / 0, c = -o / 2;
+    const t = this.text.split(""), e = t.map((d) => tt(d, this.fontSize, this.fontFamily)), i = e.reduce((d, f) => d + f, 0), o = this.fontSize / 2;
+    let a = 1 / 0, n = -1 / 0, h = 1 / 0, l = -1 / 0, c = -i / 2;
     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), x = this.transformData.amplitude * this.transformData.frequency * Math.PI * Math.cos(this.transformData.frequency * Math.PI * p);
+      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: -i },
+        { x: -u / 2, y: -o },
         // top-left
-        { x: u / 2, y: -i },
+        { x: u / 2, y: -o },
         // top-right
-        { x: -u / 2, y: i },
+        { x: -u / 2, y: o },
         // bottom-left
-        { x: u / 2, y: i }
+        { x: u / 2, y: o }
         // bottom-right
-      ].forEach((S) => {
-        const v = S.x, w = S.y + x * pe * S.x, T = m + v, F = y + w;
-        a = Math.min(a, T), n = Math.max(n, T), h = Math.min(h, F), l = Math.max(l, F);
+      ].forEach((b) => {
+        const T = b.x, C = b.y + w * be * b.x, M = m + T, F = y + C;
+        a = Math.min(a, M), n = Math.max(n, M), h = Math.min(h, F), l = Math.max(l, F);
       }), c += u;
     });
     const g = 2;
@@ -4513,8 +4572,8 @@ class We extends q {
       height: l - h
     };
   }
-  resize(t, e, o, s) {
-    Gt(this, t, e, o, s);
+  resize(t, e, i, s) {
+    Vt(this, t, e, i, s);
   }
   getEnabledAnchors() {
     return ["top-left", "top-right", "bottom-left", "bottom-right"];
@@ -4535,7 +4594,7 @@ class We extends q {
     };
   }
 }
-class ze extends q {
+class Ge extends q {
   constructor(t = {}) {
     super(t), this.transformType = "flag";
     const e = t.transformData;
@@ -4556,10 +4615,10 @@ class ze extends q {
     };
   }
   getVisualBoundingBox() {
-    const t = this.text.split(""), e = t.map((f) => tt(f, this.fontSize, this.fontFamily)), o = e.reduce((f, u) => f + u, 0), s = 0.3, a = this.fontSize / 2;
-    let n = 1 / 0, h = -1 / 0, l = 1 / 0, c = -1 / 0, g = -o / 2;
+    const t = this.text.split(""), e = t.map((f) => tt(f, this.fontSize, this.fontFamily)), i = e.reduce((f, u) => f + u, 0), s = 0.3, a = this.fontSize / 2;
+    let n = 1 / 0, h = -1 / 0, l = 1 / 0, c = -1 / 0, g = -i / 2;
     t.forEach((f, u) => {
-      const m = e[u], p = g + m / 2, y = p / (this.transformData.width / 2), x = Math.abs(y), b = this.transformData.amplitude * x, S = b * this.fontSize * Math.sin(this.transformData.frequency * Math.PI * y), v = b * this.transformData.frequency * Math.PI * Math.cos(this.transformData.frequency * Math.PI * y), w = this.transformData.amplitude * Math.sign(y) * Math.sin(this.transformData.frequency * Math.PI * y), T = v + w;
+      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;
       [
         { x: -m / 2, y: -a },
         // top-left
@@ -4569,9 +4628,9 @@ class ze extends q {
         // bottom-left
         { x: m / 2, y: a }
         // bottom-right
-      ].forEach((A) => {
-        const M = A.x, k = A.y + T * s * A.x, I = p + M, O = S + k;
-        n = Math.min(n, I), h = Math.max(h, I), l = Math.min(l, O), c = Math.max(c, O);
+      ].forEach((v) => {
+        const D = v.x, U = v.y + M * s * 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;
     });
     const d = 2;
@@ -4582,9 +4641,9 @@ class ze extends q {
       height: c - l
     };
   }
-  resize(t, e, o, s) {
-    const i = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
-    if (i) {
+  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;
       this.setFontSize(l);
       const c = n.width * h;
@@ -4631,7 +4690,7 @@ class ze extends q {
     };
   }
 }
-class Xe extends q {
+class $e extends q {
   constructor(t = {}) {
     super(t), this.transformType = "lean";
     const e = t.transformData;
@@ -4651,19 +4710,19 @@ class Xe extends q {
     };
   }
   getVisualBoundingBox() {
-    const e = tt(this.text, this.fontSize, this.fontFamily), o = this.fontSize * 1.2, s = -this.transformData.leanAmount * Math.PI / 4, i = Math.tan(s), a = [
-      { x: -e / 2, y: -o / 2 },
+    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 = [
+      { x: -e / 2, y: -i / 2 },
       // top-left
-      { x: e / 2, y: -o / 2 },
+      { x: e / 2, y: -i / 2 },
       // top-right
-      { x: -e / 2, y: o / 2 },
+      { x: -e / 2, y: i / 2 },
       // bottom-left
-      { x: e / 2, y: o / 2 }
+      { x: e / 2, y: i / 2 }
       // bottom-right
     ];
     let n = 1 / 0, h = -1 / 0, l = 1 / 0, c = -1 / 0;
     a.forEach((d) => {
-      const f = d.x + i * d.y, u = d.y;
+      const f = d.x + o * d.y, u = d.y;
       n = Math.min(n, f), h = Math.max(h, f), l = Math.min(l, u), c = Math.max(c, u);
     });
     const g = 2;
@@ -4674,9 +4733,9 @@ class Xe extends q {
       height: c - l
     };
   }
-  resize(t, e, o, s) {
-    const i = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
-    if (i) {
+  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;
       this.setFontSize(l);
       const c = n.width * h;
@@ -4721,7 +4780,7 @@ class Xe extends q {
     };
   }
 }
-class Ye extends q {
+class Ve extends q {
   constructor(t = {}) {
     super(t), this.transformType = "ascend";
     const e = t.transformData;
@@ -4732,19 +4791,19 @@ class Ye extends q {
     };
   }
   getBoundingBox() {
-    const t = this.transformData.ascendAngle * Math.PI / 180, e = this.transformData.width, o = e * Math.tan(t), s = Math.abs(o) + this.fontSize * 1.2, i = o > 0 ? -s : 0;
+    const t = this.transformData.ascendAngle * Math.PI / 180, e = this.transformData.width, i = e * Math.tan(t), s = Math.abs(i) + this.fontSize * 1.2, o = i > 0 ? -s : 0;
     return {
       x: this.x - e / 2,
-      y: this.y + i,
+      y: this.y + o,
       width: e,
       height: s
     };
   }
   getVisualBoundingBox() {
-    const t = this.text.split(""), e = t.map((m) => tt(m, this.fontSize, this.fontFamily)), o = e.reduce((m, p) => m + p, 0), s = this.transformData.ascendAngle * Math.PI / 180, i = Math.tan(s), a = 1, h = this.fontSize / 2;
-    let l = 1 / 0, c = -1 / 0, g = 1 / 0, d = -1 / 0, f = -o / 2;
+    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;
+    let l = 1 / 0, c = -1 / 0, g = 1 / 0, d = -1 / 0, f = -i / 2;
     t.forEach((m, p) => {
-      const y = e[p], x = f + y / 2, b = x * i;
+      const y = e[p], w = f + y / 2, S = w * o;
       [
         { x: -y / 2, y: -h },
         // top-left
@@ -4754,9 +4813,9 @@ class Ye extends q {
         // bottom-left
         { x: y / 2, y: h }
         // bottom-right
-      ].forEach((v) => {
-        const w = v.x, T = v.y + i * a * v.x, F = x + w, A = b + T;
-        l = Math.min(l, F), c = Math.max(c, F), g = Math.min(g, A), d = Math.max(d, A);
+      ].forEach((T) => {
+        const C = T.x, M = T.y + o * a * T.x, F = w + C, v = S + M;
+        l = Math.min(l, F), c = Math.max(c, F), g = Math.min(g, v), d = Math.max(d, v);
       }), f += y;
     });
     const u = 2;
@@ -4767,9 +4826,9 @@ class Ye extends q {
       height: d - g
     };
   }
-  resize(t, e, o, s) {
-    const i = t.includes("top") || t.includes("bottom"), a = t.includes("middle"), n = s.transformData;
-    if (i) {
+  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;
       this.setFontSize(l);
       const c = n.width * h;
@@ -4814,16 +4873,16 @@ class Ye extends q {
     };
   }
 }
-class Ft extends Q {
+class At extends Q {
   constructor(t = {}) {
-    var o, s, i, a, n, h, l, c, g, d, f;
+    var i, s, o, a, n, h, l, c, g, d, f;
     super(t), this.transformType = "shape";
     const e = "rectangle";
     this.transformData = {
       type: "shape",
-      shapeType: ((o = t.transformData) == null ? void 0 : o.shapeType) || e,
+      shapeType: ((i = t.transformData) == null ? void 0 : i.shapeType) || e,
       width: ((s = t.transformData) == null ? void 0 : s.width) || 200,
-      height: ((i = t.transformData) == null ? void 0 : i.height) || 200,
+      height: ((o = t.transformData) == null ? void 0 : o.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,
@@ -4831,7 +4890,7 @@ class Ft extends Q {
       sides: ((l = t.transformData) == null ? void 0 : l.sides) ?? 5,
       points: ((c = t.transformData) == null ? void 0 : c.points) ?? 5,
       innerRadius: ((g = t.transformData) == null ? void 0 : g.innerRadius) ?? 0.4,
-      fillColor: ((d = t.transformData) == null ? void 0 : d.fillColor) || zt(),
+      fillColor: ((d = t.transformData) == null ? void 0 : d.fillColor) || Xt(),
       fillOpacity: ((f = t.transformData) == null ? void 0 : f.fillOpacity) ?? 1
     };
   }
@@ -4864,9 +4923,9 @@ class Ft extends Q {
    * `getBoundingBox()`. The chrome aligns with the *fill* edge.
    */
   getVisualBoundingBox() {
-    const { shapeType: t, width: e, height: o } = this.transformData;
+    const { shapeType: t, width: e, height: i } = this.transformData;
     if (t === "circle") {
-      const s = Math.min(e, o) / 2;
+      const s = Math.min(e, i) / 2;
       return {
         x: this.x - s,
         y: this.y - s,
@@ -4875,25 +4934,25 @@ class Ft extends Q {
       };
     }
     if (t === "polygon" || t === "star") {
-      const s = Math.min(e, o) / 2;
-      let i = 1 / 0, a = 1 / 0, n = -1 / 0, h = -1 / 0;
+      const s = Math.min(e, i) / 2;
+      let o = 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 < i && (i = d), d > n && (n = d), f < a && (a = f), f > h && (h = f);
+          d < o && (o = 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);
         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 < i && (i = m), m > n && (n = m), p < a && (a = p), p > h && (h = p);
+          m < o && (o = m), m > n && (n = m), p < a && (a = p), p > h && (h = p);
         }
       }
       return {
-        x: this.x + i,
+        x: this.x + o,
         y: this.y + a,
-        width: n - i,
+        width: n - o,
         height: h - a
       };
     }
@@ -4908,16 +4967,16 @@ class Ft extends Q {
   /**
    * Render the shape
    */
-  render(t, e = !1, o = !1) {
+  render(t, e = !1, i = !1) {
     var n;
-    const s = this.opacity ?? 1, i = !!((n = this.stroke) != null && n.enabled);
-    if (s < 1 && i) {
+    const s = this.opacity ?? 1, o = !!((n = this.stroke) != null && n.enabled);
+    if (s < 1 && o) {
       this.renderWithOffscreen(t, s);
       return;
     }
-    t.save(), t.translate(this.x, this.y), t.rotate(D.toRadians(this.rotation)), t.fillStyle = this.transformData.fillColor || "#3b82f6";
+    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(), i && this.renderStroke(t, s);
+    t.globalAlpha = s * a, this.renderShape(t), t.restore(), o && this.renderStroke(t, s);
   }
   /**
    * Render fill+stroke to a temporary canvas at full opacity, then composite
@@ -4925,7 +4984,7 @@ class Ft extends Q {
    */
   renderWithOffscreen(t, e) {
     var f;
-    const { width: o, height: s } = this.transformData, a = (((f = this.stroke) == null ? void 0 : f.width) || 2) + 2, n = Math.ceil(o + a * 2), h = Math.ceil(s + a * 2), l = document.createElement("canvas");
+    const { width: i, height: s } = this.transformData, a = (((f = this.stroke) == null ? void 0 : f.width) || 2) + 2, n = Math.ceil(i + a * 2), h = Math.ceil(s + a * 2), l = document.createElement("canvas");
     l.width = n, l.height = h;
     const c = l.getContext("2d");
     if (!c) {
@@ -4936,103 +4995,103 @@ class Ft extends Q {
     const g = this.transformData.fillOpacity ?? 1;
     c.globalAlpha = g, c.beginPath(), this.traceShapePath(c), c.fill(), c.restore(), c.save(), c.translate(n / 2, h / 2);
     const d = this.stroke;
-    c.strokeStyle = d.color || "#000000", c.lineWidth = d.width || 2, c.lineCap = d.lineCap || "round", c.lineJoin = d.lineJoin || "round", c.globalAlpha = d.opacity ?? 1, d.dashArray && d.dashArray.length > 0 && c.setLineDash(d.dashArray), c.beginPath(), this.traceShapePath(c), c.stroke(), c.restore(), t.save(), t.translate(this.x, this.y), t.rotate(D.toRadians(this.rotation)), t.globalAlpha = e, t.drawImage(l, -n / 2, -h / 2), t.restore();
+    c.strokeStyle = d.color || "#000000", c.lineWidth = d.width || 2, c.lineCap = d.lineCap || "round", c.lineJoin = d.lineJoin || "round", c.globalAlpha = d.opacity ?? 1, d.dashArray && d.dashArray.length > 0 && c.setLineDash(d.dashArray), c.beginPath(), this.traceShapePath(c), c.stroke(), c.restore(), t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation)), t.globalAlpha = e, t.drawImage(l, -n / 2, -h / 2), t.restore();
   }
   /**
    * Direct render (no offscreen) — used as fallback
    */
   renderDirect(t, e) {
-    var o;
-    t.save(), t.translate(this.x, this.y), t.rotate(D.toRadians(this.rotation)), t.fillStyle = this.transformData.fillColor || "#3b82f6", t.globalAlpha = e * (this.transformData.fillOpacity ?? 1), this.renderShape(t), t.restore(), (o = this.stroke) != null && o.enabled && this.renderStroke(t, e);
+    var i;
+    t.save(), t.translate(this.x, this.y), t.rotate(I.toRadians(this.rotation)), t.fillStyle = this.transformData.fillColor || "#3b82f6", t.globalAlpha = e * (this.transformData.fillOpacity ?? 1), this.renderShape(t), t.restore(), (i = this.stroke) != null && i.enabled && this.renderStroke(t, e);
   }
   /**
    * Trace the shape path without filling or stroking — used by offscreen render
    */
   traceShapePath(t) {
-    const { shapeType: e, width: o, height: s } = this.transformData;
+    const { shapeType: e, width: i, height: s } = this.transformData;
     switch (e) {
       case "rectangle": {
-        const i = this.transformData.borderRadius || 0, a = -o / 2, n = -s / 2;
-        if (i > 0) {
-          const h = Math.min(i / 100 * Math.min(o, s), o / 2, s / 2);
-          t.roundRect(a, n, o, s, h);
+        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);
         } else
-          t.rect(a, n, o, s);
+          t.rect(a, n, i, s);
         break;
       }
       case "circle": {
-        const i = Math.min(o, s) / 2;
-        t.arc(0, 0, i, 0, Math.PI * 2);
+        const o = Math.min(i, s) / 2;
+        t.arc(0, 0, o, 0, Math.PI * 2);
         break;
       }
       case "ellipse":
-        t.ellipse(0, 0, o / 2, s / 2, 0, 0, Math.PI * 2);
+        t.ellipse(0, 0, i / 2, s / 2, 0, 0, Math.PI * 2);
         break;
       case "triangle": {
-        const i = o / 2, a = s / 2;
-        t.moveTo(0, -a), t.lineTo(i, a), t.lineTo(-i, a), t.closePath();
+        const o = i / 2, a = s / 2;
+        t.moveTo(0, -a), t.lineTo(o, a), t.lineTo(-o, a), t.closePath();
         break;
       }
       case "polygon": {
-        const i = this.transformData.sides || 5, a = Math.min(o, s) / 2;
-        for (let n = 0; n < i; n++) {
-          const h = n * 2 * Math.PI / i - Math.PI / 2, l = a * Math.cos(h), c = a * Math.sin(h);
+        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);
           n === 0 ? t.moveTo(l, c) : t.lineTo(l, c);
         }
         t.closePath();
         break;
       }
       case "star": {
-        const i = this.transformData.points || 5, a = Math.min(o, s) / 2, n = a * (this.transformData.innerRadius || 0.4);
-        for (let h = 0; h < i * 2; h++) {
-          const l = h * Math.PI / i - Math.PI / 2, c = h % 2 === 0 ? a : n, g = c * Math.cos(l), d = c * Math.sin(l);
+        const o = this.transformData.points || 5, a = Math.min(i, s) / 2, n = a * (this.transformData.innerRadius || 0.4);
+        for (let h = 0; h < o * 2; h++) {
+          const l = h * Math.PI / o - Math.PI / 2, c = h % 2 === 0 ? a : n, g = c * Math.cos(l), d = c * Math.sin(l);
           h === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
         }
         t.closePath();
         break;
       }
       case "line": {
-        const i = o / 2, a = s / 2;
-        t.rect(-i, -a, o, s);
+        const o = i / 2, a = s / 2;
+        t.rect(-o, -a, i, s);
         break;
       }
       default:
-        t.rect(-o / 2, -s / 2, o, s);
+        t.rect(-i / 2, -s / 2, i, s);
     }
   }
   /**
    * Render the stroke for this shape element
    */
   renderStroke(t, e) {
-    t.save(), t.translate(this.x, this.y), t.rotate(D.toRadians(this.rotation));
-    const o = this.stroke;
-    t.strokeStyle = o.color || "#000000", t.lineWidth = o.width || 2, t.lineCap = o.lineCap || "round", t.lineJoin = o.lineJoin || "round", t.globalAlpha = e * (o.opacity ?? 1), o.dashArray && o.dashArray.length > 0 && t.setLineDash(o.dashArray);
-    const { shapeType: s, width: i, height: a } = this.transformData;
+    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) {
       case "rectangle": {
-        const n = this.transformData.borderRadius || 0, h = -i / 2, l = -a / 2;
+        const n = this.transformData.borderRadius || 0, h = -o / 2, l = -a / 2;
         if (n > 0) {
-          const c = Math.min(n / 100 * Math.min(i, a), i / 2, a / 2);
-          t.roundRect(h, l, i, a, c);
+          const c = Math.min(n / 100 * Math.min(o, a), o / 2, a / 2);
+          t.roundRect(h, l, o, a, c);
         } else
-          t.rect(h, l, i, a);
+          t.rect(h, l, o, a);
         break;
       }
       case "circle": {
-        const n = Math.min(i, a) / 2;
+        const n = Math.min(o, a) / 2;
         t.arc(0, 0, n, 0, Math.PI * 2);
         break;
       }
       case "ellipse":
-        t.ellipse(0, 0, i / 2, a / 2, 0, 0, Math.PI * 2);
+        t.ellipse(0, 0, o / 2, a / 2, 0, 0, Math.PI * 2);
         break;
       case "triangle": {
-        const n = i / 2, h = a / 2;
+        const n = o / 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(i, a) / 2;
+        const n = this.transformData.sides || 5, h = Math.min(o, 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);
@@ -5041,7 +5100,7 @@ class Ft extends Q {
         break;
       }
       case "star": {
-        const n = this.transformData.points || 5, h = Math.min(i, a) / 2, l = h * (this.transformData.innerRadius || 0.4);
+        const n = this.transformData.points || 5, h = Math.min(o, 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);
@@ -5050,12 +5109,12 @@ class Ft extends Q {
         break;
       }
       case "line": {
-        const n = i / 2, h = a / 2;
-        t.rect(-n, -h, i, a);
+        const n = o / 2, h = a / 2;
+        t.rect(-n, -h, o, a);
         break;
       }
       default:
-        t.rect(-i / 2, -a / 2, i, a);
+        t.rect(-o / 2, -a / 2, o, a);
     }
     t.stroke(), t.restore();
   }
@@ -5063,45 +5122,45 @@ class Ft extends Q {
    * Render the specific shape based on shapeType
    */
   renderShape(t) {
-    const { shapeType: e, width: o, height: s } = this.transformData;
+    const { shapeType: e, width: i, height: s } = this.transformData;
     switch (t.beginPath(), e) {
       case "rectangle":
-        this.renderRectangle(t, o, s);
+        this.renderRectangle(t, i, s);
         break;
       case "circle":
-        this.renderCircle(t, Math.min(o, s) / 2);
+        this.renderCircle(t, Math.min(i, s) / 2);
         break;
       case "ellipse":
-        this.renderEllipse(t, o / 2, s / 2);
+        this.renderEllipse(t, i / 2, s / 2);
         break;
       case "triangle":
-        this.renderTriangle(t, o, s);
+        this.renderTriangle(t, i, s);
         break;
       case "polygon":
-        this.renderPolygon(t, Math.min(o, s) / 2);
+        this.renderPolygon(t, Math.min(i, s) / 2);
         break;
       case "star":
-        this.renderStar(t, Math.min(o, s) / 2);
+        this.renderStar(t, Math.min(i, s) / 2);
         break;
       case "line":
-        this.renderLine(t, o, s);
+        this.renderLine(t, i, s);
         return;
       // Line uses stroke, not fill
       default:
-        this.renderRectangle(t, o, s);
+        this.renderRectangle(t, i, s);
     }
     t.fill();
   }
   /**
    * Render a rectangle (with optional border radius)
    */
-  renderRectangle(t, e, o) {
-    const s = this.transformData.borderRadius || 0, i = -e / 2, a = -o / 2;
+  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, o), e / 2, o / 2);
-      t.roundRect(i, a, e, o, n);
+      const n = Math.min(s / 100 * Math.min(e, i), e / 2, i / 2);
+      t.roundRect(o, a, e, i, n);
     } else
-      t.rect(i, a, e, o);
+      t.rect(o, a, e, i);
   }
   /**
    * Render a circle
@@ -5112,23 +5171,23 @@ class Ft extends Q {
   /**
    * Render an ellipse
    */
-  renderEllipse(t, e, o) {
-    t.ellipse(0, 0, e, o, 0, 0, Math.PI * 2);
+  renderEllipse(t, e, i) {
+    t.ellipse(0, 0, e, i, 0, 0, Math.PI * 2);
   }
   /**
    * Render a triangle (isosceles, pointing up)
    */
-  renderTriangle(t, e, o) {
-    const s = e / 2, i = o / 2;
-    t.moveTo(0, -i), t.lineTo(s, i), t.lineTo(-s, i), t.closePath();
+  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();
   }
   /**
    * Render a regular polygon
    */
   renderPolygon(t, e) {
-    const o = Math.max(3, Math.min(20, this.transformData.sides || 5)), s = Math.PI * 2 / o, i = -Math.PI / 2;
-    for (let a = 0; a <= o; a++) {
-      const n = i + s * a, h = Math.cos(n) * e, l = Math.sin(n) * e;
+    const i = Math.max(3, Math.min(20, this.transformData.sides || 5)), s = Math.PI * 2 / i, o = -Math.PI / 2;
+    for (let a = 0; a <= i; a++) {
+      const n = o + s * a, h = Math.cos(n) * e, l = Math.sin(n) * e;
       a === 0 ? t.moveTo(h, l) : t.lineTo(h, l);
     }
     t.closePath();
@@ -5137,9 +5196,9 @@ class Ft extends Q {
    * Render a star
    */
   renderStar(t, e) {
-    const o = Math.max(3, Math.min(20, this.transformData.points || 5)), s = Math.max(0.1, Math.min(0.9, this.transformData.innerRadius || 0.4)), i = e * s, a = Math.PI / o, n = -Math.PI / 2;
-    for (let h = 0; h < o * 2; h++) {
-      const l = n + a * h, c = h % 2 === 0 ? e : i, g = Math.cos(l) * c, d = Math.sin(l) * c;
+    const i = Math.max(3, Math.min(20, this.transformData.points || 5)), s = Math.max(0.1, Math.min(0.9, this.transformData.innerRadius || 0.4)), o = e * s, a = Math.PI / i, n = -Math.PI / 2;
+    for (let h = 0; h < i * 2; h++) {
+      const l = n + a * h, c = h % 2 === 0 ? e : o, g = Math.cos(l) * c, d = Math.sin(l) * c;
       h === 0 ? t.moveTo(g, d) : t.lineTo(g, d);
     }
     t.closePath();
@@ -5147,19 +5206,19 @@ class Ft extends Q {
   /**
    * Render a line
    */
-  renderLine(t, e, o) {
-    const s = e / 2, i = o;
-    t.moveTo(-s, 0), t.lineTo(s, 0), t.strokeStyle = this.transformData.fillColor || "#3b82f6", t.lineWidth = i, t.lineCap = "round", t.stroke();
+  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();
   }
   /**
    * Handle resize - maintain aspect ratio for circles, free resize for others
    */
-  resize(t, e, o, s) {
-    const { shapeType: i } = this.transformData;
-    if (i === "circle" || i === "polygon" || i === "star") {
-      const c = Math.max(e / s.transformData.width, o / s.transformData.height);
+  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 i === "line" ? (this.transformData.width = e, this.transformData.height = s.transformData.height) : (this.transformData.width = e, this.transformData.height = o);
+    } 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);
     return this.x = a.x - l.x, this.y = a.y - l.y, !0;
@@ -5187,77 +5246,77 @@ class Ft extends Q {
    * Get the position of the fixed corner (opposite of dragged anchor)
    */
   getFixedCorner(t, e) {
-    const o = {
+    const i = {
       x: e.x - e.transformData.width / 2,
       y: e.y - e.transformData.height / 2,
       width: e.transformData.width,
       height: e.transformData.height
     };
-    let s, i;
+    let s, o;
     switch (t) {
       case "top-left":
-        s = o.x + o.width, i = o.y + o.height;
+        s = i.x + i.width, o = i.y + i.height;
         break;
       case "top-right":
-        s = o.x, i = o.y + o.height;
+        s = i.x, o = i.y + i.height;
         break;
       case "bottom-left":
-        s = o.x + o.width, i = o.y;
+        s = i.x + i.width, o = i.y;
         break;
       case "bottom-right":
-        s = o.x, i = o.y;
+        s = i.x, o = i.y;
         break;
       case "middle-left":
-        s = o.x + o.width, i = o.y + o.height / 2;
+        s = i.x + i.width, o = i.y + i.height / 2;
         break;
       case "middle-right":
-        s = o.x, i = o.y + o.height / 2;
+        s = i.x, o = i.y + i.height / 2;
         break;
       case "middle-top":
-        s = o.x + o.width / 2, i = o.y + o.height;
+        s = i.x + i.width / 2, o = i.y + i.height;
         break;
       case "middle-bottom":
-        s = o.x + o.width / 2, i = o.y;
+        s = i.x + i.width / 2, o = i.y;
         break;
       default:
-        s = o.x + o.width / 2, i = o.y + o.height / 2;
+        s = i.x + i.width / 2, o = i.y + i.height / 2;
     }
-    return { x: s, y: i };
+    return { x: s, y: o };
   }
   /**
    * Get the offset of a corner from the center
    */
   getCornerOffset(t, e) {
-    let o, s;
+    let i, s;
     switch (t) {
       case "top-left":
-        o = -e.width / 2, s = -e.height / 2;
+        i = -e.width / 2, s = -e.height / 2;
         break;
       case "top-right":
-        o = e.width / 2, s = -e.height / 2;
+        i = e.width / 2, s = -e.height / 2;
         break;
       case "bottom-left":
-        o = -e.width / 2, s = e.height / 2;
+        i = -e.width / 2, s = e.height / 2;
         break;
       case "bottom-right":
-        o = e.width / 2, s = e.height / 2;
+        i = e.width / 2, s = e.height / 2;
         break;
       case "middle-left":
-        o = -e.width / 2, s = 0;
+        i = -e.width / 2, s = 0;
         break;
       case "middle-right":
-        o = e.width / 2, s = 0;
+        i = e.width / 2, s = 0;
         break;
       case "middle-top":
-        o = 0, s = -e.height / 2;
+        i = 0, s = -e.height / 2;
         break;
       case "middle-bottom":
-        o = 0, s = e.height / 2;
+        i = 0, s = e.height / 2;
         break;
       default:
-        o = 0, s = 0;
+        i = 0, s = 0;
     }
-    return { x: o, y: s };
+    return { x: i, y: s };
   }
   /**
    * Get enabled anchors - all 8 anchors for most shapes, only corners for circles/polygons
@@ -5279,7 +5338,7 @@ class Ft extends Q {
    * Clone this element
    */
   clone() {
-    return new Ft(this.toJSON());
+    return new At(this.toJSON());
   }
   /**
    * Serialize to JSON
@@ -5303,15 +5362,15 @@ class Ft extends Q {
 }
 class Mt extends Q {
   constructor(t = {}) {
-    var e, o, s, i, a, n, h, l, c, g;
+    var e, i, s, o, 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: ((o = t.transformData) == null ? void 0 : o.closed) ?? !1,
+      closed: ((i = t.transformData) == null ? void 0 : i.closed) ?? !1,
       width: ((s = t.transformData) == null ? void 0 : s.width) || 200,
-      height: ((i = t.transformData) == null ? void 0 : i.height) || 200,
+      height: ((o = t.transformData) == null ? void 0 : o.height) || 200,
       fillEnabled: ((a = t.transformData) == null ? void 0 : a.fillEnabled) ?? !1,
-      fillColor: ((n = t.transformData) == null ? void 0 : n.fillColor) || zt(),
+      fillColor: ((n = t.transformData) == null ? void 0 : n.fillColor) || Xt(),
       fillOpacity: ((h = t.transformData) == null ? void 0 : h.fillOpacity) ?? 1,
       strokeEnabled: ((l = t.transformData) == null ? void 0 : l.strokeEnabled) ?? !0,
       strokeColor: ((c = t.transformData) == null ? void 0 : c.strokeColor) || "#000000",
@@ -5357,11 +5416,11 @@ class Mt extends Q {
    * @param p3 End point
    * @param t Parameter from 0 to 1
    */
-  bezierPoint(t, e, o, s, i) {
-    const a = 1 - i, n = a * a, h = n * a, l = i * i, c = l * i;
+  bezierPoint(t, e, i, s, o) {
+    const a = 1 - o, n = a * a, h = n * a, l = o * o, c = l * o;
     return {
-      x: h * t.x + 3 * n * i * e.x + 3 * a * l * o.x + c * s.x,
-      y: h * t.y + 3 * n * i * e.y + 3 * a * l * o.y + c * s.y
+      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
     };
   }
   /**
@@ -5373,33 +5432,33 @@ 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, o = 1 / 0, s = -1 / 0, i = -1 / 0;
+    let e = 1 / 0, i = 1 / 0, s = -1 / 0, o = -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), o = Math.min(o, f.y), s = Math.max(s, f.x), i = Math.max(i, f.y);
+        e = Math.min(e, f.x), i = Math.min(i, f.y), s = Math.max(s, f.x), o = Math.max(o, f.y);
         break;
       }
-      if (e = Math.min(e, f.x), o = Math.min(o, f.y), s = Math.max(s, f.x), i = Math.max(i, f.y), f.handleOut || u.handleIn) {
+      if (e = Math.min(e, f.x), i = Math.min(i, f.y), s = Math.max(s, f.x), o = Math.max(o, 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)
-        }, x = {
+        }, w = {
           x: u.x + (((c = u.handleIn) == null ? void 0 : c.x) || 0),
           y: u.y + (((g = u.handleIn) == null ? void 0 : g.y) || 0)
-        }, b = { x: u.x, y: u.y }, S = 20;
-        for (let v = 0; v <= S; v++) {
-          const w = v / S, T = this.bezierPoint(p, y, x, b, w);
-          e = Math.min(e, T.x), o = Math.min(o, T.y), s = Math.max(s, T.x), i = Math.max(i, T.y);
+        }, 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);
         }
       }
     }
     const a = this.transformData.strokeEnabled ? this.transformData.strokeWidth || 2 : 0, n = a / 2;
     return {
       x: e - n,
-      y: o - n,
+      y: i - n,
       width: s - e + a,
-      height: i - o + a
+      height: o - i + a
     };
   }
   /**
@@ -5412,56 +5471,56 @@ class Mt extends Q {
   /**
    * Render the path
    */
-  render(t, e = !1, o = !1) {
-    const { points: s, closed: i, fillEnabled: a, fillColor: n, fillOpacity: h, strokeEnabled: l, strokeColor: c, strokeWidth: g } = this.transformData;
+  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)
       return;
-    t.save(), t.translate(this.x, this.y), t.rotate(D.toRadians(this.rotation));
+    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 && i && 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 && 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();
   }
   /**
    * Render the path using Canvas API bezier curves
    */
   renderPath(t) {
-    var i, a, n, h;
-    const { points: e, closed: o } = this.transformData;
+    var o, 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);
     for (let l = 0; l < e.length; l++) {
       const c = e[l], g = e[(l + 1) % e.length];
-      if (l === e.length - 1 && !o)
+      if (l === e.length - 1 && !i)
         break;
       if (c.handleOut || g.handleIn) {
-        const f = c.x + (((i = c.handleOut) == null ? void 0 : i.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 + (((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);
         t.bezierCurveTo(f, u, m, p, g.x, g.y);
       } else
         t.lineTo(g.x, g.y);
     }
-    o && t.closePath();
+    i && t.closePath();
   }
   /**
    * Handle resize - scale all points relative to center
    */
-  resize(t, e, o, s) {
-    const i = s.transformData.width, a = s.transformData.height;
-    if (i === 0 || a === 0)
+  resize(t, e, i, s) {
+    const o = s.transformData.width, a = s.transformData.height;
+    if (o === 0 || a === 0)
       return !1;
-    const n = e / i, h = o / a, l = s.transformData.points;
+    const n = e / o, h = i / a, l = s.transformData.points;
     let c = 1 / 0, g = 1 / 0, d = -1 / 0, f = -1 / 0;
-    for (const S of l)
-      c = Math.min(c, S.x), g = Math.min(g, S.y), d = Math.max(d, S.x), f = Math.max(f, S.y);
+    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);
     const u = (c + d) / 2, m = (g + f) / 2;
-    this.transformData.points = l.map((S) => ({
-      ...S,
-      x: u + (S.x - u) * n,
-      y: m + (S.y - m) * h,
-      handleIn: S.handleIn ? { x: S.handleIn.x * n, y: S.handleIn.y * h } : void 0,
-      handleOut: S.handleOut ? { x: S.handleOut.x * n, y: S.handleOut.y * h } : void 0
-    })), this.transformData.width = e, this.transformData.height = o, this.rotation = s.rotation;
-    const p = this.getFixedCorner(t, s), y = this.getOppositeAnchor(t), x = this.getBoundingBox(), b = this.getCornerOffset(y, x);
-    return this.x = p.x - b.x, this.y = p.y - b.y, !0;
+    this.transformData.points = l.map((b) => ({
+      ...b,
+      x: u + (b.x - u) * n,
+      y: m + (b.y - m) * h,
+      handleIn: b.handleIn ? { x: b.handleIn.x * n, y: b.handleIn.y * h } : void 0,
+      handleOut: b.handleOut ? { x: b.handleOut.x * n, y: b.handleOut.y * h } : void 0
+    })), this.transformData.width = e, this.transformData.height = i, this.rotation = s.rotation;
+    const p = this.getFixedCorner(t, s), y = this.getOppositeAnchor(t), w = this.getBoundingBox(), S = this.getCornerOffset(y, w);
+    return this.x = p.x - S.x, this.y = p.y - S.y, !0;
   }
   /**
    * Get the opposite anchor (the one that should stay fixed during resize)
@@ -5486,77 +5545,77 @@ class Mt extends Q {
    * Get the position of the fixed corner (opposite of dragged anchor)
    */
   getFixedCorner(t, e) {
-    const o = {
+    const i = {
       x: e.x - e.transformData.width / 2,
       y: e.y - e.transformData.height / 2,
       width: e.transformData.width,
       height: e.transformData.height
     };
-    let s, i;
+    let s, o;
     switch (t) {
       case "top-left":
-        s = o.x + o.width, i = o.y + o.height;
+        s = i.x + i.width, o = i.y + i.height;
         break;
       case "top-right":
-        s = o.x, i = o.y + o.height;
+        s = i.x, o = i.y + i.height;
         break;
       case "bottom-left":
-        s = o.x + o.width, i = o.y;
+        s = i.x + i.width, o = i.y;
         break;
       case "bottom-right":
-        s = o.x, i = o.y;
+        s = i.x, o = i.y;
         break;
       case "middle-left":
-        s = o.x + o.width, i = o.y + o.height / 2;
+        s = i.x + i.width, o = i.y + i.height / 2;
         break;
       case "middle-right":
-        s = o.x, i = o.y + o.height / 2;
+        s = i.x, o = i.y + i.height / 2;
         break;
       case "middle-top":
-        s = o.x + o.width / 2, i = o.y + o.height;
+        s = i.x + i.width / 2, o = i.y + i.height;
         break;
       case "middle-bottom":
-        s = o.x + o.width / 2, i = o.y;
+        s = i.x + i.width / 2, o = i.y;
         break;
       default:
-        s = o.x + o.width / 2, i = o.y + o.height / 2;
+        s = i.x + i.width / 2, o = i.y + i.height / 2;
     }
-    return { x: s, y: i };
+    return { x: s, y: o };
   }
   /**
    * Get the offset of a corner from the center
    */
   getCornerOffset(t, e) {
-    let o, s;
+    let i, s;
     switch (t) {
       case "top-left":
-        o = -e.width / 2, s = -e.height / 2;
+        i = -e.width / 2, s = -e.height / 2;
         break;
       case "top-right":
-        o = e.width / 2, s = -e.height / 2;
+        i = e.width / 2, s = -e.height / 2;
         break;
       case "bottom-left":
-        o = -e.width / 2, s = e.height / 2;
+        i = -e.width / 2, s = e.height / 2;
         break;
       case "bottom-right":
-        o = e.width / 2, s = e.height / 2;
+        i = e.width / 2, s = e.height / 2;
         break;
       case "middle-left":
-        o = -e.width / 2, s = 0;
+        i = -e.width / 2, s = 0;
         break;
       case "middle-right":
-        o = e.width / 2, s = 0;
+        i = e.width / 2, s = 0;
         break;
       case "middle-top":
-        o = 0, s = -e.height / 2;
+        i = 0, s = -e.height / 2;
         break;
       case "middle-bottom":
-        o = 0, s = e.height / 2;
+        i = 0, s = e.height / 2;
         break;
       default:
-        o = 0, s = 0;
+        i = 0, s = 0;
     }
-    return { x: o, y: s };
+    return { x: i, y: s };
   }
   /**
    * Get enabled anchors - all 8 anchors for free resize
@@ -5607,7 +5666,7 @@ class Mt extends Q {
     };
   }
 }
-const _e = {
+const Je = {
   circle: [
     {
       key: "reverse",
@@ -5620,7 +5679,7 @@ const _e = {
     {
       key: "archHeight",
       label: "Arch Height",
-      defaultInternalValue: He.archHeight,
+      defaultInternalValue: Ye.archHeight,
       // Slider 0-100 maps to internal -1 to 1
       toSlider: (r) => (r + 1) / 2 * 100,
       fromSlider: (r) => r / 100 * 2 - 1,
@@ -5631,7 +5690,7 @@ const _e = {
     {
       key: "amplitude",
       label: "Wave Amplitude",
-      defaultInternalValue: it.amplitude,
+      defaultInternalValue: ot.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,
@@ -5640,7 +5699,7 @@ const _e = {
     {
       key: "frequency",
       label: "Wave Frequency",
-      defaultInternalValue: it.frequency,
+      defaultInternalValue: ot.frequency,
       step: 5,
       // 5% steps for smoother control
       // Slider 0-100 maps to internal 1 to 5
@@ -5673,7 +5732,7 @@ const _e = {
     {
       key: "leanAmount",
       label: "Lean Amount",
-      defaultInternalValue: Pe.leanAmount,
+      defaultInternalValue: _e.leanAmount,
       // Slider 0-100 maps to internal -0.5 to 0.5
       // Display as -100% to 100%
       toSlider: (r) => (r + 0.5) * 100,
@@ -5685,7 +5744,7 @@ const _e = {
     {
       key: "ascendAngle",
       label: "Ascend Amount",
-      defaultInternalValue: Le.ascendAngle,
+      defaultInternalValue: Ne.ascendAngle,
       // Slider 0-100 maps to internal angle +30° to -30°
       // Display: slider 0 = -100% (down), slider 50 = 0%, slider 100 = +100% (up)
       toSlider: (r) => (30 - r) / 60 * 100,
@@ -5761,18 +5820,18 @@ const _e = {
       toDisplay: (r) => `${(r * 100).toFixed(0)}%`
     }
   ]
-}, $t = [
-  { id: "custom", label: "CUSTOM", Component: Ie },
+}, Jt = [
+  { id: "custom", label: "CUSTOM", Component: He },
   // NOTE: distort transform is not yet implemented. Removed from registry
   // to prevent it from appearing in UI that iterates over registered transforms.
   // Re-add with a valid Component when implementation is ready.
-  { id: "circle", label: "CIRCLE", Component: Be },
-  { id: "lean", label: "LEAN", Component: Xe },
-  { id: "arch", label: "ARCH", Component: Re },
-  { id: "ascend", label: "ASCEND", Component: Ye },
-  { id: "wave", label: "WAVE", Component: We },
-  { id: "flag", label: "FLAG", Component: ze },
-  { id: "shape", label: "SHAPE", Component: Ft },
+  { id: "circle", label: "CIRCLE", Component: ze },
+  { id: "lean", label: "LEAN", Component: $e },
+  { id: "arch", label: "ARCH", Component: Xe },
+  { id: "ascend", label: "ASCEND", Component: Ve },
+  { id: "wave", label: "WAVE", Component: Ue },
+  { id: "flag", label: "FLAG", Component: Ge },
+  { id: "shape", label: "SHAPE", Component: At },
   { id: "path", label: "PATH", Component: Mt },
   { id: "image", label: "IMAGE", Component: pt },
   // Use a getter to break circular dependency: GroupElement imports getTransformById
@@ -5781,9 +5840,9 @@ const _e = {
   { id: "group", label: "GROUP", get Component() {
     return ut;
   } }
-], Vt = new Set($t.map((r) => r.id)), ft = /* @__PURE__ */ new Map();
-function Zo(r, t) {
-  if (Vt.has(r))
+], qt = new Set(Jt.map((r) => r.id)), ft = /* @__PURE__ */ new Map();
+function ss(r, t) {
+  if (qt.has(r))
     throw new Error(
       `Cannot register transform type "${r}": conflicts with built-in type`
     );
@@ -5793,25 +5852,25 @@ function Zo(r, t) {
     );
   ft.set(r, t);
 }
-function Ko(r) {
-  if (Vt.has(r))
+function os(r) {
+  if (qt.has(r))
     throw new Error(
       `Cannot unregister transform type "${r}": built-in types cannot be removed`
     );
   return ft.delete(r);
 }
-function Ne(r) {
-  const t = $t.find((e) => e.id === r);
+function qe(r) {
+  const t = Jt.find((e) => e.id === r);
   return t || ft.get(r);
 }
-function Qo(r) {
-  return _e[r] || [];
+function rs(r) {
+  return Je[r] || [];
 }
 class ut 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 || [];
-    this.children = e.map((o) => o instanceof Q ? o : this._reconstructChildFromJSON(o)), this.transformData = {
+    this.children = e.map((i) => i instanceof Q ? i : this._reconstructChildFromJSON(i)), this.transformData = {
       type: "group"
     }, this.children.length > 0 && this.updateBoundsFromChildren(!0);
   }
@@ -5822,10 +5881,10 @@ class ut extends Q {
    */
   // eslint-disable-next-line @typescript-eslint/no-explicit-any -- JSON deserialization: config comes from toJSON() and constructors accept Partial<Config> with varying signatures
   _reconstructChildFromJSON(t) {
-    const e = t.transformType || t.type, o = Ne(e);
-    if (!o || !o.Component)
+    const e = t.transformType || t.type, i = qe(e);
+    if (!i || !i.Component)
       throw new Error(`Unknown transform type: ${e}`);
-    return new o.Component(t);
+    return new i.Component(t);
   }
   /**
    * Calculate group bounds from all children
@@ -5834,16 +5893,16 @@ 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, o = -1 / 0, s = -1 / 0;
-    return this.children.forEach((i) => {
-      const a = i.getVisualBoundingBox();
-      this._getRotatedCorners(i, a).forEach((h) => {
-        t = Math.min(t, h.x), e = Math.min(e, h.y), o = Math.max(o, h.x), s = Math.max(s, h.y);
+    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);
       });
     }), {
       x: t,
       y: e,
-      width: o - t,
+      width: i - t,
       height: s - e
     };
   }
@@ -5868,13 +5927,13 @@ class ut extends Q {
    * Get the four corners of an element's bounding box in world space
    */
   _getRotatedCorners(t, e) {
-    const o = new R(t), s = e.x + e.width / 2, i = e.y + e.height / 2, a = s - t.x, n = i - t.y;
+    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;
     return [
       { localX: a - e.width / 2, localY: n - e.height / 2 },
       { localX: a + e.width / 2, localY: n - e.height / 2 },
       { localX: a - e.width / 2, localY: n + e.height / 2 },
       { localX: a + e.width / 2, localY: n + e.height / 2 }
-    ].map((l) => o.localToWorld(l.localX, l.localY));
+    ].map((l) => i.localToWorld(l.localX, l.localY));
   }
   /**
    * Update group center and size from children
@@ -5883,8 +5942,8 @@ class ut extends Q {
   updateBoundsFromChildren(t = !1) {
     const e = this.getBoundingBox();
     if (this.x = e.x + e.width / 2, this.y = e.y + e.height / 2, t || this._baseBBoxWidth === 0 || this._baseBBoxHeight === 0) {
-      const o = this._calculateInitialDimensions();
-      this._baseBBoxWidth = o.width, this._baseBBoxHeight = o.height, this._rotationCenterX = this.x, this._rotationCenterY = this.y;
+      const i = this._calculateInitialDimensions();
+      this._baseBBoxWidth = i.width, this._baseBBoxHeight = i.height, this._rotationCenterX = this.x, this._rotationCenterY = this.y;
     }
   }
   /**
@@ -5907,21 +5966,21 @@ class ut extends Q {
    * Render the group with clipping support
    * Elements with isClipping=true clip all elements below them in the group
    */
-  render(t, e = !1, o = !1) {
+  render(t, e = !1, i = !1) {
     const s = this.children.filter((a) => a.visible !== !1);
-    s.some((a) => a.isClipping) ? Te()(t, s) : s.forEach((a) => {
+    s.some((a) => a.isClipping) ? Ae()(t, s) : s.forEach((a) => {
       a.render(t, !1);
-    }), e ? this._renderGroupOutline(t, 1) : o && this._renderGroupOutline(t, 0.3);
+    }), e ? this._renderGroupOutline(t, 1) : i && this._renderGroupOutline(t, 0.3);
   }
   /**
    * Render dashed outline around group
    * Uses an oriented bounding box that doesn't change size during rotation
    */
   _renderGroupOutline(t, e = 1) {
-    const o = this.getOrientedBoundingBox();
-    t.save(), t.globalAlpha = e, t.strokeStyle = Wt(), t.lineWidth = 2, t.setLineDash([5, 5]);
-    const s = this._rotationCenterX || this.x, i = this._rotationCenterY || this.y;
-    this.rotation !== 0 && (t.translate(s, i), t.rotate(-this.rotation * Math.PI / 180), t.translate(-s, -i)), t.strokeRect(o.x, o.y, o.width, o.height), t.setLineDash([]), t.restore();
+    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();
   }
   /**
    * Get oriented bounding box (uses cached base dimensions for stability during rotation)
@@ -5938,12 +5997,12 @@ class ut extends Q {
     if (this._baseBBoxWidth > 0 && this._baseBBoxHeight > 0)
       t = this._baseBBoxWidth, e = this._baseBBoxHeight;
     else {
-      const i = this.getBoundingBox();
-      t = i.width, e = i.height, this._baseBBoxWidth = t, this._baseBBoxHeight = e;
+      const o = this.getBoundingBox();
+      t = o.width, e = o.height, this._baseBBoxWidth = t, this._baseBBoxHeight = e;
     }
-    const o = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
+    const i = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
     return {
-      x: o - t / 2,
+      x: i - t / 2,
       y: s - e / 2,
       width: t,
       height: e
@@ -5953,8 +6012,8 @@ class ut extends Q {
    * Move the group (moves all children)
    */
   move(t, e) {
-    this.x += t, this.y += e, this._rotationCenterX += t, this._rotationCenterY += e, this.children.forEach((o) => {
-      o.move(t, e);
+    this.x += t, this.y += e, this._rotationCenterX += t, this._rotationCenterY += e, this.children.forEach((i) => {
+      i.move(t, e);
     });
   }
   /**
@@ -5963,20 +6022,20 @@ class ut extends Q {
   setRotation(t) {
     const e = t - this.rotation;
     this.rotation = t;
-    const o = this._rotationCenterX || this.x, s = this._rotationCenterY || this.y;
-    this.children.forEach((i) => {
-      const a = R.rotatePointAroundAnchor(i.x, i.y, o, s, e);
-      i.x = a.x, i.y = a.y, i.setRotation(i.rotation + e);
-    }), this.x = o, this.y = s;
+    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;
   }
   /**
    * Resize the group (scales all children proportionally)
    * Uses the same fixed-corner approach as multi-selection resize
    */
-  resize(t, e, o, s) {
+  resize(t, e, i, s) {
     if (!s.childrenStartData || !s.width || !s.height)
       return;
-    const i = e / s.width, a = o / s.height, n = (i + a) / 2;
+    const o = e / s.width, a = i / s.height, n = (o + a) / 2;
     let h, l;
     switch (t) {
       case "top-left":
@@ -5995,17 +6054,17 @@ class ut extends Q {
         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);
-    this.children.forEach((y, x) => {
-      const b = s.childrenStartData[x], S = b.x - f, v = b.y - u, w = f + S * n, T = u + v * n;
-      if (y.x = w, y.y = T, y instanceof pt) {
-        const F = b.transformData, A = F.width * n, M = F.height * n;
-        y.transformData.width = A, y.transformData.height = M;
+    this.children.forEach((y, w) => {
+      const S = s.childrenStartData[w], b = S.x - f, T = S.y - u, C = f + b * n, M = u + T * n;
+      if (y.x = C, y.y = M, y instanceof pt) {
+        const F = S.transformData, v = F.width * n, D = F.height * n;
+        y.transformData.width = v, y.transformData.height = D;
       } else if (y instanceof ut) {
-        const F = (b.width ?? 0) * n, A = (b.height ?? 0) * n;
-        y.resize(t, F, A, b);
+        const F = (S.width ?? 0) * n, v = (S.height ?? 0) * n;
+        y.resize(t, F, v, S);
       } else {
-        const F = (b.width ?? 0) * n, A = (b.height ?? 0) * n;
-        y.resize(t, F, A, b);
+        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;
@@ -6016,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, o = 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, s = this._rotationCenterY || this.y;
     return {
       id: this.id,
-      x: o,
+      x: i,
       y: s,
       width: t,
       height: e,
       rotation: this.rotation,
       transformData: this.transformData,
-      childrenStartData: this.children.map((i) => i.getTransformStartData())
+      childrenStartData: this.children.map((o) => o.getTransformStartData())
     };
   }
   /**
@@ -6033,11 +6092,11 @@ class ut extends Q {
    * This allows clicking anywhere within the selection border to drag the group
    */
   hitTest(t, e) {
-    const o = this.getOrientedBoundingBox(), s = this._rotationCenterX || this.x, i = this._rotationCenterY || this.y;
+    const i = this.getOrientedBoundingBox(), s = this._rotationCenterX || this.x, o = this._rotationCenterY || this.y;
     if (this.rotation === 0)
-      return t >= o.x && t <= o.x + o.width && e >= o.y && e <= o.y + o.height;
-    const a = this.rotation * Math.PI / 180, n = Math.cos(a), h = Math.sin(a), l = t - s, c = e - i, g = s + (l * n - c * h), d = i + (l * h + c * n);
-    return g >= o.x && g <= o.x + o.width && d >= o.y && d <= o.y + o.height;
+      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);
+    return g >= i.x && g <= i.x + i.width && d >= i.y && d <= i.y + i.height;
   }
   /**
    * Only corner handles for groups (uniform scale)
@@ -6062,7 +6121,7 @@ class ut extends Q {
    * Clone the group (deep copy with children)
    */
   clone() {
-    const t = this.children.map((o) => o.clone()), e = new ut({
+    const t = this.children.map((i) => i.clone()), e = new ut({
       id: this.id,
       x: this.x,
       y: this.y,
@@ -6073,9 +6132,9 @@ class ut extends Q {
     return e._baseBBoxWidth = this._baseBBoxWidth, e._baseBBoxHeight = this._baseBBoxHeight, e._rotationCenterX = this._rotationCenterX, e._rotationCenterY = this._rotationCenterY, e.opacity = this.opacity, e.name = this.name, e.visible = this.visible, e.locked = this.locked, this.blendMode && (e.blendMode = this.blendMode), this.knockoutParts && (e.knockoutParts = { ...this.knockoutParts }), this.stroke && (e.stroke = {
       ...this.stroke,
       ...this.stroke.dashArray && { dashArray: [...this.stroke.dashArray] }
-    }), this.masks && (e.masks = this.masks.map((o) => ({
-      ...o,
-      maskElement: structuredClone(o.maskElement)
+    }), this.masks && (e.masks = this.masks.map((i) => ({
+      ...i,
+      maskElement: structuredClone(i.maskElement)
     }))), this.distressEffect && (e.distressEffect = { ...this.distressEffect }), e;
   }
   /**
@@ -6088,7 +6147,7 @@ class ut extends Q {
    * Remove a child from the group
    */
   removeChild(t) {
-    const e = this.children.findIndex((o) => o.id === t);
+    const e = this.children.findIndex((i) => i.id === t);
     return e >= 0 ? (this.children.splice(e, 1), this.updateBoundsFromChildren(!0), !0) : !1;
   }
   /**
@@ -6102,8 +6161,8 @@ class ut extends Q {
    * Returns the child element or null if no child was hit
    */
   hitTestChild(t, e) {
-    for (let o = this.children.length - 1; o >= 0; o--) {
-      const s = this.children[o];
+    for (let i = this.children.length - 1; i >= 0; i--) {
+      const s = this.children[i];
       if (s.hitTest(t, e))
         return s;
     }
@@ -6142,15 +6201,15 @@ class Z {
   /** O(n) lookup by name. Returns the first element with the given name, or undefined. */
   getByName(t) {
     for (const e of this.order) {
-      const o = this.byId.get(e);
-      if (o && o.name === t) return o;
+      const i = this.byId.get(e);
+      if (i && i.name === t) return i;
     }
   }
   /** O(n) lookup by name. Returns all elements with the given name in render order. */
   getAllByName(t) {
     const e = [];
-    for (const o of this.order) {
-      const s = this.byId.get(o);
+    for (const i of this.order) {
+      const s = this.byId.get(i);
       s && s.name === t && e.push(s);
     }
     return e;
@@ -6169,13 +6228,13 @@ class Z {
    */
   updateById(t, e) {
     if (!this.byId.has(t)) return this;
-    const o = this.clone();
+    const i = this.clone();
     if (t !== e.id) {
-      o.byId.delete(t);
-      const s = o.order.indexOf(t);
-      s !== -1 && (o.order[s] = e.id);
+      i.byId.delete(t);
+      const s = i.order.indexOf(t);
+      s !== -1 && (i.order[s] = e.id);
     }
-    return o.byId.set(e.id, e), o;
+    return i.byId.set(e.id, e), i;
   }
   /** Add an element at the end of the render order. */
   add(t) {
@@ -6184,21 +6243,21 @@ class Z {
   }
   /** Insert an element after a specific element ID. */
   insertAfter(t, e) {
-    const o = this.clone();
-    o.byId.set(t.id, t);
-    const s = o.order.indexOf(e);
-    return s !== -1 ? o.order.splice(s + 1, 0, t.id) : o.order.push(t.id), o;
+    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;
   }
   /** Remove an element by ID. */
   remove(t) {
     if (!this.byId.has(t)) return this;
     const e = this.clone();
-    return e.byId.delete(t), e.order = e.order.filter((o) => o !== t), e;
+    return e.byId.delete(t), e.order = e.order.filter((i) => i !== t), e;
   }
   /** Reorder element to a new index in the render order. */
   reorder(t, e) {
-    const o = this.clone();
-    return o.order = o.order.filter((s) => s !== t), o.order.splice(e, 0, t), o;
+    const i = this.clone();
+    return i.order = i.order.filter((s) => s !== t), i.order.splice(e, 0, t), i;
   }
   /**
    * Apply a batch update: replace elements whose IDs match.
@@ -6230,7 +6289,7 @@ class Z {
    */
   setOrder(t) {
     const e = this.clone();
-    return e.order = t.filter((o) => e.byId.has(o)), e;
+    return e.order = t.filter((i) => e.byId.has(i)), e;
   }
   // ---------------------------------------------------------------------------
   // Conversion helpers
@@ -6252,7 +6311,7 @@ class Z {
     return t.byId = new Map(this.byId), t.order = [...this.order], t;
   }
 }
-class U {
+class $ {
   /**
    * Execute the command
    */
@@ -6266,9 +6325,9 @@ class U {
     throw new Error("Command.undo() must be implemented");
   }
 }
-class ts extends U {
-  constructor(t, e, o, s) {
-    super(), this.elementId = t, this.oldElement = e ? e.clone() : null, this.newElement = o ? o.clone() : null, this.onUpdate = s;
+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;
   }
   execute() {
     this.newElement && this.onUpdate(this.newElement);
@@ -6277,9 +6336,9 @@ class ts extends U {
     this.oldElement && this.onUpdate(this.oldElement);
   }
 }
-class es extends U {
-  constructor(t, e, o) {
-    super(), this.element = t.clone(), this.onAdd = e, this.onRemove = o;
+class as extends $ {
+  constructor(t, e, i) {
+    super(), this.element = t.clone(), this.onAdd = e, this.onRemove = i;
   }
   execute() {
     this.onAdd(this.element);
@@ -6288,9 +6347,9 @@ class es extends U {
     this.onRemove(this.element.id);
   }
 }
-class os extends U {
-  constructor(t, e, o) {
-    super(), this.element = t.clone(), this.onAdd = e, this.onRemove = o;
+class hs extends $ {
+  constructor(t, e, i) {
+    super(), this.element = t.clone(), this.onAdd = e, this.onRemove = i;
   }
   execute() {
     this.onRemove(this.element.id);
@@ -6299,7 +6358,7 @@ class os extends U {
     this.onAdd(this.element);
   }
 }
-class Ue extends U {
+class je extends $ {
   constructor(t) {
     super(), this.commands = t;
   }
@@ -6331,7 +6390,7 @@ class ct {
   executeBatch(t) {
     if (t.length === 0)
       return;
-    const e = new Ue(t);
+    const e = new je(t);
     this.execute(e);
   }
   /**
@@ -6376,7 +6435,7 @@ class ct {
     };
   }
 }
-class ss extends U {
+class ls extends $ {
   constructor(t, e) {
     super(), this.artboard = t.clone(), this.artboardManager = e;
   }
@@ -6396,7 +6455,7 @@ class ss extends U {
     this.artboardManager.deleteArtboard(this.artboard.id);
   }
 }
-class is extends U {
+class cs extends $ {
   constructor(t, e) {
     super(), this.artboard = t.clone(), this.artboardManager = e, this.elementsOnArtboard = t.getElementIds();
   }
@@ -6419,9 +6478,9 @@ class is extends U {
     });
   }
 }
-class rs extends U {
-  constructor(t, e, o, s) {
-    super(), this.artboardId = t, this.oldProperties = { ...e }, this.newProperties = { ...o }, this.artboardManager = s;
+class ds extends $ {
+  constructor(t, e, i, s) {
+    super(), this.artboardId = t, this.oldProperties = { ...e }, this.newProperties = { ...i }, this.artboardManager = s;
   }
   execute() {
     this.artboardManager.updateArtboard(this.artboardId, this.newProperties);
@@ -6430,17 +6489,17 @@ class rs extends U {
     this.artboardManager.updateArtboard(this.artboardId, this.oldProperties);
   }
 }
-class ns extends U {
-  constructor(t, e, o, s, i) {
-    super(), this.draggedId = t, this.targetId = e, this.position = o, this.oldOrder = [...s], this.onReorder = i, this.newOrder = this.calculateNewOrder();
+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();
   }
   calculateNewOrder() {
     const t = [...this.oldOrder], e = t.indexOf(this.draggedId);
     if (e === -1) return t;
     t.splice(e, 1);
-    const o = t.indexOf(this.targetId);
-    if (o === -1) return t;
-    const s = this.position === "before" ? o : o + 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;
   }
   execute() {
@@ -6450,8 +6509,8 @@ class ns extends U {
     this.onReorder(this.oldOrder);
   }
 }
-const Ge = mt("HybridHistoryManager");
-class as {
+const Ze = mt("HybridHistoryManager");
+class fs {
   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;
   }
@@ -6468,12 +6527,12 @@ class as {
   /**
    * Notify all callbacks that a command was executed
    */
-  notifyCommandExecuted(t, e, o) {
+  notifyCommandExecuted(t, e, i) {
     for (const s of this.commandExecutedCallbacks)
       try {
-        s(t, e, o);
-      } catch (i) {
-        Ge.error("Error in command executed callback:", i);
+        s(t, e, i);
+      } catch (o) {
+        Ze.error("Error in command executed callback:", o);
       }
   }
   /**
@@ -6506,21 +6565,21 @@ class as {
   executeBatchOnArtboard(t, e) {
     if (e.length === 0)
       return;
-    let o = this.artboardHistories.get(t);
-    o || (o = new ct(this.maxHistorySize), this.artboardHistories.set(t, o)), o.executeBatch(e), this.lastOperation = {
+    let i = this.artboardHistories.get(t);
+    i || (i = new ct(this.maxHistorySize), this.artboardHistories.set(t, i)), i.executeBatch(e), this.lastOperation = {
       type: "artboard",
       artboardId: t,
       timestamp: Date.now()
     };
-    const s = o.history[o.currentIndex];
+    const s = i.history[i.currentIndex];
     this.notifyCommandExecuted(s, "artboard", t);
   }
   /**
    * Execute a command on a specific artboard
    */
   executeOnArtboard(t, e) {
-    let o = this.artboardHistories.get(t);
-    o || (o = new ct(this.maxHistorySize), this.artboardHistories.set(t, o)), o.execute(e), this.lastOperation = {
+    let i = this.artboardHistories.get(t);
+    i || (i = new ct(this.maxHistorySize), this.artboardHistories.set(t, i)), i.execute(e), this.lastOperation = {
       type: "artboard",
       artboardId: t,
       timestamp: Date.now()
@@ -6583,8 +6642,8 @@ class as {
     const e = this.artboardHistories.get(t);
     if (!e)
       return !1;
-    const o = e.undo();
-    return o && this.updateLastOperation("artboard", t), o;
+    const i = e.undo();
+    return i && this.updateLastOperation("artboard", t), i;
   }
   /**
    * Redo artboard operation
@@ -6593,8 +6652,8 @@ class as {
     const e = this.artboardHistories.get(t);
     if (!e)
       return !1;
-    const o = e.redo();
-    return o && this.updateLastOperation("artboard", t), o;
+    const i = e.redo();
+    return i && this.updateLastOperation("artboard", t), i;
   }
   /**
    * Check if global undo is available
@@ -6679,12 +6738,12 @@ class as {
    */
   getState() {
     const t = this.globalHistory.getState(), e = /* @__PURE__ */ new Map();
-    return this.artboardHistories.forEach((o, s) => {
-      const i = o.getState();
+    return this.artboardHistories.forEach((i, s) => {
+      const o = i.getState();
       e.set(s, {
-        canUndo: i.canUndo,
-        canRedo: i.canRedo,
-        historySize: i.historySize
+        canUndo: o.canUndo,
+        canRedo: o.canRedo,
+        historySize: o.historySize
       });
     }), {
       global: {
@@ -6745,12 +6804,12 @@ class as {
     return this.canRedoGlobal() ? "Redo artboard operation" : "Nothing to redo";
   }
 }
-const N = mt("FontAnalyzer");
-let wt = null;
-async function $e() {
-  return wt || (wt = await import("./browser-module-DFvKXBUE.js")), wt;
+const G = mt("FontAnalyzer");
+let bt = null;
+async function Ke() {
+  return bt || (bt = await import("./browser-module-DFvKXBUE.js")), bt;
 }
-class Ve {
+class Qe {
   constructor() {
     this.fontCache = /* @__PURE__ */ new Map(), this.failedFonts = /* @__PURE__ */ new Set(), this.CACHE_DURATION = 1e3 * 60 * 30, this.MAX_CACHE_SIZE = 5;
   }
@@ -6762,15 +6821,15 @@ class Ve {
   evictOldestFont() {
     if (this.fontCache.size <= this.MAX_CACHE_SIZE) return;
     let t = null, e = Date.now();
-    this.fontCache.forEach((o, s) => {
-      o.timestamp < e && (e = o.timestamp, t = s);
+    this.fontCache.forEach((i, s) => {
+      i.timestamp < e && (e = i.timestamp, t = s);
     }), t && this.fontCache.delete(t);
   }
   /**
    * Check if a font is a system font
    */
   isSystemFont(t) {
-    return me.has(t);
+    return we.has(t);
   }
   /**
    * Get Google Fonts API URL for a specific font family
@@ -6783,9 +6842,9 @@ class Ve {
    */
   async extractFontFileUrl(t, e = 400) {
     try {
-      const o = this.getGoogleFontUrl(t, e), i = await (await fetch(o)).text(), a = /@font-face\s*{([^}]*)}/g, n = Array.from(i.matchAll(a));
+      const i = this.getGoogleFontUrl(t, e), o = await (await fetch(i)).text(), a = /@font-face\s*{([^}]*)}/g, n = Array.from(o.matchAll(a));
       if (n.length === 0)
-        return N.warn("No @font-face found in CSS"), null;
+        return G.warn("No @font-face found in CSS"), null;
       let h = null, l = -1;
       for (let c = 0; c < n.length; c++) {
         const g = n[c][1], d = g.match(/url\((https:\/\/fonts\.gstatic\.com\/[^)]+)\)/), f = g.includes("unicode-range"), u = g.match(/unicode-range:\s*([^;]+);/);
@@ -6794,9 +6853,9 @@ class Ve {
         let p = 0;
         f ? u && (p = (u[1].match(/U\+/g) || []).length) : p = 1e3, p > l && (l = p, h = m);
       }
-      return h || (N.warn("No font URL found in CSS for", t), null);
-    } catch (o) {
-      return N.error("Error extracting font file URL:", o), null;
+      return h || (G.warn("No font URL found in CSS for", t), null);
+    } catch (i) {
+      return G.error("Error extracting font file URL:", i), null;
     }
   }
   /**
@@ -6805,27 +6864,27 @@ class Ve {
   async loadFont(t, e = 400) {
     if (this.isSystemFont(t))
       return null;
-    const o = `${t}-${e}`;
-    if (this.failedFonts.has(o))
+    const i = `${t}-${e}`;
+    if (this.failedFonts.has(i))
       return null;
-    const s = this.fontCache.get(o);
+    const s = this.fontCache.get(i);
     if (s && Date.now() - s.timestamp < this.CACHE_DURATION)
       return s.timestamp = Date.now(), s.font;
     try {
-      const i = await this.extractFontFileUrl(t, e);
-      if (!i)
-        return this.failedFonts.add(o), null;
-      const a = await fetch(i);
+      const o = await this.extractFontFileUrl(t, e);
+      if (!o)
+        return this.failedFonts.add(i), null;
+      const a = await fetch(o);
       if (!a.ok)
-        return N.error(`Font fetch failed: ${a.status} ${a.statusText}`), this.failedFonts.add(o), null;
-      const n = await a.arrayBuffer(), h = new Uint8Array(n), c = (await $e()).create(h), g = "fonts" in c ? c.fonts[0] : c;
-      return this.fontCache.set(o, {
+        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: i,
+        url: o,
         timestamp: Date.now()
       }), this.evictOldestFont(), g;
-    } catch (i) {
-      return N.error(`Error loading font ${t}:`, i), this.failedFonts.add(o), null;
+    } catch (o) {
+      return G.error(`Error loading font ${t}:`, o), this.failedFonts.add(i), null;
     }
   }
   /**
@@ -6833,7 +6892,7 @@ class Ve {
    * Returns null if font is not cached - font should be pre-loaded before rendering
    */
   getFontSync(t, e = 400) {
-    const o = `${t}-${e}`, s = this.fontCache.get(o);
+    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;
   }
   /**
@@ -6842,22 +6901,22 @@ class Ve {
    */
   clearCache(t, e) {
     if (t) {
-      const o = `${t}-${e || 400}`;
-      this.fontCache.delete(o), this.failedFonts.delete(o);
+      const i = `${t}-${e || 400}`;
+      this.fontCache.delete(i), this.failedFonts.delete(i);
     } else
       this.fontCache.clear(), this.failedFonts.clear();
   }
   /**
    * Get all glyphs in a font (for browsing)
    */
-  async getAllGlyphs(t, e = 400, o = 1500) {
+  async getAllGlyphs(t, e = 400, i = 1500) {
     var n, h;
     if (this.isSystemFont(t))
       return [];
     const s = await this.loadFont(t, e);
     if (!s)
       return [];
-    const i = [], a = Math.min(s.numGlyphs, o);
+    const o = [], a = Math.min(s.numGlyphs, i);
     for (let l = 0; l < a; l++)
       try {
         const c = s.getGlyph(l);
@@ -6885,7 +6944,7 @@ class Ve {
         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 && i.push({
+        d && d.length > 0 && o.push({
           glyphIndex: c.id,
           unicode: d,
           name: f,
@@ -6894,21 +6953,21 @@ class Ve {
         });
       } catch {
       }
-    return i;
+    return o;
   }
   /**
    * Get glyph alternates for a specific character
    */
-  async getGlyphAlternates(t, e, o = 400) {
+  async getGlyphAlternates(t, e, i = 400) {
     var l, c, g, d;
-    const s = await this.loadFont(t, o);
+    const s = await this.loadFont(t, i);
     if (!s)
       return [];
-    const i = [], a = e.codePointAt(0);
+    const o = [], a = e.codePointAt(0);
     if (a === void 0)
       return [];
     const n = s.glyphForCodePoint(a);
-    n && i.push({
+    n && o.push({
       glyphIndex: n.id,
       unicode: e,
       name: n.name || "Default",
@@ -6926,22 +6985,22 @@ class Ve {
             new RegExp(`^${h}\\.(swash|alt|ss\\d+|salt|ornament)`, "i"),
             new RegExp(`^${h}_\\d+$`, "i"),
             new RegExp(`^${h}\\.\\d+$`, "i")
-          ].some((x) => x.test(m.name)) && m.id !== n.id) {
+          ].some((w) => w.test(m.name)) && m.id !== n.id) {
             f++;
-            let x = m.name;
+            let w = m.name;
             if (m.name.includes(".swash"))
-              x = `${e} Swash`;
+              w = `${e} Swash`;
             else if (m.name.match(/\.alt(\d+)?/)) {
-              const b = ((l = m.name.match(/\.alt(\d+)/)) == null ? void 0 : l[1]) || "";
-              x = `${e} Alternate${b ? " " + b : ""}`;
+              const S = ((l = m.name.match(/\.alt(\d+)/)) == null ? void 0 : l[1]) || "";
+              w = `${e} Alternate${S ? " " + S : ""}`;
             } else if (m.name.match(/\.ss(\d+)/)) {
-              const b = (c = m.name.match(/\.ss(\d+)/)) == null ? void 0 : c[1];
-              x = `${e} Stylistic Set ${b}`;
+              const S = (c = m.name.match(/\.ss(\d+)/)) == null ? void 0 : c[1];
+              w = `${e} Stylistic Set ${S}`;
             }
-            i.push({
+            o.push({
               glyphIndex: m.id,
               unicode: e,
-              name: x,
+              name: w,
               category: "stylistic",
               previewDataUrl: this.generateGlyphPreview(s, m.id, 80)
             });
@@ -6959,35 +7018,35 @@ class Ve {
               const y = (d = (g = f.lookupList) == null ? void 0 : g.lookups) == null ? void 0 : d[p];
               if (y) {
                 if (y.lookupType === 1)
-                  for (const x of y.subtables || []) {
-                    const b = x.coverage;
-                    if (!b) continue;
-                    if (this.getCoverageIndex(b, n.id) !== -1) {
-                      const v = this.getSubstituteGlyph(x, n.id);
-                      v !== null && i.push({
-                        glyphIndex: v,
+                  for (const w of y.subtables || []) {
+                    const S = w.coverage;
+                    if (!S) continue;
+                    if (this.getCoverageIndex(S, n.id) !== -1) {
+                      const T = this.getSubstituteGlyph(w, n.id);
+                      T !== null && o.push({
+                        glyphIndex: T,
                         unicode: e,
                         name: `${e} (${m})`,
                         category: this.categorizeFeature(m),
-                        previewDataUrl: this.generateGlyphPreview(s, v, 80)
+                        previewDataUrl: this.generateGlyphPreview(s, T, 80)
                       });
                     }
                   }
                 else if (y.lookupType === 3)
-                  for (const x of y.subtables || []) {
-                    const b = x.coverage;
-                    if (!b) continue;
-                    const S = this.getCoverageIndex(b, n.id), v = x;
-                    if (S !== -1 && v.alternateSets) {
-                      const w = v.alternateSets[S];
-                      if (w)
-                        for (const T of w)
-                          i.push({
-                            glyphIndex: T,
+                  for (const w of y.subtables || []) {
+                    const S = w.coverage;
+                    if (!S) continue;
+                    const b = this.getCoverageIndex(S, n.id), T = w;
+                    if (b !== -1 && T.alternateSets) {
+                      const C = T.alternateSets[b];
+                      if (C)
+                        for (const M of C)
+                          o.push({
+                            glyphIndex: M,
                             unicode: e,
                             name: `${e} (${m} alt)`,
                             category: this.categorizeFeature(m),
-                            previewDataUrl: this.generateGlyphPreview(s, T, 80)
+                            previewDataUrl: this.generateGlyphPreview(s, M, 80)
                           });
                     }
                   }
@@ -6995,61 +7054,61 @@ class Ve {
             }
         }
     }
-    return i;
+    return o;
   }
   /**
    * Get available OpenType features for a font
    */
   async getAvailableFeatures(t, e = 400) {
-    const o = await this.loadFont(t, e);
-    if (!o)
-      return N.warn(`Font ${t} failed to load`), [];
+    const i = await this.loadFont(t, e);
+    if (!i)
+      return G.warn(`Font ${t} failed to load`), [];
     try {
       const s = [];
-      if (o.GSUB && o.GSUB.featureList) {
-        const i = /* @__PURE__ */ new Set();
-        for (const a of o.GSUB.featureList)
-          a.tag && i.add(a.tag);
-        s.push(...Array.from(i));
+      if (i.GSUB && i.GSUB.featureList) {
+        const o = /* @__PURE__ */ new Set();
+        for (const a of i.GSUB.featureList)
+          a.tag && o.add(a.tag);
+        s.push(...Array.from(o));
       }
-      if (o.GPOS && o.GPOS.featureList) {
-        const i = /* @__PURE__ */ new Set();
-        for (const a of o.GPOS.featureList)
-          a.tag && i.add(a.tag);
-        s.push(...Array.from(i));
+      if (i.GPOS && i.GPOS.featureList) {
+        const o = /* @__PURE__ */ new Set();
+        for (const a of i.GPOS.featureList)
+          a.tag && o.add(a.tag);
+        s.push(...Array.from(o));
       }
       return s;
     } catch (s) {
-      return N.error(`Error getting features for ${t}:`, s), [];
+      return G.error(`Error getting features for ${t}:`, s), [];
     }
   }
   /**
    * Generate a preview image for a glyph
    */
-  generateGlyphPreview(t, e, o = 80) {
+  generateGlyphPreview(t, e, i = 80) {
     const s = document.createElement("canvas");
-    s.width = o, s.height = o;
-    const i = s.getContext("2d");
-    if (!i)
+    s.width = i, s.height = i;
+    const o = s.getContext("2d");
+    if (!o)
       return "";
     try {
       const a = t.getGlyph(e);
       if (!a)
         return "";
-      i.clearRect(0, 0, o, o);
+      o.clearRect(0, 0, i, i);
       const n = a.bbox;
       if (!n)
         return "";
       const h = n.maxX - n.minX, l = n.maxY - n.minY;
       if (h === 0 || l === 0)
         return "";
-      const g = Math.min(o / h, o / l) * 0.6, d = (n.minX + n.maxX) / 2, f = (n.minY + n.maxY) / 2, u = o / 2, m = o / 2, p = a.path.toSVG();
+      const g = Math.min(i / h, i / l) * 0.6, d = (n.minX + n.maxX) / 2, f = (n.minY + n.maxY) / 2, u = i / 2, m = i / 2, p = a.path.toSVG();
       if (!p)
         return "";
       const y = new Path2D(p);
-      return i.save(), i.translate(u, m), i.scale(g, -g), i.translate(-d, -f), i.fillStyle = "#000000", i.fill(y), i.restore(), s.toDataURL("image/png");
+      return o.save(), o.translate(u, m), o.scale(g, -g), o.translate(-d, -f), o.fillStyle = "#000000", o.fill(y), o.restore(), s.toDataURL("image/png");
     } catch (a) {
-      return N.error("Error generating glyph preview:", a), "";
+      return G.error("Error generating glyph preview:", a), "";
     }
   }
   /**
@@ -7109,11 +7168,11 @@ class Ve {
     if (t.format === 1 && t.glyphs)
       return t.glyphs.indexOf(e);
     if (t.format === 2 && t.ranges) {
-      const o = t.ranges;
-      for (let s = 0; s < o.length; s++) {
-        const i = o[s];
-        if (e >= i.start && e <= i.end)
-          return i.index + (e - i.start);
+      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);
       }
     }
     return -1;
@@ -7126,9 +7185,9 @@ class Ve {
     if (t.substFormat === 1 && typeof t.deltaGlyphId == "number")
       return e + t.deltaGlyphId;
     if (t.substFormat === 2 && t.substitute) {
-      const o = this.getCoverageIndex(t.coverage, e), s = t.substitute;
-      if (o !== -1 && s[o] !== void 0)
-        return s[o];
+      const i = this.getCoverageIndex(t.coverage, e), s = t.substitute;
+      if (i !== -1 && s[i] !== void 0)
+        return s[i];
     }
     return null;
   }
@@ -7136,14 +7195,14 @@ class Ve {
    * Get the count of alternate glyphs in a font (fast - no preview generation)
    */
   async getAlternateGlyphCount(t, e = 400) {
-    const o = await this.loadFont(t, e);
-    if (!o)
+    const i = await this.loadFont(t, e);
+    if (!i)
       return 0;
     let s = 0;
-    const i = Math.min(o.numGlyphs, 1500);
-    for (let a = 0; a < i; a++)
+    const o = Math.min(i.numGlyphs, 1500);
+    for (let a = 0; a < o; a++)
       try {
-        const n = o.getGlyph(a);
+        const n = i.getGlyph(a);
         if (!n || !n.name || n.name === ".notdef" || n.name.startsWith(".null"))
           continue;
         const h = n.codePoints || [];
@@ -7169,123 +7228,126 @@ class Ve {
     };
   }
 }
-const hs = new Ve();
+const us = new Qe();
 export {
-  be as $,
+  Te as $,
   nt as A,
   Q as B,
-  re as C,
-  Re as D,
-  qe as E,
-  xo as F,
+  he as C,
+  Xe as D,
+  ti as E,
+  Ti as F,
   ut as G,
-  Ye as H,
+  Ve as H,
   pt as I,
-  Be as J,
-  Ie as K,
+  ze as J,
+  He as K,
   Z as L,
-  ze as M,
-  as as N,
-  Xe as O,
+  Ge as M,
+  fs as N,
+  $e as O,
   Mt as P,
-  ye as Q,
-  P as R,
-  Ft as S,
+  xe as Q,
+  L as R,
+  At as S,
   q as T,
-  ts as U,
-  ke as V,
-  We as W,
-  Uo as X,
-  No as Y,
-  Go as Z,
-  $o as _,
-  Xo as a,
-  Me as a0,
-  Fe as a1,
+  ns as U,
+  Pe as V,
+  Ue as W,
+  ji as X,
+  qi as Y,
+  Zi as Z,
+  Ki as _,
+  Ui as a,
+  _e as a$,
+  Oe as a0,
+  Ee as a1,
   at as a2,
-  Ot as a3,
-  Tt as a4,
-  Bt as a5,
-  j as a6,
-  Xt as a7,
-  pe as a8,
-  So as a9,
-  ro as aA,
-  Jo as aB,
-  ce as aC,
-  Vo as aD,
-  Ee as aE,
-  qo as aF,
-  uo as aG,
-  so as aH,
-  io as aI,
-  oo as aJ,
-  he as aK,
-  eo as aL,
-  to as aM,
-  Ze as aN,
-  po as aO,
-  mo as aP,
-  Qe as aQ,
-  go as aR,
-  fo as aS,
-  lo as aT,
-  je as aU,
-  $t as aV,
-  Qo as aW,
-  wo as aX,
-  Pe as aY,
-  rt as aZ,
-  Co as aa,
-  J as ab,
-  es as ac,
-  os as ad,
-  ss as ae,
-  is as af,
-  rs as ag,
-  ns as ah,
-  fe as ai,
-  ue as aj,
-  co as ak,
-  He as al,
-  it as am,
-  bo as an,
-  vt as ao,
-  zt as ap,
-  no as aq,
-  Wt as ar,
-  ao as as,
-  ho as at,
-  D as au,
-  R as av,
-  yo as aw,
-  jo as ax,
-  le as ay,
-  Ke as az,
-  zo as b,
+  Bt as a3,
+  vt as a4,
+  Rt as a5,
+  Yt as a6,
+  Ji as a7,
+  j as a8,
+  yt as a9,
+  is as aA,
+  ge as aB,
+  si as aC,
+  ci as aD,
+  ts as aE,
+  fe as aF,
+  Qi as aG,
+  Le as aH,
+  es as aI,
+  wi as aJ,
+  hi as aK,
+  li as aL,
+  ai as aM,
+  de as aN,
+  ni as aO,
+  ri as aP,
+  ii as aQ,
+  xi as aR,
+  bi as aS,
+  oi as aT,
+  pi as aU,
+  yi as aV,
+  ui as aW,
+  ei as aX,
+  Jt as aY,
+  rs as aZ,
+  Ci as a_,
+  Vi as aa,
+  be as ab,
+  Fi as ac,
+  Ai as ad,
+  J as ae,
+  as as af,
+  hs as ag,
+  ls as ah,
+  cs as ai,
+  ds as aj,
+  gs as ak,
+  pe as al,
+  ye as am,
+  mi as an,
+  Ye as ao,
+  ot as ap,
+  vi as aq,
+  Ft as ar,
+  Xt as as,
+  di as at,
+  zt as au,
+  gi as av,
+  fi as aw,
+  I as ax,
+  P as ay,
+  Si as az,
+  Ni as b,
+  rt as b0,
   mt as c,
-  Bo as d,
-  vo as e,
-  Oo as f,
-  Ne as g,
-  _o as h,
-  Fo as i,
-  To as j,
-  Ao as k,
-  Ro as l,
-  Io as m,
-  Eo as n,
-  Do as o,
-  Yo as p,
-  Po as q,
-  Zo as r,
-  Wo as s,
-  Ho as t,
-  Ko as u,
-  Lo as v,
-  ko as w,
-  Mo as x,
-  Dt as y,
-  hs as z
+  Li as d,
+  Di as e,
+  Pi as f,
+  qe as g,
+  $i as h,
+  Ii as i,
+  Mi as j,
+  Ei as k,
+  Wi as l,
+  Bi as m,
+  Hi as n,
+  Oi as o,
+  Gi as p,
+  Xi as q,
+  ss as r,
+  _i as s,
+  zi as t,
+  os as u,
+  Yi as v,
+  Ri as w,
+  ki as x,
+  It as y,
+  us as z
 };
-//# sourceMappingURL=FontAnalyzer-PE6nysqE.js.map
+//# sourceMappingURL=FontAnalyzer-D4Sg-P6_.js.map