@snowcone-app/canvas 0.29.0 → 0.31.0

package/dist/editorErrors-CCvoKj_P.js

@@ -1,1219 +0,0 @@
-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;
-function Kt() {
-  const t = G(Ge), e = ct(
-    t ? t.subscribe : Tt,
-    t ? t.getVersion : Be,
-    t ? t.getVersion : Be
-  );
-  return l(
-    (o) => !!(t && o && t.getBoundLayer(o)),
-    // `version` is the reactivity key: a registry change must mint a new
-    // callback so memoized consumers re-evaluate.
-    [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(
-    (s, A) => {
-      const y = s == null ? void 0 : s.name;
-      if (!u || !y) return;
-      const x = u.getBoundLayer(y);
-      if (x)
-        throw new Xe(
-          "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" }
-        );
-    },
-    [u]
-  ), [r, m] = b({
-    canUndo: !1,
-    canRedo: !1,
-    // Per-artboard state for the active artboard
-    canUndoActiveArtboard: !1,
-    canRedoActiveArtboard: !1
-  }), c = l(() => {
-    const s = a.current, A = o.getActiveArtboardId();
-    m({
-      canUndo: s.canUndo(),
-      canRedo: s.canRedo(),
-      // Per-artboard state - only check active artboard's history
-      canUndoActiveArtboard: A ? s.canUndoArtboard(A) : !1,
-      canRedoActiveArtboard: A ? s.canRedoArtboard(A) : !1
-    });
-  }, [o]), V = l(
-    (s, A) => {
-      s && s.name !== A.name && i(s, "rename");
-      const y = new at(
-        A.id,
-        s || null,
-        A,
-        (T) => {
-          e(($) => $.map((F) => F.id === T.id ? T : F));
-        }
-      ), x = o.getArtboardIdForElement(A.id);
-      if (x)
-        a.current.executeOnArtboard(x, y);
-      else {
-        const T = o.getActiveArtboardId();
-        T && a.current.executeOnArtboard(T, y);
-      }
-      c();
-    },
-    [e, o, c, i]
-  ), O = l(
-    (s, A, y, x) => {
-      const T = A || o.getActiveArtboardId();
-      if (!T) {
-        pe.warn("No active artboard to add element to");
-        return;
-      }
-      const $ = new lt(
-        s,
-        (F) => {
-          const N = F;
-          e((v) => {
-            if (x) {
-              const U = v.findIndex((P) => P.id === x);
-              if (U !== -1) {
-                const P = [...v];
-                return P.splice(U, 0, N), P;
-              }
-            }
-            if (y) {
-              const U = v.findIndex((P) => P.id === y);
-              if (U !== -1) {
-                const P = [...v];
-                return P.splice(U + 1, 0, N), P;
-              }
-              for (let P = 0; P < v.length; P++) {
-                const X = v[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];
-                    return Y[P] = j, Y;
-                  }
-                }
-              }
-            }
-            return [...v, N];
-          }), o.addElementToArtboard(F.id, T);
-        },
-        (F) => {
-          e((N) => N.filter((v) => v.id !== F)), o.removeElementFromArtboard(F);
-        }
-      );
-      a.current.executeOnArtboard(T, $), c();
-    },
-    [e, o, c]
-  ), D = l(
-    (s) => {
-      i(s, "delete");
-      const A = o.getArtboardIdForElement(s.id);
-      if (!A) {
-        pe.warn("Element not found in any artboard");
-        return;
-      }
-      const y = new ut(
-        s,
-        (x) => {
-          e((T) => [...T, x]), o.addElementToArtboard(x.id, A);
-        },
-        (x) => {
-          e((T) => T.filter(($) => $.id !== x)), o.removeElementFromArtboard(x);
-        }
-      );
-      a.current.executeOnArtboard(A, y), c();
-    },
-    [e, o, c, i]
-  ), w = l(
-    (s) => {
-      const A = new mt(s, o);
-      a.current.executeGlobal(A), c(), n == null || n();
-    },
-    [o, c, n]
-  ), L = l(
-    (s) => {
-      const A = new ft(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);
-      a.current.executeGlobal(x), c(), n == null || n();
-    },
-    [o, c, n]
-  ), f = l(
-    (s) => {
-      if (s.length === 0)
-        return;
-      const A = o.getActiveArtboardId();
-      if (!A) {
-        pe.warn("No active artboard for batch execution");
-        return;
-      }
-      const y = s.map((x) => new class extends Object {
-        execute() {
-          x.execute();
-        }
-        undo() {
-          x.undo();
-        }
-      }());
-      a.current.executeBatchOnArtboard(A, y), c();
-    },
-    [o, c]
-  ), I = l(() => {
-    a.current.undo() && (c(), n == null || n());
-  }, [c, n]), z = l(() => {
-    a.current.redo() && (c(), n == null || n());
-  }, [c, n]), g = l(() => {
-    const s = o.getActiveArtboardId();
-    s && a.current.undoArtboard(s) && (c(), n == null || n());
-  }, [o, c, n]), S = l(() => {
-    const s = o.getActiveArtboardId();
-    s && a.current.redoArtboard(s) && (c(), n == null || n());
-  }, [o, c, n]), B = l(() => {
-    a.current.clear(), c();
-  }, [c]), ne = l(
-    (s) => {
-      a.current.clearArtboardHistory(s), c();
-    },
-    [c]
-  ), _ = me(null);
-  Oe(() => {
-    const s = o.getActiveArtboardId();
-    s !== _.current && (_.current = s, c());
-  });
-  const Z = l(
-    (s, A, y) => {
-      const x = t.map((F) => F.id), T = o.getArtboardIdForElement(s);
-      if (!T) {
-        pe.warn("Element not found in any artboard");
-        return;
-      }
-      const $ = new pt(s, A, y, x, (F) => {
-        e((N) => {
-          const v = new Map(N.map((U) => [U.id, U]));
-          return F.map((U) => v.get(U)).filter(Boolean);
-        });
-      });
-      a.current.executeOnArtboard(T, $), c();
-    },
-    [t, e, o, c]
-  );
-  return {
-    // Element operations
-    executeElementUpdate: V,
-    executeAddElement: O,
-    executeRemoveElement: D,
-    executeReorderElement: Z,
-    // Batch operations
-    executeCommandBatch: f,
-    // Artboard operations
-    executeCreateArtboard: w,
-    executeDeleteArtboard: L,
-    executeUpdateArtboard: p,
-    // Undo/redo (smart - considers last operation and active artboard)
-    undo: I,
-    redo: z,
-    // Undo/redo for active artboard only (element operations)
-    undoActiveArtboard: g,
-    redoActiveArtboard: S,
-    clearHistory: B,
-    clearArtboardHistory: ne,
-    // State (smart - considers last operation)
-    canUndo: r.canUndo,
-    canRedo: r.canRedo,
-    // State for active artboard only
-    canUndoActiveArtboard: r.canUndoActiveArtboard,
-    canRedoActiveArtboard: r.canRedoActiveArtboard,
-    historyManager: a.current
-  };
-}
-function ce(t) {
-  return t && "fontSize" in t && "color" in t && "fontFamily" in t;
-}
-function Ft(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);
-    }
-  }, [t]);
-  const V = l(
-    (p) => {
-      if (!t || !ce(t)) return;
-      const f = Math.max(xt, Math.min(yt, o + p));
-      n(f);
-      const I = t.clone();
-      I.transformType === "circle" && "setEffectiveFontSize" in I ? I.setEffectiveFontSize(f) : I.setFontSize(f), e(I);
-    },
-    [t, o, e]
-  ), O = l(
-    (p) => {
-      if (!t || !ce(t)) return;
-      n(p);
-      const f = t.clone();
-      f.transformType === "circle" && "setEffectiveFontSize" in f ? f.setEffectiveFontSize(p) : f.setFontSize(p), e(f);
-    },
-    [t, e]
-  ), D = l(
-    (p) => {
-      if (!t || !ce(t)) return;
-      u(p);
-      const f = t.clone();
-      if (f.color = p, f.richText)
-        for (const I of f.richText.spans)
-          I.style.color = void 0;
-      e(f);
-    },
-    [t, e]
-  ), w = l(
-    (p) => {
-      if (!t || !ce(t)) return;
-      const f = t.fontFamily;
-      f !== p && ht.clearCache(f), r(p);
-      const I = t.clone();
-      I.fontFamily = p, e(I);
-    },
-    [t, e]
-  ), L = l(
-    (p) => {
-      if (!t || !ce(t)) return;
-      c(p);
-      const f = t.clone();
-      f.textAlign = p, e(f);
-    },
-    [t, e]
-  );
-  return {
-    // State
-    fontSize: o,
-    fontColor: a,
-    fontFamily: i,
-    textAlign: m,
-    // State setters (for UI only)
-    setFontSize: n,
-    setFontColor: u,
-    setFontFamily: r,
-    setTextAlign: c,
-    // Update functions (update element + UI)
-    updateFontSize: V,
-    setFontSizeValue: O,
-    updateFontColor: D,
-    updateFontFamily: w,
-    updateTextAlign: L
-  };
-}
-const je = "data-preserve-selection";
-function vt(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))
-      return !0;
-    const u = e.getAttribute("role");
-    if (u === "dialog" || u === "alertdialog" || u === "menu" || u === "listbox")
-      return !0;
-    const i = e.getAttribute("data-slot");
-    if (i && (i.includes("popover") || i.includes("dialog")) || e.hasAttribute("data-radix-popper-content-wrapper"))
-      return !0;
-    e = e.parentElement;
-  }
-  return !1;
-}
-const qt = {
-  [je]: ""
-};
-function zt(t) {
-  const e = Ye(t);
-  return e !== null && e < 0.5;
-}
-function Qt(t) {
-  const e = Ye(t);
-  return e !== null && e >= 0.5;
-}
-function Ye(t) {
-  const e = t.trim();
-  if (e.startsWith("#")) {
-    const n = e.slice(1);
-    let a, u, i;
-    if (n.length === 3)
-      a = parseInt(n[0] + n[0], 16), u = parseInt(n[1] + n[1], 16), i = parseInt(n[2] + n[2], 16);
-    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);
-  }
-  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;
-}
-function $e(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 Je = Q(null), Vt = 0.1, Nt = 4, ke = 0.25, Dt = ({
-  children: t,
-  artboardManager: e,
-  canvasRef: o,
-  viewPadding: n = 0.9
-}) => {
-  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));
-  }, []), L = l(() => {
-    u((z) => Math.max(z - ke, Vt));
-  }, []), p = l(() => {
-    const z = e.getActiveArtboard();
-    if (!z || !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,
-      1
-      // Never zoom in beyond 100%
-    );
-    u(ne), r({ x: 0, y: 0 });
-  }, [e, o, n]), f = l(() => {
-    u(1), r({ x: 0, y: 0 });
-  }, []), I = q(
-    () => ({
-      zoom: a,
-      panOffset: i,
-      isPanning: m,
-      zoomIn: w,
-      zoomOut: L,
-      zoomToFit: p,
-      resetView: f,
-      setZoom: u,
-      setPanOffset: r,
-      setIsPanning: c,
-      userZoom: V,
-      setUserZoom: O,
-      resetUserView: D
-    }),
-    [a, i, m, w, L, p, f, V, D]
-  );
-  return /* @__PURE__ */ H(Je.Provider, { value: I, children: t });
-};
-function Lt() {
-  const t = G(Je);
-  if (!t)
-    throw new Error("useViewportContext must be used within a ViewportProvider (or EditorProvider)");
-  return t;
-}
-const Me = Q(null), _t = ({ 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) => {
-    i(L);
-  }, []), w = q(
-    () => ({
-      selectedId: e,
-      multiSelection: n,
-      activeChildElement: u,
-      hoveredElementId: r,
-      hideHandles: c,
-      setSelectedId: o,
-      setMultiSelection: a,
-      setHoveredElementId: m,
-      setHideHandles: V,
-      handleSelectionChange: O,
-      handleActiveChildChange: D
-    }),
-    [
-      e,
-      n,
-      u,
-      r,
-      c,
-      O,
-      D
-    ]
-  );
-  return /* @__PURE__ */ H(Me.Provider, { value: w, children: t });
-};
-function Bt() {
-  const t = G(Me);
-  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 o = q(
-    () => ({
-      undo: e.undo,
-      redo: e.redo,
-      canUndo: e.canUndo,
-      canRedo: e.canRedo,
-      undoActiveArtboard: e.undoActiveArtboard,
-      redoActiveArtboard: e.redoActiveArtboard,
-      canUndoActiveArtboard: e.canUndoActiveArtboard,
-      canRedoActiveArtboard: e.canRedoActiveArtboard
-    }),
-    [
-      e.undo,
-      e.redo,
-      e.canUndo,
-      e.canRedo,
-      e.undoActiveArtboard,
-      e.redoActiveArtboard,
-      e.canUndoActiveArtboard,
-      e.canRedoActiveArtboard
-    ]
-  );
-  return /* @__PURE__ */ H(Ke.Provider, { value: o, children: t });
-};
-function en() {
-  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 [e, o] = b(null), [n, a] = b(!1), [u, i] = b(0), [r, m] = b(!1), [c, V] = b(!1), O = q(
-    () => ({
-      expandedPanelType: e,
-      setExpandedPanelType: o,
-      isToolbarMenuOpen: n,
-      setIsToolbarMenuOpen: a,
-      textSelectionVersion: u,
-      setTextSelectionVersion: i,
-      isCanvasReady: r,
-      setCanvasReady: m,
-      isRotating: c,
-      setIsRotating: V
-    }),
-    [e, n, u, r, c]
-  );
-  return /* @__PURE__ */ H(qe.Provider, { value: O, children: t });
-};
-function Wt() {
-  const t = G(qe);
-  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 o = q(
-    () => ({
-      elements: e.elements,
-      elementStore: e.elementStore,
-      artboards: e.artboards,
-      artboardManager: e.artboardManager,
-      artboardVersion: e.artboardVersion,
-      setElements: e.setElements,
-      refreshArtboards: e.refreshArtboards,
-      getElementById: e.getElementById,
-      handleAddElement: e.handleAddElement,
-      handleElementUpdate: e.handleElementUpdate,
-      handleLoadWorkspace: e.handleLoadWorkspace,
-      handleCopyElements: e.handleCopyElements,
-      handlePasteElements: e.handlePasteElements,
-      fontSize: e.fontSize,
-      fontColor: e.fontColor,
-      fontFamily: e.fontFamily,
-      textAlign: e.textAlign,
-      updateFontSize: e.updateFontSize,
-      setFontSizeValue: e.setFontSizeValue,
-      updateFontColor: e.updateFontColor,
-      updateFontFamily: e.updateFontFamily,
-      updateTextAlign: e.updateTextAlign,
-      canvasRef: e.canvasRef,
-      canvasEditorRef: e.canvasEditorRef
-    }),
-    [
-      e.elements,
-      e.elementStore,
-      e.artboards,
-      e.artboardManager,
-      e.artboardVersion,
-      e.setElements,
-      e.refreshArtboards,
-      e.getElementById,
-      e.handleAddElement,
-      e.handleElementUpdate,
-      e.handleLoadWorkspace,
-      e.handleCopyElements,
-      e.handlePasteElements,
-      e.fontSize,
-      e.fontColor,
-      e.fontFamily,
-      e.textAlign,
-      e.updateFontSize,
-      e.setFontSizeValue,
-      e.updateFontColor,
-      e.updateFontFamily,
-      e.updateTextAlign,
-      e.canvasRef,
-      e.canvasEditorRef
-    ]
-  );
-  return /* @__PURE__ */ H(Qe.Provider, { value: o, children: t });
-};
-function tn() {
-  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 o = q(
-    () => ({
-      executeElementUpdate: e.executeElementUpdate,
-      executeAddElement: e.executeAddElement,
-      executeRemoveElement: e.executeRemoveElement,
-      executeReorderElement: e.executeReorderElement,
-      executeCreateArtboard: e.executeCreateArtboard,
-      executeDeleteArtboard: e.executeDeleteArtboard,
-      executeUpdateArtboard: e.executeUpdateArtboard,
-      executeCommandBatch: e.executeCommandBatch,
-      undo: e.undo,
-      redo: e.redo,
-      canUndo: e.canUndo,
-      canRedo: e.canRedo,
-      undoActiveArtboard: e.undoActiveArtboard,
-      redoActiveArtboard: e.redoActiveArtboard,
-      canUndoActiveArtboard: e.canUndoActiveArtboard,
-      canRedoActiveArtboard: e.canRedoActiveArtboard,
-      historyManager: e.historyManager
-    }),
-    [
-      e.executeElementUpdate,
-      e.executeAddElement,
-      e.executeRemoveElement,
-      e.executeReorderElement,
-      e.executeCreateArtboard,
-      e.executeDeleteArtboard,
-      e.executeUpdateArtboard,
-      e.executeCommandBatch,
-      e.undo,
-      e.redo,
-      e.canUndo,
-      e.canRedo,
-      e.undoActiveArtboard,
-      e.redoActiveArtboard,
-      e.canUndoActiveArtboard,
-      e.canRedoActiveArtboard,
-      e.historyManager
-    ]
-  );
-  return /* @__PURE__ */ H(et.Provider, { value: o, children: t });
-};
-function nn() {
-  const t = G(et);
-  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);
-  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(
-    () => e.getAllArtboards()
-  ), [O, D] = b(0), [w, L] = b(
-    () => new Le()
-  ), 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);
-    });
-  }, []), I = l(
-    (d) => w.get(d),
-    [w]
-  ), [z, g] = b([]), S = r.selectedId ? w.get(r.selectedId) : void 0, B = l(() => {
-    V([...e.getAllArtboards()]), D((d) => d + 1);
-  }, [e]), {
-    historyManager: ne,
-    executeElementUpdate: _,
-    executeAddElement: Z,
-    executeRemoveElement: s,
-    executeReorderElement: A,
-    executeCommandBatch: y,
-    executeCreateArtboard: x,
-    executeDeleteArtboard: T,
-    executeUpdateArtboard: $,
-    undo: F,
-    redo: N,
-    canUndo: v,
-    canRedo: U,
-    undoActiveArtboard: P,
-    redoActiveArtboard: X,
-    canUndoActiveArtboard: oe,
-    canRedoActiveArtboard: j
-  } = Pt(
-    p,
-    f,
-    e,
-    B
-  ), Y = l(
-    (d) => {
-      const h = w.get(d.id);
-      _(h, d);
-    },
-    [w, _]
-  ), ot = l(
-    (d) => {
-      if (!S || !(S instanceof We))
-        return;
-      const h = S.clone(), E = h.children.findIndex(
-        (C) => C.id === d.id
-      );
-      E >= 0 && (h.children[E] = d, Y(h));
-    },
-    [S, Y]
-  ), rt = r.activeChildElement || S, it = r.activeChildElement ? ot : Y, {
-    fontSize: he,
-    fontColor: xe,
-    fontFamily: ye,
-    textAlign: Ee,
-    updateFontSize: be,
-    setFontSizeValue: Se,
-    updateFontColor: we,
-    updateFontFamily: Ie,
-    updateTextAlign: ge
-  } = Ft(rt, it), fe = l(
-    async (d) => {
-      var He;
-      const h = d.type, E = d, C = e.getActiveArtboardId();
-      if (!C)
-        throw new Xe(
-          "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;
-      if (h === "image") {
-        const ue = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==", te = 200 / J, M = E == null ? void 0 : E.src, W = new St({
-          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,
-          transformData: {
-            type: "image",
-            width: te,
-            height: te,
-            cropX: 0,
-            cropY: 0,
-            cropWidth: 1,
-            cropHeight: 1,
-            flipHorizontal: !1,
-            flipVertical: !1,
-            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 ?? "" };
-      }
-      let ee;
-      const se = {
-        text: "custom",
-        circle: "circle",
-        wave: "wave",
-        arch: "arch",
-        shape: "shape"
-      }[h] || "custom", Fe = wt(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;
-      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({
-          id: R,
-          name: d.name,
-          x: ae,
-          y: re,
-          transformData: {
-            type: "shape",
-            shapeType: ue,
-            width: te,
-            height: M,
-            fillColor: "#3b82f6",
-            fillOpacity: 1
-          }
-        });
-      } else
-        ee = new Fe.Component({
-          id: R,
-          name: d.name,
-          text: "New Text",
-          x: ae,
-          y: re,
-          fontSize: st,
-          fontFamily: "Poppins",
-          color: Ht(k == null ? void 0 : k.backgroundColor),
-          transformData: se === "arch" ? {
-            type: "arch",
-            width: ve,
-            archHeight: gt.archHeight
-          } : se === "wave" ? {
-            type: "wave",
-            width: ve,
-            amplitude: _e.amplitude,
-            frequency: _e.frequency
-          } : se === "circle" ? {
-            type: "circle",
-            radius: ve / 2
-          } : void 0
-        });
-      return e.addElementToArtboard(R, C), Z(
-        ee,
-        C,
-        r.selectedId || void 0
-      ), r.setSelectedId(R), { id: R, name: d.name ?? "" };
-    },
-    [e, Z, _, r, i.zoom, n]
-  ), Te = l(
-    async (d, h) => {
-      await fe({ ...h, type: d });
-    },
-    [fe]
-  ), Ce = l(() => {
-    const d = [];
-    if (r.multiSelection.length > 0) {
-      const h = p.filter(
-        (E) => r.multiSelection.includes(E.id)
-      );
-      d.push(...h);
-    } else S && d.push(S);
-    if (d.length > 0) {
-      const h = d.map((E) => E.clone());
-      g(h);
-    }
-  }, [S, r.multiSelection, p]), Re = l(() => {
-    if (z.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();
-      delete re.id;
-      const J = C.constructor, ee = new J(re);
-      ee.x = k + 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");
-        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,
-    w,
-    e,
-    Z,
-    r
-  ]), Ae = l(() => {
-    if (m.expandedPanelType === "crop" && (S == null ? void 0 : S.transformType) === "image") {
-      const d = S;
-      if (d.isCropping) {
-        const h = d.clone();
-        h.exitCropMode(), _(d, h);
-      }
-    }
-    m.setExpandedPanelType(null);
-  }, [
-    m.expandedPanelType,
-    m.setExpandedPanelType,
-    S,
-    _
-  ]);
-  Oe(() => {
-    const d = (h) => {
-      const E = h.target;
-      if (E.tagName === "CANVAS" || vt(E))
-        return;
-      const R = document.activeElement;
-      if (R != null && R.hasAttribute("data-preserve-selection")) {
-        R.blur();
-        return;
-      }
-      if (m.expandedPanelType !== null) {
-        Ae();
-        return;
-      }
-      r.selectedId !== null && r.setSelectedId(null), r.multiSelection.length > 0 && r.setMultiSelection([]);
-    };
-    return document.addEventListener("pointerdown", d), () => document.removeEventListener("pointerdown", d);
-  }, [m.expandedPanelType, Ae, r]);
-  const Pe = l(
-    (d, h, E) => {
-      e.clear(), d.forEach((C) => {
-        e.createArtboard(C.toJSON());
-      }), E && e.setActiveArtboard(E), V([...e.getAllArtboards()]), D((C) => C + 1), f(h), r.setSelectedId(null);
-    },
-    [e, r, f]
-  ), Ue = q(() => ({
-    // From ViewportContext
-    zoom: i.zoom,
-    panOffset: i.panOffset,
-    isPanning: i.isPanning,
-    zoomIn: i.zoomIn,
-    zoomOut: i.zoomOut,
-    zoomToFit: i.zoomToFit,
-    resetView: i.resetView,
-    setZoom: i.setZoom,
-    setPanOffset: i.setPanOffset,
-    setIsPanning: i.setIsPanning,
-    // From SelectionContext
-    selectedId: r.selectedId,
-    multiSelection: r.multiSelection,
-    activeChildElement: r.activeChildElement,
-    hoveredElementId: r.hoveredElementId,
-    hideHandles: r.hideHandles,
-    setSelectedId: r.setSelectedId,
-    setMultiSelection: r.setMultiSelection,
-    setHoveredElementId: r.setHoveredElementId,
-    setHideHandles: r.setHideHandles,
-    handleSelectionChange: r.handleSelectionChange,
-    handleActiveChildChange: r.handleActiveChildChange,
-    // From ToolStateContext
-    expandedPanelType: m.expandedPanelType,
-    setExpandedPanelType: m.setExpandedPanelType,
-    isToolbarMenuOpen: m.isToolbarMenuOpen,
-    setIsToolbarMenuOpen: m.setIsToolbarMenuOpen,
-    textSelectionVersion: m.textSelectionVersion,
-    setTextSelectionVersion: m.setTextSelectionVersion,
-    isCanvasReady: m.isCanvasReady,
-    setCanvasReady: m.setCanvasReady,
-    isRotating: m.isRotating,
-    setIsRotating: m.setIsRotating,
-    // Cross-context handler
-    clearExpandedPanel: Ae,
-    // Core state (element/artboard domain)
-    artboardManager: e,
-    artboards: c,
-    elements: p,
-    elementStore: w,
-    getElementById: I,
-    // Derived state (cross-context)
-    selectedElement: S,
-    // Refs
-    canvasRef: o,
-    canvasEditorRef: n,
-    // Element setters
-    setElements: f,
-    // Artboard version counter
-    artboardVersion: O,
-    // Handlers
-    refreshArtboards: B,
-    handleElementUpdate: Y,
-    addElement: fe,
-    handleAddElement: Te,
-    handleLoadWorkspace: Pe,
-    handleCopyElements: Ce,
-    handlePasteElements: Re,
-    // Command history (undo/redo actions + execute functions)
-    historyManager: ne,
-    executeElementUpdate: _,
-    executeAddElement: Z,
-    executeRemoveElement: s,
-    executeReorderElement: A,
-    executeCommandBatch: y,
-    executeCreateArtboard: x,
-    executeDeleteArtboard: T,
-    executeUpdateArtboard: $,
-    undo: F,
-    redo: N,
-    canUndo: v,
-    canRedo: U,
-    undoActiveArtboard: P,
-    redoActiveArtboard: X,
-    canUndoActiveArtboard: oe,
-    canRedoActiveArtboard: j,
-    // Element properties
-    fontSize: he,
-    fontColor: xe,
-    fontFamily: ye,
-    textAlign: Ee,
-    updateFontSize: be,
-    setFontSizeValue: Se,
-    updateFontColor: we,
-    updateFontFamily: Ie,
-    updateTextAlign: ge
-  }), [
-    // Viewport
-    i.zoom,
-    i.panOffset,
-    i.isPanning,
-    i.zoomIn,
-    i.zoomOut,
-    i.zoomToFit,
-    i.resetView,
-    i.setZoom,
-    i.setPanOffset,
-    i.setIsPanning,
-    // Selection
-    r.selectedId,
-    r.multiSelection,
-    r.activeChildElement,
-    r.hoveredElementId,
-    r.hideHandles,
-    r.setSelectedId,
-    r.setMultiSelection,
-    r.setHoveredElementId,
-    r.setHideHandles,
-    r.handleSelectionChange,
-    r.handleActiveChildChange,
-    // Tool state
-    m.expandedPanelType,
-    m.setExpandedPanelType,
-    m.isToolbarMenuOpen,
-    m.setIsToolbarMenuOpen,
-    m.textSelectionVersion,
-    m.setTextSelectionVersion,
-    m.isCanvasReady,
-    m.setCanvasReady,
-    m.isRotating,
-    m.setIsRotating,
-    Ae,
-    // Element/artboard domain
-    e,
-    c,
-    p,
-    w,
-    I,
-    S,
-    o,
-    n,
-    f,
-    O,
-    B,
-    Y,
-    fe,
-    Te,
-    Pe,
-    Ce,
-    Re,
-    // Command history
-    ne,
-    _,
-    Z,
-    s,
-    A,
-    y,
-    x,
-    T,
-    $,
-    F,
-    N,
-    v,
-    U,
-    P,
-    X,
-    oe,
-    j,
-    // Element properties
-    he,
-    xe,
-    ye,
-    Ee,
-    be,
-    Se,
-    we,
-    Ie,
-    ge
-  ]);
-  return a.current = Ue, /* @__PURE__ */ H(nt.Provider, { value: u, children: /* @__PURE__ */ H(
-    $t,
-    {
-      value: {
-        undo: F,
-        redo: N,
-        canUndo: v,
-        canRedo: U,
-        undoActiveArtboard: P,
-        redoActiveArtboard: X,
-        canUndoActiveArtboard: oe,
-        canRedoActiveArtboard: j
-      },
-      children: /* @__PURE__ */ H(
-        Zt,
-        {
-          value: {
-            elements: p,
-            elementStore: w,
-            artboards: c,
-            artboardManager: e,
-            artboardVersion: O,
-            setElements: f,
-            refreshArtboards: B,
-            getElementById: I,
-            handleAddElement: Te,
-            handleElementUpdate: Y,
-            handleLoadWorkspace: Pe,
-            handleCopyElements: Ce,
-            handlePasteElements: Re,
-            fontSize: he,
-            fontColor: xe,
-            fontFamily: ye,
-            textAlign: Ee,
-            updateFontSize: be,
-            setFontSizeValue: Se,
-            updateFontColor: we,
-            updateFontFamily: Ie,
-            updateTextAlign: ge,
-            canvasRef: o,
-            canvasEditorRef: n
-          },
-          children: /* @__PURE__ */ H(
-            Gt,
-            {
-              value: {
-                executeElementUpdate: _,
-                executeAddElement: Z,
-                executeRemoveElement: s,
-                executeReorderElement: A,
-                executeCommandBatch: y,
-                executeCreateArtboard: x,
-                executeDeleteArtboard: T,
-                executeUpdateArtboard: $,
-                undo: F,
-                redo: N,
-                canUndo: v,
-                canRedo: U,
-                undoActiveArtboard: P,
-                redoActiveArtboard: X,
-                canUndoActiveArtboard: oe,
-                canRedoActiveArtboard: j,
-                historyManager: ne
-              },
-              children: /* @__PURE__ */ H(tt.Provider, { value: Ue, children: t })
-            }
-          )
-        }
-      )
-    }
-  ) });
-}, rn = ({
-  children: t,
-  initialArtboardConfig: e = {},
-  viewPadding: o = 0.9
-}) => {
-  const [n] = b(() => {
-    const i = new bt(), 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
-    };
-    return i.createArtboard(r), i;
-  }), a = me(null), u = me(null);
-  return /* @__PURE__ */ H(
-    Dt,
-    {
-      artboardManager: n,
-      canvasRef: a,
-      viewPadding: o,
-      children: /* @__PURE__ */ H(_t, { children: /* @__PURE__ */ H(kt, { children: /* @__PURE__ */ H(
-        jt,
-        {
-          artboardManager: n,
-          canvasRef: a,
-          canvasEditorRef: u,
-          children: t
-        }
-      ) }) })
-    }
-  );
-}, sn = () => {
-  const t = G(tt);
-  if (!t)
-    throw new Error("useEditor must be used within EditorProvider");
-  return t;
-}, de = [];
-function cn(t) {
-  Rt() && de.push(t);
-}
-function dn() {
-  return [...de];
-}
-function an() {
-  de.length = 0;
-}
-function ln() {
-  if (de.length === 0) return;
-  const t = de.map((e) => Ct(e) ? `${e.code}: ${e.message}` : `${e.name}: ${e.message}`).join(`
-  - `);
-  throw de.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 {
-  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
-};
-//# sourceMappingURL=editorErrors-CCvoKj_P.js.map