@snowcone-app/canvas 0.19.1 → 0.21.0

package/dist/{validation-0IscSfRb.js → validation-3YEMnKLB.js}

@@ -1,19 +1,19 @@
 import { jsx as s, jsxs as f, Fragment as Zt } from "react/jsx-runtime";
 import * as Bn from "react";
-import ot, { useState as V, useEffect as Ne, useCallback as ct, useMemo as fs, useContext as Nr, createContext as Pr, useRef as be, useImperativeHandle as lr, forwardRef as Ar } from "react";
-import { u as ts, k as Dr, l as Vs, m as Us, a as Ts, s as Br, e as dr, f as zr } from "./EditorContext-5QpqAhjh.js";
-import { g as Lr, I as Le, j as Hr, n as Is, q as zn, r as Xr, T as ln, h as dn, i as un, B as rt, t as Or, v as Yr, w as _r, o as ut, x as Ns, f as $r, u as Ps, d as Fr, C as Wr } from "./MenuButton-CeoEAtzP.js";
-import { I as Ot, G as De, am as As, a2 as ms, a5 as ur, an as Ks, ao as Vr, ap as bn, aq as Ur, ar as cs, P as vn, c as Tn, as as Jt, at as ds, au as Kr, T as it, al as Gr, av as jn, aw as jr, ax as qr, ay as Zr, az as hr, aA as Jr, aB as Cs, aC as Qr, K as eo, S as qn, R as to, z as An } from "./FontAnalyzer-DIlqmyuf.js";
-import { createPortal as no } from "react-dom";
-import { g as Yn, f as so, r as ro, h as oo, C as Gs, j as us, T as io, e as co, A as ao, S as lo, I as uo, a as ho } from "./CanvasRenderer-DUc-MOeR.js";
-import { u as fo } from "./ThemeContext-Rjz25x9X.js";
-import { renderToStaticMarkup as mo } from "react-dom/server";
-import { D as Ds, n as Bs, L as xt, o as fr, p as zs, C as po, q as Pt, r as ps, s as Qe, t as as, v as hs } from "./ContextualToolbars-CkLjHNPn.js";
+import ot, { useState as V, useEffect as Ne, useCallback as ct, useMemo as fs, useContext as Pr, createContext as Ar, useRef as be, useImperativeHandle as lr, forwardRef as Dr } from "react";
+import { u as ts, h as Br, o as Vs, q as Us, a as Ts, s as zr, e as dr, f as Lr } from "./editorErrors-CK1RISFa.js";
+import { g as Hr, I as Le, j as Xr, n as Is, y as zn, x as Or, v as Yr, w as _r, t as $r, z as Fr, T as ln, h as dn, i as un, B as rt, A as Wr, F as Vr, G as Ur, H as ut, J as Ns, f as Kr, u as Ps, d as Gr, C as jr } from "./UnifiedFontService-B1PGVu8O.js";
+import { I as Ot, G as De, am as As, a2 as ms, a5 as ur, an as Ks, ao as qr, ap as bn, aq as Zr, ar as cs, P as vn, c as Tn, as as Jt, at as ds, au as Jr, T as it, al as Qr, av as jn, aw as eo, ax as to, ay as no, az as hr, aA as so, aB as Cs, aC as ro, K as oo, S as qn, R as io, z as An } from "./FontAnalyzer-BpsTYowD.js";
+import { createPortal as co } from "react-dom";
+import { g as Yn, f as ao, r as lo, h as uo, C as Gs, j as us, T as ho, e as fo, A as mo, S as po, I as go, a as xo } from "./CanvasRenderer-CwiYq8qg.js";
+import { u as yo } from "./ThemeContext-Rjz25x9X.js";
+import { renderToStaticMarkup as bo } from "react-dom/server";
+import { D as Ds, n as Bs, L as xt, o as fr, p as zs, C as vo, q as Pt, r as ps, s as Qe, t as as, v as hs } from "./ContextualToolbars--vTtorNg.js";
 import * as Jn from "@radix-ui/react-radio-group";
-import { F as go, G as js, H as qs } from "./ImportManager-D--7JnvW.js";
+import { F as wo, G as js, H as qs } from "./ExportManager-DK7CdI-G.js";
 import { cva as mr } from "class-variance-authority";
 import { debounce as Zs } from "lodash-es";
-const xo = {
+const Co = {
   elements: ["text", "image", "shape", "path", "group"],
   transforms: ["custom", "circle", "lean", "arch", "ascend", "wave", "flag", "image", "group", "shape", "path"],
   effects: ["stroke", "mask", "distress", "knockout"],
@@ -39,7 +39,7 @@ const xo = {
     undo: !0,
     keyboardShortcuts: !0
   }
-}, yo = {
+}, So = {
   name: "compact-customizer",
   layout: {
     slots: {
@@ -69,17 +69,22 @@ const xo = {
     sampleText: "Your Text",
     defaultFontFamily: "Poppins"
   }
-}, bo = {
+}, Eo = {
   name: "pro-studio",
   layout: {
     slots: {
-      topbar: ["add-element-menu", "undo-redo-controls", "contextual-toolbar"],
+      // D6 (ADR-0085 P4): slots resolve to the public `Editor.*` parts —
+      // `add-element-menu` is `Editor.Add` (the ⊕ catalog only), so the
+      // save/open/export overflow now comes from `menu-button`
+      // (`Editor.Menu`), which this preset previously leaned on
+      // `add-element-menu`'s MenuButton hack for.
+      topbar: ["add-element-menu", "undo-redo-controls", "menu-button", "contextual-toolbar"],
       left: ["layers-panel"],
       canvas: ["canvas"],
       right: ["effects-panel"]
     }
   },
-  capabilities: xo,
+  capabilities: Co,
   behavior: {
     toolbar: "contextual",
     selection: "multi",
@@ -96,7 +101,7 @@ const xo = {
     sampleText: "New Text",
     defaultFontFamily: "Poppins"
   }
-}, vo = {
+}, ko = {
   name: "embed-only",
   layout: {
     slots: {
@@ -128,11 +133,11 @@ const xo = {
     panelVariant: "flush"
   }
 }, Js = /* @__PURE__ */ new Map([
-  ["compact-customizer", yo],
-  ["pro-studio", bo],
-  ["embed-only", vo]
+  ["compact-customizer", So],
+  ["pro-studio", Eo],
+  ["embed-only", ko]
 ]);
-function wo(e) {
+function Ro(e) {
   if (typeof e == "string") {
     const t = Js.get(e);
     if (!t) {
@@ -145,14 +150,14 @@ function wo(e) {
   }
   return e;
 }
-const gr = Pr(null);
-function Uc({ kit: e, children: t }) {
+const gr = Ar(null);
+function Zc({ kit: e, children: t }) {
   const [n, r] = V(e);
   Ne(() => {
     r(e);
   }, [e]);
   const o = ct((c) => {
-    const l = typeof c == "string" ? wo(c) : c;
+    const l = typeof c == "string" ? Ro(c) : c;
     r(l);
   }, []), i = fs(
     () => ({ kit: n, setKit: o }),
@@ -160,16 +165,16 @@ function Uc({ kit: e, children: t }) {
   );
   return /* @__PURE__ */ s(gr.Provider, { value: i, children: t });
 }
-function Co() {
-  const e = Nr(gr);
+function Mo() {
+  const e = Pr(gr);
   if (!e) throw new Error("useKit must be used within a KitProvider");
   return e;
 }
-function Kc() {
-  const { kit: e } = Co();
+function Jc() {
+  const { kit: e } = Mo();
   return e.capabilities;
 }
-function So(e, t) {
+function To(e, t) {
   if (t instanceof Ot && t.isCropping || e instanceof Ot && e.isCropping)
     return !0;
   if (e instanceof De) {
@@ -179,7 +184,7 @@ function So(e, t) {
   }
   return !1;
 }
-function Eo(e) {
+function Io(e) {
   const t = (e == null ? void 0 : e.enabled) ?? !0, {
     selectedElement: n,
     activeChildElement: r,
@@ -197,7 +202,7 @@ function Eo(e) {
     setHideHandles: g,
     handleAddElement: y,
     isToolbarMenuOpen: b
-  } = ts(), E = Dr(), { duplicateLayer: S } = Lr();
+  } = ts(), E = Br(), { duplicateLayer: S } = Hr();
   Ne(() => {
     if (!t) return;
     const k = (v) => {
@@ -235,7 +240,7 @@ function Eo(e) {
           return;
         }
         if (v.key === "Delete" || v.key === "Backspace") {
-          if (b || So(n, r))
+          if (b || To(n, r))
             return;
           if (v.preventDefault(), o.length > 0) {
             i.filter(
@@ -296,8 +301,8 @@ function Eo(e) {
     E
   ]);
 }
-const ko = 280, Ro = (e) => 1 - Math.pow(1 - e, 3);
-function Mo(e, t = ko) {
+const No = 280, Po = (e) => 1 - Math.pow(1 - e, 3);
+function Ao(e, t = No) {
   const [n, r] = V(e), o = be(n);
   o.current = n;
   const i = be(null), c = e ? `${e.x},${e.y},${e.width},${e.height}` : "none";
@@ -314,7 +319,7 @@ function Mo(e, t = ko) {
     if (l.x === e.x && l.y === e.y && l.width === e.width && l.height === e.height)
       return;
     const a = performance.now(), u = (d) => {
-      const p = Math.min(1, (d - a) / t), m = Ro(p);
+      const p = Math.min(1, (d - a) / t), m = Po(p);
       r({
         x: l.x + (e.x - l.x) * m,
         y: l.y + (e.y - l.y) * m,
@@ -360,7 +365,7 @@ function xr(e, t) {
     i++;
   return { start: o, end: i };
 }
-function To(e, t) {
+function Do(e, t) {
   const { fontSize: n, fontFamily: r, bold: o, italic: i, textAlign: c } = e, l = e.getRichText(), u = e.getVisualBoundingBox().width;
   let d = u, p = 0;
   e.transformType === "custom" && (p = ur, d = u - p * 2);
@@ -411,8 +416,8 @@ function To(e, t) {
     lineStartIndex: w
   };
 }
-function Io(e, t, n) {
-  const { fontSize: r } = e, i = r * 1.2, c = To(e, t), l = n === "up" ? Math.max(0, c.lineIndex - 1) : Math.min(c.lineCount - 1, c.lineIndex + 1);
+function Bo(e, t, n) {
+  const { fontSize: r } = e, i = r * 1.2, c = Do(e, t), l = n === "up" ? Math.max(0, c.lineIndex - 1) : Math.min(c.lineCount - 1, c.lineIndex + 1);
   if (l === c.lineIndex)
     return t;
   const a = l * i + i / 2;
@@ -479,7 +484,7 @@ function wn(e, t) {
   }
   return E + S.length;
 }
-function No() {
+function zo() {
   const [e, t] = V(!1), [n, r] = V({
     x: 0,
     y: 0
@@ -514,7 +519,7 @@ function No() {
     }
   };
 }
-class Po {
+class Lo {
   constructor() {
     this.state = {
       active: !1,
@@ -695,7 +700,7 @@ class Po {
     var c, l, a, u, d, p, m, w;
     if (!this.state.active || this.state.points.length === 0) return;
     const { points: r, previewPoint: o, currentPoint: i } = this.state;
-    if (t.save(), t.translate(n.x, n.y), t.strokeStyle = Vr(), t.lineWidth = 2, t.setLineDash([]), t.beginPath(), r.length > 0) {
+    if (t.save(), t.translate(n.x, n.y), t.strokeStyle = qr(), t.lineWidth = 2, t.setLineDash([]), t.beginPath(), r.length > 0) {
       const g = r[0];
       t.moveTo(g.x, g.y);
       for (let b = 1; b < r.length; b++) {
@@ -720,7 +725,7 @@ class Po {
     t.setLineDash([]);
     for (let g = 0; g < r.length; g++) {
       const y = r[g];
-      if (g === 0 && r.length > 1 && (t.strokeStyle = bn(), t.lineWidth = 2, t.beginPath(), t.arc(y.x, y.y, 8, 0, Math.PI * 2), t.stroke()), t.fillStyle = Ur(), t.strokeStyle = bn(), t.lineWidth = 2, t.beginPath(), t.arc(y.x, y.y, 4, 0, Math.PI * 2), t.fill(), t.stroke(), y.handleIn) {
+      if (g === 0 && r.length > 1 && (t.strokeStyle = bn(), t.lineWidth = 2, t.beginPath(), t.arc(y.x, y.y, 8, 0, Math.PI * 2), t.stroke()), t.fillStyle = Zr(), t.strokeStyle = bn(), t.lineWidth = 2, t.beginPath(), t.arc(y.x, y.y, 4, 0, Math.PI * 2), t.fill(), t.stroke(), y.handleIn) {
         const E = y.x + y.handleIn.x, S = y.y + y.handleIn.y;
         t.strokeStyle = cs(), t.lineWidth = 1, t.beginPath(), t.moveTo(y.x, y.y), t.lineTo(E, S), t.stroke(), t.fillStyle = cs(), t.beginPath(), t.arc(E, S, 3, 0, Math.PI * 2), t.fill();
       }
@@ -740,12 +745,12 @@ class Po {
     t.restore();
   }
 }
-const Ao = Tn("usePenTool");
-function Do({ selectedElement: e }) {
-  const [t] = V(() => new Po()), [n, r] = V("crosshair");
+const Ho = Tn("usePenTool");
+function Xo({ selectedElement: e }) {
+  const [t] = V(() => new Lo()), [n, r] = V("crosshair");
   return Ne(() => {
     try {
-      const o = mo(/* @__PURE__ */ s(Le, { icon: "lucide:pen-tool", width: 24, height: 24 })).replace(
+      const o = bo(/* @__PURE__ */ s(Le, { icon: "lucide:pen-tool", width: 24, height: 24 })).replace(
         /<svg[^>]*>|<\/svg>/g,
         ""
       ), i = `
@@ -762,7 +767,7 @@ function Do({ selectedElement: e }) {
       `.trim(), l = `data:image/svg+xml,${encodeURIComponent(i)}`;
       r(`url('${l}') 0 0, crosshair`);
     } catch (o) {
-      Ao.error("Failed to create pen cursor:", o), r("crosshair");
+      Ho.error("Failed to create pen cursor:", o), r("crosshair");
     }
   }, []), Ne(() => {
     e instanceof vn && e.transformData.points.length === 0 && !t.isActive() && t.startPath(e);
@@ -771,7 +776,7 @@ function Do({ selectedElement: e }) {
     penCursor: n
   };
 }
-function Bo({
+function Oo({
   elements: e,
   selectedElement: t,
   transformHandles: n,
@@ -795,7 +800,7 @@ function Bo({
     editingChildIdRef: c
   };
 }
-function zo({ onHoverChange: e }) {
+function Yo({ onHoverChange: e }) {
   const [t, n] = V({
     type: null,
     data: null,
@@ -892,7 +897,7 @@ class Ls {
     );
   }
 }
-class Lo {
+class _o {
   /**
    * Handle dragging the image in crop mode
    */
@@ -970,7 +975,7 @@ class Lo {
    * @private
    */
   _calculateNewCropValues(t, n, r, o, i, c, l) {
-    const a = Kr;
+    const a = Jr;
     let u = n, d = r, p = o, m = i;
     return t === "top-left" ? (u = n + c, d = r + l, p = o - c, m = i - l) : t === "top-right" ? (d = r + l, p = o + c, m = i - l) : t === "bottom-left" ? (u = n + c, p = o - c, m = i + l) : t === "bottom-right" ? (p = o + c, m = i + l) : t === "top" ? (d = r + l, m = i - l) : t === "bottom" ? m = i + l : t === "left" ? (u = n + c, p = o - c) : t === "right" && (p = o + c), this._constrainCropValues(
       t,
@@ -1013,13 +1018,13 @@ class Lo {
     return n.includes("left") ? p = (l - 0.5) * i : n.includes("right") ? p = (l + u - 0.5) * i : p = (l + u / 2 - 0.5) * i, n.includes("top") ? m = (a - 0.5) * c : n.includes("bottom") ? m = (a + d - 0.5) * c : m = (a + d / 2 - 0.5) * c, r.localToWorld(p, m);
   }
 }
-function Ho() {
-  const [e] = V(() => new Lo());
+function $o() {
+  const [e] = V(() => new _o());
   return {
     cropController: e
   };
 }
-function Xo(e) {
+function Fo(e) {
   const t = be(null), n = be(null);
   return Ne(() => {
     n.current = null;
@@ -1031,7 +1036,7 @@ function Xo(e) {
 function Qs(e) {
   return e != null && e instanceof it;
 }
-function Oo({ selectedElement: e, ref: t }) {
+function Wo({ selectedElement: e, ref: t }) {
   const [n, r] = V(!1), [o, i] = V(""), [c, l] = V({ x: 0, y: 0, width: 200, height: 50 }), [a, u] = V(0), [d, p] = V(0), [m, w] = V(0), g = be(1), y = be(performance.now()), b = be(0), E = be(!1), [S, k] = V(null), [z, v] = V(null), I = be(null), B = ct(
     (C) => {
       if (!n || !S)
@@ -1103,7 +1108,7 @@ function Oo({ selectedElement: e, ref: t }) {
     toggleFormattingProperty: T
   };
 }
-function Yo({
+function Vo({
   width: e,
   height: t,
   zoom: n,
@@ -1173,7 +1178,7 @@ function Yo({
     zoomInvariantBorderRadius: oe
   };
 }
-function _o() {
+function Uo() {
   const [e, t] = V([]), [n, r] = V([]), [o, i] = V(!1), [c, l] = V(!1), [a, u] = V(0), [d, p] = V(0), [, m] = V(0);
   return {
     snapGuides: e,
@@ -1190,11 +1195,11 @@ function _o() {
     setRotatingElementVersion: m
   };
 }
-function $o({ elements: e }) {
+function Ko({ elements: e }) {
   const [, t] = V({}), [n, r] = V(0), [o, i] = V(0), [c, l] = V(0), a = ct(() => {
     i((u) => u + 1);
   }, []);
-  return Ne(() => Gr((d) => {
+  return Ne(() => Qr((d) => {
     e.some((m) => m.id === d) && i((m) => m + 1);
   }), [e]), {
     renderVersion: o,
@@ -1256,7 +1261,7 @@ const Kn = {
   labelHaloColor: "#ffffff"
 };
 let Mn = null;
-function Fo(e) {
+function Go(e) {
   const t = e.width, n = e.height;
   if (t <= 0 || n <= 0) return null;
   Mn || (Mn = document.createElement("canvas")), Mn.width !== t && (Mn.width = t), Mn.height !== n && (Mn.height = n);
@@ -1269,7 +1274,7 @@ function Ss(e, t) {
   const r = n.slice(4, -1), [o, ...i] = r.split(","), c = o.trim(), l = i.length > 0 ? i.join(",").trim() : "", a = t ?? document.documentElement;
   return getComputedStyle(a).getPropertyValue(c).trim() || l || "#333";
 }
-function Wo(e) {
+function jo(e) {
   if (typeof document > "u") return !1;
   const t = document.documentElement;
   return !!(t.classList.contains("dark") || t.getAttribute("data-theme") === "dark");
@@ -1309,7 +1314,7 @@ function Zn(e, t) {
   }
   e.beginPath(), ns(e, t), e.stroke();
 }
-function Vo(e, t) {
+function qo(e, t) {
   t.kind !== "path" && ns(e, t);
 }
 function gs(e, t) {
@@ -1330,7 +1335,7 @@ function gs(e, t) {
   }
   e.addPath(new Path2D(t.d));
 }
-function Uo(e, t, n) {
+function Zo(e, t, n) {
   return (e == null ? void 0 : e.boundary) ?? {
     kind: "rect",
     x: 0,
@@ -1339,7 +1344,7 @@ function Uo(e, t, n) {
     height: n
   };
 }
-function Ko(e, t, n, r) {
+function Jo(e, t, n, r) {
   if (e != null && e.safeArea) return e.safeArea;
   if (t.safeAreaInsetPx && t.safeAreaInsetPx > 0) {
     const o = t.safeAreaInsetPx;
@@ -1353,7 +1358,7 @@ function Ko(e, t, n, r) {
   }
   return null;
 }
-function Go(e) {
+function Qo(e) {
   var E, S, k, z, v, I, B;
   const { ctx: t, pieces: n, pieceGuides: r, artboardOrigin: o, zoom: i } = e;
   if (!n.length) return;
@@ -1363,7 +1368,7 @@ function Go(e) {
     boundary: ((k = e.show) == null ? void 0 : k.boundary) ?? !0,
     safeArea: ((z = e.show) == null ? void 0 : z.safeArea) ?? !0,
     labels: ((v = e.show) == null ? void 0 : v.labels) ?? !0
-  }, l = t.canvas, a = l instanceof HTMLCanvasElement ? l : null, u = Wo(), p = { ...{
+  }, l = t.canvas, a = l instanceof HTMLCanvasElement ? l : null, u = jo(), p = { ...{
     ...Kn,
     bleedFill: u ? "#ffffff" : "#000000"
   }, ...e.style };
@@ -1377,7 +1382,7 @@ function Go(e) {
       var T;
       return (((T = r == null ? void 0 : r[N.id]) == null ? void 0 : T.zones) ?? []).some((C) => C.kind === "dieCut");
     }
-  ) && a ? Fo(a) : null;
+  ) && a ? Go(a) : null;
   t.save(), t.translate(o.x, o.y);
   for (const N of n) {
     if (e.focusedPieceId != null && N.id !== e.focusedPieceId)
@@ -1386,7 +1391,7 @@ function Go(e) {
     t.save(), t.translate(N.x, N.y);
     const P = N.rotation ?? 0;
     P === 90 ? (t.translate(N.width, 0), t.rotate(Math.PI / 2)) : P === 180 ? (t.translate(N.width, N.height), t.rotate(Math.PI)) : P === 270 && (t.translate(0, N.height), t.rotate(3 * Math.PI / 2));
-    const O = P === 90 || P === 270, x = O ? N.height : N.width, K = O ? N.width : N.height, U = Uo(T, x, K), ne = Ko(T, N, x, K), se = !0, D = Math.max(0, (T == null ? void 0 : T.outerRadius) ?? 0), le = D > 0 ? {
+    const O = P === 90 || P === 270, x = O ? N.height : N.width, K = O ? N.width : N.height, U = Zo(T, x, K), ne = Jo(T, N, x, K), se = !0, D = Math.max(0, (T == null ? void 0 : T.outerRadius) ?? 0), le = D > 0 ? {
       kind: "roundedRect",
       x: 0,
       y: 0,
@@ -1401,18 +1406,18 @@ function Go(e) {
       width: x,
       height: K
     };
-    if (D > 0 && (t.save(), t.beginPath(), Vo(t, le), t.clip()), c.bleed && p.bleedOpacity > 0) {
+    if (D > 0 && (t.save(), t.beginPath(), qo(t, le), t.clip()), c.bleed && p.bleedOpacity > 0) {
       const Se = p.bleedInnerEdge === "safeArea" && ne ? ne : U;
       if (Se) {
         const me = u ? "screen" : "multiply", ve = p.bleedOpacity;
-        p.bleedMode === "solid" ? qo(
+        p.bleedMode === "solid" ? ti(
           t,
           le,
           Se,
           m,
           ve,
           me
-        ) : jo(
+        ) : ei(
           t,
           x,
           K,
@@ -1435,7 +1440,7 @@ function Go(e) {
         ), Zn(t, Se.path), t.setLineDash([]), t.restore());
     if (c.zones)
       for (const Se of C)
-        Se.kind === "dieCut" && (p.dieCutMode === "knockout" ? ei(
+        Se.kind === "dieCut" && (p.dieCutMode === "knockout" ? oi(
           t,
           Se,
           p.dieCutStroke,
@@ -1444,7 +1449,7 @@ function Go(e) {
           se,
           b,
           p.dieCutBlurPx
-        ) : Jo(
+        ) : si(
           t,
           Se,
           b,
@@ -1454,15 +1459,15 @@ function Go(e) {
           p.dieCutStroke,
           p.dieCutStrokeWidthPx
         ));
-    c.boundary && g && p.boundaryStrokeWidthPx > 0 && (t.save(), t.strokeStyle = g, jn(t, p.boundaryStrokeWidthPx), Zn(t, U), t.restore()), c.safeArea && ne && p.safeAreaStroke && (t.save(), t.strokeStyle = p.safeAreaStroke, jn(t, p.safeAreaStrokeWidthPx, p.safeAreaDashPx), Zn(t, ne), t.setLineDash([]), t.restore()), c.labels && oe.length > 0 && ti(t, oe, p, i), D > 0 && t.restore(), t.restore();
+    c.boundary && g && p.boundaryStrokeWidthPx > 0 && (t.save(), t.strokeStyle = g, jn(t, p.boundaryStrokeWidthPx), Zn(t, U), t.restore()), c.safeArea && ne && p.safeAreaStroke && (t.save(), t.strokeStyle = p.safeAreaStroke, jn(t, p.safeAreaStrokeWidthPx, p.safeAreaDashPx), Zn(t, ne), t.setLineDash([]), t.restore()), c.labels && oe.length > 0 && ii(t, oe, p, i), D > 0 && t.restore(), t.restore();
   }
   t.restore();
 }
-function jo(e, t, n, r, o, i, c, l, a, u = "source-over") {
+function ei(e, t, n, r, o, i, c, l, a, u = "source-over") {
   const d = Math.max(
     6,
     Math.round(Math.min(t, n) * l)
-  ), p = a > 0 ? d * a : d, m = typeof window < "u" && window.devicePixelRatio || 1, w = d, g = t + 2 * w, y = n + 2 * w, b = Math.max(1, Math.ceil(g * a * m)), E = Math.max(1, Math.ceil(y * a * m)), S = Zo(b, E);
+  ), p = a > 0 ? d * a : d, m = typeof window < "u" && window.devicePixelRatio || 1, w = d, g = t + 2 * w, y = n + 2 * w, b = Math.max(1, Math.ceil(g * a * m)), E = Math.max(1, Math.ceil(y * a * m)), S = ni(b, E);
   if (!S) return;
   const k = S.getContext("2d");
   if (!k) return;
@@ -1474,16 +1479,16 @@ function jo(e, t, n, r, o, i, c, l, a, u = "source-over") {
   const I = e.globalCompositeOperation;
   e.globalCompositeOperation = u, e.drawImage(S, -w, -w, g, y), e.globalCompositeOperation = I;
 }
-function qo(e, t, n, r, o, i = "source-over") {
+function ti(e, t, n, r, o, i = "source-over") {
   e.save(), e.globalAlpha = e.globalAlpha * o, e.globalCompositeOperation = i, e.fillStyle = r;
   const c = new Path2D();
   gs(c, t), gs(c, n), e.fill(c, "evenodd"), e.restore();
 }
 let Pn = null;
-function Zo(e, t) {
+function ni(e, t) {
   return typeof document > "u" ? null : (Pn || (Pn = document.createElement("canvas")), Pn.width !== e && (Pn.width = e), Pn.height !== t && (Pn.height = t), Pn);
 }
-function Jo(e, t, n, r, o, i, c, l) {
+function si(e, t, n, r, o, i, c, l) {
   const a = t.path;
   if (e.save(), e.beginPath(), ns(e, a), e.clip(), n && (e.save(), e.globalCompositeOperation = "destination-out", e.fillStyle = "#000", a.kind === "path" ? Qn(e, a) : e.fillRect(a.x, a.y, a.width, a.height), e.restore(), i > 0)) {
     const u = e.globalAlpha, d = e.getTransform();
@@ -1495,8 +1500,8 @@ function Jo(e, t, n, r, o, i, c, l) {
   }
   e.restore(), c && (e.save(), e.strokeStyle = c, jn(e, l), Zn(e, a), e.restore());
 }
-const Qo = 0.3;
-function ei(e, t, n, r, o, i = !0, c, l = 0) {
+const ri = 0.3;
+function oi(e, t, n, r, o, i = !0, c, l = 0) {
   const a = t.path;
   if (i)
     if (o && c && l > 0) {
@@ -1504,25 +1509,25 @@ function ei(e, t, n, r, o, i = !0, c, l = 0) {
       const u = e.globalAlpha, d = e.getTransform();
       e.save(), e.setTransform(1, 0, 0, 1, 0, 0), e.filter = `blur(${l}px)`, e.globalAlpha = u * 0.4, e.drawImage(c, 0, 0), e.filter = "none", e.globalAlpha = u, e.setTransform(d), e.restore(), e.restore();
     } else
-      e.save(), e.globalCompositeOperation = "destination-out", e.globalAlpha = o ? 1 - Qo : 1, e.fillStyle = "#000", a.kind === "path" || a.kind === "roundedRect" ? Qn(e, a) : e.fillRect(a.x, a.y, a.width, a.height), e.restore();
+      e.save(), e.globalCompositeOperation = "destination-out", e.globalAlpha = o ? 1 - ri : 1, e.fillStyle = "#000", a.kind === "path" || a.kind === "roundedRect" ? Qn(e, a) : e.fillRect(a.x, a.y, a.width, a.height), e.restore();
   n && (e.save(), e.strokeStyle = n, jn(e, r), Zn(e, a), e.restore());
 }
-function ti(e, t, n, r) {
+function ii(e, t, n, r) {
   const o = r > 0 ? n.labelFontSizePx / r : n.labelFontSizePx, i = Math.max(2, n.labelFontSizePx * 0.25), c = r > 0 ? i / r : i;
   e.save(), e.font = `${o}px ${n.labelFontFamily}`;
   for (const l of t) {
     const a = l.anchor ?? "c";
-    e.textAlign = ni(a), e.textBaseline = si(a), e.lineJoin = "round", e.strokeStyle = n.labelHaloColor, e.lineWidth = c, e.strokeText(l.text, l.x, l.y), e.fillStyle = n.labelColor, e.fillText(l.text, l.x, l.y);
+    e.textAlign = ci(a), e.textBaseline = ai(a), e.lineJoin = "round", e.strokeStyle = n.labelHaloColor, e.lineWidth = c, e.strokeText(l.text, l.x, l.y), e.fillStyle = n.labelColor, e.fillText(l.text, l.x, l.y);
   }
   e.restore();
 }
-function ni(e) {
+function ci(e) {
   return e.endsWith("l") ? "start" : e.endsWith("r") ? "end" : "center";
 }
-function si(e) {
+function ai(e) {
   return e.startsWith("t") ? "hanging" : e.startsWith("b") ? "alphabetic" : "middle";
 }
-function ri(e) {
+function li(e) {
   const {
     ctx: t,
     displaySelection: n,
@@ -1592,7 +1597,7 @@ function ri(e) {
       B = { ...B, centerX: v, centerY: I };
   }
   const C = l && i.getMode() === "rotate" ? B.rotation + a : B.rotation, oe = B.width, P = B.height, O = B.centerX, x = B.centerY, K = O - oe / 2, U = x - P / 2, ne = O + oe / 2, se = x + P / 2;
-  let D = O, le = se + jr;
+  let D = O, le = se + eo;
   if (C !== 0) {
     const me = -C * Math.PI / 180, ve = Math.cos(me), ue = Math.sin(me), Re = D - O, Me = le - x;
     D = O + (Re * ve - Me * ue), le = x + (Re * ue + Me * ve);
@@ -1608,7 +1613,7 @@ function ri(e) {
     rotationHandleY: le,
     rotation: C
   };
-  return t.save(), t.translate(O, x), t.rotate(-C * Math.PI / 180), t.translate(-O, -x), t.strokeStyle = bn(), t.lineWidth = Yn(d), t.setLineDash(so(d)), t.strokeRect(K, U, oe, P), t.restore(), u || oi(t, {
+  return t.save(), t.translate(O, x), t.rotate(-C * Math.PI / 180), t.translate(-O, -x), t.strokeStyle = bn(), t.lineWidth = Yn(d), t.setLineDash(ao(d)), t.strokeRect(K, U, oe, P), t.restore(), u || di(t, {
     renderMinX: K,
     renderMinY: U,
     renderMaxX: ne,
@@ -1624,7 +1629,7 @@ function ri(e) {
     zoom: d
   }), { updatedOBB: B, groupBounds: Se };
 }
-function oi(e, t) {
+function di(e, t) {
   var k;
   const {
     renderMinX: n,
@@ -1640,7 +1645,7 @@ function oi(e, t) {
     rotationHandleY: m,
     stateMachine: w,
     zoom: g
-  } = t, y = oo(g), b = [
+  } = t, y = uo(g), b = [
     { x: n, y: r, anchor: "top-left" },
     { x: o, y: r, anchor: "top-right" },
     { x: n, y: i, anchor: "bottom-left" },
@@ -1655,23 +1660,23 @@ function oi(e, t) {
       v = c + (C * N - oe * T), I = l + (C * T + oe * N);
     }
     e.save(), e.beginPath(), e.arc(v, I, y, 0, Math.PI * 2), e.fillStyle = "#fff", e.fill(), e.strokeStyle = bn(), e.lineWidth = E && S && z.anchor === S ? Yn(g) * 1.25 : Yn(g), e.stroke(), e.restore();
-  }), E || ro(e, p, m, g, bn()), w.getMode() === "resize" && ii(e, c, i, a, u);
+  }), E || lo(e, p, m, g, bn()), w.getMode() === "resize" && ui(e, c, i, a, u);
 }
-function ii(e, t, n, r, o) {
+function ui(e, t, n, r, o) {
   const i = `${Math.round(r)} × ${Math.round(o)}`, c = t, l = n + 30;
   e.save(), e.font = "10px system-ui, -apple-system, sans-serif";
   const u = e.measureText(i).width + 12, d = 18;
   e.shadowColor = "rgba(0,0,0,0.2)", e.shadowBlur = 4, e.shadowOffsetY = 1, e.fillStyle = "#333", e.beginPath(), e.roundRect(c - u / 2, l - d / 2, u, d, 3), e.fill(), e.shadowColor = "transparent", e.shadowBlur = 0, e.shadowOffsetY = 0, e.fillStyle = "#fff", e.textAlign = "center", e.textBaseline = "middle", e.fillText(i, c, l + 0.5), e.restore();
 }
-function ci(e) {
+function hi(e) {
   const { ctx: t, marqueeStart: n, marqueeEnd: r, zoom: o = 1 } = e, i = Math.min(n.x, r.x), c = Math.max(n.x, r.x), l = Math.min(n.y, r.y), a = Math.max(n.y, r.y);
-  t.save(), t.strokeStyle = bn(), t.lineWidth = Yn(o), t.strokeRect(i, l, c - i, a - l), t.fillStyle = qr(0.1), t.fillRect(i, l, c - i, a - l), t.restore();
+  t.save(), t.strokeStyle = bn(), t.lineWidth = Yn(o), t.strokeRect(i, l, c - i, a - l), t.fillStyle = to(0.1), t.fillRect(i, l, c - i, a - l), t.restore();
 }
-function ai(e) {
+function fi(e) {
   const { ctx: t, hoveredChild: n, zoom: r = 1 } = e, o = n.getVisualBoundingBox();
-  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 = Zr(), t.lineWidth = Yn(r), t.setLineDash([]), t.strokeRect(o.x, o.y, o.width, o.height), t.restore();
+  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 = no(), t.lineWidth = Yn(r), t.setLineDash([]), t.strokeRect(o.x, o.y, o.width, o.height), t.restore();
 }
-const li = 60;
+const mi = 60;
 class On {
   constructor() {
     this.frameTimes = [], this.metrics = {
@@ -1690,7 +1695,7 @@ class On {
    * of the last 60 values and recomputes the average.
    */
   recordFrameTime(t) {
-    this.frameTimes.push(t), this.frameTimes.length > li && this.frameTimes.shift(), this.metrics.frameCount++, this.metrics.frameTime = this._average(this.frameTimes);
+    this.frameTimes.push(t), this.frameTimes.length > mi && this.frameTimes.shift(), this.metrics.frameCount++, this.metrics.frameTime = this._average(this.frameTimes);
   }
   /** Record the duration of an export operation. */
   recordExportDuration(t) {
@@ -1727,7 +1732,7 @@ class On {
     return n / t.length;
   }
 }
-function di(e, t, n) {
+function pi(e, t, n) {
   if (e.length === 0 || !e.every((c) => {
     var a;
     const l = (a = t == null ? void 0 : t[c.id]) == null ? void 0 : a.boundary;
@@ -1750,7 +1755,7 @@ function di(e, t, n) {
     })
   };
 }
-function ui(e) {
+function gi(e) {
   const t = be(e);
   t.current = e;
   const n = be(!0), r = be(null), o = be("#0a0a0a");
@@ -1802,14 +1807,14 @@ function ui(e) {
       if (a.startTime !== null && a.type !== null && performance.now() - a.startTime < 150 && (n.current = !0), n.current) {
         n.current = !1;
         const u = performance.now();
-        hi(t.current, o, r), On.getInstance().recordFrameTime(performance.now() - u);
+        xi(t.current, o, r), On.getInstance().recordFrameTime(performance.now() - u);
       }
       i = requestAnimationFrame(l);
     };
     return i = requestAnimationFrame(l), () => cancelAnimationFrame(i);
   }, []);
 }
-function hi(e, t, n) {
+function xi(e, t, n) {
   var et, at, re;
   const {
     canvasRef: r,
@@ -1876,7 +1881,7 @@ function hi(e, t, n) {
   Ze.width = F * Ye, Ze.height = ee * Ye, ie.setTransform(1, 0, 0, 1, 0, 0), ie.clearRect(0, 0, Ze.width, Ze.height);
   const X = t.current;
   ie.scale(Ye, Ye), k !== 1 && ie.scale(k, k), (E !== 0 || S !== 0) && ie.translate(E, S);
-  const _ = c.find((he) => he.id === l.getActiveArtboardId()), ft = (_ == null ? void 0 : _.id) ?? null, qe = Ce && _ ? di(
+  const _ = c.find((he) => he.id === l.getActiveArtboardId()), ft = (_ == null ? void 0 : _.id) ?? null, qe = Ce && _ ? pi(
     Ce.pieces,
     Ce.guides,
     e.focusedPieceId ?? null
@@ -2032,7 +2037,7 @@ function hi(e, t, n) {
       _.width,
       _.height,
       dt
-    ), ie.clip()), Go({
+    ), ie.clip()), Qo({
       ctx: ie,
       artboardOrigin: { x: _.x, y: _.y },
       artboardWidth: _.width,
@@ -2090,7 +2095,7 @@ function hi(e, t, n) {
     zoom: k,
     paddingOffset: { x: E, y: S }
   });
-  const _t = Ue ? yt : Me, zt = new Set(Ct.map((he) => he.id)), { updatedOBB: G, groupBounds: $e } = ri({
+  const _t = Ue ? yt : Me, zt = new Set(Ct.map((he) => he.id)), { updatedOBB: G, groupBounds: $e } = li({
     ctx: ie,
     displaySelection: _t,
     elements: o,
@@ -2102,9 +2107,9 @@ function hi(e, t, n) {
     isMarqueeSelecting: Ue,
     zoom: k
   });
-  G && Ve.current !== G && (Ve.current = G), ht.current = $e, Ue && ci({ ctx: ie, marqueeStart: It, marqueeEnd: vt, zoom: k }), T.type === "group-sibling" && T.data && ai({ ctx: ie, hoveredChild: T.data, zoom: k }), wt.isActive() && d instanceof vn && wt.renderPreview(ie, d);
+  G && Ve.current !== G && (Ve.current = G), ht.current = $e, Ue && hi({ ctx: ie, marqueeStart: It, marqueeEnd: vt, zoom: k }), T.type === "group-sibling" && T.data && fi({ ctx: ie, hoveredChild: T.data, zoom: k }), wt.isActive() && d instanceof vn && wt.renderPreview(ie, d);
 }
-class fi {
+class yi {
   /**
    * Apply the pinch gesture to `element` in place and return it. The
    * element is expected to already be a clone (the state machine
@@ -2127,8 +2132,8 @@ class fi {
     return S = (S % 360 + 360) % 360, S > 180 && (S -= 360), l && (S = l(S, t)), t.setRotation(S), t;
   }
 }
-function mi(e) {
-  const { x: t, y: n, bounds: r, zoom: o = 1 } = e, i = Jr / o, c = r.rotation || 0, a = [
+function bi(e) {
+  const { x: t, y: n, bounds: r, zoom: o = 1 } = e, i = so / o, c = r.rotation || 0, a = [
     { x: r.minX, y: r.minY, anchor: "top-left" },
     { x: r.maxX, y: r.minY, anchor: "top-right" },
     { x: r.minX, y: r.maxY, anchor: "bottom-left" },
@@ -2161,7 +2166,7 @@ function mi(e) {
   }
   return p >= r.minX && p <= r.maxX && m >= r.minY && m <= r.maxY ? { type: "bounds-drag" } : { type: "none" };
 }
-function pi(e) {
+function vi(e) {
   const { multiSelection: t, elements: n, bounds: r, anchor: o, corner: i, x: c, y: l, stateMachine: a } = e, u = t.map((d) => n.find((p) => p.id === d)).filter((d) => d !== void 0 && !d.locked);
   return u.length === 0 ? !1 : (a._multiSelectionResizeContext = {
     anchor: o,
@@ -2196,7 +2201,7 @@ function pi(e) {
     }
   ), !0);
 }
-function gi(e) {
+function wi(e) {
   const {
     multiSelection: t,
     elements: n,
@@ -2227,7 +2232,7 @@ function gi(e) {
     // Initial rotation for the group
   ), !0;
 }
-function xi(e) {
+function Ci(e) {
   const { multiSelection: t, elements: n, x: r, y: o, stateMachine: i, dragOriginalElementsRef: c, setHoverState: l } = e, a = t.map((u) => n.find((d) => d.id === u)).filter((u) => u !== void 0 && !u.locked);
   return a.length === 0 ? !1 : (i._multiSelectionDragContext = {
     startX: r,
@@ -2242,7 +2247,7 @@ function xi(e) {
     c.current.set(u.id, u.clone());
   }), i.startDrag(a[0], r, o), l({ type: null, data: null }), !0);
 }
-function yi(e) {
+function Si(e) {
   const { selectedElement: t, activeChildElement: n } = e;
   let r = null, o = -1;
   if (n instanceof Ot && n.isCropping)
@@ -2263,14 +2268,14 @@ function yi(e) {
     isChildInGroup: r !== null
   } : null;
 }
-function bi(e) {
+function Ei(e) {
   const { x: t, y: n, cropContext: r, transformHandles: o, zoom: i = 1 } = e, { croppingImage: c } = r, l = c.hitTestCropHandle(t, n, i);
   if (l)
     return { type: "crop-handle", handle: l };
   const a = o.hitTestResize(t, n, i);
   return a ? { type: "image-handle", handle: a } : c.hitTest(t, n) ? { type: "image-drag" } : { type: "exit-crop" };
 }
-function vi(e) {
+function ki(e) {
   const { cropContext: t, cropHandle: n, x: r, y: o, selectedElement: i, activeChildElement: c, stateMachine: l } = e, { croppingImage: a, croppingChild: u, croppingChildIndex: d } = t, p = a.getCropBoxBounds();
   p && (l.startResize(
     a,
@@ -2296,7 +2301,7 @@ function vi(e) {
     childIndex: d
   }));
 }
-function wi(e) {
+function Ri(e) {
   const { cropContext: t, imageHandle: n, x: r, y: o, selectedElement: i, activeChildElement: c, stateMachine: l } = e, { croppingImage: a, croppingChild: u, croppingChildIndex: d } = t, p = a.getBoundingBox(), m = a.getVisualBoundingBox();
   l.startResize(a, n, r, o, p, m), u && (c && c.id === u.id ? l._activeChildContext = {
     group: i,
@@ -2306,7 +2311,7 @@ function wi(e) {
     childIndex: d
   });
 }
-function Ci(e) {
+function Mi(e) {
   const { cropContext: t, x: n, y: r, selectedElement: o, activeChildElement: i, stateMachine: c, dragOriginalElementsRef: l, setHoverState: a } = e, { croppingImage: u, croppingChild: d, croppingChildIndex: p } = t;
   l.current = /* @__PURE__ */ new Map(), d && o ? l.current.set(o.id, o.clone()) : l.current.set(u.id, u.clone()), c.startDrag(u, n, r, "crop-image-drag"), a({ type: null, data: null }), d && (i && i.id === d.id ? c._activeChildContext = {
     group: o,
@@ -2316,7 +2321,7 @@ function Ci(e) {
     childIndex: p
   });
 }
-function Si(e) {
+function Ti(e) {
   const { cropContext: t, selectedElement: n, onElementUpdate: r, transformHandles: o, updateActiveChild: i, zoom: c } = e, { croppingImage: l, croppingChild: a, croppingChildIndex: u } = t;
   if (a && n instanceof De) {
     const d = a.clone();
@@ -2328,7 +2333,7 @@ function Si(e) {
     d.exitCropMode(), r(d), o.update(d, c);
   }
 }
-function Ei(e) {
+function Ii(e) {
   const {
     x: t,
     y: n,
@@ -2357,7 +2362,7 @@ function er(e) {
   const { updateActiveChild: t, selectedElement: n, transformHandles: r, setHandlesVersion: o, zoom: i } = e;
   t(null), n && (r.update(n, i), o((c) => c + 1));
 }
-function ki(e) {
+function Ni(e) {
   const {
     x: t,
     y: n,
@@ -2405,7 +2410,7 @@ function ki(e) {
     }
   return !1;
 }
-const Ri = 900;
+const Pi = 900;
 function Es(e, t, n, r) {
   if (!r) return !0;
   const o = e.getVisualBoundingBox(), i = Math.max(o.x, r.x), c = Math.max(o.y, r.y), l = Math.min(
@@ -2415,9 +2420,9 @@ function Es(e, t, n, r) {
     o.y + o.height,
     r.y + r.height
   );
-  return Math.max(0, l - i) * Math.max(0, a - c) < Ri ? !0 : t >= r.x && t <= r.x + r.width && n >= r.y && n <= r.y + r.height;
+  return Math.max(0, l - i) * Math.max(0, a - c) < Pi ? !0 : t >= r.x && t <= r.x + r.width && n >= r.y && n <= r.y + r.height;
 }
-function Mi(e) {
+function Ai(e) {
   const {
     canvasRef: t,
     inputRef: n,
@@ -2635,9 +2640,9 @@ function Mi(e) {
         return;
       }
       if (ne.length > 0 && S.current) {
-        const R = S.current, $ = mi({ x: J, y: q, bounds: R, zoom: D });
+        const R = S.current, $ = bi({ x: J, y: q, bounds: R, zoom: D });
         if ($.type === "corner-handle") {
-          if (pi({
+          if (vi({
             multiSelection: ne,
             elements: U,
             bounds: R,
@@ -2651,7 +2656,7 @@ function Mi(e) {
             return;
           }
         } else if ($.type === "rotation-handle") {
-          if (gi({
+          if (wi({
             multiSelection: ne,
             elements: U,
             bounds: R,
@@ -2665,7 +2670,7 @@ function Mi(e) {
             ie({});
             return;
           }
-        } else if ($.type === "bounds-drag" && xi({
+        } else if ($.type === "bounds-drag" && Ci({
           multiSelection: ne,
           elements: U,
           x: J,
@@ -2680,11 +2685,11 @@ function Mi(e) {
       }
       const L = K || x;
       if (L && L.visible !== !1 && !L.locked && (ne.length === 0 || K)) {
-        const R = yi({ selectedElement: x || null, activeChildElement: K });
+        const R = Si({ selectedElement: x || null, activeChildElement: K });
         if (R) {
-          const A = bi({ x: J, y: q, cropContext: R, transformHandles: F, zoom: D });
+          const A = Ei({ x: J, y: q, cropContext: R, transformHandles: F, zoom: D });
           if (A.type === "crop-handle") {
-            vi({
+            ki({
               cropContext: R,
               cropHandle: A.handle,
               x: J,
@@ -2695,7 +2700,7 @@ function Mi(e) {
             }), ie({});
             return;
           } else if (A.type === "image-handle") {
-            wi({
+            Ri({
               cropContext: R,
               imageHandle: A.handle,
               x: J,
@@ -2706,7 +2711,7 @@ function Mi(e) {
             }), ie({});
             return;
           } else if (A.type === "image-drag") {
-            Ci({
+            Mi({
               cropContext: R,
               x: J,
               y: q,
@@ -2718,7 +2723,7 @@ function Mi(e) {
             }), ie({});
             return;
           } else if (A.type === "exit-crop") {
-            Si({
+            Ti({
               cropContext: R,
               selectedElement: x || null,
               onElementUpdate: we,
@@ -2768,7 +2773,7 @@ function Mi(e) {
         }
       }
       if (K && x instanceof De) {
-        if (Ei({
+        if (Ii({
           x: J,
           y: q,
           activeChildElement: K,
@@ -2830,7 +2835,7 @@ function Mi(e) {
         return;
       }
       const Ae = dt();
-      if (ki({
+      if (Ni({
         x: J,
         y: q,
         shiftKey: Y.shiftKey,
@@ -2844,7 +2849,7 @@ function Mi(e) {
         setHoverState: Ce,
         forceUpdate: ie
       })) return;
-      const W = Hr.shouldProtectClick(), Z = Br(Y.target);
+      const W = Xr.shouldProtectClick(), Z = zr(Y.target);
       if (!W && !Z)
         if (gn.current > 1.001) {
           _e.current = {
@@ -2938,7 +2943,7 @@ function Mi(e) {
         const { a: L, b: Ae } = He.current, M = ce.current.get(L), W = ce.current.get(Ae);
         if (M && W) {
           const Z = h.updatePinch(M, W), { element: te, startData: pe } = h.getPinchContext();
-          fi.calculatePinch({
+          yi.calculatePinch({
             element: te,
             startData: pe,
             scale: Z.scale,
@@ -3267,7 +3272,7 @@ function Mi(e) {
           if (L instanceof Ot && L.isCropping) {
             const M = L.hitTestCropHandle(J, q, D);
             if (M) {
-              const Z = Qr(
+              const Z = ro(
                 M.worldX,
                 M.worldY,
                 L.x,
@@ -3395,7 +3400,7 @@ function Mi(e) {
       delete h._activeChildContext;
     }
     if (h._multiSelectionResizeContext && delete h._multiSelectionResizeContext, U.forEach((M) => {
-      if (M instanceof eo && M._lockedLineCount !== void 0) {
+      if (M instanceof oo && M._lockedLineCount !== void 0) {
         const W = M.clone();
         W._lockedLineCount = void 0, we(W);
       }
@@ -3614,7 +3619,7 @@ function ls(e) {
   ).join(`
 `);
 }
-function Ti(e) {
+function Di(e) {
   const {
     canvasRef: t,
     inputRef: n,
@@ -3802,7 +3807,7 @@ function Ti(e) {
       else if (h.key === "ArrowUp" || h.key === "ArrowDown") {
         if (B && B instanceof it) {
           h.preventDefault();
-          const ee = h.key === "ArrowUp" ? "up" : "down", xe = Io(B, k, ee);
+          const ee = h.key === "ArrowUp" ? "up" : "down", xe = Bo(B, k, ee);
           U(xe), ne(xe), se(xe), i.current = xe, F.setSelectionRange(xe, xe);
         }
       } else (h.key === "Home" || h.key === "End") && setTimeout(() => {
@@ -3930,7 +3935,7 @@ function Ti(e) {
     getWrappedTextForEditing: ls
   };
 }
-const yr = Ar(
+const yr = Dr(
   ({
     elements: e,
     artboards: t,
@@ -3965,7 +3970,7 @@ const yr = Ar(
     pieceFocus: x,
     focusedPieceRect: K
   }, U) => {
-    const { resolvedTheme: ne } = fo(), se = be(null), D = b || se, le = be(null), Se = be(!1), me = be(0), ve = be(0), ue = be(0), Re = be(!1), Me = be(0), Ve = be(null), ht = be(0), Ue = be(null), It = be({ start: null, end: null }), vt = be(null), yt = be(null), wt = be(null), Ke = be(null), Ce = 400, Ze = 300, ie = 50, h = 200, F = ot.useMemo(() => {
+    const { resolvedTheme: ne } = yo(), se = be(null), D = b || se, le = be(null), Se = be(!1), me = be(0), ve = be(0), ue = be(0), Re = be(!1), Me = be(0), Ve = be(null), ht = be(0), Ue = be(null), It = be({ start: null, end: null }), vt = be(null), yt = be(null), wt = be(null), Ke = be(null), Ce = 400, Ze = 300, ie = 50, h = 200, F = ot.useMemo(() => {
       if (!x || x === "spread") return null;
       const ke = (O == null ? void 0 : O.pieces) ?? [];
       if (ke.length <= 1) return null;
@@ -3989,7 +3994,7 @@ const yr = Ar(
       paddingOffsetX: _,
       paddingOffsetY: ft,
       zoomInvariantBorderRadius: qe
-    } = Yo({
+    } = Vo({
       width: E,
       height: S,
       zoom: k,
@@ -4014,7 +4019,7 @@ const yr = Ar(
       currentRotation: at,
       setCurrentRotation: re,
       setRotatingElementVersion: he
-    } = _o(), {
+    } = Uo(), {
       renderVersion: ce,
       forceRender: He,
       handlesVersion: We,
@@ -4022,8 +4027,8 @@ const yr = Ar(
       forceUpdate: ze,
       cursorAnimationFrame: Oe,
       setCursorAnimationFrame: nt
-    } = $o({ elements: e }), [_e] = V(() => new io()), [Rt] = V(() => new co({ showBorder: !1, showLabel: !1 })), [St] = V(() => new ao({ enabled: !0, showGuides: !0 })), [Qt] = V(() => new lo({ enabled: !0, showLabels: !0 })), [Ut] = V(() => {
-      const ke = new uo();
+    } = Ko({ elements: e }), [_e] = V(() => new ho()), [Rt] = V(() => new fo({ showBorder: !1, showLabel: !1 })), [St] = V(() => new mo({ enabled: !0, showGuides: !0 })), [Qt] = V(() => new po({ enabled: !0, showLabels: !0 })), [Ut] = V(() => {
+      const ke = new go();
       return ke.setResizePipeline(us), ke.setSnapHandler(St), ke;
     });
     Ne(() => {
@@ -4063,7 +4068,7 @@ const yr = Ar(
         us.removeHook("afterResize", ke);
       };
     }, [St]);
-    const { cropController: $n } = Ho(), { penTool: Y, penCursor: Ie } = Do({ selectedElement: Pe }), {
+    const { cropController: $n } = $o(), { penTool: Y, penCursor: Ie } = Xo({ selectedElement: Pe }), {
       isEditing: tt,
       setIsEditing: J,
       editText: q,
@@ -4085,7 +4090,7 @@ const yr = Ar(
       editRichTextRef: fe,
       currentFormattingStyle: de,
       setCurrentFormattingStyle: Be
-    } = Oo({ selectedElement: Pe, ref: U });
+    } = Wo({ selectedElement: Pe, ref: U });
     Ne(() => {
       const ke = Date.now() - Me.current, ge = Ve.current;
       ge && ke < Ze ? (Z !== ge.start || pe !== ge.end) && (W(ge.cursor), te(ge.start), j(ge.end), le.current && le.current.setSelectionRange(ge.start, ge.end)) : ge && ke >= Ze && (Ve.current = null);
@@ -4112,14 +4117,14 @@ const yr = Ar(
       startMarqueeSelection: Mt,
       updateMarqueeSelection: Tt,
       finishMarqueeSelection: en
-    } = No(), {
+    } = zo(), {
       multiSelectionGroupBoundsRef: pt,
       multiSelectionOBBRef: Ht
-    } = Xo(o), {
+    } = Fo(o), {
       activeChildElement: sn,
       updateActiveChild: rn,
       editingChildIdRef: Xt
-    } = Bo({ elements: e, selectedElement: Pe, transformHandles: _e, onActiveChildChange: d }), { hoverState: Kt, setHoverState: Gt } = zo({ onHoverChange: m }), $t = fs(() => {
+    } = Oo({ elements: e, selectedElement: Pe, transformHandles: _e, onActiveChildChange: d }), { hoverState: Kt, setHoverState: Gt } = Yo({ onHoverChange: m }), $t = fs(() => {
       const ke = /* @__PURE__ */ new Map();
       return e.forEach((ge) => {
         const je = n.getArtboardIdForElement(ge.id);
@@ -4212,7 +4217,7 @@ const yr = Ar(
       toggleFormattingProperty: Hn,
       enterTextEditMode: Wn,
       getWrappedTextForEditing: Ft
-    } = Ti({
+    } = Di({
       canvasRef: D,
       inputRef: le,
       editingChildIdRef: Xt,
@@ -4260,8 +4265,8 @@ const yr = Ar(
       handlePointerDown: Sn,
       handlePointerMove: En,
       handlePointerUp: Hs,
-      handleDoubleClick: Cr
-    } = Mi({
+      handleDoubleClick: Sr
+    } = Ai({
       canvasRef: D,
       inputRef: le,
       repositioningCursorRef: Se,
@@ -4340,7 +4345,7 @@ const yr = Ar(
       setCurrentFormattingStyle: Be,
       getWrappedTextForEditing: Ft
     });
-    ui({
+    gi({
       canvasRef: D,
       elements: e,
       elementsByArtboard: $t,
@@ -4426,7 +4431,7 @@ const yr = Ar(
       }),
       [os, Hn, tt, G, is, k, He, q, M, Z, pe, Pe, _, ft]
     );
-    const Sr = fs(() => {
+    const Er = fs(() => {
       if (!P || P.length === 0) return;
       const ke = Ye * k, ge = X * k, je = `M 0 0 h ${ke} v ${ge} h ${-ke} Z`, Je = P.map((lt) => {
         if (lt.kind === "rect" || lt.kind === "roundedRect") {
@@ -4475,7 +4480,7 @@ const yr = Ar(
           onPointerMove: En,
           onPointerUp: Hs,
           onPointerCancel: Hs,
-          onDoubleClick: Cr,
+          onDoubleClick: Sr,
           style: {
             display: "block",
             // When pieceGuides are present (phone cases, anything with
@@ -4497,7 +4502,7 @@ const yr = Ar(
             left: `${z}px`,
             top: `${v}px`,
             touchAction: "none",
-            clipPath: Sr
+            clipPath: Er
           }
         }
       ),
@@ -4516,7 +4521,7 @@ const yr = Ar(
             onChange: (st) => {
               const Xe = st.target.value;
               if (!A) {
-                const qt = to.fromPlainText(Xe, {});
+                const qt = io.fromPlainText(Xe, {});
                 fe.current = qt, H(qt), mt(Xe);
                 const Vn = st.target.selectionEnd;
                 W(Vn), te(st.target.selectionStart), j(st.target.selectionEnd);
@@ -4564,13 +4569,13 @@ const yr = Ar(
             onPointerMove: (st) => {
               if (st.buttons !== 1) return;
               if (Ue.current && Pe instanceof it && D.current) {
-                const Un = D.current.getBoundingClientRect(), fn = (st.clientX - Un.left) / k - _, an = (st.clientY - Un.top) / k - ft, Xs = Pe.getVisualBoundingBox(), Os = Pe.getRotationAnchor(), Ys = Jt.toRadiansInverse(Pe.rotation), _s = fn - Os.x, $s = an - Os.y, Fs = Math.cos(Ys), Ws = Math.sin(Ys), Er = _s * Fs - $s * Ws, kr = _s * Ws + $s * Fs, mn = It.current;
+                const Un = D.current.getBoundingClientRect(), fn = (st.clientX - Un.left) / k - _, an = (st.clientY - Un.top) / k - ft, Xs = Pe.getVisualBoundingBox(), Os = Pe.getRotationAnchor(), Ys = Jt.toRadiansInverse(Pe.rotation), _s = fn - Os.x, $s = an - Os.y, Fs = Math.cos(Ys), Ws = Math.sin(Ys), kr = _s * Fs - $s * Ws, Rr = _s * Ws + $s * Fs, mn = It.current;
                 let ws = 0;
                 Ue.current === "start" && (mn != null && mn.start) ? ws = mn.start.textEdge.y - mn.start.center.y : Ue.current === "end" && (mn != null && mn.end) && (ws = mn.end.textEdge.y - mn.end.center.y);
-                const Rr = Er + Xs.width / 2, Mr = kr + ws + Xs.height / 2, pn = wn(Pe, { x: Rr, y: Mr });
+                const Mr = kr + Xs.width / 2, Tr = Rr + ws + Xs.height / 2, pn = wn(Pe, { x: Mr, y: Tr });
                 if (Ue.current === "start" ? pn <= pe ? (te(pn), W(pn)) : (te(pe), j(pn), W(pn), Ue.current = "end") : pn >= Z ? (j(pn), W(pn)) : (j(Z), te(pn), W(pn), Ue.current = "start"), le.current) {
-                  const Tr = Math.min(Z, pe), Ir = Math.max(Z, pe);
-                  le.current.setSelectionRange(Tr, Ir);
+                  const Ir = Math.min(Z, pe), Nr = Math.max(Z, pe);
+                  le.current.setSelectionRange(Ir, Nr);
                 }
                 return;
               }
@@ -4620,13 +4625,13 @@ const yr = Ar(
             }
           }
         );
-        return no(gt, document.body);
+        return co(gt, document.body);
       })()
     ] });
   }
 );
 yr.displayName = "CanvasEditor";
-const Ii = 0.25, Ni = 8, Pi = 0.1, Ai = 4, Di = 1e-3, Gc = ({
+const Bi = 0.25, zi = 8, Li = 0.1, Hi = 4, Xi = 1e-3, Qc = ({
   className: e,
   style: t,
   width: n,
@@ -4674,26 +4679,26 @@ const Ii = 0.25, Ni = 8, Pi = 0.1, Ai = 4, Di = 1e-3, Gc = ({
   } = dr(), {
     setTextSelectionVersion: ve,
     setExpandedPanelType: ue
-  } = zr(), Re = ot.useCallback(() => {
+  } = Lr(), Re = ot.useCallback(() => {
     ue("crop");
   }, [ue]), Me = ot.useRef(null), [Ve, ht] = ot.useState(0), [Ue, It] = ot.useState(0), [vt, yt] = ot.useState(!1), wt = ot.useRef(0), Ke = ot.useRef(!1), [Ce, Ze] = ot.useState(!1), ie = ot.useRef(null);
-  Eo({ enabled: p });
+  Io({ enabled: p });
   const h = k.getActiveArtboard(), F = ot.useCallback(
     (re) => {
       if (!(c || re.ctrlKey || re.metaKey)) return;
       re.preventDefault();
       const ce = Me.current;
       if (!ce) return;
-      const He = ce.getBoundingClientRect(), We = re.clientX - He.left, Ee = re.clientY - He.top, ze = -re.deltaY * Di;
+      const He = ce.getBoundingClientRect(), We = re.clientX - He.left, Ee = re.clientY - He.top, ze = -re.deltaY * Xi;
       if (c) {
-        const Oe = Ve, nt = Math.min(Math.max(Oe * (1 + ze), Pi), Ai);
+        const Oe = Ve, nt = Math.min(Math.max(Oe * (1 + ze), Li), Hi);
         if (nt === Oe) return;
         const _e = nt / Oe, Rt = We - (We - T.x) * _e, St = Ee - (Ee - T.y) * _e;
         ht(nt), C({ x: Rt, y: St });
       } else {
         const Oe = O, nt = Math.min(
-          Math.max(Oe * (1 + ze), Ii),
-          Ni
+          Math.max(Oe * (1 + ze), Bi),
+          zi
         );
         if (nt === Oe) return;
         const _e = nt / Oe, Rt = We - (We - T.x) * _e, St = Ee - (Ee - T.y) * _e;
@@ -4762,7 +4767,7 @@ const Ii = 0.25, Ni = 8, Pi = 0.1, Ai = 4, Di = 1e-3, Gc = ({
       } : null;
     const he = re.find((ce) => ce.id === g.pieceId);
     return he ? { x: he.x, y: he.y, width: he.width, height: he.height } : null;
-  }, [g, w, h]), we = Mo(Te);
+  }, [g, w, h]), we = Ao(Te);
   ot.useEffect(() => {
     if (o !== void 0) {
       ht(o);
@@ -4953,7 +4958,7 @@ const Ii = 0.25, Ni = 8, Pi = 0.1, Ai = 4, Di = 1e-3, Gc = ({
           }
         ) }),
         !c && (O < 0.999 || O > 1.001) && /* @__PURE__ */ s(
-          zi,
+          Yi,
           {
             userZoom: O,
             onSetZoom: (re) => {
@@ -4977,8 +4982,8 @@ const Ii = 0.25, Ni = 8, Pi = 0.1, Ai = 4, Di = 1e-3, Gc = ({
       ]
     }
   );
-}, Bi = [1, 2, 4, 8];
-function zi({
+}, Oi = [1, 2, 4, 8];
+function Yi({
   userZoom: e,
   onSetZoom: t
 }) {
@@ -5020,7 +5025,7 @@ function zi({
                 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: Bi.map((i) => {
+              children: Oi.map((i) => {
                 const c = i * 100, l = Math.abs(e - i) < 0.05;
                 return /* @__PURE__ */ f(
                   "button",
@@ -5069,153 +5074,7 @@ function zi({
     }
   );
 }
-const ss = /* @__PURE__ */ new Map();
-function At(e, t) {
-  ss.set(e, t);
-}
-function jc(e) {
-  return ss.get(e);
-}
-function qc() {
-  return Array.from(ss.keys());
-}
-function Zc() {
-  return Array.from(ss.entries());
-}
-function Jc(e) {
-  ss.delete(e);
-}
-let xs = !1;
-async function Qc() {
-  if (xs) return;
-  xs = !0;
-  const [
-    { LayersPanel: e },
-    { EffectsPanel: t },
-    { ExportPanel: n },
-    { ImagePanel: r },
-    { GlyphPanel: o },
-    { ArtboardTabs: i },
-    { ContextualToolbars: c },
-    { ZoomControls: l },
-    { MenuButton: a },
-    { CropPanel: u }
-  ] = await Promise.all([
-    import("./MenuButton-CeoEAtzP.js").then((d) => d.E),
-    Promise.resolve().then(() => pc),
-    Promise.resolve().then(() => xc),
-    Promise.resolve().then(() => Ec),
-    Promise.resolve().then(() => Tc),
-    Promise.resolve().then(() => Nc),
-    import("./ContextualToolbars-CkLjHNPn.js").then((d) => d.x),
-    Promise.resolve().then(() => Pc),
-    import("./MenuButton-CeoEAtzP.js").then((d) => d.F),
-    import("./ContextualToolbars-CkLjHNPn.js").then((d) => d.w)
-  ]);
-  At("layers-panel", {
-    component: e,
-    label: "Layers",
-    icon: "gravity-ui:layers",
-    position: "left"
-  }), At("effects-panel", {
-    component: t,
-    label: "Effects",
-    icon: "gravity-ui:sparkles",
-    position: "right"
-  }), At("export-panel", {
-    component: n,
-    label: "Export",
-    icon: "gravity-ui:arrow-down-to-square",
-    position: "right"
-  }), At("images-panel", {
-    component: r,
-    label: "Images",
-    icon: "gravity-ui:picture",
-    position: "right"
-  }), At("glyph-panel", {
-    component: o,
-    label: "Glyphs",
-    icon: "gravity-ui:text",
-    position: "right"
-  }), At("artboard-tabs", {
-    component: i,
-    label: "Artboards",
-    icon: "gravity-ui:copy",
-    position: "topbar"
-  }), At("contextual-toolbar", {
-    component: c,
-    label: "Contextual Toolbar",
-    position: "topbar"
-  }), At("zoom-controls", {
-    component: l,
-    label: "Zoom",
-    icon: "gravity-ui:magnifier",
-    position: "bottombar"
-  }), At("menu-button", {
-    component: a,
-    label: "Menu",
-    icon: "gravity-ui:bars",
-    position: "topbar"
-  }), At("crop-panel", {
-    component: u,
-    label: "Crop",
-    icon: "gravity-ui:scissors",
-    position: "right"
-  });
-}
-function ea(e) {
-  xs || (xs = !0, At("layers-panel", {
-    component: e.LayersPanel,
-    label: "Layers",
-    icon: "gravity-ui:layers",
-    position: "left"
-  }), At("effects-panel", {
-    component: e.EffectsPanel,
-    label: "Effects",
-    icon: "gravity-ui:sparkles",
-    position: "right"
-  }), At("export-panel", {
-    component: e.ExportPanel,
-    label: "Export",
-    icon: "gravity-ui:arrow-down-to-square",
-    position: "right"
-  }), At("images-panel", {
-    component: e.ImagePanel,
-    label: "Images",
-    icon: "gravity-ui:picture",
-    position: "right"
-  }), At("glyph-panel", {
-    component: e.GlyphPanel,
-    label: "Glyphs",
-    icon: "gravity-ui:text",
-    position: "right"
-  }), At("artboard-tabs", {
-    component: e.ArtboardTabs,
-    label: "Artboards",
-    icon: "gravity-ui:copy",
-    position: "topbar"
-  }), At("contextual-toolbar", {
-    component: e.ContextualToolbars,
-    label: "Contextual Toolbar",
-    position: "topbar"
-  }), At("zoom-controls", {
-    component: e.ZoomControls,
-    label: "Zoom",
-    icon: "gravity-ui:magnifier",
-    position: "bottombar"
-  }), At("menu-button", {
-    component: e.MenuButton,
-    label: "Menu",
-    icon: "gravity-ui:bars",
-    position: "topbar"
-  }), At("crop-panel", {
-    component: e.CropPanel,
-    label: "Crop",
-    icon: "gravity-ui:scissors",
-    position: "right"
-  }));
-}
-const Li = mr(
+const _i = mr(
   "sc:inline-flex sc:items-center sc:rounded-badge sc:border sc:px-2.5 sc:py-0.5 sc:text-xs sc:transition-colors sc:focus:outline-none sc:focus:ring-2 sc:focus:ring-ring sc:focus:ring-offset-2 sc:font-caption",
   {
     variants: {
@@ -5267,7 +5126,7 @@ function Xn({
     "div",
     {
       className: zn(
-        Li({ variant: w, size: n }),
+        _i({ variant: w, size: n }),
         g.secondary,
         g.outline,
         e
@@ -5326,7 +5185,7 @@ const Dn = Bn.forwardRef(
   )
 );
 Dn.displayName = "Fieldset";
-const Hi = Bn.forwardRef(
+const $i = Bn.forwardRef(
   ({ className: e, children: t, ...n }, r) => /* @__PURE__ */ s(
     "legend",
     {
@@ -5337,7 +5196,7 @@ const Hi = Bn.forwardRef(
     }
   )
 );
-Hi.displayName = "Legend";
+$i.displayName = "Legend";
 const es = Bn.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ s(Jn.Root, { className: zn("sc:grid sc:gap-2", e), ...t, ref: n }));
 es.displayName = Jn.Root.displayName;
 const Ms = Bn.forwardRef(({ className: e, variant: t, ...n }, r) => {
@@ -5376,7 +5235,7 @@ const Vt = Bn.forwardRef(
   ] }) : /* @__PURE__ */ s(Ms, { ref: o, className: t, variant: n, ...r })
 );
 Vt.displayName = "Radio";
-const Xi = mr("sc:pointer-events-none sc:relative sc:origin-center sc:animate-spin sc:size-6 sc:text-primary", {
+const Fi = mr("sc:pointer-events-none sc:relative sc:origin-center sc:animate-spin sc:size-6 sc:text-primary", {
   variants: {
     size: {
       sm: "sc:size-4",
@@ -5394,14 +5253,14 @@ const Xi = mr("sc:pointer-events-none sc:relative sc:origin-center sc:animate-sp
     }
   }
 });
-function Oi({ className: e, size: t, color: n, label: r = "Loading", ...o }) {
+function Wi({ className: e, size: t, color: n, label: r = "Loading", ...o }) {
   const i = Bn.useId();
   return /* @__PURE__ */ s(
     "span",
     {
       role: "status",
       "aria-label": r,
-      className: zn(Xi({ size: t, color: n }), e),
+      className: zn(Fi({ size: t, color: n }), e),
       ...o,
       children: /* @__PURE__ */ f("svg", { viewBox: "0 0 24 24", className: "sc:size-full", "aria-hidden": !0, children: [
         /* @__PURE__ */ f("defs", { children: [
@@ -5468,7 +5327,152 @@ const br = Bn.forwardRef(
 br.displayName = "Textarea";
 const vr = br;
 vr.displayName = "TextArea";
-const Yi = ({ stroke: e, onChange: t }) => {
+const ss = /* @__PURE__ */ new Map();
+function At(e, t) {
+  ss.set(e, t);
+}
+function ea(e) {
+  return ss.get(e);
+}
+function ta() {
+  return Array.from(ss.keys());
+}
+function na() {
+  return Array.from(ss.entries());
+}
+function sa(e) {
+  ss.delete(e);
+}
+let xs = !1;
+async function ra() {
+  if (xs) return;
+  xs = !0, wr();
+  const [
+    { EffectsPanel: e },
+    { ExportPanel: t },
+    { ImagePanel: n },
+    { GlyphPanel: r },
+    { ArtboardTabs: o },
+    { ContextualToolbars: i },
+    { ZoomControls: c },
+    { CropPanel: l }
+  ] = await Promise.all([
+    Promise.resolve().then(() => vc),
+    Promise.resolve().then(() => Cc),
+    Promise.resolve().then(() => Ic),
+    Promise.resolve().then(() => Dc),
+    Promise.resolve().then(() => zc),
+    import("./ContextualToolbars--vTtorNg.js").then((a) => a.x),
+    Promise.resolve().then(() => Lc),
+    import("./ContextualToolbars--vTtorNg.js").then((a) => a.w)
+  ]);
+  At("effects-panel", {
+    component: e,
+    label: "Effects",
+    icon: "gravity-ui:sparkles",
+    position: "right"
+  }), At("export-panel", {
+    component: t,
+    label: "Export",
+    icon: "gravity-ui:arrow-down-to-square",
+    position: "right"
+  }), At("images-panel", {
+    component: n,
+    label: "Images",
+    icon: "gravity-ui:picture",
+    position: "right"
+  }), At("glyph-panel", {
+    component: r,
+    label: "Glyphs",
+    icon: "gravity-ui:text",
+    position: "right"
+  }), At("artboard-tabs", {
+    component: o,
+    label: "Artboards",
+    icon: "gravity-ui:copy",
+    position: "topbar"
+  }), At("contextual-toolbar", {
+    component: i,
+    label: "Contextual Toolbar",
+    position: "topbar"
+  }), At("zoom-controls", {
+    component: c,
+    label: "Zoom",
+    icon: "gravity-ui:magnifier",
+    position: "bottombar"
+  }), At("crop-panel", {
+    component: l,
+    label: "Crop",
+    icon: "gravity-ui:scissors",
+    position: "right"
+  });
+}
+function wr() {
+  At("layers-panel", {
+    component: Or,
+    label: "Layers",
+    icon: "gravity-ui:layers",
+    position: "left"
+  }), At("menu-button", {
+    component: Yr,
+    label: "Menu",
+    icon: "gravity-ui:bars",
+    position: "topbar"
+  }), At("undo-redo-controls", {
+    component: _r,
+    label: "Undo / Redo",
+    icon: "lucide:undo-2",
+    position: "topbar"
+  }), At("add-element-menu", {
+    component: $r,
+    label: "Add Element",
+    icon: "gravity-ui:plus",
+    position: "topbar"
+  });
+}
+function oa(e) {
+  xs || (xs = !0, wr(), At("effects-panel", {
+    component: e.EffectsPanel,
+    label: "Effects",
+    icon: "gravity-ui:sparkles",
+    position: "right"
+  }), At("export-panel", {
+    component: e.ExportPanel,
+    label: "Export",
+    icon: "gravity-ui:arrow-down-to-square",
+    position: "right"
+  }), At("images-panel", {
+    component: e.ImagePanel,
+    label: "Images",
+    icon: "gravity-ui:picture",
+    position: "right"
+  }), At("glyph-panel", {
+    component: e.GlyphPanel,
+    label: "Glyphs",
+    icon: "gravity-ui:text",
+    position: "right"
+  }), At("artboard-tabs", {
+    component: e.ArtboardTabs,
+    label: "Artboards",
+    icon: "gravity-ui:copy",
+    position: "topbar"
+  }), At("contextual-toolbar", {
+    component: e.ContextualToolbars,
+    label: "Contextual Toolbar",
+    position: "topbar"
+  }), At("zoom-controls", {
+    component: e.ZoomControls,
+    label: "Zoom",
+    icon: "gravity-ui:magnifier",
+    position: "bottombar"
+  }), At("crop-panel", {
+    component: e.CropPanel,
+    label: "Crop",
+    icon: "gravity-ui:scissors",
+    position: "right"
+  }));
+}
+const Vi = ({ stroke: e, onChange: t }) => {
   const [n, r] = V((e == null ? void 0 : e.enabled) || !1), o = (e == null ? void 0 : e.enabled) || !1, i = (e == null ? void 0 : e.color) || "#000000", c = (e == null ? void 0 : e.width) || 5, l = (e == null ? void 0 : e.lineCap) || "butt", a = (e == null ? void 0 : e.lineJoin) || "miter", u = (e == null ? void 0 : e.opacity) !== void 0 ? e.opacity : 1, d = (b) => {
     t(b ? {
       enabled: !0,
@@ -5512,7 +5516,7 @@ const Yi = ({ stroke: e, onChange: t }) => {
     /* @__PURE__ */ f(zs, { className: "sc:flex sc:flex-col sc:gap-lg sc:pt-lg", children: [
       /* @__PURE__ */ s(Dn, { className: "sc:flex sc:flex-col sc:gap-sm", children: /* @__PURE__ */ f("div", { className: "sc:flex sc:items-center sc:justify-between", children: [
         /* @__PURE__ */ s(xt, { children: "Color" }),
-        /* @__PURE__ */ s(po, { value: i, onChange: p })
+        /* @__PURE__ */ s(vo, { value: i, onChange: p })
       ] }) }),
       /* @__PURE__ */ f("div", { className: "sc:flex sc:flex-col sc:gap-sm", children: [
         /* @__PURE__ */ s(xt, { children: "Width" }),
@@ -5548,7 +5552,7 @@ const Yi = ({ stroke: e, onChange: t }) => {
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ f(Xr, { delayDuration: 300, children: [
+      /* @__PURE__ */ f(Fr, { delayDuration: 300, children: [
         /* @__PURE__ */ f(Dn, { className: "sc:flex sc:flex-col sc:gap-sm", children: [
           /* @__PURE__ */ s(xt, { children: "Line Cap" }),
           /* @__PURE__ */ f(es, { value: l, onValueChange: g, orientation: "horizontal", children: [
@@ -5586,7 +5590,7 @@ const Yi = ({ stroke: e, onChange: t }) => {
       ] })
     ] })
   ] });
-}, _i = ({ mask: e, index: t, isFirst: n, isLast: r, onUpdate: o, onRemove: i, onReorder: c }) => {
+}, Ui = ({ mask: e, index: t, isFirst: n, isLast: r, onUpdate: o, onRemove: i, onReorder: c }) => {
   var z;
   const [l, a] = V(!1), u = (v) => {
     switch (v) {
@@ -5972,12 +5976,12 @@ const Yi = ({ stroke: e, onChange: t }) => {
       ] })
     ] })
   ] });
-}, $i = ({ masks: e = [], onChange: t }) => {
+}, Ki = ({ masks: e = [], onChange: t }) => {
   const [n, r] = V(e.length > 0), [o, i] = V(!1), c = (d) => {
     const p = {
       id: `mask-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
       type: d,
-      maskElement: Fi(d),
+      maskElement: Gi(d),
       inverted: !1,
       feather: 0,
       opacity: 1
@@ -6080,7 +6084,7 @@ const Yi = ({ stroke: e, onChange: t }) => {
       )
     ] }),
     n && e.length > 0 && /* @__PURE__ */ s("div", { className: "sc:mt-xl sc:flex sc:flex-col sc:gap-md", children: e.map((d, p) => /* @__PURE__ */ s(
-      _i,
+      Ui,
       {
         mask: d,
         index: p,
@@ -6098,7 +6102,7 @@ const Yi = ({ stroke: e, onChange: t }) => {
     ] })
   ] });
 };
-function Fi(e) {
+function Gi(e) {
   switch (e) {
     case "clip":
       return {
@@ -6156,7 +6160,7 @@ function Fi(e) {
       };
   }
 }
-const Wi = {
+const ji = {
   enabled: !0,
   style: "worn",
   intensity: 30,
@@ -6165,7 +6169,7 @@ const Wi = {
   edgeWear: 40,
   seed: void 0
   // Will be generated when applied
-}, Vi = {
+}, qi = {
   enabled: !0,
   style: "worn",
   intensity: 55,
@@ -6173,7 +6177,7 @@ const Wi = {
   grainAmount: 25,
   edgeWear: 60,
   seed: void 0
-}, Ui = {
+}, Zi = {
   enabled: !0,
   style: "worn",
   intensity: 75,
@@ -6181,97 +6185,97 @@ const Wi = {
   grainAmount: 40,
   edgeWear: 80,
   seed: void 0
-}, Ki = {
+}, Ji = {
   enabled: !0,
   style: "cracked",
   intensity: 25,
   scratchAmount: 30,
   edgeWear: 20,
   seed: void 0
-}, Gi = {
+}, Qi = {
   enabled: !0,
   style: "cracked",
   intensity: 50,
   scratchAmount: 50,
   edgeWear: 35,
   seed: void 0
-}, ji = {
+}, ec = {
   enabled: !0,
   style: "cracked",
   intensity: 80,
   scratchAmount: 75,
   edgeWear: 60,
   seed: void 0
-}, qi = {
+}, tc = {
   enabled: !0,
   style: "grunge",
   intensity: 35,
   grainAmount: 40,
   fadeAmount: 25,
   seed: void 0
-}, Zi = {
+}, nc = {
   enabled: !0,
   style: "grunge",
   intensity: 60,
   grainAmount: 60,
   fadeAmount: 40,
   seed: void 0
-}, Ji = {
+}, sc = {
   enabled: !0,
   style: "grunge",
   intensity: 85,
   grainAmount: 80,
   fadeAmount: 55,
   seed: void 0
-}, Qi = {
+}, rc = {
   enabled: !0,
   style: "retro",
   intensity: 30,
   fadeAmount: 30,
   grainAmount: 25,
   seed: void 0
-}, ec = {
+}, oc = {
   enabled: !0,
   style: "retro",
   intensity: 55,
   fadeAmount: 45,
   grainAmount: 40,
   seed: void 0
-}, tc = {
+}, ic = {
   enabled: !0,
   style: "retro",
   intensity: 75,
   fadeAmount: 60,
   grainAmount: 55,
   seed: void 0
-}, nc = {
+}, cc = {
   worn: {
-    light: Wi,
-    medium: Vi,
-    heavy: Ui
+    light: ji,
+    medium: qi,
+    heavy: Zi
   },
   cracked: {
-    light: Ki,
-    medium: Gi,
-    heavy: ji
+    light: Ji,
+    medium: Qi,
+    heavy: ec
   },
   grunge: {
-    light: qi,
-    medium: Zi,
-    heavy: Ji
+    light: tc,
+    medium: nc,
+    heavy: sc
   },
   retro: {
-    light: Qi,
-    medium: ec,
-    heavy: tc
+    light: rc,
+    medium: oc,
+    heavy: ic
   }
 };
-function sc(e, t) {
-  const n = { ...nc[e][t] };
+function ac(e, t) {
+  const n = { ...cc[e][t] };
   return n.seed = Date.now(), n;
 }
-const rc = ({ distressEffect: e, onChange: t }) => {
-  go();
+const lc = ({ distressEffect: e, onChange: t }) => {
+  wo();
   const [n, r] = V(!1), o = (e == null ? void 0 : e.enabled) || !1, i = (e == null ? void 0 : e.style) || "worn", c = (e == null ? void 0 : e.intensity) || 50, l = (e == null ? void 0 : e.fadeAmount) || 30, a = (e == null ? void 0 : e.grainAmount) || 30, u = (e == null ? void 0 : e.scratchAmount) || 30, d = (e == null ? void 0 : e.edgeWear) || 40, p = (I) => {
     t(I ? {
       enabled: !0,
@@ -6284,7 +6288,7 @@ const rc = ({ distressEffect: e, onChange: t }) => {
       seed: Date.now()
     } : void 0);
   }, m = (I, B) => {
-    const N = sc(I, B);
+    const N = ac(I, B);
     t(N), r(!1);
   }, w = (I) => {
     if (e)
@@ -6634,24 +6638,24 @@ const rc = ({ distressEffect: e, onChange: t }) => {
     ] })
   ] });
 };
-function wr(e) {
+function Cr(e) {
   return e ? !!(e.fill || e.stroke) : !1;
 }
-function oc(e) {
+function dc(e) {
   if (!e) return [];
   const t = [];
   return e.fill && t.push("fill"), e.stroke && t.push("stroke"), t;
 }
-function ic(e, t = "knockout") {
-  if (!e || !wr(e))
+function uc(e, t = "knockout") {
+  if (!e || !Cr(e))
     return "No compositing";
-  const n = oc(e), r = e.scope || "group", o = t === "clip" ? "clip" : "knockout";
+  const n = dc(e), r = e.scope || "group", o = t === "clip" ? "clip" : "knockout";
   return n.length === 0 ? "No compositing" : n.length === 1 ? `${n[0]} ${o} (${r})` : `${n.slice(0, -1).join(", ") + " & " + n[n.length - 1]} ${o} (${r})`;
 }
-function cc(e) {
-  return !e || !wr(e) ? "No knockout" : ic(e, "knockout");
+function hc(e) {
+  return !e || !Cr(e) ? "No knockout" : uc(e, "knockout");
 }
-const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
+const fc = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
   const r = e === "knockout" || e === "clip", [o, i] = V(r), c = r, l = (t == null ? void 0 : t.fill) || !1, a = (t == null ? void 0 : t.stroke) || !1, u = (t == null ? void 0 : t.scope) || "group", d = (g) => {
     g === "knockout" || g === "clip" ? (n(g, {
       fill: !1,
@@ -6756,7 +6760,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
             /* @__PURE__ */ f("div", { className: "sc:flex sc:flex-col sc:gap-md", children: [
               /* @__PURE__ */ f("div", { className: "sc:rounded-lg sc:border sc:border-border-primary sc:bg-bg-tertiary sc:p-md", children: [
                 /* @__PURE__ */ s("strong", { className: "sc:text-sm sc:font-semibold sc:uppercase sc:tracking-wide sc:text-accent-primary", children: "Effect:" }),
-                /* @__PURE__ */ s("p", { className: "sc:mt-xs sc:text-base sc:text-text-secondary", children: cc(t) })
+                /* @__PURE__ */ s("p", { className: "sc:mt-xs sc:text-base sc:text-text-secondary", children: hc(t) })
               ] }),
               /* @__PURE__ */ s("div", { className: "sc:rounded-sm sc:border-l-2 sc:border-accent-primary sc:bg-accent-light sc:p-md", children: /* @__PURE__ */ f("small", { className: "sc:text-sm sc:leading-relaxed sc:text-text-secondary", children: [
                 /* @__PURE__ */ s("strong", { children: "Tip:" }),
@@ -6773,7 +6777,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
       ]
     }
   );
-}, lc = Tn("GlyphPicker"), dc = ({
+}, mc = Tn("GlyphPicker"), pc = ({
   isOpen: e,
   onClose: t,
   character: n,
@@ -6792,7 +6796,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
         a ? `No glyphs found in ${o}` : `No alternates found for "${n}" in ${o}`
       ), d(S), m(!1);
     }).catch((S) => {
-      lc.error("Error loading glyphs:", S), g(a ? "Failed to load glyphs" : "Failed to load glyph alternates"), m(!1);
+      mc.error("Error loading glyphs:", S), g(a ? "Failed to load glyphs" : "Failed to load glyph alternates"), m(!1);
     });
   }, [e, n, o, i, a]);
   const y = (E) => {
@@ -6803,15 +6807,15 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
       alternateName: E.name
     }), t();
   }, b = a ? `Browse All Glyphs - ${o}` : `Alternates for "${n}"`;
-  return /* @__PURE__ */ s(Or, { open: e, onOpenChange: (E) => !E && t(), children: /* @__PURE__ */ f(
-    Yr,
+  return /* @__PURE__ */ s(Wr, { open: e, onOpenChange: (E) => !E && t(), children: /* @__PURE__ */ f(
+    Vr,
     {
       placement: "bottom",
       overlayOpacity: 0.4,
       className: "sc:flex sc:flex-col sc:overflow-hidden",
       style: { zIndex: "var(--sc-z-drawer, 10002)" },
       children: [
-        /* @__PURE__ */ s(_r, { className: "sc:sr-only", children: b }),
+        /* @__PURE__ */ s(Ur, { className: "sc:sr-only", children: b }),
         /* @__PURE__ */ f("div", { className: "sc:flex sc:items-center sc:justify-between sc:px-3xl sc:pb-2xl sc:pt-2xl sc:border-b sc:border-border-primary", children: [
           /* @__PURE__ */ f("div", { className: "sc:flex sc:items-center sc:gap-md", children: [
             /* @__PURE__ */ s(ps, { size: 24, className: "sc:text-text-muted" }),
@@ -6880,7 +6884,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
       ]
     }
   ) });
-}, ks = Tn("OpenTypeFeaturesPanel"), uc = [
+}, ks = Tn("OpenTypeFeaturesPanel"), gc = [
   // Ligatures
   { tag: "liga", label: "Standard Ligatures", description: "Common ligatures like fi, fl", category: "ligatures" },
   {
@@ -6921,7 +6925,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
   { tag: "kern", label: "Kerning", description: "Adjust spacing between letter pairs", category: "stylistic" },
   { tag: "mark", label: "Mark Positioning", description: "Position diacritical marks", category: "stylistic" },
   { tag: "mkmk", label: "Mark to Mark", description: "Position marks relative to marks", category: "stylistic" }
-], hc = ({
+], xc = ({
   fontFamily: e,
   fontWeight: t = 400,
   text: n = "",
@@ -6986,7 +6990,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
     } else
       ne = ne.filter((se) => se.charIndex !== y);
     c(ne.length > 0 ? ne : void 0);
-  }, O = r ? Object.values(r).filter(Boolean).length : 0, x = o.length, K = uc.reduce(
+  }, O = r ? Object.values(r).filter(Boolean).length : 0, x = o.length, K = gc.reduce(
     (U, ne) => (U[ne.category] || (U[ne.category] = []), U[ne.category].push(ne), U),
     {}
   );
@@ -7087,7 +7091,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
       }) })
     ] }),
     e && /* @__PURE__ */ s(
-      dc,
+      pc,
       {
         isOpen: w,
         onClose: () => g(!1),
@@ -7101,7 +7105,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
       }
     )
   ] });
-}, fc = ({ element: e, onElementUpdate: t, isOpen: n, onClose: r }) => {
+}, yc = ({ element: e, onElementUpdate: t, isOpen: n, onClose: r }) => {
   var m, w;
   const [o, i] = V("stroke");
   if (!e) return null;
@@ -7157,7 +7161,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
             ] }) }),
             /* @__PURE__ */ f(Qe.Panel, { id: "stroke", className: "sc:flex-1 sc:overflow-y-auto sc:p-6", children: [
               /* @__PURE__ */ s(
-                Yi,
+                Vi,
                 {
                   stroke: e.stroke,
                   onChange: (g) => {
@@ -7173,7 +7177,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
             ] }),
             /* @__PURE__ */ f(Qe.Panel, { id: "masks", className: "sc:flex-1 sc:overflow-y-auto sc:p-6", children: [
               /* @__PURE__ */ s(
-                $i,
+                Ki,
                 {
                   masks: e.masks,
                   onChange: (g) => {
@@ -7189,7 +7193,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
             ] }),
             /* @__PURE__ */ f(Qe.Panel, { id: "distress", className: "sc:flex-1 sc:overflow-y-auto sc:p-6", children: [
               /* @__PURE__ */ s(
-                rc,
+                lc,
                 {
                   distressEffect: e.distressEffect,
                   onChange: (g) => {
@@ -7205,7 +7209,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
             ] }),
             /* @__PURE__ */ f(Qe.Panel, { id: "compositing", className: "sc:flex-1 sc:overflow-y-auto sc:p-6", children: [
               /* @__PURE__ */ s(
-                ac,
+                fc,
                 {
                   blendMode: e.blendMode,
                   knockoutParts: e.knockoutParts,
@@ -7222,7 +7226,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
             ] }),
             d && /* @__PURE__ */ f(Qe.Panel, { id: "typography", className: "sc:flex-1 sc:overflow-y-auto sc:p-6", children: [
               /* @__PURE__ */ s(
-                hc,
+                xc,
                 {
                   fontFamily: e.fontFamily,
                   fontWeight: e.bold ? 700 : 400,
@@ -7249,7 +7253,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
       )
     }
   );
-}, mc = ({
+}, bc = ({
   isOpen: e,
   onClose: t,
   element: n,
@@ -7264,7 +7268,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
     [r, l, a]
   );
   return /* @__PURE__ */ s("div", { style: o, className: i, children: /* @__PURE__ */ s(
-    fc,
+    yc,
     {
       element: a,
       onElementUpdate: u,
@@ -7272,10 +7276,10 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
       onClose: t
     }
   ) });
-}, pc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, vc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  EffectsPanel: mc
-}, Symbol.toStringTag, { value: "Module" })), tr = Tn("ExportPanel"), gc = ({
+  EffectsPanel: bc
+}, Symbol.toStringTag, { value: "Module" })), tr = Tn("ExportPanel"), wc = ({
   showContinuousExport: e = !0,
   defaultScale: t = 3,
   defaultFormat: n = "png",
@@ -7293,7 +7297,7 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
     progress: m,
     supportsWorkerExport: w,
     workerStats: g
-  } = $r(), { artboardsInfo: y, activeArtboardId: b } = Ps(), [E, S] = V(t), [k, z] = V(n), [v, I] = V(500), B = async () => {
+  } = Kr(), { artboardsInfo: y, activeArtboardId: b } = Ps(), [E, S] = V(t), [k, z] = V(n), [v, I] = V(500), B = async () => {
     if (b)
       try {
         const C = await c(b, { scale: E, format: k }), oe = document.createElement("a"), P = y.find((K) => K.id === b), O = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), x = (P == null ? void 0 : P.name) || "artboard";
@@ -7585,15 +7589,15 @@ const ac = ({ blendMode: e = "normal", knockoutParts: t, onChange: n }) => {
       ]
     }
   );
-}, xc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ExportPanel: gc
-}, Symbol.toStringTag, { value: "Module" })), Gn = Tn("ImageBrowser"), yc = "Image search is temporarily unavailable.", nr = "Image generation is temporarily unavailable.", bc = "Vector search is temporarily unavailable.", sr = "Background removal is temporarily unavailable.";
-function vc(e, t) {
+  ExportPanel: wc
+}, Symbol.toStringTag, { value: "Module" })), Gn = Tn("ImageBrowser"), Sc = "Image search is temporarily unavailable.", nr = "Image generation is temporarily unavailable.", Ec = "Vector search is temporarily unavailable.", sr = "Background removal is temporarily unavailable.";
+function kc(e, t) {
   const n = e instanceof Error ? e.message : "";
   return !n || /VITE_|NEXT_PUBLIC_|\.env/i.test(n) ? t : n;
 }
-const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n, fixedHeight: r = !1 }) {
+const Rc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n, fixedHeight: r = !1 }) {
   const [o, i] = V(!1), [c, l] = V(!1), [a, u] = V("top"), d = be(null), p = be(null), m = be(null), w = be(!0), [g, y] = V(!1), b = be(null), E = () => {
     c || n(t);
   }, S = (P) => {
@@ -7804,14 +7808,14 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
       ]
     }
   );
-}), Cc = ({
+}), Mc = ({
   isOpen: e,
   onToggle: t,
   onImageSelect: n,
   currentImageUrl: r,
   placement: o = "bottom"
 }) => {
-  const { imageSearch: i, generate: c, vectors: l, removeBackground: a } = Fr(), u = fs(
+  const { imageSearch: i, generate: c, vectors: l, removeBackground: a } = Gr(), u = fs(
     () => [
       ...i ? ["search"] : [],
       "url",
@@ -7835,7 +7839,7 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
           const at = await i.search({ query: G, page: $e, perPage: 30 });
           y((re) => et ? [...re, ...at.results] : at.results), B(at.page), T(at.hasMore);
         } catch (at) {
-          k(yc), Gn.error("Error searching images:", at);
+          k(Sc), Gn.error("Error searching images:", at);
         } finally {
           E(!1);
         }
@@ -7881,7 +7885,7 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
             return [...re, ...et.filter((ce) => !he.has(ce.id))];
           } : et), Se(at), ve(at !== null);
         } catch (et) {
-          D(bc), Gn.error("Error searching vectors:", et);
+          D(Ec), Gn.error("Error searching vectors:", et);
         } finally {
           ne(!1);
         }
@@ -7972,7 +7976,7 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
           throw new Error(nr);
         wt(re);
       } catch (at) {
-        vt(vc(at, nr)), Gn.error("Error generating AI image:", at);
+        vt(kc(at, nr)), Gn.error("Error generating AI image:", at);
       } finally {
         Ue(!1);
       }
@@ -8112,7 +8116,7 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
                         display: "grid",
                         gridTemplateColumns: o === "bottom" ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(3, 1fr)",
                         gridAutoRows: o === "bottom" ? "200px" : "120px",
-                        gap: wc
+                        gap: Rc
                       },
                       children: g.map((G, $e) => /* @__PURE__ */ s("div", { className: zt(G, $e), children: /* @__PURE__ */ s(rr, { image: G, onImageSelect: _, fixedHeight: !0 }) }, G.id))
                     }
@@ -8415,7 +8419,7 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
       )
     }
   );
-}, Sc = ({
+}, Tc = ({
   isOpen: e,
   onOpenChange: t,
   onImageAdded: n,
@@ -8435,7 +8439,7 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
       const P = b.current, O = E.current;
       if (z) {
         const me = P.find((ve) => ve.id === z);
-        if (me && ho(me)) {
+        if (me && xo(me)) {
           const ve = me, ue = me.clone(), Re = ((le = u.current) == null ? void 0 : le.getZoom()) || 1;
           ue.imageUrl = oe, ue.transformData.width = 300 / Re, ue.transformData.height = 300 / Re, ue.transformData.cropX = 0, ue.transformData.cropY = 0, ue.transformData.cropWidth = 1, ue.transformData.cropHeight = 1, ue.transformData.flipHorizontal = !1, ue.transformData.flipVertical = !1, ue.transformData.borderRadius = 0, ue.imageLoaded = !1, ue.imageElement = null, ue.isCropping = !1, ue.onLoadCallback = (Me) => {
             const Ve = Me;
@@ -8486,7 +8490,7 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
     },
     [t, v]
   ), N = z ? (C = l.find((oe) => oe.id === z)) == null ? void 0 : C.imageUrl : void 0, T = /* @__PURE__ */ s(
-    Cc,
+    Mc,
     {
       isOpen: e,
       onToggle: B,
@@ -8494,11 +8498,11 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
       currentImageUrl: N
     }
   );
-  return c ? /* @__PURE__ */ s(Wr, { services: c, children: T }) : T;
-}, Ec = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  return c ? /* @__PURE__ */ s(jr, { services: c, children: T }) : T;
+}, Ic = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ImagePanel: Sc
-}, Symbol.toStringTag, { value: "Module" })), kc = Tn("GlyphBrowserDrawer"), Rc = ({
+  ImagePanel: Tc
+}, Symbol.toStringTag, { value: "Module" })), Nc = Tn("GlyphBrowserDrawer"), Pc = ({
   isOpen: e,
   onClose: t,
   fontFamily: n,
@@ -8510,7 +8514,7 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
     e && (a(!0), d(null), m(""), An.getAllGlyphs(n, r).then((y) => {
       y.length === 0 && d(`No alternate glyphs found in ${n}`), c(y), a(!1);
     }).catch((y) => {
-      kc.error("Error loading glyphs:", y), d("Failed to load glyphs"), a(!1);
+      Nc.error("Error loading glyphs:", y), d("Failed to load glyphs"), a(!1);
     }));
   }, [e, n, r]);
   const w = (y) => {
@@ -8556,7 +8560,7 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
         ] }) }),
         /* @__PURE__ */ f("div", { className: "sc:flex-1 sc:overflow-y-auto sc:p-6", children: [
           l && /* @__PURE__ */ f("div", { className: "sc:py-12 sc:text-center sc:text-muted", children: [
-            /* @__PURE__ */ s(Oi, { size: "lg", className: "sc:mx-auto sc:mb-4" }),
+            /* @__PURE__ */ s(Wi, { size: "lg", className: "sc:mx-auto sc:mb-4" }),
             /* @__PURE__ */ s("div", { className: "sc:text-sm", children: "Loading glyphs..." })
           ] }),
           u && /* @__PURE__ */ f("div", { className: "sc:py-12 sc:text-center", children: [
@@ -8604,7 +8608,7 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
       ]
     }
   );
-}, ir = Tn("GlyphPanel"), Mc = ({
+}, ir = Tn("GlyphPanel"), Ac = ({
   isOpen: e,
   onClose: t,
   fontFamily: n,
@@ -8633,7 +8637,7 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
     [o, a, u, d, l]
   );
   return /* @__PURE__ */ s(
-    Rc,
+    Pc,
     {
       isOpen: e,
       onClose: t,
@@ -8642,10 +8646,10 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
       onInsertGlyph: p
     }
   );
-}, Tc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GlyphPanel: Mc
-}, Symbol.toStringTag, { value: "Module" })), Ic = ({
+  GlyphPanel: Ac
+}, Symbol.toStringTag, { value: "Module" })), Bc = ({
   orientation: e = "horizontal",
   showAddButton: t = !0,
   showCloseButtons: n = !1,
@@ -8821,9 +8825,9 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
       }
     )
   ] });
-}, Nc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, zc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ArtboardTabs: Ic
+  ArtboardTabs: Bc
 }, Symbol.toStringTag, { value: "Module" })), cr = ({
   className: e,
   position: t = "bottom-right",
@@ -8938,23 +8942,23 @@ const wc = "1px", Rs = "1px", rr = ot.memo(function({ image: t, onImageSelect: n
       ]
     }
   );
-}, Pc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Lc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ZoomControls: cr,
   default: cr
-}, Symbol.toStringTag, { value: "Module" })), ar = Tn("AutoExportManager"), Ac = {
+}, Symbol.toStringTag, { value: "Module" })), ar = Tn("AutoExportManager"), Hc = {
   enabled: !0,
   debounceMs: 100,
   maxWaitMs: 1e3
 };
-class ta {
+class ia {
   constructor(t = {}) {
     this.onExportCallback = null, this.onExportScheduledCallback = null, this.revision = 0, this.lastExportedRevision = -1, this.stats = {
       totalExports: 0,
       skippedExports: 0,
       lastExportTime: null,
       avgExportInterval: 0
-    }, this.exportTimestamps = [], this.config = { ...Ac, ...t }, this.debouncedExport = Zs(
+    }, this.exportTimestamps = [], this.config = { ...Hc, ...t }, this.debouncedExport = Zs(
       () => this.performExport(),
       this.config.debounceMs,
       {
@@ -9077,7 +9081,7 @@ class ta {
     this.debouncedExport.cancel(), this.onExportCallback = null, this.onExportScheduledCallback = null, this.lastExportedRevision = -1;
   }
 }
-function na({ width: e = 800, height: t = 600, style: n }) {
+function ca({ width: e = 800, height: t = 600, style: n }) {
   return /* @__PURE__ */ f(
     "div",
     {
@@ -9120,7 +9124,7 @@ function na({ width: e = 800, height: t = 600, style: n }) {
     }
   );
 }
-function sa({ itemCount: e = 5, style: t }) {
+function aa({ itemCount: e = 5, style: t }) {
   return /* @__PURE__ */ f(
     "div",
     {
@@ -9173,7 +9177,7 @@ function sa({ itemCount: e = 5, style: t }) {
     }
   );
 }
-function ra({ style: e }) {
+function la({ style: e }) {
   return /* @__PURE__ */ f(
     "div",
     {
@@ -9228,7 +9232,7 @@ function ra({ style: e }) {
     }
   );
 }
-function oa({ size: e = 32, color: t = "var(--primary)" }) {
+function da({ size: e = 32, color: t = "var(--primary)" }) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -9249,7 +9253,7 @@ function oa({ size: e = 32, color: t = "var(--primary)" }) {
     }
   );
 }
-function ia(e) {
+function ua(e) {
   var i;
   const t = [], n = [];
   (!e.name || e.name.trim() === "") && t.push("Kit name is required"), e.behavior.toolbar === "none" && ((i = e.layout.slots.topbar) != null && i.length) && n.push('Toolbar mode is "none" but topbar has sections — topbar sections will be ignored'), e.behavior.selection === "multi" && !e.capabilities.tools.includes("select") && n.push('Multi-selection enabled but "select" tool not in capabilities'), e.capabilities.elements.length === 0 && t.push("At least one element type must be enabled in capabilities.elements"), e.capabilities.transforms.length === 0 && t.push("At least one transform type must be enabled in capabilities.transforms"), e.behavior.autoExport && !e.capabilities.features.export && n.push("autoExport is enabled but features.export is false — exports will not be produced");
@@ -9268,37 +9272,37 @@ function ia(e) {
   return { valid: t.length === 0, errors: t, warnings: n };
 }
 export {
-  xo as A,
-  yo as C,
-  Ac as D,
-  vo as E,
-  Mc as G,
-  Sc as I,
+  Co as A,
+  So as C,
+  Hc as D,
+  ko as E,
+  Ac as G,
+  Tc as I,
   Js as K,
-  sa as L,
+  aa as L,
   pr as M,
-  bo as P,
-  oa as S,
-  ra as T,
+  Eo as P,
+  da as S,
+  la as T,
   cr as Z,
-  Ic as a,
-  ta as b,
-  Gc as c,
-  na as d,
-  mc as e,
-  gc as f,
-  Uc as g,
-  Zc as h,
-  jc as i,
-  qc as j,
-  Qc as k,
-  ea as l,
+  Bc as a,
+  ia as b,
+  Qc as c,
+  ca as d,
+  bc as e,
+  wc as f,
+  Zc as g,
+  na as h,
+  ea as i,
+  ta as j,
+  ra as k,
+  oa as l,
   At as m,
-  Go as n,
-  Kc as o,
-  Co as p,
-  wo as r,
-  Jc as u,
-  ia as v
+  Qo as n,
+  Jc as o,
+  Mo as p,
+  Ro as r,
+  sa as u,
+  ua as v
 };
-//# sourceMappingURL=validation-0IscSfRb.js.map
+//# sourceMappingURL=validation-3YEMnKLB.js.map