@snowcone-app/canvas 0.1.12 → 0.1.14

package/dist/index.mjs

@@ -1,14 +1,14 @@
-import { T as We, i as Be, r as yt, a as Ue, g as wt, L as Et, E as At, b as St, I as kt, G as Rt, A as It, C as Ct, Z as Mt, M as ze, c as Tt, d as Dt, D as Ft, e as Pt, v as Nt, u as Ht, f as Lt, S as Wt, K as Bt, h as Ut, j as zt } from "./compose-Dqh2f8tS.js";
-import { k as zr, l as $r, m as Or, n as Yr, P as Xr, o as Vr, p as Kr, q as jr } from "./compose-Dqh2f8tS.js";
-import { c as q, p as Xe, s as $t, I as Ve, T as Ot } from "./HybridHistoryManager-jBBnVim8.js";
+import { T as Be, i as Ue, r as yt, a as ze, g as wt, L as Et, E as At, b as St, I as kt, G as Rt, A as It, C as Ct, Z as Mt, M as $e, c as Tt, d as Dt, D as Ft, e as Pt, v as Nt, u as Ht, f as Lt, S as Wt, K as Bt, h as Ut, j as zt } from "./compose-DCYerzAx.js";
+import { k as zr, l as $r, m as Or, n as Yr, P as Xr, o as Vr, p as Kr, q as jr } from "./compose-DCYerzAx.js";
+import { c as q, p as me, s as $t, I as Ve, T as Ot } from "./HybridHistoryManager-jBBnVim8.js";
 import { jsxs as j, jsx as v, Fragment as Ke } from "react/jsx-runtime";
-import { useCallback as W, useMemo as me, Component as Yt, useRef as D, useState as re, useEffect as I, forwardRef as je, useImperativeHandle as Xt } from "react";
-import { u as he, T as $e, E as Vt, a as Se, b as Ge, c as Kt } from "./ThemeContext-wj-wSO7J.js";
-import { C as Ee, E as jt } from "./ImportManager-Oqu2yB54.js";
+import { useCallback as W, useMemo as he, Component as Yt, useRef as D, useState as re, useEffect as I, forwardRef as je, useImperativeHandle as Xt } from "react";
+import { u as ge, T as Oe, E as Vt, a as ke, b as Ge, c as Kt } from "./ThemeContext-wj-wSO7J.js";
+import { C as Ae, E as jt } from "./ImportManager-Oqu2yB54.js";
 import { d as Zr, m as Qr, s as qr, v as Jr } from "./CanvasStateV1-CJU_xYW5.js";
-const Oe = q("useCommands");
+const Ye = q("useCommands");
 function Gt() {
-  const t = he(), {
+  const t = ge(), {
     undo: e,
     redo: r,
     canUndo: a,
@@ -22,9 +22,9 @@ function Gt() {
     executeDeleteArtboard: M,
     executeUpdateArtboard: w
   } = t, S = W(() => {
-    Oe.warn("[useCommands] clearHistory is not yet implemented in EditorContext");
+    Ye.warn("[useCommands] clearHistory is not yet implemented in EditorContext");
   }, []), T = W((E) => {
-    Oe.warn("[useCommands] clearArtboardHistory is not yet implemented in EditorContext");
+    Ye.warn("[useCommands] clearArtboardHistory is not yet implemented in EditorContext");
   }, []);
   return {
     // Undo/Redo
@@ -51,9 +51,9 @@ const Zt = () => {
   const { undo: t, redo: e, canUndo: r, canRedo: a } = Gt();
   return /* @__PURE__ */ j("div", { className: "sc-undo-redo", style: { display: "inline-flex", gap: 4 }, children: [
     /* @__PURE__ */ v(
-      We,
+      Be,
       {
-        icon: Be.undo,
+        icon: Ue.undo,
         onClick: t,
         disabled: !r,
         tooltip: "Undo",
@@ -61,9 +61,9 @@ const Zt = () => {
       }
     ),
     /* @__PURE__ */ v(
-      We,
+      Be,
       {
-        icon: Be.redo,
+        icon: Ue.redo,
         onClick: e,
         disabled: !a,
         tooltip: "Redo",
@@ -72,9 +72,9 @@ const Zt = () => {
     )
   ] });
 }, Qt = q("KitLayout"), te = "canvas";
-let Ye = !1;
+let Xe = !1;
 function qt() {
-  Ye || (Ye = !0, yt({
+  Xe || (Xe = !0, yt({
     LayersPanel: Et,
     EffectsPanel: At,
     ExportPanel: St,
@@ -83,14 +83,14 @@ function qt() {
     ArtboardTabs: It,
     ContextualToolbars: Ct,
     ZoomControls: Mt,
-    MenuButton: ze,
+    MenuButton: $e,
     CropPanel: Tt
-  }), Ue("add-element-menu", {
-    component: ze,
+  }), ze("add-element-menu", {
+    component: $e,
     label: "Add Element",
     icon: "gravity-ui:plus",
     position: "topbar"
-  }), Ue("undo-redo-controls", {
+  }), ze("undo-redo-controls", {
     component: Zt,
     label: "Undo / Redo",
     icon: "lucide:undo-2",
@@ -99,10 +99,11 @@ function qt() {
 }
 function fe({ ids: t }) {
   return !t || t.length === 0 ? null : /* @__PURE__ */ v(Ke, { children: t.map((e) => {
+    var n;
     if (e === te) return null;
     const r = wt(e);
     if (!r)
-      return Xe.env.NODE_ENV === "development" && Qt.warn(
+      return typeof me < "u" && ((n = me.env) == null ? void 0 : n.NODE_ENV) === "development" && Qt.warn(
         `Kit layout references unknown section "${e}" — skipping. Register it with registerSection("${e}", { ... }).`
       ), null;
     const a = r.component;
@@ -113,7 +114,7 @@ function Jt({ kit: t, canvas: e }) {
   var l, m, A, M;
   qt();
   const r = t.layout.slots, a = !!((l = r.topbar) != null && l.some((w) => w !== te)), n = !!((m = r.left) != null && m.some((w) => w !== te)), c = !!((A = r.right) != null && A.some((w) => w !== te)), o = !!((M = r.bottombar) != null && M.some((w) => w !== te));
-  return me(
+  return he(
     () => !a && !n && !c && !o,
     [a, n, c, o]
   ) ? /* @__PURE__ */ v(Ke, { children: e }) : /* @__PURE__ */ j("div", { className: "sc-kit-layout", style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
@@ -552,7 +553,7 @@ function gr(t) {
   return new Promise((e) => setTimeout(e, t));
 }
 const K = q("SnowconeCanvas");
-function Ae(t, e, r, a) {
+function Se(t, e, r, a) {
   if (a <= 0 || !isFinite(a))
     return r;
   const n = t * r, c = e * r;
@@ -586,11 +587,12 @@ const Qe = je((t, e) => {
     style: F,
     enableShortcuts: O,
     overlay: ne
-  } = t, ke = w, J = t.autoExportConfig ?? (r == null ? void 0 : r.autoExportConfig), G = t.autoExportFormat ?? (r == null ? void 0 : r.format) ?? "dataUrl", ge = t.autoExportAll ?? (r == null ? void 0 : r.exportAll) ?? !1, X = t.exportScale ?? (r == null ? void 0 : r.scale) ?? 2, U = t.maxExportSize ?? (r == null ? void 0 : r.maxSize) ?? 4e3, ae = t.exportImageFormat ?? (r == null ? void 0 : r.imageFormat) ?? "png", oe = t.exportImageQuality ?? (r == null ? void 0 : r.imageQuality) ?? 0.92, z = t.initialImage ?? (a == null ? void 0 : a.src), Re = t.initialImageAlignment ?? (a == null ? void 0 : a.alignment) ?? "center", Ie = t.initialImageScale ?? (a == null ? void 0 : a.scale) ?? 1, Ce = t.initialImageScaleMode ?? (a == null ? void 0 : a.scaleMode) ?? "cover", qe = t.width ?? (n == null ? void 0 : n.width) ?? 1200, Je = t.height ?? (n == null ? void 0 : n.height) ?? 1200, _e = t.viewPadding ?? (n == null ? void 0 : n.viewPadding) ?? 0.9, et = t.artboardBorderRadius ?? (n == null ? void 0 : n.artboardBorderRadius) ?? 0, tt = t.fixedMargin ?? (n == null ? void 0 : n.fixedMargin), rt = t.maxHeight ?? (n == null ? void 0 : n.maxHeight), nt = t.showRotationHandle ?? (n == null ? void 0 : n.showRotationHandle) ?? !0, at = t.hideCanvas ?? (n == null ? void 0 : n.hideCanvas) ?? !1, Me = t.canvasWrapperClassName ?? (n == null ? void 0 : n.canvasWrapperClassName), Te = t.canvasWrapperStyle ?? (n == null ? void 0 : n.canvasWrapperStyle), ot = t.canvasCutouts ?? (n == null ? void 0 : n.canvasCutouts), De = t.pieceGuides, st = t.pieceFocus, it = O ?? !0, _ = me(() => Pt(c ?? "pro-studio"), [c]);
+  } = t, Re = w, J = t.autoExportConfig ?? (r == null ? void 0 : r.autoExportConfig), G = t.autoExportFormat ?? (r == null ? void 0 : r.format) ?? "dataUrl", pe = t.autoExportAll ?? (r == null ? void 0 : r.exportAll) ?? !1, X = t.exportScale ?? (r == null ? void 0 : r.scale) ?? 2, U = t.maxExportSize ?? (r == null ? void 0 : r.maxSize) ?? 4e3, ae = t.exportImageFormat ?? (r == null ? void 0 : r.imageFormat) ?? "png", oe = t.exportImageQuality ?? (r == null ? void 0 : r.imageQuality) ?? 0.92, z = t.initialImage ?? (a == null ? void 0 : a.src), Ie = t.initialImageAlignment ?? (a == null ? void 0 : a.alignment) ?? "center", Ce = t.initialImageScale ?? (a == null ? void 0 : a.scale) ?? 1, Me = t.initialImageScaleMode ?? (a == null ? void 0 : a.scaleMode) ?? "cover", qe = t.width ?? (n == null ? void 0 : n.width) ?? 1200, Je = t.height ?? (n == null ? void 0 : n.height) ?? 1200, _e = t.viewPadding ?? (n == null ? void 0 : n.viewPadding) ?? 0.9, et = t.artboardBorderRadius ?? (n == null ? void 0 : n.artboardBorderRadius) ?? 0, tt = t.fixedMargin ?? (n == null ? void 0 : n.fixedMargin), rt = t.maxHeight ?? (n == null ? void 0 : n.maxHeight), nt = t.showRotationHandle ?? (n == null ? void 0 : n.showRotationHandle) ?? !0, at = t.hideCanvas ?? (n == null ? void 0 : n.hideCanvas) ?? !1, Te = t.canvasWrapperClassName ?? (n == null ? void 0 : n.canvasWrapperClassName), De = t.canvasWrapperStyle ?? (n == null ? void 0 : n.canvasWrapperStyle), ot = t.canvasCutouts ?? (n == null ? void 0 : n.canvasCutouts), Fe = t.pieceGuides, st = t.pieceFocus, it = O ?? !0, _ = he(() => Pt(c ?? "pro-studio"), [c]);
   I(() => {
-    if (Xe.env.NODE_ENV === "development" && _) {
-      const s = Nt(_);
-      s.valid || K.warn("Kit validation warnings:", s.errors), s.warnings.length > 0 && K.warn("Kit validation warnings:", s.warnings);
+    var s;
+    if (typeof me < "u" && ((s = me.env) == null ? void 0 : s.NODE_ENV) === "development" && _) {
+      const d = Nt(_);
+      d.valid || K.warn("Kit validation warnings:", d.errors), d.warnings.length > 0 && K.warn("Kit validation warnings:", d.warnings);
     }
   }, [_]);
   const se = D(R);
@@ -599,26 +601,26 @@ const Qe = je((t, e) => {
     var d;
     K.error(`[${s.category}] ${s.message}`, s.originalError), (d = se.current) == null || d.call(se, s);
   }, []);
-  I(() => (Ee.onRenderError = B, () => {
-    Ee.onRenderError === B && (Ee.onRenderError = null);
+  I(() => (Ae.onRenderError = B, () => {
+    Ae.onRenderError === B && (Ae.onRenderError = null);
   }), [B]);
   const {
     elements: V,
     setElements: ie,
-    selectedId: Fe,
+    selectedId: Pe,
     artboardManager: C,
     refreshArtboards: ct,
     historyManager: lt,
-    isCanvasReady: pe,
+    isCanvasReady: be,
     setCanvasReady: ce
-  } = he(), { createArtboard: dt, selectArtboard: ut, artboards: H } = Ht(), { exportArtboard: Z, exportAllArtboards: le, exportArtboardAsBlob: Q, exportAllArtboardsAsBlobs: de } = Lt();
+  } = ge(), { createArtboard: dt, selectArtboard: ut, artboards: H } = Ht(), { exportArtboard: Z, exportAllArtboards: le, exportArtboardAsBlob: Q, exportAllArtboardsAsBlobs: de } = Lt();
   Xt(e, () => ({
     exportArtboards: async (s = {}) => {
       const d = s.format || G, g = s.scale || X, p = s.all ?? !1;
       let f = g;
       if (U > 0 && isFinite(U))
         for (const y of H) {
-          const b = Ae(y.width, y.height, g, U);
+          const b = Se(y.width, y.height, g, U);
           f = Math.min(f, b);
         }
       const u = { scale: f, format: ae, quality: oe };
@@ -647,7 +649,7 @@ const Qe = je((t, e) => {
       const d = C.getActiveArtboard();
       if (!d)
         throw new Error("[SnowconeCanvas] No active artboard found");
-      const g = Ae(
+      const g = Se(
         d.width,
         d.height,
         X,
@@ -656,13 +658,13 @@ const Qe = je((t, e) => {
       return { [d.name]: p };
     });
   }, [N, Z, Q, C, G, X, U]);
-  const [Pe, ue] = re("idle"), [Ne, be] = re(null), ve = D(void 0), xe = D(!1), He = D(!1), [ft, mt] = re(!1), ht = D(0), gt = D(0), ye = D(!1);
+  const [Ne, ue] = re("idle"), [He, ve] = re(null), xe = D(void 0), ye = D(!1), Le = D(!1), [ft, mt] = re(!1), ht = D(0), gt = D(0), we = D(!1);
   I(() => {
-    if (xe.current) return;
-    xe.current = !0;
+    if (ye.current) return;
+    ye.current = !0;
     const s = o || [{ name: "Design", width: qe, height: Je }], d = C.getAllArtboards();
     if (d.length > 0) {
-      const g = s[0], p = d[0], f = De ? "transparent" : void 0;
+      const g = s[0], p = d[0], f = Fe ? "transparent" : void 0;
       p.name = g.name, p.width = g.width, p.height = g.height, p.clipShape = g.clipShape, g.backgroundColor ? p.backgroundColor = g.backgroundColor : f && (p.backgroundColor = f);
       for (let u = 1; u < s.length; u++)
         dt(s[u].width, s[u].height, {
@@ -673,8 +675,8 @@ const Qe = je((t, e) => {
     }
     ct();
   }, []), I(() => {
-    if (!(!m || m.length === 0) && !He.current && xe.current) {
-      He.current = !0, mt(!0);
+    if (!(!m || m.length === 0) && !Le.current && ye.current) {
+      Le.current = !0, mt(!0);
       try {
         const s = jt.createManyFromJSON(m), d = C.getAllArtboards();
         if (d.length > 0) {
@@ -731,29 +733,29 @@ const Qe = je((t, e) => {
     }
   }, [m, C, ie, B]), I(() => {
     if (!i) {
-      ye.current = !0;
+      we.current = !0;
       return;
     }
     const s = H.find((d) => d.name === i);
     if (s) {
       const d = C.getActiveArtboard();
-      (d == null ? void 0 : d.name) !== i && ut(s.id), ye.current = !0;
+      (d == null ? void 0 : d.name) !== i && ut(s.id), we.current = !0;
     }
   }, [i, H]), I(() => {
-    if (!z || ve.current === z) return;
+    if (!z || xe.current === z) return;
     if (V.length > 0) {
-      ve.current = z;
+      xe.current = z;
       return;
     }
-    ve.current = z, (async () => {
-      ue("loading"), be(null);
+    xe.current = z, (async () => {
+      ue("loading"), ve(null);
       try {
         const d = C.getAllArtboards();
         if (d.length === 0)
           throw new Error("No artboards available");
         const g = [];
         for (const p of d) {
-          const f = o == null ? void 0 : o.find((b) => b.name === p.name), u = (f == null ? void 0 : f.scaleMode) || Ce, y = await hr(
+          const f = o == null ? void 0 : o.find((b) => b.name === p.name), u = (f == null ? void 0 : f.scaleMode) || Me, y = await hr(
             z,
             {
               artboard: {
@@ -762,8 +764,8 @@ const Qe = je((t, e) => {
                 x: p.x,
                 y: p.y
               },
-              alignment: (f == null ? void 0 : f.fitAlign) || Re,
-              scale: Ie,
+              alignment: (f == null ? void 0 : f.fitAlign) || Ie,
+              scale: Ce,
               scaleMode: u,
               marginTop: f == null ? void 0 : f.fitMarginTop,
               marginRight: f == null ? void 0 : f.fitMarginRight,
@@ -777,7 +779,7 @@ const Qe = je((t, e) => {
           ie((p) => [...p, ...g]), ue("success"), k == null || k(z);
         else {
           const p = new Error("Failed to load image into any artboard");
-          ue("error"), be(p), h == null || h(z, p), B({
+          ue("error"), ve(p), h == null || h(z, p), B({
             category: "image",
             message: p.message,
             originalError: p,
@@ -786,7 +788,7 @@ const Qe = je((t, e) => {
         }
       } catch (d) {
         const g = d instanceof Error ? d : new Error(String(d));
-        ue("error"), be(g), h == null || h(z, g), B({
+        ue("error"), ve(g), h == null || h(z, g), B({
           category: "image",
           message: g.message,
           originalError: g,
@@ -794,9 +796,9 @@ const Qe = je((t, e) => {
         });
       }
     })();
-  }, [z, Re, Ie, Ce]), I(() => {
-    M == null || M(Fe);
-  }, [Fe, M]), I(() => {
+  }, [z, Ie, Ce, Me]), I(() => {
+    M == null || M(Pe);
+  }, [Pe, M]), I(() => {
     if (!A) return;
     const s = C.getActiveArtboard(), d = {
       elements: V.map((g) => g.toJSON()),
@@ -811,7 +813,7 @@ const Qe = je((t, e) => {
     };
     A(d);
   }, [V, H, A]), I(() => {
-    if (!l || !ye.current) return;
+    if (!l || !we.current) return;
     const s = C.getActiveArtboard();
     s && l(s.name);
   }, [C.getActiveArtboardId()]);
@@ -821,7 +823,7 @@ const Qe = je((t, e) => {
     let g = X;
     if (U > 0 && isFinite(U))
       for (const u of H) {
-        const y = Ae(u.width, u.height, X, U);
+        const y = Se(u.width, u.height, X, U);
         g = Math.min(g, y);
       }
     const p = C.getActiveArtboard(), f = (p == null ? void 0 : p.id) ?? "unknown";
@@ -834,7 +836,7 @@ const Qe = je((t, e) => {
         quality: oe
       };
       if (G === "blob")
-        if (ge) {
+        if (pe) {
           const b = await de(y);
           u = {};
           for (const [P, $] of Object.entries(b)) {
@@ -847,7 +849,7 @@ const Qe = je((t, e) => {
           const P = await Q(b.id, y);
           u = { [b.name]: P };
         }
-      else if (ge) {
+      else if (pe) {
         const b = await le(y);
         u = {};
         for (const [P, $] of Object.entries(b)) {
@@ -879,9 +881,9 @@ const Qe = je((t, e) => {
         recoverable: !0
       });
     }
-  }, [S, E, ge, G, X, U, ae, oe, Z, le, Q, de, H, C, V, J, B]);
+  }, [S, E, pe, G, X, U, ae, oe, Z, le, Q, de, H, C, V, J, B]);
   I(() => {
-    ke !== void 0 && ke > 0 && K.warn(
+    Re !== void 0 && Re > 0 && K.warn(
       "autoExportInterval is deprecated and ignored. Use autoExportConfig={{ enabled: true, debounceMs: 100, maxWaitMs: 1000 }} instead."
     );
   }, []), I(() => {
@@ -891,15 +893,15 @@ const Qe = je((t, e) => {
       const s = C.getActiveArtboard();
       E({ status: "scheduled", artboardId: (s == null ? void 0 : s.id) ?? "unknown" });
     }
-  }, [T, E, C]), vt = !!m && m.length > 0, we = sr({
-    isCanvasReady: pe,
+  }, [T, E, C]), vt = !!m && m.length > 0, Ee = sr({
+    isCanvasReady: be,
     elements: V,
     hasInitialElements: vt,
     initialElementsLoaded: ft
-  }), Le = D(!1);
+  }), We = D(!1);
   I(() => {
-    we && !Le.current && (Le.current = !0, x == null || x());
-  }, [we, x]), rr({
+    Ee && !We.current && (We.current = !0, x == null || x());
+  }, [Ee, x]), rr({
     config: J ? {
       enabled: J.enabled ?? !0,
       debounceMs: J.debounceMs ?? 100,
@@ -913,16 +915,16 @@ const Qe = je((t, e) => {
     elements: V,
     onExport: pt,
     onExportScheduled: bt,
-    isCanvasReady: we
+    isCanvasReady: Ee
     // Gate exports until content is fully ready (fonts loaded, elements deserialized)
   }), I(() => {
-    if (H.length > 0 && !pe) {
+    if (H.length > 0 && !be) {
       const s = requestAnimationFrame(() => {
         ce(!0);
       });
       return () => cancelAnimationFrame(s);
     }
-  }, [H.length, pe, ce]), I(() => () => {
+  }, [H.length, be, ce]), I(() => () => {
     ce(!1);
   }, [ce]);
   const xt = W((s) => {
@@ -933,7 +935,7 @@ const Qe = je((t, e) => {
       recoverable: !1
     });
   }, [B]);
-  return Pe === "loading" ? /* @__PURE__ */ v(
+  return Ne === "loading" ? /* @__PURE__ */ v(
     "div",
     {
       className: L,
@@ -946,7 +948,7 @@ const Qe = je((t, e) => {
       },
       children: /* @__PURE__ */ v(Wt, { size: 48 })
     }
-  ) : Pe === "error" && Ne ? /* @__PURE__ */ v(
+  ) : Ne === "error" && He ? /* @__PURE__ */ v(
     "div",
     {
       className: L,
@@ -961,7 +963,7 @@ const Qe = je((t, e) => {
       },
       children: /* @__PURE__ */ j("div", { className: "text-center", children: [
         /* @__PURE__ */ v("div", { className: "font-medium", children: "Failed to load image" }),
-        /* @__PURE__ */ v("div", { className: "text-sm mt-1 opacity-70", children: Ne.message })
+        /* @__PURE__ */ v("div", { className: "text-sm mt-1 opacity-70", children: He.message })
       ] })
     }
   ) : /* @__PURE__ */ v(Bt, { kit: _, children: /* @__PURE__ */ v("div", { className: `app-modern ${L || ""}`, style: { ...F, position: "relative" }, children: /* @__PURE__ */ j(
@@ -1019,11 +1021,11 @@ const Qe = je((t, e) => {
               showRotationHandle: nt,
               enableShortcuts: it,
               canvasCutouts: ot,
-              pieceGuides: De,
+              pieceGuides: Fe,
               pieceFocus: st
             }
           );
-          return /* @__PURE__ */ v(Jt, { kit: _, canvas: Me || Te ? /* @__PURE__ */ v("div", { className: Me, style: Te, children: s }) : s });
+          return /* @__PURE__ */ v(Jt, { kit: _, canvas: Te || De ? /* @__PURE__ */ v("div", { className: Te, style: De, children: s }) : s });
         })(),
         ne
       ]
@@ -1034,21 +1036,21 @@ Qe.displayName = "SnowconeCanvasInner";
 const pr = je((t, e) => {
   var o;
   const { inheritTheme: r, externalProvider: a } = t, n = t.viewPadding ?? ((o = t.layoutConfig) == null ? void 0 : o.viewPadding), c = /* @__PURE__ */ v(Qe, { ref: e, ...t });
-  return a ? /* @__PURE__ */ v($e, { defaultTheme: "light", passive: r, children: c }) : /* @__PURE__ */ v($e, { defaultTheme: "light", passive: r, children: /* @__PURE__ */ v(Vt, { viewPadding: n, children: c }) });
+  return a ? /* @__PURE__ */ v(Oe, { defaultTheme: "light", passive: r, children: c }) : /* @__PURE__ */ v(Oe, { defaultTheme: "light", passive: r, children: /* @__PURE__ */ v(Vt, { viewPadding: n, children: c }) });
 });
 pr.displayName = "SnowconeCanvas";
 function Dr() {
-  const { selectedElement: t } = he();
+  const { selectedElement: t } = ge();
   return t ?? null;
 }
 function Fr() {
-  const { isCanvasReady: t } = he();
+  const { isCanvasReady: t } = ge();
   return t;
 }
 const br = () => {
 }, vr = [];
 function Pr(t) {
-  const { elementStore: e } = Se(), { executeElementUpdate: r } = Ge(), a = me(() => e.getAllByName(t).filter((o) => o instanceof Ot), [e, t]), n = W(
+  const { elementStore: e } = ke(), { executeElementUpdate: r } = Ge(), a = he(() => e.getAllByName(t).filter((o) => o instanceof Ot), [e, t]), n = W(
     (c) => {
       for (const o of a) {
         const i = o.clone();
@@ -1092,7 +1094,7 @@ function wr(t, e, r) {
   }
 }
 function Nr(t, e) {
-  const r = (e == null ? void 0 : e.fit) ?? "cover", { elementStore: a, setElements: n } = Se(), { executeElementUpdate: c } = Ge(), o = me(() => a.getAllByName(t).filter((S) => S instanceof Ve), [a, t]), i = D(/* @__PURE__ */ new Map());
+  const r = (e == null ? void 0 : e.fit) ?? "cover", { elementStore: a, setElements: n } = ke(), { executeElementUpdate: c } = Ge(), o = he(() => a.getAllByName(t).filter((S) => S instanceof Ve), [a, t]), i = D(/* @__PURE__ */ new Map());
   for (const w of o)
     if (!i.current.has(w.id)) {
       const S = w.transformData;
@@ -1135,7 +1137,7 @@ function Nr(t, e) {
   };
 }
 function Hr(t) {
-  const { elementStore: e } = Se();
+  const { elementStore: e } = ke();
   return t ? e.getByName(t) ?? null : null;
 }
 function Lr() {
@@ -1208,7 +1210,7 @@ export {
   Fr as useCanvasReady,
   Gt as useCommands,
   sr as useContentReady,
-  he as useEditor,
+  ge as useEditor,
   Hr as useElementByName,
   Lt as useExport,
   Nr as useImageBinding,