@snowcone-app/canvas 0.1.3 → 0.1.5

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import { A as ft, D as mt, r as ht, v as gt, u as pt, a as bt, S as vt, K as xt, C as Xe, e as wt } from "./compose-DQ1FZS3O.js";
-import { b as pr, c as br, E as vr, M as xr, P as wr, d as Er, f as yr, g as Ar } from "./compose-DQ1FZS3O.js";
+import { A as ft, D as mt, r as ht, v as gt, u as pt, a as bt, S as vt, K as xt, C as Oe, e as wt } from "./compose-DQ1FZS3O.js";
+import { b as br, c as vr, E as xr, M as wr, P as Er, d as yr, f as Ar, g as Sr } from "./compose-DQ1FZS3O.js";
 import { c as _, s as Et, I as Ke, p as yt, T as At } from "./HybridHistoryManager-BV6XV0nD.js";
 import { jsxs as de, jsx as C } from "react/jsx-runtime";
-import { Component as St, useRef as T, useState as q, useEffect as R, useCallback as B, forwardRef as je, useMemo as ye, useImperativeHandle as Rt } from "react";
-import { u as ue, T as Oe, E as It, a as Ae, b as Ge, c as kt } from "./ThemeContext-H0Z-MqqR.js";
+import { Component as St, useRef as T, useState as q, useEffect as R, useCallback as N, forwardRef as je, useMemo as ye, useImperativeHandle as Rt } from "react";
+import { u as ue, T as Xe, E as It, a as Ae, b as Ge, c as kt } from "./ThemeContext-H0Z-MqqR.js";
 import { C as we, E as Ct } from "./ElementFactory-uJTXU-nP.js";
-import { d as Rr, m as Ir, s as kr, v as Cr } from "./CanvasStateV1-ejb4d_LM.js";
+import { d as Ir, m as kr, s as Cr, v as Mr } from "./CanvasStateV1-ejb4d_LM.js";
 const Mt = _("ErrorBoundary");
 class Tt extends St {
   constructor(e) {
@@ -142,13 +142,13 @@ function Ft(t) {
     if (!l.current || !i) return;
     n.some((W) => W.id === S) && l.current.scheduleExport();
   }), [n, i]);
-  const M = B((m) => {
+  const M = N((m) => {
     l.current && l.current.updateConfig(m);
-  }, []), w = B(async () => {
+  }, []), w = N(async () => {
     l.current && (await l.current.forceExport(), A.current = l.current.getStats(), I(A.current));
-  }, []), H = B(() => {
+  }, []), H = N(() => {
     l.current && (l.current.resetStats(), A.current = l.current.getStats(), I(A.current));
-  }, []), y = B(() => {
+  }, []), y = N(() => {
     l.current && l.current.resetChangeDetection();
   }, []);
   return {
@@ -210,7 +210,7 @@ function Wt(t) {
     };
   }, [e, r, a, n, c]), c;
 }
-const Bt = {
+const Nt = {
   // Vertical alignments (map to top/center/bottom center)
   "far-top": "t",
   top: "t",
@@ -233,8 +233,8 @@ const Bt = {
   b: "b",
   br: "br"
 };
-function Nt(t) {
-  return t && Bt[t] || "c";
+function Bt(t) {
+  return t && Nt[t] || "c";
 }
 function Ut(t, e) {
   const r = e.scaleMode || "cover", a = (r === "contain" ? e.marginTop : 0) || 0, n = (r === "contain" ? e.marginRight : 0) || 0, c = (r === "contain" ? e.marginBottom : 0) || 0, o = (r === "contain" ? e.marginLeft : 0) || 0, i = e.width - o - n, l = e.height - a - c, p = i / t.width, A = l / t.height, P = r === "contain" ? Math.min(p, A) : Math.max(p, A), I = e.scale || 1, E = P * I, M = t.width * E, w = t.height * E, H = e.align || "c";
@@ -319,7 +319,7 @@ async function $t(t, e = {}) {
   let a;
   for (let n = 0; n <= r.retries; n++)
     try {
-      return await Xt(t, r.timeout);
+      return await Ot(t, r.timeout);
     } catch (c) {
       a = c instanceof Error ? c : new Error(String(c)), n < r.retries && await Vt(r.retryDelay);
     }
@@ -328,7 +328,7 @@ async function $t(t, e = {}) {
     error: a || new Error("Failed to load image after retries")
   };
 }
-function Xt(t, e) {
+function Ot(t, e) {
   return new Promise((r) => {
     const a = new Image();
     a.crossOrigin = "anonymous";
@@ -359,7 +359,7 @@ function Xt(t, e) {
     }, e), a.src = t;
   });
 }
-async function Ot(t, e, r = {}, a = {}) {
+async function Xt(t, e, r = {}, a = {}) {
   var I, E, M, w, H, y, m;
   const n = await $t(t, a);
   if (!n.success || !n.width || !n.height)
@@ -371,7 +371,7 @@ async function Ot(t, e, r = {}, a = {}) {
     width: e.artboard.width,
     height: e.artboard.height,
     scale: e.scale,
-    align: Nt(e.alignment),
+    align: Bt(e.alignment),
     offsetX: e.offsetX,
     offsetY: e.offsetY,
     scaleMode: e.scaleMode,
@@ -452,7 +452,7 @@ const Je = je((t, e) => {
     style: D,
     enableShortcuts: $,
     overlay: ee
-  } = t, Se = I, J = t.autoExportConfig ?? (r == null ? void 0 : r.autoExportConfig), j = t.autoExportFormat ?? (r == null ? void 0 : r.format) ?? "dataUrl", fe = t.autoExportAll ?? (r == null ? void 0 : r.exportAll) ?? !1, O = t.exportScale ?? (r == null ? void 0 : r.scale) ?? 2, U = t.maxExportSize ?? (r == null ? void 0 : r.maxSize) ?? 4e3, te = t.exportImageFormat ?? (r == null ? void 0 : r.imageFormat) ?? "png", re = 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, ke = t.initialImageScaleMode ?? (a == null ? void 0 : a.scaleMode) ?? "cover", Ze = t.width ?? (n == null ? void 0 : n.width) ?? 1200, qe = t.height ?? (n == null ? void 0 : n.height) ?? 1200, Ce = t.viewPadding ?? (n == null ? void 0 : n.viewPadding) ?? 0.9, Me = t.artboardBorderRadius ?? (n == null ? void 0 : n.artboardBorderRadius) ?? 0, Te = t.fixedMargin ?? (n == null ? void 0 : n.fixedMargin), De = t.maxHeight ?? (n == null ? void 0 : n.maxHeight), Fe = t.showRotationHandle ?? (n == null ? void 0 : n.showRotationHandle) ?? !0, _e = t.hideCanvas ?? (n == null ? void 0 : n.hideCanvas) ?? !1, Pe = t.canvasWrapperClassName ?? (n == null ? void 0 : n.canvasWrapperClassName), He = t.canvasWrapperStyle ?? (n == null ? void 0 : n.canvasWrapperStyle), Le = t.canvasCutouts ?? (n == null ? void 0 : n.canvasCutouts), me = t.pieceGuides, We = t.pieceFocus, Be = $ ?? !0, ne = ye(() => ht(c ?? "pro-studio"), [c]);
+  } = t, Se = I, J = t.autoExportConfig ?? (r == null ? void 0 : r.autoExportConfig), j = t.autoExportFormat ?? (r == null ? void 0 : r.format) ?? "dataUrl", fe = 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, te = t.exportImageFormat ?? (r == null ? void 0 : r.imageFormat) ?? "png", re = 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, ke = t.initialImageScaleMode ?? (a == null ? void 0 : a.scaleMode) ?? "cover", Ze = t.width ?? (n == null ? void 0 : n.width) ?? 1200, qe = t.height ?? (n == null ? void 0 : n.height) ?? 1200, Ce = t.viewPadding ?? (n == null ? void 0 : n.viewPadding) ?? 0.9, Me = t.artboardBorderRadius ?? (n == null ? void 0 : n.artboardBorderRadius) ?? 0, Te = t.fixedMargin ?? (n == null ? void 0 : n.fixedMargin), De = t.maxHeight ?? (n == null ? void 0 : n.maxHeight), Fe = t.showRotationHandle ?? (n == null ? void 0 : n.showRotationHandle) ?? !0, _e = t.hideCanvas ?? (n == null ? void 0 : n.hideCanvas) ?? !1, Pe = t.canvasWrapperClassName ?? (n == null ? void 0 : n.canvasWrapperClassName), He = t.canvasWrapperStyle ?? (n == null ? void 0 : n.canvasWrapperStyle), Le = t.canvasCutouts ?? (n == null ? void 0 : n.canvasCutouts), me = t.pieceGuides, We = t.pieceFocus, Ne = $ ?? !0, ne = ye(() => ht(c ?? "pro-studio"), [c]);
   R(() => {
     if (yt.env.NODE_ENV === "development" && ne) {
       const s = gt(ne);
@@ -461,17 +461,17 @@ const Je = je((t, e) => {
   }, [ne]);
   const ae = T(S);
   ae.current = S;
-  const N = B((s) => {
+  const B = N((s) => {
     var d;
     K.error(`[${s.category}] ${s.message}`, s.originalError), (d = ae.current) == null || d.call(ae, s);
   }, []);
-  R(() => (we.onRenderError = N, () => {
-    we.onRenderError === N && (we.onRenderError = null);
-  }), [N]);
+  R(() => (we.onRenderError = B, () => {
+    we.onRenderError === B && (we.onRenderError = null);
+  }), [B]);
   const {
     elements: V,
     setElements: oe,
-    selectedId: Ne,
+    selectedId: Be,
     artboardManager: k,
     refreshArtboards: et,
     historyManager: tt,
@@ -480,7 +480,7 @@ const Je = je((t, e) => {
   } = ue(), { createArtboard: rt, selectArtboard: nt, artboards: L } = pt(), { exportArtboard: G, exportAllArtboards: ie, exportArtboardAsBlob: Q, exportAllArtboardsAsBlobs: ce } = bt();
   Rt(e, () => ({
     exportArtboards: async (s = {}) => {
-      const d = s.format || j, h = s.scale || O, g = s.all ?? !1;
+      const d = s.format || j, h = s.scale || X, g = s.all ?? !1;
       let f = h;
       if (U > 0 && isFinite(U))
         for (const x of L) {
@@ -491,8 +491,8 @@ const Je = je((t, e) => {
       if (g) {
         const x = d === "blob" ? await ce(u) : await ie(u), b = {};
         for (const [F, Y] of Object.entries(x)) {
-          const X = L.find((Z) => Z.id === F);
-          X && (b[X.name] = Y);
+          const O = L.find((Z) => Z.id === F);
+          O && (b[O.name] = Y);
         }
         return b;
       } else {
@@ -508,7 +508,7 @@ const Je = je((t, e) => {
         }
       }
     }
-  }), [G, ie, Q, ce, j, O, U, te, re, k, L]), R(() => {
+  }), [G, ie, Q, ce, j, X, U, te, re, k, L]), R(() => {
     H && H(async () => {
       const d = k.getActiveArtboard();
       if (!d)
@@ -516,12 +516,12 @@ const Je = je((t, e) => {
       const h = Ee(
         d.width,
         d.height,
-        O,
+        X,
         U
       ), g = j === "blob" ? await Q(d.id, { scale: h }) : await G(d.id, { scale: h });
       return { [d.name]: g };
     });
-  }, [H, G, Q, k, j, O, U]);
+  }, [H, G, Q, k, j, X, U]);
   const [Ue, le] = q("idle"), [ze, ge] = q(null), pe = T(void 0), be = T(!1), Ye = T(!1), [at, ot] = q(!1), st = T(0), it = T(0), ve = T(!1);
   R(() => {
     if (be.current) return;
@@ -587,7 +587,7 @@ const Je = je((t, e) => {
       } catch (s) {
         K.error("Failed to load initial elements:", s);
         const d = s instanceof Error ? s : new Error(String(s));
-        N({
+        B({
           category: "import",
           message: `Failed to load initial elements: ${d.message}`,
           originalError: d,
@@ -595,7 +595,7 @@ const Je = je((t, e) => {
         });
       }
     }
-  }, [p, k, oe, N]), R(() => {
+  }, [p, k, oe, B]), R(() => {
     if (!i) {
       ve.current = !0;
       return;
@@ -619,7 +619,7 @@ const Je = je((t, e) => {
           throw new Error("No artboards available");
         const h = [];
         for (const g of d) {
-          const f = o == null ? void 0 : o.find((b) => b.name === g.name), u = (f == null ? void 0 : f.scaleMode) || ke, x = await Ot(
+          const f = o == null ? void 0 : o.find((b) => b.name === g.name), u = (f == null ? void 0 : f.scaleMode) || ke, x = await Xt(
             z,
             {
               artboard: {
@@ -643,7 +643,7 @@ const Je = je((t, e) => {
           oe((g) => [...g, ...h]), le("success"), y == null || y(z);
         else {
           const g = new Error("Failed to load image into any artboard");
-          le("error"), ge(g), m == null || m(z, g), N({
+          le("error"), ge(g), m == null || m(z, g), B({
             category: "image",
             message: g.message,
             originalError: g,
@@ -652,7 +652,7 @@ const Je = je((t, e) => {
         }
       } catch (d) {
         const h = d instanceof Error ? d : new Error(String(d));
-        le("error"), ge(h), m == null || m(z, h), N({
+        le("error"), ge(h), m == null || m(z, h), B({
           category: "image",
           message: h.message,
           originalError: h,
@@ -661,8 +661,8 @@ const Je = je((t, e) => {
       }
     })();
   }, [z, Re, Ie, ke]), R(() => {
-    P == null || P(Ne);
-  }, [Ne, P]), R(() => {
+    P == null || P(Be);
+  }, [Be, P]), R(() => {
     if (!A) return;
     const s = k.getActiveArtboard(), d = {
       elements: V.map((h) => h.toJSON()),
@@ -681,13 +681,13 @@ const Je = je((t, e) => {
     const s = k.getActiveArtboard();
     s && l(s.name);
   }, [k.getActiveArtboardId()]);
-  const ct = B(async () => {
+  const ct = N(async () => {
     if (!E && !w) return;
     const s = ++it.current, d = Date.now();
-    let h = O;
+    let h = X;
     if (U > 0 && isFinite(U))
       for (const u of L) {
-        const x = Ee(u.width, u.height, O, U);
+        const x = Ee(u.width, u.height, X, U);
         h = Math.min(h, x);
       }
     const g = k.getActiveArtboard(), f = (g == null ? void 0 : g.id) ?? "unknown";
@@ -704,8 +704,8 @@ const Je = je((t, e) => {
           const b = await ce(x);
           u = {};
           for (const [F, Y] of Object.entries(b)) {
-            const X = L.find((Z) => Z.id === F);
-            X && (u[X.name] = Y);
+            const O = L.find((Z) => Z.id === F);
+            O && (u[O.name] = Y);
           }
         } else {
           const b = k.getActiveArtboard();
@@ -717,8 +717,8 @@ const Je = je((t, e) => {
         const b = await ie(x);
         u = {};
         for (const [F, Y] of Object.entries(b)) {
-          const X = L.find((Z) => Z.id === F);
-          X && (u[X.name] = Y);
+          const O = L.find((Z) => Z.id === F);
+          O && (u[O.name] = Y);
         }
       } else {
         const b = k.getActiveArtboard();
@@ -737,7 +737,7 @@ const Je = je((t, e) => {
         error: x
       });
       const F = u instanceof Error ? u : new Error(x);
-      w == null || w({ status: "error", artboardId: f, error: F }), N({
+      w == null || w({ status: "error", artboardId: f, error: F }), B({
         category: "export",
         message: F.message,
         originalError: F,
@@ -745,14 +745,14 @@ const Je = je((t, e) => {
         recoverable: !0
       });
     }
-  }, [E, w, fe, j, O, U, te, re, G, ie, Q, ce, L, k, V, J, N]);
+  }, [E, w, fe, j, X, U, te, re, G, ie, Q, ce, L, k, V, J, B]);
   R(() => {
     Se !== void 0 && Se > 0 && K.warn(
       "autoExportInterval is deprecated and ignored. Use autoExportConfig={{ enabled: true, debounceMs: 100, maxWaitMs: 1000 }} instead."
     );
   }, []), R(() => {
   }, [V]);
-  const lt = B(() => {
+  const lt = N(() => {
     if (M == null || M(), w) {
       const s = k.getActiveArtboard();
       w({ status: "scheduled", artboardId: (s == null ? void 0 : s.id) ?? "unknown" });
@@ -791,14 +791,14 @@ const Je = je((t, e) => {
   }, [L.length, he, se]), R(() => () => {
     se(!1);
   }, [se]);
-  const ut = B((s) => {
-    N({
+  const ut = N((s) => {
+    B({
       category: "unknown",
       message: s.message,
       originalError: s,
       recoverable: !1
     });
-  }, [N]);
+  }, [B]);
   return Ue === "loading" ? /* @__PURE__ */ C(
     "div",
     {
@@ -874,7 +874,7 @@ const Je = je((t, e) => {
       ),
       children: [
         !_e && (Pe || He ? /* @__PURE__ */ C("div", { className: Pe, style: He, children: /* @__PURE__ */ C(
-          Xe,
+          Oe,
           {
             style: { width: "100%" },
             fitPadding: Ce,
@@ -882,13 +882,13 @@ const Je = je((t, e) => {
             fixedMargin: Te,
             maxHeight: De,
             showRotationHandle: Fe,
-            enableShortcuts: Be,
+            enableShortcuts: Ne,
             canvasCutouts: Le,
             pieceGuides: me,
             pieceFocus: We
           }
         ) }) : /* @__PURE__ */ C(
-          Xe,
+          Oe,
           {
             style: { width: "100%" },
             fitPadding: Ce,
@@ -896,7 +896,7 @@ const Je = je((t, e) => {
             fixedMargin: Te,
             maxHeight: De,
             showRotationHandle: Fe,
-            enableShortcuts: Be,
+            enableShortcuts: Ne,
             canvasCutouts: Le,
             pieceGuides: me,
             pieceFocus: We
@@ -911,11 +911,11 @@ Je.displayName = "SnowconeCanvasInner";
 const Kt = je((t, e) => {
   var o;
   const { inheritTheme: r, externalProvider: a } = t, n = t.viewPadding ?? ((o = t.layoutConfig) == null ? void 0 : o.viewPadding), c = /* @__PURE__ */ C(Je, { ref: e, ...t });
-  return a ? /* @__PURE__ */ C(Oe, { defaultTheme: "light", passive: r, children: c }) : /* @__PURE__ */ C(Oe, { defaultTheme: "light", passive: r, children: /* @__PURE__ */ C(It, { viewPadding: n, children: c }) });
+  return a ? /* @__PURE__ */ C(Xe, { defaultTheme: "light", passive: r, children: c }) : /* @__PURE__ */ C(Xe, { defaultTheme: "light", passive: r, children: /* @__PURE__ */ C(It, { viewPadding: n, children: c }) });
 });
 Kt.displayName = "SnowconeCanvas";
 const Ve = _("useCommands");
-function sr() {
+function ir() {
   const t = ue(), {
     undo: e,
     redo: r,
@@ -929,9 +929,9 @@ function sr() {
     executeCreateArtboard: A,
     executeDeleteArtboard: P,
     executeUpdateArtboard: I
-  } = t, E = B(() => {
+  } = t, E = N(() => {
     Ve.warn("[useCommands] clearHistory is not yet implemented in EditorContext");
-  }, []), M = B((w) => {
+  }, []), M = N((w) => {
     Ve.warn("[useCommands] clearArtboardHistory is not yet implemented in EditorContext");
   }, []);
   return {
@@ -955,18 +955,18 @@ function sr() {
     executeCommandBatch: p
   };
 }
-function ir() {
+function cr() {
   const { selectedElement: t } = ue();
   return t ?? null;
 }
-function cr() {
+function lr() {
   const { isCanvasReady: t } = ue();
   return t;
 }
 const jt = () => {
 }, Gt = [];
-function lr(t) {
-  const { elementStore: e } = Ae(), { executeElementUpdate: r } = Ge(), a = ye(() => e.getAllByName(t).filter((o) => o instanceof At), [e, t]), n = B(
+function dr(t) {
+  const { elementStore: e } = Ae(), { executeElementUpdate: r } = Ge(), a = ye(() => e.getAllByName(t).filter((o) => o instanceof At), [e, t]), n = N(
     (c) => {
       for (const o of a) {
         const i = o.clone();
@@ -1009,7 +1009,7 @@ function Zt(t, e, r) {
     };
   }
 }
-function dr(t, e) {
+function ur(t, e) {
   const r = (e == null ? void 0 : e.fit) ?? "cover", { elementStore: a, setElements: n } = Ae(), { executeElementUpdate: c } = Ge(), o = ye(() => a.getAllByName(t).filter((E) => E instanceof Ke), [a, t]), i = T(/* @__PURE__ */ new Map());
   for (const I of o)
     if (!i.current.has(I.id)) {
@@ -1025,7 +1025,7 @@ function dr(t, e) {
   p.current = c;
   const A = T(n);
   A.current = n;
-  const P = B(
+  const P = N(
     (I) => {
       const E = l.current, M = p.current;
       A.current;
@@ -1053,18 +1053,20 @@ function dr(t, e) {
     isConnected: !0
   };
 }
-function ur(t) {
+function fr(t) {
   const { elementStore: e } = Ae();
   return t ? e.getByName(t) ?? null : null;
 }
-function fr() {
+function mr() {
   const { zoom: t, panOffset: e, zoomIn: r, zoomOut: a, zoomToFit: n, resetView: c, setZoom: o, setPanOffset: i } = kt();
   return { zoom: t, panOffset: e, zoomIn: r, zoomOut: a, zoomToFit: n, resetView: c, setZoom: o, setPanOffset: i };
 }
-function mr(t) {
+const qt = 1;
+function hr(t) {
   var a;
-  const e = ((a = t.artboards) == null ? void 0 : a[0]) || { name: "Front", width: 800, height: 800 }, r = (t.elements || []).map(qt);
+  const e = ((a = t.artboards) == null ? void 0 : a[0]) || { name: "Front", width: 800, height: 800 }, r = (t.elements || []).map(_t);
   return {
+    schemaVersion: qt,
     artboards: [{
       id: "artboard-1",
       name: e.name || "Front",
@@ -1080,14 +1082,14 @@ function mr(t) {
     }]
   };
 }
-function qt(t) {
+function _t(t) {
   const e = t.type || t.transformType;
-  return e === "image" ? _t(t) : {
+  return e === "image" ? er(t) : {
     ...t,
     type: e
   };
 }
-function _t(t) {
+function er(t) {
   var p;
   const e = t.transformData || {}, r = t.masks && t.masks.length > 0, a = e.width || 0, n = e.height || 0, c = r ? a : a * (e.cropWidth ?? 1), o = r ? n : n * (e.cropHeight ?? 1), i = {
     id: t.id,
@@ -1104,35 +1106,36 @@ function _t(t) {
 }
 wt();
 export {
-  pr as ALL_CAPABILITIES,
-  br as COMPACT_CUSTOMIZER,
-  vr as EMBED_ONLY,
+  br as ALL_CAPABILITIES,
+  qt as CANVAS_STATE_SCHEMA_VERSION,
+  vr as COMPACT_CUSTOMIZER,
+  xr as EMBED_ONLY,
   Tt as ErrorBoundary,
-  xr as MINIMAL_CAPABILITIES,
-  wr as PRO_STUDIO,
+  wr as MINIMAL_CAPABILITIES,
+  Er as PRO_STUDIO,
   Kt as SnowconeCanvas,
-  Er as createKit,
+  yr as createKit,
   Kt as default,
-  Rr as deserializeState,
-  yr as extendKit,
-  Ir as migrateState,
+  Ir as deserializeState,
+  Ar as extendKit,
+  kr as migrateState,
   ht as resolveKit,
-  kr as serializeState,
-  mr as serializeStateForServer,
+  Cr as serializeState,
+  hr as serializeStateForServer,
   pt as useArtboards,
   Ft as useAutoExport,
-  cr as useCanvasReady,
-  sr as useCommands,
+  lr as useCanvasReady,
+  ir as useCommands,
   Wt as useContentReady,
   ue as useEditor,
-  ur as useElementByName,
+  fr as useElementByName,
   bt as useExport,
-  dr as useImageBinding,
-  Ar as useLayers,
-  ir as useSelectedElement,
-  lr as useTextBinding,
-  fr as useViewport,
+  ur as useImageBinding,
+  Sr as useLayers,
+  cr as useSelectedElement,
+  dr as useTextBinding,
+  mr as useViewport,
   gt as validateKit,
-  Cr as validateState
+  Mr as validateState
 };
 //# sourceMappingURL=index.mjs.map