@snowcone-app/canvas 0.16.0 → 0.17.1

package/dist/ThemeContext-D9AaUw9v.js

@@ -1,1200 +0,0 @@
-import { jsx as V } from "react/jsx-runtime";
-import { useRef as fe, useState as y, useCallback as l, useEffect as ne, createContext as Q, useContext as q, useMemo as K } from "react";
-import { c as He, ai as qe, b3 as et, b4 as tt, G as Ve, b5 as nt, b6 as ot, b7 as rt, b8 as it, b9 as st, C as ct, ba as dt, bb as at, bc as lt, ad as ut, ag as ze, I as mt, g as ft, S as ht, aa as At, a9 as Oe } from "./HybridHistoryManager-NL3zyEl4.js";
-const ue = He("useCommandHistory");
-function pt(t, e, o, r) {
-  const i = fe(new qe(o)), [n, c] = y({
-    canUndo: !1,
-    canRedo: !1,
-    // Per-artboard state for the active artboard
-    canUndoActiveArtboard: !1,
-    canRedoActiveArtboard: !1
-  }), s = l(() => {
-    const d = i.current, f = o.getActiveArtboardId();
-    c({
-      canUndo: d.canUndo(),
-      canRedo: d.canRedo(),
-      // Per-artboard state - only check active artboard's history
-      canUndoActiveArtboard: f ? d.canUndoArtboard(f) : !1,
-      canRedoActiveArtboard: f ? d.canRedoArtboard(f) : !1
-    });
-  }, [o]), C = l(
-    (d, f) => {
-      const k = new et(
-        f.id,
-        d || null,
-        f,
-        (g) => {
-          e((W) => W.map((O) => O.id === g.id ? g : O));
-        }
-      ), I = o.getArtboardIdForElement(f.id);
-      if (I)
-        i.current.executeOnArtboard(I, k);
-      else {
-        const g = o.getActiveArtboardId();
-        g && i.current.executeOnArtboard(g, k);
-      }
-      s();
-    },
-    [e, o, s]
-  ), v = l(
-    (d, f, k, I) => {
-      const g = f || o.getActiveArtboardId();
-      if (!g) {
-        ue.warn("No active artboard to add element to");
-        return;
-      }
-      const W = new tt(
-        d,
-        (O) => {
-          const N = O;
-          e((U) => {
-            if (I) {
-              const H = U.findIndex((F) => F.id === I);
-              if (H !== -1) {
-                const F = [...U];
-                return F.splice(H, 0, N), F;
-              }
-            }
-            if (k) {
-              const H = U.findIndex((F) => F.id === k);
-              if (H !== -1) {
-                const F = [...U];
-                return F.splice(H + 1, 0, N), F;
-              }
-              for (let F = 0; F < U.length; F++) {
-                const G = U[F];
-                if (G instanceof Ve && G.children) {
-                  const ee = G.children.findIndex((X) => X.id === k);
-                  if (ee !== -1) {
-                    const X = G.clone();
-                    X.children.splice(ee + 1, 0, N);
-                    const Y = [...U];
-                    return Y[F] = X, Y;
-                  }
-                }
-              }
-            }
-            return [...U, N];
-          }), o.addElementToArtboard(O.id, g);
-        },
-        (O) => {
-          e((N) => N.filter((U) => U.id !== O)), o.removeElementFromArtboard(O);
-        }
-      );
-      i.current.executeOnArtboard(g, W), s();
-    },
-    [e, o, s]
-  ), D = l(
-    (d) => {
-      const f = o.getArtboardIdForElement(d.id);
-      if (!f) {
-        ue.warn("Element not found in any artboard");
-        return;
-      }
-      const k = new nt(
-        d,
-        (I) => {
-          e((g) => [...g, I]), o.addElementToArtboard(I.id, f);
-        },
-        (I) => {
-          e((g) => g.filter((W) => W.id !== I)), o.removeElementFromArtboard(I);
-        }
-      );
-      i.current.executeOnArtboard(f, k), s();
-    },
-    [e, o, s]
-  ), x = l(
-    (d) => {
-      const f = new ot(d, o);
-      i.current.executeGlobal(f), s(), r == null || r();
-    },
-    [o, s, r]
-  ), p = l(
-    (d) => {
-      const f = new rt(d, o);
-      i.current.executeGlobal(f), s(), r == null || r();
-    },
-    [o, s, r]
-  ), E = l(
-    (d, f, k) => {
-      const I = new it(d, f, k, o);
-      i.current.executeGlobal(I), s(), r == null || r();
-    },
-    [o, s, r]
-  ), w = l(
-    (d) => {
-      if (d.length === 0)
-        return;
-      const f = o.getActiveArtboardId();
-      if (!f) {
-        ue.warn("No active artboard for batch execution");
-        return;
-      }
-      const k = d.map((I) => new class extends Object {
-        execute() {
-          I.execute();
-        }
-        undo() {
-          I.undo();
-        }
-      }());
-      i.current.executeBatchOnArtboard(f, k), s();
-    },
-    [o, s]
-  ), u = l(() => {
-    i.current.undo() && (s(), r == null || r());
-  }, [s, r]), m = l(() => {
-    i.current.redo() && (s(), r == null || r());
-  }, [s, r]), P = l(() => {
-    const d = o.getActiveArtboardId();
-    d && i.current.undoArtboard(d) && (s(), r == null || r());
-  }, [o, s, r]), h = l(() => {
-    const d = o.getActiveArtboardId();
-    d && i.current.redoArtboard(d) && (s(), r == null || r());
-  }, [o, s, r]), b = l(() => {
-    i.current.clear(), s();
-  }, [s]), _ = l(
-    (d) => {
-      i.current.clearArtboardHistory(d), s();
-    },
-    [s]
-  ), z = fe(null);
-  ne(() => {
-    const d = o.getActiveArtboardId();
-    d !== z.current && (z.current = d, s());
-  });
-  const L = l(
-    (d, f, k) => {
-      const I = t.map((O) => O.id), g = o.getArtboardIdForElement(d);
-      if (!g) {
-        ue.warn("Element not found in any artboard");
-        return;
-      }
-      const W = new st(d, f, k, I, (O) => {
-        e((N) => {
-          const U = new Map(N.map((H) => [H.id, H]));
-          return O.map((H) => U.get(H)).filter(Boolean);
-        });
-      });
-      i.current.executeOnArtboard(g, W), s();
-    },
-    [t, e, o, s]
-  );
-  return {
-    // Element operations
-    executeElementUpdate: C,
-    executeAddElement: v,
-    executeRemoveElement: D,
-    executeReorderElement: L,
-    // Batch operations
-    executeCommandBatch: w,
-    // Artboard operations
-    executeCreateArtboard: x,
-    executeDeleteArtboard: p,
-    executeUpdateArtboard: E,
-    // Undo/redo (smart - considers last operation and active artboard)
-    undo: u,
-    redo: m,
-    // Undo/redo for active artboard only (element operations)
-    undoActiveArtboard: P,
-    redoActiveArtboard: h,
-    clearHistory: b,
-    clearArtboardHistory: _,
-    // State (smart - considers last operation)
-    canUndo: n.canUndo,
-    canRedo: n.canRedo,
-    // State for active artboard only
-    canUndoActiveArtboard: n.canUndoActiveArtboard,
-    canRedoActiveArtboard: n.canRedoActiveArtboard,
-    historyManager: i.current
-  };
-}
-function te(t) {
-  return t && "fontSize" in t && "color" in t && "fontFamily" in t;
-}
-function xt(t, e) {
-  const [o, r] = y(32), [i, n] = y("#333333"), [c, s] = y("Arial"), [C, v] = y("center");
-  ne(() => {
-    if (t && te(t)) {
-      const u = t.transformType === "circle" && "getEffectiveFontSize" in t ? Math.round(t.getEffectiveFontSize()) : Math.round(t.fontSize), m = t.color, P = t.fontFamily, h = t.textAlign;
-      r((b) => b !== u ? u : b), n((b) => b !== m ? m : b), s((b) => b !== P ? P : b), v((b) => b !== h ? h : b);
-    }
-  }, [t]);
-  const D = l(
-    (u) => {
-      if (!t || !te(t)) return;
-      const m = Math.max(dt, Math.min(at, o + u));
-      r(m);
-      const P = t.clone();
-      P.transformType === "circle" && "setEffectiveFontSize" in P ? P.setEffectiveFontSize(m) : P.setFontSize(m), e(P);
-    },
-    [t, o, e]
-  ), x = l(
-    (u) => {
-      if (!t || !te(t)) return;
-      r(u);
-      const m = t.clone();
-      m.transformType === "circle" && "setEffectiveFontSize" in m ? m.setEffectiveFontSize(u) : m.setFontSize(u), e(m);
-    },
-    [t, e]
-  ), p = l(
-    (u) => {
-      if (!t || !te(t)) return;
-      n(u);
-      const m = t.clone();
-      if (m.color = u, m.richText)
-        for (const P of m.richText.spans)
-          P.style.color = void 0;
-      e(m);
-    },
-    [t, e]
-  ), E = l(
-    (u) => {
-      if (!t || !te(t)) return;
-      const m = t.fontFamily;
-      m !== u && ct.clearCache(m), s(u);
-      const P = t.clone();
-      P.fontFamily = u, e(P);
-    },
-    [t, e]
-  ), w = l(
-    (u) => {
-      if (!t || !te(t)) return;
-      v(u);
-      const m = t.clone();
-      m.textAlign = u, e(m);
-    },
-    [t, e]
-  );
-  return {
-    // State
-    fontSize: o,
-    fontColor: i,
-    fontFamily: c,
-    textAlign: C,
-    // State setters (for UI only)
-    setFontSize: r,
-    setFontColor: n,
-    setFontFamily: s,
-    setTextAlign: v,
-    // Update functions (update element + UI)
-    updateFontSize: D,
-    setFontSizeValue: x,
-    updateFontColor: p,
-    updateFontFamily: E,
-    updateTextAlign: w
-  };
-}
-const Ne = "data-preserve-selection";
-function yt(t) {
-  if (!(t instanceof Element))
-    return !1;
-  let e = t;
-  const o = [];
-  for (; e; ) {
-    const r = e.id ? `#${e.id}` : "", i = e.className ? `.${String(e.className).split(" ").slice(0, 2).join(".")}` : "";
-    if (o.push(`${e.tagName.toLowerCase()}${r}${i}`), e.hasAttribute(Ne))
-      return !0;
-    const n = e.getAttribute("role");
-    if (n === "dialog" || n === "alertdialog" || n === "menu" || n === "listbox")
-      return !0;
-    const c = e.getAttribute("data-slot");
-    if (c && (c.includes("popover") || c.includes("dialog")) || e.hasAttribute("data-radix-popper-content-wrapper"))
-      return !0;
-    e = e.parentElement;
-  }
-  return !1;
-}
-const Lt = {
-  [Ne]: ""
-};
-function wt(t) {
-  const e = Le(t);
-  return e !== null && e < 0.5;
-}
-function Wt(t) {
-  const e = Le(t);
-  return e !== null && e >= 0.5;
-}
-function Le(t) {
-  const e = t.trim();
-  if (e.startsWith("#")) {
-    const r = e.slice(1);
-    let i, n, c;
-    if (r.length === 3)
-      i = parseInt(r[0] + r[0], 16), n = parseInt(r[1] + r[1], 16), c = parseInt(r[2] + r[2], 16);
-    else if (r.length === 6)
-      i = parseInt(r.slice(0, 2), 16), n = parseInt(r.slice(2, 4), 16), c = parseInt(r.slice(4, 6), 16);
-    else return null;
-    return Number.isNaN(i) || Number.isNaN(n) || Number.isNaN(c) ? null : Ue(i, n, c);
-  }
-  const o = e.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
-  return o ? Ue(Number(o[1]), Number(o[2]), Number(o[3])) : null;
-}
-function Ue(t, e, o) {
-  const r = (i) => {
-    const n = i / 255;
-    return n <= 0.03928 ? n / 12.92 : Math.pow((n + 0.055) / 1.055, 2.4);
-  };
-  return 0.2126 * r(t) + 0.7152 * r(e) + 0.0722 * r(o);
-}
-const bt = "#333333", Et = "#f4f4f5";
-function St(t) {
-  return t && wt(t) ? Et : bt;
-}
-const We = Q(null), It = 0.1, Tt = 4, De = 0.25, gt = ({
-  children: t,
-  artboardManager: e,
-  canvasRef: o,
-  viewPadding: r = 0.9
-}) => {
-  const [i, n] = y(1), [c, s] = y({ x: 0, y: 0 }), [C, v] = y(!1), [D, x] = y(1), p = l(() => {
-    x(1), s({ x: 0, y: 0 });
-  }, []), E = l(() => {
-    n((h) => Math.min(h + De, Tt));
-  }, []), w = l(() => {
-    n((h) => Math.max(h - De, It));
-  }, []), u = l(() => {
-    const h = e.getActiveArtboard();
-    if (!h || !o.current) return;
-    let b = o.current.parentElement, _ = 0, z = 0;
-    for (; b && (_ = b.clientWidth, z = b.clientHeight, !(_ > 0 && z > 0)); )
-      b = b.parentElement;
-    if (!_ || !z) return;
-    const L = Math.min(
-      _ * r / h.width,
-      z * r / h.height,
-      1
-      // Never zoom in beyond 100%
-    );
-    n(L), s({ x: 0, y: 0 });
-  }, [e, o, r]), m = l(() => {
-    n(1), s({ x: 0, y: 0 });
-  }, []), P = K(
-    () => ({
-      zoom: i,
-      panOffset: c,
-      isPanning: C,
-      zoomIn: E,
-      zoomOut: w,
-      zoomToFit: u,
-      resetView: m,
-      setZoom: n,
-      setPanOffset: s,
-      setIsPanning: v,
-      userZoom: D,
-      setUserZoom: x,
-      resetUserView: p
-    }),
-    [i, c, C, E, w, u, m, D, p]
-  );
-  return /* @__PURE__ */ V(We.Provider, { value: P, children: t });
-};
-function Rt() {
-  const t = q(We);
-  if (!t)
-    throw new Error("useViewportContext must be used within a ViewportProvider (or EditorProvider)");
-  return t;
-}
-const _e = Q(null), vt = ({ children: t }) => {
-  const [e, o] = y(null), [r, i] = y([]), [n, c] = y(null), [s, C] = y(null), [v, D] = y(!1), x = l((w) => {
-    o(w);
-  }, []), p = l((w) => {
-    c(w);
-  }, []), E = K(
-    () => ({
-      selectedId: e,
-      multiSelection: r,
-      activeChildElement: n,
-      hoveredElementId: s,
-      hideHandles: v,
-      setSelectedId: o,
-      setMultiSelection: i,
-      setHoveredElementId: C,
-      setHideHandles: D,
-      handleSelectionChange: x,
-      handleActiveChildChange: p
-    }),
-    [
-      e,
-      r,
-      n,
-      s,
-      v,
-      x,
-      p
-    ]
-  );
-  return /* @__PURE__ */ V(_e.Provider, { value: E, children: t });
-};
-function Pt() {
-  const t = q(_e);
-  if (!t)
-    throw new Error("useSelectionContext must be used within a SelectionProvider (or EditorProvider)");
-  return t;
-}
-const Be = Q(null), Ft = ({ children: t, value: e }) => {
-  const o = K(
-    () => ({
-      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__ */ V(Be.Provider, { value: o, children: t });
-};
-function _t() {
-  const t = q(Be);
-  if (!t)
-    throw new Error("useHistoryContext must be used within a HistoryProvider (or EditorProvider)");
-  return t;
-}
-const Ze = Q(null), Ct = ({ children: t }) => {
-  const [e, o] = y(null), [r, i] = y(!1), [n, c] = y(0), [s, C] = y(!1), [v, D] = y(!1), x = K(
-    () => ({
-      expandedPanelType: e,
-      setExpandedPanelType: o,
-      isToolbarMenuOpen: r,
-      setIsToolbarMenuOpen: i,
-      textSelectionVersion: n,
-      setTextSelectionVersion: c,
-      isCanvasReady: s,
-      setCanvasReady: C,
-      isRotating: v,
-      setIsRotating: D
-    }),
-    [e, r, n, s, v]
-  );
-  return /* @__PURE__ */ V(Ze.Provider, { value: x, children: t });
-};
-function kt() {
-  const t = q(Ze);
-  if (!t)
-    throw new Error("useToolStateContext must be used within a ToolStateProvider (or EditorProvider)");
-  return t;
-}
-const $e = Q(null), zt = ({ children: t, value: e }) => {
-  const o = K(
-    () => ({
-      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__ */ V($e.Provider, { value: o, children: t });
-};
-function Bt() {
-  const t = q($e);
-  if (!t)
-    throw new Error("useElementsContext must be used within an ElementsProvider (or EditorProvider)");
-  return t;
-}
-const Ge = Q(null), Ot = ({ children: t, value: e }) => {
-  const o = K(
-    () => ({
-      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__ */ V(Ge.Provider, { value: o, children: t });
-};
-function Zt() {
-  const t = q(Ge);
-  if (!t)
-    throw new Error("useCommandContext must be used within a CommandProvider (or EditorProvider)");
-  return t;
-}
-const Ut = He("EditorContext"), Xe = Q(null), Dt = ({ children: t, artboardManager: e, canvasRef: o, canvasEditorRef: r }) => {
-  const i = Rt(), n = Pt(), c = kt(), [s, C] = y(
-    () => e.getAllArtboards()
-  ), [v, D] = y(0), [x, p] = y(
-    () => new ze()
-  ), E = K(() => x.toArray(), [x]), w = l((a) => {
-    p((A) => {
-      const T = A.toArray(), R = typeof a == "function" ? a(T) : a;
-      return R === T ? A : ze.fromArray(R);
-    });
-  }, []), u = l(
-    (a) => x.get(a),
-    [x]
-  ), [m, P] = y([]), h = n.selectedId ? x.get(n.selectedId) : void 0, b = l(() => {
-    C([...e.getAllArtboards()]), D((a) => a + 1);
-  }, [e]), {
-    historyManager: _,
-    executeElementUpdate: z,
-    executeAddElement: L,
-    executeRemoveElement: d,
-    executeReorderElement: f,
-    executeCommandBatch: k,
-    executeCreateArtboard: I,
-    executeDeleteArtboard: g,
-    executeUpdateArtboard: W,
-    undo: O,
-    redo: N,
-    canUndo: U,
-    canRedo: H,
-    undoActiveArtboard: F,
-    redoActiveArtboard: G,
-    canUndoActiveArtboard: ee,
-    canRedoActiveArtboard: X
-  } = pt(
-    E,
-    w,
-    e,
-    b
-  ), Y = l(
-    (a) => {
-      const A = x.get(a.id);
-      z(A, a);
-    },
-    [x, z]
-  ), Je = l(
-    (a) => {
-      if (!h || !(h instanceof Ve))
-        return;
-      const A = h.clone(), T = A.children.findIndex(
-        (R) => R.id === a.id
-      );
-      T >= 0 && (A.children[T] = a, Y(A));
-    },
-    [h, Y]
-  ), Me = n.activeChildElement || h, je = n.activeChildElement ? Je : Y, {
-    fontSize: he,
-    fontColor: Ae,
-    fontFamily: pe,
-    textAlign: xe,
-    updateFontSize: ye,
-    setFontSizeValue: we,
-    updateFontColor: be,
-    updateFontFamily: Ee,
-    updateTextAlign: Se
-  } = xt(Me, je), Ie = l(
-    async (a, A) => {
-      var Fe;
-      const T = e.getActiveArtboardId();
-      if (!T) {
-        alert("Please create or select an artboard first");
-        return;
-      }
-      const R = `element-${Date.now()}`, S = e.getActiveArtboard(), oe = S ? S.x + S.width / 2 : window.innerWidth / 2, re = S ? S.y + S.height / 2 : window.innerHeight / 2, B = ((Fe = r.current) == null ? void 0 : Fe.getZoom()) || i.zoom || 1;
-      if (a === "image") {
-        const ae = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==", j = 200 / B, J = A == null ? void 0 : A.src, $ = new mt({
-          id: R,
-          x: oe,
-          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: J ? "" : ae,
-          transformData: {
-            type: "image",
-            width: j,
-            height: j,
-            cropX: 0,
-            cropY: 0,
-            cropWidth: 1,
-            cropHeight: 1,
-            flipHorizontal: !1,
-            flipVertical: !1,
-            borderRadius: 0
-          }
-        });
-        J && ($.imageLoaded = !1, $.imageElement = null, $.isCropping = !1, $.imageUrl = J, $.preserveDimensions = !1, $.onLoadCallback = (M) => {
-          const Ce = M.transformData.width, ke = M.transformData.height, Pe = Math.min(j / Ce, j / ke, 1);
-          Pe < 1 && (M.transformData.width = Ce * Pe, M.transformData.height = ke * Pe), M.transformData.cropX = 0, M.transformData.cropY = 0, M.transformData.cropWidth = 1, M.transformData.cropHeight = 1, z($, M);
-        }), L($, T), n.setSelectedId($.id), J && $.loadImage(J);
-        return;
-      }
-      let ie;
-      const Z = {
-        text: "custom",
-        circle: "circle",
-        wave: "wave",
-        arch: "arch",
-        shape: "shape"
-      }[a] || "custom", ce = ft(Z);
-      if (!ce || !ce.Component)
-        return;
-      const de = e.getActiveArtboard(), Qe = de ? Math.min(de.width, de.height) * 0.1 : 80, ve = de ? de.width * 0.5 : 300;
-      if (a === "shape") {
-        const ae = (A == null ? void 0 : A.shapeType) ?? "rectangle";
-        let j = 200 / B, J = 200 / B;
-        ae === "ellipse" ? (j = 150 / B, J = 250 / B) : ae === "line" && (j = 300 / B, J = 8 / B), ie = new ht({
-          id: R,
-          x: oe,
-          y: re,
-          transformData: {
-            type: "shape",
-            shapeType: ae,
-            width: j,
-            height: J,
-            fillColor: "#3b82f6",
-            fillOpacity: 1
-          }
-        });
-      } else
-        ie = new ce.Component({
-          id: R,
-          text: "New Text",
-          x: oe,
-          y: re,
-          fontSize: Qe,
-          fontFamily: "Poppins",
-          color: St(S == null ? void 0 : S.backgroundColor),
-          transformData: Z === "arch" ? {
-            type: "arch",
-            width: ve,
-            archHeight: At.archHeight
-          } : Z === "wave" ? {
-            type: "wave",
-            width: ve,
-            amplitude: Oe.amplitude,
-            frequency: Oe.frequency
-          } : Z === "circle" ? {
-            type: "circle",
-            radius: ve / 2
-          } : void 0
-        });
-      e.addElementToArtboard(R, T), L(
-        ie,
-        T,
-        n.selectedId || void 0
-      ), n.setSelectedId(R);
-    },
-    [e, L, z, n, i.zoom, r]
-  ), Te = l(() => {
-    const a = [];
-    if (n.multiSelection.length > 0) {
-      const A = E.filter(
-        (T) => n.multiSelection.includes(T.id)
-      );
-      a.push(...A);
-    } else h && a.push(h);
-    if (a.length > 0) {
-      const A = a.map((T) => T.clone());
-      P(A);
-    }
-  }, [h, n.multiSelection, E]), ge = l(() => {
-    if (m.length === 0) return;
-    const a = [], A = 30, T = 30;
-    m.forEach((R) => {
-      const S = x.get(R.id), oe = S ? S.x : R.x, re = S ? S.y : R.y, B = R.toJSON();
-      delete B.id;
-      const ie = R.constructor, se = new ie(B);
-      se.x = oe + A, se.y = re + T;
-      let Z = null;
-      if (S && (Z = e.getArtboardIdForElement(
-        S.id
-      )), Z || (Z = e.getActiveArtboardId()), !Z) {
-        Ut.warn("[handlePasteElements] No artboard found for pasting");
-        return;
-      }
-      const ce = S ? S.id : void 0;
-      L(se, Z, ce), a.push(se.id);
-    }), a.length === 1 ? n.handleSelectionChange(a[0]) : a.length > 1 && n.setMultiSelection(a);
-  }, [
-    m,
-    x,
-    e,
-    L,
-    n
-  ]), le = l(() => {
-    if (c.expandedPanelType === "crop" && (h == null ? void 0 : h.transformType) === "image") {
-      const a = h;
-      if (a.isCropping) {
-        const A = a.clone();
-        A.exitCropMode(), z(a, A);
-      }
-    }
-    c.setExpandedPanelType(null);
-  }, [
-    c.expandedPanelType,
-    c.setExpandedPanelType,
-    h,
-    z
-  ]);
-  ne(() => {
-    const a = (A) => {
-      const T = A.target;
-      if (T.tagName === "CANVAS" || yt(T))
-        return;
-      const S = document.activeElement;
-      if (S != null && S.hasAttribute("data-preserve-selection")) {
-        S.blur();
-        return;
-      }
-      if (c.expandedPanelType !== null) {
-        le();
-        return;
-      }
-      n.setSelectedId(null), n.setMultiSelection([]);
-    };
-    return document.addEventListener("pointerdown", a), () => document.removeEventListener("pointerdown", a);
-  }, [c.expandedPanelType, le, n]);
-  const Re = l(
-    (a, A, T) => {
-      e.clear(), a.forEach((R) => {
-        e.createArtboard(R.toJSON());
-      }), T && e.setActiveArtboard(T), C([...e.getAllArtboards()]), D((R) => R + 1), w(A), n.setSelectedId(null);
-    },
-    [e, n, w]
-  ), Ke = K(() => ({
-    // 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: n.selectedId,
-    multiSelection: n.multiSelection,
-    activeChildElement: n.activeChildElement,
-    hoveredElementId: n.hoveredElementId,
-    hideHandles: n.hideHandles,
-    setSelectedId: n.setSelectedId,
-    setMultiSelection: n.setMultiSelection,
-    setHoveredElementId: n.setHoveredElementId,
-    setHideHandles: n.setHideHandles,
-    handleSelectionChange: n.handleSelectionChange,
-    handleActiveChildChange: n.handleActiveChildChange,
-    // From ToolStateContext
-    expandedPanelType: c.expandedPanelType,
-    setExpandedPanelType: c.setExpandedPanelType,
-    isToolbarMenuOpen: c.isToolbarMenuOpen,
-    setIsToolbarMenuOpen: c.setIsToolbarMenuOpen,
-    textSelectionVersion: c.textSelectionVersion,
-    setTextSelectionVersion: c.setTextSelectionVersion,
-    isCanvasReady: c.isCanvasReady,
-    setCanvasReady: c.setCanvasReady,
-    isRotating: c.isRotating,
-    setIsRotating: c.setIsRotating,
-    // Cross-context handler
-    clearExpandedPanel: le,
-    // Core state (element/artboard domain)
-    artboardManager: e,
-    artboards: s,
-    elements: E,
-    elementStore: x,
-    getElementById: u,
-    // Derived state (cross-context)
-    selectedElement: h,
-    // Refs
-    canvasRef: o,
-    canvasEditorRef: r,
-    // Element setters
-    setElements: w,
-    // Artboard version counter
-    artboardVersion: v,
-    // Handlers
-    refreshArtboards: b,
-    handleElementUpdate: Y,
-    handleAddElement: Ie,
-    handleLoadWorkspace: Re,
-    handleCopyElements: Te,
-    handlePasteElements: ge,
-    // Command history (undo/redo actions + execute functions)
-    historyManager: _,
-    executeElementUpdate: z,
-    executeAddElement: L,
-    executeRemoveElement: d,
-    executeReorderElement: f,
-    executeCommandBatch: k,
-    executeCreateArtboard: I,
-    executeDeleteArtboard: g,
-    executeUpdateArtboard: W,
-    undo: O,
-    redo: N,
-    canUndo: U,
-    canRedo: H,
-    undoActiveArtboard: F,
-    redoActiveArtboard: G,
-    canUndoActiveArtboard: ee,
-    canRedoActiveArtboard: X,
-    // Element properties
-    fontSize: he,
-    fontColor: Ae,
-    fontFamily: pe,
-    textAlign: xe,
-    updateFontSize: ye,
-    setFontSizeValue: we,
-    updateFontColor: be,
-    updateFontFamily: Ee,
-    updateTextAlign: Se
-  }), [
-    // Viewport
-    i.zoom,
-    i.panOffset,
-    i.isPanning,
-    i.zoomIn,
-    i.zoomOut,
-    i.zoomToFit,
-    i.resetView,
-    i.setZoom,
-    i.setPanOffset,
-    i.setIsPanning,
-    // Selection
-    n.selectedId,
-    n.multiSelection,
-    n.activeChildElement,
-    n.hoveredElementId,
-    n.hideHandles,
-    n.setSelectedId,
-    n.setMultiSelection,
-    n.setHoveredElementId,
-    n.setHideHandles,
-    n.handleSelectionChange,
-    n.handleActiveChildChange,
-    // Tool state
-    c.expandedPanelType,
-    c.setExpandedPanelType,
-    c.isToolbarMenuOpen,
-    c.setIsToolbarMenuOpen,
-    c.textSelectionVersion,
-    c.setTextSelectionVersion,
-    c.isCanvasReady,
-    c.setCanvasReady,
-    c.isRotating,
-    c.setIsRotating,
-    le,
-    // Element/artboard domain
-    e,
-    s,
-    E,
-    x,
-    u,
-    h,
-    o,
-    r,
-    w,
-    v,
-    b,
-    Y,
-    Ie,
-    Re,
-    Te,
-    ge,
-    // Command history
-    _,
-    z,
-    L,
-    d,
-    f,
-    k,
-    I,
-    g,
-    W,
-    O,
-    N,
-    U,
-    H,
-    F,
-    G,
-    ee,
-    X,
-    // Element properties
-    he,
-    Ae,
-    pe,
-    xe,
-    ye,
-    we,
-    be,
-    Ee,
-    Se
-  ]);
-  return /* @__PURE__ */ V(
-    Ft,
-    {
-      value: {
-        undo: O,
-        redo: N,
-        canUndo: U,
-        canRedo: H,
-        undoActiveArtboard: F,
-        redoActiveArtboard: G,
-        canUndoActiveArtboard: ee,
-        canRedoActiveArtboard: X
-      },
-      children: /* @__PURE__ */ V(
-        zt,
-        {
-          value: {
-            elements: E,
-            elementStore: x,
-            artboards: s,
-            artboardManager: e,
-            artboardVersion: v,
-            setElements: w,
-            refreshArtboards: b,
-            getElementById: u,
-            handleAddElement: Ie,
-            handleElementUpdate: Y,
-            handleLoadWorkspace: Re,
-            handleCopyElements: Te,
-            handlePasteElements: ge,
-            fontSize: he,
-            fontColor: Ae,
-            fontFamily: pe,
-            textAlign: xe,
-            updateFontSize: ye,
-            setFontSizeValue: we,
-            updateFontColor: be,
-            updateFontFamily: Ee,
-            updateTextAlign: Se,
-            canvasRef: o,
-            canvasEditorRef: r
-          },
-          children: /* @__PURE__ */ V(
-            Ot,
-            {
-              value: {
-                executeElementUpdate: z,
-                executeAddElement: L,
-                executeRemoveElement: d,
-                executeReorderElement: f,
-                executeCommandBatch: k,
-                executeCreateArtboard: I,
-                executeDeleteArtboard: g,
-                executeUpdateArtboard: W,
-                undo: O,
-                redo: N,
-                canUndo: U,
-                canRedo: H,
-                undoActiveArtboard: F,
-                redoActiveArtboard: G,
-                canUndoActiveArtboard: ee,
-                canRedoActiveArtboard: X,
-                historyManager: _
-              },
-              children: /* @__PURE__ */ V(Xe.Provider, { value: Ke, children: t })
-            }
-          )
-        }
-      )
-    }
-  );
-}, $t = ({
-  children: t,
-  initialArtboardConfig: e = {},
-  viewPadding: o = 0.9
-}) => {
-  const [r] = y(() => {
-    const c = new ut(), s = {
-      name: e.name || "Artboard 1",
-      x: e.x ?? 0,
-      y: e.y ?? 0,
-      width: e.width ?? 1e3,
-      height: e.height ?? 1e3,
-      backgroundColor: e.backgroundColor || lt
-    };
-    return c.createArtboard(s), c;
-  }), i = fe(null), n = fe(null);
-  return /* @__PURE__ */ V(
-    gt,
-    {
-      artboardManager: r,
-      canvasRef: i,
-      viewPadding: o,
-      children: /* @__PURE__ */ V(vt, { children: /* @__PURE__ */ V(Ct, { children: /* @__PURE__ */ V(
-        Dt,
-        {
-          artboardManager: r,
-          canvasRef: i,
-          canvasEditorRef: n,
-          children: t
-        }
-      ) }) })
-    }
-  );
-}, Gt = () => {
-  const t = q(Xe);
-  if (!t)
-    throw new Error("useEditor must be used within EditorProvider");
-  return t;
-}, Ye = Q(void 0);
-function me() {
-  if (typeof window > "u")
-    return { theme: "light", resolvedTheme: "light", isDark: !1 };
-  const t = document.documentElement.classList.contains("dark"), e = document.documentElement.getAttribute("data-theme");
-  let o = t ? "dark" : "light";
-  e && [
-    "light",
-    "dark",
-    "axis-light",
-    "axis-dark",
-    "ocean-light",
-    "ocean-dark",
-    "sunset-light",
-    "sunset-dark"
-  ].includes(e) && (o = e);
-  let r = t ? "dark" : "light";
-  return o.startsWith("axis") ? r = "axis" : o.startsWith("ocean") ? r = "ocean" : o.startsWith("sunset") && (r = "sunset"), { theme: r, resolvedTheme: o, isDark: t };
-}
-const Xt = ({ children: t, defaultTheme: e = "light", passive: o = !1 }) => {
-  const r = () => typeof window > "u" ? e : o ? me().theme : localStorage.getItem("snowcone-theme") || e, i = () => typeof window > "u" ? "light" : o ? me().resolvedTheme : "light", [n, c] = y(r), [s, C] = y(i);
-  ne(() => {
-    if (!o || typeof window > "u") return;
-    const { resolvedTheme: p, theme: E } = me();
-    C(p), c(E);
-    const w = new MutationObserver(() => {
-      const { resolvedTheme: u, theme: m } = me();
-      C(u), c(m);
-    });
-    return w.observe(document.documentElement, {
-      attributes: !0,
-      attributeFilter: ["class", "data-theme"]
-    }), () => w.disconnect();
-  }, [o]), ne(() => {
-    if (o || typeof window > "u") return;
-    const p = window.matchMedia("(prefers-color-scheme: dark)"), E = (w) => {
-      let u;
-      if (n === "auto")
-        u = w.matches ? "dark" : "light";
-      else {
-        if (n === "light" || n === "dark")
-          return;
-        u = w.matches ? `${n}-dark` : `${n}-light`;
-      }
-      C(u), document.documentElement.setAttribute("data-theme", u), u === "dark" || u.endsWith("-dark") ? (document.documentElement.classList.add("dark"), document.body.classList.add("dark")) : (document.documentElement.classList.remove("dark"), document.body.classList.remove("dark"));
-    };
-    return p.addEventListener("change", E), () => p.removeEventListener("change", E);
-  }, [n, o]), ne(() => {
-    if (o || typeof window > "u") return;
-    let p;
-    const E = window.matchMedia("(prefers-color-scheme: dark)").matches;
-    n === "auto" ? p = E ? "dark" : "light" : n === "light" || n === "dark" ? p = n : p = E ? `${n}-dark` : `${n}-light`, C(p), document.documentElement.setAttribute("data-theme", p), p === "dark" || p.endsWith("-dark") ? (document.documentElement.classList.add("dark"), document.body.classList.add("dark")) : (document.documentElement.classList.remove("dark"), document.body.classList.remove("dark")), localStorage.setItem("snowcone-theme", n);
-  }, [n, o]);
-  const v = (p) => {
-    o || c(p);
-  }, D = s === "dark" || s.endsWith("-dark"), x = {
-    theme: n,
-    resolvedTheme: s,
-    setTheme: v,
-    isDark: D
-  };
-  return /* @__PURE__ */ V(Ye.Provider, { value: x, children: t });
-}, Yt = () => {
-  const t = q(Ye);
-  if (!t)
-    throw new Error("useTheme must be used within ThemeProvider");
-  return t;
-};
-export {
-  $t as E,
-  Ne as P,
-  Xt as T,
-  Rt as a,
-  Zt as b,
-  Bt as c,
-  _t as d,
-  Pt as e,
-  Yt as f,
-  kt as g,
-  Wt as h,
-  wt as i,
-  Lt as p,
-  yt as s,
-  Gt as u
-};
-//# sourceMappingURL=ThemeContext-D9AaUw9v.js.map