@snowcone-app/canvas 0.29.0 → 0.30.0

package/dist/{editorErrors-CCvoKj_P.js → editorErrors-WzaNxU1Y.js}

@@ -1,13 +1,13 @@
 import { jsx as H } from "react/jsx-runtime";
-import { useContext as G, useSyncExternalStore as ct, useCallback as l, createContext as Q, useRef as me, useState as b, useEffect as Oe, useMemo as q } from "react";
-import { y as De, N as dt, U as at, af as lt, G as We, ag as ut, ah as mt, ai as ft, aj as At, ak as pt, c as Ze, z as ht, al as xt, am as yt, an as Et, E as bt, L as Le, I as St, g as wt, S as It, ao as gt, ap as _e } from "./FontAnalyzer-D4Sg-P6_.js";
-const Ge = Q(null), Tt = () => () => {
-}, Be = () => 0;
+import { useContext as G, useSyncExternalStore as st, useCallback as l, createContext as Q, useRef as me, useState as b, useEffect as Oe, useMemo as q } from "react";
+import { V as ct, E as $e, U as dt, ai as at, G as We, aj as lt, ak as ut, al as mt, am as ft, an as At, c as Ze, C as pt, ao as ht, ap as xt, aq as yt, K as Et, O as De, I as bt, g as St, S as wt, ar as It, as as Le, y as gt, D as Tt } from "./FontAnalyzer-DKG5JK0x.js";
+const Ge = Q(null), Ct = () => () => {
+}, _e = () => 0;
 function Kt() {
-  const t = G(Ge), e = ct(
-    t ? t.subscribe : Tt,
-    t ? t.getVersion : Be,
-    t ? t.getVersion : Be
+  const t = G(Ge), e = st(
+    t ? t.subscribe : Ct,
+    t ? t.getVersion : _e,
+    t ? t.getVersion : _e
   );
   return l(
     (o) => !!(t && o && t.getBoundLayer(o)),
@@ -16,27 +16,15 @@ function Kt() {
     [t, e]
   );
 }
-class Xe extends Error {
-  constructor(e, o, n = {}) {
-    super(`[Editor] ${e}: ${o}`), this.name = "EditorError", this.code = e, this.data = { code: e, ...n };
-  }
-}
-function Ct(t) {
-  return t instanceof Error && t.name === "EditorError" && "code" in t;
-}
-function Rt() {
-  var t;
-  return typeof De < "u" && ((t = De.env) == null ? void 0 : t.NODE_ENV) !== "production";
-}
 const pe = Ze("useCommandHistory");
-function Pt(t, e, o, n) {
-  const a = me(new dt(o)), u = G(Ge), i = l(
+function Rt(t, e, o, n) {
+  const a = me(new ct(o)), u = G(Ge), i = l(
     (s, A) => {
       const y = s == null ? void 0 : s.name;
       if (!u || !y) return;
       const x = u.getBoundLayer(y);
       if (x)
-        throw new Xe(
+        throw new $e(
           "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" }
@@ -61,12 +49,12 @@ function Pt(t, e, o, n) {
   }, [o]), V = l(
     (s, A) => {
       s && s.name !== A.name && i(s, "rename");
-      const y = new at(
+      const y = new dt(
         A.id,
         s || null,
         A,
         (T) => {
-          e(($) => $.map((F) => F.id === T.id ? T : F));
+          e((k) => k.map((v) => v.id === T.id ? T : v));
         }
       ), x = o.getArtboardIdForElement(A.id);
       if (x)
@@ -85,45 +73,45 @@ function Pt(t, e, o, n) {
         pe.warn("No active artboard to add element to");
         return;
       }
-      const $ = new lt(
+      const k = new at(
         s,
-        (F) => {
-          const N = F;
-          e((v) => {
+        (v) => {
+          const N = v;
+          e((z) => {
             if (x) {
-              const U = v.findIndex((P) => P.id === x);
+              const U = z.findIndex((P) => P.id === x);
               if (U !== -1) {
-                const P = [...v];
+                const P = [...z];
                 return P.splice(U, 0, N), P;
               }
             }
             if (y) {
-              const U = v.findIndex((P) => P.id === y);
+              const U = z.findIndex((P) => P.id === y);
               if (U !== -1) {
-                const P = [...v];
+                const P = [...z];
                 return P.splice(U + 1, 0, N), P;
               }
-              for (let P = 0; P < v.length; P++) {
-                const X = v[P];
+              for (let P = 0; P < z.length; P++) {
+                const X = z[P];
                 if (X instanceof We && X.children) {
                   const oe = X.children.findIndex((j) => j.id === y);
                   if (oe !== -1) {
                     const j = X.clone();
                     j.children.splice(oe + 1, 0, N);
-                    const Y = [...v];
+                    const Y = [...z];
                     return Y[P] = j, Y;
                   }
                 }
               }
             }
-            return [...v, N];
-          }), o.addElementToArtboard(F.id, T);
+            return [...z, N];
+          }), o.addElementToArtboard(v.id, T);
         },
-        (F) => {
-          e((N) => N.filter((v) => v.id !== F)), o.removeElementFromArtboard(F);
+        (v) => {
+          e((N) => N.filter((z) => z.id !== v)), o.removeElementFromArtboard(v);
         }
       );
-      a.current.executeOnArtboard(T, $), c();
+      a.current.executeOnArtboard(T, k), c();
     },
     [e, o, c]
   ), D = l(
@@ -134,13 +122,13 @@ function Pt(t, e, o, n) {
         pe.warn("Element not found in any artboard");
         return;
       }
-      const y = new ut(
+      const y = new lt(
         s,
         (x) => {
           e((T) => [...T, x]), o.addElementToArtboard(x.id, A);
         },
         (x) => {
-          e((T) => T.filter(($) => $.id !== x)), o.removeElementFromArtboard(x);
+          e((T) => T.filter((k) => k.id !== x)), o.removeElementFromArtboard(x);
         }
       );
       a.current.executeOnArtboard(A, y), c();
@@ -148,19 +136,19 @@ function Pt(t, e, o, n) {
     [e, o, c, i]
   ), w = l(
     (s) => {
-      const A = new mt(s, o);
+      const A = new ut(s, o);
       a.current.executeGlobal(A), c(), n == null || n();
     },
     [o, c, n]
   ), L = l(
     (s) => {
-      const A = new ft(s, o);
+      const A = new mt(s, o);
       a.current.executeGlobal(A), c(), n == null || n();
     },
     [o, c, n]
   ), p = l(
     (s, A, y) => {
-      const x = new At(s, A, y, o);
+      const x = new ft(s, A, y, o);
       a.current.executeGlobal(x), c(), n == null || n();
     },
     [o, c, n]
@@ -186,7 +174,7 @@ function Pt(t, e, o, n) {
     [o, c]
   ), I = l(() => {
     a.current.undo() && (c(), n == null || n());
-  }, [c, n]), z = l(() => {
+  }, [c, n]), F = l(() => {
     a.current.redo() && (c(), n == null || n());
   }, [c, n]), g = l(() => {
     const s = o.getActiveArtboardId();
@@ -208,18 +196,18 @@ function Pt(t, e, o, n) {
   });
   const Z = l(
     (s, A, y) => {
-      const x = t.map((F) => F.id), T = o.getArtboardIdForElement(s);
+      const x = t.map((v) => v.id), T = o.getArtboardIdForElement(s);
       if (!T) {
         pe.warn("Element not found in any artboard");
         return;
       }
-      const $ = new pt(s, A, y, x, (F) => {
+      const k = new At(s, A, y, x, (v) => {
         e((N) => {
-          const v = new Map(N.map((U) => [U.id, U]));
-          return F.map((U) => v.get(U)).filter(Boolean);
+          const z = new Map(N.map((U) => [U.id, U]));
+          return v.map((U) => z.get(U)).filter(Boolean);
         });
       });
-      a.current.executeOnArtboard(T, $), c();
+      a.current.executeOnArtboard(T, k), c();
     },
     [t, e, o, c]
   );
@@ -237,7 +225,7 @@ function Pt(t, e, o, n) {
     executeUpdateArtboard: p,
     // Undo/redo (smart - considers last operation and active artboard)
     undo: I,
-    redo: z,
+    redo: F,
     // Undo/redo for active artboard only (element operations)
     undoActiveArtboard: g,
     redoActiveArtboard: S,
@@ -255,18 +243,18 @@ function Pt(t, e, o, n) {
 function ce(t) {
   return t && "fontSize" in t && "color" in t && "fontFamily" in t;
 }
-function Ft(t, e) {
+function Pt(t, e) {
   const [o, n] = b(32), [a, u] = b("#333333"), [i, r] = b("Arial"), [m, c] = b("center");
   Oe(() => {
     if (t && ce(t)) {
-      const p = t.transformType === "circle" && "getEffectiveFontSize" in t ? Math.round(t.getEffectiveFontSize()) : Math.round(t.fontSize), f = t.color, I = t.fontFamily, z = t.textAlign;
-      n((g) => g !== p ? p : g), u((g) => g !== f ? f : g), r((g) => g !== I ? I : g), c((g) => g !== z ? z : g);
+      const p = t.transformType === "circle" && "getEffectiveFontSize" in t ? Math.round(t.getEffectiveFontSize()) : Math.round(t.fontSize), f = t.color, I = t.fontFamily, F = t.textAlign;
+      n((g) => g !== p ? p : g), u((g) => g !== f ? f : g), r((g) => g !== I ? I : g), c((g) => g !== F ? F : g);
     }
   }, [t]);
   const V = l(
     (p) => {
       if (!t || !ce(t)) return;
-      const f = Math.max(xt, Math.min(yt, o + p));
+      const f = Math.max(ht, Math.min(xt, o + p));
       n(f);
       const I = t.clone();
       I.transformType === "circle" && "setEffectiveFontSize" in I ? I.setEffectiveFontSize(f) : I.setFontSize(f), e(I);
@@ -295,7 +283,7 @@ function Ft(t, e) {
     (p) => {
       if (!t || !ce(t)) return;
       const f = t.fontFamily;
-      f !== p && ht.clearCache(f), r(p);
+      f !== p && pt.clearCache(f), r(p);
       const I = t.clone();
       I.fontFamily = p, e(I);
     },
@@ -328,15 +316,15 @@ function Ft(t, e) {
     updateTextAlign: L
   };
 }
-const je = "data-preserve-selection";
-function vt(t) {
+const Xe = "data-preserve-selection";
+function Ft(t) {
   if (!(t instanceof Element))
     return !1;
   let e = t;
   const o = [];
   for (; e; ) {
     const n = e.id ? `#${e.id}` : "", a = e.className ? `.${String(e.className).split(" ").slice(0, 2).join(".")}` : "";
-    if (o.push(`${e.tagName.toLowerCase()}${n}${a}`), e.hasAttribute(je))
+    if (o.push(`${e.tagName.toLowerCase()}${n}${a}`), e.hasAttribute(Xe))
       return !0;
     const u = e.getAttribute("role");
     if (u === "dialog" || u === "alertdialog" || u === "menu" || u === "listbox")
@@ -348,18 +336,18 @@ function vt(t) {
   }
   return !1;
 }
-const qt = {
-  [je]: ""
+const Mt = {
+  [Xe]: ""
 };
-function zt(t) {
-  const e = Ye(t);
+function vt(t) {
+  const e = je(t);
   return e !== null && e < 0.5;
 }
-function Qt(t) {
-  const e = Ye(t);
+function qt(t) {
+  const e = je(t);
   return e !== null && e >= 0.5;
 }
-function Ye(t) {
+function je(t) {
   const e = t.trim();
   if (e.startsWith("#")) {
     const n = e.slice(1);
@@ -369,23 +357,23 @@ function Ye(t) {
     else if (n.length === 6)
       a = parseInt(n.slice(0, 2), 16), u = parseInt(n.slice(2, 4), 16), i = parseInt(n.slice(4, 6), 16);
     else return null;
-    return Number.isNaN(a) || Number.isNaN(u) || Number.isNaN(i) ? null : $e(a, u, i);
+    return Number.isNaN(a) || Number.isNaN(u) || Number.isNaN(i) ? null : Be(a, u, i);
   }
   const o = e.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
-  return o ? $e(Number(o[1]), Number(o[2]), Number(o[3])) : null;
+  return o ? Be(Number(o[1]), Number(o[2]), Number(o[3])) : null;
 }
-function $e(t, e, o) {
+function Be(t, e, o) {
   const n = (a) => {
     const u = a / 255;
     return u <= 0.03928 ? u / 12.92 : Math.pow((u + 0.055) / 1.055, 2.4);
   };
   return 0.2126 * n(t) + 0.7152 * n(e) + 0.0722 * n(o);
 }
-const Ot = "#333333", Ut = "#f4f4f5";
-function Ht(t) {
-  return t && zt(t) ? Ut : Ot;
+const zt = "#333333", Ot = "#f4f4f5";
+function Ut(t) {
+  return t && vt(t) ? Ot : zt;
 }
-const Je = Q(null), Vt = 0.1, Nt = 4, ke = 0.25, Dt = ({
+const Ye = Q(null), Ht = 0.1, Vt = 4, ke = 0.25, Nt = ({
   children: t,
   artboardManager: e,
   canvasRef: o,
@@ -394,19 +382,19 @@ const Je = Q(null), Vt = 0.1, Nt = 4, ke = 0.25, Dt = ({
   const [a, u] = b(1), [i, r] = b({ x: 0, y: 0 }), [m, c] = b(!1), [V, O] = b(1), D = l(() => {
     O(1), r({ x: 0, y: 0 });
   }, []), w = l(() => {
-    u((z) => Math.min(z + ke, Nt));
+    u((F) => Math.min(F + ke, Vt));
   }, []), L = l(() => {
-    u((z) => Math.max(z - ke, Vt));
+    u((F) => Math.max(F - ke, Ht));
   }, []), p = l(() => {
-    const z = e.getActiveArtboard();
-    if (!z || !o.current) return;
+    const F = e.getActiveArtboard();
+    if (!F || !o.current) return;
     let g = o.current.parentElement, S = 0, B = 0;
     for (; g && (S = g.clientWidth, B = g.clientHeight, !(S > 0 && B > 0)); )
       g = g.parentElement;
     if (!S || !B) return;
     const ne = Math.min(
-      S * n / z.width,
-      B * n / z.height,
+      S * n / F.width,
+      B * n / F.height,
       1
       // Never zoom in beyond 100%
     );
@@ -431,15 +419,15 @@ const Je = Q(null), Vt = 0.1, Nt = 4, ke = 0.25, Dt = ({
     }),
     [a, i, m, w, L, p, f, V, D]
   );
-  return /* @__PURE__ */ H(Je.Provider, { value: I, children: t });
+  return /* @__PURE__ */ H(Ye.Provider, { value: I, children: t });
 };
-function Lt() {
-  const t = G(Je);
+function Dt() {
+  const t = G(Ye);
   if (!t)
     throw new Error("useViewportContext must be used within a ViewportProvider (or EditorProvider)");
   return t;
 }
-const Me = Q(null), _t = ({ children: t }) => {
+const Je = Q(null), Lt = ({ children: t }) => {
   const [e, o] = b(null), [n, a] = b([]), [u, i] = b(null), [r, m] = b(null), [c, V] = b(!1), O = l((L) => {
     o(L);
   }, []), D = l((L) => {
@@ -468,15 +456,15 @@ const Me = Q(null), _t = ({ children: t }) => {
       D
     ]
   );
-  return /* @__PURE__ */ H(Me.Provider, { value: w, children: t });
+  return /* @__PURE__ */ H(Je.Provider, { value: w, children: t });
 };
-function Bt() {
-  const t = G(Me);
+function _t() {
+  const t = G(Je);
   if (!t)
     throw new Error("useSelectionContext must be used within a SelectionProvider (or EditorProvider)");
   return t;
 }
-const Ke = Q(null), $t = ({ children: t, value: e }) => {
+const Ke = Q(null), Bt = ({ children: t, value: e }) => {
   const o = q(
     () => ({
       undo: e.undo,
@@ -501,13 +489,13 @@ const Ke = Q(null), $t = ({ children: t, value: e }) => {
   );
   return /* @__PURE__ */ H(Ke.Provider, { value: o, children: t });
 };
-function en() {
+function Qt() {
   const t = G(Ke);
   if (!t)
     throw new Error("useHistoryContext must be used within a HistoryProvider (or EditorProvider)");
   return t;
 }
-const qe = Q(null), kt = ({ children: t }) => {
+const Me = Q(null), kt = ({ children: t }) => {
   const [e, o] = b(null), [n, a] = b(!1), [u, i] = b(0), [r, m] = b(!1), [c, V] = b(!1), O = q(
     () => ({
       expandedPanelType: e,
@@ -523,15 +511,15 @@ const qe = Q(null), kt = ({ children: t }) => {
     }),
     [e, n, u, r, c]
   );
-  return /* @__PURE__ */ H(qe.Provider, { value: O, children: t });
+  return /* @__PURE__ */ H(Me.Provider, { value: O, children: t });
 };
-function Wt() {
-  const t = G(qe);
+function $t() {
+  const t = G(Me);
   if (!t)
     throw new Error("useToolStateContext must be used within a ToolStateProvider (or EditorProvider)");
   return t;
 }
-const Qe = Q(null), Zt = ({ children: t, value: e }) => {
+const qe = Q(null), Wt = ({ children: t, value: e }) => {
   const o = q(
     () => ({
       elements: e.elements,
@@ -586,15 +574,15 @@ const Qe = Q(null), Zt = ({ children: t, value: e }) => {
       e.canvasEditorRef
     ]
   );
-  return /* @__PURE__ */ H(Qe.Provider, { value: o, children: t });
+  return /* @__PURE__ */ H(qe.Provider, { value: o, children: t });
 };
-function tn() {
-  const t = G(Qe);
+function en() {
+  const t = G(qe);
   if (!t)
     throw new Error("useElementsContext must be used within an ElementsProvider (or EditorProvider)");
   return t;
 }
-const et = Q(null), Gt = ({ children: t, value: e }) => {
+const Qe = Q(null), Zt = ({ children: t, value: e }) => {
   const o = q(
     () => ({
       executeElementUpdate: e.executeElementUpdate,
@@ -635,33 +623,33 @@ const et = Q(null), Gt = ({ children: t, value: e }) => {
       e.historyManager
     ]
   );
-  return /* @__PURE__ */ H(et.Provider, { value: o, children: t });
+  return /* @__PURE__ */ H(Qe.Provider, { value: o, children: t });
 };
-function nn() {
-  const t = G(et);
+function tn() {
+  const t = G(Qe);
   if (!t)
     throw new Error("useCommandContext must be used within a CommandProvider (or EditorProvider)");
   return t;
 }
-const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
-  const t = G(nt);
+const Gt = Ze("EditorContext"), et = Q(null), tt = Q(null), nn = () => {
+  const t = G(tt);
   if (!t)
     throw new Error("useEditorHandles must be used within EditorProvider");
   return t;
-}, jt = ({ children: t, artboardManager: e, canvasRef: o, canvasEditorRef: n }) => {
-  const a = me(null), u = q(() => ({ get: () => a.current }), []), i = Lt(), r = Bt(), m = Wt(), [c, V] = b(
+}, Xt = ({ children: t, artboardManager: e, canvasRef: o, canvasEditorRef: n }) => {
+  const a = me(null), u = q(() => ({ get: () => a.current }), []), i = Dt(), r = _t(), m = $t(), [c, V] = b(
     () => e.getAllArtboards()
   ), [O, D] = b(0), [w, L] = b(
-    () => new Le()
+    () => new De()
   ), p = q(() => w.toArray(), [w]), f = l((d) => {
     L((h) => {
       const E = h.toArray(), C = typeof d == "function" ? d(E) : d;
-      return C === E ? h : Le.fromArray(C);
+      return C === E ? h : De.fromArray(C);
     });
   }, []), I = l(
     (d) => w.get(d),
     [w]
-  ), [z, g] = b([]), S = r.selectedId ? w.get(r.selectedId) : void 0, B = l(() => {
+  ), [F, g] = b([]), S = r.selectedId ? w.get(r.selectedId) : void 0, B = l(() => {
     V([...e.getAllArtboards()]), D((d) => d + 1);
   }, [e]), {
     historyManager: ne,
@@ -672,16 +660,16 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
     executeCommandBatch: y,
     executeCreateArtboard: x,
     executeDeleteArtboard: T,
-    executeUpdateArtboard: $,
-    undo: F,
+    executeUpdateArtboard: k,
+    undo: v,
     redo: N,
-    canUndo: v,
+    canUndo: z,
     canRedo: U,
     undoActiveArtboard: P,
     redoActiveArtboard: X,
     canUndoActiveArtboard: oe,
     canRedoActiveArtboard: j
-  } = Pt(
+  } = Rt(
     p,
     f,
     e,
@@ -692,7 +680,7 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
       _(h, d);
     },
     [w, _]
-  ), ot = l(
+  ), nt = l(
     (d) => {
       if (!S || !(S instanceof We))
         return;
@@ -702,7 +690,7 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
       E >= 0 && (h.children[E] = d, Y(h));
     },
     [S, Y]
-  ), rt = r.activeChildElement || S, it = r.activeChildElement ? ot : Y, {
+  ), ot = r.activeChildElement || S, rt = r.activeChildElement ? nt : Y, {
     fontSize: he,
     fontColor: xe,
     fontFamily: ye,
@@ -712,26 +700,26 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
     updateFontColor: we,
     updateFontFamily: Ie,
     updateTextAlign: ge
-  } = Ft(rt, it), fe = l(
+  } = Pt(ot, rt), fe = l(
     async (d) => {
       var He;
       const h = d.type, E = d, C = e.getActiveArtboardId();
       if (!C)
-        throw new Xe(
+        throw new $e(
           "E_NO_ACTIVE_ARTBOARD",
           `addElement({ type: "${h}" }) needs an active artboard and none exists. <Editor.Root> seeds one automatically; with a raw EditorProvider create one first (executeCreateArtboard) or select one (artboardManager.setActiveArtboard).`,
           { type: h, docSlug: "embed-mode" }
         );
-      const R = `element-${Date.now()}`, k = e.getActiveArtboard(), ae = k ? k.x + k.width / 2 : window.innerWidth / 2, re = k ? k.y + k.height / 2 : window.innerHeight / 2, J = ((He = n.current) == null ? void 0 : He.getZoom()) || i.zoom || 1;
+      const R = `element-${Date.now()}`, $ = e.getActiveArtboard(), ae = $ ? $.x + $.width / 2 : window.innerWidth / 2, re = $ ? $.y + $.height / 2 : window.innerHeight / 2, J = ((He = n.current) == null ? void 0 : He.getZoom()) || i.zoom || 1;
       if (h === "image") {
-        const ue = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==", te = 200 / J, M = E == null ? void 0 : E.src, W = new St({
+        const ue = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==", te = 200 / J, K = E == null ? void 0 : E.src, W = new bt({
           id: R,
           name: d.name,
           x: ae,
           y: re,
           // Defer loading `src` until after the element is in the store so a
           // synchronously-cached image can't fire onLoadCallback too early.
-          imageUrl: M ? "" : ue,
+          imageUrl: K ? "" : ue,
           transformData: {
             type: "image",
             width: te,
@@ -745,10 +733,10 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
             borderRadius: 0
           }
         });
-        return M && (W.imageLoaded = !1, W.imageElement = null, W.isCropping = !1, W.imageUrl = M, W.preserveDimensions = !1, W.onLoadCallback = (K) => {
-          const Ve = K.transformData.width, Ne = K.transformData.height, ze = Math.min(te / Ve, te / Ne, 1);
-          ze < 1 && (K.transformData.width = Ve * ze, K.transformData.height = Ne * ze), K.transformData.cropX = 0, K.transformData.cropY = 0, K.transformData.cropWidth = 1, K.transformData.cropHeight = 1, _(W, K);
-        }), Z(W, C), r.setSelectedId(W.id), M && W.loadImage(M), { id: W.id, name: d.name ?? "" };
+        return K && (W.imageLoaded = !1, W.imageElement = null, W.isCropping = !1, W.imageUrl = K, W.preserveDimensions = !1, W.onLoadCallback = (M) => {
+          const Ve = M.transformData.width, Ne = M.transformData.height, ze = Math.min(te / Ve, te / Ne, 1);
+          ze < 1 && (M.transformData.width = Ve * ze, M.transformData.height = Ne * ze), M.transformData.cropX = 0, M.transformData.cropY = 0, M.transformData.cropWidth = 1, M.transformData.cropHeight = 1, _(W, M);
+        }), Z(W, C), r.setSelectedId(W.id), K && W.loadImage(K), { id: W.id, name: d.name ?? "" };
       }
       let ee;
       const se = {
@@ -757,14 +745,14 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
         wave: "wave",
         arch: "arch",
         shape: "shape"
-      }[h] || "custom", Fe = wt(se);
+      }[h] || "custom", Fe = St(se);
       if (!Fe || !Fe.Component)
         throw new Error(`[EditorContext] no transform registered for element type "${h}"`);
-      const le = e.getActiveArtboard(), st = le ? Math.min(le.width, le.height) * 0.1 : 80, ve = le ? le.width * 0.5 : 300;
+      const le = e.getActiveArtboard(), it = le ? Math.min(le.width, le.height) * 0.1 : 80, ve = le ? le.width * 0.5 : 300;
       if (h === "shape") {
         const ue = (E == null ? void 0 : E.shapeType) ?? "rectangle";
-        let te = 200 / J, M = 200 / J;
-        ue === "ellipse" ? (te = 150 / J, M = 250 / J) : ue === "line" && (te = 300 / J, M = 8 / J), ee = new It({
+        let te = 200 / J, K = 200 / J;
+        ue === "ellipse" ? (te = 150 / J, K = 250 / J) : ue === "line" && (te = 300 / J, K = 8 / J), ee = new wt({
           id: R,
           name: d.name,
           x: ae,
@@ -773,7 +761,7 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
             type: "shape",
             shapeType: ue,
             width: te,
-            height: M,
+            height: K,
             fillColor: "#3b82f6",
             fillOpacity: 1
           }
@@ -785,18 +773,18 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
           text: "New Text",
           x: ae,
           y: re,
-          fontSize: st,
+          fontSize: it,
           fontFamily: "Poppins",
-          color: Ht(k == null ? void 0 : k.backgroundColor),
+          color: Ut($ == null ? void 0 : $.backgroundColor),
           transformData: se === "arch" ? {
             type: "arch",
             width: ve,
-            archHeight: gt.archHeight
+            archHeight: It.archHeight
           } : se === "wave" ? {
             type: "wave",
             width: ve,
-            amplitude: _e.amplitude,
-            frequency: _e.frequency
+            amplitude: Le.amplitude,
+            frequency: Le.frequency
           } : se === "circle" ? {
             type: "circle",
             radius: ve / 2
@@ -827,25 +815,25 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
       g(h);
     }
   }, [S, r.multiSelection, p]), Re = l(() => {
-    if (z.length === 0) return;
+    if (F.length === 0) return;
     const d = [], h = 30, E = 30;
-    z.forEach((C) => {
-      const R = w.get(C.id), k = R ? R.x : C.x, ae = R ? R.y : C.y, re = C.toJSON();
+    F.forEach((C) => {
+      const R = w.get(C.id), $ = R ? R.x : C.x, ae = R ? R.y : C.y, re = C.toJSON();
       delete re.id;
       const J = C.constructor, ee = new J(re);
-      ee.x = k + h, ee.y = ae + E;
+      ee.x = $ + h, ee.y = ae + E;
       let ie = null;
       if (R && (ie = e.getArtboardIdForElement(
         R.id
       )), ie || (ie = e.getActiveArtboardId()), !ie) {
-        Xt.warn("[handlePasteElements] No artboard found for pasting");
+        Gt.warn("[handlePasteElements] No artboard found for pasting");
         return;
       }
       const se = R ? R.id : void 0;
       Z(ee, ie, se), d.push(ee.id);
     }), d.length === 1 ? r.handleSelectionChange(d[0]) : d.length > 1 && r.setMultiSelection(d);
   }, [
-    z,
+    F,
     w,
     e,
     Z,
@@ -868,7 +856,7 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
   Oe(() => {
     const d = (h) => {
       const E = h.target;
-      if (E.tagName === "CANVAS" || vt(E))
+      if (E.tagName === "CANVAS" || Ft(E))
         return;
       const R = document.activeElement;
       if (R != null && R.hasAttribute("data-preserve-selection")) {
@@ -950,6 +938,7 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
     handleLoadWorkspace: Pe,
     handleCopyElements: Ce,
     handlePasteElements: Re,
+    hasClipboardContent: F.length > 0,
     // Command history (undo/redo actions + execute functions)
     historyManager: ne,
     executeElementUpdate: _,
@@ -959,10 +948,10 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
     executeCommandBatch: y,
     executeCreateArtboard: x,
     executeDeleteArtboard: T,
-    executeUpdateArtboard: $,
-    undo: F,
+    executeUpdateArtboard: k,
+    undo: v,
     redo: N,
-    canUndo: v,
+    canUndo: z,
     canRedo: U,
     undoActiveArtboard: P,
     redoActiveArtboard: X,
@@ -1032,6 +1021,7 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
     Pe,
     Ce,
     Re,
+    F,
     // Command history
     ne,
     _,
@@ -1041,10 +1031,10 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
     y,
     x,
     T,
-    $,
-    F,
-    N,
+    k,
     v,
+    N,
+    z,
     U,
     P,
     X,
@@ -1061,13 +1051,13 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
     Ie,
     ge
   ]);
-  return a.current = Ue, /* @__PURE__ */ H(nt.Provider, { value: u, children: /* @__PURE__ */ H(
-    $t,
+  return a.current = Ue, /* @__PURE__ */ H(tt.Provider, { value: u, children: /* @__PURE__ */ H(
+    Bt,
     {
       value: {
-        undo: F,
+        undo: v,
         redo: N,
-        canUndo: v,
+        canUndo: z,
         canRedo: U,
         undoActiveArtboard: P,
         redoActiveArtboard: X,
@@ -1075,7 +1065,7 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
         canRedoActiveArtboard: j
       },
       children: /* @__PURE__ */ H(
-        Zt,
+        Wt,
         {
           value: {
             elements: p,
@@ -1104,7 +1094,7 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
             canvasEditorRef: n
           },
           children: /* @__PURE__ */ H(
-            Gt,
+            Zt,
             {
               value: {
                 executeElementUpdate: _,
@@ -1114,10 +1104,10 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
                 executeCommandBatch: y,
                 executeCreateArtboard: x,
                 executeDeleteArtboard: T,
-                executeUpdateArtboard: $,
-                undo: F,
+                executeUpdateArtboard: k,
+                undo: v,
                 redo: N,
-                canUndo: v,
+                canUndo: z,
                 canRedo: U,
                 undoActiveArtboard: P,
                 redoActiveArtboard: X,
@@ -1125,37 +1115,37 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
                 canRedoActiveArtboard: j,
                 historyManager: ne
               },
-              children: /* @__PURE__ */ H(tt.Provider, { value: Ue, children: t })
+              children: /* @__PURE__ */ H(et.Provider, { value: Ue, children: t })
             }
           )
         }
       )
     }
   ) });
-}, rn = ({
+}, on = ({
   children: t,
   initialArtboardConfig: e = {},
   viewPadding: o = 0.9
 }) => {
   const [n] = b(() => {
-    const i = new bt(), r = {
+    const i = new Et(), 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 || Et
+      backgroundColor: e.backgroundColor || yt
     };
     return i.createArtboard(r), i;
   }), a = me(null), u = me(null);
   return /* @__PURE__ */ H(
-    Dt,
+    Nt,
     {
       artboardManager: n,
       canvasRef: a,
       viewPadding: o,
-      children: /* @__PURE__ */ H(_t, { children: /* @__PURE__ */ H(kt, { children: /* @__PURE__ */ H(
-        jt,
+      children: /* @__PURE__ */ H(Lt, { children: /* @__PURE__ */ H(kt, { children: /* @__PURE__ */ H(
+        Xt,
         {
           artboardManager: n,
           canvasRef: a,
@@ -1165,24 +1155,24 @@ const Xt = Ze("EditorContext"), tt = Q(null), nt = Q(null), on = () => {
       ) }) })
     }
   );
-}, sn = () => {
-  const t = G(tt);
+}, rn = () => {
+  const t = G(et);
   if (!t)
     throw new Error("useEditor must be used within EditorProvider");
   return t;
 }, de = [];
-function cn(t) {
-  Rt() && de.push(t);
+function sn(t) {
+  Tt() && de.push(t);
 }
-function dn() {
+function cn() {
   return [...de];
 }
-function an() {
+function dn() {
   de.length = 0;
 }
-function ln() {
+function an() {
   if (de.length === 0) return;
-  const t = de.map((e) => Ct(e) ? `${e.code}: ${e.message}` : `${e.name}: ${e.message}`).join(`
+  const t = de.map((e) => gt(e) ? `${e.code}: ${e.message}` : `${e.name}: ${e.message}`).join(`
   - `);
   throw de.length = 0, new Error(
     `expectNoEditorErrors: ${t.includes(`
@@ -1193,27 +1183,24 @@ A contained error renders an error card in prod — this composition is broken e
 }
 export {
   Ge as B,
-  rn as E,
-  je as P,
-  Lt as a,
-  nn as b,
-  tn as c,
-  en as d,
-  Bt as e,
-  Wt as f,
-  Xe as g,
-  Kt as h,
-  Ct as i,
-  Rt as j,
-  on as k,
-  ln as l,
-  dn as m,
-  an as n,
-  zt as o,
-  qt as p,
-  Qt as q,
-  cn as r,
-  vt as s,
-  sn as u
+  on as E,
+  Xe as P,
+  Dt as a,
+  tn as b,
+  en as c,
+  Qt as d,
+  _t as e,
+  $t as f,
+  Kt as g,
+  nn as h,
+  an as i,
+  cn as j,
+  dn as k,
+  vt as l,
+  qt as m,
+  Mt as p,
+  sn as r,
+  Ft as s,
+  rn as u
 };
-//# sourceMappingURL=editorErrors-CCvoKj_P.js.map
+//# sourceMappingURL=editorErrors-WzaNxU1Y.js.map