@snowcone-app/canvas 0.26.0 → 0.27.0

package/dist/editorErrors-B2mb1sVN.js

@@ -1,1208 +0,0 @@
-import { jsx as H } from "react/jsx-runtime";
-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, ab as st, ac as ct, G as ke, ad as dt, ae as at, af as lt, ag as ut, ah as mt, c as $e, z as ft, ai as At, aj as pt, ak as ht, E as xt, L as Ne, I as yt, g as Et, S as St, al as bt, am as De } from "./FontAnalyzer-CwIpgTGd.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)),
-    // `version` is the reactivity key: a registry change must mint a new
-    // callback so memoized consumers re-evaluate.
-    [t, e]
-  );
-}
-class wt extends Error {
-  constructor(e, o, n = {}) {
-    super(`[Editor] ${e}: ${o}`), this.name = "EditorError", this.code = e, this.data = { code: e, ...n };
-  }
-}
-function gt(t) {
-  return t instanceof Error && t.name === "EditorError" && "code" in t;
-}
-function Tt() {
-  var t;
-  return typeof Ve < "u" && ((t = Ve.env) == null ? void 0 : t.NODE_ENV) !== "production";
-}
-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 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" }
-        );
-    },
-    [l]
-  ), [r, u] = E({
-    canUndo: !1,
-    canRedo: !1,
-    // Per-artboard state for the active artboard
-    canUndoActiveArtboard: !1,
-    canRedoActiveArtboard: !1
-  }), c = a(() => {
-    const s = d.current, A = o.getActiveArtboardId();
-    u({
-      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 = a(
-    (s, A) => {
-      s && s.name !== A.name && i(s, "rename");
-      const y = new st(
-        A.id,
-        s || null,
-        A,
-        (P) => {
-          e((k) => k.map((R) => R.id === P.id ? P : R));
-        }
-      ), x = o.getArtboardIdForElement(A.id);
-      if (x)
-        d.current.executeOnArtboard(x, y);
-      else {
-        const P = o.getActiveArtboardId();
-        P && d.current.executeOnArtboard(P, y);
-      }
-      c();
-    },
-    [e, o, c, i]
-  ), O = a(
-    (s, A, y, x) => {
-      const P = A || o.getActiveArtboardId();
-      if (!P) {
-        Ae.warn("No active artboard to add element to");
-        return;
-      }
-      const k = new ct(
-        s,
-        (R) => {
-          const N = R;
-          e((v) => {
-            if (x) {
-              const U = v.findIndex((F) => F.id === x);
-              if (U !== -1) {
-                const F = [...v];
-                return F.splice(U, 0, N), F;
-              }
-            }
-            if (y) {
-              const U = v.findIndex((F) => F.id === y);
-              if (U !== -1) {
-                const F = [...v];
-                return F.splice(U + 1, 0, N), F;
-              }
-              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 Y = j.clone();
-                    Y.children.splice(ne + 1, 0, N);
-                    const J = [...v];
-                    return J[F] = Y, J;
-                  }
-                }
-              }
-            }
-            return [...v, N];
-          }), o.addElementToArtboard(R.id, P);
-        },
-        (R) => {
-          e((N) => N.filter((v) => v.id !== R)), o.removeElementFromArtboard(R);
-        }
-      );
-      d.current.executeOnArtboard(P, k), c();
-    },
-    [e, o, c]
-  ), D = a(
-    (s) => {
-      i(s, "delete");
-      const A = o.getArtboardIdForElement(s.id);
-      if (!A) {
-        Ae.warn("Element not found in any artboard");
-        return;
-      }
-      const y = new dt(
-        s,
-        (x) => {
-          e((P) => [...P, x]), o.addElementToArtboard(x.id, A);
-        },
-        (x) => {
-          e((P) => P.filter((k) => k.id !== x)), o.removeElementFromArtboard(x);
-        }
-      );
-      d.current.executeOnArtboard(A, y), c();
-    },
-    [e, o, c, i]
-  ), w = a(
-    (s) => {
-      const A = new at(s, o);
-      d.current.executeGlobal(A), c(), n == null || n();
-    },
-    [o, c, n]
-  ), L = a(
-    (s) => {
-      const A = new lt(s, o);
-      d.current.executeGlobal(A), c(), n == null || n();
-    },
-    [o, c, n]
-  ), p = a(
-    (s, A, y) => {
-      const x = new ut(s, A, y, o);
-      d.current.executeGlobal(x), c(), n == null || n();
-    },
-    [o, c, n]
-  ), f = a(
-    (s) => {
-      if (s.length === 0)
-        return;
-      const A = o.getActiveArtboardId();
-      if (!A) {
-        Ae.warn("No active artboard for batch execution");
-        return;
-      }
-      const y = s.map((x) => new class extends Object {
-        execute() {
-          x.execute();
-        }
-        undo() {
-          x.undo();
-        }
-      }());
-      d.current.executeBatchOnArtboard(A, y), c();
-    },
-    [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();
-    },
-    [c]
-  ), B = me(null);
-  ve(() => {
-    const s = o.getActiveArtboardId();
-    s !== B.current && (B.current = s, c());
-  });
-  const $ = a(
-    (s, A, y) => {
-      const x = t.map((R) => R.id), P = o.getArtboardIdForElement(s);
-      if (!P) {
-        Ae.warn("Element not found in any artboard");
-        return;
-      }
-      const k = new mt(s, A, y, x, (R) => {
-        e((N) => {
-          const v = new Map(N.map((U) => [U.id, U]));
-          return R.map((U) => v.get(U)).filter(Boolean);
-        });
-      });
-      d.current.executeOnArtboard(P, k), c();
-    },
-    [t, e, o, c]
-  );
-  return {
-    // Element operations
-    executeElementUpdate: V,
-    executeAddElement: O,
-    executeRemoveElement: D,
-    executeReorderElement: $,
-    // Batch operations
-    executeCommandBatch: f,
-    // Artboard operations
-    executeCreateArtboard: w,
-    executeDeleteArtboard: L,
-    executeUpdateArtboard: p,
-    // Undo/redo (smart - considers last operation and active artboard)
-    undo: g,
-    redo: z,
-    // Undo/redo for active artboard only (element operations)
-    undoActiveArtboard: T,
-    redoActiveArtboard: b,
-    clearHistory: _,
-    clearArtboardHistory: te,
-    // State (smart - considers last operation)
-    canUndo: r.canUndo,
-    canRedo: r.canRedo,
-    // State for active artboard only
-    canUndoActiveArtboard: r.canUndoActiveArtboard,
-    canRedoActiveArtboard: r.canRedoActiveArtboard,
-    historyManager: d.current
-  };
-}
-function oe(t) {
-  return t && "fontSize" in t && "color" in t && "fontFamily" in t;
-}
-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, 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(At, Math.min(pt, o + p));
-      n(f);
-      const g = t.clone();
-      g.transformType === "circle" && "setEffectiveFontSize" in g ? g.setEffectiveFontSize(f) : g.setFontSize(f), e(g);
-    },
-    [t, o, e]
-  ), O = a(
-    (p) => {
-      if (!t || !oe(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 = a(
-    (p) => {
-      if (!t || !oe(t)) return;
-      l(p);
-      const f = t.clone();
-      if (f.color = p, f.richText)
-        for (const g of f.richText.spans)
-          g.style.color = void 0;
-      e(f);
-    },
-    [t, e]
-  ), w = a(
-    (p) => {
-      if (!t || !oe(t)) return;
-      const f = t.fontFamily;
-      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;
-      c(p);
-      const f = t.clone();
-      f.textAlign = p, e(f);
-    },
-    [t, e]
-  );
-  return {
-    // State
-    fontSize: o,
-    fontColor: d,
-    fontFamily: i,
-    textAlign: u,
-    // State setters (for UI only)
-    setFontSize: n,
-    setFontColor: l,
-    setFontFamily: r,
-    setTextAlign: c,
-    // Update functions (update element + UI)
-    updateFontSize: V,
-    setFontSizeValue: O,
-    updateFontColor: D,
-    updateFontFamily: w,
-    updateTextAlign: L
-  };
-}
-const Ze = "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}` : "", d = e.className ? `.${String(e.className).split(" ").slice(0, 2).join(".")}` : "";
-    if (o.push(`${e.tagName.toLowerCase()}${n}${d}`), e.hasAttribute(Ze))
-      return !0;
-    const l = e.getAttribute("role");
-    if (l === "dialog" || l === "alertdialog" || l === "menu" || l === "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 Kt = {
-  [Ze]: ""
-};
-function Rt(t) {
-  const e = Ge(t);
-  return e !== null && e < 0.5;
-}
-function Mt(t) {
-  const e = Ge(t);
-  return e !== null && e >= 0.5;
-}
-function Ge(t) {
-  const e = t.trim();
-  if (e.startsWith("#")) {
-    const n = e.slice(1);
-    let d, l, i;
-    if (n.length === 3)
-      d = parseInt(n[0] + n[0], 16), l = parseInt(n[1] + n[1], 16), i = parseInt(n[2] + n[2], 16);
-    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 : Be(d, l, i);
-  }
-  const o = e.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
-  return o ? Be(Number(o[1]), Number(o[2]), Number(o[3])) : null;
-}
-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 vt = "#333333", zt = "#f4f4f5";
-function Ot(t) {
-  return t && Rt(t) ? zt : vt;
-}
-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, c] = E(!1), [V, O] = E(1), D = a(() => {
-    O(1), r({ x: 0, y: 0 });
-  }, []), w = a(() => {
-    l((z) => Math.min(z + _e, Ht));
-  }, []), L = a(() => {
-    l((z) => Math.max(z - _e, Ut));
-  }, []), p = a(() => {
-    const z = e.getActiveArtboard();
-    if (!z || !o.current) return;
-    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,
-      _ * n / z.height,
-      1
-      // Never zoom in beyond 100%
-    );
-    l(te), r({ x: 0, y: 0 });
-  }, [e, o, n]), f = a(() => {
-    l(1), r({ x: 0, y: 0 });
-  }, []), g = q(
-    () => ({
-      zoom: d,
-      panOffset: i,
-      isPanning: u,
-      zoomIn: w,
-      zoomOut: L,
-      zoomToFit: p,
-      resetView: f,
-      setZoom: l,
-      setPanOffset: r,
-      setIsPanning: c,
-      userZoom: V,
-      setUserZoom: O,
-      resetUserView: D
-    }),
-    [d, i, u, w, L, p, f, V, D]
-  );
-  return /* @__PURE__ */ H(Xe.Provider, { value: g, children: t });
-};
-function Nt() {
-  const t = X(Xe);
-  if (!t)
-    throw new Error("useViewportContext must be used within a ViewportProvider (or EditorProvider)");
-  return t;
-}
-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);
-  }, []), w = q(
-    () => ({
-      selectedId: e,
-      multiSelection: n,
-      activeChildElement: l,
-      hoveredElementId: r,
-      hideHandles: c,
-      setSelectedId: o,
-      setMultiSelection: d,
-      setHoveredElementId: u,
-      setHideHandles: V,
-      handleSelectionChange: O,
-      handleActiveChildChange: D
-    }),
-    [
-      e,
-      n,
-      l,
-      r,
-      c,
-      O,
-      D
-    ]
-  );
-  return /* @__PURE__ */ H(je.Provider, { value: w, children: t });
-};
-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), Bt = ({ 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(Ye.Provider, { value: o, children: t });
-};
-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), _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,
-      isToolbarMenuOpen: n,
-      setIsToolbarMenuOpen: d,
-      textSelectionVersion: l,
-      setTextSelectionVersion: i,
-      isCanvasReady: r,
-      setCanvasReady: u,
-      isRotating: c,
-      setIsRotating: V
-    }),
-    [e, n, l, r, c]
-  );
-  return /* @__PURE__ */ H(Je.Provider, { value: O, children: t });
-};
-function kt() {
-  const t = X(Je);
-  if (!t)
-    throw new Error("useToolStateContext must be used within a ToolStateProvider (or EditorProvider)");
-  return t;
-}
-const Ke = Q(null), $t = ({ 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(Ke.Provider, { value: o, children: t });
-};
-function Qt() {
-  const t = X(Ke);
-  if (!t)
-    throw new Error("useElementsContext must be used within an ElementsProvider (or EditorProvider)");
-  return t;
-}
-const Me = Q(null), Wt = ({ 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(Me.Provider, { value: o, children: t });
-};
-function en() {
-  const t = X(Me);
-  if (!t)
-    throw new Error("useCommandContext must be used within a CommandProvider (or EditorProvider)");
-  return t;
-}
-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;
-}, 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 Ne()
-  ), p = q(() => w.toArray(), [w]), f = a((m) => {
-    L((h) => {
-      const I = h.toArray(), C = typeof m == "function" ? m(I) : m;
-      return C === I ? h : Ne.fromArray(C);
-    });
-  }, []), g = a(
-    (m) => w.get(m),
-    [w]
-  ), [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: $,
-    executeRemoveElement: s,
-    executeReorderElement: A,
-    executeCommandBatch: y,
-    executeCreateArtboard: x,
-    executeDeleteArtboard: P,
-    executeUpdateArtboard: k,
-    undo: R,
-    redo: N,
-    canUndo: v,
-    canRedo: U,
-    undoActiveArtboard: F,
-    redoActiveArtboard: j,
-    canUndoActiveArtboard: ne,
-    canRedoActiveArtboard: Y
-  } = Pt(
-    p,
-    f,
-    e,
-    _
-  ), J = a(
-    (m) => {
-      const h = w.get(m.id);
-      B(h, m);
-    },
-    [w, B]
-  ), et = a(
-    (m) => {
-      if (!b || !(b instanceof ke))
-        return;
-      const h = b.clone(), I = h.children.findIndex(
-        (C) => C.id === m.id
-      );
-      I >= 0 && (h.children[I] = m, J(h));
-    },
-    [b, J]
-  ), 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 Oe;
-      const I = e.getActiveArtboardId();
-      if (!I) {
-        alert("Please create or select an artboard first");
-        return;
-      }
-      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 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 ? "" : ue,
-          transformData: {
-            type: "image",
-            width: ee,
-            height: ee,
-            cropX: 0,
-            cropY: 0,
-            cropWidth: 1,
-            cropHeight: 1,
-            flipHorizontal: !1,
-            flipVertical: !1,
-            borderRadius: 0
-          }
-        });
-        K && (G.imageLoaded = !1, G.imageElement = null, G.isCropping = !1, G.imageUrl = K, G.preserveDimensions = !1, G.onLoadCallback = (M) => {
-          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 Z = {
-        text: "custom",
-        circle: "circle",
-        wave: "wave",
-        arch: "arch",
-        shape: "shape"
-      }[m] || "custom", ae = Et(Z);
-      if (!ae || !ae.Component)
-        return;
-      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 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: ue,
-            width: ee,
-            height: K,
-            fillColor: "#3b82f6",
-            fillOpacity: 1
-          }
-        });
-      } else
-        ce = new ae.Component({
-          id: C,
-          text: "New Text",
-          x: ie,
-          y: se,
-          fontSize: ot,
-          fontFamily: "Poppins",
-          color: Ot(S == null ? void 0 : S.backgroundColor),
-          transformData: Z === "arch" ? {
-            type: "arch",
-            width: Fe,
-            archHeight: bt.archHeight
-          } : Z === "wave" ? {
-            type: "wave",
-            width: Fe,
-            amplitude: De.amplitude,
-            frequency: De.frequency
-          } : Z === "circle" ? {
-            type: "circle",
-            radius: Fe / 2
-          } : void 0
-        });
-      e.addElementToArtboard(C, I), $(
-        ce,
-        I,
-        r.selectedId || void 0
-      ), r.setSelectedId(C);
-    },
-    [e, $, B, r, i.zoom, n]
-  ), Te = a(() => {
-    const m = [];
-    if (r.multiSelection.length > 0) {
-      const h = p.filter(
-        (I) => r.multiSelection.includes(I.id)
-      );
-      m.push(...h);
-    } else b && m.push(b);
-    if (m.length > 0) {
-      const h = m.map((I) => I.clone());
-      T(h);
-    }
-  }, [b, r.multiSelection, p]), Pe = a(() => {
-    if (z.length === 0) return;
-    const m = [], h = 30, I = 30;
-    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
-      )), Z || (Z = e.getActiveArtboardId()), !Z) {
-        Zt.warn("[handlePasteElements] No artboard found for pasting");
-        return;
-      }
-      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,
-    $,
-    r
-  ]), fe = a(() => {
-    if (u.expandedPanelType === "crop" && (b == null ? void 0 : b.transformType) === "image") {
-      const m = b;
-      if (m.isCropping) {
-        const h = m.clone();
-        h.exitCropMode(), B(m, h);
-      }
-    }
-    u.setExpandedPanelType(null);
-  }, [
-    u.expandedPanelType,
-    u.setExpandedPanelType,
-    b,
-    B
-  ]);
-  ve(() => {
-    const m = (h) => {
-      const I = h.target;
-      if (I.tagName === "CANVAS" || Ft(I))
-        return;
-      const S = document.activeElement;
-      if (S != null && S.hasAttribute("data-preserve-selection")) {
-        S.blur();
-        return;
-      }
-      if (u.expandedPanelType !== null) {
-        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, fe, r]);
-  const Ce = a(
-    (m, h, I) => {
-      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]
-  ), ze = 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: u.expandedPanelType,
-    setExpandedPanelType: u.setExpandedPanelType,
-    isToolbarMenuOpen: u.isToolbarMenuOpen,
-    setIsToolbarMenuOpen: u.setIsToolbarMenuOpen,
-    textSelectionVersion: u.textSelectionVersion,
-    setTextSelectionVersion: u.setTextSelectionVersion,
-    isCanvasReady: u.isCanvasReady,
-    setCanvasReady: u.setCanvasReady,
-    isRotating: u.isRotating,
-    setIsRotating: u.setIsRotating,
-    // Cross-context handler
-    clearExpandedPanel: fe,
-    // Core state (element/artboard domain)
-    artboardManager: e,
-    artboards: c,
-    elements: p,
-    elementStore: w,
-    getElementById: g,
-    // Derived state (cross-context)
-    selectedElement: b,
-    // Refs
-    canvasRef: o,
-    canvasEditorRef: n,
-    // Element setters
-    setElements: f,
-    // Artboard version counter
-    artboardVersion: O,
-    // Handlers
-    refreshArtboards: _,
-    handleElementUpdate: J,
-    handleAddElement: ge,
-    handleLoadWorkspace: Ce,
-    handleCopyElements: Te,
-    handlePasteElements: Pe,
-    // Command history (undo/redo actions + execute functions)
-    historyManager: te,
-    executeElementUpdate: B,
-    executeAddElement: $,
-    executeRemoveElement: s,
-    executeReorderElement: A,
-    executeCommandBatch: y,
-    executeCreateArtboard: x,
-    executeDeleteArtboard: P,
-    executeUpdateArtboard: k,
-    undo: R,
-    redo: N,
-    canUndo: v,
-    canRedo: U,
-    undoActiveArtboard: F,
-    redoActiveArtboard: j,
-    canUndoActiveArtboard: ne,
-    canRedoActiveArtboard: Y,
-    // Element properties
-    fontSize: pe,
-    fontColor: he,
-    fontFamily: xe,
-    textAlign: ye,
-    updateFontSize: Ee,
-    setFontSizeValue: Se,
-    updateFontColor: be,
-    updateFontFamily: Ie,
-    updateTextAlign: we
-  }), [
-    // 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
-    u.expandedPanelType,
-    u.setExpandedPanelType,
-    u.isToolbarMenuOpen,
-    u.setIsToolbarMenuOpen,
-    u.textSelectionVersion,
-    u.setTextSelectionVersion,
-    u.isCanvasReady,
-    u.setCanvasReady,
-    u.isRotating,
-    u.setIsRotating,
-    fe,
-    // Element/artboard domain
-    e,
-    c,
-    p,
-    w,
-    g,
-    b,
-    o,
-    n,
-    f,
-    O,
-    _,
-    J,
-    ge,
-    Ce,
-    Te,
-    Pe,
-    // Command history
-    te,
-    B,
-    $,
-    s,
-    A,
-    y,
-    x,
-    P,
-    k,
-    R,
-    N,
-    v,
-    U,
-    F,
-    j,
-    ne,
-    Y,
-    // Element properties
-    pe,
-    he,
-    xe,
-    ye,
-    Ee,
-    Se,
-    be,
-    Ie,
-    we
-  ]);
-  return d.current = ze, /* @__PURE__ */ H(Qe.Provider, { value: l, children: /* @__PURE__ */ H(
-    Bt,
-    {
-      value: {
-        undo: R,
-        redo: N,
-        canUndo: v,
-        canRedo: U,
-        undoActiveArtboard: F,
-        redoActiveArtboard: j,
-        canUndoActiveArtboard: ne,
-        canRedoActiveArtboard: Y
-      },
-      children: /* @__PURE__ */ H(
-        $t,
-        {
-          value: {
-            elements: p,
-            elementStore: w,
-            artboards: c,
-            artboardManager: e,
-            artboardVersion: O,
-            setElements: f,
-            refreshArtboards: _,
-            getElementById: g,
-            handleAddElement: ge,
-            handleElementUpdate: J,
-            handleLoadWorkspace: Ce,
-            handleCopyElements: Te,
-            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(
-            Wt,
-            {
-              value: {
-                executeElementUpdate: B,
-                executeAddElement: $,
-                executeRemoveElement: s,
-                executeReorderElement: A,
-                executeCommandBatch: y,
-                executeCreateArtboard: x,
-                executeDeleteArtboard: P,
-                executeUpdateArtboard: k,
-                undo: R,
-                redo: N,
-                canUndo: v,
-                canRedo: U,
-                undoActiveArtboard: F,
-                redoActiveArtboard: j,
-                canUndoActiveArtboard: ne,
-                canRedoActiveArtboard: Y,
-                historyManager: te
-              },
-              children: /* @__PURE__ */ H(qe.Provider, { value: ze, children: t })
-            }
-          )
-        }
-      )
-    }
-  ) });
-}, nn = ({
-  children: t,
-  initialArtboardConfig: e = {},
-  viewPadding: o = 0.9
-}) => {
-  const [n] = E(() => {
-    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 || ht
-    };
-    return i.createArtboard(r), i;
-  }), d = me(null), l = me(null);
-  return /* @__PURE__ */ H(
-    Vt,
-    {
-      artboardManager: n,
-      canvasRef: d,
-      viewPadding: o,
-      children: /* @__PURE__ */ H(Dt, { children: /* @__PURE__ */ H(_t, { children: /* @__PURE__ */ H(
-        Gt,
-        {
-          artboardManager: n,
-          canvasRef: d,
-          canvasEditorRef: l,
-          children: t
-        }
-      ) }) })
-    }
-  );
-}, 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,
-  nn as E,
-  Ze as P,
-  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=editorErrors-B2mb1sVN.js.map