@snowcone-app/canvas 0.19.1 → 0.21.0

package/dist/{EditorContext-5QpqAhjh.js → editorErrors-CK1RISFa.js}

@@ -1,13 +1,13 @@
 import { jsx as H } from "react/jsx-runtime";
-import { useContext as X, useSyncExternalStore as ot, useCallback as a, createContext as Q, useRef as ue, useState as E, useEffect as Ce, useMemo as q } from "react";
-import { y as He, N as rt, a9 as it, aa as ct, G as _e, ab as st, ac as dt, ad as at, ae as lt, af as ut, c as ke, z as mt, ag as ft, ah as At, ai as pt, E as ht, L as Ve, I as xt, g as yt, S as Et, aj as St, ak as Ne } from "./FontAnalyzer-DIlqmyuf.js";
-const We = Q(null), bt = () => () => {
-}, De = () => 0;
-function Xt() {
-  const t = X(We), e = ot(
-    t ? t.subscribe : bt,
-    t ? t.getVersion : De,
-    t ? t.getVersion : De
+import { useContext as X, useSyncExternalStore as rt, useCallback as a, createContext as Q, useRef as me, useState as E, useEffect as ve, useMemo as q } from "react";
+import { y as Ve, N as it, a9 as st, aa as ct, G as ke, ab as dt, ac as at, ad as lt, ae as ut, af as mt, c as $e, z as ft, ag as At, ah as pt, ai as ht, E as xt, L as Ne, I as yt, g as Et, S as St, aj as bt, ak as De } from "./FontAnalyzer-BpsTYowD.js";
+const We = Q(null), It = () => () => {
+}, Le = () => 0;
+function Jt() {
+  const t = X(We), e = rt(
+    t ? t.subscribe : It,
+    t ? t.getVersion : Le,
+    t ? t.getVersion : Le
   );
   return a(
     (o) => !!(t && o && t.getBoundLayer(o)),
@@ -16,27 +16,27 @@ function Xt() {
     [t, e]
   );
 }
-class It extends Error {
+class wt extends Error {
   constructor(e, o, n = {}) {
     super(`[Editor] ${e}: ${o}`), this.name = "EditorError", this.code = e, this.data = { code: e, ...n };
   }
 }
-function Yt(t) {
+function gt(t) {
   return t instanceof Error && t.name === "EditorError" && "code" in t;
 }
-function jt() {
+function Tt() {
   var t;
-  return typeof He < "u" && ((t = He.env) == null ? void 0 : t.NODE_ENV) !== "production";
+  return typeof Ve < "u" && ((t = Ve.env) == null ? void 0 : t.NODE_ENV) !== "production";
 }
-const fe = ke("useCommandHistory");
-function wt(t, e, o, n) {
-  const d = ue(new rt(o)), l = X(We), i = a(
-    (c, A) => {
-      const y = c == null ? void 0 : c.name;
+const Ae = $e("useCommandHistory");
+function Pt(t, e, o, n) {
+  const d = me(new it(o)), l = X(We), i = a(
+    (s, A) => {
+      const y = s == null ? void 0 : s.name;
       if (!l || !y) return;
       const x = l.getBoundLayer(y);
       if (x)
-        throw new It(
+        throw new wt(
           "E_BOUND_LAYER_MUTATION",
           `cannot ${A} layer "${y}" — a mounted <${x.part} layer={design.layer("${y}")}> is bound to it. Unmount that field first, or keep the layer and set its text through the field / its binding instead.`,
           { layer: y, part: x.part, operation: A, docSlug: "embed-mode" }
@@ -49,24 +49,24 @@ function wt(t, e, o, n) {
     // Per-artboard state for the active artboard
     canUndoActiveArtboard: !1,
     canRedoActiveArtboard: !1
-  }), s = a(() => {
-    const c = d.current, A = o.getActiveArtboardId();
+  }), c = a(() => {
+    const s = d.current, A = o.getActiveArtboardId();
     u({
-      canUndo: c.canUndo(),
-      canRedo: c.canRedo(),
+      canUndo: s.canUndo(),
+      canRedo: s.canRedo(),
       // Per-artboard state - only check active artboard's history
-      canUndoActiveArtboard: A ? c.canUndoArtboard(A) : !1,
-      canRedoActiveArtboard: A ? c.canRedoArtboard(A) : !1
+      canUndoActiveArtboard: A ? s.canUndoArtboard(A) : !1,
+      canRedoActiveArtboard: A ? s.canRedoArtboard(A) : !1
     });
   }, [o]), V = a(
-    (c, A) => {
-      c && c.name !== A.name && i(c, "rename");
-      const y = new it(
+    (s, A) => {
+      s && s.name !== A.name && i(s, "rename");
+      const y = new st(
         A.id,
-        c || null,
+        s || null,
         A,
         (P) => {
-          e((k) => k.map((C) => C.id === P.id ? P : C));
+          e((k) => k.map((R) => R.id === P.id ? P : R));
         }
       ), x = o.getArtboardIdForElement(A.id);
       if (x)
@@ -75,67 +75,67 @@ function wt(t, e, o, n) {
         const P = o.getActiveArtboardId();
         P && d.current.executeOnArtboard(P, y);
       }
-      s();
+      c();
     },
-    [e, o, s, i]
+    [e, o, c, i]
   ), O = a(
-    (c, A, y, x) => {
+    (s, A, y, x) => {
       const P = A || o.getActiveArtboardId();
       if (!P) {
-        fe.warn("No active artboard to add element to");
+        Ae.warn("No active artboard to add element to");
         return;
       }
       const k = new ct(
-        c,
-        (C) => {
-          const N = C;
+        s,
+        (R) => {
+          const N = R;
           e((v) => {
             if (x) {
-              const U = v.findIndex((R) => R.id === x);
+              const U = v.findIndex((F) => F.id === x);
               if (U !== -1) {
-                const R = [...v];
-                return R.splice(U, 0, N), R;
+                const F = [...v];
+                return F.splice(U, 0, N), F;
               }
             }
             if (y) {
-              const U = v.findIndex((R) => R.id === y);
+              const U = v.findIndex((F) => F.id === y);
               if (U !== -1) {
-                const R = [...v];
-                return R.splice(U + 1, 0, N), R;
+                const F = [...v];
+                return F.splice(U + 1, 0, N), F;
               }
-              for (let R = 0; R < v.length; R++) {
-                const Y = v[R];
-                if (Y instanceof _e && Y.children) {
-                  const ne = Y.children.findIndex((j) => j.id === y);
+              for (let F = 0; F < v.length; F++) {
+                const j = v[F];
+                if (j instanceof ke && j.children) {
+                  const ne = j.children.findIndex((Y) => Y.id === y);
                   if (ne !== -1) {
-                    const j = Y.clone();
-                    j.children.splice(ne + 1, 0, N);
+                    const Y = j.clone();
+                    Y.children.splice(ne + 1, 0, N);
                     const J = [...v];
-                    return J[R] = j, J;
+                    return J[F] = Y, J;
                   }
                 }
               }
             }
             return [...v, N];
-          }), o.addElementToArtboard(C.id, P);
+          }), o.addElementToArtboard(R.id, P);
         },
-        (C) => {
-          e((N) => N.filter((v) => v.id !== C)), o.removeElementFromArtboard(C);
+        (R) => {
+          e((N) => N.filter((v) => v.id !== R)), o.removeElementFromArtboard(R);
         }
       );
-      d.current.executeOnArtboard(P, k), s();
+      d.current.executeOnArtboard(P, k), c();
     },
-    [e, o, s]
+    [e, o, c]
   ), D = a(
-    (c) => {
-      i(c, "delete");
-      const A = o.getArtboardIdForElement(c.id);
+    (s) => {
+      i(s, "delete");
+      const A = o.getArtboardIdForElement(s.id);
       if (!A) {
-        fe.warn("Element not found in any artboard");
+        Ae.warn("Element not found in any artboard");
         return;
       }
-      const y = new st(
-        c,
+      const y = new dt(
+        s,
         (x) => {
           e((P) => [...P, x]), o.addElementToArtboard(x.id, A);
         },
@@ -143,37 +143,37 @@ function wt(t, e, o, n) {
           e((P) => P.filter((k) => k.id !== x)), o.removeElementFromArtboard(x);
         }
       );
-      d.current.executeOnArtboard(A, y), s();
+      d.current.executeOnArtboard(A, y), c();
     },
-    [e, o, s, i]
+    [e, o, c, i]
   ), w = a(
-    (c) => {
-      const A = new dt(c, o);
-      d.current.executeGlobal(A), s(), n == null || n();
+    (s) => {
+      const A = new at(s, o);
+      d.current.executeGlobal(A), c(), n == null || n();
     },
-    [o, s, n]
+    [o, c, n]
   ), L = a(
-    (c) => {
-      const A = new at(c, o);
-      d.current.executeGlobal(A), s(), n == null || n();
+    (s) => {
+      const A = new lt(s, o);
+      d.current.executeGlobal(A), c(), n == null || n();
     },
-    [o, s, n]
+    [o, c, n]
   ), p = a(
-    (c, A, y) => {
-      const x = new lt(c, A, y, o);
-      d.current.executeGlobal(x), s(), n == null || n();
+    (s, A, y) => {
+      const x = new ut(s, A, y, o);
+      d.current.executeGlobal(x), c(), n == null || n();
     },
-    [o, s, n]
+    [o, c, n]
   ), f = a(
-    (c) => {
-      if (c.length === 0)
+    (s) => {
+      if (s.length === 0)
         return;
       const A = o.getActiveArtboardId();
       if (!A) {
-        fe.warn("No active artboard for batch execution");
+        Ae.warn("No active artboard for batch execution");
         return;
       }
-      const y = c.map((x) => new class extends Object {
+      const y = s.map((x) => new class extends Object {
         execute() {
           x.execute();
         }
@@ -181,54 +181,54 @@ function wt(t, e, o, n) {
           x.undo();
         }
       }());
-      d.current.executeBatchOnArtboard(A, y), s();
+      d.current.executeBatchOnArtboard(A, y), c();
     },
-    [o, s]
-  ), T = a(() => {
-    d.current.undo() && (s(), n == null || n());
-  }, [s, n]), z = a(() => {
-    d.current.redo() && (s(), n == null || n());
-  }, [s, n]), g = a(() => {
-    const c = o.getActiveArtboardId();
-    c && d.current.undoArtboard(c) && (s(), n == null || n());
-  }, [o, s, n]), b = a(() => {
-    const c = o.getActiveArtboardId();
-    c && d.current.redoArtboard(c) && (s(), n == null || n());
-  }, [o, s, n]), _ = a(() => {
-    d.current.clear(), s();
-  }, [s]), te = a(
-    (c) => {
-      d.current.clearArtboardHistory(c), s();
+    [o, c]
+  ), g = a(() => {
+    d.current.undo() && (c(), n == null || n());
+  }, [c, n]), z = a(() => {
+    d.current.redo() && (c(), n == null || n());
+  }, [c, n]), T = a(() => {
+    const s = o.getActiveArtboardId();
+    s && d.current.undoArtboard(s) && (c(), n == null || n());
+  }, [o, c, n]), b = a(() => {
+    const s = o.getActiveArtboardId();
+    s && d.current.redoArtboard(s) && (c(), n == null || n());
+  }, [o, c, n]), _ = a(() => {
+    d.current.clear(), c();
+  }, [c]), te = a(
+    (s) => {
+      d.current.clearArtboardHistory(s), c();
     },
-    [s]
-  ), B = ue(null);
-  Ce(() => {
-    const c = o.getActiveArtboardId();
-    c !== B.current && (B.current = c, s());
+    [c]
+  ), B = me(null);
+  ve(() => {
+    const s = o.getActiveArtboardId();
+    s !== B.current && (B.current = s, c());
   });
-  const W = a(
-    (c, A, y) => {
-      const x = t.map((C) => C.id), P = o.getArtboardIdForElement(c);
+  const $ = a(
+    (s, A, y) => {
+      const x = t.map((R) => R.id), P = o.getArtboardIdForElement(s);
       if (!P) {
-        fe.warn("Element not found in any artboard");
+        Ae.warn("Element not found in any artboard");
         return;
       }
-      const k = new ut(c, A, y, x, (C) => {
+      const k = new mt(s, A, y, x, (R) => {
         e((N) => {
           const v = new Map(N.map((U) => [U.id, U]));
-          return C.map((U) => v.get(U)).filter(Boolean);
+          return R.map((U) => v.get(U)).filter(Boolean);
         });
       });
-      d.current.executeOnArtboard(P, k), s();
+      d.current.executeOnArtboard(P, k), c();
     },
-    [t, e, o, s]
+    [t, e, o, c]
   );
   return {
     // Element operations
     executeElementUpdate: V,
     executeAddElement: O,
     executeRemoveElement: D,
-    executeReorderElement: W,
+    executeReorderElement: $,
     // Batch operations
     executeCommandBatch: f,
     // Artboard operations
@@ -236,10 +236,10 @@ function wt(t, e, o, n) {
     executeDeleteArtboard: L,
     executeUpdateArtboard: p,
     // Undo/redo (smart - considers last operation and active artboard)
-    undo: T,
+    undo: g,
     redo: z,
     // Undo/redo for active artboard only (element operations)
-    undoActiveArtboard: g,
+    undoActiveArtboard: T,
     redoActiveArtboard: b,
     clearHistory: _,
     clearArtboardHistory: te,
@@ -255,21 +255,21 @@ function wt(t, e, o, n) {
 function oe(t) {
   return t && "fontSize" in t && "color" in t && "fontFamily" in t;
 }
-function Tt(t, e) {
-  const [o, n] = E(32), [d, l] = E("#333333"), [i, r] = E("Arial"), [u, s] = E("center");
-  Ce(() => {
+function Ct(t, e) {
+  const [o, n] = E(32), [d, l] = E("#333333"), [i, r] = E("Arial"), [u, c] = E("center");
+  ve(() => {
     if (t && oe(t)) {
-      const p = t.transformType === "circle" && "getEffectiveFontSize" in t ? Math.round(t.getEffectiveFontSize()) : Math.round(t.fontSize), f = t.color, T = t.fontFamily, z = t.textAlign;
-      n((g) => g !== p ? p : g), l((g) => g !== f ? f : g), r((g) => g !== T ? T : g), s((g) => g !== z ? z : g);
+      const p = t.transformType === "circle" && "getEffectiveFontSize" in t ? Math.round(t.getEffectiveFontSize()) : Math.round(t.fontSize), f = t.color, g = t.fontFamily, z = t.textAlign;
+      n((T) => T !== p ? p : T), l((T) => T !== f ? f : T), r((T) => T !== g ? g : T), c((T) => T !== z ? z : T);
     }
   }, [t]);
   const V = a(
     (p) => {
       if (!t || !oe(t)) return;
-      const f = Math.max(ft, Math.min(At, o + p));
+      const f = Math.max(At, Math.min(pt, o + p));
       n(f);
-      const T = t.clone();
-      T.transformType === "circle" && "setEffectiveFontSize" in T ? T.setEffectiveFontSize(f) : T.setFontSize(f), e(T);
+      const g = t.clone();
+      g.transformType === "circle" && "setEffectiveFontSize" in g ? g.setEffectiveFontSize(f) : g.setFontSize(f), e(g);
     },
     [t, o, e]
   ), O = a(
@@ -286,8 +286,8 @@ function Tt(t, e) {
       l(p);
       const f = t.clone();
       if (f.color = p, f.richText)
-        for (const T of f.richText.spans)
-          T.style.color = void 0;
+        for (const g of f.richText.spans)
+          g.style.color = void 0;
       e(f);
     },
     [t, e]
@@ -295,15 +295,15 @@ function Tt(t, e) {
     (p) => {
       if (!t || !oe(t)) return;
       const f = t.fontFamily;
-      f !== p && mt.clearCache(f), r(p);
-      const T = t.clone();
-      T.fontFamily = p, e(T);
+      f !== p && ft.clearCache(f), r(p);
+      const g = t.clone();
+      g.fontFamily = p, e(g);
     },
     [t, e]
   ), L = a(
     (p) => {
       if (!t || !oe(t)) return;
-      s(p);
+      c(p);
       const f = t.clone();
       f.textAlign = p, e(f);
     },
@@ -319,7 +319,7 @@ function Tt(t, e) {
     setFontSize: n,
     setFontColor: l,
     setFontFamily: r,
-    setTextAlign: s,
+    setTextAlign: c,
     // Update functions (update element + UI)
     updateFontSize: V,
     setFontSizeValue: O,
@@ -329,7 +329,7 @@ function Tt(t, e) {
   };
 }
 const Ze = "data-preserve-selection";
-function gt(t) {
+function Ft(t) {
   if (!(t instanceof Element))
     return !1;
   let e = t;
@@ -348,18 +348,18 @@ function gt(t) {
   }
   return !1;
 }
-const Jt = {
+const Kt = {
   [Ze]: ""
 };
-function Pt(t) {
-  const e = $e(t);
+function Rt(t) {
+  const e = Ge(t);
   return e !== null && e < 0.5;
 }
-function Kt(t) {
-  const e = $e(t);
+function Mt(t) {
+  const e = Ge(t);
   return e !== null && e >= 0.5;
 }
-function $e(t) {
+function Ge(t) {
   const e = t.trim();
   if (e.startsWith("#")) {
     const n = e.slice(1);
@@ -369,40 +369,40 @@ function $e(t) {
     else if (n.length === 6)
       d = parseInt(n.slice(0, 2), 16), l = parseInt(n.slice(2, 4), 16), i = parseInt(n.slice(4, 6), 16);
     else return null;
-    return Number.isNaN(d) || Number.isNaN(l) || Number.isNaN(i) ? null : Le(d, l, i);
+    return Number.isNaN(d) || Number.isNaN(l) || Number.isNaN(i) ? null : Be(d, l, i);
   }
   const o = e.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
-  return o ? Le(Number(o[1]), Number(o[2]), Number(o[3])) : null;
+  return o ? Be(Number(o[1]), Number(o[2]), Number(o[3])) : null;
 }
-function Le(t, e, o) {
+function Be(t, e, o) {
   const n = (d) => {
     const l = d / 255;
     return l <= 0.03928 ? l / 12.92 : Math.pow((l + 0.055) / 1.055, 2.4);
   };
   return 0.2126 * n(t) + 0.7152 * n(e) + 0.0722 * n(o);
 }
-const Ft = "#333333", Rt = "#f4f4f5";
-function Ct(t) {
-  return t && Pt(t) ? Rt : Ft;
+const vt = "#333333", zt = "#f4f4f5";
+function Ot(t) {
+  return t && Rt(t) ? zt : vt;
 }
-const Ge = Q(null), vt = 0.1, zt = 4, Be = 0.25, Ot = ({
+const Xe = Q(null), Ut = 0.1, Ht = 4, _e = 0.25, Vt = ({
   children: t,
   artboardManager: e,
   canvasRef: o,
   viewPadding: n = 0.9
 }) => {
-  const [d, l] = E(1), [i, r] = E({ x: 0, y: 0 }), [u, s] = E(!1), [V, O] = E(1), D = a(() => {
+  const [d, l] = E(1), [i, r] = E({ x: 0, y: 0 }), [u, c] = E(!1), [V, O] = E(1), D = a(() => {
     O(1), r({ x: 0, y: 0 });
   }, []), w = a(() => {
-    l((z) => Math.min(z + Be, zt));
+    l((z) => Math.min(z + _e, Ht));
   }, []), L = a(() => {
-    l((z) => Math.max(z - Be, vt));
+    l((z) => Math.max(z - _e, Ut));
   }, []), p = a(() => {
     const z = e.getActiveArtboard();
     if (!z || !o.current) return;
-    let g = o.current.parentElement, b = 0, _ = 0;
-    for (; g && (b = g.clientWidth, _ = g.clientHeight, !(b > 0 && _ > 0)); )
-      g = g.parentElement;
+    let T = o.current.parentElement, b = 0, _ = 0;
+    for (; T && (b = T.clientWidth, _ = T.clientHeight, !(b > 0 && _ > 0)); )
+      T = T.parentElement;
     if (!b || !_) return;
     const te = Math.min(
       b * n / z.width,
@@ -413,7 +413,7 @@ const Ge = Q(null), vt = 0.1, zt = 4, Be = 0.25, Ot = ({
     l(te), r({ x: 0, y: 0 });
   }, [e, o, n]), f = a(() => {
     l(1), r({ x: 0, y: 0 });
-  }, []), T = q(
+  }, []), g = q(
     () => ({
       zoom: d,
       panOffset: i,
@@ -424,23 +424,23 @@ const Ge = Q(null), vt = 0.1, zt = 4, Be = 0.25, Ot = ({
       resetView: f,
       setZoom: l,
       setPanOffset: r,
-      setIsPanning: s,
+      setIsPanning: c,
       userZoom: V,
       setUserZoom: O,
       resetUserView: D
     }),
     [d, i, u, w, L, p, f, V, D]
   );
-  return /* @__PURE__ */ H(Ge.Provider, { value: T, children: t });
+  return /* @__PURE__ */ H(Xe.Provider, { value: g, children: t });
 };
-function Ut() {
-  const t = X(Ge);
+function Nt() {
+  const t = X(Xe);
   if (!t)
     throw new Error("useViewportContext must be used within a ViewportProvider (or EditorProvider)");
   return t;
 }
-const Xe = Q(null), Ht = ({ children: t }) => {
-  const [e, o] = E(null), [n, d] = E([]), [l, i] = E(null), [r, u] = E(null), [s, V] = E(!1), O = a((L) => {
+const je = Q(null), Dt = ({ children: t }) => {
+  const [e, o] = E(null), [n, d] = E([]), [l, i] = E(null), [r, u] = E(null), [c, V] = E(!1), O = a((L) => {
     o(L);
   }, []), D = a((L) => {
     i(L);
@@ -450,7 +450,7 @@ const Xe = Q(null), Ht = ({ children: t }) => {
       multiSelection: n,
       activeChildElement: l,
       hoveredElementId: r,
-      hideHandles: s,
+      hideHandles: c,
       setSelectedId: o,
       setMultiSelection: d,
       setHoveredElementId: u,
@@ -463,20 +463,20 @@ const Xe = Q(null), Ht = ({ children: t }) => {
       n,
       l,
       r,
-      s,
+      c,
       O,
       D
     ]
   );
-  return /* @__PURE__ */ H(Xe.Provider, { value: w, children: t });
+  return /* @__PURE__ */ H(je.Provider, { value: w, children: t });
 };
-function Vt() {
-  const t = X(Xe);
+function Lt() {
+  const t = X(je);
   if (!t)
     throw new Error("useSelectionContext must be used within a SelectionProvider (or EditorProvider)");
   return t;
 }
-const Ye = Q(null), Nt = ({ children: t, value: e }) => {
+const Ye = Q(null), Bt = ({ children: t, value: e }) => {
   const o = q(
     () => ({
       undo: e.undo,
@@ -501,14 +501,14 @@ const Ye = Q(null), Nt = ({ children: t, value: e }) => {
   );
   return /* @__PURE__ */ H(Ye.Provider, { value: o, children: t });
 };
-function Mt() {
+function qt() {
   const t = X(Ye);
   if (!t)
     throw new Error("useHistoryContext must be used within a HistoryProvider (or EditorProvider)");
   return t;
 }
-const je = Q(null), Dt = ({ children: t }) => {
-  const [e, o] = E(null), [n, d] = E(!1), [l, i] = E(0), [r, u] = E(!1), [s, V] = E(!1), O = q(
+const Je = Q(null), _t = ({ children: t }) => {
+  const [e, o] = E(null), [n, d] = E(!1), [l, i] = E(0), [r, u] = E(!1), [c, V] = E(!1), O = q(
     () => ({
       expandedPanelType: e,
       setExpandedPanelType: o,
@@ -518,20 +518,20 @@ const je = Q(null), Dt = ({ children: t }) => {
       setTextSelectionVersion: i,
       isCanvasReady: r,
       setCanvasReady: u,
-      isRotating: s,
+      isRotating: c,
       setIsRotating: V
     }),
-    [e, n, l, r, s]
+    [e, n, l, r, c]
   );
-  return /* @__PURE__ */ H(je.Provider, { value: O, children: t });
+  return /* @__PURE__ */ H(Je.Provider, { value: O, children: t });
 };
-function Lt() {
-  const t = X(je);
+function kt() {
+  const t = X(Je);
   if (!t)
     throw new Error("useToolStateContext must be used within a ToolStateProvider (or EditorProvider)");
   return t;
 }
-const Je = Q(null), Bt = ({ children: t, value: e }) => {
+const Ke = Q(null), $t = ({ children: t, value: e }) => {
   const o = q(
     () => ({
       elements: e.elements,
@@ -586,15 +586,15 @@ const Je = Q(null), Bt = ({ children: t, value: e }) => {
       e.canvasEditorRef
     ]
   );
-  return /* @__PURE__ */ H(Je.Provider, { value: o, children: t });
+  return /* @__PURE__ */ H(Ke.Provider, { value: o, children: t });
 };
-function qt() {
-  const t = X(Je);
+function Qt() {
+  const t = X(Ke);
   if (!t)
     throw new Error("useElementsContext must be used within an ElementsProvider (or EditorProvider)");
   return t;
 }
-const Ke = Q(null), _t = ({ children: t, value: e }) => {
+const Me = Q(null), Wt = ({ children: t, value: e }) => {
   const o = q(
     () => ({
       executeElementUpdate: e.executeElementUpdate,
@@ -635,53 +635,53 @@ const Ke = Q(null), _t = ({ children: t, value: e }) => {
       e.historyManager
     ]
   );
-  return /* @__PURE__ */ H(Ke.Provider, { value: o, children: t });
+  return /* @__PURE__ */ H(Me.Provider, { value: o, children: t });
 };
-function Qt() {
-  const t = X(Ke);
+function en() {
+  const t = X(Me);
   if (!t)
     throw new Error("useCommandContext must be used within a CommandProvider (or EditorProvider)");
   return t;
 }
-const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
-  const t = X(qe);
+const Zt = $e("EditorContext"), qe = Q(null), Qe = Q(null), tn = () => {
+  const t = X(Qe);
   if (!t)
     throw new Error("useEditorHandles must be used within EditorProvider");
   return t;
-}, Wt = ({ children: t, artboardManager: e, canvasRef: o, canvasEditorRef: n }) => {
-  const d = ue(null), l = q(() => ({ get: () => d.current }), []), i = Ut(), r = Vt(), u = Lt(), [s, V] = E(
+}, Gt = ({ children: t, artboardManager: e, canvasRef: o, canvasEditorRef: n }) => {
+  const d = me(null), l = q(() => ({ get: () => d.current }), []), i = Nt(), r = Lt(), u = kt(), [c, V] = E(
     () => e.getAllArtboards()
   ), [O, D] = E(0), [w, L] = E(
-    () => new Ve()
+    () => new Ne()
   ), p = q(() => w.toArray(), [w]), f = a((m) => {
     L((h) => {
-      const I = h.toArray(), F = typeof m == "function" ? m(I) : m;
-      return F === I ? h : Ve.fromArray(F);
+      const I = h.toArray(), C = typeof m == "function" ? m(I) : m;
+      return C === I ? h : Ne.fromArray(C);
     });
-  }, []), T = a(
+  }, []), g = a(
     (m) => w.get(m),
     [w]
-  ), [z, g] = E([]), b = r.selectedId ? w.get(r.selectedId) : void 0, _ = a(() => {
+  ), [z, T] = E([]), b = r.selectedId ? w.get(r.selectedId) : void 0, _ = a(() => {
     V([...e.getAllArtboards()]), D((m) => m + 1);
   }, [e]), {
     historyManager: te,
     executeElementUpdate: B,
-    executeAddElement: W,
-    executeRemoveElement: c,
+    executeAddElement: $,
+    executeRemoveElement: s,
     executeReorderElement: A,
     executeCommandBatch: y,
     executeCreateArtboard: x,
     executeDeleteArtboard: P,
     executeUpdateArtboard: k,
-    undo: C,
+    undo: R,
     redo: N,
     canUndo: v,
     canRedo: U,
-    undoActiveArtboard: R,
-    redoActiveArtboard: Y,
+    undoActiveArtboard: F,
+    redoActiveArtboard: j,
     canUndoActiveArtboard: ne,
-    canRedoActiveArtboard: j
-  } = wt(
+    canRedoActiveArtboard: Y
+  } = Pt(
     p,
     f,
     e,
@@ -692,43 +692,43 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
       B(h, m);
     },
     [w, B]
-  ), Qe = a(
+  ), et = a(
     (m) => {
-      if (!b || !(b instanceof _e))
+      if (!b || !(b instanceof ke))
         return;
       const h = b.clone(), I = h.children.findIndex(
-        (F) => F.id === m.id
+        (C) => C.id === m.id
       );
       I >= 0 && (h.children[I] = m, J(h));
     },
     [b, J]
-  ), et = r.activeChildElement || b, tt = r.activeChildElement ? Qe : J, {
-    fontSize: Ae,
-    fontColor: pe,
-    fontFamily: he,
-    textAlign: xe,
-    updateFontSize: ye,
-    setFontSizeValue: Ee,
-    updateFontColor: Se,
-    updateFontFamily: be,
-    updateTextAlign: Ie
-  } = Tt(et, tt), we = a(
+  ), tt = r.activeChildElement || b, nt = r.activeChildElement ? et : J, {
+    fontSize: pe,
+    fontColor: he,
+    fontFamily: xe,
+    textAlign: ye,
+    updateFontSize: Ee,
+    setFontSizeValue: Se,
+    updateFontColor: be,
+    updateFontFamily: Ie,
+    updateTextAlign: we
+  } = Ct(tt, nt), ge = a(
     async (m, h) => {
-      var ze;
+      var Oe;
       const I = e.getActiveArtboardId();
       if (!I) {
         alert("Please create or select an artboard first");
         return;
       }
-      const F = `element-${Date.now()}`, S = e.getActiveArtboard(), re = S ? S.x + S.width / 2 : window.innerWidth / 2, ie = S ? S.y + S.height / 2 : window.innerHeight / 2, Z = ((ze = n.current) == null ? void 0 : ze.getZoom()) || i.zoom || 1;
+      const C = `element-${Date.now()}`, S = e.getActiveArtboard(), ie = S ? S.x + S.width / 2 : window.innerWidth / 2, se = S ? S.y + S.height / 2 : window.innerHeight / 2, W = ((Oe = n.current) == null ? void 0 : Oe.getZoom()) || i.zoom || 1;
       if (m === "image") {
-        const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==", ee = 200 / Z, K = h == null ? void 0 : h.src, G = new xt({
-          id: F,
-          x: re,
-          y: ie,
+        const ue = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==", ee = 200 / W, K = h == null ? void 0 : h.src, G = new yt({
+          id: C,
+          x: ie,
+          y: se,
           // Defer loading `src` until after the element is in the store so a
           // synchronously-cached image can't fire onLoadCallback too early.
-          imageUrl: K ? "" : le,
+          imageUrl: K ? "" : ue,
           transformData: {
             type: "image",
             width: ee,
@@ -743,32 +743,32 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
           }
         });
         K && (G.imageLoaded = !1, G.imageElement = null, G.isCropping = !1, G.imageUrl = K, G.preserveDimensions = !1, G.onLoadCallback = (M) => {
-          const Oe = M.transformData.width, Ue = M.transformData.height, Re = Math.min(ee / Oe, ee / Ue, 1);
-          Re < 1 && (M.transformData.width = Oe * Re, M.transformData.height = Ue * Re), M.transformData.cropX = 0, M.transformData.cropY = 0, M.transformData.cropWidth = 1, M.transformData.cropHeight = 1, B(G, M);
-        }), W(G, I), r.setSelectedId(G.id), K && G.loadImage(K);
+          const Ue = M.transformData.width, He = M.transformData.height, Re = Math.min(ee / Ue, ee / He, 1);
+          Re < 1 && (M.transformData.width = Ue * Re, M.transformData.height = He * Re), M.transformData.cropX = 0, M.transformData.cropY = 0, M.transformData.cropWidth = 1, M.transformData.cropHeight = 1, B(G, M);
+        }), $(G, I), r.setSelectedId(G.id), K && G.loadImage(K);
         return;
       }
       let ce;
-      const $ = {
+      const Z = {
         text: "custom",
         circle: "circle",
         wave: "wave",
         arch: "arch",
         shape: "shape"
-      }[m] || "custom", de = yt($);
-      if (!de || !de.Component)
+      }[m] || "custom", ae = Et(Z);
+      if (!ae || !ae.Component)
         return;
-      const ae = e.getActiveArtboard(), nt = ae ? Math.min(ae.width, ae.height) * 0.1 : 80, Fe = ae ? ae.width * 0.5 : 300;
+      const le = e.getActiveArtboard(), ot = le ? Math.min(le.width, le.height) * 0.1 : 80, Fe = le ? le.width * 0.5 : 300;
       if (m === "shape") {
-        const le = (h == null ? void 0 : h.shapeType) ?? "rectangle";
-        let ee = 200 / Z, K = 200 / Z;
-        le === "ellipse" ? (ee = 150 / Z, K = 250 / Z) : le === "line" && (ee = 300 / Z, K = 8 / Z), ce = new Et({
-          id: F,
-          x: re,
-          y: ie,
+        const ue = (h == null ? void 0 : h.shapeType) ?? "rectangle";
+        let ee = 200 / W, K = 200 / W;
+        ue === "ellipse" ? (ee = 150 / W, K = 250 / W) : ue === "line" && (ee = 300 / W, K = 8 / W), ce = new St({
+          id: C,
+          x: ie,
+          y: se,
           transformData: {
             type: "shape",
-            shapeType: le,
+            shapeType: ue,
             width: ee,
             height: K,
             fillColor: "#3b82f6",
@@ -776,35 +776,35 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
           }
         });
       } else
-        ce = new de.Component({
-          id: F,
+        ce = new ae.Component({
+          id: C,
           text: "New Text",
-          x: re,
-          y: ie,
-          fontSize: nt,
+          x: ie,
+          y: se,
+          fontSize: ot,
           fontFamily: "Poppins",
-          color: Ct(S == null ? void 0 : S.backgroundColor),
-          transformData: $ === "arch" ? {
+          color: Ot(S == null ? void 0 : S.backgroundColor),
+          transformData: Z === "arch" ? {
             type: "arch",
             width: Fe,
-            archHeight: St.archHeight
-          } : $ === "wave" ? {
+            archHeight: bt.archHeight
+          } : Z === "wave" ? {
             type: "wave",
             width: Fe,
-            amplitude: Ne.amplitude,
-            frequency: Ne.frequency
-          } : $ === "circle" ? {
+            amplitude: De.amplitude,
+            frequency: De.frequency
+          } : Z === "circle" ? {
             type: "circle",
             radius: Fe / 2
           } : void 0
         });
-      e.addElementToArtboard(F, I), W(
+      e.addElementToArtboard(C, I), $(
         ce,
         I,
         r.selectedId || void 0
-      ), r.setSelectedId(F);
+      ), r.setSelectedId(C);
     },
-    [e, W, B, r, i.zoom, n]
+    [e, $, B, r, i.zoom, n]
   ), Te = a(() => {
     const m = [];
     if (r.multiSelection.length > 0) {
@@ -815,33 +815,33 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
     } else b && m.push(b);
     if (m.length > 0) {
       const h = m.map((I) => I.clone());
-      g(h);
+      T(h);
     }
-  }, [b, r.multiSelection, p]), ge = a(() => {
+  }, [b, r.multiSelection, p]), Pe = a(() => {
     if (z.length === 0) return;
     const m = [], h = 30, I = 30;
-    z.forEach((F) => {
-      const S = w.get(F.id), re = S ? S.x : F.x, ie = S ? S.y : F.y, Z = F.toJSON();
-      delete Z.id;
-      const ce = F.constructor, se = new ce(Z);
-      se.x = re + h, se.y = ie + I;
-      let $ = null;
-      if (S && ($ = e.getArtboardIdForElement(
+    z.forEach((C) => {
+      const S = w.get(C.id), ie = S ? S.x : C.x, se = S ? S.y : C.y, W = C.toJSON();
+      delete W.id;
+      const ce = C.constructor, de = new ce(W);
+      de.x = ie + h, de.y = se + I;
+      let Z = null;
+      if (S && (Z = e.getArtboardIdForElement(
         S.id
-      )), $ || ($ = e.getActiveArtboardId()), !$) {
-        kt.warn("[handlePasteElements] No artboard found for pasting");
+      )), Z || (Z = e.getActiveArtboardId()), !Z) {
+        Zt.warn("[handlePasteElements] No artboard found for pasting");
         return;
       }
-      const de = S ? S.id : void 0;
-      W(se, $, de), m.push(se.id);
+      const ae = S ? S.id : void 0;
+      $(de, Z, ae), m.push(de.id);
     }), m.length === 1 ? r.handleSelectionChange(m[0]) : m.length > 1 && r.setMultiSelection(m);
   }, [
     z,
     w,
     e,
-    W,
+    $,
     r
-  ]), me = a(() => {
+  ]), fe = a(() => {
     if (u.expandedPanelType === "crop" && (b == null ? void 0 : b.transformType) === "image") {
       const m = b;
       if (m.isCropping) {
@@ -856,10 +856,10 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
     b,
     B
   ]);
-  Ce(() => {
+  ve(() => {
     const m = (h) => {
       const I = h.target;
-      if (I.tagName === "CANVAS" || gt(I))
+      if (I.tagName === "CANVAS" || Ft(I))
         return;
       const S = document.activeElement;
       if (S != null && S.hasAttribute("data-preserve-selection")) {
@@ -867,21 +867,21 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
         return;
       }
       if (u.expandedPanelType !== null) {
-        me();
+        fe();
         return;
       }
       r.selectedId !== null && r.setSelectedId(null), r.multiSelection.length > 0 && r.setMultiSelection([]);
     };
     return document.addEventListener("pointerdown", m), () => document.removeEventListener("pointerdown", m);
-  }, [u.expandedPanelType, me, r]);
-  const Pe = a(
+  }, [u.expandedPanelType, fe, r]);
+  const Ce = a(
     (m, h, I) => {
-      e.clear(), m.forEach((F) => {
-        e.createArtboard(F.toJSON());
-      }), I && e.setActiveArtboard(I), V([...e.getAllArtboards()]), D((F) => F + 1), f(h), r.setSelectedId(null);
+      e.clear(), m.forEach((C) => {
+        e.createArtboard(C.toJSON());
+      }), I && e.setActiveArtboard(I), V([...e.getAllArtboards()]), D((C) => C + 1), f(h), r.setSelectedId(null);
     },
     [e, r, f]
-  ), ve = q(() => ({
+  ), ze = q(() => ({
     // From ViewportContext
     zoom: i.zoom,
     panOffset: i.panOffset,
@@ -917,13 +917,13 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
     isRotating: u.isRotating,
     setIsRotating: u.setIsRotating,
     // Cross-context handler
-    clearExpandedPanel: me,
+    clearExpandedPanel: fe,
     // Core state (element/artboard domain)
     artboardManager: e,
-    artboards: s,
+    artboards: c,
     elements: p,
     elementStore: w,
-    getElementById: T,
+    getElementById: g,
     // Derived state (cross-context)
     selectedElement: b,
     // Refs
@@ -936,38 +936,38 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
     // Handlers
     refreshArtboards: _,
     handleElementUpdate: J,
-    handleAddElement: we,
-    handleLoadWorkspace: Pe,
+    handleAddElement: ge,
+    handleLoadWorkspace: Ce,
     handleCopyElements: Te,
-    handlePasteElements: ge,
+    handlePasteElements: Pe,
     // Command history (undo/redo actions + execute functions)
     historyManager: te,
     executeElementUpdate: B,
-    executeAddElement: W,
-    executeRemoveElement: c,
+    executeAddElement: $,
+    executeRemoveElement: s,
     executeReorderElement: A,
     executeCommandBatch: y,
     executeCreateArtboard: x,
     executeDeleteArtboard: P,
     executeUpdateArtboard: k,
-    undo: C,
+    undo: R,
     redo: N,
     canUndo: v,
     canRedo: U,
-    undoActiveArtboard: R,
-    redoActiveArtboard: Y,
+    undoActiveArtboard: F,
+    redoActiveArtboard: j,
     canUndoActiveArtboard: ne,
-    canRedoActiveArtboard: j,
+    canRedoActiveArtboard: Y,
     // Element properties
-    fontSize: Ae,
-    fontColor: pe,
-    fontFamily: he,
-    textAlign: xe,
-    updateFontSize: ye,
-    setFontSizeValue: Ee,
-    updateFontColor: Se,
-    updateFontFamily: be,
-    updateTextAlign: Ie
+    fontSize: pe,
+    fontColor: he,
+    fontFamily: xe,
+    textAlign: ye,
+    updateFontSize: Ee,
+    setFontSizeValue: Se,
+    updateFontColor: be,
+    updateFontFamily: Ie,
+    updateTextAlign: we
   }), [
     // Viewport
     i.zoom,
@@ -1003,13 +1003,13 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
     u.setCanvasReady,
     u.isRotating,
     u.setIsRotating,
-    me,
+    fe,
     // Element/artboard domain
     e,
-    s,
+    c,
     p,
     w,
-    T,
+    g,
     b,
     o,
     n,
@@ -1017,30 +1017,29 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
     O,
     _,
     J,
-    we,
-    Pe,
-    Te,
     ge,
+    Ce,
+    Te,
+    Pe,
     // Command history
     te,
     B,
-    W,
-    c,
+    $,
+    s,
     A,
     y,
     x,
     P,
     k,
-    C,
+    R,
     N,
     v,
     U,
-    R,
-    Y,
-    ne,
+    F,
     j,
+    ne,
+    Y,
     // Element properties
-    Ae,
     pe,
     he,
     xe,
@@ -1048,103 +1047,104 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
     Ee,
     Se,
     be,
-    Ie
+    Ie,
+    we
   ]);
-  return d.current = ve, /* @__PURE__ */ H(qe.Provider, { value: l, children: /* @__PURE__ */ H(
-    Nt,
+  return d.current = ze, /* @__PURE__ */ H(Qe.Provider, { value: l, children: /* @__PURE__ */ H(
+    Bt,
     {
       value: {
-        undo: C,
+        undo: R,
         redo: N,
         canUndo: v,
         canRedo: U,
-        undoActiveArtboard: R,
-        redoActiveArtboard: Y,
+        undoActiveArtboard: F,
+        redoActiveArtboard: j,
         canUndoActiveArtboard: ne,
-        canRedoActiveArtboard: j
+        canRedoActiveArtboard: Y
       },
       children: /* @__PURE__ */ H(
-        Bt,
+        $t,
         {
           value: {
             elements: p,
             elementStore: w,
-            artboards: s,
+            artboards: c,
             artboardManager: e,
             artboardVersion: O,
             setElements: f,
             refreshArtboards: _,
-            getElementById: T,
-            handleAddElement: we,
+            getElementById: g,
+            handleAddElement: ge,
             handleElementUpdate: J,
-            handleLoadWorkspace: Pe,
+            handleLoadWorkspace: Ce,
             handleCopyElements: Te,
-            handlePasteElements: ge,
-            fontSize: Ae,
-            fontColor: pe,
-            fontFamily: he,
-            textAlign: xe,
-            updateFontSize: ye,
-            setFontSizeValue: Ee,
-            updateFontColor: Se,
-            updateFontFamily: be,
-            updateTextAlign: Ie,
+            handlePasteElements: Pe,
+            fontSize: pe,
+            fontColor: he,
+            fontFamily: xe,
+            textAlign: ye,
+            updateFontSize: Ee,
+            setFontSizeValue: Se,
+            updateFontColor: be,
+            updateFontFamily: Ie,
+            updateTextAlign: we,
             canvasRef: o,
             canvasEditorRef: n
           },
           children: /* @__PURE__ */ H(
-            _t,
+            Wt,
             {
               value: {
                 executeElementUpdate: B,
-                executeAddElement: W,
-                executeRemoveElement: c,
+                executeAddElement: $,
+                executeRemoveElement: s,
                 executeReorderElement: A,
                 executeCommandBatch: y,
                 executeCreateArtboard: x,
                 executeDeleteArtboard: P,
                 executeUpdateArtboard: k,
-                undo: C,
+                undo: R,
                 redo: N,
                 canUndo: v,
                 canRedo: U,
-                undoActiveArtboard: R,
-                redoActiveArtboard: Y,
+                undoActiveArtboard: F,
+                redoActiveArtboard: j,
                 canUndoActiveArtboard: ne,
-                canRedoActiveArtboard: j,
+                canRedoActiveArtboard: Y,
                 historyManager: te
               },
-              children: /* @__PURE__ */ H(Me.Provider, { value: ve, children: t })
+              children: /* @__PURE__ */ H(qe.Provider, { value: ze, children: t })
             }
           )
         }
       )
     }
   ) });
-}, tn = ({
+}, nn = ({
   children: t,
   initialArtboardConfig: e = {},
   viewPadding: o = 0.9
 }) => {
   const [n] = E(() => {
-    const i = new ht(), r = {
+    const i = new xt(), r = {
       name: e.name || "Artboard 1",
       x: e.x ?? 0,
       y: e.y ?? 0,
       width: e.width ?? 1e3,
       height: e.height ?? 1e3,
-      backgroundColor: e.backgroundColor || pt
+      backgroundColor: e.backgroundColor || ht
     };
     return i.createArtboard(r), i;
-  }), d = ue(null), l = ue(null);
+  }), d = me(null), l = me(null);
   return /* @__PURE__ */ H(
-    Ot,
+    Vt,
     {
       artboardManager: n,
       canvasRef: d,
       viewPadding: o,
-      children: /* @__PURE__ */ H(Ht, { children: /* @__PURE__ */ H(Dt, { children: /* @__PURE__ */ H(
-        Wt,
+      children: /* @__PURE__ */ H(Dt, { children: /* @__PURE__ */ H(_t, { children: /* @__PURE__ */ H(
+        Gt,
         {
           artboardManager: n,
           canvasRef: d,
@@ -1154,31 +1154,55 @@ const kt = ke("EditorContext"), Me = Q(null), qe = Q(null), en = () => {
       ) }) })
     }
   );
-}, nn = () => {
-  const t = X(Me);
+}, on = () => {
+  const t = X(qe);
   if (!t)
     throw new Error("useEditor must be used within EditorProvider");
   return t;
-};
+}, re = [];
+function rn(t) {
+  Tt() && re.push(t);
+}
+function sn() {
+  return [...re];
+}
+function cn() {
+  re.length = 0;
+}
+function dn() {
+  if (re.length === 0) return;
+  const t = re.map((e) => gt(e) ? `${e.code}: ${e.message}` : `${e.name}: ${e.message}`).join(`
+  - `);
+  throw re.length = 0, new Error(
+    `expectNoEditorErrors: ${t.includes(`
+`) ? "errors were" : "an error was"} contained by <Editor.Root>'s boundary during this test:
+  - ${t}
+A contained error renders an error card in prod — this composition is broken even if the test rendered "successfully".`
+  );
+}
 export {
   We as B,
-  tn as E,
+  nn as E,
   Ze as P,
-  Ut as a,
-  Qt as b,
-  qt as c,
-  Mt as d,
-  Vt as e,
-  Lt as f,
-  It as g,
-  Yt as h,
-  jt as i,
-  en as j,
-  Xt as k,
-  Pt as l,
-  Kt as m,
-  Jt as p,
-  gt as s,
-  nn as u
+  Nt as a,
+  en as b,
+  Qt as c,
+  qt as d,
+  Lt as e,
+  kt as f,
+  wt as g,
+  Jt as h,
+  gt as i,
+  Tt as j,
+  tn as k,
+  dn as l,
+  sn as m,
+  cn as n,
+  Rt as o,
+  Kt as p,
+  Mt as q,
+  rn as r,
+  Ft as s,
+  on as u
 };
-//# sourceMappingURL=EditorContext-5QpqAhjh.js.map
+//# sourceMappingURL=editorErrors-CK1RISFa.js.map