@snowcone-app/canvas 0.1.8 → 0.1.10

package/dist/{compose-DQ1FZS3O.js → compose-DIPiisIw.js}

@@ -1,9 +1,9 @@
 import { jsx as ue, jsxs as an, Fragment as ar } from "react/jsx-runtime";
 import te, { forwardRef as Co, useState as Dt, useEffect as Vt, createElement as yo, createContext as zr, useCallback as xt, useMemo as ln, useContext as Vr, useRef as kt, useImperativeHandle as lr } from "react";
-import { u as Vn, c as cr, s as Wr, g as $r, d as jr, e as Nr } from "./ThemeContext-H0Z-MqqR.js";
-import { c as Rn, G as pt, I as Ae, O as ko, Q as to, U as dr, V as Oo, X as Kr, Y as cn, Z as Ur, _ as Kn, P as dn, $ as _e, a0 as Gn, a1 as qr, T as se, s as Gr, a2 as Xn, a3 as Zr, a4 as Qr, a5 as Jr, a6 as ur, a7 as ti, a8 as lo, a9 as ei, aa as ni, S as On, R as oi } from "./HybridHistoryManager-BV6XV0nD.js";
+import { u as Wn, c as cr, s as Wr, g as $r, d as jr, e as Nr } from "./ThemeContext-H0Z-MqqR.js";
+import { c as Rn, G as pt, I as Ae, O as ko, Q as eo, U as dr, V as Oo, X as Kr, Y as cn, Z as Ur, _ as Un, P as dn, $ as _e, a0 as Zn, a1 as qr, T as oe, s as Gr, a2 as On, a3 as Zr, a4 as Qr, a5 as Jr, a6 as ur, a7 as ti, a8 as co, a9 as ei, aa as ni, S as Yn, R as oi } from "./HybridHistoryManager-BV6XV0nD.js";
 import { createPortal as ri } from "react-dom";
-import { h as En, j as ii, r as si, k as ai, C as Yo, l as Zn, m as li, A as ci, n as di, S as ui, I as hi, b as co } from "./ElementFactory-uJTXU-nP.js";
+import { h as En, j as ii, r as si, k as ai, C as Yo, l as Qn, m as li, A as ci, n as di, S as ui, I as hi, b as uo } from "./ElementFactory-Ckv6sSev.js";
 import { renderToStaticMarkup as fi } from "react-dom/server";
 import { debounce as Fo } from "lodash-es";
 function pi(t, e) {
@@ -24,13 +24,13 @@ const hr = Object.freeze({
   top: 0,
   width: 16,
   height: 16
-}), eo = Object.freeze({
+}), no = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
 }), So = Object.freeze({
   ...hr,
-  ...eo
+  ...no
 }), xo = Object.freeze({
   ...So,
   body: "",
@@ -44,7 +44,7 @@ function gi(t, e) {
 }
 function _o(t, e) {
   const n = gi(t, e);
-  for (const o in xo) o in eo ? o in t && !(o in n) && (n[o] = eo[o]) : o in e ? n[o] = e[o] : o in t && (n[o] = t[o]);
+  for (const o in xo) o in no ? o in t && !(o in n) && (n[o] = no[o]) : o in e ? n[o] = e[o] : o in t && (n[o] = t[o]);
   return n;
 }
 function mi(t, e, n) {
@@ -74,23 +74,23 @@ const yi = {
   not_found: {},
   ...hr
 };
-function uo(t, e) {
+function ho(t, e) {
   for (const n in e) if (n in t && typeof t[n] != typeof e[n]) return !1;
   return !0;
 }
 function pr(t) {
   if (typeof t != "object" || t === null) return null;
   const e = t;
-  if (typeof e.prefix != "string" || !t.icons || typeof t.icons != "object" || !uo(t, yi)) return null;
+  if (typeof e.prefix != "string" || !t.icons || typeof t.icons != "object" || !ho(t, yi)) return null;
   const n = e.icons;
   for (const r in n) {
     const i = n[r];
-    if (!r || typeof i.body != "string" || !uo(i, xo)) return null;
+    if (!r || typeof i.body != "string" || !ho(i, xo)) return null;
   }
   const o = e.aliases || /* @__PURE__ */ Object.create(null);
   for (const r in o) {
     const i = o[r], s = i.parent;
-    if (!r || typeof s != "string" || !n[s] && !o[s] || !uo(i, xo)) return null;
+    if (!r || typeof s != "string" || !n[s] && !o[s] || !ho(i, xo)) return null;
   }
   return e;
 }
@@ -120,7 +120,7 @@ function bi(t, e, n) {
   }
   return !1;
 }
-const mr = /^[a-z0-9]+(-[a-z0-9]+)*$/, oo = (t, e, n, o = "") => {
+const mr = /^[a-z0-9]+(-[a-z0-9]+)*$/, ro = (t, e, n, o = "") => {
   const r = t.split(":");
   if (t.slice(0, 1) === "@") {
     if (r.length < 2 || r.length > 3) return null;
@@ -133,7 +133,7 @@ const mr = /^[a-z0-9]+(-[a-z0-9]+)*$/, oo = (t, e, n, o = "") => {
       prefix: a,
       name: l
     };
-    return e && !Qn(c) ? null : c;
+    return e && !Jn(c) ? null : c;
   }
   const i = r[0], s = i.split("-");
   if (s.length > 1) {
@@ -142,7 +142,7 @@ const mr = /^[a-z0-9]+(-[a-z0-9]+)*$/, oo = (t, e, n, o = "") => {
       prefix: s.shift(),
       name: s.join("-")
     };
-    return e && !Qn(l) ? null : l;
+    return e && !Jn(l) ? null : l;
   }
   if (n && o === "") {
     const l = {
@@ -150,37 +150,37 @@ const mr = /^[a-z0-9]+(-[a-z0-9]+)*$/, oo = (t, e, n, o = "") => {
       prefix: "",
       name: i
     };
-    return e && !Qn(l, n) ? null : l;
+    return e && !Jn(l, n) ? null : l;
   }
   return null;
-}, Qn = (t, e) => t ? !!((e && t.prefix === "" || t.prefix) && t.name) : !1;
-let _n = !1;
+}, Jn = (t, e) => t ? !!((e && t.prefix === "" || t.prefix) && t.name) : !1;
+let zn = !1;
 function yr(t) {
-  return typeof t == "boolean" && (_n = t), _n;
+  return typeof t == "boolean" && (zn = t), zn;
 }
 function Vo(t) {
-  const e = typeof t == "string" ? oo(t, !0, _n) : t;
+  const e = typeof t == "string" ? ro(t, !0, zn) : t;
   if (e) {
     const n = Mn(e.provider, e.prefix), o = e.name;
     return n.icons[o] || (n.missing.has(o) ? null : void 0);
   }
 }
 function xr(t, e) {
-  const n = oo(t, !0, _n);
+  const n = ro(t, !0, zn);
   if (!n) return !1;
   const o = Mn(n.provider, n.prefix);
   return e ? bi(o, n.name, e) : (o.missing.add(n.name), !0);
 }
 function vi(t, e) {
   if (typeof t != "object") return !1;
-  if (typeof e != "string" && (e = t.provider || ""), _n && !e && !t.prefix) {
+  if (typeof e != "string" && (e = t.provider || ""), zn && !e && !t.prefix) {
     let r = !1;
     return pr(t) && (t.prefix = "", fr(t, (i, s) => {
       xr(i, s) && (r = !0);
     })), r;
   }
   const n = t.prefix;
-  if (!Qn({
+  if (!Jn({
     prefix: n,
     name: "a"
   })) return !1;
@@ -192,7 +192,7 @@ const br = Object.freeze({
   height: null
 }), vr = Object.freeze({
   ...br,
-  ...eo
+  ...no
 }), wi = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Ci = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function Wo(t, e, n) {
   if (e === 1) return t;
@@ -320,9 +320,9 @@ function Eo(t) {
     dataAfterTimeout: t.dataAfterTimeout !== !1
   };
 }
-const Mo = /* @__PURE__ */ Object.create(null), Bn = ["https://api.simplesvg.com", "https://api.unisvg.com"], Jn = [];
-for (; Bn.length > 0; ) Bn.length === 1 || Math.random() > 0.5 ? Jn.push(Bn.shift()) : Jn.push(Bn.pop());
-Mo[""] = Eo({ resources: ["https://api.iconify.design"].concat(Jn) });
+const Mo = /* @__PURE__ */ Object.create(null), Bn = ["https://api.simplesvg.com", "https://api.unisvg.com"], to = [];
+for (; Bn.length > 0; ) Bn.length === 1 || Math.random() > 0.5 ? to.push(Bn.shift()) : to.push(Bn.pop());
+Mo[""] = Eo({ resources: ["https://api.iconify.design"].concat(to) });
 function Li(t, e) {
   const n = Eo(e);
   return n === null ? !1 : (Mo[t] = n, !0);
@@ -506,7 +506,7 @@ function $i(t) {
 function ji(t, e = !0, n = !1) {
   const o = [];
   return t.forEach((r) => {
-    const i = typeof r == "string" ? oo(r, e, n) : r;
+    const i = typeof r == "string" ? ro(r, e, n) : r;
     i && o.push(i);
   }), o;
 }
@@ -646,18 +646,18 @@ function Cr(t) {
 }
 function jo() {
 }
-const ho = /* @__PURE__ */ Object.create(null);
+const fo = /* @__PURE__ */ Object.create(null);
 function Ui(t) {
-  if (!ho[t]) {
+  if (!fo[t]) {
     const e = Ro(t);
     if (!e) return;
     const n = Cr(e), o = {
       config: e,
       redundancy: n
     };
-    ho[t] = o;
+    fo[t] = o;
   }
-  return ho[t];
+  return fo[t];
 }
 function qi(t, e, n) {
   let o, r;
@@ -843,16 +843,16 @@ function ss(t) {
 function as(t) {
   return 'url("' + ss(t) + '")';
 }
-let Yn;
+let Fn;
 function ls() {
   try {
-    Yn = window.trustedTypes.createPolicy("iconify", { createHTML: (t) => t });
+    Fn = window.trustedTypes.createPolicy("iconify", { createHTML: (t) => t });
   } catch {
-    Yn = null;
+    Fn = null;
   }
 }
 function cs(t) {
-  return Yn === void 0 && ls(), Yn ? Yn.createHTML(t) : t;
+  return Fn === void 0 && ls(), Fn ? Fn.createHTML(t) : t;
 }
 const kr = {
   ...vr,
@@ -894,7 +894,7 @@ const fs = (t, e, n) => {
     ...i === "svg" ? ds : {}
   };
   if (n) {
-    const f = oo(n, !1, !0);
+    const f = ro(n, !1, !0);
     if (f) {
       const m = ["iconify"], b = [
         "provider",
@@ -1791,7 +1791,7 @@ function Is(t = {}) {
     executeAddElement: g,
     executeRemoveElement: x,
     executeReorderElement: y
-  } = Vn(), S = kt(/* @__PURE__ */ new Map()), [f, m] = Dt(0), b = a.getActiveArtboardId(), w = e !== void 0 ? e : b, v = xt(async (L) => {
+  } = Wn(), S = kt(/* @__PURE__ */ new Map()), [f, m] = Dt(0), b = a.getActiveArtboardId(), w = e !== void 0 ? e : b, v = xt(async (L) => {
     const X = i.find((et) => et.id === L);
     if (!X) return;
     const tt = await tr(X, o, r);
@@ -1909,7 +1909,7 @@ function Is(t = {}) {
       const ct = F.clone();
       return ct.x = F.x - $, ct.y = F.y - d, ct;
     }), X.forEach((F) => x(F)), g(B, ot), c(B.id), h([]);
-  }, [i, a, x, g, c, h]), Pt = xt((L) => {
+  }, [i, a, x, g, c, h]), Rt = xt((L) => {
     const X = i.find((mt) => mt.id === L);
     if (!X) {
       me.warn(`Element ${L} not found for ungrouping`);
@@ -2043,7 +2043,7 @@ function Is(t = {}) {
     moveLayerForward: Et,
     moveLayerBackward: H,
     groupLayers: yt,
-    ungroupLayer: Pt,
+    ungroupLayer: Rt,
     addToGroup: ye,
     removeFromGroup: Ut,
     createEmptyGroup: ve,
@@ -2084,7 +2084,7 @@ function As(t) {
     setHideHandles: y,
     handleAddElement: S,
     isToolbarMenuOpen: f
-  } = Vn(), { duplicateLayer: m } = Is();
+  } = Wn(), { duplicateLayer: m } = Is();
   Vt(() => {
     if (!e) return;
     const b = (v) => {
@@ -2278,7 +2278,7 @@ function Bs(t, e) {
     const E = m.match(/ +$/), R = E ? E[0].length : 0;
     R > 0 && (m = m.substring(0, m.length - R));
   }
-  const N = to(m, n, o, r, i);
+  const N = eo(m, n, o, r, i);
   let W = h;
   s === "center" ? W = (c - N) / 2 : s === "right" && (W = c - h - N);
   let M = W;
@@ -2286,7 +2286,7 @@ function Bs(t, e) {
   for (let E = 0; E < P; E++) {
     if (!w && E < b) continue;
     const R = S[E], rt = x + E, I = l.getStyleAt(rt), j = I.fontSize || n, p = I.fontFamily || o, Q = I.bold !== void 0 ? I.bold : r, St = I.italic !== void 0 ? I.italic : i;
-    M += to(R, j, p, Q, St);
+    M += eo(R, j, p, Q, St);
   }
   return {
     lineIndex: y,
@@ -2345,7 +2345,7 @@ function un(t, e) {
     const I = w.match(/ +$/);
     N = I ? I[0].length : 0, N > 0 && (w = w.substring(0, w.length - N));
   }
-  const P = to(w, n, o, r, i);
+  const P = eo(w, n, o, r, i);
   let E = h;
   s === "center" ? E = (c - P) / 2 : s === "right" && (E = c - h - P);
   const R = e.x - E;
@@ -2356,7 +2356,7 @@ function un(t, e) {
   let rt = 0;
   for (let I = 0; I < b.length; I++) {
     if (!W && I < v || !M && I >= b.length - N) continue;
-    const j = b[I], p = m + I, Q = l.getStyleAt(p), St = Q.fontSize || n, vt = Q.fontFamily || o, Et = Q.bold !== void 0 ? Q.bold : r, H = Q.italic !== void 0 ? Q.italic : i, yt = to(j, St, vt, Et, H);
+    const j = b[I], p = m + I, Q = l.getStyleAt(p), St = Q.fontSize || n, vt = Q.fontFamily || o, Et = Q.bold !== void 0 ? Q.bold : r, H = Q.italic !== void 0 ? Q.italic : i, yt = eo(j, St, vt, Et, H);
     if (R < rt + yt / 2)
       return p;
     rt += yt;
@@ -2606,11 +2606,11 @@ class Os {
       const S = o[y];
       if (y === 0 && o.length > 1 && (e.strokeStyle = cn(), e.lineWidth = 2, e.beginPath(), e.arc(S.x, S.y, 8, 0, Math.PI * 2), e.stroke()), e.fillStyle = Ur(), e.strokeStyle = cn(), e.lineWidth = 2, e.beginPath(), e.arc(S.x, S.y, 4, 0, Math.PI * 2), e.fill(), e.stroke(), S.handleIn) {
         const m = S.x + S.handleIn.x, b = S.y + S.handleIn.y;
-        e.strokeStyle = Kn(), e.lineWidth = 1, e.beginPath(), e.moveTo(S.x, S.y), e.lineTo(m, b), e.stroke(), e.fillStyle = Kn(), e.beginPath(), e.arc(m, b, 3, 0, Math.PI * 2), e.fill();
+        e.strokeStyle = Un(), e.lineWidth = 1, e.beginPath(), e.moveTo(S.x, S.y), e.lineTo(m, b), e.stroke(), e.fillStyle = Un(), e.beginPath(), e.arc(m, b, 3, 0, Math.PI * 2), e.fill();
       }
       if (S.handleOut) {
         const m = S.x + S.handleOut.x, b = S.y + S.handleOut.y;
-        e.strokeStyle = Kn(), e.lineWidth = 1, e.beginPath(), e.moveTo(S.x, S.y), e.lineTo(m, b), e.stroke(), e.fillStyle = Kn(), e.beginPath(), e.arc(m, b, 3, 0, Math.PI * 2), e.fill();
+        e.strokeStyle = Un(), e.lineWidth = 1, e.beginPath(), e.moveTo(S.x, S.y), e.lineTo(m, b), e.stroke(), e.fillStyle = Un(), e.beginPath(), e.arc(m, b, 3, 0, Math.PI * 2), e.fill();
       }
     }
     if (r && this.canClosePath(r.x, r.y)) {
@@ -2781,7 +2781,7 @@ class Vs {
    * Handle dragging the image in crop mode
    */
   handleCropImageDrag(e, n, o, r) {
-    const i = o - n.startX, s = r - n.startY, l = n.startData.x, a = n.startData.y, c = n.startData.transformData, u = c.width, h = c.height, g = n.startData.cropX ?? 0, x = n.startData.cropY ?? 0, y = n.startData.cropWidth ?? 1, S = n.startData.cropHeight ?? 1, m = Gn.fromSnapshot(n.startData).worldDeltaToLocal(i, s);
+    const i = o - n.startX, s = r - n.startY, l = n.startData.x, a = n.startData.y, c = n.startData.transformData, u = c.width, h = c.height, g = n.startData.cropX ?? 0, x = n.startData.cropY ?? 0, y = n.startData.cropWidth ?? 1, S = n.startData.cropHeight ?? 1, m = Zn.fromSnapshot(n.startData).worldDeltaToLocal(i, s);
     let b = m.dx, w = m.dy;
     const v = c.flipHorizontal ? -1 : 1, N = c.flipVertical ? -1 : 1;
     b *= v, w *= N;
@@ -2802,13 +2802,13 @@ class Vs {
    * Handle resizing the crop box
    */
   handleCropBoxResize(e, n, o, r, i, s) {
-    const l = o.startData.transformData, a = l.flipHorizontal, c = l.flipVertical, u = this._getCropResizeCursor(n, !!a, !!c), h = o.startData.rotation, g = o.startData.x, x = o.startData.y, y = Gn.fromSnapshot(o.startData), { cos: S, sin: f } = y.getInverseCosSin(), m = a ? -1 : 1, b = c ? -1 : 1, w = i - g, v = s - x;
+    const l = o.startData.transformData, a = l.flipHorizontal, c = l.flipVertical, u = this._getCropResizeCursor(n, !!a, !!c), h = o.startData.rotation, g = o.startData.x, x = o.startData.y, y = Zn.fromSnapshot(o.startData), { cos: S, sin: f } = y.getInverseCosSin(), m = a ? -1 : 1, b = c ? -1 : 1, w = i - g, v = s - x;
     let N = w * S - v * f, W = w * f + v * S;
     N *= m, W *= b;
     const M = r.startX - g, P = r.startY - x;
     let E = M * S - P * f, R = M * f + P * S;
     E *= m, R *= b;
-    const rt = N - E, I = W - R, j = l.cropX, p = l.cropY, Q = l.cropWidth, St = l.cropHeight, vt = l.width, Et = l.height, H = rt / vt, yt = I / Et, Pt = this._calculateNewCropValues(
+    const rt = N - E, I = W - R, j = l.cropX, p = l.cropY, Q = l.cropWidth, St = l.cropHeight, vt = l.width, Et = l.height, H = rt / vt, yt = I / Et, Rt = this._calculateNewCropValues(
       n,
       j,
       p,
@@ -2821,10 +2821,10 @@ class Vs {
       p,
       Q,
       St,
-      Pt.cropX,
-      Pt.cropY,
-      Pt.cropWidth,
-      Pt.cropHeight,
+      Rt.cropX,
+      Rt.cropY,
+      Rt.cropWidth,
+      Rt.cropHeight,
       vt,
       Et,
       h,
@@ -2832,7 +2832,7 @@ class Vs {
       b
     );
     return {
-      ...Pt,
+      ...Rt,
       x: g + gt.worldOffsetX,
       y: x + gt.worldOffsetY,
       rotation: h,
@@ -2885,7 +2885,7 @@ class Vs {
     const y = e * c + o * c / 2, S = n * u + r * u / 2, f = i * c + l * c / 2, m = s * u + a * u / 2;
     let b = f - y, w = m - S;
     b *= g, w *= x;
-    const N = new Gn({ rotation: h, x: 0, y: 0 }).localDeltaToWorld(b, w), W = N.dx, M = N.dy;
+    const N = new Zn({ rotation: h, x: 0, y: 0 }).localDeltaToWorld(b, w), W = N.dx, M = N.dy;
     return { worldOffsetX: W, worldOffsetY: M };
   }
   /**
@@ -2913,7 +2913,7 @@ function $s(t) {
   };
 }
 function er(t) {
-  return t != null && t instanceof se;
+  return t != null && t instanceof oe;
 }
 function js({ selectedElement: t, ref: e }) {
   const [n, o] = Dt(!1), [r, i] = Dt(""), [s, l] = Dt({ x: 0, y: 0, width: 200, height: 50 }), [a, c] = Dt(0), [u, h] = Dt(0), [g, x] = Dt(0), y = kt(1), S = kt(performance.now()), f = kt(0), m = kt(!1), [b, w] = Dt(null), [v, N] = Dt(null), W = kt(null), M = xt(
@@ -3090,7 +3090,7 @@ function Us({ elements: t }) {
     setCursorAnimationFrame: l
   };
 }
-const fo = {
+const Xn = {
   bleedMode: "gradient",
   bleedInnerEdge: "boundary",
   // Pure black at full opacity. With the `multiply` blend mode applied
@@ -3188,7 +3188,7 @@ function rr(t, e, n) {
   };
   return 0.2126 * o(t) + 0.7152 * o(e) + 0.0722 * o(n);
 }
-function Wn(t, e) {
+function $n(t, e) {
   if (e.kind === "rect") {
     t.rect(e.x, e.y, e.width, e.height);
     return;
@@ -3207,26 +3207,26 @@ function Wn(t, e) {
   const n = new Path2D(e.d);
   t.__pieceGuidePath2D = n;
 }
-function zn(t, e, n) {
+function Vn(t, e, n) {
   if (e.kind === "path") {
     const o = new Path2D(e.d);
     t.fill(o);
     return;
   }
-  t.beginPath(), Wn(t, e), t.fill();
+  t.beginPath(), $n(t, e), t.fill();
 }
-function Fn(t, e) {
+function _n(t, e) {
   if (e.kind === "path") {
     const n = new Path2D(e.d);
     t.stroke(n);
     return;
   }
-  t.beginPath(), Wn(t, e), t.stroke();
+  t.beginPath(), $n(t, e), t.stroke();
 }
 function Zs(t, e) {
-  e.kind !== "path" && Wn(t, e);
+  e.kind !== "path" && $n(t, e);
 }
-function no(t, e) {
+function oo(t, e) {
   if (e.kind === "rect") {
     t.rect(e.x, e.y, e.width, e.height);
     return;
@@ -3278,10 +3278,10 @@ function ta(t) {
     safeArea: ((v = t.show) == null ? void 0 : v.safeArea) ?? !0,
     labels: ((N = t.show) == null ? void 0 : N.labels) ?? !0
   }, l = e.canvas, a = l instanceof HTMLCanvasElement ? l : null, c = Gs(), h = { ...{
-    ...fo,
+    ...Xn,
     bleedFill: c ? "#ffffff" : "#000000"
   }, ...t.style };
-  h.zoneFill = { ...fo.zoneFill, ...((W = t.style) == null ? void 0 : W.zoneFill) ?? {} }, h.zoneStroke = { ...fo.zoneStroke, ...((M = t.style) == null ? void 0 : M.zoneStroke) ?? {} };
+  h.zoneFill = { ...Xn.zoneFill, ...((W = t.style) == null ? void 0 : W.zoneFill) ?? {} }, h.zoneStroke = { ...Xn.zoneStroke, ...((M = t.style) == null ? void 0 : M.zoneStroke) ?? {} };
   let g = po(h.bleedFill, a);
   const x = po(h.dieCutTint, a);
   let y = po(h.boundaryStroke, a);
@@ -3316,13 +3316,13 @@ function ta(t) {
       height: Q
     };
     if (H > 0 && (e.save(), e.beginPath(), Zs(e, yt), e.clip()), s.bleed && h.bleedOpacity > 0) {
-      const Pt = h.bleedInnerEdge === "safeArea" && vt ? vt : St;
-      if (Pt) {
+      const Rt = h.bleedInnerEdge === "safeArea" && vt ? vt : St;
+      if (Rt) {
         const gt = c ? "screen" : "multiply", bt = h.bleedOpacity;
         h.bleedMode === "solid" ? na(
           e,
           yt,
-          Pt,
+          Rt,
           g,
           bt,
           gt
@@ -3331,7 +3331,7 @@ function ta(t) {
           p,
           Q,
           yt,
-          Pt,
+          Rt,
           g,
           bt,
           h.bleedBlurScale,
@@ -3341,17 +3341,17 @@ function ta(t) {
       }
     }
     if (s.zones)
-      for (const Pt of R)
-        Pt.kind !== "dieCut" && (e.save(), e.fillStyle = h.zoneFill[Pt.kind], zn(e, Pt.path), e.strokeStyle = h.zoneStroke[Pt.kind], Xn(
+      for (const Rt of R)
+        Rt.kind !== "dieCut" && (e.save(), e.fillStyle = h.zoneFill[Rt.kind] ?? Xn.zoneFill[Rt.kind], Vn(e, Rt.path), e.strokeStyle = h.zoneStroke[Rt.kind] ?? Xn.zoneStroke[Rt.kind], On(
           e,
           1.5,
-          Pt.kind === "wrap" ? [4, 3] : []
-        ), Fn(e, Pt.path), e.setLineDash([]), e.restore());
+          Rt.kind === "wrap" ? [4, 3] : []
+        ), _n(e, Rt.path), e.setLineDash([]), e.restore());
     if (s.zones)
-      for (const Pt of R)
-        Pt.kind === "dieCut" && (h.dieCutMode === "knockout" ? sa(
+      for (const Rt of R)
+        Rt.kind === "dieCut" && (h.dieCutMode === "knockout" ? sa(
           e,
-          Pt,
+          Rt,
           h.dieCutStroke,
           h.dieCutStrokeWidthPx,
           t.interacting === !0,
@@ -3360,7 +3360,7 @@ function ta(t) {
           h.dieCutBlurPx
         ) : ra(
           e,
-          Pt,
+          Rt,
           f,
           x,
           h.dieCutTintAlpha,
@@ -3368,7 +3368,7 @@ function ta(t) {
           h.dieCutStroke,
           h.dieCutStrokeWidthPx
         ));
-    s.boundary && y && h.boundaryStrokeWidthPx > 0 && (e.save(), e.strokeStyle = y, Xn(e, h.boundaryStrokeWidthPx), Fn(e, St), e.restore()), s.safeArea && vt && h.safeAreaStroke && (e.save(), e.strokeStyle = h.safeAreaStroke, Xn(e, h.safeAreaStrokeWidthPx, h.safeAreaDashPx), Fn(e, vt), e.setLineDash([]), e.restore()), s.labels && rt.length > 0 && aa(e, rt, h, i), H > 0 && e.restore(), e.restore();
+    s.boundary && y && h.boundaryStrokeWidthPx > 0 && (e.save(), e.strokeStyle = y, On(e, h.boundaryStrokeWidthPx), _n(e, St), e.restore()), s.safeArea && vt && h.safeAreaStroke && (e.save(), e.strokeStyle = h.safeAreaStroke, On(e, h.safeAreaStrokeWidthPx, h.safeAreaDashPx), _n(e, vt), e.setLineDash([]), e.restore()), s.labels && rt.length > 0 && aa(e, rt, h, i), H > 0 && e.restore(), e.restore();
   }
   e.restore();
 }
@@ -3382,16 +3382,16 @@ function ea(t, e, n, o, r, i, s, l, a, c = "source-over") {
   if (!w) return;
   w.setTransform(1, 0, 0, 1, 0, 0), w.clearRect(0, 0, f, m), w.scale(a * g, a * g), w.translate(x, x), w.fillStyle = i, w.globalAlpha = s;
   const v = new Path2D();
-  no(v, o), w.fill(v), w.globalAlpha = 1, w.filter = `blur(${h * g}px)`, w.globalCompositeOperation = "destination-out", w.fillStyle = "#000";
+  oo(v, o), w.fill(v), w.globalAlpha = 1, w.filter = `blur(${h * g}px)`, w.globalCompositeOperation = "destination-out", w.fillStyle = "#000";
   const N = new Path2D();
-  no(N, r), w.fill(N), w.filter = "none", w.globalCompositeOperation = "source-over";
+  oo(N, r), w.fill(N), w.filter = "none", w.globalCompositeOperation = "source-over";
   const W = t.globalCompositeOperation;
   t.globalCompositeOperation = c, t.drawImage(b, -x, -x, y, S), t.globalCompositeOperation = W;
 }
 function na(t, e, n, o, r, i = "source-over") {
   t.save(), t.globalAlpha = t.globalAlpha * r, t.globalCompositeOperation = i, t.fillStyle = o;
   const s = new Path2D();
-  no(s, e), no(s, n), t.fill(s, "evenodd"), t.restore();
+  oo(s, e), oo(s, n), t.fill(s, "evenodd"), t.restore();
 }
 let vn = null;
 function oa(t, e) {
@@ -3399,27 +3399,27 @@ function oa(t, e) {
 }
 function ra(t, e, n, o, r, i, s, l) {
   const a = e.path;
-  if (t.save(), t.beginPath(), Wn(t, a), t.clip(), n && (t.save(), t.globalCompositeOperation = "destination-out", t.fillStyle = "#000", a.kind === "path" ? zn(t, a) : t.fillRect(a.x, a.y, a.width, a.height), t.restore(), i > 0)) {
+  if (t.save(), t.beginPath(), $n(t, a), t.clip(), n && (t.save(), t.globalCompositeOperation = "destination-out", t.fillStyle = "#000", a.kind === "path" ? Vn(t, a) : t.fillRect(a.x, a.y, a.width, a.height), t.restore(), i > 0)) {
     const c = t.globalAlpha, u = t.getTransform();
     t.save(), t.setTransform(1, 0, 0, 1, 0, 0), t.filter = `blur(${i}px)`, t.globalAlpha = c * 0.4, t.drawImage(n, 0, 0), t.filter = "none", t.globalAlpha = c, t.setTransform(u), t.restore();
   }
   if (r > 0) {
     const c = t.globalAlpha;
-    t.fillStyle = o, t.globalAlpha = c * r, a.kind === "path" ? zn(t, a) : t.fillRect(a.x, a.y, a.width, a.height), t.globalAlpha = c;
+    t.fillStyle = o, t.globalAlpha = c * r, a.kind === "path" ? Vn(t, a) : t.fillRect(a.x, a.y, a.width, a.height), t.globalAlpha = c;
   }
-  t.restore(), s && (t.save(), t.strokeStyle = s, Xn(t, l), Fn(t, a), t.restore());
+  t.restore(), s && (t.save(), t.strokeStyle = s, On(t, l), _n(t, a), t.restore());
 }
 const ia = 0.3;
 function sa(t, e, n, o, r, i = !0, s, l = 0) {
   const a = e.path;
   if (i)
     if (r && s && l > 0) {
-      t.save(), t.beginPath(), Wn(t, a), t.clip(), t.save(), t.globalCompositeOperation = "destination-out", t.fillStyle = "#000", a.kind === "path" || a.kind === "roundedRect" ? zn(t, a) : t.fillRect(a.x, a.y, a.width, a.height), t.restore();
+      t.save(), t.beginPath(), $n(t, a), t.clip(), t.save(), t.globalCompositeOperation = "destination-out", t.fillStyle = "#000", a.kind === "path" || a.kind === "roundedRect" ? Vn(t, a) : t.fillRect(a.x, a.y, a.width, a.height), t.restore();
       const c = t.globalAlpha, u = t.getTransform();
       t.save(), t.setTransform(1, 0, 0, 1, 0, 0), t.filter = `blur(${l}px)`, t.globalAlpha = c * 0.4, t.drawImage(s, 0, 0), t.filter = "none", t.globalAlpha = c, t.setTransform(u), t.restore(), t.restore();
     } else
-      t.save(), t.globalCompositeOperation = "destination-out", t.globalAlpha = r ? 1 - ia : 1, t.fillStyle = "#000", a.kind === "path" || a.kind === "roundedRect" ? zn(t, a) : t.fillRect(a.x, a.y, a.width, a.height), t.restore();
-  n && (t.save(), t.strokeStyle = n, Xn(t, o), Fn(t, a), t.restore());
+      t.save(), t.globalCompositeOperation = "destination-out", t.globalAlpha = r ? 1 - ia : 1, t.fillStyle = "#000", a.kind === "path" || a.kind === "roundedRect" ? Vn(t, a) : t.fillRect(a.x, a.y, a.width, a.height), t.restore();
+  n && (t.save(), t.strokeStyle = n, On(t, o), _n(t, a), t.restore());
 }
 function aa(t, e, n, o) {
   const r = o > 0 ? n.labelFontSizePx / o : n.labelFontSizePx, i = Math.max(2, n.labelFontSizePx * 0.25), s = o > 0 ? i / o : i;
@@ -3511,7 +3511,7 @@ function da(t) {
     const gt = -R * Math.PI / 180, bt = Math.cos(gt), Yt = Math.sin(gt), Lt = H - j, Ht = yt - p;
     H = j + (Lt * bt - Ht * Yt), yt = p + (Lt * Yt + Ht * bt);
   }
-  const Pt = {
+  const Rt = {
     minX: Q,
     minY: St,
     maxX: vt,
@@ -3536,7 +3536,7 @@ function da(t) {
     rotationHandleY: yt,
     stateMachine: i,
     zoom: u
-  }), { updatedOBB: M, groupBounds: Pt };
+  }), { updatedOBB: M, groupBounds: Rt };
 }
 function ua(t, e) {
   var w;
@@ -3760,7 +3760,7 @@ function xa(t, e, n) {
     isTouchDevice: Et,
     selectionHandlePositionsRef: H,
     multiClickSelectionRef: yt,
-    lastMultiClickTimeRef: Pt,
+    lastMultiClickTimeRef: Rt,
     MULTI_CLICK_DEBOUNCE: gt,
     snapGuides: bt,
     spacingIndicators: Yt,
@@ -3786,7 +3786,7 @@ function xa(t, e, n) {
     St.current = 1;
   const d = window.devicePixelRatio || 1, B = S * w, F = f * w;
   if (B <= 0 || F <= 0) return;
-  const ct = 4096, K = B * d, It = F * d, wt = Math.max(K, It), jt = wt > ct ? ct / wt : 1, $t = d * jt;
+  const ct = 4096, K = B * d, Tt = F * d, wt = Math.max(K, Tt), jt = wt > ct ? ct / wt : 1, $t = d * jt;
   mt.width = B * $t, mt.height = F * $t, $.setTransform(1, 0, 0, 1, 0, 0), $.clearRect(0, 0, mt.width, mt.height);
   const O = e.current;
   $.scale($t, $t), w !== 1 && $.scale(w, w), (m !== 0 || b !== 0) && $.translate(m, b);
@@ -3795,10 +3795,10 @@ function xa(t, e, n) {
     ot.guides,
     t.focusedPieceId ?? null
   ) : void 0;
-  let oe = ot ? 0 : v;
+  let re = ot ? 0 : v;
   if (ot && ot.pieces.length === 1 && V) {
     const ut = ot.pieces[0].id, Ot = (Qe = ot.guides) == null ? void 0 : Qe[ut], Wt = Ot == null ? void 0 : Ot.outerRadius, Ct = Ot == null ? void 0 : Ot.boundary, Xt = Ct && typeof Ct == "object" && Ct.kind === "roundedRect" ? Ct.rx ?? Ct.ry : void 0, _t = typeof Wt == "number" && Wt > 0 ? Wt : typeof Xt == "number" && Xt > 0 ? Xt : 0;
-    _t > 0 && (oe = _t);
+    _t > 0 && (re = _t);
   }
   if (V && !ot)
     if ($.fillStyle = O, qt && typeof qt == "object" && qt.type === "path")
@@ -3813,12 +3813,12 @@ function xa(t, e, n) {
           V.height
         );
       }
-    else oe > 0 ? ($.beginPath(), $.roundRect(
+    else re > 0 ? ($.beginPath(), $.roundRect(
       V.x,
       V.y,
       V.width,
       V.height,
-      oe
+      re
     ), $.fill()) : $.fillRect(
       V.x,
       V.y,
@@ -3844,14 +3844,14 @@ function xa(t, e, n) {
         if (Ct) {
           const Xt = Ct.clone();
           Xt.children = Xt.children.map((_t) => {
-            if (_t.id === ut && I && _t instanceof se) {
+            if (_t.id === ut && I && _t instanceof oe) {
               const Gt = _t.clone();
               return Gt.setRichText(I), Gt;
             }
             return _t;
           }), Wt = Xt;
         }
-      } else if (I && u instanceof se) {
+      } else if (I && u instanceof oe) {
         const Ct = u.clone();
         Ct.setRichText(I), Wt = Ct;
       }
@@ -3889,7 +3889,7 @@ function xa(t, e, n) {
       y: V.y,
       width: V.width,
       height: V.height,
-      borderRadius: oe,
+      borderRadius: re,
       clipShape: qt ?? V.clipShape
     } : void 0,
     zoom: w,
@@ -3905,7 +3905,7 @@ function xa(t, e, n) {
     suppressOverflowDim: !1,
     showRotationHandle: W,
     editModeData: R ? (() => {
-      const ut = yt.current, at = Date.now() - Pt.current < gt, Ot = ut && at;
+      const ut = yt.current, at = Date.now() - Rt.current < gt, Ot = ut && at;
       return {
         cursorPosition: Ot ? ut.cursor : j,
         selectionStart: Ot ? ut.start : p,
@@ -3939,13 +3939,13 @@ function xa(t, e, n) {
         }
       }
     }
-    const Ot = ut, Wt = oe > 0 && V !== void 0;
+    const Ot = ut, Wt = re > 0 && V !== void 0;
     if (Wt && ($.save(), $.beginPath(), $.roundRect(
       V.x,
       V.y,
       V.width,
       V.height,
-      oe
+      re
     ), $.clip()), ta({
       ctx: $,
       artboardOrigin: { x: V.x, y: V.y },
@@ -3997,7 +3997,7 @@ function xa(t, e, n) {
       y: V.y,
       width: V.width,
       height: V.height,
-      borderRadius: oe,
+      borderRadius: re,
       clipShape: V.clipShape
     },
     showRotationHandle: W,
@@ -4406,7 +4406,7 @@ function Ha(t) {
     multiSelectionOBBRef: Et,
     zoom: H,
     paddingOffsetX: yt,
-    paddingOffsetY: Pt,
+    paddingOffsetY: Rt,
     spacingIndicators: gt,
     focusedPieceRect: bt,
     setCursorPosition: Yt,
@@ -4428,7 +4428,7 @@ function Ha(t) {
     snapSystem: F,
     spacingSystem: ct,
     penTool: K,
-    cropController: It,
+    cropController: Tt,
     onElementUpdate: wt,
     executeElementUpdate: jt,
     onSelectionChange: $t,
@@ -4436,7 +4436,7 @@ function Ha(t) {
     onRotationStateChange: V,
     onCropModeEnter: le,
     updateActiveChild: qt,
-    getActiveArtboardElements: oe,
+    getActiveArtboardElements: re,
     startMarqueeSelection: Pe,
     updateMarqueeSelection: xe,
     finishMarqueeSelection: Se,
@@ -4449,36 +4449,36 @@ function Ha(t) {
     getWrappedTextForEditing: st
   } = t, ut = kt(null), at = kt(/* @__PURE__ */ new Map()), Ot = kt(null), Wt = kt(null), Ct = kt(null), Xt = kt(null), _t = kt(null), Gt = kt(null), zt = kt(null), { userZoom: he, setUserZoom: ce, panOffset: ze, setPanOffset: He } = cr(), on = kt(he);
   on.current = he;
-  const Tt = kt(ze);
-  Tt.current = ze, Vt(() => {
+  const At = kt(ze);
+  At.current = ze, Vt(() => {
     const Y = e.current;
     if (!Y) return;
-    const Rt = () => {
+    const It = () => {
       ut.current = Y.getBoundingClientRect();
     };
-    return Rt(), window.addEventListener("scroll", Rt, { passive: !0, capture: !0 }), window.addEventListener("resize", Rt, { passive: !0 }), () => {
-      window.removeEventListener("scroll", Rt, { capture: !0 }), window.removeEventListener("resize", Rt);
+    return It(), window.addEventListener("scroll", It, { passive: !0, capture: !0 }), window.addEventListener("resize", It, { passive: !0 }), () => {
+      window.removeEventListener("scroll", It, { capture: !0 }), window.removeEventListener("resize", It);
     };
   }, [e]), Vt(() => {
     const Y = e.current;
     Y && (ut.current = Y.getBoundingClientRect());
   }, [H, e]);
-  const ro = xt(
+  const io = xt(
     (Y) => {
       var J, dt, U, ht, nt;
-      const Rt = e.current;
-      if (!Rt) return;
-      const Jt = Rt.getBoundingClientRect();
+      const It = e.current;
+      if (!It) return;
+      const Jt = It.getBoundingClientRect();
       ut.current = Jt;
-      const Z = (Y.clientX - Jt.left) / H - yt, q = (Y.clientY - Jt.top) / H - Pt;
+      const Z = (Y.clientX - Jt.left) / H - yt, q = (Y.clientY - Jt.top) / H - Rt;
       at.current.size === 0 && (Ct.current = (p == null ? void 0 : p.id) ?? null), at.current.set(Y.pointerId, {
         x: Z,
         y: q,
         clientX: Y.clientX,
         clientY: Y.clientY
       });
-      const re = W || p instanceof Ae && p.isCropping || K.isActive();
-      if (at.current.size === 2 && !re) {
+      const ie = W || p instanceof Ae && p.isCropping || K.isActive();
+      if (at.current.size === 2 && !ie) {
         const C = Array.from(at.current.keys()), _ = at.current.get(C[0]), T = at.current.get(C[1]), D = Ct.current !== null;
         if (!(D && p && !p.locked && (p.hitTest(_.x, _.y) || p.hitTest(T.x, T.y)))) {
           if (x.current && x.current.size > 0) {
@@ -4491,12 +4491,12 @@ function Ha(t) {
             ), x.current = null;
           }
           !D && p && $t(null), d.isInteracting() && d.end(), zt.current = null, Xt.current = null, _t.current = null, delete d._pendingTextEditMode, delete d._pendingChildSelection;
-          const it = T.clientX - _.clientX, Bt = T.clientY - _.clientY, Nt = Math.hypot(it, Bt), we = (((J = Rt.parentElement) == null ? void 0 : J.parentElement) ?? Rt).getBoundingClientRect();
+          const it = T.clientX - _.clientX, Bt = T.clientY - _.clientY, Nt = Math.hypot(it, Bt), we = (((J = It.parentElement) == null ? void 0 : J.parentElement) ?? It).getBoundingClientRect();
           Gt.current = {
             pointerA: C[0],
             pointerB: C[1],
             startUserZoom: on.current,
-            startPanOffset: { ...Tt.current },
+            startPanOffset: { ...At.current },
             startCentroidClient: {
               x: (_.clientX + T.clientX) / 2,
               y: (_.clientY + T.clientY) / 2
@@ -4505,18 +4505,18 @@ function Ha(t) {
             containerRect: { left: we.left, top: we.top }
           };
           try {
-            Rt.setPointerCapture(Y.pointerId);
+            It.setPointerCapture(Y.pointerId);
           } catch {
           }
           Y.preventDefault();
           return;
         }
       }
-      if (at.current.size === 2 && p && !p.locked && !re) {
+      if (at.current.size === 2 && p && !p.locked && !ie) {
         if (d.isInteracting()) {
           const D = d.getContext();
           if (D.element) {
-            const lt = oe().find(
+            const lt = re().find(
               (it) => it.id === D.element.id
             );
             jt(lt, D.element);
@@ -4528,13 +4528,13 @@ function Ha(t) {
         const _ = at.current.get(C[0]), T = at.current.get(C[1]);
         Xt.current = null, _t.current = null, zt.current = null, Wt.current = p.clone(), d.startPinch(p, _, T);
         try {
-          Rt.setPointerCapture(Y.pointerId);
+          It.setPointerCapture(Y.pointerId);
         } catch {
         }
         Y.preventDefault();
         return;
       }
-      if (W && p instanceof se) {
+      if (W && p instanceof oe) {
         if (P && E !== R) {
           const C = h.current;
           if (C.start || C.end) {
@@ -4561,12 +4561,12 @@ function Ha(t) {
             return;
           }
           s.current = pe, pe - l.current >= v && (a.current = null), pe - r.current < w ? i.current += 1 : i.current = 1, r.current = pe;
-          const ie = M;
+          const se = M;
           if (i.current >= 3)
-            Y.preventDefault(), l.current = pe, a.current = { start: 0, end: ie.length, cursor: ie.length }, c.current = !0, i.current = 0, Yt(ie.length), Lt(0), Ht(ie.length), n.current && (n.current.focus(), n.current.setSelectionRange(0, ie.length));
+            Y.preventDefault(), l.current = pe, a.current = { start: 0, end: se.length, cursor: se.length }, c.current = !0, i.current = 0, Yt(se.length), Lt(0), Ht(se.length), n.current && (n.current.focus(), n.current.setSelectionRange(0, se.length));
           else if (i.current === 2) {
             Y.preventDefault(), l.current = pe, c.current = !0;
-            const Ee = Ar(ie, fe);
+            const Ee = Ar(se, fe);
             a.current = { start: Ee.start, end: Ee.end, cursor: Ee.end }, Yt(Ee.end), Lt(Ee.start), Ht(Ee.end), n.current && (n.current.focus(), n.current.setSelectionRange(Ee.start, Ee.end));
           } else
             a.current = null, Yt(fe), Lt(fe), Ht(fe), n.current && (n.current.focus(), n.current.setSelectionRange(fe, fe)), c.current = !1;
@@ -4682,7 +4682,7 @@ function Ha(t) {
         }
         if (B.hitTestRotation(Z, q, H)) {
           if (A.locked) return;
-          const T = A.getBoundingBox(), D = lo(T), lt = ur(D.x, D.y, Z, q);
+          const T = A.getBoundingBox(), D = co(T), lt = ur(D.x, D.y, Z, q);
           Kt(!0), ye(lt), Ut(A.rotation), d.startRotate(A, Z, q, lt, A.rotation), Q && p instanceof pt && (d._activeChildContext = {
             group: p,
             childId: Q.id
@@ -4705,7 +4705,7 @@ function Ha(t) {
             const T = p.hitTestChild(Z, q);
             T && (d._pendingChildSelection = T);
           }
-          p && A.id === p.id && !(A instanceof se) && (Xt.current = A.id, _t.current = { x: Z, y: q }), A instanceof se && !(A instanceof pt) && p && A.id === p.id && !W && (d._pendingTextEditMode = {
+          p && A.id === p.id && !(A instanceof oe) && (Xt.current = A.id, _t.current = { x: Z, y: q }), A instanceof oe && !(A instanceof pt) && p && A.id === p.id && !W && (d._pendingTextEditMode = {
             elementId: A.id,
             originalX: A.x,
             originalY: A.y,
@@ -4741,7 +4741,7 @@ function Ha(t) {
         return;
       }
       if (!Y.shiftKey) {
-        const C = oe(), _ = [];
+        const C = re(), _ = [];
         for (let D = C.length - 1; D >= 0; D--) {
           const lt = C[D];
           lt.visible !== !1 && lt.hitTest(Z, q) && go(lt, Z, q, bt) && _.push(lt);
@@ -4769,23 +4769,23 @@ function Ha(t) {
           pointerId: Y.pointerId,
           startClientX: Y.clientX,
           startClientY: Y.clientY,
-          startPanOffset: { ...Tt.current },
+          startPanOffset: { ...At.current },
           movedPastThreshold: !1,
           pendingTap: T
         };
         try {
-          Rt.setPointerCapture(Y.pointerId);
+          It.setPointerCapture(Y.pointerId);
         } catch {
         }
         Y.preventDefault();
         return;
       }
-      const At = oe();
+      const Pt = re();
       if (La({
         x: Z,
         y: q,
         shiftKey: Y.shiftKey,
-        activeArtboardElements: At,
+        activeArtboardElements: Pt,
         selectedElement: p || null,
         multiSelection: vt,
         onSelectionChange: $t,
@@ -4802,12 +4802,12 @@ function Ha(t) {
             pointerId: Y.pointerId,
             startClientX: Y.clientX,
             startClientY: Y.clientY,
-            startPanOffset: { ...Tt.current },
+            startPanOffset: { ...At.current },
             movedPastThreshold: !1,
             pendingTap: null
           };
           try {
-            Rt.setPointerCapture(Y.pointerId);
+            It.setPointerCapture(Y.pointerId);
           } catch {
           }
           Y.preventDefault();
@@ -4817,7 +4817,7 @@ function Ha(t) {
     [
       W,
       p,
-      oe,
+      re,
       $t,
       O,
       B,
@@ -4838,24 +4838,24 @@ function Ha(t) {
     ]
   ), In = xt(
     (Y) => {
-      var re;
-      const Rt = e.current;
-      if (!Rt) return;
-      const Jt = ut.current ?? Rt.getBoundingClientRect(), Z = (Y.clientX - Jt.left) / H - yt, q = (Y.clientY - Jt.top) / H - Pt;
+      var ie;
+      const It = e.current;
+      if (!It) return;
+      const Jt = ut.current ?? It.getBoundingClientRect(), Z = (Y.clientX - Jt.left) / H - yt, q = (Y.clientY - Jt.top) / H - Rt;
       if (g.current = { x: Z, y: q }, at.current.has(Y.pointerId) && at.current.set(Y.pointerId, {
         x: Z,
         y: q,
         clientX: Y.clientX,
         clientY: Y.clientY
       }), Gt.current) {
-        const A = Gt.current, At = at.current.get(A.pointerA), k = at.current.get(A.pointerB);
-        if (At && k) {
-          const z = k.clientX - At.clientX, G = k.clientY - At.clientY, dt = Math.hypot(z, G) / A.startDistance, U = Math.min(
+        const A = Gt.current, Pt = at.current.get(A.pointerA), k = at.current.get(A.pointerB);
+        if (Pt && k) {
+          const z = k.clientX - Pt.clientX, G = k.clientY - Pt.clientY, dt = Math.hypot(z, G) / A.startDistance, U = Math.min(
             Math.max(A.startUserZoom * dt, 0.25),
             8
-          ), ht = A.startCentroidClient.x - A.containerRect.left, nt = A.startCentroidClient.y - A.containerRect.top, C = (At.clientX + k.clientX) / 2 - A.containerRect.left, _ = (At.clientY + k.clientY) / 2 - A.containerRect.top, T = U / A.startUserZoom, D = C - (ht - A.startPanOffset.x) * T, lt = _ - (nt - A.startPanOffset.y) * T, it = e.current;
+          ), ht = A.startCentroidClient.x - A.containerRect.left, nt = A.startCentroidClient.y - A.containerRect.top, C = (Pt.clientX + k.clientX) / 2 - A.containerRect.left, _ = (Pt.clientY + k.clientY) / 2 - A.containerRect.top, T = U / A.startUserZoom, D = C - (ht - A.startPanOffset.x) * T, lt = _ - (nt - A.startPanOffset.y) * T, it = e.current;
           if (it) {
-            const Bt = it.getBoundingClientRect(), Nt = (re = it.parentElement) == null ? void 0 : re.parentElement, de = (Nt == null ? void 0 : Nt.clientWidth) ?? Bt.width, we = (Nt == null ? void 0 : Nt.clientHeight) ?? Bt.height, Ce = 80, fe = U / Math.max(on.current, 1e-4), pe = Bt.width * fe, Ve = Bt.height * fe, ie = Tt.current.x, Ee = Tt.current.y, Ke = Bt.left - A.containerRect.left, Ue = Bt.top - A.containerRect.top, Me = Ke + (D - ie), Xe = Ue + (lt - Ee), Oe = Math.min(
+            const Bt = it.getBoundingClientRect(), Nt = (ie = it.parentElement) == null ? void 0 : ie.parentElement, de = (Nt == null ? void 0 : Nt.clientWidth) ?? Bt.width, we = (Nt == null ? void 0 : Nt.clientHeight) ?? Bt.height, Ce = 80, fe = U / Math.max(on.current, 1e-4), pe = Bt.width * fe, Ve = Bt.height * fe, se = At.current.x, Ee = At.current.y, Ke = Bt.left - A.containerRect.left, Ue = Bt.top - A.containerRect.top, Me = Ke + (D - se), Xe = Ue + (lt - Ee), Oe = Math.min(
               Math.max(Me, -pe + Ce),
               de - Ce
             ), Te = Math.min(
@@ -4872,21 +4872,21 @@ function Ha(t) {
         return;
       }
       if (zt.current && zt.current.pointerId === Y.pointerId) {
-        const A = zt.current, At = Y.clientX - A.startClientX, k = Y.clientY - A.startClientY;
+        const A = zt.current, Pt = Y.clientX - A.startClientX, k = Y.clientY - A.startClientY;
         if (!A.movedPastThreshold)
-          if (Math.hypot(At, k) > 5)
+          if (Math.hypot(Pt, k) > 5)
             A.movedPastThreshold = !0, A.pendingTap = null;
           else
             return;
         if (on.current <= 1.001) return;
         He({
-          x: A.startPanOffset.x + At,
+          x: A.startPanOffset.x + Pt,
           y: A.startPanOffset.y + k
         });
         return;
       }
       if (d.getMode() === "pinch" && Ot.current) {
-        const { a: A, b: At } = Ot.current, k = at.current.get(A), z = at.current.get(At);
+        const { a: A, b: Pt } = Ot.current, k = at.current.get(A), z = at.current.get(Pt);
         if (k && z) {
           const G = d.updatePinch(k, z), { element: J, startData: dt } = d.getPinchContext();
           ba.calculatePinch({
@@ -4906,8 +4906,8 @@ function Ha(t) {
         Y.preventDefault();
         return;
       }
-      if (u.current && p instanceof se) {
-        const A = p.getVisualBoundingBox(), At = p.getRotationAnchor(), k = _e.toRadiansInverse(p.rotation), z = Z - At.x, G = q - At.y, J = Math.cos(k), dt = Math.sin(k), U = z * J - G * dt, ht = z * dt + G * J, nt = h.current;
+      if (u.current && p instanceof oe) {
+        const A = p.getVisualBoundingBox(), Pt = p.getRotationAnchor(), k = _e.toRadiansInverse(p.rotation), z = Z - Pt.x, G = q - Pt.y, J = Math.cos(k), dt = Math.sin(k), U = z * J - G * dt, ht = z * dt + G * J, nt = h.current;
         let C = 0;
         u.current === "start" && (nt != null && nt.start) ? C = nt.start.textEdge.y - nt.start.center.y : u.current === "end" && (nt != null && nt.end) && (C = nt.end.textEdge.y - nt.end.center.y);
         const _ = U + A.width / 2, T = ht + C + A.height / 2, D = un(p, { x: _, y: T });
@@ -4928,13 +4928,13 @@ function Ha(t) {
       if (d.getMode() === "drag") {
         const A = d._multiSelectionDragContext;
         if (A && vt.length > 0) {
-          const At = Z - A.startX, k = q - A.startY;
+          const Pt = Z - A.startX, k = q - A.startY;
           A.currentElements || (A.currentElements = /* @__PURE__ */ new Map());
           const z = [];
           A.elementsStartData.forEach((G) => {
             const J = G.element, dt = G.startData, U = J.clone();
-            U.x = dt.x + At, U.y = dt.y + k, A.currentElements.set(U.id, U), z.push(U);
-          }), mt((G) => G.map((J) => z.find((dt) => dt.id === J.id) || J)), A.currentDelta = { dx: At, dy: k }, !A.startOBB && Et.current && (A.startOBB = { ...Et.current }), et((G) => G + 1), $({});
+            U.x = dt.x + Pt, U.y = dt.y + k, A.currentElements.set(U.id, U), z.push(U);
+          }), mt((G) => G.map((J) => z.find((dt) => dt.id === J.id) || J)), A.currentDelta = { dx: Pt, dy: k }, !A.startOBB && Et.current && (A.startOBB = { ...Et.current }), et((G) => G + 1), $({});
           return;
         }
       }
@@ -4942,7 +4942,7 @@ function Ha(t) {
         if (d.getDragMode() === "crop-image-drag") {
           const U = d.getContext(), ht = U.element;
           if (ht instanceof Ae && ht.isCropping) {
-            const nt = It.handleCropImageDrag(ht, U, Z, q), C = d._cropGroupContext, _ = d._activeChildContext, T = C || _;
+            const nt = Tt.handleCropImageDrag(ht, U, Z, q), C = d._cropGroupContext, _ = d._activeChildContext, T = C || _;
             if (T && p instanceof pt) {
               const D = ht.clone();
               D.x = nt.x, D.y = nt.y, D.updateCrop(nt.cropX, nt.cropY, nt.cropWidth, nt.cropHeight, !1);
@@ -4961,14 +4961,14 @@ function Ha(t) {
             return;
           }
         }
-        const At = d._activeChildContext, k = oe(), z = [];
+        const Pt = d._activeChildContext, k = re(), z = [];
         k.forEach((U) => {
           U instanceof pt ? z.push(...U.children) : z.push(U);
         });
         let G = d.updateDrag(Z, q, z);
-        const J = At && p instanceof pt ? p.children.find((U) => U.id === At.childId) : p;
-        if (J && (G = ct.snapToSpacing(G, J, z)), At && p instanceof pt) {
-          const U = p.clone(), ht = U.children.findIndex((C) => C.id === At.childId);
+        const J = Pt && p instanceof pt ? p.children.find((U) => U.id === Pt.childId) : p;
+        if (J && (G = ct.snapToSpacing(G, J, z)), Pt && p instanceof pt) {
+          const U = p.clone(), ht = U.children.findIndex((C) => C.id === Pt.childId);
           if (ht >= 0) {
             const C = U.children[ht].clone();
             C.x = G.x, C.y = G.y, U.children[ht] = C, U.updateBoundsFromChildren(!0);
@@ -4993,8 +4993,8 @@ function Ha(t) {
         }
         et((U) => U + 1), X(F.getGuides());
         let dt;
-        if (At && p instanceof pt)
-          dt = p.children.find((U) => U.id === At.childId);
+        if (Pt && p instanceof pt)
+          dt = p.children.find((U) => U.id === Pt.childId);
         else {
           const U = d.getContext();
           U._cachedElement && p ? dt = U._cachedElement[p.id] : dt = p || void 0;
@@ -5004,7 +5004,7 @@ function Ha(t) {
           tt(U);
         }
       } else if (d.getMode() === "resize") {
-        const { dx: A, dy: At } = d.updateResize(Z, q), k = d.getResizeContext(), z = d._multiSelectionResizeContext;
+        const { dx: A, dy: Pt } = d.updateResize(Z, q), k = d.getResizeContext(), z = d._multiSelectionResizeContext;
         if (z && vt.length > 0) {
           const C = z.startBounds, _ = z.anchor;
           let T, D, lt, it;
@@ -5024,7 +5024,7 @@ function Ha(t) {
             default:
               T = C.minX, D = C.minY, lt = C.maxX, it = C.maxY;
           }
-          const Bt = lt + A, Nt = it + At, de = Math.abs(lt - T), we = Math.abs(it - D), Ce = Math.abs(Bt - T), fe = Math.abs(Nt - D), pe = de > 0 ? Ce / de : 1, Ve = we > 0 ? fe / we : 1, ie = (pe + Ve) / 2, Ee = C.maxX - C.minX, Ke = C.maxY - C.minY, Ue = Ee * ie, Me = Ke * ie;
+          const Bt = lt + A, Nt = it + Pt, de = Math.abs(lt - T), we = Math.abs(it - D), Ce = Math.abs(Bt - T), fe = Math.abs(Nt - D), pe = de > 0 ? Ce / de : 1, Ve = we > 0 ? fe / we : 1, se = (pe + Ve) / 2, Ee = C.maxX - C.minX, Ke = C.maxY - C.minY, Ue = Ee * se, Me = Ke * se;
           let Xe = T, Oe = D, Te = T, We = D;
           switch (_) {
             case "top-left":
@@ -5041,17 +5041,17 @@ function Ha(t) {
               break;
           }
           if (z.elementsStartData.forEach((xn) => {
-            const An = xn.element, qe = xn.startData, jn = qe.x - T, Nn = qe.y - D, Cn = T + jn * ie, Pn = D + Nn * ie, Le = An.clone();
+            const An = xn.element, qe = xn.startData, Nn = qe.x - T, Kn = qe.y - D, Cn = T + Nn * se, Pn = D + Kn * se, Le = An.clone();
             if (Le instanceof Ae) {
               Le.x = Cn, Le.y = Pn;
               const fn = Le.transformData, pn = qe.transformData;
-              fn.width = pn.width * ie, fn.height = pn.height * ie;
+              fn.width = pn.width * se, fn.height = pn.height * se;
             } else if (Le instanceof pt) {
               Le.x = Cn, Le.y = Pn;
-              const fn = qe.width * ie, pn = qe.height * ie;
+              const fn = qe.width * se, pn = qe.height * se;
               Le.resize(_, fn, pn, qe);
             } else {
-              const fn = qe.width * ie, pn = qe.height * ie;
+              const fn = qe.width * se, pn = qe.height * se;
               Le.resize(_, fn, pn, qe), Le.x = Cn, Le.y = Pn;
             }
             wt(Le);
@@ -5069,8 +5069,8 @@ function Ha(t) {
         }
         const G = k.element;
         if (G instanceof Ae && G.isCropping && k.handle.anchor && k.handle.anchor.startsWith("crop-")) {
-          const C = k.handle.anchor.replace("crop-", ""), _ = d.getContext(), T = It.handleCropBoxResize(G, C, k, _, Z, q);
-          Rt.style.cursor = T.cursor;
+          const C = k.handle.anchor.replace("crop-", ""), _ = d.getContext(), T = Tt.handleCropBoxResize(G, C, k, _, Z, q);
+          It.style.cursor = T.cursor;
           const D = d._cropGroupContext, lt = d._activeChildContext, it = D || lt;
           if (it && p instanceof pt) {
             const Bt = G.clone();
@@ -5088,11 +5088,11 @@ function Ha(t) {
         St.forEach((C) => {
           C instanceof pt ? U.push(...C.children) : U.push(C);
         });
-        let nt = Zn.executeResize({
+        let nt = Qn.executeResize({
           element: k.element,
           handle: k.handle,
           dx: A,
-          dy: At,
+          dy: Pt,
           startData: k.startData,
           allElements: U,
           snapSystem: F
@@ -5104,12 +5104,12 @@ function Ha(t) {
           wt(nt), B.update(nt, H);
         et((C) => C + 1), X(F.getGuides());
       } else if (d.getMode() === "rotate") {
-        Rt.style.cursor = "grabbing", rt || (Kt(!0), V == null || V(!0));
+        It.style.cursor = "grabbing", rt || (Kt(!0), V == null || V(!0));
         const A = d._multiSelectionRotationContext;
         if (A && vt.length > 0) {
           const nt = A.startBounds, C = d.updateRotate(Z, q, nt.centerX, nt.centerY);
           Ut(C), A.elementsStartData.forEach((_) => {
-            const T = _.element, D = _.startData, lt = Gn.rotatePointAroundAnchor(
+            const T = _.element, D = _.startData, lt = Zn.rotatePointAroundAnchor(
               D.x,
               D.y,
               nt.centerX,
@@ -5120,15 +5120,15 @@ function Ha(t) {
           });
           return;
         }
-        const At = d._activeChildContext, k = At ? Q : p;
+        const Pt = d._activeChildContext, k = Pt ? Q : p;
         if (!k) return;
-        const z = k.getBoundingBox(), G = lo(z), J = G.x, dt = G.y, U = d.updateRotate(Z, q, G.x, G.y), ht = k.clone();
+        const z = k.getBoundingBox(), G = co(z), J = G.x, dt = G.y, U = d.updateRotate(Z, q, G.x, G.y), ht = k.clone();
         if (ht.setRotation(U), !(ht instanceof pt)) {
-          const nt = ht.getBoundingBox(), C = lo(nt), _ = J - C.x, T = dt - C.y;
+          const nt = ht.getBoundingBox(), C = co(nt), _ = J - C.x, T = dt - C.y;
           ht.x += _, ht.y += T;
         }
-        if (y.current = ht, Ut(ht.rotation), ve((nt) => nt + 1), At && p instanceof pt) {
-          const nt = p.clone(), C = nt.children.findIndex((_) => _.id === At.childId);
+        if (y.current = ht, Ut(ht.rotation), ve((nt) => nt + 1), Pt && p instanceof pt) {
+          const nt = p.clone(), C = nt.children.findIndex((_) => _.id === Pt.childId);
           C >= 0 && (nt.children[C] = ht, nt.updateBoundsFromChildren(!0)), wt(nt), C >= 0 && (qt(nt.children[C]), B.update(nt.children[C], H));
         } else
           wt(ht), B.update(ht, H);
@@ -5155,7 +5155,7 @@ function Ha(t) {
           for (const _ of dt) {
             const T = Z - _.x, D = q - _.y;
             if (Math.sqrt(T * T + D * D) <= z) {
-              Rt.style.cursor = _.cursor, ot({ type: "multi-selection-handle", data: _ });
+              It.style.cursor = _.cursor, ot({ type: "multi-selection-handle", data: _ });
               return;
             }
           }
@@ -5163,7 +5163,7 @@ function Ha(t) {
           if (Math.sqrt(
             Math.pow(Z - k.rotationHandleX, 2) + Math.pow(q - k.rotationHandleY, 2)
           ) <= U) {
-            Rt.style.cursor = "grab", ot({ type: "multi-selection-rotation-handle", data: null });
+            It.style.cursor = "grab", ot({ type: "multi-selection-rotation-handle", data: null });
             return;
           }
           let nt = Z, C = q;
@@ -5172,13 +5172,13 @@ function Ha(t) {
             nt = k.centerX + (lt * T - it * D), C = k.centerY + (lt * D + it * T);
           }
           if (nt >= k.minX && nt <= k.maxX && C >= k.minY && C <= k.maxY) {
-            Rt.style.cursor = "move", ot({ type: "multi-selection-bounds", data: k });
+            It.style.cursor = "move", ot({ type: "multi-selection-bounds", data: k });
             return;
           }
         }
         if (Y.altKey) {
           let k = null;
-          const z = oe();
+          const z = re();
           for (let G = z.length - 1; G >= 0; G--) {
             const J = z[G];
             if (J.visible !== !1) {
@@ -5227,30 +5227,30 @@ function Ha(t) {
                 A.rotation,
                 k.anchor
               );
-              Rt.style.cursor = G, ot({ type: "crop-handle", data: k });
+              It.style.cursor = G, ot({ type: "crop-handle", data: k });
               return;
             }
             const z = B.hitTestResize(Z, q, H);
             if (z) {
-              Rt.style.cursor = z.cursor, ot({ type: "resize-handle", data: z });
+              It.style.cursor = z.cursor, ot({ type: "resize-handle", data: z });
               return;
             }
             if (A.hitTest(Z, q)) {
-              Rt.style.cursor = "move", ot({ type: "element", data: A });
+              It.style.cursor = "move", ot({ type: "element", data: A });
               return;
             }
           } else {
             if (B.hitTestRotation(Z, q, H)) {
-              Rt.style.cursor = "grab", ot({ type: "rotation-handle", data: null });
+              It.style.cursor = "grab", ot({ type: "rotation-handle", data: null });
               return;
             }
             const k = B.hitTestResize(Z, q, H);
             if (k) {
-              Rt.style.cursor = k.cursor, ot({ type: "resize-handle", data: k });
+              It.style.cursor = k.cursor, ot({ type: "resize-handle", data: k });
               return;
             }
             if (A.hitTest(Z, q)) {
-              Rt.style.cursor = "move", ot({ type: "element", data: A });
+              It.style.cursor = "move", ot({ type: "element", data: A });
               return;
             }
           }
@@ -5258,25 +5258,25 @@ function Ha(t) {
           for (let k = p.children.length - 1; k >= 0; k--) {
             const z = p.children[k];
             if (!(z.visible === !1 || z.id === Q.id) && z.hitTest(Z, q)) {
-              Rt.style.cursor = "pointer", ot({ type: "group-sibling", data: z });
+              It.style.cursor = "pointer", ot({ type: "group-sibling", data: z });
               return;
             }
           }
-        const At = oe();
-        for (let k = At.length - 1; k >= 0; k--)
-          if (At[k].visible !== !1 && !At[k].locked && At[k].hitTest(Z, q)) {
-            if (!go(At[k], Z, q, bt))
+        const Pt = re();
+        for (let k = Pt.length - 1; k >= 0; k--)
+          if (Pt[k].visible !== !1 && !Pt[k].locked && Pt[k].hitTest(Z, q)) {
+            if (!go(Pt[k], Z, q, bt))
               continue;
-            Rt.style.cursor = "pointer", ot({ type: "element", data: At[k] });
+            It.style.cursor = "pointer", ot({ type: "element", data: Pt[k] });
             return;
           }
-        Rt.style.cursor = "default", ot({ type: null, data: null });
+        It.style.cursor = "default", ot({ type: null, data: null });
       }
     },
     [
       d,
       p,
-      oe,
+      re,
       wt,
       B,
       I,
@@ -5288,18 +5288,18 @@ function Ha(t) {
       et,
       H,
       yt,
-      Pt,
+      Rt,
       ot,
       ct,
       tt,
       gt,
-      It,
+      Tt,
       // Canvas-zoom pinch update uses these viewport setters.
       ce,
       He
     ]
   ), hn = xt((Y) => {
-    var Z, q, re, A, At;
+    var Z, q, ie, A, Pt;
     if (Y.target.releasePointerCapture(Y.pointerId), at.current.delete(Y.pointerId), Gt.current && (Y.pointerId === Gt.current.pointerA || Y.pointerId === Gt.current.pointerB)) {
       Gt.current = null, at.current.clear();
       return;
@@ -5337,8 +5337,8 @@ function Ha(t) {
       const J = St.find((dt) => dt.id === G);
       J && (z.x !== J.x || z.y !== J.y || z instanceof pt && J instanceof pt && JSON.stringify(z.children.map((U) => ({ x: U.x, y: U.y }))) !== JSON.stringify(J.children.map((U) => ({ x: U.x, y: U.y })))) && jt(z, J);
     }), x.current = null);
-    const Rt = e.current;
-    if (Rt && (Rt.style.cursor = "default"), F.clearGuides(), F.clearSnapState(), X([]), ct.clearIndicators(), tt([]), d._cropGroupContext && delete d._cropGroupContext, d._activeChildContext) {
+    const It = e.current;
+    if (It && (It.style.cursor = "default"), F.clearGuides(), F.clearSnapState(), X([]), ct.clearIndicators(), tt([]), d._cropGroupContext && delete d._cropGroupContext, d._activeChildContext) {
       if (Q && p instanceof pt) {
         const k = d.getContext(), J = (k._cachedElement && k._cachedElement[p.id] || p).children.find((dt) => dt.id === Q.id);
         J && (qt(J), B.update(J, H));
@@ -5384,15 +5384,15 @@ function Ha(t) {
     }
     if (d._pendingTextEditMode) {
       const k = d._pendingTextEditMode, z = St.find((J) => J.id === k.elementId);
-      !(z && (Math.abs(z.x - k.originalX) > 0.1 || Math.abs(z.y - k.originalY) > 0.1)) && z instanceof se && !(z instanceof Ae) && !(z instanceof On) && De(z, k.clickX, k.clickY), delete d._pendingTextEditMode;
+      !(z && (Math.abs(z.x - k.originalX) > 0.1 || Math.abs(z.y - k.originalY) > 0.1)) && z instanceof oe && !(z instanceof Ae) && !(z instanceof Yn) && De(z, k.clickX, k.clickY), delete d._pendingTextEditMode;
     }
     if (Xt.current) {
-      const k = Xt.current, z = _t.current, G = St.find((ht) => ht.id === k), J = (re = x.current) == null ? void 0 : re.get(k), dt = !!(G && J && (Math.abs(G.x - J.x) > 0.1 || Math.abs(G.y - J.y) > 0.1)), U = z ? Math.hypot(
+      const k = Xt.current, z = _t.current, G = St.find((ht) => ht.id === k), J = (ie = x.current) == null ? void 0 : ie.get(k), dt = !!(G && J && (Math.abs(G.x - J.x) > 0.1 || Math.abs(G.y - J.y) > 0.1)), U = z ? Math.hypot(
         (Y.clientX - (((A = ut.current) == null ? void 0 : A.left) ?? 0)) / H - yt - z.x,
-        (Y.clientY - (((At = ut.current) == null ? void 0 : At.top) ?? 0)) / H - Pt - z.y
+        (Y.clientY - (((Pt = ut.current) == null ? void 0 : Pt.top) ?? 0)) / H - Rt - z.y
       ) > 4 / Math.max(H, 1e-4) : !1;
       if (!dt && !U && k === (p == null ? void 0 : p.id) && z) {
-        const ht = oe(), nt = [];
+        const ht = re(), nt = [];
         for (let _ = ht.length - 1; _ >= 0; _--) {
           const T = ht[_];
           T.visible !== !1 && T.hitTest(z.x, z.y) && go(T, z.x, z.y, bt) && nt.push(T);
@@ -5419,29 +5419,29 @@ function Ha(t) {
     et,
     H,
     yt,
-    Pt,
+    Rt,
     V,
     De,
     St,
     $t,
     jt,
     bt
-  ]), $n = xt(
+  ]), jn = xt(
     (Y) => {
       if (!p) return;
-      const Rt = e.current;
-      if (!Rt) return;
-      const Jt = ut.current ?? Rt.getBoundingClientRect(), Z = (Y.clientX - Jt.left) / H - yt, q = (Y.clientY - Jt.top) / H - Pt;
+      const It = e.current;
+      if (!It) return;
+      const Jt = ut.current ?? It.getBoundingClientRect(), Z = (Y.clientX - Jt.left) / H - yt, q = (Y.clientY - Jt.top) / H - Rt;
       if (p.hitTest(Z, q)) {
         if (p instanceof pt) {
           const it = p.hitTestChild(Z, q);
           if (it) {
             if (!(Q && Q.id === it.id)) return;
-            if (it instanceof se && !(it instanceof pt) && !(it instanceof On)) {
-              const Nt = it.getVisualBoundingBox(), de = _e.toRadiansInverse(it.rotation), we = it.getRotationAnchor(), Ce = Z - we.x, fe = q - we.y, pe = Math.cos(de), Ve = Math.sin(de), ie = Ce * pe - fe * Ve, Ee = Ce * Ve + fe * pe, Ke = ie + Nt.width / 2, Ue = Ee + Nt.height / 2, Me = un(it, { x: Ke, y: Ue }), Xe = Nt.height + 16, Oe = 6;
+            if (it instanceof oe && !(it instanceof pt) && !(it instanceof Yn)) {
+              const Nt = it.getVisualBoundingBox(), de = _e.toRadiansInverse(it.rotation), we = it.getRotationAnchor(), Ce = Z - we.x, fe = q - we.y, pe = Math.cos(de), Ve = Math.sin(de), se = Ce * pe - fe * Ve, Ee = Ce * Ve + fe * pe, Ke = se + Nt.width / 2, Ue = Ee + Nt.height / 2, Me = un(it, { x: Ke, y: Ue }), Xe = Nt.height + 16, Oe = 6;
               Ie({
                 x: Jt.left + (Nt.x + yt) * H - Oe,
-                y: Jt.top + (Nt.y + Pt) * H - Oe,
+                y: Jt.top + (Nt.y + Rt) * H - Oe,
                 width: Math.max(20, Nt.width * H),
                 height: Math.max(Xe * H, 50)
               }), be(st(it));
@@ -5458,13 +5458,13 @@ function Ha(t) {
           K.editPath(p), et((it) => it + 1);
           return;
         }
-        if (p instanceof On)
+        if (p instanceof Yn || !(p instanceof oe))
           return;
-        const re = p.getVisualBoundingBox(), A = _e.toRadiansInverse(p.rotation), At = p.getRotationAnchor(), k = Z - At.x, z = q - At.y, G = Math.cos(A), J = Math.sin(A), dt = k * G - z * J, U = k * J + z * G, ht = dt + re.width / 2, nt = U + re.height / 2, C = un(p, { x: ht, y: nt }), _ = re.height + 16, T = 6;
+        const ie = p.getVisualBoundingBox(), A = _e.toRadiansInverse(p.rotation), Pt = p.getRotationAnchor(), k = Z - Pt.x, z = q - Pt.y, G = Math.cos(A), J = Math.sin(A), dt = k * G - z * J, U = k * J + z * G, ht = dt + ie.width / 2, nt = U + ie.height / 2, C = un(p, { x: ht, y: nt }), _ = ie.height + 16, T = 6;
         Ie({
-          x: Jt.left + (re.x + yt) * H - T,
-          y: Jt.top + (re.y + Pt) * H - T,
-          width: Math.max(20, re.width * H),
+          x: Jt.left + (ie.x + yt) * H - T,
+          y: Jt.top + (ie.y + Rt) * H - T,
+          width: Math.max(20, ie.width * H),
           height: Math.max(_ * H, 50)
         }), be(st(p));
         const D = p.getRichText().clone();
@@ -5482,7 +5482,7 @@ function Ha(t) {
       et,
       H,
       yt,
-      Pt,
+      Rt,
       Ie,
       be,
       je,
@@ -5497,11 +5497,11 @@ function Ha(t) {
     ]
   ), wn = xt(
     (Y) => {
-      const Rt = e.current;
-      if (!Rt || d.getMode() === "idle") return;
-      const Z = ut.current ?? Rt.getBoundingClientRect();
+      const It = e.current;
+      if (!It || d.getMode() === "idle") return;
+      const Z = ut.current ?? It.getBoundingClientRect();
       if (Y.clientX >= Z.left && Y.clientX <= Z.right && Y.clientY >= Z.top && Y.clientY <= Z.bottom) return;
-      const re = {
+      const ie = {
         clientX: Y.clientX,
         clientY: Y.clientY,
         altKey: Y.altKey,
@@ -5510,8 +5510,8 @@ function Ha(t) {
         metaKey: Y.metaKey,
         bubbles: !0,
         cancelable: !0,
-        currentTarget: Rt,
-        target: Rt,
+        currentTarget: It,
+        target: It,
         nativeEvent: Y,
         type: "pointermove",
         pointerId: Y.pointerId || 0,
@@ -5521,37 +5521,37 @@ function Ha(t) {
         isPropagationStopped: () => !1,
         isDefaultPrevented: () => Y.defaultPrevented
       };
-      In(re);
+      In(ie);
     },
     [In, e, d]
   ), Tn = xt(
     (Y) => {
-      const Rt = e.current;
-      if (!Rt) return;
-      const Jt = Y.target, Z = Jt ? Rt.contains(Jt) : !1, q = at.current.has(Y.pointerId) || Gt.current !== null || zt.current !== null || Ot.current !== null || d.isInteracting();
+      const It = e.current;
+      if (!It) return;
+      const Jt = Y.target, Z = Jt ? It.contains(Jt) : !1, q = at.current.has(Y.pointerId) || Gt.current !== null || zt.current !== null || Ot.current !== null || d.isInteracting();
       if (!Z && !q) return;
-      const re = {
+      const ie = {
         clientX: Y.clientX,
         clientY: Y.clientY,
-        currentTarget: Rt,
-        target: Rt,
+        currentTarget: It,
+        target: It,
         pointerId: Y.pointerId || 0,
         pointerType: Y.pointerType || "mouse"
       };
-      hn(re);
+      hn(ie);
     },
     [hn, e, d]
   );
   return Vt(() => (document.addEventListener("pointermove", wn), document.addEventListener("pointerup", Tn), () => {
     document.removeEventListener("pointermove", wn), document.removeEventListener("pointerup", Tn);
   }), [wn, Tn]), {
-    handlePointerDown: ro,
+    handlePointerDown: io,
     handlePointerMove: In,
     handlePointerUp: hn,
-    handleDoubleClick: $n
+    handleDoubleClick: jn
   };
 }
-function Un(t) {
+function qn(t) {
   if (t.transformType !== "custom")
     return t.text;
   const n = t.getVisualBoundingBox().width, o = t.getText();
@@ -5603,7 +5603,7 @@ function Xa(t) {
     setSelectionEnd: Et,
     setEditPosition: H,
     setCurrentFormattingStyle: yt,
-    setCursorAnimationFrame: Pt,
+    setCursorAnimationFrame: Rt,
     setHandlesVersion: gt,
     setElements: bt,
     onElementUpdate: Yt,
@@ -5614,13 +5614,13 @@ function Xa(t) {
     (d, B, F) => {
       const ct = e.current;
       if (!ct) return;
-      const K = ct.getBoundingClientRect(), It = d.getVisualBoundingBox(), wt = _e.toRadiansInverse(d.rotation), jt = d.getRotationAnchor(), $t = B - jt.x, O = F - jt.y, V = Math.cos(wt), le = Math.sin(wt), qt = $t * V - O * le, oe = $t * le + O * V, Pe = qt + It.width / 2, xe = oe + It.height / 2, Se = un(d, { x: Pe, y: xe }), De = It.height + 16, Ie = 6;
+      const K = ct.getBoundingClientRect(), Tt = d.getVisualBoundingBox(), wt = _e.toRadiansInverse(d.rotation), jt = d.getRotationAnchor(), $t = B - jt.x, O = F - jt.y, V = Math.cos(wt), le = Math.sin(wt), qt = $t * V - O * le, re = $t * le + O * V, Pe = qt + Tt.width / 2, xe = re + Tt.height / 2, Se = un(d, { x: Pe, y: xe }), De = Tt.height + 16, Ie = 6;
       H({
-        x: K.left + (It.x + rt) * R - Ie,
-        y: K.top + (It.y + I) * R - Ie,
-        width: Math.max(20, It.width * R),
+        x: K.left + (Tt.x + rt) * R - Ie,
+        y: K.top + (Tt.y + I) * R - Ie,
+        width: Math.max(20, Tt.width * R),
         height: Math.max(De * R, 50)
-      }), p(Un(d));
+      }), p(qn(d));
       const be = d.getRichText().clone();
       r.current = be, Q(be);
       const je = d.getRichText().getStyleAt(Math.max(0, d.text.length - 1));
@@ -5634,7 +5634,7 @@ function Xa(t) {
       const B = Math.min(v, N), F = Math.max(v, N);
       if (B === F) {
         const ct = b.clone(), K = ct.getText().length;
-        ct.applyStyle(0, K, d), r.current = ct, Q(ct), p(ct.getText()), yt((It) => ({ ...It, ...d }));
+        ct.applyStyle(0, K, d), r.current = ct, Q(ct), p(ct.getText()), yt((Tt) => ({ ...Tt, ...d }));
       } else {
         const ct = b.clone();
         ct.applyStyle(B, F, d), r.current = ct, Q(ct), p(ct.getText()), yt((K) => ({ ...K, ...d }));
@@ -5644,11 +5644,11 @@ function Xa(t) {
   ), ve = xt(() => {
     if (!f || !b || !M) return null;
     const d = Math.min(v, N), B = Math.max(v, N);
-    return d === B ? d === 0 ? M instanceof se ? M.getDefaultStyle() : {} : b.getStyleAt(Math.max(0, d - 1)) : b.getStyleAt(d);
+    return d === B ? d === 0 ? M instanceof oe ? M.getDefaultStyle() : {} : b.getStyleAt(Math.max(0, d - 1)) : b.getStyleAt(d);
   }, [f, b, v, N, M]), L = xt(
     (d) => {
       if (!f || !b || !M) return;
-      const B = ve(), K = !{ ...M instanceof se ? M.getDefaultStyle() : {}, ...B }[d];
+      const B = ve(), K = !{ ...M instanceof oe ? M.getDefaultStyle() : {}, ...B }[d];
       Ut({ [d]: K });
     },
     [f, b, M, ve, Ut]
@@ -5658,15 +5658,15 @@ function Xa(t) {
     if (M && d) {
       const B = o.current;
       if (B && M instanceof pt) {
-        const F = M.clone(), ct = F.children.findIndex((It) => It.id === B);
+        const F = M.clone(), ct = F.children.findIndex((Tt) => Tt.id === B);
         if (ct >= 0) {
-          const It = F.children[ct];
-          It instanceof se && It.setRichText(d), F.updateBoundsFromChildren(!0);
+          const Tt = F.children[ct];
+          Tt instanceof oe && Tt.setRichText(d), F.updateBoundsFromChildren(!0);
         }
         Yt(F);
         const K = F.children[ct];
-        K && (Kt(K), Ht.update(K, R), gt((It) => It + 1));
-      } else if (M instanceof se) {
+        K && (Kt(K), Ht.update(K, R), gt((Tt) => Tt + 1));
+      } else if (M instanceof oe) {
         const F = M.clone();
         F.setRichText(d), Yt(F), Ht.update(F, R), gt((ct) => ct + 1);
       }
@@ -5691,41 +5691,41 @@ function Xa(t) {
         h.current = !1, (jt = n.current) == null || jt.focus(), n.current && n.current.setSelectionRange(v, N);
         return;
       }
-      let K = document.activeElement, It = !1;
+      let K = document.activeElement, Tt = !1;
       for (; K; ) {
         const O = K.classList, V = K.getAttribute("data-slot");
         if (V && (V.includes("popover") || V.includes("dialog"))) {
-          It = !0;
+          Tt = !0;
           break;
         }
         if (K.hasAttribute("data-preserve-selection")) {
-          It = !0;
+          Tt = !0;
           break;
         }
         if (O && (O.contains("toolbar") || O.contains("toolbar-items") || O.contains("toolbar-btn") || O.contains("toolbar-btn-sm") || O.contains("toolbar-btn-icon") || O.contains("toolbar-color") || O.contains("toolbar-label") || O.contains("toolbar-select") || O.contains("toolbar-select-sm") || O.contains("toolbar-group") || O.contains("toolbar-scroll") || O.contains("toolbar-color-label") || O.contains("toolbar-color-square") || O.contains("color-picker-dropdown") || O.contains("text-color-panel") || O.contains("tooltip-wrapper") || O.contains("font-dropdown-with-label") || O.contains("font-family-select-button") || O.contains("more-menu-btn") || O.contains("more-menu-toolbar") || O.contains("font-drawer-overlay") || O.contains("font-drawer-content") || O.contains("font-drawer-handle") || O.contains("font-drawer-handle-bar") || O.contains("font-dropdown-list-container") || O.contains("font-dropdown-search") || O.contains("font-search-input") || O.contains("font-category-filters") || O.contains("font-category-btn") || O.contains("font-grid-option") || O.contains("font-section") || O.contains("font-section-header") || O.contains("font-section-used") || O.contains("font-section-header-used") || O.contains("font-dropdown-list-grid") || O.contains("font-dropdown-list-grid-used") || O.contains("font-preview") || O.contains("font-name-label") || O.contains("font-size-slider-container") || O.contains("font-size-slider") || O.contains("font-size-icon-small") || O.contains("font-size-icon-large") || O.contains("font-icon-toggle") || O.contains("font-dropdown-empty") || O.contains("vaul-drawer-wrapper") || O.contains("vaul-overlay"))) {
-          It = !0;
+          Tt = !0;
           break;
         }
         K = K.parentElement;
       }
-      if (!It && x.current)
+      if (!Tt && x.current)
         for (K = x.current; K; ) {
           const O = K.classList, V = K.getAttribute("data-slot");
           if (V && (V.includes("popover") || V.includes("dialog"))) {
-            It = !0;
+            Tt = !0;
             break;
           }
           if (K.hasAttribute("data-preserve-selection")) {
-            It = !0;
+            Tt = !0;
             break;
           }
           if (O && (O.contains("toolbar") || O.contains("toolbar-items") || O.contains("toolbar-btn") || O.contains("toolbar-btn-sm") || O.contains("toolbar-btn-icon") || O.contains("toolbar-color") || O.contains("toolbar-label") || O.contains("toolbar-select") || O.contains("toolbar-select-sm") || O.contains("toolbar-group") || O.contains("toolbar-scroll") || O.contains("toolbar-color-label") || O.contains("toolbar-color-square") || O.contains("color-picker-dropdown") || O.contains("text-color-panel") || O.contains("tooltip-wrapper") || O.contains("font-dropdown-with-label") || O.contains("font-family-select-button") || O.contains("more-menu-btn") || O.contains("more-menu-toolbar") || O.contains("vaul-drawer-wrapper") || O.contains("vaul-overlay"))) {
-            It = !0;
+            Tt = !0;
             break;
           }
           K = K.parentElement;
         }
-      if (!It)
+      if (!Tt)
         X();
       else {
         const O = v, V = N;
@@ -5751,7 +5751,7 @@ function Xa(t) {
           St(F), vt(F), Et(B.selectionEnd), i.current = F;
         }, 0);
       else if (d.key === "ArrowUp" || d.key === "ArrowDown") {
-        if (M && M instanceof se) {
+        if (M && M instanceof oe) {
           d.preventDefault();
           const F = d.key === "ArrowUp" ? "up" : "down", ct = Hs(M, w, F);
           St(ct), vt(ct), Et(ct), i.current = ct, B.setSelectionRange(ct, ct);
@@ -5769,7 +5769,7 @@ function Xa(t) {
     if (!f) return;
     let d, B = 0;
     const F = 33, ct = (K) => {
-      K - B >= F && (Pt((It) => (It + 1) % 1e3), B = K), d = requestAnimationFrame(ct);
+      K - B >= F && (Rt((Tt) => (Tt + 1) % 1e3), B = K), d = requestAnimationFrame(ct);
     };
     return d = requestAnimationFrame(ct), () => cancelAnimationFrame(d);
   }, [f]);
@@ -5792,7 +5792,7 @@ function Xa(t) {
         F = b.getStyleAt(d - 1);
       else {
         const ct = E.find((K) => K.id === W);
-        ct instanceof se && (F = ct.getDefaultStyle());
+        ct instanceof oe && (F = ct.getDefaultStyle());
       }
       F && !$(F, mt.current) && (mt.current = F, yt(F));
     }
@@ -5809,15 +5809,15 @@ function Xa(t) {
           const jt = d.children.find(($t) => $t.id === o.current);
           jt && (B = jt);
         }
-        if (!(B instanceof se)) return;
+        if (!(B instanceof oe)) return;
         const F = B.clone();
         b && F.setRichText(b);
-        const ct = F.getVisualBoundingBox(), K = e.current.getBoundingClientRect(), It = ct.height + 16, wt = 6;
+        const ct = F.getVisualBoundingBox(), K = e.current.getBoundingClientRect(), Tt = ct.height + 16, wt = 6;
         if (H({
           x: K.left + (ct.x + rt) * R - wt,
           y: K.top + (ct.y + I) * R - wt,
           width: Math.max(20, ct.width * R),
-          height: Math.max(It * R, 50)
+          height: Math.max(Tt * R, 50)
         }), o.current && d instanceof pt) {
           const jt = d.clone(), $t = jt.children.findIndex((O) => O.id === o.current);
           $t >= 0 && (jt.children[$t] = F, jt.updateBoundsFromChildren(!0)), bt((O) => O.map((V) => V.id === jt.id ? jt : V)), Ht.update(F, R);
@@ -5832,8 +5832,8 @@ function Xa(t) {
     const d = n.current, B = () => {
       if (u.current || Date.now() - l.current < y)
         return;
-      const K = d.selectionStart || 0, It = d.selectionEnd || 0;
-      St((wt) => wt === It ? wt : It), vt((wt) => wt === K ? wt : K), Et((wt) => wt === It ? wt : It), Lt == null || Lt();
+      const K = d.selectionStart || 0, Tt = d.selectionEnd || 0;
+      St((wt) => wt === Tt ? wt : Tt), vt((wt) => wt === K ? wt : K), Et((wt) => wt === Tt ? wt : Tt), Lt == null || Lt();
     };
     d.addEventListener("click", B), d.addEventListener("keyup", B), d.addEventListener("select", B), d.addEventListener("mouseup", B);
     const F = () => {
@@ -5847,26 +5847,26 @@ function Xa(t) {
       const F = B.target;
       if (F.tagName === "INPUT" || F.tagName === "TEXTAREA" || B.key !== "Enter" || f || !e.current) return;
       const ct = e.current.getBoundingClientRect();
-      if (P && P instanceof se && !(P instanceof pt) && !(P instanceof Ae) && !(P instanceof On)) {
+      if (P && P instanceof oe && !(P instanceof pt) && !(P instanceof Ae) && !(P instanceof Yn)) {
         B.preventDefault();
-        const K = P.getVisualBoundingBox(), It = K.height + 16, wt = 6;
+        const K = P.getVisualBoundingBox(), Tt = K.height + 16, wt = 6;
         H({
           x: ct.left + (K.x + rt) * R - wt,
           y: ct.top + (K.y + I) * R - wt,
           width: Math.max(200, K.width * R),
-          height: Math.max(It * R, 50)
-        }), p(Un(P)), j(!0), g.current = Date.now(), o.current = P.id;
+          height: Math.max(Tt * R, 50)
+        }), p(qn(P)), j(!0), g.current = Date.now(), o.current = P.id;
         return;
       }
-      if (M && M instanceof se && !(M instanceof pt) && !(M instanceof Ae) && !(M instanceof On)) {
+      if (M && M instanceof oe && !(M instanceof pt) && !(M instanceof Ae) && !(M instanceof Yn)) {
         B.preventDefault();
-        const K = M.getVisualBoundingBox(), It = K.height + 16, wt = 6;
+        const K = M.getVisualBoundingBox(), Tt = K.height + 16, wt = 6;
         H({
           x: ct.left + (K.x + rt) * R - wt,
           y: ct.top + (K.y + I) * R - wt,
           width: Math.max(200, K.width * R),
-          height: Math.max(It * R, 50)
-        }), p(Un(M)), j(!0), g.current = Date.now();
+          height: Math.max(Tt * R, 50)
+        }), p(qn(M)), j(!0), g.current = Date.now();
       }
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
@@ -5878,7 +5878,7 @@ function Xa(t) {
     getSelectionStyle: ve,
     toggleFormattingProperty: L,
     enterTextEditMode: ye,
-    getWrappedTextForEditing: Un
+    getWrappedTextForEditing: qn
   };
 }
 const Dr = Co(
@@ -5916,7 +5916,7 @@ const Dr = Co(
     pieceFocus: p,
     focusedPieceRect: Q
   }, St) => {
-    const { resolvedTheme: vt } = $r(), Et = kt(null), H = f || Et, yt = kt(null), Pt = kt(!1), gt = kt(0), bt = kt(0), Yt = kt(0), Lt = kt(!1), Ht = kt(0), Kt = kt(null), ye = kt(0), Ut = kt(null), ve = kt({ start: null, end: null }), L = kt(null), X = kt(null), tt = kt(null), et = kt(null), ot = 400, mt = 300, $ = 50, d = 200, B = te.useMemo(() => {
+    const { resolvedTheme: vt } = $r(), Et = kt(null), H = f || Et, yt = kt(null), Rt = kt(!1), gt = kt(0), bt = kt(0), Yt = kt(0), Lt = kt(!1), Ht = kt(0), Kt = kt(null), ye = kt(0), Ut = kt(null), ve = kt({ start: null, end: null }), L = kt(null), X = kt(null), tt = kt(null), et = kt(null), ot = 400, mt = 300, $ = 50, d = 200, B = te.useMemo(() => {
       if (!p || p === "spread") return null;
       const Mt = (j == null ? void 0 : j.pieces) ?? [];
       if (Mt.length <= 1) return null;
@@ -5932,7 +5932,7 @@ const Dr = Co(
       return null;
     }, [F, j]), {
       isTouchDevice: K,
-      canvasSize: It,
+      canvasSize: Tt,
       lastTouchTargetRef: wt,
       effectiveViewPadding: jt,
       paddedCanvasWidth: $t,
@@ -5953,7 +5953,7 @@ const Dr = Co(
       artboardManager: n,
       focusedPieceRect: F
     }), {
-      snapGuides: oe,
+      snapGuides: re,
       setSnapGuides: Pe,
       spacingIndicators: xe,
       setSpacingIndicators: Se,
@@ -5975,7 +5975,7 @@ const Dr = Co(
       setCursorAnimationFrame: Gt
     } = Us({ elements: t }), [zt] = Dt(() => new li()), [he] = Dt(() => new ci({ showBorder: !1, showLabel: !1 })), [ce] = Dt(() => new di({ enabled: !0, showGuides: !0 })), [ze] = Dt(() => new ui({ enabled: !0, showLabels: !0 })), [He] = Dt(() => {
       const Mt = new hi();
-      return Mt.setResizePipeline(Zn), Mt.setSnapHandler(ce), Mt;
+      return Mt.setResizePipeline(Qn), Mt.setSnapHandler(ce), Mt;
     });
     Vt(() => {
       he.setOptions({ borderRadius: qt });
@@ -5987,40 +5987,40 @@ const Dr = Co(
     }, [ce, Q, B]);
     const on = kt(t);
     on.current = t;
-    const Tt = t.find((Mt) => Mt.id === o), ro = kt(Tt);
-    ro.current = Tt;
+    const At = t.find((Mt) => Mt.id === o), io = kt(At);
+    io.current = At;
     const [In, hn] = Dt("");
     Vt(() => {
       var ft;
       if (!o) return;
       const Mt = t.find((Zt) => Zt.id === o);
       if (Mt)
-        if (Mt instanceof se) {
+        if (Mt instanceof oe) {
           const Zt = ((ft = Mt.text) == null ? void 0 : ft.slice(0, 40)) || "empty";
           hn(`Selected text element: ${Zt}`);
         } else Mt instanceof Ae ? hn("Selected image element") : Mt instanceof pt ? hn("Selected group") : hn("Selected element");
     }, [o, t]);
-    const $n = kt(n);
-    $n.current = n;
+    const jn = kt(n);
+    jn.current = n;
     const wn = kt(/* @__PURE__ */ new Map());
     Vt(() => {
       const Mt = (ft) => {
-        const Zt = ft, ee = $n.current.getActiveArtboardId(), ne = wn.current.get(ee) || [], ke = [];
+        const Zt = ft, ee = jn.current.getActiveArtboardId(), ne = wn.current.get(ee) || [], ke = [];
         return ne.forEach((Re) => {
           Re instanceof pt ? ke.push(...Re.children) : ke.push(Re);
         }), ce.snapDimensions(Zt, ke, Zt.startData);
       };
-      return Zn.addHook("afterResize", Mt), () => {
-        Zn.removeHook("afterResize", Mt);
+      return Qn.addHook("afterResize", Mt), () => {
+        Qn.removeHook("afterResize", Mt);
       };
     }, [ce]);
-    const { cropController: Tn } = Ws(), { penTool: Y, penCursor: Rt } = Fs({ selectedElement: Tt }), {
+    const { cropController: Tn } = Ws(), { penTool: Y, penCursor: It } = Fs({ selectedElement: At }), {
       isEditing: Jt,
       setIsEditing: Z,
       editText: q,
-      setEditText: re,
+      setEditText: ie,
       editPosition: A,
-      setEditPosition: At,
+      setEditPosition: Pt,
       cursorPosition: k,
       setCursorPosition: z,
       selectionStart: G,
@@ -6036,7 +6036,7 @@ const Dr = Co(
       editRichTextRef: lt,
       currentFormattingStyle: it,
       setCurrentFormattingStyle: Bt
-    } = js({ selectedElement: Tt, ref: St });
+    } = js({ selectedElement: At, ref: St });
     Vt(() => {
       const Mt = Date.now() - Ht.current, ft = Kt.current;
       ft && Mt < mt ? (G !== ft.start || dt !== ft.end) && (z(ft.cursor), J(ft.start), U(ft.end), yt.current && yt.current.setSelectionRange(ft.start, ft.end)) : ft && Mt >= mt && (Kt.current = null);
@@ -6050,13 +6050,13 @@ const Dr = Co(
       updateMarqueeSelection: pe,
       finishMarqueeSelection: Ve
     } = Xs(), {
-      multiSelectionGroupBoundsRef: ie,
+      multiSelectionGroupBoundsRef: se,
       multiSelectionOBBRef: Ee
     } = $s(r), {
       activeChildElement: Ke,
       updateActiveChild: Ue,
       editingChildIdRef: Me
-    } = _s({ elements: t, selectedElement: Tt, transformHandles: zt, onActiveChildChange: u }), { hoverState: Xe, setHoverState: Oe } = zs({ onHoverChange: g }), Te = ln(() => {
+    } = _s({ elements: t, selectedElement: At, transformHandles: zt, onActiveChildChange: u }), { hoverState: Xe, setHoverState: Oe } = zs({ onHoverChange: g }), Te = ln(() => {
       const Mt = /* @__PURE__ */ new Map();
       return t.forEach((ft) => {
         const Zt = n.getArtboardIdForElement(ft.id);
@@ -6071,11 +6071,11 @@ const Dr = Co(
     Vt(() => {
       const Mt = (ee) => {
         if (!Jt) {
-          if (Y.isActive() && Tt instanceof dn) {
+          if (Y.isActive() && At instanceof dn) {
             if (ee.key === "Escape") {
               ee.preventDefault(), Y.finishPath();
-              const ne = Tt.clone();
-              l(Tt, ne), Ct((ke) => ke + 1);
+              const ne = At.clone();
+              l(At, ne), Ct((ke) => ke + 1);
               return;
             } else if (ee.key === "Backspace" || ee.key === "Delete") {
               ee.preventDefault(), Y.deleteLastPoint(), Ct((ne) => ne + 1);
@@ -6092,7 +6092,7 @@ const Dr = Co(
       return window.addEventListener("keydown", Mt), window.addEventListener("keyup", ft), window.addEventListener("blur", Zt), () => {
         window.removeEventListener("keydown", Mt), window.removeEventListener("keyup", ft), window.removeEventListener("blur", Zt);
       };
-    }, [Y, Tt, l, Ct, Jt]), Vt(() => {
+    }, [Y, At, l, Ct, Jt]), Vt(() => {
       if (!H.current || !L.current || He.getMode() === "drag" || He.getMode() === "resize")
         return;
       const { x: ft, y: Zt } = L.current;
@@ -6144,8 +6144,8 @@ const Dr = Co(
     const {
       handleTextEditBlur: An,
       handleTextKeyDown: qe,
-      applyFormattingToSelection: jn,
-      getSelectionStyle: Nn,
+      applyFormattingToSelection: Nn,
+      getSelectionStyle: Kn,
       toggleFormattingProperty: Cn,
       enterTextEditMode: Pn,
       getWrappedTextForEditing: Le
@@ -6160,7 +6160,7 @@ const Dr = Co(
       multiClickSelectionRef: Kt,
       editPositionUpdateTimerRef: et,
       draggingSelectionHandleRef: Ut,
-      repositioningCursorRef: Pt,
+      repositioningCursorRef: Rt,
       editModeEnteredAtRef: Yt,
       lastTouchTargetRef: wt,
       MULTI_CLICK_DEBOUNCE: mt,
@@ -6172,19 +6172,19 @@ const Dr = Co(
       selectionStart: G,
       selectionEnd: dt,
       selectedId: o,
-      selectedElement: Tt,
+      selectedElement: At,
       activeChildElement: Ke,
       elements: t,
       zoom: w,
       paddingOffsetX: V,
       paddingOffsetY: le,
       setIsEditing: Z,
-      setEditText: re,
+      setEditText: ie,
       setEditRichText: D,
       setCursorPosition: z,
       setSelectionStart: J,
       setSelectionEnd: U,
-      setEditPosition: At,
+      setEditPosition: Pt,
       setCurrentFormattingStyle: Bt,
       setCursorAnimationFrame: Gt,
       setHandlesVersion: Ct,
@@ -6201,7 +6201,7 @@ const Dr = Co(
     } = Ha({
       canvasRef: H,
       inputRef: yt,
-      repositioningCursorRef: Pt,
+      repositioningCursorRef: Rt,
       lastClickTimeRef: gt,
       clickCountRef: bt,
       lastProcessedClickTimeRef: ye,
@@ -6216,7 +6216,7 @@ const Dr = Co(
       editingChildIdRef: Me,
       editRichTextRef: lt,
       editModeEnteredAtRef: Yt,
-      multiSelectionGroupBoundsRef: ie,
+      multiSelectionGroupBoundsRef: se,
       MULTI_CLICK_THRESHOLD: ot,
       MULTI_CLICK_DEBOUNCE: mt,
       CLICK_DEDUP_THRESHOLD: $,
@@ -6228,7 +6228,7 @@ const Dr = Co(
       isRotating: be,
       isMarqueeSelecting: Nt,
       isAltKeyPressed: De,
-      selectedElement: Tt,
+      selectedElement: At,
       activeChildElement: Ke,
       elements: t,
       multiSelection: r,
@@ -6270,8 +6270,8 @@ const Dr = Co(
       updateMarqueeSelection: pe,
       finishMarqueeSelection: Ve,
       enterTextEditMode: Pn,
-      setEditPosition: At,
-      setEditText: re,
+      setEditPosition: Pt,
+      setEditText: ie,
       setEditRichText: D,
       setIsEditing: Z,
       setCurrentFormattingStyle: Bt,
@@ -6285,12 +6285,12 @@ const Dr = Co(
       artboardManager: n,
       artboardRenderer: he,
       selectedId: o,
-      selectedElement: Tt,
+      selectedElement: At,
       activeChildElement: Ke,
       editingChildIdRef: Me,
       transformHandles: zt,
       stateMachine: He,
-      canvasSize: It,
+      canvasSize: Tt,
       paddedCanvasWidth: $t,
       paddedCanvasHeight: O,
       paddingOffsetX: V,
@@ -6315,12 +6315,12 @@ const Dr = Co(
       multiClickSelectionRef: Kt,
       lastMultiClickTimeRef: Ht,
       MULTI_CLICK_DEBOUNCE: mt,
-      snapGuides: oe,
+      snapGuides: re,
       spacingIndicators: xe,
       isAltKeyPressed: De,
       multiSelection: r,
       multiSelectionOBBRef: Ee,
-      multiSelectionGroupBoundsRef: ie,
+      multiSelectionGroupBoundsRef: se,
       isMarqueeSelecting: Nt,
       marqueeStart: de,
       marqueeEnd: we,
@@ -6338,14 +6338,14 @@ const Dr = Co(
       St,
       () => ({
         applyTextFormatting: (Mt) => {
-          jn(Mt);
+          Nn(Mt);
         },
         toggleFormattingProperty: (Mt) => {
           Cn(Mt);
         },
         isEditingText: () => Jt,
         isRotating: () => be,
-        getSelectionStyle: () => Nn(),
+        getSelectionStyle: () => Kn(),
         getZoom: () => w,
         forceRender: Ot,
         getEditingState: () => ({
@@ -6356,12 +6356,12 @@ const Dr = Co(
           selectionEnd: dt
         }),
         getCropState: () => ({
-          isCropping: Tt instanceof Ae && Tt.isCropping,
-          elementId: (Tt == null ? void 0 : Tt.id) || null
+          isCropping: At instanceof Ae && At.isCropping,
+          elementId: (At == null ? void 0 : At.id) || null
         }),
         getPaddingOffset: () => ({ x: V, y: le })
       }),
-      [jn, Cn, Jt, be, Nn, w, Ot, q, k, G, dt, Tt, V, le]
+      [Nn, Cn, Jt, be, Kn, w, Ot, q, k, G, dt, At, V, le]
     );
     const Br = ln(() => {
       if (!I || I.length === 0) return;
@@ -6429,7 +6429,7 @@ const Dr = Co(
             background: j ? "transparent" : "var(--color-canvas-bg)",
             width: `${$t * w}px`,
             height: `${O * w}px`,
-            cursor: Y.isActive() && Tt instanceof dn ? Rt : void 0,
+            cursor: Y.isActive() && At instanceof dn ? It : void 0,
             position: "absolute",
             left: `${v}px`,
             top: `${N}px`,
@@ -6439,12 +6439,12 @@ const Dr = Co(
         }
       ),
       Jt && (() => {
-        let Mt = Tt;
-        if (Me.current && Tt instanceof pt) {
-          const Qt = Tt.children.find((Ft) => Ft.id === Me.current);
+        let Mt = At;
+        if (Me.current && At instanceof pt) {
+          const Qt = At.children.find((Ft) => Ft.id === Me.current);
           Qt && (Mt = Qt);
         }
-        const ft = Mt instanceof se ? Mt : null, Zt = (ft == null ? void 0 : ft.fontSize) || 24, ee = (ft == null ? void 0 : ft.fontFamily) || "Arial", ne = (ft == null ? void 0 : ft.bold) || !1, ke = (ft == null ? void 0 : ft.italic) || !1, Re = (ft == null ? void 0 : ft.textAlign) || "center", ge = /* @__PURE__ */ ue(
+        const ft = Mt instanceof oe ? Mt : null, Zt = (ft == null ? void 0 : ft.fontSize) || 24, ee = (ft == null ? void 0 : ft.fontFamily) || "Arial", ne = (ft == null ? void 0 : ft.bold) || !1, ke = (ft == null ? void 0 : ft.italic) || !1, Re = (ft == null ? void 0 : ft.textAlign) || "center", ge = /* @__PURE__ */ ue(
           "textarea",
           {
             ref: yt,
@@ -6454,7 +6454,7 @@ const Dr = Co(
               const Ft = Qt.target.value;
               if (!T) {
                 const Fe = oi.fromPlainText(Ft, {});
-                lt.current = Fe, D(Fe), re(Ft);
+                lt.current = Fe, D(Fe), ie(Ft);
                 const Dn = Qt.target.selectionEnd;
                 z(Dn), J(Qt.target.selectionStart), U(Qt.target.selectionEnd);
                 return;
@@ -6469,9 +6469,9 @@ const Dr = Co(
               const Ge = Be, gn = ae.length - Ye, mn = Ft.substring(Be, Ft.length - Ye);
               if (gn > Ge && rn.delete(Ge, gn), mn.length > 0) {
                 let Fe;
-                it ? Fe = it : Ge > 0 ? Fe = rn.getStyleAt(Ge - 1) : Tt instanceof se ? Fe = Tt.getDefaultStyle() : Fe = {}, rn.insert(Ge, mn, Fe);
+                it ? Fe = it : Ge > 0 ? Fe = rn.getStyleAt(Ge - 1) : At instanceof oe ? Fe = At.getDefaultStyle() : Fe = {}, rn.insert(Ge, mn, Fe);
               }
-              lt.current = rn, D(rn), re(Ft);
+              lt.current = rn, D(rn), ie(Ft);
               const Je = Qt.target.selectionEnd;
               z(Je), J(Qt.target.selectionStart), U(Qt.target.selectionEnd), C.current = Je;
               const sn = Qt.target;
@@ -6482,11 +6482,11 @@ const Dr = Co(
             onBlur: An,
             onKeyDown: qe,
             onPointerDown: (Qt) => {
-              if (Qt.preventDefault(), !Tt || !(Tt instanceof se) || !H.current) return;
+              if (Qt.preventDefault(), !At || !(At instanceof oe) || !H.current) return;
               const Ft = Date.now();
               if (Ft - ye.current < $) return;
               ye.current = Ft, Ft - Ht.current >= mt && (Kt.current = null);
-              const ae = H.current.getBoundingClientRect(), rn = (Qt.clientX - ae.left) / w - V, Be = (Qt.clientY - ae.top) / w - le, Ye = Tt.getVisualBoundingBox(), Ge = Tt.getRotationAnchor(), gn = _e.toRadiansInverse(Tt.rotation), mn = rn - Ge.x, Je = Be - Ge.y, sn = Math.cos(gn), Fe = Math.sin(gn), Dn = mn * sn - Je * Fe, io = mn * Fe + Je * sn, so = Dn + Ye.width / 2, bn = io + Ye.height / 2, $e = un(Tt, { x: so, y: bn });
+              const ae = H.current.getBoundingClientRect(), rn = (Qt.clientX - ae.left) / w - V, Be = (Qt.clientY - ae.top) / w - le, Ye = At.getVisualBoundingBox(), Ge = At.getRotationAnchor(), gn = _e.toRadiansInverse(At.rotation), mn = rn - Ge.x, Je = Be - Ge.y, sn = Math.cos(gn), Fe = Math.sin(gn), Dn = mn * sn - Je * Fe, so = mn * Fe + Je * sn, ao = Dn + Ye.width / 2, bn = so + Ye.height / 2, $e = un(At, { x: ao, y: bn });
               Ft - gt.current < ot ? bt.current += 1 : bt.current = 1, gt.current = Ft;
               const tn = q;
               if (_.current = !1, bt.current >= 3)
@@ -6500,19 +6500,19 @@ const Dr = Co(
             },
             onPointerMove: (Qt) => {
               if (Qt.buttons !== 1) return;
-              if (Ut.current && Tt instanceof se && H.current) {
-                const Ln = H.current.getBoundingClientRect(), tn = (Qt.clientX - Ln.left) / w - V, Ze = (Qt.clientY - Ln.top) / w - le, Ao = Tt.getVisualBoundingBox(), Po = Tt.getRotationAnchor(), Do = _e.toRadiansInverse(Tt.rotation), Lo = tn - Po.x, Bo = Ze - Po.y, Ho = Math.cos(Do), Xo = Math.sin(Do), Hr = Lo * Ho - Bo * Xo, Xr = Lo * Xo + Bo * Ho, en = ve.current;
-                let ao = 0;
-                Ut.current === "start" && (en != null && en.start) ? ao = en.start.textEdge.y - en.start.center.y : Ut.current === "end" && (en != null && en.end) && (ao = en.end.textEdge.y - en.end.center.y);
-                const Or = Hr + Ao.width / 2, Yr = Xr + ao + Ao.height / 2, nn = un(Tt, { x: Or, y: Yr });
+              if (Ut.current && At instanceof oe && H.current) {
+                const Ln = H.current.getBoundingClientRect(), tn = (Qt.clientX - Ln.left) / w - V, Ze = (Qt.clientY - Ln.top) / w - le, Ao = At.getVisualBoundingBox(), Po = At.getRotationAnchor(), Do = _e.toRadiansInverse(At.rotation), Lo = tn - Po.x, Bo = Ze - Po.y, Ho = Math.cos(Do), Xo = Math.sin(Do), Hr = Lo * Ho - Bo * Xo, Xr = Lo * Xo + Bo * Ho, en = ve.current;
+                let lo = 0;
+                Ut.current === "start" && (en != null && en.start) ? lo = en.start.textEdge.y - en.start.center.y : Ut.current === "end" && (en != null && en.end) && (lo = en.end.textEdge.y - en.end.center.y);
+                const Or = Hr + Ao.width / 2, Yr = Xr + lo + Ao.height / 2, nn = un(At, { x: Or, y: Yr });
                 if (Ut.current === "start" ? nn <= dt ? (J(nn), z(nn)) : (J(dt), U(nn), z(nn), Ut.current = "end") : nn >= G ? (U(nn), z(nn)) : (U(G), J(nn), z(nn), Ut.current = "start"), yt.current) {
                   const Fr = Math.min(G, dt), _r = Math.max(G, dt);
                   yt.current.setSelectionRange(Fr, _r);
                 }
                 return;
               }
-              if (Lt.current || !Tt || !(Tt instanceof se) || !H.current) return;
-              const Ft = H.current.getBoundingClientRect(), ae = (Qt.clientX - Ft.left) / w - V, rn = (Qt.clientY - Ft.top) / w - le, Be = Tt.getVisualBoundingBox(), Ye = Tt.getRotationAnchor(), Ge = _e.toRadiansInverse(Tt.rotation), gn = ae - Ye.x, mn = rn - Ye.y, Je = Math.cos(Ge), sn = Math.sin(Ge), Fe = gn * Je - mn * sn, Dn = gn * sn + mn * Je, io = Fe + Be.width / 2, so = Dn + Be.height / 2, bn = un(Tt, { x: io, y: so }), $e = C.current;
+              if (Lt.current || !At || !(At instanceof oe) || !H.current) return;
+              const Ft = H.current.getBoundingClientRect(), ae = (Qt.clientX - Ft.left) / w - V, rn = (Qt.clientY - Ft.top) / w - le, Be = At.getVisualBoundingBox(), Ye = At.getRotationAnchor(), Ge = _e.toRadiansInverse(At.rotation), gn = ae - Ye.x, mn = rn - Ye.y, Je = Math.cos(Ge), sn = Math.sin(Ge), Fe = gn * Je - mn * sn, Dn = gn * sn + mn * Je, so = Fe + Be.width / 2, ao = Dn + Be.height / 2, bn = un(At, { x: so, y: ao }), $e = C.current;
               if ($e !== bn && (_.current = !0), U(bn), z(bn), J($e), yt.current) {
                 const Ln = Math.min($e, bn), tn = Math.max($e, bn);
                 yt.current.setSelectionRange(Ln, tn);
@@ -6590,7 +6590,7 @@ const Oa = 0.25, Ya = 8, Fa = 0.1, _a = 4, za = 1e-3, sl = ({
     handleElementUpdate: v,
     setElements: N,
     executeElementUpdate: W
-  } = Vn(), {
+  } = Wn(), {
     zoom: M,
     setZoom: P,
     panOffset: E,
@@ -6606,7 +6606,7 @@ const Oa = 0.25, Ya = 8, Fa = 0.1, _a = 4, za = 1e-3, sl = ({
     handleSelectionChange: Et,
     setMultiSelection: H,
     handleActiveChildChange: yt,
-    setHoveredElementId: Pt,
+    setHoveredElementId: Rt,
     hideHandles: gt
   } = jr(), {
     setTextSelectionVersion: bt,
@@ -6686,7 +6686,7 @@ const Oa = 0.25, Ya = 8, Fa = 0.1, _a = 4, za = 1e-3, sl = ({
     };
     return window.addEventListener("pointerup", st), () => window.removeEventListener("pointerup", st);
   }, [s, rt, I]);
-  const It = te.useMemo(() => {
+  const Tt = te.useMemo(() => {
     if (!y || !x) return null;
     const st = x.pieces ?? [];
     if (st.length <= 1) return null;
@@ -6699,7 +6699,7 @@ const Oa = 0.25, Ya = 8, Fa = 0.1, _a = 4, za = 1e-3, sl = ({
       } : null;
     const ut = st.find((at) => at.id === y.pieceId);
     return ut ? { x: ut.x, y: ut.y, width: ut.width, height: ut.height } : null;
-  }, [y, x, d]), wt = Ls(It);
+  }, [y, x, d]), wt = Ls(Tt);
   te.useEffect(() => {
     if (r !== void 0) {
       ye(r);
@@ -6759,12 +6759,12 @@ const Oa = 0.25, Ya = 8, Fa = 0.1, _a = 4, za = 1e-3, sl = ({
   }, [wt, Q]), te.useEffect(() => {
     s && M !== tt.current && M > 0 && (ye(M), tt.current = M);
   }, [s, M]);
-  const O = wt ? wt.width : (d == null ? void 0 : d.width) ?? 0, V = wt ? wt.height : (d == null ? void 0 : d.height) ?? 0, le = O * jt, qt = V * jt, oe = O * Kt;
+  const O = wt ? wt.width : (d == null ? void 0 : d.width) ?? 0, V = wt ? wt.height : (d == null ? void 0 : d.height) ?? 0, le = O * jt, qt = V * jt, re = O * Kt;
   let Pe = d ? a !== void 0 ? qt + a * 2 : qt / i : 0;
   c !== void 0 && Pe > c && (Pe = c);
   let xe = a, Se = a;
   const De = ((Ne = Ht.current) == null ? void 0 : Ne.clientWidth) || Ut;
-  a !== void 0 && L && De > 0 && oe > 0 && (xe = (De - oe) / 2);
+  a !== void 0 && L && De > 0 && re > 0 && (xe = (De - re) / 2);
   const Ie = Pe, be = te.useRef({ w: 0, h: 0 });
   te.useEffect(() => {
     const st = Ht.current;
@@ -6870,7 +6870,7 @@ const Oa = 0.25, Ya = 8, Fa = 0.1, _a = 4, za = 1e-3, sl = ({
             onMultiSelectionChange: H,
             onActiveChildChange: yt,
             onTextSelectionChange: () => bt((st) => st + 1),
-            onHoverChange: Pt,
+            onHoverChange: Rt,
             onCropModeEnter: Lt,
             hideHandles: gt,
             canvasRef: f,
@@ -7013,7 +7013,7 @@ const mo = Rn("useArtboards"), al = () => {
     refreshArtboards: n,
     setSelectedId: o,
     setMultiSelection: r
-  } = Vn(), i = e.getActiveArtboardId(), s = e.getActiveArtboard(), l = ln(() => t.map((f) => {
+  } = Wn(), i = e.getActiveArtboardId(), s = e.getActiveArtboard(), l = ln(() => t.map((f) => {
     const b = e.getElementsOnArtboard(f.id).length;
     return {
       id: f.id,
@@ -7105,11 +7105,11 @@ function ll() {
     artboardManager: e,
     elements: n,
     canvasRef: o
-  } = Vn(), [r, i] = Dt(!1), [s, l] = Dt(!1), [a, c] = Dt([]), [u, h] = Dt({}), [g, x] = Dt({
+  } = Wn(), [r, i] = Dt(!1), [s, l] = Dt(!1), [a, c] = Dt([]), [u, h] = Dt({}), [g, x] = Dt({
     totalExports: 0,
     avgExportTime: 0,
     isWorkerActive: !1
-  }), y = kt(0), S = kt(null), f = co.supportsWorkerExport(), m = xt(async (P, E = {}) => {
+  }), y = kt(0), S = kt(null), f = uo.supportsWorkerExport(), m = xt(async (P, E = {}) => {
     const R = t.find((I) => I.id === P);
     if (!R)
       throw new Error(`[useExport] Artboard ${P} not found`);
@@ -7125,7 +7125,7 @@ function ll() {
     };
     c((I) => [...I, rt]);
     try {
-      const I = Date.now(), j = w.current, p = e.getElementsOnArtboard(P), Q = j.filter((Et) => p.includes(Et.id)), St = await co.exportArtboardToDataURL(
+      const I = Date.now(), j = w.current, p = e.getElementsOnArtboard(P), Q = j.filter((Et) => p.includes(Et.id)), St = await uo.exportArtboardToDataURL(
         R,
         Q,
         o.current,
@@ -7174,7 +7174,7 @@ function ll() {
     i(!0);
     try {
       const rt = w.current, I = e.getElementsOnArtboard(P), j = rt.filter((Q) => I.includes(Q.id));
-      return await co.exportArtboardToBlob(
+      return await uo.exportArtboardToBlob(
         R,
         j,
         o.current,
@@ -7222,10 +7222,10 @@ function ll() {
             transparentBackground: !0
           });
           return { id: gt.id, dataUrl: bt };
-        }), yt = await Promise.all(H), Pt = {};
+        }), yt = await Promise.all(H), Rt = {};
         for (const { id: gt, dataUrl: bt } of yt)
-          Pt[gt] = bt;
-        h((gt) => ({ ...gt, ...Pt })), p && p(Pt);
+          Rt[gt] = bt;
+        h((gt) => ({ ...gt, ...Rt })), p && p(Rt);
       } catch (H) {
         $a.error("[useExport] Continuous export error:", H);
       }
@@ -7583,7 +7583,7 @@ function kn(t, e) {
     n.has(r) || (n.add(r), o.push(r));
   return o;
 }
-function qn(t, e) {
+function Gn(t, e) {
   return { ...t, ...e };
 }
 const Na = ["topbar", "left", "canvas", "right", "bottombar"];
@@ -7602,11 +7602,11 @@ function Ka(t, e) {
     tools: s.tools,
     features: { ...s.features }
   };
-  l && (l.elements && (a.elements = kn(s.elements, l.elements)), l.transforms && (a.transforms = kn(s.transforms, l.transforms)), l.effects && (a.effects = kn(s.effects, l.effects)), l.panels && (a.panels = kn(s.panels, l.panels)), l.tools && (a.tools = kn(s.tools, l.tools)), l.features && (a.features = qn(
+  l && (l.elements && (a.elements = kn(s.elements, l.elements)), l.transforms && (a.transforms = kn(s.transforms, l.transforms)), l.effects && (a.effects = kn(s.effects, l.effects)), l.panels && (a.panels = kn(s.panels, l.panels)), l.tools && (a.tools = kn(s.tools, l.tools)), l.features && (a.features = Gn(
     s.features,
     l.features
   )));
-  const c = e.behavior ? qn(t.behavior, e.behavior) : { ...t.behavior }, u = e.style ? qn(t.style, e.style) : { ...t.style }, h = t.content ?? {}, g = e.content ? qn(h, e.content) : { ...h };
+  const c = e.behavior ? Gn(t.behavior, e.behavior) : { ...t.behavior }, u = e.style ? Gn(t.style, e.style) : { ...t.style }, h = t.content ?? {}, g = e.content ? Gn(h, e.content) : { ...h };
   return {
     name: n,
     layout: { slots: i },
@@ -7687,4 +7687,4 @@ export {
   al as u,
   pl as v
 };
-//# sourceMappingURL=compose-DQ1FZS3O.js.map
+//# sourceMappingURL=compose-DIPiisIw.js.map