@snowcone-app/canvas 0.37.1 → 0.38.0

package/dist/{validation-THw5W6N_.js → validation-BG-V98h0.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, k as sr, t as _s, v as $s, a as Ts, b as Dr, g as Br, h as Or } from "./design-builder-CqgTpp9B.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-CQi4Pyd2.js";
-import { I as Lt, G as Re, aD as Is, ad as ys, ai as cr, aE as Fs, aF as Kr, aG as Cn, aH as Ur, aI as us, P as wn, c as zn, aJ as en, aK as ms, aL as Gr, T as Qe, aB as qr, aM as Jn, aN as jr, aO as Zr, aP as Jr, aQ as lr, aR as Qr, aS as Es, aT as eo, Z as to, S as Qn, R as no, C as Bn } from "./FontAnalyzer-CEYA_6fY.js";
+import je, { useState as ae, useEffect as Pe, useCallback as ft, useMemo as xs, useContext as Pr, createContext as Ar, useRef as Se, useImperativeHandle as nr, forwardRef as Nr } from "react";
+import { b as rs, o as sr, t as _s, v as $s, d as Ts, j as Dr, c as Br, m as Or } from "./design-builder-CoCtjIwj.js";
+import { l as rr, I as ze, s as zr, u as or, c as Fn, v as Qt, i as _e, J as Xr, G as Yr, H as Hr, F as Lr, W as _r, T as dn, q as un, r as hn, B as Ct, Y as $r, Z as Fr, _ as Wr, D as ir, k as Vr, b as ar } from "./useCommands-x8J7_Mzy.js";
+import { I as Yt, G as Re, b5 as Is, aO as ys, ab as cr, b6 as Fs, b7 as Kr, Y as Cn, b8 as Ur, b9 as us, P as wn, c as zn, a1 as en, $ as ms, ba as Gr, T as Qe, u as qr, bb as Jn, bc as jr, bd as Zr, be as Jr, a0 as lr, _ as Qr, bf as Es, Z as eo, g as to, S as Qn, at as no, x as Bn } from "./FontAnalyzer-DWHS41ba.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 Vs, e as gs, T as io, a as ao, A as co, S as lo, I as uo } from "./CanvasRenderer-CTN4j-uO.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-D-E5WWLm.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-CG5Gmv_i.js";
-import { L as Tt, S as hr, T as Ot, I as mo } from "./custom-icons-D51KIAfz.js";
+import { D as Ps, n as As, o as ur, p as Ns, e as po, q as Mt } from "./ContextualToolbars-C62As-xY.js";
+import { L as Tt, S as hr, T as Ot, I as mo } from "./custom-icons-o1U13Vcg.js";
 import * as ts from "@radix-ui/react-radio-group";
-import { L as go, M as Ks, N as Us } from "./ExportManager-CDX5_up8.js";
+import { R as go, S as Ks, U as Us } from "./ExportManager-BbBfO22S.js";
 import { cva as fr } from "class-variance-authority";
 import { debounce as Gs } from "lodash-es";
 const xo = {
@@ -153,7 +153,7 @@ function Co(e) {
 }
 const mr = Ar(null);
 function $a({ kit: e, children: t }) {
-  const [n, s] = ce(e);
+  const [n, s] = ae(e);
   Pe(() => {
     s(e);
   }, [e]);
@@ -176,11 +176,11 @@ function Fa() {
   return e.capabilities;
 }
 function So(e, t) {
-  if (t instanceof Lt && t.isCropping || e instanceof Lt && e.isCropping)
+  if (t instanceof Yt && t.isCropping || e instanceof Yt && e.isCropping)
     return !0;
   if (e instanceof Re) {
     for (const n of e.children)
-      if (n instanceof Lt && n.isCropping)
+      if (n instanceof Yt && n.isCropping)
         return !0;
   }
   return !1;
@@ -321,9 +321,9 @@ function Eo(e) {
 }
 const ko = 280, Ro = (e) => 1 - Math.pow(1 - e, 3);
 function Mo(e, t = ko) {
-  const [n, s] = ce(e), o = we(n);
+  const [n, s] = ae(e), o = Se(n);
   o.current = n;
-  const i = we(null), a = e ? `${e.x},${e.y},${e.width},${e.height}` : "none";
+  const i = Se(null), a = e ? `${e.x},${e.y},${e.width},${e.height}` : "none";
   return Pe(() => {
     if (i.current !== null && (cancelAnimationFrame(i.current), i.current = null), !e) {
       s(null);
@@ -425,8 +425,8 @@ 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], 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);
+    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, ce = O.letterSpacing !== void 0 ? O.letterSpacing : l;
+    N += ys(ne, u, q, U, te, ce);
   }
   return {
     lineIndex: v,
@@ -497,21 +497,21 @@ function Sn(e, t) {
   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, 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)
+    const u = A[O], q = E + O, U = c.getStyleAt(q), te = U.fontSize || n, ce = U.fontFamily || s, L = U.bold !== void 0 ? U.bold : o, me = U.italic !== void 0 ? U.italic : i, ye = U.letterSpacing !== void 0 ? U.letterSpacing : l, ve = ys(u, te, ce, L, me, ye);
+    if (ne < V + ve / 2)
       return q;
-    V += be;
+    V += ve;
   }
   return E + A.length;
 }
 function Po() {
-  const [e, t] = ce(!1), [n, s] = ce({
+  const [e, t] = ae(!1), [n, s] = ae({
     x: 0,
     y: 0
-  }), [o, i] = ce({
+  }), [o, i] = ae({
     x: 0,
     y: 0
-  }), [a, l] = ce([]);
+  }), [a, l] = ae([]);
   return Pe(() => {
   }, [e]), {
     isMarqueeSelecting: e,
@@ -767,7 +767,7 @@ class Ao {
 }
 const No = zn("usePenTool");
 function Do({ selectedElement: e }) {
-  const [t] = ce(() => new Ao()), [n, s] = ce("crosshair");
+  const [t] = ae(() => new Ao()), [n, s] = ae("crosshair");
   return Pe(() => {
     try {
       const o = fo(/* @__PURE__ */ r(ze, { icon: "lucide:pen-tool", width: 24, height: 24 })).replace(
@@ -802,7 +802,7 @@ function Bo({
   transformHandles: n,
   onActiveChildChange: s
 }) {
-  const [o, i] = ce(null), a = we(null), l = ft(
+  const [o, i] = ae(null), a = Se(null), l = ft(
     (c) => {
       i(c), s == null || s(c);
     },
@@ -821,7 +821,7 @@ function Bo({
   };
 }
 function Oo({ onHoverChange: e }) {
-  const [t, n] = ce({
+  const [t, n] = ae({
     type: null,
     data: null,
     startTime: null
@@ -949,36 +949,36 @@ 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, 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(
+    const ne = I - D, V = g - w, O = l.cropX, u = l.cropY, q = l.cropWidth, U = l.cropHeight, te = l.width, ce = l.height, L = ne / te, me = V / ce, ye = this._calculateNewCropValues(
       n,
       O,
       u,
       q,
       U,
-      H,
-      xe
-    ), be = this._calculateCropCenterOffset(
+      L,
+      me
+    ), ve = this._calculateCropCenterOffset(
       O,
       u,
       q,
       U,
-      ie.cropX,
-      ie.cropY,
-      ie.cropWidth,
-      ie.cropHeight,
+      ye.cropX,
+      ye.cropY,
+      ye.cropWidth,
+      ye.cropHeight,
       te,
-      le,
+      ce,
       m,
       R,
       E
     );
     return {
-      ...ie,
-      x: p + be.worldOffsetX,
-      y: b + be.worldOffsetY,
+      ...ye,
+      x: p + ve.worldOffsetX,
+      y: b + ve.worldOffsetY,
       rotation: m,
       width: te,
-      height: le,
+      height: ce,
       cursor: d
     };
   }
@@ -1039,13 +1039,13 @@ class zo {
   }
 }
 function Xo() {
-  const [e] = ce(() => new zo());
+  const [e] = ae(() => new zo());
   return {
     cropController: e
   };
 }
-function Lo(e) {
-  const t = we(null), n = we(null);
+function Yo(e) {
+  const t = Se(null), n = Se(null);
   return Pe(() => {
     n.current = null;
   }, [e]), {
@@ -1056,8 +1056,8 @@ function Lo(e) {
 function js(e) {
   return e != null && e instanceof Qe;
 }
-function Yo({ selectedElement: e, ref: t }) {
-  const [n, s] = ce(!1), [o, i] = ce(""), [a, l] = ce({ x: 0, y: 0, width: 200, height: 50 }), [c, f] = ce(0), [d, m] = ce(0), [p, b] = ce(0), x = we(1), v = we(performance.now()), C = we(0), R = we(!1), [E, A] = ce(null), [T, I] = ce(null), g = we(null), P = ft(
+function Ho({ selectedElement: e, ref: t }) {
+  const [n, s] = ae(!1), [o, i] = ae(""), [a, l] = ae({ x: 0, y: 0, width: 200, height: 50 }), [c, f] = ae(0), [d, m] = ae(0), [p, b] = ae(0), x = Se(1), v = Se(performance.now()), C = Se(0), R = Se(!1), [E, A] = ae(null), [T, I] = ae(null), g = Se(null), P = ft(
     (w) => {
       if (!n || !E)
         return;
@@ -1128,7 +1128,7 @@ function Yo({ selectedElement: e, ref: t }) {
     toggleFormattingProperty: D
   };
 }
-function Ho({
+function Lo({
   width: e,
   height: t,
   zoom: n,
@@ -1141,12 +1141,12 @@ function Ho({
   artboardManager: f,
   focusedPieceRect: d
 }) {
-  const [m, p] = ce(!1);
+  const [m, p] = ae(!1);
   Pe(() => {
     const V = "ontouchstart" in window || navigator.maxTouchPoints > 0;
     p(V);
   }, []);
-  const b = we(null);
+  const b = Se(null);
   Pe(() => {
     const V = (O) => {
       b.current = O.target, setTimeout(() => {
@@ -1157,7 +1157,7 @@ function Ho({
       document.removeEventListener("touchstart", V, { capture: !0 }), document.removeEventListener("pointerdown", V, { capture: !0 });
     };
   }, []);
-  const [x, v] = ce({
+  const [x, v] = ae({
     width: e ?? window.innerWidth,
     height: t ?? window.innerHeight
   });
@@ -1199,7 +1199,7 @@ function Ho({
   };
 }
 function _o() {
-  const [e, t] = ce([]), [n, s] = ce([]), [o, i] = ce(!1), [a, l] = ce(!1), [c, f] = ce(0), [d, m] = ce(0), [, p] = ce(0);
+  const [e, t] = ae([]), [n, s] = ae([]), [o, i] = ae(!1), [a, l] = ae(!1), [c, f] = ae(0), [d, m] = ae(0), [, p] = ae(0);
   return {
     snapGuides: e,
     setSnapGuides: t,
@@ -1216,7 +1216,7 @@ function _o() {
   };
 }
 function $o({ elements: e }) {
-  const [, t] = ce({}), [n, s] = ce(0), [o, i] = ce(0), [a, l] = ce(0), c = ft(() => {
+  const [, t] = ae({}), [n, s] = ae(0), [o, i] = ae(0), [a, l] = ae(0), c = ft(() => {
     i((f) => f + 1);
   }, []);
   return Pe(() => qr((d) => {
@@ -1411,67 +1411,67 @@ function Go(e) {
     t.save(), t.translate(N.x, N.y);
     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 ? {
+    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), ce = !0, L = Math.max(0, (D == null ? void 0 : D.outerRadius) ?? 0), me = D != null && D.boundary && D.boundary.kind === "path" ? D.boundary : null, ye = me ?? (L > 0 ? {
       kind: "roundedRect",
       x: 0,
       y: 0,
       width: u,
       height: q,
-      rx: H,
-      ry: H
+      rx: L,
+      ry: L
     } : {
       kind: "rect",
       x: 0,
       y: 0,
       width: u,
       height: q
-    };
-    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;
+    }), ve = L > 0 || me !== null;
+    if (ve && (t.save(), me ? t.clip(new Path2D(me.d), "nonzero") : (t.beginPath(), Vo(t, ye), t.clip())), a.bleed && m.bleedOpacity > 0) {
+      const de = m.bleedInnerEdge === "safeArea" && te ? te : U;
+      if (de) {
+        const Me = f ? "screen" : "multiply", Ae = m.bleedOpacity;
         m.bleedMode === "solid" ? jo(
           t,
-          xe,
-          ie,
+          ye,
+          de,
           p,
-          Se,
-          be
+          Ae,
+          Me
         ) : qo(
           t,
           u,
           q,
-          xe,
-          ie,
+          ye,
+          de,
           p,
-          Se,
+          Ae,
           m.bleedBlurScale,
           i,
-          be
+          Me
         );
       }
     }
     if (a.zones)
-      for (const ie of w)
-        ie.kind !== "dieCut" && (t.save(), t.fillStyle = m.zoneFill[ie.kind] ?? jn.zoneFill[ie.kind], ns(t, ie.path), t.strokeStyle = m.zoneStroke[ie.kind] ?? jn.zoneStroke[ie.kind], Jn(
+      for (const de of w)
+        de.kind !== "dieCut" && (t.save(), t.fillStyle = m.zoneFill[de.kind] ?? jn.zoneFill[de.kind], ns(t, de.path), t.strokeStyle = m.zoneStroke[de.kind] ?? jn.zoneStroke[de.kind], Jn(
           t,
           1.5,
-          ie.kind === "wrap" ? [4, 3] : []
-        ), es(t, ie.path), t.setLineDash([]), t.restore());
+          de.kind === "wrap" ? [4, 3] : []
+        ), es(t, de.path), t.setLineDash([]), t.restore());
     if (a.zones)
-      for (const ie of w)
-        ie.kind === "dieCut" && (m.dieCutMode === "knockout" ? ei(
+      for (const de of w)
+        de.kind === "dieCut" && (m.dieCutMode === "knockout" ? ei(
           t,
-          ie,
+          de,
           m.dieCutStroke,
           m.dieCutStrokeWidthPx,
           e.interacting === !0,
-          le,
+          ce,
           C,
           m.dieCutBlurPx
         ) : Jo(
           t,
-          ie,
+          de,
           C,
           b,
           m.dieCutTintAlpha,
@@ -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), H > 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), ve && t.restore(), t.restore();
   }
   t.restore();
 }
@@ -1559,41 +1559,41 @@ function ri(e) {
     currentRotation: c,
     isMarqueeSelecting: f,
     zoom: d = 1
-  } = e, m = n.filter((be) => o.has(be));
+  } = e, m = n.filter((ve) => o.has(ve));
   if (m.length === 0)
     return { updatedOBB: null, groupBounds: null };
   const p = i._multiSelectionDragContext, b = i.getMode() === "drag" && p;
-  m.forEach((be) => {
-    let Se = s.find((Te) => Te.id === be);
+  m.forEach((ve) => {
+    let de = s.find((Me) => Me.id === ve);
     if (b && p.currentElements) {
-      const Te = p.currentElements.get(be);
-      Te && (Se = Te);
+      const Me = p.currentElements.get(ve);
+      Me && (de = Me);
     }
-    if (Se) {
-      const Te = Se.getVisualBoundingBox(), Oe = Se.getRotationAnchor();
-      t.save(), Se.rotation !== 0 && (t.translate(Oe.x, Oe.y), t.rotate(-Se.rotation * Math.PI / 180), t.translate(-Oe.x, -Oe.y)), t.strokeStyle = Cn(), t.lineWidth = _n(d), t.strokeRect(Te.x, Te.y, Te.width, Te.height), t.restore();
+    if (de) {
+      const Me = de.getVisualBoundingBox(), Ae = de.getRotationAnchor();
+      t.save(), de.rotation !== 0 && (t.translate(Ae.x, Ae.y), t.rotate(-de.rotation * Math.PI / 180), t.translate(-Ae.x, -Ae.y)), t.strokeStyle = Cn(), t.lineWidth = _n(d), t.strokeRect(Me.x, Me.y, Me.width, Me.height), t.restore();
     }
   });
-  let x = m.map((be) => s.find((Se) => Se.id === be)).filter((be) => be !== void 0);
-  if (b && p.currentElements && (x = x.map((be) => p.currentElements.get(be.id) || be)), x.length === 0)
+  let x = m.map((ve) => s.find((de) => de.id === ve)).filter((ve) => ve !== void 0);
+  if (b && p.currentElements && (x = x.map((ve) => p.currentElements.get(ve.id) || ve)), x.length === 0)
     return { updatedOBB: null, groupBounds: null };
   let v = 1 / 0, C = 1 / 0, R = -1 / 0, E = -1 / 0;
-  x.forEach((be) => {
-    const Se = be.getVisualBoundingBox(), Te = [
-      { x: Se.x, y: Se.y },
-      { x: Se.x + Se.width, y: Se.y },
-      { x: Se.x, y: Se.y + Se.height },
-      { x: Se.x + Se.width, y: Se.y + Se.height }
+  x.forEach((ve) => {
+    const de = ve.getVisualBoundingBox(), Me = [
+      { x: de.x, y: de.y },
+      { x: de.x + de.width, y: de.y },
+      { x: de.x, y: de.y + de.height },
+      { x: de.x + de.width, y: de.y + de.height }
     ];
-    if (be.rotation !== 0) {
-      const Oe = be.getRotationAnchor(), De = -be.rotation * Math.PI / 180, $e = Math.cos(De), at = Math.sin(De);
-      Te.forEach((pt) => {
-        const ct = pt.x - Oe.x, Pt = pt.y - Oe.y;
-        pt.x = Oe.x + (ct * $e - Pt * at), pt.y = Oe.y + (ct * at + Pt * $e);
+    if (ve.rotation !== 0) {
+      const Ae = ve.getRotationAnchor(), Be = -ve.rotation * Math.PI / 180, $e = Math.cos(Be), at = Math.sin(Be);
+      Me.forEach((pt) => {
+        const ct = pt.x - Ae.x, Pt = pt.y - Ae.y;
+        pt.x = Ae.x + (ct * $e - Pt * at), pt.y = Ae.y + (ct * at + Pt * $e);
       });
     }
-    Te.forEach((Oe) => {
-      v = Math.min(v, Oe.x), C = Math.min(C, Oe.y), R = Math.max(R, Oe.x), E = Math.max(E, Oe.y);
+    Me.forEach((Ae) => {
+      v = Math.min(v, Ae.x), C = Math.min(C, Ae.y), R = Math.max(R, Ae.x), E = Math.max(E, Ae.y);
     });
   });
   const A = R - v, T = E - C, I = (v + R) / 2, g = (C + E) / 2;
@@ -1605,49 +1605,49 @@ function ri(e) {
     height: T,
     rotation: 0
   }), i.getMode() === "drag" && i._multiSelectionDragContext) {
-    const be = i._multiSelectionDragContext;
-    if (be != null && be.startOBB && (be != null && be.currentDelta)) {
-      const { dx: Se, dy: Te } = be.currentDelta;
+    const ve = i._multiSelectionDragContext;
+    if (ve != null && ve.startOBB && (ve != null && ve.currentDelta)) {
+      const { dx: de, dy: Me } = ve.currentDelta;
       P = {
         ...P,
-        centerX: be.startOBB.centerX + Se,
-        centerY: be.startOBB.centerY + Te
+        centerX: ve.startOBB.centerX + de,
+        centerY: ve.startOBB.centerY + Me
       };
     } else
       P = { ...P, centerX: I, centerY: g };
   }
-  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;
+  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, ce = u + V / 2;
+  let L = O, me = ce + jr;
   if (w !== 0) {
-    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 ve = -w * Math.PI / 180, de = Math.cos(ve), Me = Math.sin(ve), Ae = L - O, Be = me - u;
+    L = O + (Ae * de - Be * Me), me = u + (Ae * Me + Be * de);
   }
-  const ie = {
+  const ye = {
     minX: q,
     minY: U,
     maxX: te,
-    maxY: le,
+    maxY: ce,
     centerX: O,
     centerY: u,
-    rotationHandleX: H,
-    rotationHandleY: xe,
+    rotationHandleX: L,
+    rotationHandleY: me,
     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, V), t.restore(), f || oi(t, {
     renderMinX: q,
     renderMinY: U,
     renderMaxX: te,
-    renderMaxY: le,
+    renderMaxY: ce,
     renderCenterX: O,
     renderCenterY: u,
     renderWidth: ne,
     renderHeight: V,
     groupRotation: w,
-    rotationHandleX: H,
-    rotationHandleY: xe,
+    rotationHandleX: L,
+    rotationHandleY: me,
     stateMachine: i,
     zoom: d
-  }), { updatedOBB: P, groupBounds: ie };
+  }), { updatedOBB: P, groupBounds: ye };
 }
 function oi(e, t) {
   var A;
@@ -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 Hn {
+class Ln {
   constructor() {
     this.frameTimes = [], this.metrics = {
       frameTime: 0,
@@ -1708,7 +1708,7 @@ class Hn {
     };
   }
   static getInstance() {
-    return Hn.instance || (Hn.instance = new Hn()), Hn.instance;
+    return Ln.instance || (Ln.instance = new Ln()), Ln.instance;
   }
   /**
    * Record a single frame's render duration. Maintains a rolling window
@@ -1776,9 +1776,9 @@ function di(e, t, n) {
   };
 }
 function ui(e) {
-  const t = we(e);
+  const t = Se(e);
   t.current = e;
-  const n = we(!0), s = we(null), o = we("#0a0a0a");
+  const n = Se(!0), s = Se(null), o = Se("#0a0a0a");
   Pe(() => {
     const i = t.current.canvasRef.current ?? document.documentElement, a = getComputedStyle(i).getPropertyValue("--color-canvas-bg").trim();
     o.current = a || "#0a0a0a";
@@ -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), Hn.getInstance().recordFrameTime(performance.now() - f);
+        hi(t.current, o, s), Ln.getInstance().recordFrameTime(performance.now() - f);
       }
       i = requestAnimationFrame(l);
     };
@@ -1868,15 +1868,15 @@ function hi(e, t, n) {
     selectionEnd: q,
     cursorOpacityRef: U,
     cursorStartTimeRef: te,
-    isTouchDevice: le,
-    selectionHandlePositionsRef: H,
-    multiClickSelectionRef: xe,
-    lastMultiClickTimeRef: ie,
-    MULTI_CLICK_DEBOUNCE: be,
-    snapGuides: Se,
-    spacingIndicators: Te,
-    isAltKeyPressed: Oe,
-    multiSelection: De,
+    isTouchDevice: ce,
+    selectionHandlePositionsRef: L,
+    multiClickSelectionRef: me,
+    lastMultiClickTimeRef: ye,
+    MULTI_CLICK_DEBOUNCE: ve,
+    snapGuides: de,
+    spacingIndicators: Me,
+    isAltKeyPressed: Ae,
+    multiSelection: Be,
     multiSelectionOBBRef: $e,
     multiSelectionGroupBoundsRef: at,
     isMarqueeSelecting: pt,
@@ -1891,15 +1891,15 @@ 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, K = (performance.now() - te.current) % 1060 / 1060, ue = K < 0.5 ? 1 - Ue(K * 2) : Ue((K - 0.5) * 2);
+    const Ue = (ge) => ge < 0.5 ? 4 * ge * ge * ge : 1 - Math.pow(-2 * ge + 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), Ve = Ie > he ? he / Ie : 1, Xe = h * Ve;
+  const he = 4096, _ = G * h, we = re * h, Ie = Math.max(_, we), 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;
+  const H = t.current;
   se.scale(Xe, Xe), A !== 1 && se.scale(A, A), (R !== 0 || E !== 0) && se.translate(R, E);
   const $ = a.find((Ke) => Ke.id === l.getActiveArtboardId()), ot = ($ == null ? void 0 : $.id) ?? null, rt = Ee && $ ? di(
     Ee.pieces,
@@ -1908,11 +1908,11 @@ function hi(e, t, n) {
   ) : void 0;
   let Ze = Ee ? 0 : T;
   if (Ee && Ee.pieces.length === 1 && $) {
-    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);
+    const Ke = Ee.pieces[0].id, Ne = (rn = Ee.guides) == null ? void 0 : rn[Ke], K = Ne == null ? void 0 : Ne.outerRadius, ue = Ne == null ? void 0 : Ne.boundary, ge = ue && typeof ue == "object" && ue.kind === "roundedRect" ? ue.rx ?? ue.ry : void 0, Oe = typeof K == "number" && K > 0 ? K : typeof ge == "number" && ge > 0 ? ge : 0;
+    Oe > 0 && (Ze = Oe);
   }
   if ($ && !Ee)
-    if (se.fillStyle = Y, rt && typeof rt == "object" && rt.type === "path")
+    if (se.fillStyle = H, rt && typeof rt == "object" && rt.type === "path")
       try {
         const Ke = new Path2D(rt.d);
         se.save(), se.translate($.x, $.y), se.fill(Ke), se.restore();
@@ -1941,7 +1941,7 @@ function hi(e, t, n) {
   if (x.getMode() === "drag" && d) {
     const Ue = x.getContext()._cachedElement;
     Ue && Ue[d.id] && (Nt = Nt.map(
-      (Ae) => Ae.id === d.id ? Ue[d.id] : Ae
+      (Ne) => Ne.id === d.id ? Ue[d.id] : Ne
     ), m || (gt = Ue[d.id]));
   }
   if (w && d) {
@@ -1950,17 +1950,17 @@ function hi(e, t, n) {
       let K = null;
       if (Ke && d instanceof Re) {
         const ue = Nt.find(
-          (me) => me.id === d.id && me instanceof Re
+          (ge) => ge.id === d.id && ge instanceof Re
         );
         if (ue) {
-          const me = ue.clone();
-          me.children = me.children.map((Be) => {
-            if (Be.id === Ke && V && Be instanceof Qe) {
-              const Je = Be.clone();
+          const ge = ue.clone();
+          ge.children = ge.children.map((Oe) => {
+            if (Oe.id === Ke && V && Oe instanceof Qe) {
+              const Je = Oe.clone();
               return Je.setRichText(V), Je;
             }
-            return Be;
-          }), K = me;
+            return Oe;
+          }), K = ge;
         }
       } else if (V && d instanceof Qe) {
         const ue = d.clone();
@@ -1988,10 +1988,10 @@ function hi(e, t, n) {
     hoverState: D,
     isEditing: w,
     stateMachine: x,
-    snapGuides: Se,
-    spacingIndicators: Te,
+    snapGuides: de,
+    spacingIndicators: Me,
     hideHandles: Dt,
-    isAltKeyPressed: Oe,
+    isAltKeyPressed: Ae,
     artboardBackgroundColor: $ == null ? void 0 : $.backgroundColor,
     distressTexture: $ == null ? void 0 : $.distressTexture,
     imageMask: $ == null ? void 0 : $.imageMask,
@@ -2016,16 +2016,16 @@ function hi(e, t, n) {
     suppressOverflowDim: !1,
     showRotationHandle: g,
     editModeData: w ? (() => {
-      const Ke = xe.current, Ue = Date.now() - ie.current < be, Ae = Ke && Ue;
+      const Ke = me.current, Ue = Date.now() - ye.current < ve, Ne = Ke && Ue;
       return {
-        cursorPosition: Ae ? Ke.cursor : O,
-        selectionStart: Ae ? Ke.start : u,
-        selectionEnd: Ae ? Ke.end : q,
+        cursorPosition: Ne ? Ke.cursor : O,
+        selectionStart: Ne ? Ke.start : u,
+        selectionEnd: Ne ? Ke.end : q,
         editText: ne,
         editRichText: V,
         cursorOpacity: U.current,
-        isTouchDevice: le,
-        selectionHandlePositionsRef: H
+        isTouchDevice: ce,
+        selectionHandlePositionsRef: L
       };
     })() : void 0
   }), Ee && Ee.pieces.length > 0 && $) {
@@ -2033,16 +2033,16 @@ function hi(e, t, n) {
     const Ue = gt ?? null;
     if (Ue && Ee) {
       const ue = Ue.getVisualBoundingBox();
-      e: for (const me of Ee.pieces) {
-        const Be = ((Ut = (on = Ee.guides) == null ? void 0 : on[me.id]) == null ? void 0 : Ut.zones) ?? [];
-        for (const Je of Be) {
+      e: for (const ge of Ee.pieces) {
+        const Oe = ((Ut = (on = Ee.guides) == null ? void 0 : on[ge.id]) == null ? void 0 : Ut.zones) ?? [];
+        for (const Je of Oe) {
           if (Je.kind !== "dieCut") continue;
           const Ge = Je.path;
           if (Ge.kind !== "rect" && Ge.kind !== "roundedRect") {
             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;
+          const Fe = ge.x + (Ge.x ?? 0), nt = ge.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) {
             Ke = !0;
             break e;
@@ -2050,7 +2050,7 @@ function hi(e, t, n) {
         }
       }
     }
-    const Ae = Ke, K = Ze > 0 && $ !== void 0;
+    const Ne = Ke, K = Ze > 0 && $ !== void 0;
     if (K && (se.save(), se.beginPath(), se.roundRect(
       $.x,
       $.y,
@@ -2067,16 +2067,16 @@ function hi(e, t, n) {
       show: Ee.show,
       style: Ee.style,
       zoom: A,
-      interacting: Ae,
+      interacting: Ne,
       focusedPieceId: e.focusedPieceId ?? null
     }), K && se.restore(), e.focusedPieceId && Ee.pieces.length > 1) {
-      const ue = e.focusedPieceRect ?? Ee.pieces.find((me) => me.id === e.focusedPieceId) ?? null;
+      const ue = e.focusedPieceRect ?? Ee.pieces.find((ge) => ge.id === e.focusedPieceId) ?? null;
       if (ue) {
         se.save(), se.translate($.x, $.y), se.globalCompositeOperation = "destination-out";
-        const me = !!d;
-        se.globalAlpha = me ? 1 - 0.3 : 1, se.fillStyle = "#000", se.beginPath();
-        const Be = 1e7;
-        se.rect(-Be, -Be, 2 * Be, 2 * Be), se.rect(
+        const ge = !!d;
+        se.globalAlpha = ge ? 1 - 0.3 : 1, se.fillStyle = "#000", se.beginPath();
+        const Oe = 1e7;
+        se.rect(-Oe, -Oe, 2 * Oe, 2 * Oe), se.rect(
           ue.x,
           ue.y,
           ue.width,
@@ -2096,7 +2096,7 @@ function hi(e, t, n) {
     selectedId: f,
     hideHandles: Dt,
     isEditing: w,
-    isAltKeyPressed: Oe,
+    isAltKeyPressed: Ae,
     artboardBackgroundColor: $.backgroundColor,
     // Hover ring is clipped to the visible artboard / piece bounds
     // so it doesn't paint into the overflow region. Uses the piece-
@@ -2115,11 +2115,11 @@ function hi(e, t, n) {
     zoom: A,
     paddingOffset: { x: R, y: E }
   });
-  const tn = pt ? zt : De, Yt = new Set(Nt.map((Ke) => Ke.id)), { updatedOBB: wt, groupBounds: Xt } = ri({
+  const tn = pt ? zt : Be, Ht = new Set(Nt.map((Ke) => Ke.id)), { updatedOBB: wt, groupBounds: Xt } = ri({
     ctx: se,
     displaySelection: tn,
     elements: o,
-    activeArtboardElementIds: Yt,
+    activeArtboardElementIds: Ht,
     stateMachine: x,
     multiSelectionOBB: $e.current,
     isRotating: P,
@@ -2270,17 +2270,17 @@ function xi(e) {
 function yi(e) {
   const { selectedElement: t, activeChildElement: n } = e;
   let s = null, o = -1;
-  if (n instanceof Lt && n.isCropping)
+  if (n instanceof Yt && 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 Lt && l.isCropping) {
+      if (l.visible !== !1 && l instanceof Yt && l.isCropping) {
         s = l, o = a;
         break;
       }
     }
-  const i = s || (t instanceof Lt && t.isCropping ? t : null);
+  const i = s || (t instanceof Yt && t.isCropping ? t : null);
   return i ? {
     croppingImage: i,
     croppingChild: s,
@@ -2477,15 +2477,15 @@ function Mi(e) {
     activeChildElement: q,
     elements: U,
     multiSelection: te,
-    multiSelectionOBBRef: le,
-    zoom: H,
-    paddingOffsetX: xe,
-    paddingOffsetY: ie,
-    spacingIndicators: be,
-    focusedPieceRect: Se,
-    setCursorPosition: Te,
-    setSelectionStart: Oe,
-    setSelectionEnd: De,
+    multiSelectionOBBRef: ce,
+    zoom: L,
+    paddingOffsetX: me,
+    paddingOffsetY: ye,
+    spacingIndicators: ve,
+    focusedPieceRect: de,
+    setCursorPosition: Me,
+    setSelectionStart: Ae,
+    setSelectionEnd: Be,
     setIsRotating: $e,
     setRotationStartAngle: at,
     setCurrentRotation: pt,
@@ -2502,11 +2502,11 @@ function Mi(e) {
     snapSystem: re,
     spacingSystem: he,
     penTool: _,
-    cropController: Ce,
+    cropController: we,
     onElementUpdate: Ie,
     executeElementUpdate: Ve,
     onSelectionChange: Xe,
-    onMultiSelectionChange: Y,
+    onMultiSelectionChange: H,
     onRotationStateChange: $,
     onCropModeEnter: ot,
     onContextMenuRequest: rt,
@@ -2515,17 +2515,17 @@ function Mi(e) {
     startMarqueeSelection: Nt,
     updateMarqueeSelection: Dt,
     finishMarqueeSelection: tn,
-    enterTextEditMode: Yt,
+    enterTextEditMode: Ht,
     setEditPosition: wt,
     setEditText: Xt,
     setEditRichText: rn,
     setIsEditing: on,
     setCurrentFormattingStyle: Ut,
     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(() => {
+  } = e, Ue = Se(null), Ne = Se(/* @__PURE__ */ new Map()), K = Se(null), ue = Se(null), ge = Se(null), Oe = Se(null), Je = Se(null), Ge = Se(null), Fe = Se(null), { userZoom: nt, setUserZoom: st, panOffset: xt, setPanOffset: yt } = Ts(), Lt = Se(nt);
+  Lt.current = nt;
+  const Ce = Se(xt);
+  Ce.current = xt, Pe(() => {
     const z = t.current;
     if (!z) return;
     const fe = () => {
@@ -2537,7 +2537,7 @@ function Mi(e) {
   }, [t]), Pe(() => {
     const z = t.current;
     z && (Ue.current = z.getBoundingClientRect());
-  }, [H, t]);
+  }, [L, t]);
   const as = ft(
     (z) => {
       var j, pe, ke, ee, J;
@@ -2546,16 +2546,16 @@ function Mi(e) {
       if (!fe) return;
       const dt = fe.getBoundingClientRect();
       Ue.current = dt;
-      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, {
+      const W = (z.clientX - dt.left) / L - me, Z = (z.clientY - dt.top) / L - ye;
+      Ne.current.size === 0 && (ge.current = (u == null ? void 0 : u.id) ?? null), Ne.current.set(z.pointerId, {
         x: W,
         y: Z,
         clientX: z.clientX,
         clientY: z.clientY
       });
-      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;
+      const et = g || u instanceof Yt && u.isCropping || _.isActive();
+      if (Ne.current.size === 2 && !et) {
+        const k = Array.from(Ne.current.keys()), X = Ne.current.get(k[0]), M = Ne.current.get(k[1]), F = ge.current !== null;
         if (!(F && u && !u.locked && (u.hitTest(X.x, X.y) || u.hitTest(M.x, M.y)))) {
           if (b.current && b.current.size > 0) {
             const Bt = b.current;
@@ -2566,18 +2566,18 @@ 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, Le = Math.hypot(oe, Me), bt = (((j = fe.parentElement) == null ? void 0 : j.parentElement) ?? fe).getBoundingClientRect();
+          !F && u && Xe(null), h.isInteracting() && h.end(), Fe.current = null, Oe.current = null, Je.current = null, delete h._pendingTextEditMode, delete h._pendingChildSelection;
+          const oe = M.clientX - X.clientX, Te = M.clientY - X.clientY, Ye = Math.hypot(oe, Te), bt = (((j = fe.parentElement) == null ? void 0 : j.parentElement) ?? fe).getBoundingClientRect();
           Ge.current = {
             pointerA: k[0],
             pointerB: k[1],
-            startUserZoom: Ht.current,
-            startPanOffset: { ...ve.current },
+            startUserZoom: Lt.current,
+            startPanOffset: { ...Ce.current },
             startCentroidClient: {
               x: (X.clientX + M.clientX) / 2,
               y: (X.clientY + M.clientY) / 2
             },
-            startDistance: Math.max(Le, 1),
+            startDistance: Math.max(Ye, 1),
             containerRect: { left: bt.left, top: bt.top }
           };
           try {
@@ -2588,21 +2588,21 @@ function Mi(e) {
           return;
         }
       }
-      if (Ae.current.size === 2 && u && !u.locked && !et) {
+      if (Ne.current.size === 2 && u && !u.locked && !et) {
         if (h.isInteracting()) {
           const F = h.getContext();
           if (F.element) {
-            const ae = gt().find(
+            const ie = gt().find(
               (oe) => oe.id === F.element.id
             );
-            Ve(ae, F.element);
+            Ve(ie, F.element);
           }
           h.end();
         }
-        const k = Array.from(Ae.current.keys());
+        const k = Array.from(Ne.current.keys());
         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);
+        const X = Ne.current.get(k[0]), M = Ne.current.get(k[1]);
+        Oe.current = null, Je.current = null, Fe.current = null, ue.current = u.clone(), h.startPinch(u, X, M);
         try {
           fe.setPointerCapture(z.pointerId);
         } catch {
@@ -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), Le = F * oe - ae * Me, it = F * Me + ae * oe, bt = Le, Bt = it, St = 44 / H;
+            const X = en.toRadiansInverse(u.rotation), M = u.getRotationAnchor(), F = W - M.x, ie = Z - M.y, oe = Math.cos(X), Te = Math.sin(X), Ye = F * oe - ie * Te, it = F * Te + ie * oe, bt = Ye, Bt = it, St = 44 / L;
             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), 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();
+          const k = u.getVisualBoundingBox(), X = en.toRadiansInverse(u.rotation), M = u.getRotationAnchor(), F = W - M.x, ie = Z - M.y, oe = Math.cos(X), Te = Math.sin(X), Ye = F * oe - ie * Te, it = F * Te + ie * oe, bt = Ye + 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;
@@ -2639,13 +2639,13 @@ function Mi(e) {
           a.current = Et, Et - l.current >= T && (c.current = null), Et - o.current < A ? i.current += 1 : i.current = 1, o.current = Et;
           const ut = P;
           if (i.current >= 3)
-            z.preventDefault(), l.current = Et, c.current = { start: 0, end: ut.length, cursor: ut.length }, f.current = !0, i.current = 0, Te(ut.length), Oe(0), De(ut.length), n.current && (n.current.focus(), n.current.setSelectionRange(0, ut.length));
+            z.preventDefault(), l.current = Et, c.current = { start: 0, end: ut.length, cursor: ut.length }, f.current = !0, i.current = 0, Me(ut.length), Ae(0), Be(ut.length), n.current && (n.current.focus(), n.current.setSelectionRange(0, ut.length));
           else if (i.current === 2) {
             z.preventDefault(), l.current = Et, f.current = !0;
             const kt = xr(ut, St);
-            c.current = { start: kt.start, end: kt.end, cursor: kt.end }, Te(kt.end), Oe(kt.start), De(kt.end), n.current && (n.current.focus(), n.current.setSelectionRange(kt.start, kt.end));
+            c.current = { start: kt.start, end: kt.end, cursor: kt.end }, Me(kt.end), Ae(kt.start), Be(kt.end), n.current && (n.current.focus(), n.current.setSelectionRange(kt.start, kt.end));
           } else
-            c.current = null, Te(St), Oe(St), De(St), n.current && (n.current.focus(), n.current.setSelectionRange(St, St)), f.current = !1;
+            c.current = null, Me(St), Ae(St), Be(St), n.current && (n.current.focus(), n.current.setSelectionRange(St, St)), f.current = !1;
           return;
         }
         c.current = null, (J = n.current) == null || J.blur();
@@ -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: H });
+        const k = E.current, X = pi({ x: W, y: Z, bounds: k, zoom: L });
         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: H });
+          const M = bi({ x: W, y: Z, cropContext: k, transformHandles: G, zoom: L });
           if (M.type === "crop-handle") {
             vi({
               cropContext: k,
@@ -2751,25 +2751,25 @@ function Mi(e) {
               onElementUpdate: Ie,
               transformHandles: G,
               updateActiveChild: Ze,
-              zoom: H
+              zoom: L
             }), We((F) => F + 1);
             return;
           }
         }
-        if (G.hitTestRotation(W, Z, H)) {
+        if (G.hitTestRotation(W, Z, L)) {
           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 = {
+          const M = B.getBoundingBox(), F = Es(M), ie = lr(F.x, F.y, W, Z);
+          $e(!0), at(ie), pt(B.rotation), h.startRotate(B, W, Z, ie, B.rotation), q && u instanceof Re && (h._activeChildContext = {
             group: u,
             childId: q.id
-          }), Be.current = B.id, Je.current = { x: W, y: Z }, se({});
+          }), Oe.current = B.id, Je.current = { x: W, y: Z }, se({});
           return;
         }
-        const X = G.hitTestResize(W, Z, H);
+        const X = G.hitTestResize(W, Z, L);
         if (X) {
           if (B.locked) return;
           const M = B.getBoundingBox(), F = B.getVisualBoundingBox();
-          h.startResize(B, X, W, Z, M, F), Be.current = B.id, Je.current = { x: W, y: Z }, q && u instanceof Re && (h._activeChildContext = {
+          h.startResize(B, X, W, Z, M, F), Oe.current = B.id, Je.current = { x: W, y: Z }, q && u instanceof Re && (h._activeChildContext = {
             group: u,
             childId: q.id
           }), se({});
@@ -2781,7 +2781,7 @@ function Mi(e) {
             const M = u.hitTestChild(W, Z);
             M && (h._pendingChildSelection = M);
           }
-          u && B.id === u.id && !(B instanceof Qe) && (Be.current = B.id, Je.current = { x: W, y: Z }), B instanceof Qe && !(B instanceof Re) && u && B.id === u.id && !g && (h._pendingTextEditMode = {
+          u && B.id === u.id && !(B instanceof Qe) && (Oe.current = B.id, Je.current = { x: W, y: Z }), B instanceof Qe && !(B instanceof Re) && u && B.id === u.id && !g && (h._pendingTextEditMode = {
             elementId: B.id,
             originalX: B.x,
             originalY: B.y,
@@ -2807,26 +2807,26 @@ function Mi(e) {
           dragOriginalElementsRef: b,
           setHoverState: Ee,
           forceUpdate: se,
-          zoom: H
+          zoom: L
         })) return;
-        Zs({ updateActiveChild: Ze, selectedElement: u || null, transformHandles: G, setHandlesVersion: We, zoom: H });
+        Zs({ updateActiveChild: Ze, selectedElement: u || null, transformHandles: G, setHandlesVersion: We, zoom: L });
         return;
       }
       if (q) {
-        Zs({ updateActiveChild: Ze, selectedElement: u || null, transformHandles: G, setHandlesVersion: We, zoom: H });
+        Zs({ updateActiveChild: Ze, selectedElement: u || null, transformHandles: G, setHandlesVersion: We, zoom: L });
         return;
       }
       if (!z.shiftKey) {
         const k = gt(), X = [];
         for (let F = k.length - 1; F >= 0; F--) {
-          const ae = k[F];
-          ae.visible !== !1 && ae.hitTest(W, Z) && hs(ae, W, Z, Se) && X.push(ae);
+          const ie = k[F];
+          ie.visible !== !1 && ie.hitTest(W, Z) && hs(ie, W, Z, de) && X.push(ie);
         }
         let M = null;
         if (X.length === 0)
           u && (M = { kind: "deselect" });
         else {
-          const F = u ? X.findIndex((ae) => ae.id === u.id) : -1;
+          const F = u ? X.findIndex((ie) => ie.id === u.id) : -1;
           F === -1 ? M = {
             kind: "select-element",
             elementId: X[0].id,
@@ -2845,7 +2845,7 @@ function Mi(e) {
           pointerId: z.pointerId,
           startClientX: z.clientX,
           startClientY: z.clientY,
-          startPanOffset: { ...ve.current },
+          startPanOffset: { ...Ce.current },
           movedPastThreshold: !1,
           pendingTap: M
         };
@@ -2856,29 +2856,29 @@ function Mi(e) {
         z.preventDefault();
         return;
       }
-      const ge = gt();
+      const xe = gt();
       if (ki({
         x: W,
         y: Z,
         shiftKey: z.shiftKey,
-        activeArtboardElements: ge,
+        activeArtboardElements: xe,
         selectedElement: u || null,
         multiSelection: te,
         onSelectionChange: Xe,
-        onMultiSelectionChange: Y,
+        onMultiSelectionChange: H,
         stateMachine: h,
         dragOriginalElementsRef: b,
         setHoverState: Ee,
         forceUpdate: se
       })) return;
-      const L = zr.shouldProtectClick(), Q = Dr(z.target);
-      if (!L && !Q)
-        if (Ht.current > 1.001) {
+      const Y = zr.shouldProtectClick(), Q = Dr(z.target);
+      if (!Y && !Q)
+        if (Lt.current > 1.001) {
           Fe.current = {
             pointerId: z.pointerId,
             startClientX: z.clientX,
             startClientY: z.clientY,
-            startPanOffset: { ...ve.current },
+            startPanOffset: { ...Ce.current },
             movedPastThreshold: !1,
             pendingTap: null
           };
@@ -2888,14 +2888,14 @@ function Mi(e) {
           }
           z.preventDefault();
         } else
-          Xe(null), Y([]), Nt(W, Z);
+          Xe(null), H([]), Nt(W, Z);
     },
     [
       g,
       u,
       gt,
       Xe,
-      Y,
+      H,
       G,
       q,
       te,
@@ -2903,14 +2903,14 @@ function Mi(e) {
       _,
       Ve,
       We,
-      H,
-      Te,
-      Oe,
-      De,
+      L,
+      Me,
+      Ae,
+      Be,
       // Canvas-zoom pinch entry uses these setters / refs.
       t,
       lt,
-      Se
+      de
     ]
   ), An = ft(
     (z) => {
@@ -2918,21 +2918,21 @@ 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) / 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, {
+      const dt = Ue.current ?? fe.getBoundingClientRect(), W = (z.clientX - dt.left) / L - me, Z = (z.clientY - dt.top) / L - ye;
+      if (p.current = { x: W, y: Z }, Ne.current.has(z.pointerId) && Ne.current.set(z.pointerId, {
         x: W,
         y: Z,
         clientX: z.clientX,
         clientY: z.clientY
       }), Ge.current) {
-        const B = Ge.current, ge = Ae.current.get(B.pointerA), S = Ae.current.get(B.pointerB);
-        if (ge && S) {
-          const L = S.clientX - ge.clientX, Q = S.clientY - ge.clientY, pe = Math.hypot(L, Q) / B.startDistance, ke = Math.min(
+        const B = Ge.current, xe = Ne.current.get(B.pointerA), S = Ne.current.get(B.pointerB);
+        if (xe && S) {
+          const Y = S.clientX - xe.clientX, Q = S.clientY - xe.clientY, pe = Math.hypot(Y, 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;
+          ), ee = B.startCentroidClient.x - B.containerRect.left, J = B.startCentroidClient.y - B.containerRect.top, k = (xe.clientX + S.clientX) / 2 - B.containerRect.left, X = (xe.clientY + S.clientY) / 2 - B.containerRect.top, M = ke / B.startUserZoom, F = k - (ee - B.startPanOffset.x) * M, ie = X - (J - B.startPanOffset.y) * M, oe = t.current;
           if (oe) {
-            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(
+            const Te = oe.getBoundingClientRect(), Ye = (et = oe.parentElement) == null ? void 0 : et.parentElement, it = (Ye == null ? void 0 : Ye.clientWidth) ?? Te.width, bt = (Ye == null ? void 0 : Ye.clientHeight) ?? Te.height, Bt = 80, St = ke / Math.max(Lt.current, 1e-4), Et = Te.width * St, Gt = Te.height * St, ut = Ce.current.x, kt = Ce.current.y, kn = Te.left - B.containerRect.left, Ft = Te.top - B.containerRect.top, qt = kn + (F - ut), jt = Ft + (ie - kt), _t = Math.min(
               Math.max(qt, -Et + Bt),
               it - Bt
             ), $t = Math.min(
@@ -2941,31 +2941,31 @@ function Mi(e) {
             );
             st(ke), yt({
               x: F + (_t - qt),
-              y: ae + ($t - jt)
+              y: ie + ($t - jt)
             });
           } else
-            st(ke), yt({ x: F, y: ae });
+            st(ke), yt({ x: F, y: ie });
         }
         return;
       }
       if (Fe.current && Fe.current.pointerId === z.pointerId) {
-        const B = Fe.current, ge = z.clientX - B.startClientX, S = z.clientY - B.startClientY;
+        const B = Fe.current, xe = z.clientX - B.startClientX, S = z.clientY - B.startClientY;
         if (!B.movedPastThreshold)
-          if (Math.hypot(ge, S) > 5)
+          if (Math.hypot(xe, S) > 5)
             B.movedPastThreshold = !0, B.pendingTap = null;
           else
             return;
-        if (Ht.current <= 1.001) return;
+        if (Lt.current <= 1.001) return;
         yt({
-          x: B.startPanOffset.x + ge,
+          x: B.startPanOffset.x + xe,
           y: B.startPanOffset.y + S
         });
         return;
       }
       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();
+        const { a: B, b: xe } = K.current, S = Ne.current.get(B), Y = Ne.current.get(xe);
+        if (S && Y) {
+          const Q = h.updatePinch(S, Y), { element: j, startData: pe } = h.getPinchContext();
           fi.calculatePinch({
             element: j,
             startData: pe,
@@ -2984,13 +2984,13 @@ function Mi(e) {
         return;
       }
       if (d.current && u instanceof Qe) {
-        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;
+        const B = u.getVisualBoundingBox(), xe = u.getRotationAnchor(), S = en.toRadiansInverse(u.rotation), Y = W - xe.x, Q = Z - xe.y, j = Math.cos(S), pe = Math.sin(S), ke = Y * j - Q * pe, ee = Y * 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 });
-        if (d.current === "start" ? F <= w ? (Oe(F), Te(F)) : (Oe(w), De(F), Te(F), d.current = "end") : F >= D ? (De(F), Te(F)) : (De(D), Oe(F), Te(F), d.current = "start"), n.current) {
-          const ae = Math.min(D, w), oe = Math.max(D, w);
-          n.current.setSelectionRange(ae, oe);
+        if (d.current === "start" ? F <= w ? (Ae(F), Me(F)) : (Ae(w), Be(F), Me(F), d.current = "end") : F >= D ? (Be(F), Me(F)) : (Be(D), Ae(F), Me(F), d.current = "start"), n.current) {
+          const ie = Math.min(D, w), oe = Math.max(D, w);
+          n.current.setSelectionRange(ie, oe);
         }
         return;
       }
@@ -3005,56 +3005,56 @@ function Mi(e) {
       if (h.getMode() === "drag") {
         const B = h._multiSelectionDragContext;
         if (B && te.length > 0) {
-          const { dx: ge, dy: S } = Vs(
+          const { dx: xe, dy: S } = Vs(
             W - B.startX,
             Z - B.startY,
             { shift: z.shiftKey }
           );
           B.currentElements || (B.currentElements = /* @__PURE__ */ new Map());
-          const L = [];
+          const Y = [];
           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), 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({});
+            ke.x = pe.x + xe, ke.y = pe.y + S, B.currentElements.set(ke.id, ke), Y.push(ke);
+          }), lt((Q) => Q.map((j) => Y.find((pe) => pe.id === j.id) || j)), B.currentDelta = { dx: xe, dy: S }, !B.startOBB && ce.current && (B.startOBB = { ...ce.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 Lt && J.isCropping) {
-            const k = Ce.handleCropImageDrag(J, ee, W, Z), X = h._cropGroupContext, M = h._activeChildContext, F = X || M;
+          if (J instanceof Yt && J.isCropping) {
+            const k = we.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 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);
+              const ie = J.clone();
+              ie.x = k.x, ie.y = k.y, ie.updateCrop(k.cropX, k.cropY, k.cropWidth, k.cropHeight, !1);
+              const oe = u.clone(), Te = X ? X.childIndex : oe.children.findIndex((it) => it.id === F.childId);
+              Te >= 0 && (oe.children[Te] = ie, oe.updateBoundsFromChildren(!0)), lt((it) => it.map((bt) => bt.id === oe.id ? oe : bt));
+              const Ye = h.getContext();
+              Ye._cachedElement || (Ye._cachedElement = {}), Ye._cachedElement[oe.id] = oe, M && Te >= 0 && (Ze(oe.children[Te]), G.update(ie, L)), 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((Le) => Le.id === ae.id ? ae : Le)
+              const ie = J.clone();
+              ie.x = k.x, ie.y = k.y, ie.updateCrop(k.cropX, k.cropY, k.cropWidth, k.cropHeight, !1), lt(
+                (Te) => Te.map((Ye) => Ye.id === ie.id ? ie : Ye)
               );
               const oe = h.getContext();
-              oe._cachedElement || (oe._cachedElement = {}), oe._cachedElement[ae.id] = ae, G.update(ae, H), We((Me) => Me + 1);
+              oe._cachedElement || (oe._cachedElement = {}), oe._cachedElement[ie.id] = ie, G.update(ie, L), We((Te) => Te + 1);
             }
             return;
           }
         }
-        const ge = h._activeChildContext, S = gt(), L = [];
+        const xe = h._activeChildContext, S = gt(), Y = [];
         S.forEach((ee) => {
-          ee instanceof Re ? L.push(...ee.children) : L.push(ee);
+          ee instanceof Re ? Y.push(...ee.children) : Y.push(ee);
         });
         const Q = { shift: z.shiftKey };
-        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, L), Q.shift)) {
+        let j = h.updateDrag(W, Z, Y, Q);
+        const pe = xe && u instanceof Re ? u.children.find((ee) => ee.id === xe.childId) : u;
+        if (pe && (j = he.snapToSpacing(j, pe, Y), 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) {
-          const ee = u.clone(), J = ee.children.findIndex((X) => X.id === ge.childId);
+        if (xe && u instanceof Re) {
+          const ee = u.clone(), J = ee.children.findIndex((X) => X.id === xe.childId);
           if (J >= 0) {
             const X = ee.children[J].clone();
             X.x = j.x, X.y = j.y, ee.children[J] = X, ee.updateBoundsFromChildren(!0);
@@ -3063,54 +3063,54 @@ 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, H);
+            Ze(X), G.update(X, L);
           }
           We((X) => X + 1), se({});
         } else {
           const ee = h._groupDragOriginalElement, J = u instanceof Re && ee ? ee.clone() : u.clone();
           if (J instanceof Re) {
-            const M = h.getContext().startData, F = j.x - M.x, ae = j.y - M.y;
-            J.move(F, ae);
+            const M = h.getContext().startData, F = j.x - M.x, ie = j.y - M.y;
+            J.move(F, ie);
           } else
             J.x = j.x, J.y = j.y;
-          lt((X) => X.map((M) => M.id === J.id ? J : M)), G.update(J, H);
+          lt((X) => X.map((M) => M.id === J.id ? J : M)), G.update(J, L);
           const k = h.getContext();
           k._cachedElement || (k._cachedElement = {}), k._cachedElement[J.id] = J;
         }
         We((ee) => ee + 1), zt(re.getGuides());
         let ke;
-        if (ge && u instanceof Re)
-          ke = u.children.find((ee) => ee.id === ge.childId);
+        if (xe && u instanceof Re)
+          ke = u.children.find((ee) => ee.id === xe.childId);
         else {
           const ee = h.getContext();
           ee._cachedElement && u ? ke = ee._cachedElement[u.id] : ke = u || void 0;
         }
         if (ke) {
-          const ee = he.detectSpacing(ke, L, O);
+          const ee = he.detectSpacing(ke, Y, O);
           At(ee);
         }
       } else if (h.getMode() === "resize") {
-        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;
+        const { dx: B, dy: xe } = h.updateResize(W, Z), S = h.getResizeContext(), Y = h._multiSelectionResizeContext;
+        if (Y && te.length > 0) {
+          const k = Y.startBounds, X = Y.anchor;
+          let M, F, ie, oe;
           switch (X) {
             case "top-left":
-              M = k.maxX, F = k.maxY, ae = k.minX, oe = k.minY;
+              M = k.maxX, F = k.maxY, ie = k.minX, oe = k.minY;
               break;
             case "top-right":
-              M = k.minX, F = k.maxY, ae = k.maxX, oe = k.minY;
+              M = k.minX, F = k.maxY, ie = k.maxX, oe = k.minY;
               break;
             case "bottom-left":
-              M = k.maxX, F = k.minY, ae = k.minX, oe = k.maxY;
+              M = k.maxX, F = k.minY, ie = k.minX, oe = k.maxY;
               break;
             case "bottom-right":
-              M = k.minX, F = k.minY, ae = k.maxX, oe = k.maxY;
+              M = k.minX, F = k.minY, ie = k.maxX, oe = k.maxY;
               break;
             default:
-              M = k.minX, F = k.minY, ae = k.maxX, oe = k.maxY;
+              M = k.minX, F = k.minY, ie = k.maxX, oe = k.maxY;
           }
-          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;
+          const Te = ie + B, Ye = oe + xe, it = Math.abs(ie - M), bt = Math.abs(oe - F), Bt = Math.abs(Te - M), St = Math.abs(Ye - 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,9 +3126,9 @@ function Mi(e) {
               jt = M, _t = F, $t = M + Ft, an = F + qt;
               break;
           }
-          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) {
+          if (Y.elementsStartData.forEach((Yn) => {
+            const Vn = Yn.element, nn = Yn.startData, ls = nn.x - M, ds = nn.y - F, Kn = M + ls * ut, Un = F + ds * ut, Wt = Vn.clone();
+            if (Wt instanceof Yt) {
               Wt.x = Kn, Wt.y = Un;
               const Rn = Wt.transformData, yn = nn.transformData;
               Rn.width = yn.width * ut, Rn.height = yn.height * ut;
@@ -3141,31 +3141,31 @@ function Mi(e) {
               Wt.resize(X, Rn, yn, nn), Wt.x = Kn, Wt.y = Un;
             }
             Ie(Wt);
-          }), le.current) {
-            const Ln = (jt + $t) / 2, Vn = (_t + an) / 2;
-            le.current = {
-              centerX: Ln,
+          }), ce.current) {
+            const Yn = (jt + $t) / 2, Vn = (_t + an) / 2;
+            ce.current = {
+              centerX: Yn,
               centerY: Vn,
               width: $t - jt,
               height: an - _t,
-              rotation: le.current.rotation
+              rotation: ce.current.rotation
             };
           }
           return;
         }
         const Q = S.element;
-        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);
+        if (Q instanceof Yt && Q.isCropping && S.handle.anchor && S.handle.anchor.startsWith("crop-")) {
+          const k = S.handle.anchor.replace("crop-", ""), X = h.getContext(), M = we.handleCropBoxResize(Q, k, S, X, W, Z);
           fe.style.cursor = M.cursor;
-          const F = h._cropGroupContext, ae = h._activeChildContext, oe = F || ae;
+          const F = h._cropGroupContext, ie = h._activeChildContext, oe = F || ie;
           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 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]);
+            const Te = Q.clone();
+            Te.x = M.x, Te.y = M.y, Te.rotation = M.rotation, Te.transformData.width = M.width, Te.transformData.height = M.height, Te.updateCrop(M.cropX, M.cropY, M.cropWidth, M.cropHeight, !1);
+            const Ye = u.clone(), it = F ? F.childIndex : Ye.children.findIndex((bt) => bt.id === oe.childId);
+            it >= 0 && (Ye.children[it] = Te, Ye.updateBoundsFromChildren(!0)), Ie(Ye), ie && it >= 0 && Ze(Ye.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);
+            const Te = Q.clone();
+            Te.x = M.x, Te.y = M.y, Te.rotation = M.rotation, Te.transformData.width = M.width, Te.transformData.height = M.height, Te.updateCrop(M.cropX, M.cropY, M.cropWidth, M.cropHeight, !1), Ie(Te);
           }
           return;
         }
@@ -3178,7 +3178,7 @@ function Mi(e) {
           element: S.element,
           handle: S.handle,
           dx: B,
-          dy: ge,
+          dy: xe,
           startData: S.startData,
           allElements: ke,
           snapSystem: re,
@@ -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], H));
+          X >= 0 && (k.children[X] = J, k.updateBoundsFromChildren(!0)), Ie(k), X >= 0 && (Ze(k.children[X]), G.update(k.children[X], L));
         } else
-          Ie(J), G.update(J, H);
+          Ie(J), G.update(J, L);
         We((k) => k + 1), zt(re.getGuides());
       } else if (h.getMode() === "rotate") {
         fe.style.cursor = "grabbing", ne || ($e(!0), $ == null || $(!0));
@@ -3197,43 +3197,43 @@ function Mi(e) {
         if (B && te.length > 0) {
           const J = B.startBounds, k = h.updateRotate(W, Z, J.centerX, J.centerY, { shift: z.shiftKey });
           pt(k), B.elementsStartData.forEach((X) => {
-            const M = X.element, F = X.startData, ae = ms.rotatePointAroundAnchor(
+            const M = X.element, F = X.startData, ie = ms.rotatePointAroundAnchor(
               F.x,
               F.y,
               J.centerX,
               J.centerY,
               k
             ), oe = M.clone();
-            oe.x = ae.x, oe.y = ae.y, oe.setRotation(F.rotation + k), Ie(oe);
+            oe.x = ie.x, oe.y = ie.y, oe.setRotation(F.rotation + k), Ie(oe);
           });
           return;
         }
-        const ge = h._activeChildContext, S = ge ? q : u;
+        const xe = h._activeChildContext, S = xe ? q : u;
         if (!S) return;
-        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();
+        const Y = S.getBoundingBox(), Q = Es(Y), 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], H));
+        if (x.current = ee, pt(ee.rotation), ct((J) => J + 1), xe && u instanceof Re) {
+          const J = u.clone(), k = J.children.findIndex((X) => X.id === xe.childId);
+          k >= 0 && (J.children[k] = ee, J.updateBoundsFromChildren(!0)), Ie(J), k >= 0 && (Ze(J.children[k]), G.update(J.children[k], L));
         } else
-          Ie(ee), G.update(ee, H);
+          Ie(ee), G.update(ee, L);
         We((J) => J + 1);
       } else {
         if (te.length > 0 && E.current) {
-          const S = E.current, L = 16 / H, Q = [
+          const S = E.current, Y = 16 / L, 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" },
             { x: S.maxX, y: S.maxY, anchor: "bottom-right", cursor: "nwse-resize" }
           ], j = S.rotation || 0, pe = Q.map((X) => {
             if (j !== 0) {
-              const M = -j * Math.PI / 180, F = Math.cos(M), ae = Math.sin(M), oe = X.x - S.centerX, Me = X.y - S.centerY;
+              const M = -j * Math.PI / 180, F = Math.cos(M), ie = Math.sin(M), oe = X.x - S.centerX, Te = X.y - S.centerY;
               return {
-                x: S.centerX + (oe * F - Me * ae),
-                y: S.centerY + (oe * ae + Me * F),
+                x: S.centerX + (oe * F - Te * ie),
+                y: S.centerY + (oe * ie + Te * F),
                 anchor: X.anchor,
                 cursor: X.cursor
               };
@@ -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) <= L) {
+            if (Math.sqrt(M * M + F * F) <= Y) {
               fe.style.cursor = X.cursor, Ee({ type: "multi-selection-handle", data: X });
               return;
             }
           }
-          const ke = 18 / H;
+          const ke = 18 / L;
           if (Math.sqrt(
             Math.pow(W - S.rotationHandleX, 2) + Math.pow(Z - S.rotationHandleY, 2)
           ) <= ke) {
@@ -3256,8 +3256,8 @@ function Mi(e) {
           }
           let J = W, k = Z;
           if (j !== 0) {
-            const X = j * Math.PI / 180, M = Math.cos(X), F = Math.sin(X), ae = W - S.centerX, oe = Z - S.centerY;
-            J = S.centerX + (ae * M - oe * F), k = S.centerY + (ae * F + oe * M);
+            const X = j * Math.PI / 180, M = Math.cos(X), F = Math.sin(X), ie = W - S.centerX, oe = Z - S.centerY;
+            J = S.centerX + (ie * M - oe * F), k = S.centerY + (ie * F + oe * M);
           }
           if (J >= S.minX && J <= S.maxX && k >= S.minY && k <= S.maxY) {
             fe.style.cursor = "move", Ee({ type: "multi-selection-bounds", data: S });
@@ -3266,9 +3266,9 @@ function Mi(e) {
         }
         if (z.altKey) {
           let S = null;
-          const L = gt();
-          for (let Q = L.length - 1; Q >= 0; Q--) {
-            const j = L[Q];
+          const Y = gt();
+          for (let Q = Y.length - 1; Q >= 0; Q--) {
+            const j = Y[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 = [];
-            L.forEach((pe) => {
+            Y.forEach((pe) => {
               pe instanceof Re ? Q.push(...pe.children) : Q.push(pe);
             });
             const j = he.detectSpacing(S, Q, !0);
@@ -3300,11 +3300,11 @@ function Mi(e) {
           } else
             At([]);
         } else
-          be.length > 0 && At([]);
+          ve.length > 0 && At([]);
         const B = q || u;
         if (B && B.visible !== !1)
-          if (B instanceof Lt && B.isCropping) {
-            const S = B.hitTestCropHandle(W, Z, H);
+          if (B instanceof Yt && B.isCropping) {
+            const S = B.hitTestCropHandle(W, Z, L);
             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 L = G.hitTestResize(W, Z, H);
-            if (L) {
-              fe.style.cursor = L.cursor, Ee({ type: "resize-handle", data: L });
+            const Y = G.hitTestResize(W, Z, L);
+            if (Y) {
+              fe.style.cursor = Y.cursor, Ee({ type: "resize-handle", data: Y });
               return;
             }
             if (B.hitTest(W, Z)) {
@@ -3328,11 +3328,11 @@ function Mi(e) {
               return;
             }
           } else {
-            if (G.hitTestRotation(W, Z, H)) {
+            if (G.hitTestRotation(W, Z, L)) {
               fe.style.cursor = "grab", Ee({ type: "rotation-handle", data: null });
               return;
             }
-            const S = G.hitTestResize(W, Z, H);
+            const S = G.hitTestResize(W, Z, L);
             if (S) {
               fe.style.cursor = S.cursor, Ee({ type: "resize-handle", data: S });
               return;
@@ -3344,18 +3344,18 @@ function Mi(e) {
           }
         if (q && u instanceof Re)
           for (let S = u.children.length - 1; S >= 0; S--) {
-            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 });
+            const Y = u.children[S];
+            if (!(Y.visible === !1 || Y.id === q.id) && Y.hitTest(W, Z)) {
+              fe.style.cursor = "pointer", Ee({ type: "group-sibling", data: Y });
               return;
             }
           }
-        const ge = gt();
-        for (let S = ge.length - 1; S >= 0; S--)
-          if (ge[S].visible !== !1 && !ge[S].locked && ge[S].hitTest(W, Z)) {
-            if (!hs(ge[S], W, Z, Se))
+        const xe = gt();
+        for (let S = xe.length - 1; S >= 0; S--)
+          if (xe[S].visible !== !1 && !xe[S].locked && xe[S].hitTest(W, Z)) {
+            if (!hs(xe[S], W, Z, de))
               continue;
-            fe.style.cursor = "pointer", Ee({ type: "element", data: ge[S] });
+            fe.style.cursor = "pointer", Ee({ type: "element", data: xe[S] });
             return;
           }
         fe.style.cursor = "default", Ee({ type: null, data: null });
@@ -3370,91 +3370,91 @@ function Mi(e) {
       V,
       re,
       te,
-      le,
+      ce,
       q,
       _,
       We,
-      H,
-      xe,
-      ie,
+      L,
+      me,
+      ye,
       Ee,
       he,
       At,
-      be,
-      Ce,
+      ve,
+      we,
       // Canvas-zoom pinch update uses these viewport setters.
       st,
       yt
     ]
   ), En = ft((z) => {
-    var W, Z, et, B, ge;
+    var W, Z, et, B, xe;
     if (z.button === 2) return;
-    if (z.target.releasePointerCapture(z.pointerId), Ae.current.delete(z.pointerId), Ge.current && (z.pointerId === Ge.current.pointerA || z.pointerId === Ge.current.pointerB)) {
-      Ge.current = null, Ae.current.clear();
+    if (z.target.releasePointerCapture(z.pointerId), Ne.current.delete(z.pointerId), Ge.current && (z.pointerId === Ge.current.pointerA || z.pointerId === Ge.current.pointerB)) {
+      Ge.current = null, Ne.current.clear();
       return;
     }
     if (Fe.current && Fe.current.pointerId === z.pointerId) {
       const S = Fe.current;
-      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([])));
+      Fe.current = null, S.movedPastThreshold || (((W = S.pendingTap) == null ? void 0 : W.kind) === "select-element" ? (Xe(S.pendingTap.elementId), H([])) : ((Z = S.pendingTap) == null ? void 0 : Z.kind) === "deselect" && (Xe(null), H([])));
       return;
     }
     if (h.getMode() === "pinch" && K.current) {
-      const { a: S, b: L } = K.current;
-      if (z.pointerId === S || z.pointerId === L) {
+      const { a: S, b: Y } = K.current;
+      if (z.pointerId === S || z.pointerId === Y) {
         const j = h.getContext().element, pe = ue.current ?? void 0;
         j && Ve(
           pe,
           j
-        ), h.end(), K.current = null, ue.current = null, Ae.current.clear();
+        ), h.end(), K.current = null, ue.current = null, Ne.current.clear();
         return;
       }
     }
     if (d.current && (d.current = null), _.isActive() && _.isDraggingHandle()) {
       const S = _.isClosingPath();
       if (_.finishDraggingHandle(), S && u instanceof wn) {
-        const L = u.clone();
-        Ve(u, L);
+        const Y = u.clone();
+        Ve(u, Y);
       }
-      We((L) => L + 1);
+      We((Y) => Y + 1);
       return;
     }
     if (V) {
-      tn(Y);
+      tn(H);
       return;
     }
-    b.current && h.getMode() === "drag" && (b.current.forEach((L, Q) => {
+    b.current && h.getMode() === "drag" && (b.current.forEach((Y, Q) => {
       const j = U.find((pe) => pe.id === Q);
-      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);
+      j && (Y.x !== j.x || Y.y !== j.y || Y instanceof Re && j instanceof Re && JSON.stringify(Y.children.map((ke) => ({ x: ke.x, y: ke.y }))) !== JSON.stringify(j.children.map((ke) => ({ x: ke.x, y: ke.y })))) && Ve(Y, 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, H));
+        j && (Ze(j), G.update(j, L));
       }
       delete h._activeChildContext;
     }
     if (h._multiSelectionResizeContext && delete h._multiSelectionResizeContext, U.forEach((S) => {
       if (S instanceof to && S._lockedLineCount !== void 0) {
-        const L = S.clone();
-        L._lockedLineCount = void 0, Ie(L);
+        const Y = S.clone();
+        Y._lockedLineCount = void 0, Ie(Y);
       }
     }), h._multiSelectionDragContext) {
       const S = h._multiSelectionDragContext;
       if (S.startOBB && S.currentDelta) {
-        const { dx: L, dy: Q } = S.currentDelta, j = S.startOBB;
-        le.current = {
+        const { dx: Y, dy: Q } = S.currentDelta, j = S.startOBB;
+        ce.current = {
           ...j,
-          centerX: j.centerX + L,
+          centerX: j.centerX + Y,
           centerY: j.centerY + Q
         };
       }
       delete h._multiSelectionDragContext;
     }
     if (h._multiSelectionRotationContext) {
-      if (h.getMode() === "rotate" && te.length > 0 && le.current) {
-        const S = le.current;
-        le.current = {
+      if (h.getMode() === "rotate" && te.length > 0 && ce.current) {
+        const S = ce.current;
+        ce.current = {
           ...S,
           rotation: S.rotation + h._multiSelectionRotationContext.currentRotation || S.rotation
         };
@@ -3464,41 +3464,41 @@ function Mi(e) {
     const dt = h.getContext();
     if (dt._cachedElement && delete dt._cachedElement, h._pendingChildSelection) {
       const S = h._pendingChildSelection;
-      let L = !0;
+      let Y = !0;
       if (u instanceof Re) {
         const Q = h._groupDragOriginalElement;
-        Q && (L = !(Math.abs(u.x - Q.x) > 0.1 || Math.abs(u.y - Q.y) > 0.1));
+        Q && (Y = !(Math.abs(u.x - Q.x) > 0.1 || Math.abs(u.y - Q.y) > 0.1));
       }
-      L && (Ze(S), G.update(S, H), We((Q) => Q + 1)), delete h._pendingChildSelection;
+      Y && (Ze(S), G.update(S, L), We((Q) => Q + 1)), delete h._pendingChildSelection;
     }
     if (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;
+      const S = h._pendingTextEditMode, Y = U.find((j) => j.id === S.elementId);
+      !(Y && (Math.abs(Y.x - S.originalX) > 0.1 || Math.abs(Y.y - S.originalY) > 0.1)) && Y instanceof Qe && !(Y instanceof Yt) && !(Y instanceof Qn) && Ht(Y, S.clickX, S.clickY), delete h._pendingTextEditMode;
     }
-    if (Be.current) {
-      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) {
+    if (Oe.current) {
+      const S = Oe.current, Y = 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 = Y ? Math.hypot(
+        (z.clientX - (((B = Ue.current) == null ? void 0 : B.left) ?? 0)) / L - me - Y.x,
+        (z.clientY - (((xe = Ue.current) == null ? void 0 : xe.top) ?? 0)) / L - ye - Y.y
+      ) > 4 / Math.max(L, 1e-4) : !1;
+      if (!pe && !ke && S === (u == null ? void 0 : u.id) && Y) {
         const ee = gt(), J = [];
         for (let X = ee.length - 1; X >= 0; X--) {
           const M = ee[X];
-          M.visible !== !1 && M.hitTest(L.x, L.y) && hs(M, L.x, L.y, Se) && J.push(M);
+          M.visible !== !1 && M.hitTest(Y.x, Y.y) && hs(M, Y.x, Y.y, de) && J.push(M);
         }
         const k = J.findIndex((X) => X.id === S);
         k !== -1 && k + 1 < J.length ? Xe(J[k + 1].id) : Xe(null);
       }
-      Be.current = null, Je.current = null;
+      Oe.current = null, Je.current = null;
     }
     h._groupDragOriginalElement && delete h._groupDragOriginalElement, h.end(), $e(!1), $ == null || $(!1), x.current = null, ct(0), se({});
   }, [
     h,
     re,
     V,
-    Y,
+    H,
     te,
-    le,
+    ce,
     q,
     u,
     Ze,
@@ -3506,38 +3506,38 @@ function Mi(e) {
     t,
     _,
     We,
-    H,
-    xe,
-    ie,
+    L,
+    me,
+    ye,
     $,
-    Yt,
+    Ht,
     U,
     Xe,
     Ve,
-    Se
+    de
   ]), cs = ft(
     (z) => {
       if (!u) return;
       const fe = t.current;
       if (!fe) return;
-      const dt = Ue.current ?? fe.getBoundingClientRect(), W = (z.clientX - dt.left) / H - xe, Z = (z.clientY - dt.top) / H - ie;
+      const dt = Ue.current ?? fe.getBoundingClientRect(), W = (z.clientX - dt.left) / L - me, Z = (z.clientY - dt.top) / L - ye;
       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 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;
+              const Ye = 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 + Ye.width / 2, Ft = kt + Ye.height / 2, qt = Sn(oe, { x: kn, y: Ft }), jt = Ye.height + 16, _t = 6;
               wt({
-                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)
+                x: dt.left + (Ye.x + me) * L - _t,
+                y: dt.top + (Ye.y + ye) * L - _t,
+                width: Math.max(20, Ye.width * L),
+                height: Math.max(jt * L, 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));
-              Ut({ ...oe.getDefaultStyle(), ...an }), Te(qt), Oe(qt), De(qt), on(!0), R.current = Date.now(), v.current = oe.id;
+              Ut({ ...oe.getDefaultStyle(), ...an }), Me(qt), Ae(qt), Be(qt), on(!0), R.current = Date.now(), v.current = oe.id;
               return;
             }
           }
@@ -3549,17 +3549,17 @@ 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, 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;
+        const et = u.getVisualBoundingBox(), B = en.toRadiansInverse(u.rotation), xe = u.getRotationAnchor(), S = W - xe.x, Y = Z - xe.y, Q = Math.cos(B), j = Math.sin(B), pe = S * Q - Y * j, ke = S * j + Y * 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) * H - M,
-          y: dt.top + (et.y + ie) * H - M,
-          width: Math.max(20, et.width * H),
-          height: Math.max(X * H, 50)
+          x: dt.left + (et.x + me) * L - M,
+          y: dt.top + (et.y + ye) * L - M,
+          width: Math.max(20, et.width * L),
+          height: Math.max(X * L, 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));
-        Ut({ ...u.getDefaultStyle(), ...ae }), Te(k), Oe(k), De(k), on(!0), R.current = Date.now();
+        const ie = u.getRichText().getStyleAt(Math.max(0, u.text.length - 1));
+        Ut({ ...u.getDefaultStyle(), ...ie }), Me(k), Ae(k), Be(k), on(!0), R.current = Date.now();
       }
     },
     [
@@ -3569,16 +3569,16 @@ function Mi(e) {
       G,
       _,
       We,
-      H,
-      xe,
-      ie,
+      L,
+      me,
+      ye,
       wt,
       Xt,
       rn,
       Ut,
-      Te,
-      Oe,
-      De,
+      Me,
+      Ae,
+      Be,
       on,
       Ze,
       ot,
@@ -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 || K.current !== null || h.isInteracting();
+      const dt = z.target, W = dt ? fe.contains(dt) : !1, Z = Ne.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,26 +3642,26 @@ function Mi(e) {
       if (!rt) return;
       z.preventDefault();
       const fe = t.current;
-      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;
+      if (!fe || g || u instanceof Yt && u.isCropping || _.isActive()) return;
+      const W = fe.getBoundingClientRect(), Z = (z.clientX - W.left) / L - me, et = (z.clientY - W.top) / L - ye, B = gt();
+      let xe = null;
       for (let S = B.length - 1; S >= 0; S--) {
-        const L = B[S];
-        if (L.visible !== !1 && L.hitTest(Z, et) && hs(L, Z, et, Se)) {
-          ge = L;
+        const Y = B[S];
+        if (Y.visible !== !1 && Y.hitTest(Z, et) && hs(Y, Z, et, de)) {
+          xe = Y;
           break;
         }
       }
-      if (ge) {
-        const S = te.includes(ge.id), L = (u == null ? void 0 : u.id) === ge.id;
-        !S && !L && (Xe(ge.id), Y([]));
+      if (xe) {
+        const S = te.includes(xe.id), Y = (u == null ? void 0 : u.id) === xe.id;
+        !S && !Y && (Xe(xe.id), H([]));
       }
       rt({
         clientX: z.clientX,
         clientY: z.clientY,
         worldX: Z,
         worldY: et,
-        elementId: ge ? ge.id : null
+        elementId: xe ? xe.id : null
       });
     },
     [
@@ -3670,14 +3670,14 @@ function Mi(e) {
       g,
       u,
       _,
-      H,
-      xe,
-      ie,
+      L,
+      me,
+      ye,
       gt,
-      Se,
+      de,
       te,
       Xe,
-      Y
+      H
     ]
   );
   return {
@@ -3740,33 +3740,33 @@ function Ti(e) {
     setEditRichText: q,
     setCursorPosition: U,
     setSelectionStart: te,
-    setSelectionEnd: le,
-    setEditPosition: H,
-    setCurrentFormattingStyle: xe,
-    setCursorAnimationFrame: ie,
-    setHandlesVersion: be,
-    setElements: Se,
-    onElementUpdate: Te,
-    onTextSelectionChange: Oe,
-    transformHandles: De,
+    setSelectionEnd: ce,
+    setEditPosition: L,
+    setCurrentFormattingStyle: me,
+    setCursorAnimationFrame: ye,
+    setHandlesVersion: ve,
+    setElements: de,
+    onElementUpdate: Me,
+    onTextSelectionChange: Ae,
+    transformHandles: Be,
     updateActiveChild: $e
   } = e, at = ft(
     (h, G, re) => {
       const he = t.current;
       if (!he) return;
-      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 + V) * w - Yt,
-        width: Math.max(20, Ce.width * w),
+      const _ = he.getBoundingClientRect(), we = h.getVisualBoundingBox(), Ie = en.toRadiansInverse(h.rotation), Ve = h.getRotationAnchor(), Xe = G - Ve.x, H = re - Ve.y, $ = Math.cos(Ie), ot = Math.sin(Ie), rt = Xe * $ - H * ot, Ze = Xe * ot + H * $, gt = rt + we.width / 2, Nt = Ze + we.height / 2, Dt = Sn(h, { x: gt, y: Nt }), tn = we.height + 16, Ht = 6;
+      L({
+        x: _.left + (we.x + ne) * w - Ht,
+        y: _.top + (we.y + V) * w - Ht,
+        width: Math.max(20, we.width * w),
         height: Math.max(tn * w, 50)
       }), u(fs(h));
       const wt = h.getRichText().clone();
       o.current = wt, q(wt);
       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();
+      me({ ...h.getDefaultStyle(), ...Xt }), U(Dt), te(Dt), ce(Dt), O(!0), p.current = Date.now();
     },
-    [w, H, u, q, xe, U, te, le, O]
+    [w, L, u, q, me, U, te, ce, O]
   ), pt = ft(
     (h) => {
       if (!C || !E)
@@ -3774,10 +3774,10 @@ function Ti(e) {
       const G = Math.min(T, I), re = Math.max(T, I);
       if (G === re) {
         const he = E.clone(), _ = he.getText().length;
-        he.applyStyle(0, _, h), o.current = he, q(he), u(he.getText()), xe((Ce) => ({ ...Ce, ...h }));
+        he.applyStyle(0, _, h), o.current = he, q(he), u(he.getText()), me((we) => ({ ...we, ...h }));
       } else {
         const he = E.clone();
-        he.applyStyle(G, re, h), o.current = he, q(he), u(he.getText()), xe((_) => ({ ..._, ...h }));
+        he.applyStyle(G, re, h), o.current = he, q(he), u(he.getText()), me((_) => ({ ..._, ...h }));
       }
     },
     [C, E, T, I]
@@ -3798,21 +3798,21 @@ function Ti(e) {
     if (P && h) {
       const G = s.current;
       if (G && P instanceof Re) {
-        const re = P.clone(), he = re.children.findIndex((Ce) => Ce.id === G);
+        const re = P.clone(), he = re.children.findIndex((we) => we.id === G);
         if (he >= 0) {
-          const Ce = re.children[he];
-          Ce instanceof Qe && Ce.setRichText(h), re.updateBoundsFromChildren(!0);
+          const we = re.children[he];
+          we instanceof Qe && we.setRichText(h), re.updateBoundsFromChildren(!0);
         }
-        Te(re);
+        Me(re);
         const _ = re.children[he];
-        _ && ($e(_), De.update(_, w), be((Ce) => Ce + 1));
+        _ && ($e(_), Be.update(_, w), ve((we) => we + 1));
       } else if (P instanceof Qe) {
         const re = P.clone();
-        re.setRichText(h), Te(re), De.update(re, w), be((he) => he + 1);
+        re.setRichText(h), Me(re), Be.update(re, w), ve((he) => he + 1);
       }
     }
-    c.current = null, O(!1), u(""), q(null), o.current = null, xe(null), s.current = null;
-  }, [C, R, E, o, P, Te, De, $e, w]), At = ft(() => {
+    c.current = null, O(!1), u(""), q(null), o.current = null, me(null), s.current = null;
+  }, [C, R, E, o, P, Me, Be, $e, w]), At = ft(() => {
     if (Date.now() - l.current < x) {
       if (n.current) {
         n.current.focus();
@@ -3831,45 +3831,45 @@ function Ti(e) {
         m.current = !1, (Ve = n.current) == null || Ve.focus(), n.current && n.current.setSelectionRange(T, I);
         return;
       }
-      let _ = document.activeElement, Ce = !1;
+      let _ = document.activeElement, we = !1;
       for (; _; ) {
-        const Y = _.classList, $ = _.getAttribute("data-slot");
+        const H = _.classList, $ = _.getAttribute("data-slot");
         if ($ && ($.includes("popover") || $.includes("dialog"))) {
-          Ce = !0;
+          we = !0;
           break;
         }
         if (_.hasAttribute("data-preserve-selection")) {
-          Ce = !0;
+          we = !0;
           break;
         }
-        if (Y && (Y.contains("sc-toolbar") || Y.contains("sc-toolbar-items") || Y.contains("sc-toolbar-btn") || Y.contains("sc-toolbar-btn-sm") || Y.contains("sc-toolbar-btn-icon") || Y.contains("sc-toolbar-color") || Y.contains("sc-toolbar-label") || Y.contains("sc-toolbar-select") || Y.contains("sc-toolbar-select-sm") || Y.contains("sc-toolbar-group") || Y.contains("sc-toolbar-scroll") || Y.contains("sc-toolbar-color-label") || Y.contains("sc-toolbar-color-square") || Y.contains("sc-color-picker-dropdown") || Y.contains("sc-text-color-panel") || Y.contains("sc-tooltip-wrapper") || Y.contains("sc-font-dropdown-with-label") || Y.contains("sc-font-family-select-button") || Y.contains("sc-more-menu-btn") || Y.contains("sc-more-menu-toolbar") || Y.contains("sc-font-drawer-overlay") || Y.contains("sc-font-drawer-content") || Y.contains("sc-font-drawer-handle") || Y.contains("sc-font-drawer-handle-bar") || Y.contains("sc-font-dropdown-list-container") || Y.contains("sc-font-dropdown-search") || Y.contains("sc-font-search-input") || Y.contains("sc-font-category-filters") || Y.contains("sc-font-category-btn") || Y.contains("sc-font-grid-option") || Y.contains("sc-font-section") || Y.contains("sc-font-section-header") || Y.contains("sc-font-section-used") || Y.contains("sc-font-section-header-used") || Y.contains("sc-font-dropdown-list-grid") || Y.contains("sc-font-dropdown-list-grid-used") || Y.contains("sc-font-preview") || Y.contains("sc-font-name-label") || Y.contains("sc-font-size-slider-container") || Y.contains("sc-font-size-slider") || Y.contains("sc-font-size-icon-small") || Y.contains("sc-font-size-icon-large") || Y.contains("sc-font-icon-toggle") || Y.contains("sc-font-dropdown-empty") || Y.contains("vaul-drawer-wrapper") || Y.contains("vaul-overlay"))) {
-          Ce = !0;
+        if (H && (H.contains("sc-toolbar") || H.contains("sc-toolbar-items") || H.contains("sc-toolbar-btn") || H.contains("sc-toolbar-btn-sm") || H.contains("sc-toolbar-btn-icon") || H.contains("sc-toolbar-color") || H.contains("sc-toolbar-label") || H.contains("sc-toolbar-select") || H.contains("sc-toolbar-select-sm") || H.contains("sc-toolbar-group") || H.contains("sc-toolbar-scroll") || H.contains("sc-toolbar-color-label") || H.contains("sc-toolbar-color-square") || H.contains("sc-color-picker-dropdown") || H.contains("sc-text-color-panel") || H.contains("sc-tooltip-wrapper") || H.contains("sc-font-dropdown-with-label") || H.contains("sc-font-family-select-button") || H.contains("sc-more-menu-btn") || H.contains("sc-more-menu-toolbar") || H.contains("sc-font-drawer-overlay") || H.contains("sc-font-drawer-content") || H.contains("sc-font-drawer-handle") || H.contains("sc-font-drawer-handle-bar") || H.contains("sc-font-dropdown-list-container") || H.contains("sc-font-dropdown-search") || H.contains("sc-font-search-input") || H.contains("sc-font-category-filters") || H.contains("sc-font-category-btn") || H.contains("sc-font-grid-option") || H.contains("sc-font-section") || H.contains("sc-font-section-header") || H.contains("sc-font-section-used") || H.contains("sc-font-section-header-used") || H.contains("sc-font-dropdown-list-grid") || H.contains("sc-font-dropdown-list-grid-used") || H.contains("sc-font-preview") || H.contains("sc-font-name-label") || H.contains("sc-font-size-slider-container") || H.contains("sc-font-size-slider") || H.contains("sc-font-size-icon-small") || H.contains("sc-font-size-icon-large") || H.contains("sc-font-icon-toggle") || H.contains("sc-font-dropdown-empty") || H.contains("vaul-drawer-wrapper") || H.contains("vaul-overlay"))) {
+          we = !0;
           break;
         }
         _ = _.parentElement;
       }
-      if (!Ce && b.current)
+      if (!we && b.current)
         for (_ = b.current; _; ) {
-          const Y = _.classList, $ = _.getAttribute("data-slot");
+          const H = _.classList, $ = _.getAttribute("data-slot");
           if ($ && ($.includes("popover") || $.includes("dialog"))) {
-            Ce = !0;
+            we = !0;
             break;
           }
           if (_.hasAttribute("data-preserve-selection")) {
-            Ce = !0;
+            we = !0;
             break;
           }
-          if (Y && (Y.contains("sc-toolbar") || Y.contains("sc-toolbar-items") || Y.contains("sc-toolbar-btn") || Y.contains("sc-toolbar-btn-sm") || Y.contains("sc-toolbar-btn-icon") || Y.contains("sc-toolbar-color") || Y.contains("sc-toolbar-label") || Y.contains("sc-toolbar-select") || Y.contains("sc-toolbar-select-sm") || Y.contains("sc-toolbar-group") || Y.contains("sc-toolbar-scroll") || Y.contains("sc-toolbar-color-label") || Y.contains("sc-toolbar-color-square") || Y.contains("sc-color-picker-dropdown") || Y.contains("sc-text-color-panel") || Y.contains("sc-tooltip-wrapper") || Y.contains("sc-font-dropdown-with-label") || Y.contains("sc-font-family-select-button") || Y.contains("sc-more-menu-btn") || Y.contains("sc-more-menu-toolbar") || Y.contains("vaul-drawer-wrapper") || Y.contains("vaul-overlay"))) {
-            Ce = !0;
+          if (H && (H.contains("sc-toolbar") || H.contains("sc-toolbar-items") || H.contains("sc-toolbar-btn") || H.contains("sc-toolbar-btn-sm") || H.contains("sc-toolbar-btn-icon") || H.contains("sc-toolbar-color") || H.contains("sc-toolbar-label") || H.contains("sc-toolbar-select") || H.contains("sc-toolbar-select-sm") || H.contains("sc-toolbar-group") || H.contains("sc-toolbar-scroll") || H.contains("sc-toolbar-color-label") || H.contains("sc-toolbar-color-square") || H.contains("sc-color-picker-dropdown") || H.contains("sc-text-color-panel") || H.contains("sc-tooltip-wrapper") || H.contains("sc-font-dropdown-with-label") || H.contains("sc-font-family-select-button") || H.contains("sc-more-menu-btn") || H.contains("sc-more-menu-toolbar") || H.contains("vaul-drawer-wrapper") || H.contains("vaul-overlay"))) {
+            we = !0;
             break;
           }
           _ = _.parentElement;
         }
-      if (!Ce)
+      if (!we)
         zt();
       else {
-        const Y = T, $ = I;
-        (Xe = n.current) == null || Xe.focus(), n.current && n.current.setSelectionRange(Y, $);
+        const H = T, $ = I;
+        (Xe = n.current) == null || Xe.focus(), n.current && n.current.setSelectionRange(H, $);
       }
     }, 0);
   }, [zt, T, I]), We = ft(
@@ -3878,7 +3878,7 @@ function Ti(e) {
       if (h.key === "Enter" && (h.metaKey || h.ctrlKey))
         h.preventDefault(), zt();
       else if (h.key === "Escape")
-        h.preventDefault(), h.stopPropagation(), O(!1), u(""), q(null), o.current = null, xe(null), s.current = null;
+        h.preventDefault(), h.stopPropagation(), O(!1), u(""), q(null), o.current = null, me(null), s.current = null;
       else if ((h.metaKey || h.ctrlKey) && h.key.toLowerCase() === "b")
         h.preventDefault(), Pt("bold");
       else if ((h.metaKey || h.ctrlKey) && h.key.toLowerCase() === "i")
@@ -3888,20 +3888,20 @@ function Ti(e) {
       else if (h.key === "ArrowLeft" || h.key === "ArrowRight")
         setTimeout(() => {
           const re = G.selectionStart;
-          U(re), te(re), le(G.selectionEnd), i.current = re;
+          U(re), te(re), ce(G.selectionEnd), i.current = re;
         }, 0);
       else if (h.key === "ArrowUp" || h.key === "ArrowDown") {
         if (P && P instanceof Qe) {
           h.preventDefault();
           const re = h.key === "ArrowUp" ? "up" : "down", he = Io(P, A, re);
-          U(he), te(he), le(he), i.current = he, G.setSelectionRange(he, he);
+          U(he), te(he), ce(he), i.current = he, G.setSelectionRange(he, he);
         }
       } else (h.key === "Home" || h.key === "End") && setTimeout(() => {
         const re = G.selectionStart;
-        U(re), te(re), le(G.selectionEnd), i.current = re;
+        U(re), te(re), ce(G.selectionEnd), i.current = re;
       }, 0);
     },
-    [zt, Pt, U, te, le, i, A, P]
+    [zt, Pt, U, te, ce, i, A, P]
   );
   Pe(() => {
     C && (a.current = performance.now());
@@ -3909,20 +3909,20 @@ function Ti(e) {
     if (!C) return;
     let h, G = 0;
     const re = 33, he = (_) => {
-      _ - G >= re && (ie((Ce) => (Ce + 1) % 1e3), G = _), h = requestAnimationFrame(he);
+      _ - G >= re && (ye((we) => (we + 1) % 1e3), G = _), h = requestAnimationFrame(he);
     };
     return h = requestAnimationFrame(he), () => cancelAnimationFrame(h);
   }, [C]);
-  const Ee = we(!1);
+  const Ee = Se(!1);
   Pe(() => {
     if (C && !Ee.current && n.current) {
       n.current.focus();
       const h = R.length;
-      U(h), te(h), le(h), n.current.setSelectionRange(h, h);
+      U(h), te(h), ce(h), n.current.setSelectionRange(h, h);
     }
     Ee.current = C;
   }, [C, R]);
-  const lt = we(null), se = (h, G) => h === G ? !0 : !h || !G ? !1 : h.color === G.color && h.fontFamily === G.fontFamily && h.fontSize === G.fontSize && h.bold === G.bold && h.italic === G.italic && h.underline === G.underline && h.strikethrough === G.strikethrough;
+  const lt = Se(null), se = (h, G) => h === G ? !0 : !h || !G ? !1 : h.color === G.color && h.fontFamily === G.fontFamily && h.fontSize === G.fontSize && h.bold === G.bold && h.italic === G.italic && h.underline === G.underline && h.strikethrough === G.strikethrough;
   return Pe(() => {
     if (!C || !E) return;
     const h = Math.min(T, I), G = Math.max(T, I);
@@ -3934,7 +3934,7 @@ function Ti(e) {
         const he = D.find((_) => _.id === g);
         he instanceof Qe && (re = he.getDefaultStyle());
       }
-      re && !se(re, lt.current) && (lt.current = re, xe(re));
+      re && !se(re, lt.current) && (lt.current = re, me(re));
     }
   }, [C, E, T, I, g]), Pe(() => {
     if (!C || !n.current) return;
@@ -3952,18 +3952,18 @@ function Ti(e) {
         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 (H({
+        const he = re.getVisualBoundingBox(), _ = t.current.getBoundingClientRect(), we = he.height + 16, Ie = 6;
+        if (L({
           x: _.left + (he.x + ne) * w - Ie,
           y: _.top + (he.y + V) * w - Ie,
           width: Math.max(20, he.width * w),
-          height: Math.max(Ce * w, 50)
+          height: Math.max(we * w, 50)
         }), s.current && h instanceof Re) {
-          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);
+          const Ve = h.clone(), Xe = Ve.children.findIndex((H) => H.id === s.current);
+          Xe >= 0 && (Ve.children[Xe] = re, Ve.updateBoundsFromChildren(!0)), de((H) => H.map(($) => $.id === Ve.id ? Ve : $)), Be.update(re, w);
         } else
-          Se((Ve) => Ve.map((Xe) => Xe.id === re.id ? re : Xe)), De.update(re, w);
-        be((Ve) => Ve + 1);
+          de((Ve) => Ve.map((Xe) => Xe.id === re.id ? re : Xe)), Be.update(re, w);
+        ve((Ve) => Ve + 1);
       }, 50), () => {
         f.current && clearTimeout(f.current);
       };
@@ -3972,8 +3972,8 @@ function Ti(e) {
     const h = n.current, G = () => {
       if (d.current || Date.now() - l.current < x)
         return;
-      const _ = h.selectionStart || 0, Ce = h.selectionEnd || 0;
-      U((Ie) => Ie === Ce ? Ie : Ce), te((Ie) => Ie === _ ? Ie : _), le((Ie) => Ie === Ce ? Ie : Ce), Oe == null || Oe();
+      const _ = h.selectionStart || 0, we = h.selectionEnd || 0;
+      U((Ie) => Ie === we ? Ie : we), te((Ie) => Ie === _ ? Ie : _), ce((Ie) => Ie === we ? Ie : we), Ae == null || Ae();
     };
     h.addEventListener("click", G), h.addEventListener("keyup", G), h.addEventListener("select", G), h.addEventListener("mouseup", G);
     const re = () => {
@@ -3987,25 +3987,25 @@ 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 Lt) && !(N instanceof Qn)) {
+      if (N && N instanceof Qe && !(N instanceof Re) && !(N instanceof Yt) && !(N instanceof Qn)) {
         G.preventDefault();
-        const _ = N.getVisualBoundingBox(), Ce = _.height + 16, Ie = 6;
-        H({
+        const _ = N.getVisualBoundingBox(), we = _.height + 16, Ie = 6;
+        L({
           x: he.left + (_.x + ne) * w - Ie,
           y: he.top + (_.y + V) * w - Ie,
           width: Math.max(200, _.width * w),
-          height: Math.max(Ce * w, 50)
+          height: Math.max(we * 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 Lt) && !(P instanceof Qn)) {
+      if (P && P instanceof Qe && !(P instanceof Re) && !(P instanceof Yt) && !(P instanceof Qn)) {
         G.preventDefault();
-        const _ = P.getVisualBoundingBox(), Ce = _.height + 16, Ie = 6;
-        H({
+        const _ = P.getVisualBoundingBox(), we = _.height + 16, Ie = 6;
+        L({
           x: he.left + (_.x + ne) * w - Ie,
           y: he.top + (_.y + V) * w - Ie,
           width: Math.max(200, _.width * w),
-          height: Math.max(Ce * w, 50)
+          height: Math.max(we * w, 50)
         }), u(fs(P)), O(!0), p.current = Date.now();
       }
     };
@@ -4057,31 +4057,31 @@ const yr = Nr(
     pieceFocus: q,
     focusedPieceRect: U
   }, te) => {
-    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(() => {
+    const { resolvedTheme: ce } = ho(), L = Se(null), me = R || L, ye = Se(null), ve = Se(!1), de = Se(0), Me = Se(0), Ae = Se(0), Be = Se(!1), $e = Se(0), at = Se(null), pt = Se(0), ct = Se(null), Pt = Se({ start: null, end: null }), zt = Se(null), At = Se(null), We = Se(null), Ee = Se(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;
-      const de = ye.find((Ye) => Ye.id === q.pieceId);
-      return de ? { x: de.x, y: de.y, width: de.width, height: de.height } : null;
+      const be = (u == null ? void 0 : u.pieces) ?? [];
+      if (be.length <= 1) return null;
+      const le = be.find((He) => He.id === q.pieceId);
+      return le ? { x: le.x, y: le.y, width: le.width, height: le.height } : null;
     }, [q, u]), he = U !== void 0 ? U : re, _ = je.useMemo(() => {
       if (he) return he;
-      const ye = (u == null ? void 0 : u.pieces) ?? [];
-      if (ye.length === 1) {
-        const de = ye[0];
-        return { x: de.x, y: de.y, width: de.width, height: de.height };
+      const be = (u == null ? void 0 : u.pieces) ?? [];
+      if (be.length === 1) {
+        const le = be[0];
+        return { x: le.x, y: le.y, width: le.width, height: le.height };
       }
       return null;
     }, [he, u]), {
-      isTouchDevice: Ce,
+      isTouchDevice: we,
       canvasSize: Ie,
       lastTouchTargetRef: Ve,
       effectiveViewPadding: Xe,
-      paddedCanvasWidth: Y,
+      paddedCanvasWidth: H,
       paddedCanvasHeight: $,
       paddingOffsetX: ot,
       paddingOffsetY: rt,
       zoomInvariantBorderRadius: Ze
-    } = Ho({
+    } = Lo({
       width: E,
       height: A,
       zoom: T,
@@ -4098,7 +4098,7 @@ const yr = Nr(
       setSnapGuides: Nt,
       spacingIndicators: Dt,
       setSpacingIndicators: tn,
-      isAltKeyPressed: Yt,
+      isAltKeyPressed: Ht,
       setIsAltKeyPressed: wt,
       isRotating: Xt,
       setIsRotating: rn,
@@ -4107,64 +4107,64 @@ const yr = Nr(
       setCurrentRotation: Ke,
       setRotatingElementVersion: Ue
     } = _o(), {
-      renderVersion: Ae,
+      renderVersion: Ne,
       forceRender: K,
       handlesVersion: ue,
-      setHandlesVersion: me,
-      forceUpdate: Be,
+      setHandlesVersion: ge,
+      forceUpdate: Oe,
       cursorAnimationFrame: Je,
       setCursorAnimationFrame: Ge
-    } = $o({ elements: e }), [Fe] = ce(() => new io()), [nt] = ce(() => new ao({ showBorder: !1, showLabel: !1 })), [st] = ce(() => new co({ enabled: !0, showGuides: !0 })), [xt] = ce(() => new lo({ enabled: !0, showLabels: !0 })), [yt] = ce(() => {
-      const ye = new uo();
-      return ye.setResizePipeline(gs), ye.setSnapHandler(st), ye;
+    } = $o({ elements: e }), [Fe] = ae(() => new io()), [nt] = ae(() => new ao({ showBorder: !1, showLabel: !1 })), [st] = ae(() => new co({ enabled: !0, showGuides: !0 })), [xt] = ae(() => new lo({ enabled: !0, showLabels: !0 })), [yt] = ae(() => {
+      const be = new uo();
+      return be.setResizePipeline(gs), be.setSnapHandler(st), be;
     });
     Pe(() => {
       nt.setOptions({ borderRadius: Ze });
     }, [Ze, nt]), Pe(() => {
-      const ye = U !== void 0 ? U : re;
+      const be = U !== void 0 ? U : re;
       st.setExtraSnapRects(
-        ye ? [{ id: "focused-piece", ...ye }] : []
+        be ? [{ id: "focused-piece", ...be }] : []
       );
     }, [st, U, re]);
-    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("");
+    const Lt = Se(e);
+    Lt.current = e;
+    const Ce = e.find((be) => be.id === s), as = Se(Ce);
+    as.current = Ce;
+    const [An, En] = ae("");
     Pe(() => {
-      var de;
+      var le;
       if (!s) return;
-      const ye = e.find((Ye) => Ye.id === s);
-      if (ye)
-        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 Lt ? En("Selected image element") : ye instanceof Re ? En("Selected group") : En("Selected element");
+      const be = e.find((He) => He.id === s);
+      if (be)
+        if (be instanceof Qe) {
+          const He = ((le = be.text) == null ? void 0 : le.slice(0, 40)) || "empty";
+          En(`Selected text element: ${He}`);
+        } else be instanceof Yt ? En("Selected image element") : be instanceof Re ? En("Selected group") : En("Selected element");
     }, [s, e]);
-    const cs = we(n);
+    const cs = Se(n);
     cs.current = n;
-    const Xn = we(/* @__PURE__ */ new Map());
+    const Xn = Se(/* @__PURE__ */ new Map());
     Pe(() => {
-      const ye = (de) => {
-        const Ye = de, He = cs.current.getActiveArtboardId(), tt = Xn.current.get(He) || [], vt = [];
+      const be = (le) => {
+        const He = le, Le = cs.current.getActiveArtboardId(), tt = Xn.current.get(Le) || [], vt = [];
         return tt.forEach((Rt) => {
           Rt instanceof Re ? vt.push(...Rt.children) : vt.push(Rt);
-        }), st.snapDimensions(Ye, vt, Ye.startData);
+        }), st.snapDimensions(He, vt, He.startData);
       };
-      return gs.addHook("afterResize", ye), () => {
-        gs.removeHook("afterResize", ye);
+      return gs.addHook("afterResize", be), () => {
+        gs.removeHook("afterResize", be);
       };
     }, [st]);
-    const { cropController: Wn } = Xo(), { penTool: xn, penCursor: z } = Do({ selectedElement: ve }), {
+    const { cropController: Wn } = Xo(), { penTool: xn, penCursor: z } = Do({ selectedElement: Ce }), {
       isEditing: fe,
       setIsEditing: dt,
       editText: W,
       setEditText: Z,
       editPosition: et,
       setEditPosition: B,
-      cursorPosition: ge,
+      cursorPosition: xe,
       setCursorPosition: S,
-      selectionStart: L,
+      selectionStart: Y,
       setSelectionStart: Q,
       selectionEnd: j,
       setSelectionEnd: pe,
@@ -4175,30 +4175,30 @@ const yr = Nr(
       editRichText: X,
       setEditRichText: M,
       editRichTextRef: F,
-      currentFormattingStyle: ae,
+      currentFormattingStyle: ie,
       setCurrentFormattingStyle: oe
-    } = Yo({ selectedElement: ve, ref: te });
+    } = Ho({ selectedElement: Ce, ref: te });
     Pe(() => {
-      const ye = Date.now() - $e.current, de = at.current;
-      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(() => {
+      const be = Date.now() - $e.current, le = at.current;
+      le && be < se ? (Y !== le.start || j !== le.end) && (S(le.cursor), Q(le.start), pe(le.end), ye.current && ye.current.setSelectionRange(le.start, le.end)) : le && be >= se && (at.current = null);
+    }, [Y, j, xe]), Pe(() => {
       if (!fe) return;
-      const ye = xe.current;
-      if (!ye) return;
-      let de = ye.getBoundingClientRect();
-      const Ye = () => {
-        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, He.style.left = `${parseFloat(He.style.left || "0") + Rt}px`, He.style.top = `${parseFloat(He.style.top || "0") + ht}px`);
+      const be = me.current;
+      if (!be) return;
+      let le = be.getBoundingClientRect();
+      const He = () => {
+        const Le = ye.current, tt = me.current;
+        if (!Le || !tt) return;
+        const vt = tt.getBoundingClientRect(), Rt = vt.left - le.left, ht = vt.top - le.top;
+        Rt === 0 && ht === 0 || (le = vt, Le.style.left = `${parseFloat(Le.style.left || "0") + Rt}px`, Le.style.top = `${parseFloat(Le.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);
+      return window.addEventListener("scroll", He, { passive: !0, capture: !0 }), window.addEventListener("resize", He), () => {
+        window.removeEventListener("scroll", He, { capture: !0 }), window.removeEventListener("resize", He);
       };
     }, [fe]);
     const {
-      isMarqueeSelecting: Me,
-      marqueeStart: Le,
+      isMarqueeSelecting: Te,
+      marqueeStart: Ye,
       marqueeEnd: it,
       marqueePreviewSelection: bt,
       startMarqueeSelection: Bt,
@@ -4207,52 +4207,52 @@ const yr = Nr(
     } = Po(), {
       multiSelectionGroupBoundsRef: Gt,
       multiSelectionOBBRef: ut
-    } = Lo(o), {
+    } = Yo(o), {
       activeChildElement: kt,
       updateActiveChild: kn,
       editingChildIdRef: Ft
-    } = Bo({ elements: e, selectedElement: ve, transformHandles: Fe, onActiveChildChange: d }), { hoverState: qt, setHoverState: jt } = Oo({ onHoverChange: p }), _t = xs(() => {
-      const ye = /* @__PURE__ */ new Map();
-      return e.forEach((de) => {
-        const Ye = n.getArtboardIdForElement(de.id);
-        ye.has(Ye) || ye.set(Ye, []), ye.get(Ye).push(de);
-      }), ye;
+    } = Bo({ elements: e, selectedElement: Ce, transformHandles: Fe, onActiveChildChange: d }), { hoverState: qt, setHoverState: jt } = Oo({ onHoverChange: p }), _t = xs(() => {
+      const be = /* @__PURE__ */ new Map();
+      return e.forEach((le) => {
+        const He = n.getArtboardIdForElement(le.id);
+        be.has(He) || be.set(He, []), be.get(He).push(le);
+      }), be;
     }, [e, n]);
     Xn.current = _t;
     const $t = ft(() => {
-      const ye = n.getActiveArtboardId();
-      return _t.get(ye) || [];
+      const be = n.getActiveArtboardId();
+      return _t.get(be) || [];
     }, [_t, n]);
     Pe(() => {
-      const ye = (He) => {
+      const be = (Le) => {
         if (!fe) {
-          if (xn.isActive() && ve instanceof wn) {
-            if (He.key === "Escape") {
-              He.preventDefault(), xn.finishPath();
-              const tt = ve.clone();
-              l(ve, tt), me((vt) => vt + 1);
+          if (xn.isActive() && Ce instanceof wn) {
+            if (Le.key === "Escape") {
+              Le.preventDefault(), xn.finishPath();
+              const tt = Ce.clone();
+              l(Ce, tt), ge((vt) => vt + 1);
               return;
-            } else if (He.key === "Backspace" || He.key === "Delete") {
-              He.preventDefault(), xn.deleteLastPoint(), me((tt) => tt + 1);
+            } else if (Le.key === "Backspace" || Le.key === "Delete") {
+              Le.preventDefault(), xn.deleteLastPoint(), ge((tt) => tt + 1);
               return;
             }
           }
-          He.altKey && wt(!0);
+          Le.altKey && wt(!0);
         }
-      }, de = (He) => {
-        He.altKey || wt(!1);
-      }, Ye = (He) => {
-        (!He.relatedTarget || !He.relatedTarget.ownerDocument) && wt(!1);
+      }, le = (Le) => {
+        Le.altKey || wt(!1);
+      }, He = (Le) => {
+        (!Le.relatedTarget || !Le.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);
+      return window.addEventListener("keydown", be), window.addEventListener("keyup", le), window.addEventListener("blur", He), () => {
+        window.removeEventListener("keydown", be), window.removeEventListener("keyup", le), window.removeEventListener("blur", He);
       };
-    }, [xn, ve, l, me, fe]), Pe(() => {
-      if (!xe.current || !zt.current || yt.getMode() === "drag" || yt.getMode() === "resize")
+    }, [xn, Ce, l, ge, fe]), Pe(() => {
+      if (!me.current || !zt.current || yt.getMode() === "drag" || yt.getMode() === "resize")
         return;
-      const { x: de, y: Ye } = zt.current;
-      if (Yt) {
-        let He = null;
+      const { x: le, y: He } = zt.current;
+      if (Ht) {
+        let Le = null;
         const tt = $t();
         for (let vt = tt.length - 1; vt >= 0; vt--) {
           const Rt = tt[vt];
@@ -4261,43 +4261,43 @@ const yr = Nr(
               for (let ht = Rt.children.length - 1; ht >= 0; ht--) {
                 const qe = Rt.children[ht];
                 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) {
-                  He = qe;
+                const De = qe.getVisualBoundingBox();
+                if (le >= De.x && le <= De.x + De.width && He >= De.y && He <= De.y + De.height) {
+                  Le = qe;
                   break;
                 }
               }
             else {
               const ht = Rt.getVisualBoundingBox();
-              if (de >= ht.x && de <= ht.x + ht.width && Ye >= ht.y && Ye <= ht.y + ht.height) {
-                He = Rt;
+              if (le >= ht.x && le <= ht.x + ht.width && He >= ht.y && He <= ht.y + ht.height) {
+                Le = Rt;
                 break;
               }
             }
-            if (He) break;
+            if (Le) break;
           }
         }
-        if (He) {
+        if (Le) {
           const vt = [];
           tt.forEach((ht) => {
             ht instanceof Re ? vt.push(...ht.children) : vt.push(ht);
           });
-          const Rt = xt.detectSpacing(He, vt, !0);
+          const Rt = xt.detectSpacing(Le, vt, !0);
           tn(Rt);
         }
       } else
         tn([]);
-    }, [Yt, $t, xt, yt]);
-    const an = we(null);
+    }, [Ht, $t, xt, yt]);
+    const an = Se(null);
     Pe(() => {
-      const ye = e.find((Ye) => Ye.id === s), de = kt || ye;
-      if (de) {
-        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));
+      const be = e.find((He) => He.id === s), le = kt || be;
+      if (le) {
+        const He = le.getBoundingBox(), Le = `${le.id}-${He.x}-${He.y}-${He.width}-${He.height}-${le.rotation}`;
+        an.current !== Le && (an.current = Le, Fe.update(le, T), ge((tt) => tt + 1));
       }
     }, [s, kt, Fe, T, e]);
     const {
-      handleTextEditBlur: Ln,
+      handleTextEditBlur: Yn,
       handleTextKeyDown: Vn,
       applyFormattingToSelection: nn,
       getSelectionStyle: ls,
@@ -4305,8 +4305,8 @@ const yr = Nr(
       enterTextEditMode: Kn,
       getWrappedTextForEditing: Un
     } = Ti({
-      canvasRef: xe,
-      inputRef: ie,
+      canvasRef: me,
+      inputRef: ye,
       editingChildIdRef: Ft,
       editRichTextRef: F,
       selectionAnchorRef: J,
@@ -4315,19 +4315,19 @@ const yr = Nr(
       multiClickSelectionRef: at,
       editPositionUpdateTimerRef: Ee,
       draggingSelectionHandleRef: ct,
-      repositioningCursorRef: be,
-      editModeEnteredAtRef: Oe,
+      repositioningCursorRef: ve,
+      editModeEnteredAtRef: Ae,
       lastTouchTargetRef: Ve,
       MULTI_CLICK_DEBOUNCE: se,
       EDIT_MODE_BLUR_DEBOUNCE: G,
       isEditing: fe,
       editText: W,
       editRichText: X,
-      cursorPosition: ge,
-      selectionStart: L,
+      cursorPosition: xe,
+      selectionStart: Y,
       selectionEnd: j,
       selectedId: s,
-      selectedElement: ve,
+      selectedElement: Ce,
       activeChildElement: kt,
       elements: e,
       zoom: T,
@@ -4342,7 +4342,7 @@ const yr = Nr(
       setEditPosition: B,
       setCurrentFormattingStyle: oe,
       setCursorAnimationFrame: Ge,
-      setHandlesVersion: me,
+      setHandlesVersion: ge,
       setElements: a,
       onElementUpdate: i,
       onTextSelectionChange: m,
@@ -4355,15 +4355,15 @@ const yr = Nr(
       handleDoubleClick: Cr,
       handleContextMenu: wr
     } = Mi({
-      canvasRef: xe,
-      inputRef: ie,
-      repositioningCursorRef: be,
-      lastClickTimeRef: Se,
-      clickCountRef: Te,
+      canvasRef: me,
+      inputRef: ye,
+      repositioningCursorRef: ve,
+      lastClickTimeRef: de,
+      clickCountRef: Me,
       lastProcessedClickTimeRef: pt,
       lastMultiClickTimeRef: $e,
       multiClickSelectionRef: at,
-      skipDragSelectionRef: De,
+      skipDragSelectionRef: Be,
       draggingSelectionHandleRef: ct,
       selectionHandlePositionsRef: Pt,
       lastMousePosRef: zt,
@@ -4371,20 +4371,20 @@ const yr = Nr(
       rotatingElementRef: We,
       editingChildIdRef: Ft,
       editRichTextRef: F,
-      editModeEnteredAtRef: Oe,
+      editModeEnteredAtRef: Ae,
       multiSelectionGroupBoundsRef: Gt,
       MULTI_CLICK_THRESHOLD: lt,
       MULTI_CLICK_DEBOUNCE: se,
       CLICK_DEDUP_THRESHOLD: h,
       isEditing: fe,
       editText: W,
-      isTouchDevice: Ce,
-      selectionStart: L,
+      isTouchDevice: we,
+      selectionStart: Y,
       selectionEnd: j,
       isRotating: Xt,
-      isMarqueeSelecting: Me,
-      isAltKeyPressed: Yt,
-      selectedElement: ve,
+      isMarqueeSelecting: Te,
+      isAltKeyPressed: Ht,
+      selectedElement: Ce,
       activeChildElement: kt,
       elements: e,
       multiSelection: o,
@@ -4404,10 +4404,10 @@ const yr = Nr(
       setIsAltKeyPressed: wt,
       setSnapGuides: Nt,
       setSpacingIndicators: tn,
-      setHandlesVersion: me,
+      setHandlesVersion: ge,
       setHoverState: jt,
       setElements: a,
-      forceUpdate: Be,
+      forceUpdate: Oe,
       stateMachine: yt,
       transformHandles: Fe,
       snapSystem: st,
@@ -4435,20 +4435,20 @@ const yr = Nr(
       getWrappedTextForEditing: Un
     });
     ui({
-      canvasRef: xe,
+      canvasRef: me,
       elements: e,
       elementsByArtboard: _t,
       artboards: t,
       artboardManager: n,
       artboardRenderer: nt,
       selectedId: s,
-      selectedElement: ve,
+      selectedElement: Ce,
       activeChildElement: kt,
       editingChildIdRef: Ft,
       transformHandles: Fe,
       stateMachine: yt,
       canvasSize: Ie,
-      paddedCanvasWidth: Y,
+      paddedCanvasWidth: H,
       paddedCanvasHeight: $,
       paddingOffsetX: ot,
       paddingOffsetY: rt,
@@ -4462,43 +4462,43 @@ const yr = Nr(
       isEditing: fe,
       editText: W,
       editRichText: X,
-      cursorPosition: ge,
-      selectionStart: L,
+      cursorPosition: xe,
+      selectionStart: Y,
       selectionEnd: j,
       cursorOpacityRef: ke,
       cursorStartTimeRef: ee,
-      isTouchDevice: Ce,
+      isTouchDevice: we,
       selectionHandlePositionsRef: Pt,
       multiClickSelectionRef: at,
       lastMultiClickTimeRef: $e,
       MULTI_CLICK_DEBOUNCE: se,
       snapGuides: gt,
       spacingIndicators: Dt,
-      isAltKeyPressed: Yt,
+      isAltKeyPressed: Ht,
       multiSelection: o,
       multiSelectionOBBRef: ut,
       multiSelectionGroupBoundsRef: Gt,
-      isMarqueeSelecting: Me,
-      marqueeStart: Le,
+      isMarqueeSelecting: Te,
+      marqueeStart: Ye,
       marqueeEnd: it,
       marqueePreviewSelection: bt,
       penTool: xn,
       handlesVersion: ue,
       hideHandles: C,
-      resolvedTheme: le,
+      resolvedTheme: ce,
       cursorAnimationFrame: Je,
-      renderVersion: Ae,
+      renderVersion: Ne,
       pieceGuides: u,
       focusedPieceId: q && q !== "spread" ? q.pieceId : null,
       focusedPieceRect: he
     }), nr(
       te,
       () => ({
-        applyTextFormatting: (ye) => {
-          nn(ye);
+        applyTextFormatting: (be) => {
+          nn(be);
         },
-        toggleFormattingProperty: (ye) => {
-          ds(ye);
+        toggleFormattingProperty: (be) => {
+          ds(be);
         },
         isEditingText: () => fe,
         isRotating: () => Xt,
@@ -4508,36 +4508,36 @@ const yr = Nr(
         getEditingState: () => ({
           isEditing: fe,
           editText: W,
-          cursorPosition: ge,
-          selectionStart: L,
+          cursorPosition: xe,
+          selectionStart: Y,
           selectionEnd: j
         }),
         getCropState: () => ({
-          isCropping: ve instanceof Lt && ve.isCropping,
-          elementId: (ve == null ? void 0 : ve.id) || null
+          isCropping: Ce instanceof Yt && Ce.isCropping,
+          elementId: (Ce == null ? void 0 : Ce.id) || null
         }),
         getPaddingOffset: () => ({ x: ot, y: rt })
       }),
-      [nn, ds, fe, Xt, ls, T, K, W, ge, L, j, ve, ot, rt]
+      [nn, ds, fe, Xt, ls, T, K, W, xe, Y, j, Ce, 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`, He = O.map((tt) => {
+      const be = H * T, le = $ * T, He = `M 0 0 h ${be} v ${le} h ${-be} Z`, Le = 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") {
-            const Ne = (tt.rx ?? tt.ry ?? 0) * T, mt = (tt.ry ?? tt.rx ?? 0) * T;
-            if (Ne > 0 || mt > 0)
+            const De = (tt.rx ?? tt.ry ?? 0) * T, mt = (tt.ry ?? tt.rx ?? 0) * T;
+            if (De > 0 || mt > 0)
               return [
-                `M ${vt + Ne} ${Rt}`,
-                `h ${ht - 2 * Ne}`,
-                `a ${Ne} ${mt} 0 0 1 ${Ne} ${mt}`,
+                `M ${vt + De} ${Rt}`,
+                `h ${ht - 2 * De}`,
+                `a ${De} ${mt} 0 0 1 ${De} ${mt}`,
                 `v ${qe - 2 * mt}`,
-                `a ${Ne} ${mt} 0 0 1 ${-Ne} ${mt}`,
-                `h ${-(ht - 2 * Ne)}`,
-                `a ${Ne} ${mt} 0 0 1 ${-Ne} ${-mt}`,
+                `a ${De} ${mt} 0 0 1 ${-De} ${mt}`,
+                `h ${-(ht - 2 * De)}`,
+                `a ${De} ${mt} 0 0 1 ${-De} ${-mt}`,
                 `v ${-(qe - 2 * mt)}`,
-                `a ${Ne} ${mt} 0 0 1 ${Ne} ${-mt}`,
+                `a ${De} ${mt} 0 0 1 ${De} ${-mt}`,
                 "Z"
               ].join(" ");
           }
@@ -4545,9 +4545,9 @@ const yr = Nr(
         }
         return "";
       }).filter(Boolean);
-      if (He.length !== 0)
-        return `path(evenodd, "${Ye} ${He.join(" ")}")`;
-    }, [O, Y, $, ot, rt, T]);
+      if (Le.length !== 0)
+        return `path(evenodd, "${He} ${Le.join(" ")}")`;
+    }, [O, H, $, ot, rt, T]);
     return /* @__PURE__ */ y(Pn, { children: [
       /* @__PURE__ */ r(
         "div",
@@ -4564,7 +4564,7 @@ const yr = Nr(
         {
           role: "application",
           "aria-label": "Design editor canvas. Use mouse or touch to select, move, and resize elements.",
-          ref: xe,
+          ref: me,
           onPointerDown: Wt,
           onPointerMove: Rn,
           onPointerUp: yn,
@@ -4585,9 +4585,9 @@ const yr = Nr(
             // products keep the legacy editor-surface fill so the
             // design canvas still reads as a distinct surface.
             background: u ? "transparent" : "var(--color-canvas-bg)",
-            width: `${Y * T}px`,
+            width: `${H * T}px`,
             height: `${$ * T}px`,
-            cursor: xn.isActive() && ve instanceof wn ? z : void 0,
+            cursor: xn.isActive() && Ce instanceof wn ? z : void 0,
             position: "absolute",
             left: `${I}px`,
             top: `${g}px`,
@@ -4597,39 +4597,39 @@ const yr = Nr(
         }
       ),
       fe && (() => {
-        let ye = ve;
-        if (Ft.current && ve instanceof Re) {
-          const qe = ve.children.find((Ne) => Ne.id === Ft.current);
-          qe && (ye = qe);
+        let be = Ce;
+        if (Ft.current && Ce instanceof Re) {
+          const qe = Ce.children.find((De) => De.id === Ft.current);
+          qe && (be = qe);
         }
-        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(
+        const le = be instanceof Qe ? be : null, He = (le == null ? void 0 : le.fontSize) || 24, Le = (le == null ? void 0 : le.fontFamily) || "Arial", tt = (le == null ? void 0 : le.bold) || !1, vt = (le == null ? void 0 : le.italic) || !1, Rt = (le == null ? void 0 : le.textAlign) || "center", ht = /* @__PURE__ */ r(
           "textarea",
           {
-            ref: ie,
+            ref: ye,
             "data-preserve-selection": "",
             value: W,
             onChange: (qe) => {
-              const Ne = qe.target.value;
+              const De = qe.target.value;
               if (!X) {
-                const Jt = no.fromPlainText(Ne, {});
-                F.current = Jt, M(Jt), Z(Ne);
+                const Jt = no.fromPlainText(De, {});
+                F.current = Jt, M(Jt), Z(De);
                 const Gn = qe.target.selectionEnd;
                 S(Gn), Q(qe.target.selectionStart), pe(qe.target.selectionEnd);
                 return;
               }
               const mt = W, bn = X.clone();
               let Vt = 0;
-              for (; Vt < mt.length && Vt < Ne.length && mt[Vt] === Ne[Vt]; )
+              for (; Vt < mt.length && Vt < De.length && mt[Vt] === De[Vt]; )
                 Vt++;
               let Zt = 0;
-              for (; Zt < mt.length - Vt && Zt < Ne.length - Vt && mt[mt.length - 1 - Zt] === Ne[Ne.length - 1 - Zt]; )
+              for (; Zt < mt.length - Vt && Zt < De.length - Vt && mt[mt.length - 1 - Zt] === De[De.length - 1 - Zt]; )
                 Zt++;
-              const cn = Vt, Mn = mt.length - Zt, Tn = Ne.substring(Vt, Ne.length - Zt);
+              const cn = Vt, Mn = mt.length - Zt, Tn = De.substring(Vt, De.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);
+                ie ? Jt = ie : cn > 0 ? Jt = bn.getStyleAt(cn - 1) : Ce instanceof Qe ? Jt = Ce.getDefaultStyle() : Jt = {}, bn.insert(cn, Tn, Jt);
               }
-              F.current = bn, M(bn), Z(Ne);
+              F.current = bn, M(bn), Z(De);
               const fn = qe.target.selectionEnd;
               S(fn), Q(qe.target.selectionStart), pe(qe.target.selectionEnd), J.current = fn;
               const vn = qe.target;
@@ -4637,50 +4637,50 @@ const yr = Nr(
                 vn && document.activeElement === vn && vn.setSelectionRange(fn, fn);
               }, 0);
             },
-            onBlur: Ln,
+            onBlur: Yn,
             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, 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;
+              if (qe.preventDefault(), !Ce || !(Ce instanceof Qe) || !me.current) return;
+              const De = Date.now();
+              if (De - pt.current < h) return;
+              pt.current = De, De - $e.current >= se && (at.current = null);
+              const mt = me.current.getBoundingClientRect(), bn = (qe.clientX - mt.left) / T - ot, Vt = (qe.clientY - mt.top) / T - rt, Zt = Ce.getVisualBoundingBox(), cn = Ce.getRotationAnchor(), Mn = en.toRadiansInverse(Ce.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(Ce, { x: ws, y: Nn });
+              De - de.current < lt ? Me.current += 1 : Me.current = 1, de.current = De;
               const pn = W;
-              if (k.current = !1, Te.current >= 3)
-                qe.preventDefault(), $e.current = Ne, at.current = { start: 0, end: pn.length, cursor: pn.length }, De.current = !0, Te.current = 0, J.current = 0, S(pn.length), Q(0), pe(pn.length), ie.current && (ie.current.focus(), ie.current.setSelectionRange(0, pn.length));
-              else if (Te.current === 2) {
+              if (k.current = !1, Me.current >= 3)
+                qe.preventDefault(), $e.current = De, at.current = { start: 0, end: pn.length, cursor: pn.length }, Be.current = !0, Me.current = 0, J.current = 0, S(pn.length), Q(0), pe(pn.length), ye.current && (ye.current.focus(), ye.current.setSelectionRange(0, pn.length));
+              else if (Me.current === 2) {
                 qe.preventDefault();
                 const ln = xr(pn, sn);
-                $e.current = Ne, at.current = { start: ln.start, end: ln.end, cursor: ln.end }, De.current = !0, J.current = ln.start, S(ln.end), Q(ln.start), pe(ln.end), ie.current && (ie.current.focus(), ie.current.setSelectionRange(ln.start, ln.end));
+                $e.current = De, at.current = { start: ln.start, end: ln.end, cursor: ln.end }, Be.current = !0, J.current = ln.start, S(ln.end), Q(ln.start), pe(ln.end), ye.current && (ye.current.focus(), ye.current.setSelectionRange(ln.start, ln.end));
               } else
-                at.current = null, J.current = sn, Q(sn), S(sn), pe(sn), ie.current && (ie.current.focus(), ie.current.setSelectionRange(sn, sn)), De.current = !1;
+                at.current = null, J.current = sn, Q(sn), S(sn), pe(sn), ye.current && (ye.current.focus(), ye.current.setSelectionRange(sn, sn)), Be.current = !1;
             },
             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, 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;
+              if (ct.current && Ce instanceof Qe && me.current) {
+                const qn = me.current.getBoundingClientRect(), pn = (qe.clientX - qn.left) / T - ot, ln = (qe.clientY - qn.top) / T - rt, Bs = Ce.getVisualBoundingBox(), Os = Ce.getRotationAnchor(), zs = en.toRadiansInverse(Ce.rotation), Xs = pn - Os.x, Ys = ln - Os.y, Hs = Math.cos(zs), Ls = Math.sin(zs), Er = Xs * Hs - Ys * Ls, kr = Xs * Ls + Ys * Hs, 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 >= 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);
+                const Rr = Er + Bs.width / 2, Mr = kr + Ss + Bs.height / 2, gn = Sn(Ce, { x: Rr, y: Mr });
+                if (ct.current === "start" ? gn <= j ? (Q(gn), S(gn)) : (Q(j), pe(gn), S(gn), ct.current = "end") : gn >= Y ? (pe(gn), S(gn)) : (pe(Y), Q(gn), S(gn), ct.current = "start"), ye.current) {
+                  const Tr = Math.min(Y, j), Ir = Math.max(Y, j);
+                  ye.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, 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) {
+              if (Be.current || !Ce || !(Ce instanceof Qe) || !me.current) return;
+              const De = me.current.getBoundingClientRect(), mt = (qe.clientX - De.left) / T - ot, bn = (qe.clientY - De.top) / T - rt, Vt = Ce.getVisualBoundingBox(), Zt = Ce.getRotationAnchor(), cn = en.toRadiansInverse(Ce.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(Ce, { x: Cs, y: ws }), sn = J.current;
+              if (sn !== Nn && (k.current = !0), pe(Nn), S(Nn), Q(sn), ye.current) {
                 const qn = Math.min(sn, Nn), pn = Math.max(sn, Nn);
-                ie.current.setSelectionRange(qn, pn);
+                ye.current.setSelectionRange(qn, pn);
               }
             },
             onPointerUp: () => {
               ct.current && (ct.current = null);
             },
             onClick: () => {
-              k.current = !1, De.current = !1;
+              k.current = !1, Be.current = !1;
             },
             onSelect: () => {
             },
@@ -4692,8 +4692,8 @@ const yr = Nr(
               top: `${et.y}px`,
               width: `${et.width}px`,
               height: `${et.height || 50}px`,
-              fontSize: `${Ye * T}px`,
-              fontFamily: `"${He}", Arial, sans-serif`,
+              fontSize: `${He * T}px`,
+              fontFamily: `"${Le}", Arial, sans-serif`,
               fontWeight: tt ? 700 : 400,
               fontStyle: vt ? "italic" : "normal",
               textAlign: Rt,
@@ -4746,7 +4746,7 @@ const Ii = fr(
     }
   }
 );
-function Yn({
+function Hn({
   className: e,
   variant: t,
   size: n,
@@ -4964,7 +4964,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
     groupLayers: R,
     ungroupLayer: E,
     findElementById: A
-  } = rr(), T = sr(), I = we(null);
+  } = rr(), T = sr(), I = Se(null);
   Pe(() => {
     var u;
     (u = I.current) == null || u.focus();
@@ -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, Li = 4, Yi = 1e-3, Wa = ({
+}, Oi = 0.25, zi = 8, Xi = 0.1, Yi = 4, Hi = 1e-3, Wa = ({
   className: e,
   style: t,
   width: n,
@@ -5171,7 +5171,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
   pieceGuides: b,
   pieceFocus: x
 }) => {
-  var Ae;
+  var Ne;
   const {
     canvasEditorRef: v,
     canvasRef: C,
@@ -5194,17 +5194,17 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
   } = Ts(), {
     selectedId: U,
     multiSelection: te,
-    handleSelectionChange: le,
-    setMultiSelection: H,
-    handleActiveChildChange: xe,
-    setHoveredElementId: ie,
-    hideHandles: be
+    handleSelectionChange: ce,
+    setMultiSelection: L,
+    handleActiveChildChange: me,
+    setHoveredElementId: ye,
+    hideHandles: ve
   } = Br(), {
-    setTextSelectionVersion: Se,
-    setExpandedPanelType: Te
-  } = Or(), Oe = je.useCallback(() => {
-    Te("crop");
-  }, [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);
+    setTextSelectionVersion: de,
+    setExpandedPanelType: Me
+  } = Or(), Ae = je.useCallback(() => {
+    Me("crop");
+  }, [Me]), Be = 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(
     (K) => {
@@ -5215,40 +5215,40 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
       });
     },
     []
-  ), he = je.useCallback(() => G(null), []), _ = A.getActiveArtboard(), Ce = je.useCallback(
+  ), he = je.useCallback(() => G(null), []), _ = A.getActiveArtboard(), we = je.useCallback(
     (K) => {
       if (!(a || K.ctrlKey || K.metaKey)) return;
       K.preventDefault();
-      const me = De.current;
-      if (!me) return;
-      const Be = me.getBoundingClientRect(), Je = K.clientX - Be.left, Ge = K.clientY - Be.top, Fe = -K.deltaY * Yi;
+      const ge = Be.current;
+      if (!ge) return;
+      const Oe = ge.getBoundingClientRect(), Je = K.clientX - Oe.left, Ge = K.clientY - Oe.top, Fe = -K.deltaY * Hi;
       if (a) {
-        const nt = $e, st = Math.min(Math.max(nt * (1 + Fe), Xi), Li);
+        const nt = $e, st = Math.min(Math.max(nt * (1 + Fe), Xi), Yi);
         if (st === nt) return;
-        const xt = st / nt, yt = Je - (Je - D.x) * xt, Ht = Ge - (Ge - D.y) * xt;
-        at(st), w({ x: yt, y: Ht });
+        const xt = st / nt, yt = Je - (Je - D.x) * xt, Lt = Ge - (Ge - D.y) * xt;
+        at(st), w({ x: yt, y: Lt });
       } 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, Ht = Ge - (Ge - D.y) * xt;
-        u(st), w({ x: yt, y: Ht });
+        const xt = st / nt, yt = Je - (Je - D.x) * xt, Lt = Ge - (Ge - D.y) * xt;
+        u(st), w({ x: yt, y: Lt });
       }
     },
     [a, $e, D, w, O, u]
   );
   je.useEffect(() => {
-    const K = De.current;
+    const K = Be.current;
     if (K)
-      return K.addEventListener("wheel", Ce, { passive: !1 }), () => K.removeEventListener("wheel", Ce);
-  }, [Ce]), je.useEffect(() => {
+      return K.addEventListener("wheel", we, { passive: !1 }), () => K.removeEventListener("wheel", we);
+  }, [we]), je.useEffect(() => {
     if (!a) return;
-    const K = (me) => {
-      me.code === "Space" && !me.repeat && lt(!0);
-    }, ue = (me) => {
-      me.code === "Space" && (lt(!1), se.current = null);
+    const K = (ge) => {
+      ge.code === "Space" && !ge.repeat && lt(!0);
+    }, ue = (ge) => {
+      ge.code === "Space" && (lt(!1), se.current = null);
     };
     return window.addEventListener("keydown", K), window.addEventListener("keyup", ue), () => {
       window.removeEventListener("keydown", K), window.removeEventListener("keyup", ue);
@@ -5257,8 +5257,8 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
   const Ie = je.useCallback(
     (K) => {
       if (!a) return;
-      const ue = K.button === 1, me = Ee && K.button === 0;
-      (ue || me) && (K.preventDefault(), K.target.setPointerCapture(K.pointerId), V(!0), se.current = {
+      const ue = K.button === 1, ge = Ee && K.button === 0;
+      (ue || ge) && (K.preventDefault(), K.target.setPointerCapture(K.pointerId), V(!0), se.current = {
         x: K.clientX,
         y: K.clientY,
         panX: D.x,
@@ -5269,10 +5269,10 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
   ), Ve = je.useCallback(
     (K) => {
       if (!ne || !se.current) return;
-      const ue = K.clientX - se.current.x, me = K.clientY - se.current.y;
+      const ue = K.clientX - se.current.x, ge = K.clientY - se.current.y;
       w({
         x: se.current.panX + ue,
-        y: se.current.panY + me
+        y: se.current.panY + ge
       });
     },
     [ne, w]
@@ -5286,7 +5286,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
     };
     return window.addEventListener("pointerup", K), () => window.removeEventListener("pointerup", K);
   }, [a, ne, V]);
-  const Y = je.useMemo(() => {
+  const H = je.useMemo(() => {
     if (!x || !b) return null;
     const K = b.pieces ?? [];
     if (K.length <= 1) return null;
@@ -5297,27 +5297,27 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
         width: _.width,
         height: _.height
       } : null;
-    const ue = K.find((me) => me.id === x.pieceId);
+    const ue = K.find((ge) => ge.id === x.pieceId);
     return ue ? { x: ue.x, y: ue.y, width: ue.width, height: ue.height } : null;
-  }, [x, b, _]), $ = Mo(Y);
+  }, [x, b, _]), $ = Mo(H);
   je.useEffect(() => {
     if (o !== void 0) {
       at(o);
       return;
     }
-    if (!De.current || !_)
+    if (!Be.current || !_)
       return;
     let K = 0;
     const ue = () => {
-      if (!De.current || !_) return;
-      const Je = De.current.clientWidth;
+      if (!Be.current || !_) return;
+      const Je = Be.current.clientWidth;
       if (Je === 0)
         return;
       let Ge = _.width, Fe = _.height;
       if (x && x !== "spread" && b) {
         const xt = b.pieces ?? [];
         if (xt.length > 1) {
-          const yt = xt.find((Ht) => Ht.id === x.pieceId);
+          const yt = xt.find((Lt) => Lt.id === x.pieceId);
           yt && (Ge = yt.width, Fe = yt.height);
         }
       }
@@ -5325,8 +5325,8 @@ 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 Ht = f - c * 2, ve = Math.min(Ht / Fe, 1);
-          nt = Math.min(yt, ve), st = ve <= yt;
+          const Lt = f - c * 2, Ce = Math.min(Lt / Fe, 1);
+          nt = Math.min(yt, Ce), st = Ce <= yt;
         } else if (nt = yt, f !== void 0 && Fe * nt + c * 2 > f) {
           const An = (f - c * 2) / Fe;
           nt = Math.min(nt, An, 1), st = !0;
@@ -5335,17 +5335,17 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
         nt = Math.min(Je * i / Ge, 1);
       at(nt), ct(Je), zt(st);
     };
-    let me = !1;
+    let ge = !1;
     We.current ? ue() : K = requestAnimationFrame(() => {
       K = requestAnimationFrame(() => {
-        me || (ue(), We.current = !0);
+        ge || (ue(), We.current = !0);
       });
     });
-    const Be = new ResizeObserver(() => {
+    const Oe = new ResizeObserver(() => {
       ue();
     });
-    return Be.observe(De.current), () => {
-      me = !0, cancelAnimationFrame(K), Be.disconnect();
+    return Oe.observe(Be.current), () => {
+      ge = !0, cancelAnimationFrame(K), Oe.disconnect();
     };
   }, [o, _, i, c, f, x, b, $]);
   const ot = $e > 0 && O > 0 ? $e * O : $e;
@@ -5368,24 +5368,24 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
     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;
-  f !== void 0 && Yt > f && (Yt = f);
+  let Ht = _ ? c !== void 0 ? Dt + c * 2 : Dt / i : 0;
+  f !== void 0 && Ht > f && (Ht = f);
   let wt = c, Xt = c;
-  const rn = ((Ae = De.current) == null ? void 0 : Ae.clientWidth) || pt;
+  const rn = ((Ne = Be.current) == null ? void 0 : Ne.clientWidth) || pt;
   c !== void 0 && Pt && rn > 0 && tn > 0 && (wt = (rn - tn) / 2);
-  const on = Yt, Ut = je.useRef({ w: 0, h: 0 });
+  const on = Ht, Ut = je.useRef({ w: 0, h: 0 });
   je.useEffect(() => {
-    const K = De.current;
+    const K = Be.current;
     if (!K) return;
     Ut.current = {
       w: K.clientWidth,
       h: K.clientHeight
     };
-    const ue = new ResizeObserver((me) => {
-      const Be = me[0];
-      Be && (Ut.current = {
-        w: Be.contentRect.width,
-        h: Be.contentRect.height
+    const ue = new ResizeObserver((ge) => {
+      const Oe = ge[0];
+      Oe && (Ut.current = {
+        w: Oe.contentRect.width,
+        h: Oe.contentRect.height
       });
     });
     return ue.observe(K), () => ue.disconnect();
@@ -5397,7 +5397,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
     }
     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));
+    const ge = 0.25 * Math.min(Nt, K), Oe = 0.25 * Math.min(Dt, ue), Je = ge - (wt ?? 0) - Nt, Ge = K - ge - (wt ?? 0), Fe = Oe - (Xt ?? 0) - Dt, nt = ue - Oe - (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,
@@ -5453,7 +5453,7 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
   return /* @__PURE__ */ y(
     "div",
     {
-      ref: De,
+      ref: Be,
       className: e,
       style: Ke,
       onPointerDown: a ? Ie : void 0,
@@ -5474,14 +5474,14 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
             onElementUpdate: T,
             setElements: I,
             executeElementUpdate: g,
-            onSelectionChange: le,
-            onMultiSelectionChange: H,
-            onActiveChildChange: xe,
-            onTextSelectionChange: () => Se((K) => K + 1),
-            onHoverChange: ie,
-            onCropModeEnter: Oe,
+            onSelectionChange: ce,
+            onMultiSelectionChange: L,
+            onActiveChildChange: me,
+            onTextSelectionChange: () => de((K) => K + 1),
+            onHoverChange: ye,
+            onCropModeEnter: Ae,
             onContextMenuRequest: re,
-            hideHandles: be,
+            hideHandles: ve,
             canvasRef: C,
             width: _ == null ? void 0 : _.width,
             height: _ == null ? void 0 : _.height,
@@ -5508,14 +5508,14 @@ const Di = typeof navigator < "u" && /Mac|iP(hone|ad|od)/.test(navigator.platfor
                 q();
                 return;
               }
-              const ue = De.current;
+              const ue = Be.current;
               if (!ue) {
                 u(K);
                 return;
               }
-              const me = ue.getBoundingClientRect(), Be = me.width / 2, Je = me.height / 2, Ge = K / Math.max(O, 1e-4);
+              const ge = ue.getBoundingClientRect(), Oe = ge.width / 2, Je = ge.height / 2, Ge = K / Math.max(O, 1e-4);
               u(K), w({
-                x: Be - (Be - D.x) * Ge,
+                x: Oe - (Oe - 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
       ]
     }
   );
-}, Hi = [1, 2, 4, 8];
+}, Li = [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: Hi.map((i) => {
+              children: Li.map((i) => {
                 const a = i * 100, l = Math.abs(e - i) < 0.05;
                 return /* @__PURE__ */ y(
                   "button",
@@ -5648,12 +5648,12 @@ async function qa() {
   ] = await Promise.all([
     Promise.resolve().then(() => xa),
     Promise.resolve().then(() => ba),
-    import("./ImagePanel-DLxIDKV-.js"),
+    import("./ImagePanel-BaX0UE-L.js"),
     Promise.resolve().then(() => Sa),
     Promise.resolve().then(() => ka),
-    import("./ContextualToolbars-CG5Gmv_i.js").then((c) => c.s),
+    import("./ContextualToolbars-C62As-xY.js").then((c) => c.s),
     Promise.resolve().then(() => Ra),
-    import("./ContextualToolbars-CG5Gmv_i.js").then((c) => c.r)
+    import("./ContextualToolbars-C62As-xY.js").then((c) => c.r)
   ]);
   It("effects-panel", {
     component: e,
@@ -5703,17 +5703,17 @@ function br() {
     icon: "gravity-ui:layers",
     position: "left"
   }), It("menu-button", {
-    component: Lr,
+    component: Yr,
     label: "Menu",
     icon: "gravity-ui:bars",
     position: "topbar"
   }), It("undo-redo-controls", {
-    component: Yr,
+    component: Hr,
     label: "Undo / Redo",
     icon: "lucide:undo-2",
     position: "topbar"
   }), It("add-element-menu", {
-    component: Hr,
+    component: Lr,
     label: "Add Element",
     icon: "gravity-ui:plus",
     position: "topbar"
@@ -5762,7 +5762,7 @@ function ja(e) {
   }));
 }
 const $i = ({ stroke: e, onChange: t }) => {
-  const [n, s] = ce((e == null ? void 0 : e.enabled) || !1), o = (e == null ? void 0 : e.enabled) || !1, i = (e == null ? void 0 : e.color) || "#000000", a = (e == null ? void 0 : e.width) || 5, l = (e == null ? void 0 : e.lineCap) || "butt", c = (e == null ? void 0 : e.lineJoin) || "miter", f = (e == null ? void 0 : e.opacity) !== void 0 ? e.opacity : 1, d = (C) => {
+  const [n, s] = ae((e == null ? void 0 : e.enabled) || !1), o = (e == null ? void 0 : e.enabled) || !1, i = (e == null ? void 0 : e.color) || "#000000", a = (e == null ? void 0 : e.width) || 5, l = (e == null ? void 0 : e.lineCap) || "butt", c = (e == null ? void 0 : e.lineJoin) || "miter", f = (e == null ? void 0 : e.opacity) !== void 0 ? e.opacity : 1, d = (C) => {
     t(C ? {
       enabled: !0,
       color: i,
@@ -5881,7 +5881,7 @@ const $i = ({ stroke: e, onChange: t }) => {
   ] });
 }, Fi = ({ mask: e, index: t, isFirst: n, isLast: s, onUpdate: o, onRemove: i, onReorder: a }) => {
   var T;
-  const [l, c] = ce(!1), f = (I) => {
+  const [l, c] = ae(!1), f = (I) => {
     switch (I) {
       case "clip":
         return "🎭";
@@ -6266,7 +6266,7 @@ const $i = ({ stroke: e, onChange: t }) => {
     ] })
   ] });
 }, Wi = ({ masks: e = [], onChange: t }) => {
-  const [n, s] = ce(e.length > 0), [o, i] = ce(!1), a = (d) => {
+  const [n, s] = ae(e.length > 0), [o, i] = ae(!1), a = (d) => {
     const m = {
       id: `mask-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
       type: d,
@@ -6565,7 +6565,7 @@ function oa(e, t) {
 }
 const ia = ({ distressEffect: e, onChange: t }) => {
   go();
-  const [n, s] = ce(!1), o = (e == null ? void 0 : e.enabled) || !1, i = (e == null ? void 0 : e.style) || "worn", a = (e == null ? void 0 : e.intensity) || 50, l = (e == null ? void 0 : e.fadeAmount) || 30, c = (e == null ? void 0 : e.grainAmount) || 30, f = (e == null ? void 0 : e.scratchAmount) || 30, d = (e == null ? void 0 : e.edgeWear) || 40, m = (g) => {
+  const [n, s] = ae(!1), o = (e == null ? void 0 : e.enabled) || !1, i = (e == null ? void 0 : e.style) || "worn", a = (e == null ? void 0 : e.intensity) || 50, l = (e == null ? void 0 : e.fadeAmount) || 30, c = (e == null ? void 0 : e.grainAmount) || 30, f = (e == null ? void 0 : e.scratchAmount) || 30, d = (e == null ? void 0 : e.edgeWear) || 40, m = (g) => {
     t(g ? {
       enabled: !0,
       style: i,
@@ -6945,7 +6945,7 @@ function la(e) {
   return !e || !vr(e) ? "No knockout" : ca(e, "knockout");
 }
 const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
-  const s = e === "knockout" || e === "clip", [o, i] = ce(s), a = s, l = (t == null ? void 0 : t.fill) || !1, c = (t == null ? void 0 : t.stroke) || !1, f = (t == null ? void 0 : t.scope) || "group", d = (x) => {
+  const s = e === "knockout" || e === "clip", [o, i] = ae(s), a = s, l = (t == null ? void 0 : t.fill) || !1, c = (t == null ? void 0 : t.stroke) || !1, f = (t == null ? void 0 : t.scope) || "group", d = (x) => {
     x === "knockout" || x === "clip" ? (n(x, {
       fill: !1,
       stroke: !0,
@@ -7077,7 +7077,7 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
   onSelectGlyph: l,
   browseAll: c = !1
 }) => {
-  const [f, d] = ce([]), [m, p] = ce(!1), [b, x] = ce(null);
+  const [f, d] = ae([]), [m, p] = ae(!1), [b, x] = ae(null);
   Pe(() => {
     if (!e) return;
     p(!0), x(null), (c ? Bn.getAllGlyphs(o, i) : Bn.getGlyphAlternates(o, n, i)).then((E) => {
@@ -7223,7 +7223,7 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
   onChange: i,
   onGlyphOverridesChange: a
 }) => {
-  const [l, c] = ce(!1), [f, d] = ce([]), [m, p] = ce(!1), [b, x] = ce(!1), [v, C] = ce(0), [R, E] = ce(""), [A, T] = ce(!1), [I, g] = ce(/* @__PURE__ */ new Map()), [P, N] = ce(!1);
+  const [l, c] = ae(!1), [f, d] = ae([]), [m, p] = ae(!1), [b, x] = ae(!1), [v, C] = ae(0), [R, E] = ae(""), [A, T] = ae(!1), [I, g] = ae(/* @__PURE__ */ new Map()), [P, N] = ae(!1);
   Pe(() => {
     if (!e) {
       d([]);
@@ -7239,33 +7239,33 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
       g(/* @__PURE__ */ new Map());
       return;
     }
-    const U = Array.from(new Set(Array.from(n).filter((le) => le !== " ")));
+    const U = Array.from(new Set(Array.from(n).filter((ce) => ce !== " ")));
     if (U.length === 0) {
       g(/* @__PURE__ */ new Map());
       return;
     }
     N(!0), (async () => {
-      const le = /* @__PURE__ */ new Map();
-      for (const H of U)
+      const ce = /* @__PURE__ */ new Map();
+      for (const L of U)
         try {
-          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 '${H}':`, xe), le.set(H, 0);
+          const me = await Bn.getGlyphAlternates(e, L, t), ye = me.length > 0 ? me.length - 1 : 0;
+          ce.set(L, ye);
+        } catch (me) {
+          Rs.error(`Error loading alternates for '${L}':`, me), ce.set(L, 0);
         }
-      g(le), N(!1);
+      g(ce), N(!1);
     })();
   }, [n, e, t]);
   const D = (U) => {
-    const te = s == null ? void 0 : s[U], le = {
+    const te = s == null ? void 0 : s[U], ce = {
       ...s,
       [U]: !te
     };
-    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);
+    Object.keys(ce).forEach((L) => {
+      ce[L] || delete ce[L];
+    }), e && Object.keys(ce).length > 0 && Bn.loadFont(e, t).catch((L) => {
+      Rs.error("Error pre-loading font for OpenType features:", L);
+    }), i(Object.keys(ce).length > 0 ? ce : void 0);
   }, w = (U, te) => {
     C(U), E(te), T(!1), x(!0);
   }, ne = () => {
@@ -7274,10 +7274,10 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
     if (!a) return;
     let te = [...o];
     if (U) {
-      const le = te.findIndex((H) => H.charIndex === U.charIndex);
-      le >= 0 ? te[le] = U : te.push(U);
+      const ce = te.findIndex((L) => L.charIndex === U.charIndex);
+      ce >= 0 ? te[ce] = U : te.push(U);
     } else
-      te = te.filter((le) => le.charIndex !== v);
+      te = te.filter((ce) => ce.charIndex !== v);
     a(te.length > 0 ? te : void 0);
   }, O = s ? Object.values(s).filter(Boolean).length : 0, u = o.length, q = fa.reduce(
     (U, te) => (U[te.category] || (U[te.category] = []), U[te.category].push(te), U),
@@ -7322,26 +7322,26 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
           )
         ] }),
         /* @__PURE__ */ r("div", { className: "sc:flex sc:flex-wrap sc:gap-xs sc:rounded-md sc:border sc:border-border-medium sc:bg-surface sc:p-md", children: Array.from(n).map((U, te) => {
-          const le = o.some((ie) => ie.charIndex === te);
+          const ce = o.some((ye) => ye.charIndex === te);
           if (U === " ")
             return /* @__PURE__ */ r("div", { className: "sc:h-4xl sc:w-sm" }, te);
-          const xe = I.get(U) || 0;
+          const me = I.get(U) || 0;
           return /* @__PURE__ */ y(
             "button",
             {
               onClick: () => w(te, U),
               className: `
                         sc:relative sc:min-w-4xl sc:cursor-pointer sc:rounded sc:border-2 sc:p-xs sc:text-center sc:text-3xl sc:transition-all sc:duration-fast
-                        ${le ? "sc:border-success sc:bg-success sc:text-success-foreground" : "sc:border-border-medium sc:bg-surface sc:text-text-primary sc:hover:border-info sc:hover:bg-info/10"}
+                        ${ce ? "sc:border-success sc:bg-success sc:text-success-foreground" : "sc:border-border-medium sc:bg-surface sc:text-text-primary sc:hover:border-info sc:hover:bg-info/10"}
                       `,
               style: { fontFamily: e },
               children: [
                 U,
-                xe > 0 && /* @__PURE__ */ r(
+                me > 0 && /* @__PURE__ */ r(
                   "span",
                   {
-                    className: `sc:absolute sc:-right-[4px] sc:-top-[4px] sc:min-w-lg sc:rounded-full sc:border-2 sc:border-surface sc:px-xs sc:py-[2px] sc:text-center sc:text-3xs sc:font-semibold sc:leading-none sc:shadow-md ${le ? "sc:bg-success sc:text-success-foreground" : "sc:bg-info sc:text-info-foreground"}`,
-                    children: xe
+                    className: `sc:absolute sc:-right-[4px] sc:-top-[4px] sc:min-w-lg sc:rounded-full sc:border-2 sc:border-surface sc:px-xs sc:py-[2px] sc:text-center sc:text-3xs sc:font-semibold sc:leading-none sc:shadow-md ${ce ? "sc:bg-success sc:text-success-foreground" : "sc:bg-info sc:text-info-foreground"}`,
+                    children: me
                   }
                 )
               ]
@@ -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((H) => f.includes(H.tag));
-        return le.length === 0 ? null : /* @__PURE__ */ y("div", { className: "sc:mb-lg", children: [
+        const ce = te.filter((L) => f.includes(L.tag));
+        return ce.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((H) => /* @__PURE__ */ y(
+          /* @__PURE__ */ r("div", { className: "sc:flex sc:flex-col sc:gap-sm", children: ce.map((L) => /* @__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[H.tag]) || !1,
-                    onChange: () => D(H.tag),
+                    checked: (s == null ? void 0 : s[L.tag]) || !1,
+                    onChange: () => D(L.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: H.label }),
-                  /* @__PURE__ */ r("div", { className: "sc:mt-[2px] sc:text-2xs sc:text-text-secondary", children: H.description })
+                  /* @__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 })
                 ] })
               ]
             },
-            H.tag
+            L.tag
           )) })
         ] }, U);
       }) })
@@ -7396,7 +7396,7 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
   ] });
 }, ma = ({ element: e, onElementUpdate: t, isOpen: n, onClose: s }) => {
   var p, b;
-  const [o, i] = ce("stroke");
+  const [o, i] = ae("stroke");
   if (!e) return null;
   const a = (p = e.stroke) == null ? void 0 : p.enabled, l = e.masks && e.masks.length > 0, c = (b = e.distressEffect) == null ? void 0 : b.enabled, f = e.blendMode === "knockout" || e.blendMode === "clip", d = e instanceof Qe, m = d && (e.glyphOverrides && e.glyphOverrides.length > 0 || e.openTypeFeatures && Object.keys(e.openTypeFeatures).length > 0);
   return /* @__PURE__ */ r(
@@ -7420,31 +7420,31 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
               /* @__PURE__ */ y(Ot.Tab, { id: "stroke", children: [
                 /* @__PURE__ */ r(ze, { icon: _e.minus, className: "sc:size-4" }),
                 "Stroke",
-                a && /* @__PURE__ */ r(Yn, { variant: "default", className: "sc:ml-2 sc:size-2 sc:rounded-full sc:p-0" }),
+                a && /* @__PURE__ */ r(Hn, { variant: "default", className: "sc:ml-2 sc:size-2 sc:rounded-full sc:p-0" }),
                 /* @__PURE__ */ r(Ot.Indicator, {})
               ] }),
               /* @__PURE__ */ y(Ot.Tab, { id: "masks", children: [
                 /* @__PURE__ */ r(ze, { icon: _e.group, className: "sc:size-4" }),
                 "Masks",
-                l && /* @__PURE__ */ r(Yn, { variant: "default", className: "sc:ml-2 sc:size-2 sc:rounded-full sc:p-0" }),
+                l && /* @__PURE__ */ r(Hn, { variant: "default", className: "sc:ml-2 sc:size-2 sc:rounded-full sc:p-0" }),
                 /* @__PURE__ */ r(Ot.Indicator, {})
               ] }),
               /* @__PURE__ */ y(Ot.Tab, { id: "distress", children: [
                 /* @__PURE__ */ r(ze, { icon: "lucide:cloud", className: "sc:size-4" }),
                 "Distress",
-                c && /* @__PURE__ */ r(Yn, { variant: "default", className: "sc:ml-2 sc:size-2 sc:rounded-full sc:p-0" }),
+                c && /* @__PURE__ */ r(Hn, { variant: "default", className: "sc:ml-2 sc:size-2 sc:rounded-full sc:p-0" }),
                 /* @__PURE__ */ r(Ot.Indicator, {})
               ] }),
               /* @__PURE__ */ y(Ot.Tab, { id: "compositing", children: [
                 /* @__PURE__ */ r(ze, { icon: _e.scissors, className: "sc:size-4" }),
                 "Knockout",
-                f && /* @__PURE__ */ r(Yn, { variant: "default", className: "sc:ml-2 sc:size-2 sc:rounded-full sc:p-0" }),
+                f && /* @__PURE__ */ r(Hn, { variant: "default", className: "sc:ml-2 sc:size-2 sc:rounded-full sc:p-0" }),
                 /* @__PURE__ */ r(Ot.Indicator, {})
               ] }),
               d && /* @__PURE__ */ y(Ot.Tab, { id: "typography", children: [
                 /* @__PURE__ */ r(ze, { icon: _e.text, className: "sc:size-4" }),
                 "Typography",
-                m && /* @__PURE__ */ r(Yn, { variant: "default", className: "sc:ml-2 sc:size-2 sc:rounded-full sc:p-0" }),
+                m && /* @__PURE__ */ r(Hn, { variant: "default", className: "sc:ml-2 sc:size-2 sc:rounded-full sc:p-0" }),
                 /* @__PURE__ */ r(Ot.Indicator, {})
               ] })
             ] }) }),
@@ -7586,7 +7586,7 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
     progress: p,
     supportsWorkerExport: b,
     workerStats: x
-  } = Vr(), { 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] = ae(t), [A, T] = ae(n), [I, g] = ae(500), P = async () => {
     if (C)
       try {
         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";
@@ -7888,7 +7888,7 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
   fontWeight: s = 400,
   onInsertGlyph: o
 }) => {
-  const [i, a] = ce([]), [l, c] = ce(!1), [f, d] = ce(null), [m, p] = ce("");
+  const [i, a] = ae([]), [l, c] = ae(!1), [f, d] = ae(null), [m, p] = ae("");
   Pe(() => {
     e && (c(!0), d(null), p(""), Bn.getAllGlyphs(n, s).then((v) => {
       v.length === 0 && d(`No alternate glyphs found in ${n}`), a(v), c(!1);
@@ -7964,7 +7964,7 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
                 v.previewDataUrl ? /* @__PURE__ */ r("img", { src: v.previewDataUrl, alt: v.name, className: "sc:h-auto sc:w-full sc:object-contain" }) : /* @__PURE__ */ r("div", { className: "sc:text-5xl sc:leading-none", style: { fontFamily: n }, children: v.unicode }),
                 /* @__PURE__ */ r("div", { className: "sc:w-full sc:overflow-hidden sc:text-ellipsis sc:whitespace-nowrap sc:text-center sc:text-xs sc:text-muted", children: v.name }),
                 v.category !== "default" && /* @__PURE__ */ r(
-                  Yn,
+                  Hn,
                   {
                     size: "sm",
                     color: v.category === "swash" ? "warning" : v.category === "stylistic" ? "primary" : "success",
@@ -8044,7 +8044,7 @@ const da = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
     createArtboard: d,
     deleteArtboard: m,
     renameArtboard: p
-  } = ar(), [b, x] = ce(null), [v, C] = ce(""), R = (N, D) => {
+  } = ar(), [b, x] = ae(null), [v, C] = ae(""), R = (N, D) => {
     x(N), C(D);
   }, E = () => {
     b && v.trim() && p(b, v.trim()), x(null), C("");
@@ -8656,25 +8656,25 @@ export {
   Ma as D,
   vo as E,
   wa as G,
-  qs as K,
+  $a as K,
   Qa as L,
   pr as M,
   bo as P,
   tc as S,
   ec as T,
   er as Z,
-  Ea as a,
-  Za as b,
-  Wa as c,
-  Ja as d,
-  ga as e,
-  ya as f,
-  $a as g,
-  Ua as h,
-  Va as i,
-  Ka as j,
-  qa as k,
-  ja as l,
+  ja as a,
+  ga as b,
+  ya as c,
+  Ea as d,
+  Za as e,
+  Wa as f,
+  Va as g,
+  Ja as h,
+  qs as i,
+  Ua as j,
+  Ka as k,
+  qa as l,
   It as m,
   Go as n,
   Fa as o,
@@ -8683,4 +8683,4 @@ export {
   Ga as u,
   nc as v
 };
-//# sourceMappingURL=validation-THw5W6N_.js.map
+//# sourceMappingURL=validation-BG-V98h0.js.map