@snowcone-app/canvas 0.30.0 → 0.31.0

package/dist/{validation-BGEl9rrE.js → validation-CsTlSvJJ.js}

@@ -1,17 +1,17 @@
 import { jsx as r, jsxs as y, Fragment as Pn } from "react/jsx-runtime";
 import * as $n from "react";
 import je, { useState as ce, useEffect as Pe, useCallback as ft, useMemo as xs, useContext as Pr, createContext as Ar, useRef as we, useImperativeHandle as nr, forwardRef as Nr } from "react";
-import { u as rs, g as sr, l as _s, m as $s, a as Ts, s as Dr, e as Br, f as Or } from "./editorErrors-WzaNxU1Y.js";
-import { g as rr, I as ze, j as zr, n as or, z as Fn, l as Qt, A as _e, y as Xr, w as Hr, x as Yr, v as Lr, F as _r, T as dn, h as un, i as hn, B as Ct, G as $r, H as Fr, J as Wr, K as ir, f as Kr, u as ar } from "./UnifiedFontService-Co9tQ59z.js";
-import { I as Ht, G as Re, au as Is, a6 as ys, ab as cr, av as Fs, aw as Vr, ax as Cn, ay as Ur, az as us, P as wn, c as zn, aA as en, aB as ms, aC as Gr, T as Qe, at as qr, aD as Jn, aE as jr, aF as Zr, aG as Jr, aH as lr, aI as Qr, aJ as Es, aK as eo, N as to, S as Qn, R as no, C as Bn } from "./FontAnalyzer-DKG5JK0x.js";
+import { u as rs, k as sr, t as _s, v as $s, a as Ts, b as Dr, g as Br, h as Or } from "./design-builder-CBG2hKc8.js";
+import { h as rr, I as ze, k as zr, o as or, N as Fn, m as Qt, O as _e, z as Xr, x as Lr, y as Yr, w as Hr, P as _r, T as dn, i as un, j as hn, B as Ct, Q as $r, R as Fr, V as Wr, W as ir, g as Vr, u as ar } from "./useCommands-bPXY9rCh.js";
+import { I as Lt, G as Re, ay as Is, aa as ys, af as cr, az as Fs, aA as Kr, aB as Cn, aC as Ur, aD as us, P as wn, c as zn, aE as en, aF as ms, aG as Gr, T as Qe, ax as qr, aH as Jn, aI as jr, aJ as Zr, aK as Jr, aL as lr, aM as Qr, aN as Es, aO as eo, W as to, S as Qn, R as no, C as Bn } from "./FontAnalyzer-BYhwxDhe.js";
 import { createPortal as dr } from "react-dom";
-import { g as _n, b as so, r as ro, c as oo, C as Ws, d as Ks, e as gs, T as io, a as ao, A as co, S as lo, I as uo } from "./CanvasRenderer-BEf0hXeF.js";
+import { g as _n, b as so, r as ro, c as oo, C as Ws, d as Vs, e as gs, T as io, a as ao, A as co, S as lo, I as uo } from "./CanvasRenderer-hpJ05JGO.js";
 import { u as ho } from "./ThemeContext-Rjz25x9X.js";
 import { renderToStaticMarkup as fo } from "react-dom/server";
-import { D as Ps, n as As, o as ur, p as Ns, C as po, q as Mt } from "./ContextualToolbars-C3D_6sep.js";
-import { L as Tt, S as hr, T as Ot, I as mo } from "./custom-icons-BIaRovwG.js";
+import { D as Ps, n as As, o as ur, p as Ns, C as po, q as Mt } from "./ContextualToolbars-DRbuUE7W.js";
+import { L as Tt, S as hr, T as Ot, I as mo } from "./custom-icons-Co4rcW0S.js";
 import * as ts from "@radix-ui/react-radio-group";
-import { L as go, M as Vs, N as Us } from "./ExportManager-DUdis6se.js";
+import { L as go, M as Ks, N as Us } from "./ExportManager-Bkzzyxgw.js";
 import { cva as fr } from "class-variance-authority";
 import { debounce as Gs } from "lodash-es";
 const xo = {
@@ -176,11 +176,11 @@ function Fa() {
   return e.capabilities;
 }
 function So(e, t) {
-  if (t instanceof Ht && t.isCropping || e instanceof Ht && e.isCropping)
+  if (t instanceof Lt && t.isCropping || e instanceof Lt && e.isCropping)
     return !0;
   if (e instanceof Re) {
     for (const n of e.children)
-      if (n instanceof Ht && n.isCropping)
+      if (n instanceof Lt && n.isCropping)
         return !0;
   }
   return !1;
@@ -286,8 +286,8 @@ function Eo(e) {
             const D = g.shiftKey ? 10 : 1;
             let w = 0, ne = 0;
             g.key === "ArrowLeft" && (w = -D), g.key === "ArrowRight" && (w = D), g.key === "ArrowUp" && (ne = -D), g.key === "ArrowDown" && (ne = D);
-            const K = n.clone();
-            K.x += w, K.y += ne, a(K);
+            const V = n.clone();
+            V.x += w, V.y += ne, a(V);
             return;
           }
         }
@@ -425,7 +425,7 @@ function To(e, t) {
   const D = Math.min(R, C.length);
   for (let w = 0; w < D; w++) {
     if (!T && w < A) continue;
-    const ne = C[w], K = x + w, O = c.getStyleAt(K), u = O.fontSize || n, q = O.fontFamily || s, U = O.bold !== void 0 ? O.bold : o, te = O.italic !== void 0 ? O.italic : i, le = O.letterSpacing !== void 0 ? O.letterSpacing : l;
+    const ne = C[w], V = x + w, O = c.getStyleAt(V), u = O.fontSize || n, q = O.fontFamily || s, U = O.bold !== void 0 ? O.bold : o, te = O.italic !== void 0 ? O.italic : i, le = O.letterSpacing !== void 0 ? O.letterSpacing : l;
     N += ys(ne, u, q, U, te, le);
   }
   return {
@@ -494,13 +494,13 @@ function Sn(e, t) {
     return E + I;
   if (ne >= D)
     return E + A.length - g;
-  let K = 0;
+  let V = 0;
   for (let O = 0; O < A.length; O++) {
     if (!P && O < I || !N && O >= A.length - g) continue;
-    const u = A[O], q = E + O, U = c.getStyleAt(q), te = U.fontSize || n, le = U.fontFamily || s, L = U.bold !== void 0 ? U.bold : o, xe = U.italic !== void 0 ? U.italic : i, ie = U.letterSpacing !== void 0 ? U.letterSpacing : l, be = ys(u, te, le, L, xe, ie);
-    if (ne < K + be / 2)
+    const u = A[O], q = E + O, U = c.getStyleAt(q), te = U.fontSize || n, le = U.fontFamily || s, H = U.bold !== void 0 ? U.bold : o, xe = U.italic !== void 0 ? U.italic : i, ie = U.letterSpacing !== void 0 ? U.letterSpacing : l, be = ys(u, te, le, H, xe, ie);
+    if (ne < V + be / 2)
       return q;
-    K += be;
+    V += be;
   }
   return E + A.length;
 }
@@ -720,7 +720,7 @@ class Ao {
     var a, l, c, f, d, m, p, b;
     if (!this.state.active || this.state.points.length === 0) return;
     const { points: s, previewPoint: o, currentPoint: i } = this.state;
-    if (t.save(), t.translate(n.x, n.y), t.strokeStyle = Vr(), t.lineWidth = 2, t.setLineDash([]), t.beginPath(), s.length > 0) {
+    if (t.save(), t.translate(n.x, n.y), t.strokeStyle = Kr(), t.lineWidth = 2, t.setLineDash([]), t.beginPath(), s.length > 0) {
       const x = s[0];
       t.moveTo(x.x, x.y);
       for (let C = 1; C < s.length; C++) {
@@ -949,13 +949,13 @@ class zo {
     const P = o.startX - p, N = o.startY - b;
     let D = P * v - N * C, w = P * C + N * v;
     D *= R, w *= E;
-    const ne = I - D, K = g - w, O = l.cropX, u = l.cropY, q = l.cropWidth, U = l.cropHeight, te = l.width, le = l.height, L = ne / te, xe = K / le, ie = this._calculateNewCropValues(
+    const ne = I - D, V = g - w, O = l.cropX, u = l.cropY, q = l.cropWidth, U = l.cropHeight, te = l.width, le = l.height, H = ne / te, xe = V / le, ie = this._calculateNewCropValues(
       n,
       O,
       u,
       q,
       U,
-      L,
+      H,
       xe
     ), be = this._calculateCropCenterOffset(
       O,
@@ -1044,7 +1044,7 @@ function Xo() {
     cropController: e
   };
 }
-function Ho(e) {
+function Lo(e) {
   const t = we(null), n = we(null);
   return Pe(() => {
     n.current = null;
@@ -1061,13 +1061,13 @@ function Yo({ selectedElement: e, ref: t }) {
     (w) => {
       if (!n || !E)
         return;
-      const ne = Math.min(d, p), K = Math.max(d, p);
-      if (ne === K) {
+      const ne = Math.min(d, p), V = Math.max(d, p);
+      if (ne === V) {
         const O = E.clone(), u = O.getText().length;
         O.applyStyle(0, u, w), g.current = O, A(O), i(O.getText()), I((q) => ({ ...q, ...w }));
       } else {
         const O = E.clone();
-        O.applyStyle(ne, K, w), g.current = O, A(O), i(O.getText()), I((u) => ({ ...u, ...w }));
+        O.applyStyle(ne, V, w), g.current = O, A(O), i(O.getText()), I((u) => ({ ...u, ...w }));
       }
     },
     [n, E, d, p]
@@ -1128,7 +1128,7 @@ function Yo({ selectedElement: e, ref: t }) {
     toggleFormattingProperty: D
   };
 }
-function Lo({
+function Ho({
   width: e,
   height: t,
   zoom: n,
@@ -1143,18 +1143,18 @@ function Lo({
 }) {
   const [m, p] = ce(!1);
   Pe(() => {
-    const K = "ontouchstart" in window || navigator.maxTouchPoints > 0;
-    p(K);
+    const V = "ontouchstart" in window || navigator.maxTouchPoints > 0;
+    p(V);
   }, []);
   const b = we(null);
   Pe(() => {
-    const K = (O) => {
+    const V = (O) => {
       b.current = O.target, setTimeout(() => {
         b.current = null;
       }, 500);
     };
-    return document.addEventListener("touchstart", K, { capture: !0, passive: !0 }), document.addEventListener("pointerdown", K, { capture: !0, passive: !0 }), () => {
-      document.removeEventListener("touchstart", K, { capture: !0 }), document.removeEventListener("pointerdown", K, { capture: !0 });
+    return document.addEventListener("touchstart", V, { capture: !0, passive: !0 }), document.addEventListener("pointerdown", V, { capture: !0, passive: !0 }), () => {
+      document.removeEventListener("touchstart", V, { capture: !0 }), document.removeEventListener("pointerdown", V, { capture: !0 });
     };
   }, []);
   const [x, v] = ce({
@@ -1170,10 +1170,10 @@ function Lo({
       v({ width: e, height: t });
       return;
     }
-    const K = f.getActiveArtboard();
-    K && v({ width: K.width, height: K.height });
+    const V = f.getActiveArtboard();
+    V && v({ width: V.width, height: V.height });
   }, [e, t, c, f, d]), Pe(() => {
-    const K = () => {
+    const V = () => {
       if (d) {
         v({ width: d.width, height: d.height });
         return;
@@ -1183,7 +1183,7 @@ function Lo({
         v(O ? { width: O.width, height: O.height } : { width: window.innerWidth, height: window.innerHeight });
       }
     };
-    return window.addEventListener("resize", K), () => window.removeEventListener("resize", K);
+    return window.addEventListener("resize", V), () => window.removeEventListener("resize", V);
   }, [e, t, f, d]);
   const C = Math.max(0.1, Math.min(1, s)), R = a ?? i, E = l ?? i, A = R !== void 0 && n > 0 ? R / n : 0, T = E !== void 0 && n > 0 ? E / n : 0, I = R !== void 0 ? x.width + A * 2 : x.width / C, g = E !== void 0 ? x.height + T * 2 : x.height / C, P = R !== void 0 ? A : (I - x.width) / 2, N = E !== void 0 ? T : (g - x.height) / 2, D = d ? P - d.x : P, w = d ? N - d.y : N, ne = n > 0 ? o / n : o;
   return {
@@ -1334,7 +1334,7 @@ function es(e, t) {
   }
   e.beginPath(), os(e, t), e.stroke();
 }
-function Ko(e, t) {
+function Vo(e, t) {
   t.kind !== "path" && os(e, t);
 }
 function bs(e, t) {
@@ -1355,7 +1355,7 @@ function bs(e, t) {
   }
   e.addPath(new Path2D(t.d));
 }
-function Vo(e, t, n) {
+function Ko(e, t, n) {
   return (e == null ? void 0 : e.boundary) ?? {
     kind: "rect",
     x: 0,
@@ -1409,16 +1409,16 @@ function Go(e) {
       continue;
     const D = s == null ? void 0 : s[N.id], w = (D == null ? void 0 : D.zones) ?? [], ne = (D == null ? void 0 : D.labels) ?? [];
     t.save(), t.translate(N.x, N.y);
-    const K = N.rotation ?? 0;
-    K === 90 ? (t.translate(N.width, 0), t.rotate(Math.PI / 2)) : K === 180 ? (t.translate(N.width, N.height), t.rotate(Math.PI)) : K === 270 && (t.translate(0, N.height), t.rotate(3 * Math.PI / 2));
-    const O = K === 90 || K === 270, u = O ? N.height : N.width, q = O ? N.width : N.height, U = Vo(D, u, q), te = Uo(D, N, u, q), le = !0, L = Math.max(0, (D == null ? void 0 : D.outerRadius) ?? 0), xe = L > 0 ? {
+    const V = N.rotation ?? 0;
+    V === 90 ? (t.translate(N.width, 0), t.rotate(Math.PI / 2)) : V === 180 ? (t.translate(N.width, N.height), t.rotate(Math.PI)) : V === 270 && (t.translate(0, N.height), t.rotate(3 * Math.PI / 2));
+    const O = V === 90 || V === 270, u = O ? N.height : N.width, q = O ? N.width : N.height, U = Ko(D, u, q), te = Uo(D, N, u, q), le = !0, H = Math.max(0, (D == null ? void 0 : D.outerRadius) ?? 0), xe = H > 0 ? {
       kind: "roundedRect",
       x: 0,
       y: 0,
       width: u,
       height: q,
-      rx: L,
-      ry: L
+      rx: H,
+      ry: H
     } : {
       kind: "rect",
       x: 0,
@@ -1426,7 +1426,7 @@ function Go(e) {
       width: u,
       height: q
     };
-    if (L > 0 && (t.save(), t.beginPath(), Ko(t, xe), t.clip()), a.bleed && m.bleedOpacity > 0) {
+    if (H > 0 && (t.save(), t.beginPath(), Vo(t, xe), t.clip()), a.bleed && m.bleedOpacity > 0) {
       const ie = m.bleedInnerEdge === "safeArea" && te ? te : U;
       if (ie) {
         const be = f ? "screen" : "multiply", Se = m.bleedOpacity;
@@ -1479,7 +1479,7 @@ function Go(e) {
           m.dieCutStroke,
           m.dieCutStrokeWidthPx
         ));
-    a.boundary && x && m.boundaryStrokeWidthPx > 0 && (t.save(), t.strokeStyle = x, Jn(t, m.boundaryStrokeWidthPx), es(t, U), t.restore()), a.safeArea && te && m.safeAreaStroke && (t.save(), t.strokeStyle = m.safeAreaStroke, Jn(t, m.safeAreaStrokeWidthPx, m.safeAreaDashPx), es(t, te), t.setLineDash([]), t.restore()), a.labels && ne.length > 0 && ti(t, ne, m, i), L > 0 && t.restore(), t.restore();
+    a.boundary && x && m.boundaryStrokeWidthPx > 0 && (t.save(), t.strokeStyle = x, Jn(t, m.boundaryStrokeWidthPx), es(t, U), t.restore()), a.safeArea && te && m.safeAreaStroke && (t.save(), t.strokeStyle = m.safeAreaStroke, Jn(t, m.safeAreaStrokeWidthPx, m.safeAreaDashPx), es(t, te), t.setLineDash([]), t.restore()), a.labels && ne.length > 0 && ti(t, ne, m, i), H > 0 && t.restore(), t.restore();
   }
   t.restore();
 }
@@ -1616,11 +1616,11 @@ function ri(e) {
     } else
       P = { ...P, centerX: I, centerY: g };
   }
-  const w = l && i.getMode() === "rotate" ? P.rotation + c : P.rotation, ne = P.width, K = P.height, O = P.centerX, u = P.centerY, q = O - ne / 2, U = u - K / 2, te = O + ne / 2, le = u + K / 2;
-  let L = O, xe = le + jr;
+  const w = l && i.getMode() === "rotate" ? P.rotation + c : P.rotation, ne = P.width, V = P.height, O = P.centerX, u = P.centerY, q = O - ne / 2, U = u - V / 2, te = O + ne / 2, le = u + V / 2;
+  let H = O, xe = le + jr;
   if (w !== 0) {
-    const be = -w * Math.PI / 180, Se = Math.cos(be), Te = Math.sin(be), Oe = L - O, De = xe - u;
-    L = O + (Oe * Se - De * Te), xe = u + (Oe * Te + De * Se);
+    const be = -w * Math.PI / 180, Se = Math.cos(be), Te = Math.sin(be), Oe = H - O, De = xe - u;
+    H = O + (Oe * Se - De * Te), xe = u + (Oe * Te + De * Se);
   }
   const ie = {
     minX: q,
@@ -1629,11 +1629,11 @@ function ri(e) {
     maxY: le,
     centerX: O,
     centerY: u,
-    rotationHandleX: L,
+    rotationHandleX: H,
     rotationHandleY: xe,
     rotation: w
   };
-  return t.save(), t.translate(O, u), t.rotate(-w * Math.PI / 180), t.translate(-O, -u), t.strokeStyle = Cn(), t.lineWidth = _n(d), t.setLineDash(so(d)), t.strokeRect(q, U, ne, K), t.restore(), f || oi(t, {
+  return t.save(), t.translate(O, u), t.rotate(-w * Math.PI / 180), t.translate(-O, -u), t.strokeStyle = Cn(), t.lineWidth = _n(d), t.setLineDash(so(d)), t.strokeRect(q, U, ne, V), t.restore(), f || oi(t, {
     renderMinX: q,
     renderMinY: U,
     renderMaxX: te,
@@ -1641,9 +1641,9 @@ function ri(e) {
     renderCenterX: O,
     renderCenterY: u,
     renderWidth: ne,
-    renderHeight: K,
+    renderHeight: V,
     groupRotation: w,
-    rotationHandleX: L,
+    rotationHandleX: H,
     rotationHandleY: xe,
     stateMachine: i,
     zoom: d
@@ -1697,7 +1697,7 @@ function ci(e) {
   t.save(), t.translate(o.x + o.width / 2, o.y + o.height / 2), t.rotate(-n.rotation * Math.PI / 180), t.translate(-(o.x + o.width / 2), -(o.y + o.height / 2)), t.strokeStyle = Jr(), t.lineWidth = _n(s), t.setLineDash([]), t.strokeRect(o.x, o.y, o.width, o.height), t.restore();
 }
 const li = 60;
-class Ln {
+class Hn {
   constructor() {
     this.frameTimes = [], this.metrics = {
       frameTime: 0,
@@ -1708,7 +1708,7 @@ class Ln {
     };
   }
   static getInstance() {
-    return Ln.instance || (Ln.instance = new Ln()), Ln.instance;
+    return Hn.instance || (Hn.instance = new Hn()), Hn.instance;
   }
   /**
    * Record a single frame's render duration. Maintains a rolling window
@@ -1827,7 +1827,7 @@ function ui(e) {
       if (c.startTime !== null && c.type !== null && performance.now() - c.startTime < 150 && (n.current = !0), n.current) {
         n.current = !1;
         const f = performance.now();
-        hi(t.current, o, s), Ln.getInstance().recordFrameTime(performance.now() - f);
+        hi(t.current, o, s), Hn.getInstance().recordFrameTime(performance.now() - f);
       }
       i = requestAnimationFrame(l);
     };
@@ -1862,14 +1862,14 @@ function hi(e, t, n) {
     hoverState: D,
     isEditing: w,
     editText: ne,
-    editRichText: K,
+    editRichText: V,
     cursorPosition: O,
     selectionStart: u,
     selectionEnd: q,
     cursorOpacityRef: U,
     cursorStartTimeRef: te,
     isTouchDevice: le,
-    selectionHandlePositionsRef: L,
+    selectionHandlePositionsRef: H,
     multiClickSelectionRef: xe,
     lastMultiClickTimeRef: ie,
     MULTI_CLICK_DEBOUNCE: be,
@@ -1891,31 +1891,31 @@ function hi(e, t, n) {
   const se = lt.getContext("2d");
   if (!se) return;
   if (w) {
-    const Ue = (me) => me < 0.5 ? 4 * me * me * me : 1 - Math.pow(-2 * me + 2, 3) / 2, V = (performance.now() - te.current) % 1060 / 1060, ue = V < 0.5 ? 1 - Ue(V * 2) : Ue((V - 0.5) * 2);
+    const Ue = (me) => me < 0.5 ? 4 * me * me * me : 1 - Math.pow(-2 * me + 2, 3) / 2, K = (performance.now() - te.current) % 1060 / 1060, ue = K < 0.5 ? 1 - Ue(K * 2) : Ue((K - 0.5) * 2);
     U.current = ue;
   } else
     U.current = 1;
   const h = window.devicePixelRatio || 1, G = v * A, re = C * A;
   if (G <= 0 || re <= 0) return;
-  const he = 4096, _ = G * h, Ce = re * h, Ie = Math.max(_, Ce), Ke = Ie > he ? he / Ie : 1, Xe = h * Ke;
+  const he = 4096, _ = G * h, Ce = re * h, Ie = Math.max(_, Ce), Ve = Ie > he ? he / Ie : 1, Xe = h * Ve;
   lt.width = G * Xe, lt.height = re * Xe, se.setTransform(1, 0, 0, 1, 0, 0), se.clearRect(0, 0, lt.width, lt.height);
   const Y = t.current;
   se.scale(Xe, Xe), A !== 1 && se.scale(A, A), (R !== 0 || E !== 0) && se.translate(R, E);
-  const $ = a.find((Ve) => Ve.id === l.getActiveArtboardId()), ot = ($ == null ? void 0 : $.id) ?? null, rt = Ee && $ ? di(
+  const $ = a.find((Ke) => Ke.id === l.getActiveArtboardId()), ot = ($ == null ? void 0 : $.id) ?? null, rt = Ee && $ ? di(
     Ee.pieces,
     Ee.guides,
     e.focusedPieceId ?? null
   ) : void 0;
   let Ze = Ee ? 0 : T;
   if (Ee && Ee.pieces.length === 1 && $) {
-    const Ve = Ee.pieces[0].id, Ae = (rn = Ee.guides) == null ? void 0 : rn[Ve], V = Ae == null ? void 0 : Ae.outerRadius, ue = Ae == null ? void 0 : Ae.boundary, me = ue && typeof ue == "object" && ue.kind === "roundedRect" ? ue.rx ?? ue.ry : void 0, Be = typeof V == "number" && V > 0 ? V : typeof me == "number" && me > 0 ? me : 0;
+    const Ke = Ee.pieces[0].id, Ae = (rn = Ee.guides) == null ? void 0 : rn[Ke], K = Ae == null ? void 0 : Ae.outerRadius, ue = Ae == null ? void 0 : Ae.boundary, me = ue && typeof ue == "object" && ue.kind === "roundedRect" ? ue.rx ?? ue.ry : void 0, Be = typeof K == "number" && K > 0 ? K : typeof me == "number" && me > 0 ? me : 0;
     Be > 0 && (Ze = Be);
   }
   if ($ && !Ee)
     if (se.fillStyle = Y, rt && typeof rt == "object" && rt.type === "path")
       try {
-        const Ve = new Path2D(rt.d);
-        se.save(), se.translate($.x, $.y), se.fill(Ve), se.restore();
+        const Ke = new Path2D(rt.d);
+        se.save(), se.translate($.x, $.y), se.fill(Ke), se.restore();
       } catch {
         se.fillRect(
           $.x,
@@ -1945,33 +1945,33 @@ function hi(e, t, n) {
     ), m || (gt = Ue[d.id]));
   }
   if (w && d) {
-    const Ve = p.current ?? null, Ue = n.current;
-    if (!(Ue !== null && Ue.elementId === d.id && Ue.childId === Ve && Ue.editRichText === K)) {
-      let V = null;
-      if (Ve && d instanceof Re) {
+    const Ke = p.current ?? null, Ue = n.current;
+    if (!(Ue !== null && Ue.elementId === d.id && Ue.childId === Ke && Ue.editRichText === V)) {
+      let K = null;
+      if (Ke && d instanceof Re) {
         const ue = Nt.find(
           (me) => me.id === d.id && me instanceof Re
         );
         if (ue) {
           const me = ue.clone();
           me.children = me.children.map((Be) => {
-            if (Be.id === Ve && K && Be instanceof Qe) {
+            if (Be.id === Ke && V && Be instanceof Qe) {
               const Je = Be.clone();
-              return Je.setRichText(K), Je;
+              return Je.setRichText(V), Je;
             }
             return Be;
-          }), V = me;
+          }), K = me;
         }
-      } else if (K && d instanceof Qe) {
+      } else if (V && d instanceof Qe) {
         const ue = d.clone();
-        ue.setRichText(K), V = ue;
+        ue.setRichText(V), K = ue;
       }
-      V ? n.current = { elementId: d.id, childId: Ve, editRichText: K, clonedElement: V } : n.current = null;
+      K ? n.current = { elementId: d.id, childId: Ke, editRichText: V, clonedElement: K } : n.current = null;
     }
     if (n.current) {
-      const { clonedElement: V } = n.current;
+      const { clonedElement: K } = n.current;
       Nt = Nt.map(
-        (ue) => ue.id === d.id ? V : ue
+        (ue) => ue.id === d.id ? K : ue
       );
     }
   } else
@@ -2016,20 +2016,20 @@ function hi(e, t, n) {
     suppressOverflowDim: !1,
     showRotationHandle: g,
     editModeData: w ? (() => {
-      const Ve = xe.current, Ue = Date.now() - ie.current < be, Ae = Ve && Ue;
+      const Ke = xe.current, Ue = Date.now() - ie.current < be, Ae = Ke && Ue;
       return {
-        cursorPosition: Ae ? Ve.cursor : O,
-        selectionStart: Ae ? Ve.start : u,
-        selectionEnd: Ae ? Ve.end : q,
+        cursorPosition: Ae ? Ke.cursor : O,
+        selectionStart: Ae ? Ke.start : u,
+        selectionEnd: Ae ? Ke.end : q,
         editText: ne,
-        editRichText: K,
+        editRichText: V,
         cursorOpacity: U.current,
         isTouchDevice: le,
-        selectionHandlePositionsRef: L
+        selectionHandlePositionsRef: H
       };
     })() : void 0
   }), Ee && Ee.pieces.length > 0 && $) {
-    let Ve = !1;
+    let Ke = !1;
     const Ue = gt ?? null;
     if (Ue && Ee) {
       const ue = Ue.getVisualBoundingBox();
@@ -2039,19 +2039,19 @@ function hi(e, t, n) {
           if (Je.kind !== "dieCut") continue;
           const Ge = Je.path;
           if (Ge.kind !== "rect" && Ge.kind !== "roundedRect") {
-            Ve = !0;
+            Ke = !0;
             break e;
           }
           const Fe = me.x + (Ge.x ?? 0), nt = me.y + (Ge.y ?? 0), st = Ge.width ?? 0, xt = Ge.height ?? 0;
           if (ue.x < Fe + st && ue.x + ue.width > Fe && ue.y < nt + xt && ue.y + ue.height > nt) {
-            Ve = !0;
+            Ke = !0;
             break e;
           }
         }
       }
     }
-    const Ae = Ve, V = Ze > 0 && $ !== void 0;
-    if (V && (se.save(), se.beginPath(), se.roundRect(
+    const Ae = Ke, K = Ze > 0 && $ !== void 0;
+    if (K && (se.save(), se.beginPath(), se.roundRect(
       $.x,
       $.y,
       $.width,
@@ -2069,7 +2069,7 @@ function hi(e, t, n) {
       zoom: A,
       interacting: Ae,
       focusedPieceId: e.focusedPieceId ?? null
-    }), V && se.restore(), e.focusedPieceId && Ee.pieces.length > 1) {
+    }), K && se.restore(), e.focusedPieceId && Ee.pieces.length > 1) {
       const ue = e.focusedPieceRect ?? Ee.pieces.find((me) => me.id === e.focusedPieceId) ?? null;
       if (ue) {
         se.save(), se.translate($.x, $.y), se.globalCompositeOperation = "destination-out";
@@ -2115,7 +2115,7 @@ function hi(e, t, n) {
     zoom: A,
     paddingOffset: { x: R, y: E }
   });
-  const tn = pt ? zt : De, Yt = new Set(Nt.map((Ve) => Ve.id)), { updatedOBB: wt, groupBounds: Xt } = ri({
+  const tn = pt ? zt : De, Yt = new Set(Nt.map((Ke) => Ke.id)), { updatedOBB: wt, groupBounds: Xt } = ri({
     ctx: se,
     displaySelection: tn,
     elements: o,
@@ -2270,17 +2270,17 @@ function xi(e) {
 function yi(e) {
   const { selectedElement: t, activeChildElement: n } = e;
   let s = null, o = -1;
-  if (n instanceof Ht && n.isCropping)
+  if (n instanceof Lt && n.isCropping)
     s = n, t instanceof Re && (o = t.children.findIndex((a) => a.id === n.id));
   else if (t instanceof Re)
     for (let a = 0; a < t.children.length; a++) {
       const l = t.children[a];
-      if (l.visible !== !1 && l instanceof Ht && l.isCropping) {
+      if (l.visible !== !1 && l instanceof Lt && l.isCropping) {
         s = l, o = a;
         break;
       }
     }
-  const i = s || (t instanceof Ht && t.isCropping ? t : null);
+  const i = s || (t instanceof Lt && t.isCropping ? t : null);
   return i ? {
     croppingImage: i,
     croppingChild: s,
@@ -2471,14 +2471,14 @@ function Mi(e) {
     selectionStart: D,
     selectionEnd: w,
     isRotating: ne,
-    isMarqueeSelecting: K,
+    isMarqueeSelecting: V,
     isAltKeyPressed: O,
     selectedElement: u,
     activeChildElement: q,
     elements: U,
     multiSelection: te,
     multiSelectionOBBRef: le,
-    zoom: L,
+    zoom: H,
     paddingOffsetX: xe,
     paddingOffsetY: ie,
     spacingIndicators: be,
@@ -2504,7 +2504,7 @@ function Mi(e) {
     penTool: _,
     cropController: Ce,
     onElementUpdate: Ie,
-    executeElementUpdate: Ke,
+    executeElementUpdate: Ve,
     onSelectionChange: Xe,
     onMultiSelectionChange: Y,
     onRotationStateChange: $,
@@ -2521,9 +2521,9 @@ function Mi(e) {
     setEditRichText: rn,
     setIsEditing: on,
     setCurrentFormattingStyle: Ut,
-    getWrappedTextForEditing: Ve
-  } = e, Ue = we(null), Ae = we(/* @__PURE__ */ new Map()), V = we(null), ue = we(null), me = we(null), Be = we(null), Je = we(null), Ge = we(null), Fe = we(null), { userZoom: nt, setUserZoom: st, panOffset: xt, setPanOffset: yt } = Ts(), Lt = we(nt);
-  Lt.current = nt;
+    getWrappedTextForEditing: Ke
+  } = e, Ue = we(null), Ae = we(/* @__PURE__ */ new Map()), K = we(null), ue = we(null), me = we(null), Be = we(null), Je = we(null), Ge = we(null), Fe = we(null), { userZoom: nt, setUserZoom: st, panOffset: xt, setPanOffset: yt } = Ts(), Ht = we(nt);
+  Ht.current = nt;
   const ve = we(xt);
   ve.current = xt, Pe(() => {
     const z = t.current;
@@ -2537,7 +2537,7 @@ function Mi(e) {
   }, [t]), Pe(() => {
     const z = t.current;
     z && (Ue.current = z.getBoundingClientRect());
-  }, [L, t]);
+  }, [H, t]);
   const as = ft(
     (z) => {
       var j, pe, ke, ee, J;
@@ -2546,14 +2546,14 @@ function Mi(e) {
       if (!fe) return;
       const dt = fe.getBoundingClientRect();
       Ue.current = dt;
-      const W = (z.clientX - dt.left) / L - xe, Z = (z.clientY - dt.top) / L - ie;
+      const W = (z.clientX - dt.left) / H - xe, Z = (z.clientY - dt.top) / H - ie;
       Ae.current.size === 0 && (me.current = (u == null ? void 0 : u.id) ?? null), Ae.current.set(z.pointerId, {
         x: W,
         y: Z,
         clientX: z.clientX,
         clientY: z.clientY
       });
-      const et = g || u instanceof Ht && u.isCropping || _.isActive();
+      const et = g || u instanceof Lt && u.isCropping || _.isActive();
       if (Ae.current.size === 2 && !et) {
         const k = Array.from(Ae.current.keys()), X = Ae.current.get(k[0]), M = Ae.current.get(k[1]), F = me.current !== null;
         if (!(F && u && !u.locked && (u.hitTest(X.x, X.y) || u.hitTest(M.x, M.y)))) {
@@ -2567,17 +2567,17 @@ function Mi(e) {
             ), b.current = null;
           }
           !F && u && Xe(null), h.isInteracting() && h.end(), Fe.current = null, Be.current = null, Je.current = null, delete h._pendingTextEditMode, delete h._pendingChildSelection;
-          const oe = M.clientX - X.clientX, Me = M.clientY - X.clientY, He = Math.hypot(oe, Me), bt = (((j = fe.parentElement) == null ? void 0 : j.parentElement) ?? fe).getBoundingClientRect();
+          const oe = M.clientX - X.clientX, Me = M.clientY - X.clientY, Le = Math.hypot(oe, Me), bt = (((j = fe.parentElement) == null ? void 0 : j.parentElement) ?? fe).getBoundingClientRect();
           Ge.current = {
             pointerA: k[0],
             pointerB: k[1],
-            startUserZoom: Lt.current,
+            startUserZoom: Ht.current,
             startPanOffset: { ...ve.current },
             startCentroidClient: {
               x: (X.clientX + M.clientX) / 2,
               y: (X.clientY + M.clientY) / 2
             },
-            startDistance: Math.max(He, 1),
+            startDistance: Math.max(Le, 1),
             containerRect: { left: bt.left, top: bt.top }
           };
           try {
@@ -2595,12 +2595,12 @@ function Mi(e) {
             const ae = gt().find(
               (oe) => oe.id === F.element.id
             );
-            Ke(ae, F.element);
+            Ve(ae, F.element);
           }
           h.end();
         }
         const k = Array.from(Ae.current.keys());
-        V.current = { a: k[0], b: k[1] };
+        K.current = { a: k[0], b: k[1] };
         const X = Ae.current.get(k[0]), M = Ae.current.get(k[1]);
         Be.current = null, Je.current = null, Fe.current = null, ue.current = u.clone(), h.startPinch(u, X, M);
         try {
@@ -2614,7 +2614,7 @@ function Mi(e) {
         if (N && D !== w) {
           const k = m.current;
           if (k.start || k.end) {
-            const X = en.toRadiansInverse(u.rotation), M = u.getRotationAnchor(), F = W - M.x, ae = Z - M.y, oe = Math.cos(X), Me = Math.sin(X), He = F * oe - ae * Me, it = F * Me + ae * oe, bt = He, Bt = it, St = 44 / L;
+            const X = en.toRadiansInverse(u.rotation), M = u.getRotationAnchor(), F = W - M.x, ae = Z - M.y, oe = Math.cos(X), Me = Math.sin(X), Le = F * oe - ae * Me, it = F * Me + ae * oe, bt = Le, Bt = it, St = 44 / H;
             if (k.start && Math.sqrt(
               Math.pow(bt - k.start.center.x, 2) + Math.pow(Bt - k.start.center.y, 2)
             ) <= St) {
@@ -2631,7 +2631,7 @@ function Mi(e) {
         }
         if (u.hitTest(W, Z)) {
           z.preventDefault(), s.current = !0;
-          const k = u.getVisualBoundingBox(), X = en.toRadiansInverse(u.rotation), M = u.getRotationAnchor(), F = W - M.x, ae = Z - M.y, oe = Math.cos(X), Me = Math.sin(X), He = F * oe - ae * Me, it = F * Me + ae * oe, bt = He + k.width / 2, Bt = it + k.height / 2, St = Sn(u, { x: bt, y: Bt }), Et = Date.now();
+          const k = u.getVisualBoundingBox(), X = en.toRadiansInverse(u.rotation), M = u.getRotationAnchor(), F = W - M.x, ae = Z - M.y, oe = Math.cos(X), Me = Math.sin(X), Le = F * oe - ae * Me, it = F * Me + ae * oe, bt = Le + k.width / 2, Bt = it + k.height / 2, St = Sn(u, { x: bt, y: Bt }), Et = Date.now();
           if (Et - a.current < I) {
             (ee = n.current) == null || ee.focus();
             return;
@@ -2662,7 +2662,7 @@ function Mi(e) {
         return;
       }
       if (te.length > 0 && E.current) {
-        const k = E.current, X = pi({ x: W, y: Z, bounds: k, zoom: L });
+        const k = E.current, X = pi({ x: W, y: Z, bounds: k, zoom: H });
         if (X.type === "corner-handle") {
           if (mi({
             multiSelection: te,
@@ -2709,7 +2709,7 @@ function Mi(e) {
       if (B && B.visible !== !1 && !B.locked && (te.length === 0 || q)) {
         const k = yi({ selectedElement: u || null, activeChildElement: q });
         if (k) {
-          const M = bi({ x: W, y: Z, cropContext: k, transformHandles: G, zoom: L });
+          const M = bi({ x: W, y: Z, cropContext: k, transformHandles: G, zoom: H });
           if (M.type === "crop-handle") {
             vi({
               cropContext: k,
@@ -2751,12 +2751,12 @@ function Mi(e) {
               onElementUpdate: Ie,
               transformHandles: G,
               updateActiveChild: Ze,
-              zoom: L
+              zoom: H
             }), We((F) => F + 1);
             return;
           }
         }
-        if (G.hitTestRotation(W, Z, L)) {
+        if (G.hitTestRotation(W, Z, H)) {
           if (B.locked) return;
           const M = B.getBoundingBox(), F = Es(M), ae = lr(F.x, F.y, W, Z);
           $e(!0), at(ae), pt(B.rotation), h.startRotate(B, W, Z, ae, B.rotation), q && u instanceof Re && (h._activeChildContext = {
@@ -2765,7 +2765,7 @@ function Mi(e) {
           }), Be.current = B.id, Je.current = { x: W, y: Z }, se({});
           return;
         }
-        const X = G.hitTestResize(W, Z, L);
+        const X = G.hitTestResize(W, Z, H);
         if (X) {
           if (B.locked) return;
           const M = B.getBoundingBox(), F = B.getVisualBoundingBox();
@@ -2807,13 +2807,13 @@ function Mi(e) {
           dragOriginalElementsRef: b,
           setHoverState: Ee,
           forceUpdate: se,
-          zoom: L
+          zoom: H
         })) return;
-        Zs({ updateActiveChild: Ze, selectedElement: u || null, transformHandles: G, setHandlesVersion: We, zoom: L });
+        Zs({ updateActiveChild: Ze, selectedElement: u || null, transformHandles: G, setHandlesVersion: We, zoom: H });
         return;
       }
       if (q) {
-        Zs({ updateActiveChild: Ze, selectedElement: u || null, transformHandles: G, setHandlesVersion: We, zoom: L });
+        Zs({ updateActiveChild: Ze, selectedElement: u || null, transformHandles: G, setHandlesVersion: We, zoom: H });
         return;
       }
       if (!z.shiftKey) {
@@ -2871,9 +2871,9 @@ function Mi(e) {
         setHoverState: Ee,
         forceUpdate: se
       })) return;
-      const H = zr.shouldProtectClick(), Q = Dr(z.target);
-      if (!H && !Q)
-        if (Lt.current > 1.001) {
+      const L = zr.shouldProtectClick(), Q = Dr(z.target);
+      if (!L && !Q)
+        if (Ht.current > 1.001) {
           Fe.current = {
             pointerId: z.pointerId,
             startClientX: z.clientX,
@@ -2901,9 +2901,9 @@ function Mi(e) {
       te,
       h,
       _,
-      Ke,
+      Ve,
       We,
-      L,
+      H,
       Te,
       Oe,
       De,
@@ -2918,7 +2918,7 @@ function Mi(e) {
       if (z.buttons === 2) return;
       const fe = t.current;
       if (!fe) return;
-      const dt = Ue.current ?? fe.getBoundingClientRect(), W = (z.clientX - dt.left) / L - xe, Z = (z.clientY - dt.top) / L - ie;
+      const dt = Ue.current ?? fe.getBoundingClientRect(), W = (z.clientX - dt.left) / H - xe, Z = (z.clientY - dt.top) / H - ie;
       if (p.current = { x: W, y: Z }, Ae.current.has(z.pointerId) && Ae.current.set(z.pointerId, {
         x: W,
         y: Z,
@@ -2927,12 +2927,12 @@ function Mi(e) {
       }), Ge.current) {
         const B = Ge.current, ge = Ae.current.get(B.pointerA), S = Ae.current.get(B.pointerB);
         if (ge && S) {
-          const H = S.clientX - ge.clientX, Q = S.clientY - ge.clientY, pe = Math.hypot(H, Q) / B.startDistance, ke = Math.min(
+          const L = S.clientX - ge.clientX, Q = S.clientY - ge.clientY, pe = Math.hypot(L, Q) / B.startDistance, ke = Math.min(
             Math.max(B.startUserZoom * pe, 0.25),
             8
           ), ee = B.startCentroidClient.x - B.containerRect.left, J = B.startCentroidClient.y - B.containerRect.top, k = (ge.clientX + S.clientX) / 2 - B.containerRect.left, X = (ge.clientY + S.clientY) / 2 - B.containerRect.top, M = ke / B.startUserZoom, F = k - (ee - B.startPanOffset.x) * M, ae = X - (J - B.startPanOffset.y) * M, oe = t.current;
           if (oe) {
-            const Me = oe.getBoundingClientRect(), He = (et = oe.parentElement) == null ? void 0 : et.parentElement, it = (He == null ? void 0 : He.clientWidth) ?? Me.width, bt = (He == null ? void 0 : He.clientHeight) ?? Me.height, Bt = 80, St = ke / Math.max(Lt.current, 1e-4), Et = Me.width * St, Gt = Me.height * St, ut = ve.current.x, kt = ve.current.y, kn = Me.left - B.containerRect.left, Ft = Me.top - B.containerRect.top, qt = kn + (F - ut), jt = Ft + (ae - kt), _t = Math.min(
+            const Me = oe.getBoundingClientRect(), Le = (et = oe.parentElement) == null ? void 0 : et.parentElement, it = (Le == null ? void 0 : Le.clientWidth) ?? Me.width, bt = (Le == null ? void 0 : Le.clientHeight) ?? Me.height, Bt = 80, St = ke / Math.max(Ht.current, 1e-4), Et = Me.width * St, Gt = Me.height * St, ut = ve.current.x, kt = ve.current.y, kn = Me.left - B.containerRect.left, Ft = Me.top - B.containerRect.top, qt = kn + (F - ut), jt = Ft + (ae - kt), _t = Math.min(
               Math.max(qt, -Et + Bt),
               it - Bt
             ), $t = Math.min(
@@ -2955,17 +2955,17 @@ function Mi(e) {
             B.movedPastThreshold = !0, B.pendingTap = null;
           else
             return;
-        if (Lt.current <= 1.001) return;
+        if (Ht.current <= 1.001) return;
         yt({
           x: B.startPanOffset.x + ge,
           y: B.startPanOffset.y + S
         });
         return;
       }
-      if (h.getMode() === "pinch" && V.current) {
-        const { a: B, b: ge } = V.current, S = Ae.current.get(B), H = Ae.current.get(ge);
-        if (S && H) {
-          const Q = h.updatePinch(S, H), { element: j, startData: pe } = h.getPinchContext();
+      if (h.getMode() === "pinch" && K.current) {
+        const { a: B, b: ge } = K.current, S = Ae.current.get(B), L = Ae.current.get(ge);
+        if (S && L) {
+          const Q = h.updatePinch(S, L), { element: j, startData: pe } = h.getPinchContext();
           fi.calculatePinch({
             element: j,
             startData: pe,
@@ -2984,7 +2984,7 @@ function Mi(e) {
         return;
       }
       if (d.current && u instanceof Qe) {
-        const B = u.getVisualBoundingBox(), ge = u.getRotationAnchor(), S = en.toRadiansInverse(u.rotation), H = W - ge.x, Q = Z - ge.y, j = Math.cos(S), pe = Math.sin(S), ke = H * j - Q * pe, ee = H * pe + Q * j, J = m.current;
+        const B = u.getVisualBoundingBox(), ge = u.getRotationAnchor(), S = en.toRadiansInverse(u.rotation), L = W - ge.x, Q = Z - ge.y, j = Math.cos(S), pe = Math.sin(S), ke = L * j - Q * pe, ee = L * pe + Q * j, J = m.current;
         let k = 0;
         d.current === "start" && (J != null && J.start) ? k = J.start.textEdge.y - J.start.center.y : d.current === "end" && (J != null && J.end) && (k = J.end.textEdge.y - J.end.center.y);
         const X = ke + B.width / 2, M = ee + k + B.height / 2, F = Sn(u, { x: X, y: M });
@@ -2998,59 +2998,59 @@ function Mi(e) {
         _.isDraggingHandle() ? (_.updateHandle(W - u.x, Z - u.y), We((B) => B + 1)) : (_.setPreviewPoint(W - u.x, Z - u.y), We((B) => B + 1));
         return;
       }
-      if (z.altKey !== O && Pt(z.altKey), K) {
+      if (z.altKey !== O && Pt(z.altKey), V) {
         Dt(W, Z, U);
         return;
       }
       if (h.getMode() === "drag") {
         const B = h._multiSelectionDragContext;
         if (B && te.length > 0) {
-          const { dx: ge, dy: S } = Ks(
+          const { dx: ge, dy: S } = Vs(
             W - B.startX,
             Z - B.startY,
             { shift: z.shiftKey }
           );
           B.currentElements || (B.currentElements = /* @__PURE__ */ new Map());
-          const H = [];
+          const L = [];
           B.elementsStartData.forEach((Q) => {
             const j = Q.element, pe = Q.startData, ke = j.clone();
-            ke.x = pe.x + ge, ke.y = pe.y + S, B.currentElements.set(ke.id, ke), H.push(ke);
-          }), lt((Q) => Q.map((j) => H.find((pe) => pe.id === j.id) || j)), B.currentDelta = { dx: ge, dy: S }, !B.startOBB && le.current && (B.startOBB = { ...le.current }), We((Q) => Q + 1), se({});
+            ke.x = pe.x + ge, ke.y = pe.y + S, B.currentElements.set(ke.id, ke), L.push(ke);
+          }), lt((Q) => Q.map((j) => L.find((pe) => pe.id === j.id) || j)), B.currentDelta = { dx: ge, dy: S }, !B.startOBB && le.current && (B.startOBB = { ...le.current }), We((Q) => Q + 1), se({});
           return;
         }
       }
       if (h.getMode() === "drag" && u) {
         if (h.getDragMode() === "crop-image-drag") {
           const ee = h.getContext(), J = ee.element;
-          if (J instanceof Ht && J.isCropping) {
+          if (J instanceof Lt && J.isCropping) {
             const k = Ce.handleCropImageDrag(J, ee, W, Z), X = h._cropGroupContext, M = h._activeChildContext, F = X || M;
             if (F && u instanceof Re) {
               const ae = J.clone();
               ae.x = k.x, ae.y = k.y, ae.updateCrop(k.cropX, k.cropY, k.cropWidth, k.cropHeight, !1);
               const oe = u.clone(), Me = X ? X.childIndex : oe.children.findIndex((it) => it.id === F.childId);
               Me >= 0 && (oe.children[Me] = ae, oe.updateBoundsFromChildren(!0)), lt((it) => it.map((bt) => bt.id === oe.id ? oe : bt));
-              const He = h.getContext();
-              He._cachedElement || (He._cachedElement = {}), He._cachedElement[oe.id] = oe, M && Me >= 0 && (Ze(oe.children[Me]), G.update(ae, L)), We((it) => it + 1);
+              const Le = h.getContext();
+              Le._cachedElement || (Le._cachedElement = {}), Le._cachedElement[oe.id] = oe, M && Me >= 0 && (Ze(oe.children[Me]), G.update(ae, H)), We((it) => it + 1);
             } else {
               const ae = J.clone();
               ae.x = k.x, ae.y = k.y, ae.updateCrop(k.cropX, k.cropY, k.cropWidth, k.cropHeight, !1), lt(
-                (Me) => Me.map((He) => He.id === ae.id ? ae : He)
+                (Me) => Me.map((Le) => Le.id === ae.id ? ae : Le)
               );
               const oe = h.getContext();
-              oe._cachedElement || (oe._cachedElement = {}), oe._cachedElement[ae.id] = ae, G.update(ae, L), We((Me) => Me + 1);
+              oe._cachedElement || (oe._cachedElement = {}), oe._cachedElement[ae.id] = ae, G.update(ae, H), We((Me) => Me + 1);
             }
             return;
           }
         }
-        const ge = h._activeChildContext, S = gt(), H = [];
+        const ge = h._activeChildContext, S = gt(), L = [];
         S.forEach((ee) => {
-          ee instanceof Re ? H.push(...ee.children) : H.push(ee);
+          ee instanceof Re ? L.push(...ee.children) : L.push(ee);
         });
         const Q = { shift: z.shiftKey };
-        let j = h.updateDrag(W, Z, H, Q);
+        let j = h.updateDrag(W, Z, L, Q);
         const pe = ge && u instanceof Re ? u.children.find((ee) => ee.id === ge.childId) : u;
-        if (pe && (j = he.snapToSpacing(j, pe, H), Q.shift)) {
-          const ee = h.getContext(), J = ee.startData, { lockedAxis: k } = Ks(W - ee.startX, Z - ee.startY, Q);
+        if (pe && (j = he.snapToSpacing(j, pe, L), Q.shift)) {
+          const ee = h.getContext(), J = ee.startData, { lockedAxis: k } = Vs(W - ee.startX, Z - ee.startY, Q);
           k === "x" ? j.x = J.x : k === "y" && (j.y = J.y);
         }
         if (ge && u instanceof Re) {
@@ -3063,7 +3063,7 @@ function Mi(e) {
           const k = h.getContext();
           if (k._cachedElement || (k._cachedElement = {}), k._cachedElement[ee.id] = ee, J >= 0) {
             const X = ee.children[J];
-            Ze(X), G.update(X, L);
+            Ze(X), G.update(X, H);
           }
           We((X) => X + 1), se({});
         } else {
@@ -3073,7 +3073,7 @@ function Mi(e) {
             J.move(F, ae);
           } else
             J.x = j.x, J.y = j.y;
-          lt((X) => X.map((M) => M.id === J.id ? J : M)), G.update(J, L);
+          lt((X) => X.map((M) => M.id === J.id ? J : M)), G.update(J, H);
           const k = h.getContext();
           k._cachedElement || (k._cachedElement = {}), k._cachedElement[J.id] = J;
         }
@@ -3086,13 +3086,13 @@ function Mi(e) {
           ee._cachedElement && u ? ke = ee._cachedElement[u.id] : ke = u || void 0;
         }
         if (ke) {
-          const ee = he.detectSpacing(ke, H, O);
+          const ee = he.detectSpacing(ke, L, O);
           At(ee);
         }
       } else if (h.getMode() === "resize") {
-        const { dx: B, dy: ge } = h.updateResize(W, Z), S = h.getResizeContext(), H = h._multiSelectionResizeContext;
-        if (H && te.length > 0) {
-          const k = H.startBounds, X = H.anchor;
+        const { dx: B, dy: ge } = h.updateResize(W, Z), S = h.getResizeContext(), L = h._multiSelectionResizeContext;
+        if (L && te.length > 0) {
+          const k = L.startBounds, X = L.anchor;
           let M, F, ae, oe;
           switch (X) {
             case "top-left":
@@ -3110,7 +3110,7 @@ function Mi(e) {
             default:
               M = k.minX, F = k.minY, ae = k.maxX, oe = k.maxY;
           }
-          const Me = ae + B, He = oe + ge, it = Math.abs(ae - M), bt = Math.abs(oe - F), Bt = Math.abs(Me - M), St = Math.abs(He - F), Et = it > 0 ? Bt / it : 1, Gt = bt > 0 ? St / bt : 1, ut = (Et + Gt) / 2, kt = k.maxX - k.minX, kn = k.maxY - k.minY, Ft = kt * ut, qt = kn * ut;
+          const Me = ae + B, Le = oe + ge, it = Math.abs(ae - M), bt = Math.abs(oe - F), Bt = Math.abs(Me - M), St = Math.abs(Le - F), Et = it > 0 ? Bt / it : 1, Gt = bt > 0 ? St / bt : 1, ut = (Et + Gt) / 2, kt = k.maxX - k.minX, kn = k.maxY - k.minY, Ft = kt * ut, qt = kn * ut;
           let jt = M, _t = F, $t = M, an = F;
           switch (X) {
             case "top-left":
@@ -3126,26 +3126,26 @@ function Mi(e) {
               jt = M, _t = F, $t = M + Ft, an = F + qt;
               break;
           }
-          if (H.elementsStartData.forEach((Hn) => {
-            const Kn = Hn.element, nn = Hn.startData, ls = nn.x - M, ds = nn.y - F, Vn = M + ls * ut, Un = F + ds * ut, Wt = Kn.clone();
-            if (Wt instanceof Ht) {
-              Wt.x = Vn, Wt.y = Un;
+          if (L.elementsStartData.forEach((Ln) => {
+            const Vn = Ln.element, nn = Ln.startData, ls = nn.x - M, ds = nn.y - F, Kn = M + ls * ut, Un = F + ds * ut, Wt = Vn.clone();
+            if (Wt instanceof Lt) {
+              Wt.x = Kn, Wt.y = Un;
               const Rn = Wt.transformData, yn = nn.transformData;
               Rn.width = yn.width * ut, Rn.height = yn.height * ut;
             } else if (Wt instanceof Re) {
-              Wt.x = Vn, Wt.y = Un;
+              Wt.x = Kn, Wt.y = Un;
               const Rn = nn.width * ut, yn = nn.height * ut;
               Wt.resize(X, Rn, yn, nn);
             } else {
               const Rn = nn.width * ut, yn = nn.height * ut;
-              Wt.resize(X, Rn, yn, nn), Wt.x = Vn, Wt.y = Un;
+              Wt.resize(X, Rn, yn, nn), Wt.x = Kn, Wt.y = Un;
             }
             Ie(Wt);
           }), le.current) {
-            const Hn = (jt + $t) / 2, Kn = (_t + an) / 2;
+            const Ln = (jt + $t) / 2, Vn = (_t + an) / 2;
             le.current = {
-              centerX: Hn,
-              centerY: Kn,
+              centerX: Ln,
+              centerY: Vn,
               width: $t - jt,
               height: an - _t,
               rotation: le.current.rotation
@@ -3154,15 +3154,15 @@ function Mi(e) {
           return;
         }
         const Q = S.element;
-        if (Q instanceof Ht && Q.isCropping && S.handle.anchor && S.handle.anchor.startsWith("crop-")) {
+        if (Q instanceof Lt && Q.isCropping && S.handle.anchor && S.handle.anchor.startsWith("crop-")) {
           const k = S.handle.anchor.replace("crop-", ""), X = h.getContext(), M = Ce.handleCropBoxResize(Q, k, S, X, W, Z);
           fe.style.cursor = M.cursor;
           const F = h._cropGroupContext, ae = h._activeChildContext, oe = F || ae;
           if (oe && u instanceof Re) {
             const Me = Q.clone();
             Me.x = M.x, Me.y = M.y, Me.rotation = M.rotation, Me.transformData.width = M.width, Me.transformData.height = M.height, Me.updateCrop(M.cropX, M.cropY, M.cropWidth, M.cropHeight, !1);
-            const He = u.clone(), it = F ? F.childIndex : He.children.findIndex((bt) => bt.id === oe.childId);
-            it >= 0 && (He.children[it] = Me, He.updateBoundsFromChildren(!0)), Ie(He), ae && it >= 0 && Ze(He.children[it]);
+            const Le = u.clone(), it = F ? F.childIndex : Le.children.findIndex((bt) => bt.id === oe.childId);
+            it >= 0 && (Le.children[it] = Me, Le.updateBoundsFromChildren(!0)), Ie(Le), ae && it >= 0 && Ze(Le.children[it]);
           } else {
             const Me = Q.clone();
             Me.x = M.x, Me.y = M.y, Me.rotation = M.rotation, Me.transformData.width = M.width, Me.transformData.height = M.height, Me.updateCrop(M.cropX, M.cropY, M.cropWidth, M.cropHeight, !1), Ie(Me);
@@ -3187,9 +3187,9 @@ function Mi(e) {
         }).element;
         if (h.updateResizeElement(J), pe) {
           const k = u.clone(), X = k.children.findIndex((M) => M.id === j.childId);
-          X >= 0 && (k.children[X] = J, k.updateBoundsFromChildren(!0)), Ie(k), X >= 0 && (Ze(k.children[X]), G.update(k.children[X], L));
+          X >= 0 && (k.children[X] = J, k.updateBoundsFromChildren(!0)), Ie(k), X >= 0 && (Ze(k.children[X]), G.update(k.children[X], H));
         } else
-          Ie(J), G.update(J, L);
+          Ie(J), G.update(J, H);
         We((k) => k + 1), zt(re.getGuides());
       } else if (h.getMode() === "rotate") {
         fe.style.cursor = "grabbing", ne || ($e(!0), $ == null || $(!0));
@@ -3210,20 +3210,20 @@ function Mi(e) {
         }
         const ge = h._activeChildContext, S = ge ? q : u;
         if (!S) return;
-        const H = S.getBoundingBox(), Q = Es(H), j = Q.x, pe = Q.y, ke = h.updateRotate(W, Z, Q.x, Q.y, { shift: z.shiftKey }), ee = S.clone();
+        const L = S.getBoundingBox(), Q = Es(L), j = Q.x, pe = Q.y, ke = h.updateRotate(W, Z, Q.x, Q.y, { shift: z.shiftKey }), ee = S.clone();
         if (ee.setRotation(ke), !(ee instanceof Re)) {
           const J = ee.getBoundingBox(), k = Es(J), X = j - k.x, M = pe - k.y;
           ee.x += X, ee.y += M;
         }
         if (x.current = ee, pt(ee.rotation), ct((J) => J + 1), ge && u instanceof Re) {
           const J = u.clone(), k = J.children.findIndex((X) => X.id === ge.childId);
-          k >= 0 && (J.children[k] = ee, J.updateBoundsFromChildren(!0)), Ie(J), k >= 0 && (Ze(J.children[k]), G.update(J.children[k], L));
+          k >= 0 && (J.children[k] = ee, J.updateBoundsFromChildren(!0)), Ie(J), k >= 0 && (Ze(J.children[k]), G.update(J.children[k], H));
         } else
-          Ie(ee), G.update(ee, L);
+          Ie(ee), G.update(ee, H);
         We((J) => J + 1);
       } else {
         if (te.length > 0 && E.current) {
-          const S = E.current, H = 16 / L, Q = [
+          const S = E.current, L = 16 / H, Q = [
             { x: S.minX, y: S.minY, anchor: "top-left", cursor: "nwse-resize" },
             { x: S.maxX, y: S.minY, anchor: "top-right", cursor: "nesw-resize" },
             { x: S.minX, y: S.maxY, anchor: "bottom-left", cursor: "nesw-resize" },
@@ -3242,12 +3242,12 @@ function Mi(e) {
           });
           for (const X of pe) {
             const M = W - X.x, F = Z - X.y;
-            if (Math.sqrt(M * M + F * F) <= H) {
+            if (Math.sqrt(M * M + F * F) <= L) {
               fe.style.cursor = X.cursor, Ee({ type: "multi-selection-handle", data: X });
               return;
             }
           }
-          const ke = 18 / L;
+          const ke = 18 / H;
           if (Math.sqrt(
             Math.pow(W - S.rotationHandleX, 2) + Math.pow(Z - S.rotationHandleY, 2)
           ) <= ke) {
@@ -3266,9 +3266,9 @@ function Mi(e) {
         }
         if (z.altKey) {
           let S = null;
-          const H = gt();
-          for (let Q = H.length - 1; Q >= 0; Q--) {
-            const j = H[Q];
+          const L = gt();
+          for (let Q = L.length - 1; Q >= 0; Q--) {
+            const j = L[Q];
             if (j.visible !== !1) {
               if (j instanceof Re)
                 for (let pe = j.children.length - 1; pe >= 0; pe--) {
@@ -3292,7 +3292,7 @@ function Mi(e) {
           }
           if (S) {
             const Q = [];
-            H.forEach((pe) => {
+            L.forEach((pe) => {
               pe instanceof Re ? Q.push(...pe.children) : Q.push(pe);
             });
             const j = he.detectSpacing(S, Q, !0);
@@ -3303,8 +3303,8 @@ function Mi(e) {
           be.length > 0 && At([]);
         const B = q || u;
         if (B && B.visible !== !1)
-          if (B instanceof Ht && B.isCropping) {
-            const S = B.hitTestCropHandle(W, Z, L);
+          if (B instanceof Lt && B.isCropping) {
+            const S = B.hitTestCropHandle(W, Z, H);
             if (S) {
               const Q = eo(
                 S.worldX,
@@ -3318,9 +3318,9 @@ function Mi(e) {
               fe.style.cursor = Q, Ee({ type: "crop-handle", data: S });
               return;
             }
-            const H = G.hitTestResize(W, Z, L);
-            if (H) {
-              fe.style.cursor = H.cursor, Ee({ type: "resize-handle", data: H });
+            const L = G.hitTestResize(W, Z, H);
+            if (L) {
+              fe.style.cursor = L.cursor, Ee({ type: "resize-handle", data: L });
               return;
             }
             if (B.hitTest(W, Z)) {
@@ -3328,11 +3328,11 @@ function Mi(e) {
               return;
             }
           } else {
-            if (G.hitTestRotation(W, Z, L)) {
+            if (G.hitTestRotation(W, Z, H)) {
               fe.style.cursor = "grab", Ee({ type: "rotation-handle", data: null });
               return;
             }
-            const S = G.hitTestResize(W, Z, L);
+            const S = G.hitTestResize(W, Z, H);
             if (S) {
               fe.style.cursor = S.cursor, Ee({ type: "resize-handle", data: S });
               return;
@@ -3344,9 +3344,9 @@ function Mi(e) {
           }
         if (q && u instanceof Re)
           for (let S = u.children.length - 1; S >= 0; S--) {
-            const H = u.children[S];
-            if (!(H.visible === !1 || H.id === q.id) && H.hitTest(W, Z)) {
-              fe.style.cursor = "pointer", Ee({ type: "group-sibling", data: H });
+            const L = u.children[S];
+            if (!(L.visible === !1 || L.id === q.id) && L.hitTest(W, Z)) {
+              fe.style.cursor = "pointer", Ee({ type: "group-sibling", data: L });
               return;
             }
           }
@@ -3367,14 +3367,14 @@ function Mi(e) {
       gt,
       Ie,
       G,
-      K,
+      V,
       re,
       te,
       le,
       q,
       _,
       We,
-      L,
+      H,
       xe,
       ie,
       Ee,
@@ -3398,54 +3398,54 @@ function Mi(e) {
       Fe.current = null, S.movedPastThreshold || (((W = S.pendingTap) == null ? void 0 : W.kind) === "select-element" ? (Xe(S.pendingTap.elementId), Y([])) : ((Z = S.pendingTap) == null ? void 0 : Z.kind) === "deselect" && (Xe(null), Y([])));
       return;
     }
-    if (h.getMode() === "pinch" && V.current) {
-      const { a: S, b: H } = V.current;
-      if (z.pointerId === S || z.pointerId === H) {
+    if (h.getMode() === "pinch" && K.current) {
+      const { a: S, b: L } = K.current;
+      if (z.pointerId === S || z.pointerId === L) {
         const j = h.getContext().element, pe = ue.current ?? void 0;
-        j && Ke(
+        j && Ve(
           pe,
           j
-        ), h.end(), V.current = null, ue.current = null, Ae.current.clear();
+        ), h.end(), K.current = null, ue.current = null, Ae.current.clear();
         return;
       }
     }
     if (d.current && (d.current = null), _.isActive() && _.isDraggingHandle()) {
       const S = _.isClosingPath();
       if (_.finishDraggingHandle(), S && u instanceof wn) {
-        const H = u.clone();
-        Ke(u, H);
+        const L = u.clone();
+        Ve(u, L);
       }
-      We((H) => H + 1);
+      We((L) => L + 1);
       return;
     }
-    if (K) {
+    if (V) {
       tn(Y);
       return;
     }
-    b.current && h.getMode() === "drag" && (b.current.forEach((H, Q) => {
+    b.current && h.getMode() === "drag" && (b.current.forEach((L, Q) => {
       const j = U.find((pe) => pe.id === Q);
-      j && (H.x !== j.x || H.y !== j.y || H instanceof Re && j instanceof Re && JSON.stringify(H.children.map((ke) => ({ x: ke.x, y: ke.y }))) !== JSON.stringify(j.children.map((ke) => ({ x: ke.x, y: ke.y })))) && Ke(H, j);
+      j && (L.x !== j.x || L.y !== j.y || L instanceof Re && j instanceof Re && JSON.stringify(L.children.map((ke) => ({ x: ke.x, y: ke.y }))) !== JSON.stringify(j.children.map((ke) => ({ x: ke.x, y: ke.y })))) && Ve(L, j);
     }), b.current = null);
     const fe = t.current;
     if (fe && (fe.style.cursor = "default"), re.clearGuides(), re.clearSnapState(), zt([]), he.clearIndicators(), At([]), h._cropGroupContext && delete h._cropGroupContext, h._activeChildContext) {
       if (q && u instanceof Re) {
         const S = h.getContext(), j = (S._cachedElement && S._cachedElement[u.id] || u).children.find((pe) => pe.id === q.id);
-        j && (Ze(j), G.update(j, L));
+        j && (Ze(j), G.update(j, H));
       }
       delete h._activeChildContext;
     }
     if (h._multiSelectionResizeContext && delete h._multiSelectionResizeContext, U.forEach((S) => {
       if (S instanceof to && S._lockedLineCount !== void 0) {
-        const H = S.clone();
-        H._lockedLineCount = void 0, Ie(H);
+        const L = S.clone();
+        L._lockedLineCount = void 0, Ie(L);
       }
     }), h._multiSelectionDragContext) {
       const S = h._multiSelectionDragContext;
       if (S.startOBB && S.currentDelta) {
-        const { dx: H, dy: Q } = S.currentDelta, j = S.startOBB;
+        const { dx: L, dy: Q } = S.currentDelta, j = S.startOBB;
         le.current = {
           ...j,
-          centerX: j.centerX + H,
+          centerX: j.centerX + L,
           centerY: j.centerY + Q
         };
       }
@@ -3464,27 +3464,27 @@ function Mi(e) {
     const dt = h.getContext();
     if (dt._cachedElement && delete dt._cachedElement, h._pendingChildSelection) {
       const S = h._pendingChildSelection;
-      let H = !0;
+      let L = !0;
       if (u instanceof Re) {
         const Q = h._groupDragOriginalElement;
-        Q && (H = !(Math.abs(u.x - Q.x) > 0.1 || Math.abs(u.y - Q.y) > 0.1));
+        Q && (L = !(Math.abs(u.x - Q.x) > 0.1 || Math.abs(u.y - Q.y) > 0.1));
       }
-      H && (Ze(S), G.update(S, L), We((Q) => Q + 1)), delete h._pendingChildSelection;
+      L && (Ze(S), G.update(S, H), We((Q) => Q + 1)), delete h._pendingChildSelection;
     }
     if (h._pendingTextEditMode) {
-      const S = h._pendingTextEditMode, H = U.find((j) => j.id === S.elementId);
-      !(H && (Math.abs(H.x - S.originalX) > 0.1 || Math.abs(H.y - S.originalY) > 0.1)) && H instanceof Qe && !(H instanceof Ht) && !(H instanceof Qn) && Yt(H, S.clickX, S.clickY), delete h._pendingTextEditMode;
+      const S = h._pendingTextEditMode, L = U.find((j) => j.id === S.elementId);
+      !(L && (Math.abs(L.x - S.originalX) > 0.1 || Math.abs(L.y - S.originalY) > 0.1)) && L instanceof Qe && !(L instanceof Lt) && !(L instanceof Qn) && Yt(L, S.clickX, S.clickY), delete h._pendingTextEditMode;
     }
     if (Be.current) {
-      const S = Be.current, H = Je.current, Q = U.find((ee) => ee.id === S), j = (et = b.current) == null ? void 0 : et.get(S), pe = !!(Q && j && (Math.abs(Q.x - j.x) > 0.1 || Math.abs(Q.y - j.y) > 0.1)), ke = H ? Math.hypot(
-        (z.clientX - (((B = Ue.current) == null ? void 0 : B.left) ?? 0)) / L - xe - H.x,
-        (z.clientY - (((ge = Ue.current) == null ? void 0 : ge.top) ?? 0)) / L - ie - H.y
-      ) > 4 / Math.max(L, 1e-4) : !1;
-      if (!pe && !ke && S === (u == null ? void 0 : u.id) && H) {
+      const S = Be.current, L = Je.current, Q = U.find((ee) => ee.id === S), j = (et = b.current) == null ? void 0 : et.get(S), pe = !!(Q && j && (Math.abs(Q.x - j.x) > 0.1 || Math.abs(Q.y - j.y) > 0.1)), ke = L ? Math.hypot(
+        (z.clientX - (((B = Ue.current) == null ? void 0 : B.left) ?? 0)) / H - xe - L.x,
+        (z.clientY - (((ge = Ue.current) == null ? void 0 : ge.top) ?? 0)) / H - ie - L.y
+      ) > 4 / Math.max(H, 1e-4) : !1;
+      if (!pe && !ke && S === (u == null ? void 0 : u.id) && L) {
         const ee = gt(), J = [];
         for (let X = ee.length - 1; X >= 0; X--) {
           const M = ee[X];
-          M.visible !== !1 && M.hitTest(H.x, H.y) && hs(M, H.x, H.y, Se) && J.push(M);
+          M.visible !== !1 && M.hitTest(L.x, L.y) && hs(M, L.x, L.y, Se) && J.push(M);
         }
         const k = J.findIndex((X) => X.id === S);
         k !== -1 && k + 1 < J.length ? Xe(J[k + 1].id) : Xe(null);
@@ -3495,7 +3495,7 @@ function Mi(e) {
   }, [
     h,
     re,
-    K,
+    V,
     Y,
     te,
     le,
@@ -3506,34 +3506,34 @@ function Mi(e) {
     t,
     _,
     We,
-    L,
+    H,
     xe,
     ie,
     $,
     Yt,
     U,
     Xe,
-    Ke,
+    Ve,
     Se
   ]), cs = ft(
     (z) => {
       if (!u) return;
       const fe = t.current;
       if (!fe) return;
-      const dt = Ue.current ?? fe.getBoundingClientRect(), W = (z.clientX - dt.left) / L - xe, Z = (z.clientY - dt.top) / L - ie;
+      const dt = Ue.current ?? fe.getBoundingClientRect(), W = (z.clientX - dt.left) / H - xe, Z = (z.clientY - dt.top) / H - ie;
       if (u.hitTest(W, Z)) {
         if (u instanceof Re) {
           const oe = u.hitTestChild(W, Z);
           if (oe) {
             if (!(q && q.id === oe.id)) return;
             if (oe instanceof Qe && !(oe instanceof Re) && !(oe instanceof Qn)) {
-              const He = oe.getVisualBoundingBox(), it = en.toRadiansInverse(oe.rotation), bt = oe.getRotationAnchor(), Bt = W - bt.x, St = Z - bt.y, Et = Math.cos(it), Gt = Math.sin(it), ut = Bt * Et - St * Gt, kt = Bt * Gt + St * Et, kn = ut + He.width / 2, Ft = kt + He.height / 2, qt = Sn(oe, { x: kn, y: Ft }), jt = He.height + 16, _t = 6;
+              const Le = oe.getVisualBoundingBox(), it = en.toRadiansInverse(oe.rotation), bt = oe.getRotationAnchor(), Bt = W - bt.x, St = Z - bt.y, Et = Math.cos(it), Gt = Math.sin(it), ut = Bt * Et - St * Gt, kt = Bt * Gt + St * Et, kn = ut + Le.width / 2, Ft = kt + Le.height / 2, qt = Sn(oe, { x: kn, y: Ft }), jt = Le.height + 16, _t = 6;
               wt({
-                x: dt.left + (He.x + xe) * L - _t,
-                y: dt.top + (He.y + ie) * L - _t,
-                width: Math.max(20, He.width * L),
-                height: Math.max(jt * L, 50)
-              }), Xt(Ve(oe));
+                x: dt.left + (Le.x + xe) * H - _t,
+                y: dt.top + (Le.y + ie) * H - _t,
+                width: Math.max(20, Le.width * H),
+                height: Math.max(jt * H, 50)
+              }), Xt(Ke(oe));
               const $t = oe.getRichText().clone();
               C.current = $t, rn($t);
               const an = oe.getRichText().getStyleAt(Math.max(0, oe.text.length - 1));
@@ -3549,13 +3549,13 @@ function Mi(e) {
         }
         if (u instanceof Qn || !(u instanceof Qe))
           return;
-        const et = u.getVisualBoundingBox(), B = en.toRadiansInverse(u.rotation), ge = u.getRotationAnchor(), S = W - ge.x, H = Z - ge.y, Q = Math.cos(B), j = Math.sin(B), pe = S * Q - H * j, ke = S * j + H * Q, ee = pe + et.width / 2, J = ke + et.height / 2, k = Sn(u, { x: ee, y: J }), X = et.height + 16, M = 6;
+        const et = u.getVisualBoundingBox(), B = en.toRadiansInverse(u.rotation), ge = u.getRotationAnchor(), S = W - ge.x, L = Z - ge.y, Q = Math.cos(B), j = Math.sin(B), pe = S * Q - L * j, ke = S * j + L * Q, ee = pe + et.width / 2, J = ke + et.height / 2, k = Sn(u, { x: ee, y: J }), X = et.height + 16, M = 6;
         wt({
-          x: dt.left + (et.x + xe) * L - M,
-          y: dt.top + (et.y + ie) * L - M,
-          width: Math.max(20, et.width * L),
-          height: Math.max(X * L, 50)
-        }), Xt(Ve(u));
+          x: dt.left + (et.x + xe) * H - M,
+          y: dt.top + (et.y + ie) * H - M,
+          width: Math.max(20, et.width * H),
+          height: Math.max(X * H, 50)
+        }), Xt(Ke(u));
         const F = u.getRichText().clone();
         C.current = F, rn(F);
         const ae = u.getRichText().getStyleAt(Math.max(0, u.text.length - 1));
@@ -3569,7 +3569,7 @@ function Mi(e) {
       G,
       _,
       We,
-      L,
+      H,
       xe,
       ie,
       wt,
@@ -3582,7 +3582,7 @@ function Mi(e) {
       on,
       Ze,
       ot,
-      Ve
+      Ke
     ]
   ), Xn = ft(
     (z) => {
@@ -3617,7 +3617,7 @@ function Mi(e) {
     (z) => {
       const fe = t.current;
       if (!fe) return;
-      const dt = z.target, W = dt ? fe.contains(dt) : !1, Z = Ae.current.has(z.pointerId) || Ge.current !== null || Fe.current !== null || V.current !== null || h.isInteracting();
+      const dt = z.target, W = dt ? fe.contains(dt) : !1, Z = Ae.current.has(z.pointerId) || Ge.current !== null || Fe.current !== null || K.current !== null || h.isInteracting();
       if (!W && !Z) return;
       const et = {
         clientX: z.clientX,
@@ -3642,19 +3642,19 @@ function Mi(e) {
       if (!rt) return;
       z.preventDefault();
       const fe = t.current;
-      if (!fe || g || u instanceof Ht && u.isCropping || _.isActive()) return;
-      const W = fe.getBoundingClientRect(), Z = (z.clientX - W.left) / L - xe, et = (z.clientY - W.top) / L - ie, B = gt();
+      if (!fe || g || u instanceof Lt && u.isCropping || _.isActive()) return;
+      const W = fe.getBoundingClientRect(), Z = (z.clientX - W.left) / H - xe, et = (z.clientY - W.top) / H - ie, B = gt();
       let ge = null;
       for (let S = B.length - 1; S >= 0; S--) {
-        const H = B[S];
-        if (H.visible !== !1 && H.hitTest(Z, et) && hs(H, Z, et, Se)) {
-          ge = H;
+        const L = B[S];
+        if (L.visible !== !1 && L.hitTest(Z, et) && hs(L, Z, et, Se)) {
+          ge = L;
           break;
         }
       }
       if (ge) {
-        const S = te.includes(ge.id), H = (u == null ? void 0 : u.id) === ge.id;
-        !S && !H && (Xe(ge.id), Y([]));
+        const S = te.includes(ge.id), L = (u == null ? void 0 : u.id) === ge.id;
+        !S && !L && (Xe(ge.id), Y([]));
       }
       rt({
         clientX: z.clientX,
@@ -3670,7 +3670,7 @@ function Mi(e) {
       g,
       u,
       _,
-      L,
+      H,
       xe,
       ie,
       gt,
@@ -3734,14 +3734,14 @@ function Ti(e) {
     elements: D,
     zoom: w,
     paddingOffsetX: ne,
-    paddingOffsetY: K,
+    paddingOffsetY: V,
     setIsEditing: O,
     setEditText: u,
     setEditRichText: q,
     setCursorPosition: U,
     setSelectionStart: te,
     setSelectionEnd: le,
-    setEditPosition: L,
+    setEditPosition: H,
     setCurrentFormattingStyle: xe,
     setCursorAnimationFrame: ie,
     setHandlesVersion: be,
@@ -3754,10 +3754,10 @@ function Ti(e) {
     (h, G, re) => {
       const he = t.current;
       if (!he) return;
-      const _ = he.getBoundingClientRect(), Ce = h.getVisualBoundingBox(), Ie = en.toRadiansInverse(h.rotation), Ke = h.getRotationAnchor(), Xe = G - Ke.x, Y = re - Ke.y, $ = Math.cos(Ie), ot = Math.sin(Ie), rt = Xe * $ - Y * ot, Ze = Xe * ot + Y * $, gt = rt + Ce.width / 2, Nt = Ze + Ce.height / 2, Dt = Sn(h, { x: gt, y: Nt }), tn = Ce.height + 16, Yt = 6;
-      L({
+      const _ = he.getBoundingClientRect(), Ce = h.getVisualBoundingBox(), Ie = en.toRadiansInverse(h.rotation), Ve = h.getRotationAnchor(), Xe = G - Ve.x, Y = re - Ve.y, $ = Math.cos(Ie), ot = Math.sin(Ie), rt = Xe * $ - Y * ot, Ze = Xe * ot + Y * $, gt = rt + Ce.width / 2, Nt = Ze + Ce.height / 2, Dt = Sn(h, { x: gt, y: Nt }), tn = Ce.height + 16, Yt = 6;
+      H({
         x: _.left + (Ce.x + ne) * w - Yt,
-        y: _.top + (Ce.y + K) * w - Yt,
+        y: _.top + (Ce.y + V) * w - Yt,
         width: Math.max(20, Ce.width * w),
         height: Math.max(tn * w, 50)
       }), u(fs(h));
@@ -3766,7 +3766,7 @@ function Ti(e) {
       const Xt = h.getRichText().getStyleAt(Math.max(0, h.text.length - 1));
       xe({ ...h.getDefaultStyle(), ...Xt }), U(Dt), te(Dt), le(Dt), O(!0), p.current = Date.now();
     },
-    [w, L, u, q, xe, U, te, le, O]
+    [w, H, u, q, xe, U, te, le, O]
   ), pt = ft(
     (h) => {
       if (!C || !E)
@@ -3822,13 +3822,13 @@ function Ti(e) {
       return;
     }
     setTimeout(() => {
-      var Ie, Ke, Xe;
+      var Ie, Ve, Xe;
       if (Date.now() - p.current < v) {
         (Ie = n.current) == null || Ie.focus();
         return;
       }
       if (m.current) {
-        m.current = !1, (Ke = n.current) == null || Ke.focus(), n.current && n.current.setSelectionRange(T, I);
+        m.current = !1, (Ve = n.current) == null || Ve.focus(), n.current && n.current.setSelectionRange(T, I);
         return;
       }
       let _ = document.activeElement, Ce = !1;
@@ -3946,24 +3946,24 @@ function Ti(e) {
       return f.current && clearTimeout(f.current), f.current = setTimeout(() => {
         let G = h;
         if (s.current && h instanceof Re) {
-          const Ke = h.children.find((Xe) => Xe.id === s.current);
-          Ke && (G = Ke);
+          const Ve = h.children.find((Xe) => Xe.id === s.current);
+          Ve && (G = Ve);
         }
         if (!(G instanceof Qe)) return;
         const re = G.clone();
         E && re.setRichText(E);
         const he = re.getVisualBoundingBox(), _ = t.current.getBoundingClientRect(), Ce = he.height + 16, Ie = 6;
-        if (L({
+        if (H({
           x: _.left + (he.x + ne) * w - Ie,
-          y: _.top + (he.y + K) * w - Ie,
+          y: _.top + (he.y + V) * w - Ie,
           width: Math.max(20, he.width * w),
           height: Math.max(Ce * w, 50)
         }), s.current && h instanceof Re) {
-          const Ke = h.clone(), Xe = Ke.children.findIndex((Y) => Y.id === s.current);
-          Xe >= 0 && (Ke.children[Xe] = re, Ke.updateBoundsFromChildren(!0)), Se((Y) => Y.map(($) => $.id === Ke.id ? Ke : $)), De.update(re, w);
+          const Ve = h.clone(), Xe = Ve.children.findIndex((Y) => Y.id === s.current);
+          Xe >= 0 && (Ve.children[Xe] = re, Ve.updateBoundsFromChildren(!0)), Se((Y) => Y.map(($) => $.id === Ve.id ? Ve : $)), De.update(re, w);
         } else
-          Se((Ke) => Ke.map((Xe) => Xe.id === re.id ? re : Xe)), De.update(re, w);
-        be((Ke) => Ke + 1);
+          Se((Ve) => Ve.map((Xe) => Xe.id === re.id ? re : Xe)), De.update(re, w);
+        be((Ve) => Ve + 1);
       }, 50), () => {
         f.current && clearTimeout(f.current);
       };
@@ -3987,23 +3987,23 @@ function Ti(e) {
       const re = G.target;
       if (re.tagName === "INPUT" || re.tagName === "TEXTAREA" || G.key !== "Enter" || C || !t.current) return;
       const he = t.current.getBoundingClientRect();
-      if (N && N instanceof Qe && !(N instanceof Re) && !(N instanceof Ht) && !(N instanceof Qn)) {
+      if (N && N instanceof Qe && !(N instanceof Re) && !(N instanceof Lt) && !(N instanceof Qn)) {
         G.preventDefault();
         const _ = N.getVisualBoundingBox(), Ce = _.height + 16, Ie = 6;
-        L({
+        H({
           x: he.left + (_.x + ne) * w - Ie,
-          y: he.top + (_.y + K) * w - Ie,
+          y: he.top + (_.y + V) * w - Ie,
           width: Math.max(200, _.width * w),
           height: Math.max(Ce * w, 50)
         }), u(fs(N)), O(!0), p.current = Date.now(), s.current = N.id;
         return;
       }
-      if (P && P instanceof Qe && !(P instanceof Re) && !(P instanceof Ht) && !(P instanceof Qn)) {
+      if (P && P instanceof Qe && !(P instanceof Re) && !(P instanceof Lt) && !(P instanceof Qn)) {
         G.preventDefault();
         const _ = P.getVisualBoundingBox(), Ce = _.height + 16, Ie = 6;
-        L({
+        H({
           x: he.left + (_.x + ne) * w - Ie,
-          y: he.top + (_.y + K) * w - Ie,
+          y: he.top + (_.y + V) * w - Ie,
           width: Math.max(200, _.width * w),
           height: Math.max(Ce * w, 50)
         }), u(fs(P)), O(!0), p.current = Date.now();
@@ -4051,13 +4051,13 @@ const yr = Nr(
     fixedMargin: D,
     fixedMarginX: w,
     fixedMarginY: ne,
-    showRotationHandle: K = !0,
+    showRotationHandle: V = !0,
     canvasCutouts: O,
     pieceGuides: u,
     pieceFocus: q,
     focusedPieceRect: U
   }, te) => {
-    const { resolvedTheme: le } = ho(), L = we(null), xe = R || L, ie = we(null), be = we(!1), Se = we(0), Te = we(0), Oe = we(0), De = we(!1), $e = we(0), at = we(null), pt = we(0), ct = we(null), Pt = we({ start: null, end: null }), zt = we(null), At = we(null), We = we(null), Ee = we(null), lt = 400, se = 300, h = 50, G = 200, re = je.useMemo(() => {
+    const { resolvedTheme: le } = ho(), H = we(null), xe = R || H, ie = we(null), be = we(!1), Se = we(0), Te = we(0), Oe = we(0), De = we(!1), $e = we(0), at = we(null), pt = we(0), ct = we(null), Pt = we({ start: null, end: null }), zt = we(null), At = we(null), We = we(null), Ee = we(null), lt = 400, se = 300, h = 50, G = 200, re = je.useMemo(() => {
       if (!q || q === "spread") return null;
       const ye = (u == null ? void 0 : u.pieces) ?? [];
       if (ye.length <= 1) return null;
@@ -4074,14 +4074,14 @@ const yr = Nr(
     }, [he, u]), {
       isTouchDevice: Ce,
       canvasSize: Ie,
-      lastTouchTargetRef: Ke,
+      lastTouchTargetRef: Ve,
       effectiveViewPadding: Xe,
       paddedCanvasWidth: Y,
       paddedCanvasHeight: $,
       paddingOffsetX: ot,
       paddingOffsetY: rt,
       zoomInvariantBorderRadius: Ze
-    } = Lo({
+    } = Ho({
       width: E,
       height: A,
       zoom: T,
@@ -4104,11 +4104,11 @@ const yr = Nr(
       setIsRotating: rn,
       setRotationStartAngle: on,
       currentRotation: Ut,
-      setCurrentRotation: Ve,
+      setCurrentRotation: Ke,
       setRotatingElementVersion: Ue
     } = _o(), {
       renderVersion: Ae,
-      forceRender: V,
+      forceRender: K,
       handlesVersion: ue,
       setHandlesVersion: me,
       forceUpdate: Be,
@@ -4126,8 +4126,8 @@ const yr = Nr(
         ye ? [{ id: "focused-piece", ...ye }] : []
       );
     }, [st, U, re]);
-    const Lt = we(e);
-    Lt.current = e;
+    const Ht = we(e);
+    Ht.current = e;
     const ve = e.find((ye) => ye.id === s), as = we(ve);
     as.current = ve;
     const [An, En] = ce("");
@@ -4139,14 +4139,14 @@ const yr = Nr(
         if (ye instanceof Qe) {
           const Ye = ((de = ye.text) == null ? void 0 : de.slice(0, 40)) || "empty";
           En(`Selected text element: ${Ye}`);
-        } else ye instanceof Ht ? En("Selected image element") : ye instanceof Re ? En("Selected group") : En("Selected element");
+        } else ye instanceof Lt ? En("Selected image element") : ye instanceof Re ? En("Selected group") : En("Selected element");
     }, [s, e]);
     const cs = we(n);
     cs.current = n;
     const Xn = we(/* @__PURE__ */ new Map());
     Pe(() => {
       const ye = (de) => {
-        const Ye = de, Le = cs.current.getActiveArtboardId(), tt = Xn.current.get(Le) || [], vt = [];
+        const Ye = de, He = cs.current.getActiveArtboardId(), tt = Xn.current.get(He) || [], vt = [];
         return tt.forEach((Rt) => {
           Rt instanceof Re ? vt.push(...Rt.children) : vt.push(Rt);
         }), st.snapDimensions(Ye, vt, Ye.startData);
@@ -4164,7 +4164,7 @@ const yr = Nr(
       setEditPosition: B,
       cursorPosition: ge,
       setCursorPosition: S,
-      selectionStart: H,
+      selectionStart: L,
       setSelectionStart: Q,
       selectionEnd: j,
       setSelectionEnd: pe,
@@ -4180,17 +4180,17 @@ const yr = Nr(
     } = Yo({ selectedElement: ve, ref: te });
     Pe(() => {
       const ye = Date.now() - $e.current, de = at.current;
-      de && ye < se ? (H !== de.start || j !== de.end) && (S(de.cursor), Q(de.start), pe(de.end), ie.current && ie.current.setSelectionRange(de.start, de.end)) : de && ye >= se && (at.current = null);
-    }, [H, j, ge]), Pe(() => {
+      de && ye < se ? (L !== de.start || j !== de.end) && (S(de.cursor), Q(de.start), pe(de.end), ie.current && ie.current.setSelectionRange(de.start, de.end)) : de && ye >= se && (at.current = null);
+    }, [L, j, ge]), Pe(() => {
       if (!fe) return;
       const ye = xe.current;
       if (!ye) return;
       let de = ye.getBoundingClientRect();
       const Ye = () => {
-        const Le = ie.current, tt = xe.current;
-        if (!Le || !tt) return;
+        const He = ie.current, tt = xe.current;
+        if (!He || !tt) return;
         const vt = tt.getBoundingClientRect(), Rt = vt.left - de.left, ht = vt.top - de.top;
-        Rt === 0 && ht === 0 || (de = vt, Le.style.left = `${parseFloat(Le.style.left || "0") + Rt}px`, Le.style.top = `${parseFloat(Le.style.top || "0") + ht}px`);
+        Rt === 0 && ht === 0 || (de = vt, He.style.left = `${parseFloat(He.style.left || "0") + Rt}px`, He.style.top = `${parseFloat(He.style.top || "0") + ht}px`);
       };
       return window.addEventListener("scroll", Ye, { passive: !0, capture: !0 }), window.addEventListener("resize", Ye), () => {
         window.removeEventListener("scroll", Ye, { capture: !0 }), window.removeEventListener("resize", Ye);
@@ -4198,7 +4198,7 @@ const yr = Nr(
     }, [fe]);
     const {
       isMarqueeSelecting: Me,
-      marqueeStart: He,
+      marqueeStart: Le,
       marqueeEnd: it,
       marqueePreviewSelection: bt,
       startMarqueeSelection: Bt,
@@ -4207,7 +4207,7 @@ const yr = Nr(
     } = Po(), {
       multiSelectionGroupBoundsRef: Gt,
       multiSelectionOBBRef: ut
-    } = Ho(o), {
+    } = Lo(o), {
       activeChildElement: kt,
       updateActiveChild: kn,
       editingChildIdRef: Ft
@@ -4224,25 +4224,25 @@ const yr = Nr(
       return _t.get(ye) || [];
     }, [_t, n]);
     Pe(() => {
-      const ye = (Le) => {
+      const ye = (He) => {
         if (!fe) {
           if (xn.isActive() && ve instanceof wn) {
-            if (Le.key === "Escape") {
-              Le.preventDefault(), xn.finishPath();
+            if (He.key === "Escape") {
+              He.preventDefault(), xn.finishPath();
               const tt = ve.clone();
               l(ve, tt), me((vt) => vt + 1);
               return;
-            } else if (Le.key === "Backspace" || Le.key === "Delete") {
-              Le.preventDefault(), xn.deleteLastPoint(), me((tt) => tt + 1);
+            } else if (He.key === "Backspace" || He.key === "Delete") {
+              He.preventDefault(), xn.deleteLastPoint(), me((tt) => tt + 1);
               return;
             }
           }
-          Le.altKey && wt(!0);
+          He.altKey && wt(!0);
         }
-      }, de = (Le) => {
-        Le.altKey || wt(!1);
-      }, Ye = (Le) => {
-        (!Le.relatedTarget || !Le.relatedTarget.ownerDocument) && wt(!1);
+      }, de = (He) => {
+        He.altKey || wt(!1);
+      }, Ye = (He) => {
+        (!He.relatedTarget || !He.relatedTarget.ownerDocument) && wt(!1);
       };
       return window.addEventListener("keydown", ye), window.addEventListener("keyup", de), window.addEventListener("blur", Ye), () => {
         window.removeEventListener("keydown", ye), window.removeEventListener("keyup", de), window.removeEventListener("blur", Ye);
@@ -4252,7 +4252,7 @@ const yr = Nr(
         return;
       const { x: de, y: Ye } = zt.current;
       if (Yt) {
-        let Le = null;
+        let He = null;
         const tt = $t();
         for (let vt = tt.length - 1; vt >= 0; vt--) {
           const Rt = tt[vt];
@@ -4263,26 +4263,26 @@ const yr = Nr(
                 if (qe.visible === !1) continue;
                 const Ne = qe.getVisualBoundingBox();
                 if (de >= Ne.x && de <= Ne.x + Ne.width && Ye >= Ne.y && Ye <= Ne.y + Ne.height) {
-                  Le = qe;
+                  He = qe;
                   break;
                 }
               }
             else {
               const ht = Rt.getVisualBoundingBox();
               if (de >= ht.x && de <= ht.x + ht.width && Ye >= ht.y && Ye <= ht.y + ht.height) {
-                Le = Rt;
+                He = Rt;
                 break;
               }
             }
-            if (Le) break;
+            if (He) break;
           }
         }
-        if (Le) {
+        if (He) {
           const vt = [];
           tt.forEach((ht) => {
             ht instanceof Re ? vt.push(...ht.children) : vt.push(ht);
           });
-          const Rt = xt.detectSpacing(Le, vt, !0);
+          const Rt = xt.detectSpacing(He, vt, !0);
           tn(Rt);
         }
       } else
@@ -4292,17 +4292,17 @@ const yr = Nr(
     Pe(() => {
       const ye = e.find((Ye) => Ye.id === s), de = kt || ye;
       if (de) {
-        const Ye = de.getBoundingBox(), Le = `${de.id}-${Ye.x}-${Ye.y}-${Ye.width}-${Ye.height}-${de.rotation}`;
-        an.current !== Le && (an.current = Le, Fe.update(de, T), me((tt) => tt + 1));
+        const Ye = de.getBoundingBox(), He = `${de.id}-${Ye.x}-${Ye.y}-${Ye.width}-${Ye.height}-${de.rotation}`;
+        an.current !== He && (an.current = He, Fe.update(de, T), me((tt) => tt + 1));
       }
     }, [s, kt, Fe, T, e]);
     const {
-      handleTextEditBlur: Hn,
-      handleTextKeyDown: Kn,
+      handleTextEditBlur: Ln,
+      handleTextKeyDown: Vn,
       applyFormattingToSelection: nn,
       getSelectionStyle: ls,
       toggleFormattingProperty: ds,
-      enterTextEditMode: Vn,
+      enterTextEditMode: Kn,
       getWrappedTextForEditing: Un
     } = Ti({
       canvasRef: xe,
@@ -4317,14 +4317,14 @@ const yr = Nr(
       draggingSelectionHandleRef: ct,
       repositioningCursorRef: be,
       editModeEnteredAtRef: Oe,
-      lastTouchTargetRef: Ke,
+      lastTouchTargetRef: Ve,
       MULTI_CLICK_DEBOUNCE: se,
       EDIT_MODE_BLUR_DEBOUNCE: G,
       isEditing: fe,
       editText: W,
       editRichText: X,
       cursorPosition: ge,
-      selectionStart: H,
+      selectionStart: L,
       selectionEnd: j,
       selectedId: s,
       selectedElement: ve,
@@ -4379,7 +4379,7 @@ const yr = Nr(
       isEditing: fe,
       editText: W,
       isTouchDevice: Ce,
-      selectionStart: H,
+      selectionStart: L,
       selectionEnd: j,
       isRotating: Xt,
       isMarqueeSelecting: Me,
@@ -4399,7 +4399,7 @@ const yr = Nr(
       setSelectionEnd: pe,
       setIsRotating: rn,
       setRotationStartAngle: on,
-      setCurrentRotation: Ve,
+      setCurrentRotation: Ke,
       setRotatingElementVersion: Ue,
       setIsAltKeyPressed: wt,
       setSnapGuides: Nt,
@@ -4426,7 +4426,7 @@ const yr = Nr(
       startMarqueeSelection: Bt,
       updateMarqueeSelection: St,
       finishMarqueeSelection: Et,
-      enterTextEditMode: Vn,
+      enterTextEditMode: Kn,
       setEditPosition: B,
       setEditText: Z,
       setEditRichText: M,
@@ -4455,7 +4455,7 @@ const yr = Nr(
       zoom: T,
       zoomInvariantBorderRadius: Ze,
       effectiveViewPadding: Xe,
-      showRotationHandle: K,
+      showRotationHandle: V,
       isRotating: Xt,
       currentRotation: Ut,
       hoverState: qt,
@@ -4463,7 +4463,7 @@ const yr = Nr(
       editText: W,
       editRichText: X,
       cursorPosition: ge,
-      selectionStart: H,
+      selectionStart: L,
       selectionEnd: j,
       cursorOpacityRef: ke,
       cursorStartTimeRef: ee,
@@ -4479,7 +4479,7 @@ const yr = Nr(
       multiSelectionOBBRef: ut,
       multiSelectionGroupBoundsRef: Gt,
       isMarqueeSelecting: Me,
-      marqueeStart: He,
+      marqueeStart: Le,
       marqueeEnd: it,
       marqueePreviewSelection: bt,
       penTool: xn,
@@ -4504,25 +4504,25 @@ const yr = Nr(
         isRotating: () => Xt,
         getSelectionStyle: () => ls(),
         getZoom: () => T,
-        forceRender: V,
+        forceRender: K,
         getEditingState: () => ({
           isEditing: fe,
           editText: W,
           cursorPosition: ge,
-          selectionStart: H,
+          selectionStart: L,
           selectionEnd: j
         }),
         getCropState: () => ({
-          isCropping: ve instanceof Ht && ve.isCropping,
+          isCropping: ve instanceof Lt && ve.isCropping,
           elementId: (ve == null ? void 0 : ve.id) || null
         }),
         getPaddingOffset: () => ({ x: ot, y: rt })
       }),
-      [nn, ds, fe, Xt, ls, T, V, W, ge, H, j, ve, ot, rt]
+      [nn, ds, fe, Xt, ls, T, K, W, ge, L, j, ve, ot, rt]
     );
     const Sr = xs(() => {
       if (!O || O.length === 0) return;
-      const ye = Y * T, de = $ * T, Ye = `M 0 0 h ${ye} v ${de} h ${-ye} Z`, Le = O.map((tt) => {
+      const ye = Y * T, de = $ * T, Ye = `M 0 0 h ${ye} v ${de} h ${-ye} Z`, He = O.map((tt) => {
         if (tt.kind === "rect" || tt.kind === "roundedRect") {
           const vt = (ot + tt.x) * T, Rt = (rt + tt.y) * T, ht = tt.width * T, qe = tt.height * T;
           if (tt.kind === "roundedRect") {
@@ -4545,8 +4545,8 @@ const yr = Nr(
         }
         return "";
       }).filter(Boolean);
-      if (Le.length !== 0)
-        return `path(evenodd, "${Ye} ${Le.join(" ")}")`;
+      if (He.length !== 0)
+        return `path(evenodd, "${Ye} ${He.join(" ")}")`;
     }, [O, Y, $, ot, rt, T]);
     return /* @__PURE__ */ y(Pn, { children: [
       /* @__PURE__ */ r(
@@ -4602,7 +4602,7 @@ const yr = Nr(
           const qe = ve.children.find((Ne) => Ne.id === Ft.current);
           qe && (ye = qe);
         }
-        const de = ye instanceof Qe ? ye : null, Ye = (de == null ? void 0 : de.fontSize) || 24, Le = (de == null ? void 0 : de.fontFamily) || "Arial", tt = (de == null ? void 0 : de.bold) || !1, vt = (de == null ? void 0 : de.italic) || !1, Rt = (de == null ? void 0 : de.textAlign) || "center", ht = /* @__PURE__ */ r(
+        const de = ye instanceof Qe ? ye : null, Ye = (de == null ? void 0 : de.fontSize) || 24, He = (de == null ? void 0 : de.fontFamily) || "Arial", tt = (de == null ? void 0 : de.bold) || !1, vt = (de == null ? void 0 : de.italic) || !1, Rt = (de == null ? void 0 : de.textAlign) || "center", ht = /* @__PURE__ */ r(
           "textarea",
           {
             ref: ie,
@@ -4618,13 +4618,13 @@ const yr = Nr(
                 return;
               }
               const mt = W, bn = X.clone();
-              let Kt = 0;
-              for (; Kt < mt.length && Kt < Ne.length && mt[Kt] === Ne[Kt]; )
-                Kt++;
+              let Vt = 0;
+              for (; Vt < mt.length && Vt < Ne.length && mt[Vt] === Ne[Vt]; )
+                Vt++;
               let Zt = 0;
-              for (; Zt < mt.length - Kt && Zt < Ne.length - Kt && mt[mt.length - 1 - Zt] === Ne[Ne.length - 1 - Zt]; )
+              for (; Zt < mt.length - Vt && Zt < Ne.length - Vt && mt[mt.length - 1 - Zt] === Ne[Ne.length - 1 - Zt]; )
                 Zt++;
-              const cn = Kt, Mn = mt.length - Zt, Tn = Ne.substring(Kt, Ne.length - Zt);
+              const cn = Vt, Mn = mt.length - Zt, Tn = Ne.substring(Vt, Ne.length - Zt);
               if (Mn > cn && bn.delete(cn, Mn), Tn.length > 0) {
                 let Jt;
                 ae ? Jt = ae : cn > 0 ? Jt = bn.getStyleAt(cn - 1) : ve instanceof Qe ? Jt = ve.getDefaultStyle() : Jt = {}, bn.insert(cn, Tn, Jt);
@@ -4637,14 +4637,14 @@ const yr = Nr(
                 vn && document.activeElement === vn && vn.setSelectionRange(fn, fn);
               }, 0);
             },
-            onBlur: Hn,
-            onKeyDown: Kn,
+            onBlur: Ln,
+            onKeyDown: Vn,
             onPointerDown: (qe) => {
               if (qe.preventDefault(), !ve || !(ve instanceof Qe) || !xe.current) return;
               const Ne = Date.now();
               if (Ne - pt.current < h) return;
               pt.current = Ne, Ne - $e.current >= se && (at.current = null);
-              const mt = xe.current.getBoundingClientRect(), bn = (qe.clientX - mt.left) / T - ot, Kt = (qe.clientY - mt.top) / T - rt, Zt = ve.getVisualBoundingBox(), cn = ve.getRotationAnchor(), Mn = en.toRadiansInverse(ve.rotation), Tn = bn - cn.x, fn = Kt - cn.y, vn = Math.cos(Mn), Jt = Math.sin(Mn), Gn = Tn * vn - fn * Jt, Cs = Tn * Jt + fn * vn, ws = Gn + Zt.width / 2, Nn = Cs + Zt.height / 2, sn = Sn(ve, { x: ws, y: Nn });
+              const mt = xe.current.getBoundingClientRect(), bn = (qe.clientX - mt.left) / T - ot, Vt = (qe.clientY - mt.top) / T - rt, Zt = ve.getVisualBoundingBox(), cn = ve.getRotationAnchor(), Mn = en.toRadiansInverse(ve.rotation), Tn = bn - cn.x, fn = Vt - cn.y, vn = Math.cos(Mn), Jt = Math.sin(Mn), Gn = Tn * vn - fn * Jt, Cs = Tn * Jt + fn * vn, ws = Gn + Zt.width / 2, Nn = Cs + Zt.height / 2, sn = Sn(ve, { x: ws, y: Nn });
               Ne - Se.current < lt ? Te.current += 1 : Te.current = 1, Se.current = Ne;
               const pn = W;
               if (k.current = !1, Te.current >= 3)
@@ -4659,18 +4659,18 @@ const yr = Nr(
             onPointerMove: (qe) => {
               if (qe.buttons !== 1) return;
               if (ct.current && ve instanceof Qe && xe.current) {
-                const qn = xe.current.getBoundingClientRect(), pn = (qe.clientX - qn.left) / T - ot, ln = (qe.clientY - qn.top) / T - rt, Bs = ve.getVisualBoundingBox(), Os = ve.getRotationAnchor(), zs = en.toRadiansInverse(ve.rotation), Xs = pn - Os.x, Hs = ln - Os.y, Ys = Math.cos(zs), Ls = Math.sin(zs), Er = Xs * Ys - Hs * Ls, kr = Xs * Ls + Hs * Ys, mn = Pt.current;
+                const qn = xe.current.getBoundingClientRect(), pn = (qe.clientX - qn.left) / T - ot, ln = (qe.clientY - qn.top) / T - rt, Bs = ve.getVisualBoundingBox(), Os = ve.getRotationAnchor(), zs = en.toRadiansInverse(ve.rotation), Xs = pn - Os.x, Ls = ln - Os.y, Ys = Math.cos(zs), Hs = Math.sin(zs), Er = Xs * Ys - Ls * Hs, kr = Xs * Hs + Ls * Ys, mn = Pt.current;
                 let Ss = 0;
                 ct.current === "start" && (mn != null && mn.start) ? Ss = mn.start.textEdge.y - mn.start.center.y : ct.current === "end" && (mn != null && mn.end) && (Ss = mn.end.textEdge.y - mn.end.center.y);
                 const Rr = Er + Bs.width / 2, Mr = kr + Ss + Bs.height / 2, gn = Sn(ve, { x: Rr, y: Mr });
-                if (ct.current === "start" ? gn <= j ? (Q(gn), S(gn)) : (Q(j), pe(gn), S(gn), ct.current = "end") : gn >= H ? (pe(gn), S(gn)) : (pe(H), Q(gn), S(gn), ct.current = "start"), ie.current) {
-                  const Tr = Math.min(H, j), Ir = Math.max(H, j);
+                if (ct.current === "start" ? gn <= j ? (Q(gn), S(gn)) : (Q(j), pe(gn), S(gn), ct.current = "end") : gn >= L ? (pe(gn), S(gn)) : (pe(L), Q(gn), S(gn), ct.current = "start"), ie.current) {
+                  const Tr = Math.min(L, j), Ir = Math.max(L, j);
                   ie.current.setSelectionRange(Tr, Ir);
                 }
                 return;
               }
               if (De.current || !ve || !(ve instanceof Qe) || !xe.current) return;
-              const Ne = xe.current.getBoundingClientRect(), mt = (qe.clientX - Ne.left) / T - ot, bn = (qe.clientY - Ne.top) / T - rt, Kt = ve.getVisualBoundingBox(), Zt = ve.getRotationAnchor(), cn = en.toRadiansInverse(ve.rotation), Mn = mt - Zt.x, Tn = bn - Zt.y, fn = Math.cos(cn), vn = Math.sin(cn), Jt = Mn * fn - Tn * vn, Gn = Mn * vn + Tn * fn, Cs = Jt + Kt.width / 2, ws = Gn + Kt.height / 2, Nn = Sn(ve, { x: Cs, y: ws }), sn = J.current;
+              const Ne = xe.current.getBoundingClientRect(), mt = (qe.clientX - Ne.left) / T - ot, bn = (qe.clientY - Ne.top) / T - rt, Vt = ve.getVisualBoundingBox(), Zt = ve.getRotationAnchor(), cn = en.toRadiansInverse(ve.rotation), Mn = mt - Zt.x, Tn = bn - Zt.y, fn = Math.cos(cn), vn = Math.sin(cn), Jt = Mn * fn - Tn * vn, Gn = Mn * vn + Tn * fn, Cs = Jt + Vt.width / 2, ws = Gn + Vt.height / 2, Nn = Sn(ve, { x: Cs, y: ws }), sn = J.current;
               if (sn !== Nn && (k.current = !0), pe(Nn), S(Nn), Q(sn), ie.current) {
                 const qn = Math.min(sn, Nn), pn = Math.max(sn, Nn);
                 ie.current.setSelectionRange(qn, pn);
@@ -4693,7 +4693,7 @@ const yr = Nr(
               width: `${et.width}px`,
               height: `${et.height || 50}px`,
               fontSize: `${Ye * T}px`,
-              fontFamily: `"${Le}", Arial, sans-serif`,
+              fontFamily: `"${He}", Arial, sans-serif`,
               fontWeight: tt ? 700 : 400,
               fontStyle: vt ? "italic" : "normal",
               textAlign: Rt,
@@ -4868,7 +4868,7 @@ const Ms = $n.forwardRef(({ className: e, variant: t, ...n }, s) => {
   );
 });
 Ms.displayName = ts.Item.displayName;
-const Vt = $n.forwardRef(
+const Kt = $n.forwardRef(
   ({ children: e, className: t, variant: n, ...s }, o) => e ? /* @__PURE__ */ y("div", { className: "sc:flex sc:items-center sc:space-x-2", children: [
     /* @__PURE__ */ r(Ms, { ref: o, variant: n, ...s }),
     /* @__PURE__ */ r(
@@ -4881,7 +4881,7 @@ const Vt = $n.forwardRef(
     )
   ] }) : /* @__PURE__ */ r(Ms, { ref: o, className: t, variant: n, ...s })
 );
-Vt.displayName = "Radio";
+Kt.displayName = "Radio";
 const Ai = fr("sc:pointer-events-none sc:relative sc:origin-center sc:animate-spin sc:size-6 sc:text-primary", {
   variants: {
     size: {
@@ -4977,7 +4977,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
   const g = e.targetId ? A(e.targetId) : null, P = xs(() => e.targetId ? n.length > 1 && n.includes(e.targetId) ? n : [e.targetId] : [], [e.targetId, n]), N = !!(g != null && g.locked), D = P.some((u) => {
     var q;
     return !!((q = A(u)) != null && q.locked);
-  }), w = g instanceof Re, ne = P.length > 1, K = (u) => () => {
+  }), w = g instanceof Re, ne = P.length > 1, V = (u) => () => {
     u(), t();
   }, O = /* @__PURE__ */ r(
     "div",
@@ -5005,7 +5005,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             icon: /* @__PURE__ */ r(ze, { icon: _e.copy, className: "sc:size-3.5" }),
             label: "Copy",
             shortcut: `${Zn}C`,
-            onClick: K(() => s())
+            onClick: V(() => s())
           }
         ),
         /* @__PURE__ */ r(
@@ -5016,7 +5016,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             label: "Paste",
             shortcut: `${Zn}V`,
             disabled: !i,
-            onClick: K(() => o())
+            onClick: V(() => o())
           }
         ),
         /* @__PURE__ */ r(
@@ -5026,7 +5026,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             icon: /* @__PURE__ */ r(ze, { icon: _e.copy, className: "sc:size-3.5" }),
             label: "Duplicate",
             shortcut: `${Zn}D`,
-            onClick: K(() => P.forEach((u) => d(u)))
+            onClick: V(() => P.forEach((u) => d(u)))
           }
         ),
         /* @__PURE__ */ r(ps, {}),
@@ -5036,7 +5036,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             "data-testid": "context-menu-lock",
             icon: /* @__PURE__ */ r(ze, { icon: N ? _e.lockOpen : _e.lock, className: "sc:size-3.5" }),
             label: N ? "Unlock" : "Lock",
-            onClick: K(() => P.forEach((u) => p(u)))
+            onClick: V(() => P.forEach((u) => p(u)))
           }
         ),
         /* @__PURE__ */ r(ps, {}),
@@ -5047,7 +5047,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             icon: /* @__PURE__ */ r(ze, { icon: _e.layerForward, className: "sc:size-3.5" }),
             label: "Bring to Front",
             disabled: N,
-            onClick: K(() => v(e.targetId))
+            onClick: V(() => v(e.targetId))
           }
         ),
         /* @__PURE__ */ r(
@@ -5057,7 +5057,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             icon: /* @__PURE__ */ r(ze, { icon: _e.arrowUp, className: "sc:size-3.5" }),
             label: "Bring Forward",
             disabled: N,
-            onClick: K(() => b(e.targetId))
+            onClick: V(() => b(e.targetId))
           }
         ),
         /* @__PURE__ */ r(
@@ -5067,7 +5067,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             icon: /* @__PURE__ */ r(ze, { icon: _e.arrowDown, className: "sc:size-3.5" }),
             label: "Send Backward",
             disabled: N,
-            onClick: K(() => x(e.targetId))
+            onClick: V(() => x(e.targetId))
           }
         ),
         /* @__PURE__ */ r(
@@ -5077,7 +5077,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             icon: /* @__PURE__ */ r(ze, { icon: _e.layerBackward, className: "sc:size-3.5" }),
             label: "Send to Back",
             disabled: N,
-            onClick: K(() => C(e.targetId))
+            onClick: V(() => C(e.targetId))
           }
         ),
         (ne || w) && /* @__PURE__ */ r(ps, {}),
@@ -5088,7 +5088,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             icon: /* @__PURE__ */ r(ze, { icon: _e.group, className: "sc:size-3.5" }),
             label: "Group",
             disabled: D,
-            onClick: K(() => R(P))
+            onClick: V(() => R(P))
           }
         ),
         w && /* @__PURE__ */ r(
@@ -5098,7 +5098,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             icon: /* @__PURE__ */ r(ze, { icon: _e.ungroup, className: "sc:size-3.5" }),
             label: "Ungroup",
             disabled: N,
-            onClick: K(() => E(e.targetId))
+            onClick: V(() => E(e.targetId))
           }
         ),
         /* @__PURE__ */ r(ps, {}),
@@ -5110,7 +5110,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             label: "Delete",
             shortcut: "Del",
             className: "sc:text-[#d32f2f] sc:hover:bg-[rgba(211,47,47,0.1)] sc:hover:text-[#c62828]",
-            onClick: K(() => {
+            onClick: V(() => {
               P.filter((u) => {
                 var q;
                 return !T((q = A(u)) == null ? void 0 : q.name);
@@ -5127,7 +5127,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             label: "Paste",
             shortcut: `${Zn}V`,
             disabled: !i,
-            onClick: K(() => o())
+            onClick: V(() => o())
           }
         ),
         /* @__PURE__ */ r(
@@ -5137,7 +5137,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             icon: /* @__PURE__ */ r(ze, { icon: _e.selectAll, className: "sc:size-3.5" }),
             label: "Select All",
             shortcut: `${Zn}A`,
-            onClick: K(
+            onClick: V(
               () => gr({
                 elements: a,
                 artboardManager: l,
@@ -5154,7 +5154,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
     /* @__PURE__ */ r("div", { className: "sc-root", style: { display: "contents" }, children: O }),
     document.body
   );
-}, Oi = 0.25, zi = 8, Xi = 0.1, Hi = 4, Yi = 1e-3, Wa = ({
+}, Oi = 0.25, zi = 8, Xi = 0.1, Li = 4, Yi = 1e-3, Wa = ({
   className: e,
   style: t,
   width: n,
@@ -5187,7 +5187,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
     panOffset: D,
     setPanOffset: w,
     isPanning: ne,
-    setIsPanning: K,
+    setIsPanning: V,
     userZoom: O,
     setUserZoom: u,
     resetUserView: q
@@ -5195,7 +5195,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
     selectedId: U,
     multiSelection: te,
     handleSelectionChange: le,
-    setMultiSelection: L,
+    setMultiSelection: H,
     handleActiveChildChange: xe,
     setHoveredElementId: ie,
     hideHandles: be
@@ -5207,89 +5207,89 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
   }, [Te]), De = je.useRef(null), [$e, at] = je.useState(0), [pt, ct] = je.useState(0), [Pt, zt] = je.useState(!1), At = je.useRef(P), We = je.useRef(!1), [Ee, lt] = je.useState(!1), se = je.useRef(null);
   Eo({ enabled: m });
   const [h, G] = je.useState(null), re = je.useCallback(
-    (V) => {
+    (K) => {
       G({
-        x: V.clientX,
-        y: V.clientY,
-        targetId: V.elementId
+        x: K.clientX,
+        y: K.clientY,
+        targetId: K.elementId
       });
     },
     []
   ), he = je.useCallback(() => G(null), []), _ = A.getActiveArtboard(), Ce = je.useCallback(
-    (V) => {
-      if (!(a || V.ctrlKey || V.metaKey)) return;
-      V.preventDefault();
+    (K) => {
+      if (!(a || K.ctrlKey || K.metaKey)) return;
+      K.preventDefault();
       const me = De.current;
       if (!me) return;
-      const Be = me.getBoundingClientRect(), Je = V.clientX - Be.left, Ge = V.clientY - Be.top, Fe = -V.deltaY * Yi;
+      const Be = me.getBoundingClientRect(), Je = K.clientX - Be.left, Ge = K.clientY - Be.top, Fe = -K.deltaY * Yi;
       if (a) {
-        const nt = $e, st = Math.min(Math.max(nt * (1 + Fe), Xi), Hi);
+        const nt = $e, st = Math.min(Math.max(nt * (1 + Fe), Xi), Li);
         if (st === nt) return;
-        const xt = st / nt, yt = Je - (Je - D.x) * xt, Lt = Ge - (Ge - D.y) * xt;
-        at(st), w({ x: yt, y: Lt });
+        const xt = st / nt, yt = Je - (Je - D.x) * xt, Ht = Ge - (Ge - D.y) * xt;
+        at(st), w({ x: yt, y: Ht });
       } else {
         const nt = O, st = Math.min(
           Math.max(nt * (1 + Fe), Oi),
           zi
         );
         if (st === nt) return;
-        const xt = st / nt, yt = Je - (Je - D.x) * xt, Lt = Ge - (Ge - D.y) * xt;
-        u(st), w({ x: yt, y: Lt });
+        const xt = st / nt, yt = Je - (Je - D.x) * xt, Ht = Ge - (Ge - D.y) * xt;
+        u(st), w({ x: yt, y: Ht });
       }
     },
     [a, $e, D, w, O, u]
   );
   je.useEffect(() => {
-    const V = De.current;
-    if (V)
-      return V.addEventListener("wheel", Ce, { passive: !1 }), () => V.removeEventListener("wheel", Ce);
+    const K = De.current;
+    if (K)
+      return K.addEventListener("wheel", Ce, { passive: !1 }), () => K.removeEventListener("wheel", Ce);
   }, [Ce]), je.useEffect(() => {
     if (!a) return;
-    const V = (me) => {
+    const K = (me) => {
       me.code === "Space" && !me.repeat && lt(!0);
     }, ue = (me) => {
       me.code === "Space" && (lt(!1), se.current = null);
     };
-    return window.addEventListener("keydown", V), window.addEventListener("keyup", ue), () => {
-      window.removeEventListener("keydown", V), window.removeEventListener("keyup", ue);
+    return window.addEventListener("keydown", K), window.addEventListener("keyup", ue), () => {
+      window.removeEventListener("keydown", K), window.removeEventListener("keyup", ue);
     };
   }, [a]);
   const Ie = je.useCallback(
-    (V) => {
+    (K) => {
       if (!a) return;
-      const ue = V.button === 1, me = Ee && V.button === 0;
-      (ue || me) && (V.preventDefault(), V.target.setPointerCapture(V.pointerId), K(!0), se.current = {
-        x: V.clientX,
-        y: V.clientY,
+      const ue = K.button === 1, me = Ee && K.button === 0;
+      (ue || me) && (K.preventDefault(), K.target.setPointerCapture(K.pointerId), V(!0), se.current = {
+        x: K.clientX,
+        y: K.clientY,
         panX: D.x,
         panY: D.y
       });
     },
-    [a, Ee, D, K]
-  ), Ke = je.useCallback(
-    (V) => {
+    [a, Ee, D, V]
+  ), Ve = je.useCallback(
+    (K) => {
       if (!ne || !se.current) return;
-      const ue = V.clientX - se.current.x, me = V.clientY - se.current.y;
+      const ue = K.clientX - se.current.x, me = K.clientY - se.current.y;
       w({
         x: se.current.panX + ue,
         y: se.current.panY + me
       });
     },
     [ne, w]
-  ), Xe = je.useCallback((V) => {
-    ne && (V && V.target.releasePointerCapture(V.pointerId), K(!1), se.current = null);
-  }, [ne, K]);
+  ), Xe = je.useCallback((K) => {
+    ne && (K && K.target.releasePointerCapture(K.pointerId), V(!1), se.current = null);
+  }, [ne, V]);
   je.useEffect(() => {
     if (!a || !ne) return;
-    const V = () => {
-      K(!1), se.current = null;
+    const K = () => {
+      V(!1), se.current = null;
     };
-    return window.addEventListener("pointerup", V), () => window.removeEventListener("pointerup", V);
-  }, [a, ne, K]);
+    return window.addEventListener("pointerup", K), () => window.removeEventListener("pointerup", K);
+  }, [a, ne, V]);
   const Y = je.useMemo(() => {
     if (!x || !b) return null;
-    const V = b.pieces ?? [];
-    if (V.length <= 1) return null;
+    const K = b.pieces ?? [];
+    if (K.length <= 1) return null;
     if (x === "spread")
       return _ ? {
         x: 0,
@@ -5297,7 +5297,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
         width: _.width,
         height: _.height
       } : null;
-    const ue = V.find((me) => me.id === x.pieceId);
+    const ue = K.find((me) => me.id === x.pieceId);
     return ue ? { x: ue.x, y: ue.y, width: ue.width, height: ue.height } : null;
   }, [x, b, _]), $ = Mo(Y);
   je.useEffect(() => {
@@ -5307,7 +5307,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
     }
     if (!De.current || !_)
       return;
-    let V = 0;
+    let K = 0;
     const ue = () => {
       if (!De.current || !_) return;
       const Je = De.current.clientWidth;
@@ -5317,7 +5317,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
       if (x && x !== "spread" && b) {
         const xt = b.pieces ?? [];
         if (xt.length > 1) {
-          const yt = xt.find((Lt) => Lt.id === x.pieceId);
+          const yt = xt.find((Ht) => Ht.id === x.pieceId);
           yt && (Ge = yt.width, Fe = yt.height);
         }
       }
@@ -5325,7 +5325,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
       if (c !== void 0) {
         const xt = Je - c * 2, yt = Math.min(xt / Ge, 1);
         if ($ && f !== void 0) {
-          const Lt = f - c * 2, ve = Math.min(Lt / Fe, 1);
+          const Ht = f - c * 2, ve = Math.min(Ht / Fe, 1);
           nt = Math.min(yt, ve), st = ve <= yt;
         } else if (nt = yt, f !== void 0 && Fe * nt + c * 2 > f) {
           const An = (f - c * 2) / Fe;
@@ -5336,8 +5336,8 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
       at(nt), ct(Je), zt(st);
     };
     let me = !1;
-    We.current ? ue() : V = requestAnimationFrame(() => {
-      V = requestAnimationFrame(() => {
+    We.current ? ue() : K = requestAnimationFrame(() => {
+      K = requestAnimationFrame(() => {
         me || (ue(), We.current = !0);
       });
     });
@@ -5345,7 +5345,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
       ue();
     });
     return Be.observe(De.current), () => {
-      me = !0, cancelAnimationFrame(V), Be.disconnect();
+      me = !0, cancelAnimationFrame(K), Be.disconnect();
     };
   }, [o, _, i, c, f, x, b, $]);
   const ot = $e > 0 && O > 0 ? $e * O : $e;
@@ -5364,8 +5364,8 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
   }, [ot, N]);
   const rt = je.useRef(null);
   je.useEffect(() => {
-    const V = $ && "id" in $ ? $.id ?? null : null;
-    V !== rt.current && (rt.current !== null && q(), rt.current = V);
+    const K = $ && "id" in $ ? $.id ?? null : null;
+    K !== rt.current && (rt.current !== null && q(), rt.current = K);
   }, [$, q]);
   const Ze = $ ? $.width : (_ == null ? void 0 : _.width) ?? 0, gt = $ ? $.height : (_ == null ? void 0 : _.height) ?? 0, Nt = Ze * ot, Dt = gt * ot, tn = Ze * $e;
   let Yt = _ ? c !== void 0 ? Dt + c * 2 : Dt / i : 0;
@@ -5375,11 +5375,11 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
   c !== void 0 && Pt && rn > 0 && tn > 0 && (wt = (rn - tn) / 2);
   const on = Yt, Ut = je.useRef({ w: 0, h: 0 });
   je.useEffect(() => {
-    const V = De.current;
-    if (!V) return;
+    const K = De.current;
+    if (!K) return;
     Ut.current = {
-      w: V.clientWidth,
-      h: V.clientHeight
+      w: K.clientWidth,
+      h: K.clientHeight
     };
     const ue = new ResizeObserver((me) => {
       const Be = me[0];
@@ -5388,16 +5388,16 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
         h: Be.contentRect.height
       });
     });
-    return ue.observe(V), () => ue.disconnect();
+    return ue.observe(K), () => ue.disconnect();
   }, []), je.useEffect(() => {
     if (a) return;
     if (O <= 1.001) {
       (D.x !== 0 || D.y !== 0) && w({ x: 0, y: 0 });
       return;
     }
-    const V = Ut.current.w, ue = Ut.current.h;
-    if (V === 0 || ue === 0 || Nt === 0 || Dt === 0) return;
-    const me = 0.25 * Math.min(Nt, V), Be = 0.25 * Math.min(Dt, ue), Je = me - (wt ?? 0) - Nt, Ge = V - me - (wt ?? 0), Fe = Be - (Xt ?? 0) - Dt, nt = ue - Be - (Xt ?? 0), st = Math.max(Je, Math.min(Ge, D.x)), xt = Math.max(Fe, Math.min(nt, D.y));
+    const K = Ut.current.w, ue = Ut.current.h;
+    if (K === 0 || ue === 0 || Nt === 0 || Dt === 0) return;
+    const me = 0.25 * Math.min(Nt, K), Be = 0.25 * Math.min(Dt, ue), Je = me - (wt ?? 0) - Nt, Ge = K - me - (wt ?? 0), Fe = Be - (Xt ?? 0) - Dt, nt = ue - Be - (Xt ?? 0), st = Math.max(Je, Math.min(Ge, D.x)), xt = Math.max(Fe, Math.min(nt, D.y));
     (st !== D.x || xt !== D.y) && w({ x: st, y: xt });
   }, [
     a,
@@ -5409,7 +5409,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
     Xt,
     w
   ]);
-  const Ve = a ? {
+  const Ke = a ? {
     // Interactive mode: full viewport with overflow hidden for infinite canvas feel
     position: "relative",
     width: n ? `${n}px` : "100%",
@@ -5455,9 +5455,9 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
     {
       ref: De,
       className: e,
-      style: Ve,
+      style: Ke,
       onPointerDown: a ? Ie : void 0,
-      onPointerMove: a ? Ke : void 0,
+      onPointerMove: a ? Ve : void 0,
       onPointerUp: a ? Xe : void 0,
       onPointerLeave: a ? Xe : void 0,
       onPointerCancel: a ? Xe : void 0,
@@ -5475,9 +5475,9 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             setElements: I,
             executeElementUpdate: g,
             onSelectionChange: le,
-            onMultiSelectionChange: L,
+            onMultiSelectionChange: H,
             onActiveChildChange: xe,
-            onTextSelectionChange: () => Se((V) => V + 1),
+            onTextSelectionChange: () => Se((K) => K + 1),
             onHoverChange: ie,
             onCropModeEnter: Oe,
             onContextMenuRequest: re,
@@ -5503,18 +5503,18 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
           _i,
           {
             userZoom: O,
-            onSetZoom: (V) => {
-              if (V <= 1.001) {
+            onSetZoom: (K) => {
+              if (K <= 1.001) {
                 q();
                 return;
               }
               const ue = De.current;
               if (!ue) {
-                u(V);
+                u(K);
                 return;
               }
-              const me = ue.getBoundingClientRect(), Be = me.width / 2, Je = me.height / 2, Ge = V / Math.max(O, 1e-4);
-              u(V), w({
+              const me = ue.getBoundingClientRect(), Be = me.width / 2, Je = me.height / 2, Ge = K / Math.max(O, 1e-4);
+              u(K), w({
                 x: Be - (Be - D.x) * Ge,
                 y: Je - (Je - D.y) * Ge
               });
@@ -5524,7 +5524,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
       ]
     }
   );
-}, Li = [1, 2, 4, 8];
+}, Hi = [1, 2, 4, 8];
 function _i({
   userZoom: e,
   onSetZoom: t
@@ -5567,7 +5567,7 @@ function _i({
                 backdropFilter: "blur(6px)"
               },
               className: "sc:flex sc:flex-col sc:rounded-2xl sc:border sc:border-border/40 sc:bg-popover/95 sc:p-1 sc:shadow-lg",
-              children: Li.map((i) => {
+              children: Hi.map((i) => {
                 const a = i * 100, l = Math.abs(e - i) < 0.05;
                 return /* @__PURE__ */ y(
                   "button",
@@ -5620,10 +5620,10 @@ const is = /* @__PURE__ */ new Map();
 function It(e, t) {
   is.set(e, t);
 }
-function Ka(e) {
+function Va(e) {
   return is.get(e);
 }
-function Va() {
+function Ka() {
   return Array.from(is.keys());
 }
 function Ua() {
@@ -5648,12 +5648,12 @@ async function qa() {
   ] = await Promise.all([
     Promise.resolve().then(() => xa),
     Promise.resolve().then(() => ba),
-    import("./ImagePanel-CBgGqmVV.js"),
+    import("./ImagePanel-CEr0_FYy.js"),
     Promise.resolve().then(() => Sa),
     Promise.resolve().then(() => ka),
-    import("./ContextualToolbars-C3D_6sep.js").then((c) => c.s),
+    import("./ContextualToolbars-DRbuUE7W.js").then((c) => c.s),
     Promise.resolve().then(() => Ra),
-    import("./ContextualToolbars-C3D_6sep.js").then((c) => c.r)
+    import("./ContextualToolbars-DRbuUE7W.js").then((c) => c.r)
   ]);
   It("effects-panel", {
     component: e,
@@ -5703,7 +5703,7 @@ function br() {
     icon: "gravity-ui:layers",
     position: "left"
   }), It("menu-button", {
-    component: Hr,
+    component: Lr,
     label: "Menu",
     icon: "gravity-ui:bars",
     position: "topbar"
@@ -5713,7 +5713,7 @@ function br() {
     icon: "lucide:undo-2",
     position: "topbar"
   }), It("add-element-menu", {
-    component: Lr,
+    component: Hr,
     label: "Add Element",
     icon: "gravity-ui:plus",
     position: "topbar"
@@ -5846,15 +5846,15 @@ const $i = ({ stroke: e, onChange: t }) => {
           /* @__PURE__ */ r(Tt, { children: "Line Cap" }),
           /* @__PURE__ */ y(ss, { value: l, onValueChange: x, orientation: "horizontal", children: [
             /* @__PURE__ */ y(dn, { children: [
-              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Vt, { value: "butt", id: "cap-butt", children: "Butt" }) }) }),
+              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Kt, { value: "butt", id: "cap-butt", children: "Butt" }) }) }),
               /* @__PURE__ */ r(hn, { children: "Butt - Flat edges" })
             ] }),
             /* @__PURE__ */ y(dn, { children: [
-              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Vt, { value: "round", id: "cap-round", children: "Round" }) }) }),
+              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Kt, { value: "round", id: "cap-round", children: "Round" }) }) }),
               /* @__PURE__ */ r(hn, { children: "Round - Rounded edges" })
             ] }),
             /* @__PURE__ */ y(dn, { children: [
-              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Vt, { value: "square", id: "cap-square", children: "Square" }) }) }),
+              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Kt, { value: "square", id: "cap-square", children: "Square" }) }) }),
               /* @__PURE__ */ r(hn, { children: "Square - Extended square edges" })
             ] })
           ] })
@@ -5863,15 +5863,15 @@ const $i = ({ stroke: e, onChange: t }) => {
           /* @__PURE__ */ r(Tt, { children: "Line Join" }),
           /* @__PURE__ */ y(ss, { value: c, onValueChange: v, orientation: "horizontal", children: [
             /* @__PURE__ */ y(dn, { children: [
-              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Vt, { value: "miter", id: "join-miter", children: "Miter" }) }) }),
+              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Kt, { value: "miter", id: "join-miter", children: "Miter" }) }) }),
               /* @__PURE__ */ r(hn, { children: "Miter - Sharp corners" })
             ] }),
             /* @__PURE__ */ y(dn, { children: [
-              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Vt, { value: "round", id: "join-round", children: "Round" }) }) }),
+              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Kt, { value: "round", id: "join-round", children: "Round" }) }) }),
               /* @__PURE__ */ r(hn, { children: "Round - Rounded corners" })
             ] }),
             /* @__PURE__ */ y(dn, { children: [
-              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Vt, { value: "bevel", id: "join-bevel", children: "Bevel" }) }) }),
+              /* @__PURE__ */ r(un, { asChild: !0, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(Kt, { value: "bevel", id: "join-bevel", children: "Bevel" }) }) }),
               /* @__PURE__ */ r(hn, { children: "Bevel - Beveled corners" })
             ] })
           ] })
@@ -6270,7 +6270,7 @@ const $i = ({ stroke: e, onChange: t }) => {
     const m = {
       id: `mask-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
       type: d,
-      maskElement: Ki(d),
+      maskElement: Vi(d),
       inverted: !1,
       feather: 0,
       opacity: 1
@@ -6391,7 +6391,7 @@ const $i = ({ stroke: e, onChange: t }) => {
     ] })
   ] });
 };
-function Ki(e) {
+function Vi(e) {
   switch (e) {
     case "clip":
       return {
@@ -6449,7 +6449,7 @@ function Ki(e) {
       };
   }
 }
-const Vi = {
+const Ki = {
   enabled: !0,
   style: "worn",
   intensity: 30,
@@ -6539,7 +6539,7 @@ const Vi = {
   seed: void 0
 }, ra = {
   worn: {
-    light: Vi,
+    light: Ki,
     medium: Ui,
     heavy: Gi
   },
@@ -6582,7 +6582,7 @@ const ia = ({ distressEffect: e, onChange: t }) => {
   }, b = (g) => {
     if (e)
       if (g === "custom") {
-        const P = e.textureUrl || Vs[0].textureUrl;
+        const P = e.textureUrl || Ks[0].textureUrl;
         Us(P), t({
           ...e,
           style: "custom",
@@ -6794,15 +6794,15 @@ const ia = ({ distressEffect: e, onChange: t }) => {
       /* @__PURE__ */ y(On, { className: "sc:flex sc:flex-col sc:gap-sm", children: [
         /* @__PURE__ */ r(Tt, { children: "Style" }),
         /* @__PURE__ */ y(ss, { value: i, onValueChange: b, orientation: "horizontal", children: [
-          /* @__PURE__ */ r(Vt, { value: "worn", id: "style-worn", children: "Worn" }),
-          /* @__PURE__ */ r(Vt, { value: "cracked", id: "style-cracked", children: "Cracked" }),
-          /* @__PURE__ */ r(Vt, { value: "grunge", id: "style-grunge", children: "Grunge" }),
-          /* @__PURE__ */ r(Vt, { value: "retro", id: "style-retro", children: "Retro" }),
-          /* @__PURE__ */ r(Vt, { value: "custom", id: "style-custom", children: "Custom" })
+          /* @__PURE__ */ r(Kt, { value: "worn", id: "style-worn", children: "Worn" }),
+          /* @__PURE__ */ r(Kt, { value: "cracked", id: "style-cracked", children: "Cracked" }),
+          /* @__PURE__ */ r(Kt, { value: "grunge", id: "style-grunge", children: "Grunge" }),
+          /* @__PURE__ */ r(Kt, { value: "retro", id: "style-retro", children: "Retro" }),
+          /* @__PURE__ */ r(Kt, { value: "custom", id: "style-custom", children: "Custom" })
         ] })
       ] }),
       i === "custom" && /* @__PURE__ */ y(Pn, { children: [
-        /* @__PURE__ */ r("div", { className: "sc:grid sc:grid-cols-4 sc:gap-1.5", children: Vs.map((g) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: "sc:grid sc:grid-cols-4 sc:gap-1.5", children: Ks.map((g) => /* @__PURE__ */ r(
           "button",
           {
             onClick: () => x(g.textureUrl),
@@ -6979,8 +6979,8 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
           /* @__PURE__ */ y(On, { className: "sc:flex sc:flex-col sc:gap-sm", children: [
             /* @__PURE__ */ r(Tt, { children: "Blend Mode" }),
             /* @__PURE__ */ y(ss, { value: e, onValueChange: d, orientation: "horizontal", children: [
-              /* @__PURE__ */ r(Vt, { value: "normal", id: "blend-normal", children: "Normal" }),
-              /* @__PURE__ */ r(Vt, { value: "knockout", id: "blend-knockout", children: "Knockout" })
+              /* @__PURE__ */ r(Kt, { value: "normal", id: "blend-normal", children: "Normal" }),
+              /* @__PURE__ */ r(Kt, { value: "knockout", id: "blend-knockout", children: "Knockout" })
             ] })
           ] }),
           a && /* @__PURE__ */ y(Pn, { children: [
@@ -7246,12 +7246,12 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
     }
     N(!0), (async () => {
       const le = /* @__PURE__ */ new Map();
-      for (const L of U)
+      for (const H of U)
         try {
-          const xe = await Bn.getGlyphAlternates(e, L, t), ie = xe.length > 0 ? xe.length - 1 : 0;
-          le.set(L, ie);
+          const xe = await Bn.getGlyphAlternates(e, H, t), ie = xe.length > 0 ? xe.length - 1 : 0;
+          le.set(H, ie);
         } catch (xe) {
-          Rs.error(`Error loading alternates for '${L}':`, xe), le.set(L, 0);
+          Rs.error(`Error loading alternates for '${H}':`, xe), le.set(H, 0);
         }
       g(le), N(!1);
     })();
@@ -7261,20 +7261,20 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
       ...s,
       [U]: !te
     };
-    Object.keys(le).forEach((L) => {
-      le[L] || delete le[L];
-    }), e && Object.keys(le).length > 0 && Bn.loadFont(e, t).catch((L) => {
-      Rs.error("Error pre-loading font for OpenType features:", L);
+    Object.keys(le).forEach((H) => {
+      le[H] || delete le[H];
+    }), e && Object.keys(le).length > 0 && Bn.loadFont(e, t).catch((H) => {
+      Rs.error("Error pre-loading font for OpenType features:", H);
     }), i(Object.keys(le).length > 0 ? le : void 0);
   }, w = (U, te) => {
     C(U), E(te), T(!1), x(!0);
   }, ne = () => {
     T(!0), x(!0);
-  }, K = (U) => {
+  }, V = (U) => {
     if (!a) return;
     let te = [...o];
     if (U) {
-      const le = te.findIndex((L) => L.charIndex === U.charIndex);
+      const le = te.findIndex((H) => H.charIndex === U.charIndex);
       le >= 0 ? te[le] = U : te.push(U);
     } else
       te = te.filter((le) => le.charIndex !== v);
@@ -7351,10 +7351,10 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
         }) })
       ] }),
       !m && e && f.length > 0 && /* @__PURE__ */ r(Pn, { children: Object.entries(q).map(([U, te]) => {
-        const le = te.filter((L) => f.includes(L.tag));
+        const le = te.filter((H) => f.includes(H.tag));
         return le.length === 0 ? null : /* @__PURE__ */ y("div", { className: "sc:mb-lg", children: [
           /* @__PURE__ */ r("div", { className: "sc:mb-sm sc:text-2xs sc:font-semibold sc:uppercase sc:tracking-wide sc:text-text-secondary", children: U }),
-          /* @__PURE__ */ r("div", { className: "sc:flex sc:flex-col sc:gap-sm", children: le.map((L) => /* @__PURE__ */ y(
+          /* @__PURE__ */ r("div", { className: "sc:flex sc:flex-col sc:gap-sm", children: le.map((H) => /* @__PURE__ */ y(
             "label",
             {
               className: "sc:flex sc:cursor-pointer sc:items-start sc:gap-sm sc:rounded sc:p-xs sc:transition-colors sc:duration-fast sc:hover:bg-surface",
@@ -7363,18 +7363,18 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
                   "input",
                   {
                     type: "checkbox",
-                    checked: (s == null ? void 0 : s[L.tag]) || !1,
-                    onChange: () => D(L.tag),
+                    checked: (s == null ? void 0 : s[H.tag]) || !1,
+                    onChange: () => D(H.tag),
                     className: "sc:mt-[2px] sc:h-4 sc:w-4 sc:cursor-pointer sc:rounded sc:border-border-primary sc:bg-bg-input sc:accent-accent-primary"
                   }
                 ),
                 /* @__PURE__ */ y("div", { className: "sc:flex-1", children: [
-                  /* @__PURE__ */ r("div", { className: "sc:text-sm sc:font-medium", children: L.label }),
-                  /* @__PURE__ */ r("div", { className: "sc:mt-[2px] sc:text-2xs sc:text-text-secondary", children: L.description })
+                  /* @__PURE__ */ r("div", { className: "sc:text-sm sc:font-medium", children: H.label }),
+                  /* @__PURE__ */ r("div", { className: "sc:mt-[2px] sc:text-2xs sc:text-text-secondary", children: H.description })
                 ] })
               ]
             },
-            L.tag
+            H.tag
           )) })
         ] }, U);
       }) })
@@ -7389,7 +7389,7 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
         fontFamily: e,
         fontWeight: t,
         currentGlyphOverride: o.find((U) => U.charIndex === v),
-        onSelectGlyph: K,
+        onSelectGlyph: V,
         browseAll: A
       }
     )
@@ -7586,10 +7586,10 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
     progress: p,
     supportsWorkerExport: b,
     workerStats: x
-  } = Kr(), { artboardsInfo: v, activeArtboardId: C } = ar(), [R, E] = ce(t), [A, T] = ce(n), [I, g] = ce(500), P = async () => {
+  } = Vr(), { artboardsInfo: v, activeArtboardId: C } = ar(), [R, E] = ce(t), [A, T] = ce(n), [I, g] = ce(500), P = async () => {
     if (C)
       try {
-        const w = await a(C, { scale: R, format: A }), ne = document.createElement("a"), K = v.find((q) => q.id === C), O = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), u = (K == null ? void 0 : K.name) || "artboard";
+        const w = await a(C, { scale: R, format: A }), ne = document.createElement("a"), V = v.find((q) => q.id === C), O = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), u = (V == null ? void 0 : V.name) || "artboard";
         ne.download = `${u}-${O}.${A}`, ne.href = w, ne.click(), s && s({ [C]: w });
       } catch (w) {
         Js.error("Export failed:", w), alert("Export failed. Please try again.");
@@ -7597,8 +7597,8 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
   }, N = async () => {
     try {
       const w = await l({ scale: R, format: A }), ne = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
-      Object.entries(w).forEach(([K, O]) => {
-        const u = v.find((te) => te.id === K), q = (u == null ? void 0 : u.name) || K, U = document.createElement("a");
+      Object.entries(w).forEach(([V, O]) => {
+        const u = v.find((te) => te.id === V), q = (u == null ? void 0 : u.name) || V, U = document.createElement("a");
         U.download = `${q}-${ne}.${A}`, U.href = O, U.click();
       }), s && s(w);
     } catch (w) {
@@ -8671,8 +8671,8 @@ export {
   ya as f,
   $a as g,
   Ua as h,
-  Ka as i,
-  Va as j,
+  Va as i,
+  Ka as j,
   qa as k,
   ja as l,
   It as m,
@@ -8683,4 +8683,4 @@ export {
   Ga as u,
   nc as v
 };
-//# sourceMappingURL=validation-BGEl9rrE.js.map
+//# sourceMappingURL=validation-CsTlSvJJ.js.map