@snowcone-app/canvas 0.1.9 → 0.1.12

package/dist/ThemeContext-H0Z-MqqR.js

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