@snowcone-app/canvas 0.1.9 → 0.1.10

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 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 { 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-DIPiisIw.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-DIPiisIw.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 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 Ir, m as kr, s as Cr, v as Mr } from "./CanvasStateV1-ejb4d_LM.js";
+import { C as we, E as Ct } from "./ElementFactory-Ckv6sSev.js";
+import { d as Ir, m as kr, s as Cr, v as Mr } from "./CanvasStateV1-CD3Q94F4.js";
 const Mt = _("ErrorBoundary");
 class Tt extends St {
   constructor(e) {
@@ -89,12 +89,12 @@ class Tt extends St {
 }
 const Dt = _("useAutoExport");
 function Ft(t) {
-  const { config: e, historyManager: r, artboards: a, elements: n, onExport: c, onExportScheduled: o, isCanvasReady: i = !1 } = t, l = T(null), p = T(!1), A = T({
+  const { config: e, historyManager: r, artboards: a, elements: n, onExport: c, onExportScheduled: o, isCanvasReady: i = !1 } = t, l = T(null), p = T(!1), S = T({
     totalExports: 0,
     skippedExports: 0,
     lastExportTime: null,
     avgExportInterval: 0
-  }), [P, I] = q(A.current), E = T(c);
+  }), [P, I] = q(S.current), E = T(c);
   E.current = c, R(() => {
     const m = new ft({
       ...mt,
@@ -102,9 +102,9 @@ function Ft(t) {
     });
     return m.onExport(async () => {
       try {
-        await E.current(), A.current = m.getStats();
-      } catch (S) {
-        Dt.error("[useAutoExport] Export failed:", S);
+        await E.current(), S.current = m.getStats();
+      } catch (A) {
+        Dt.error("[useAutoExport] Export failed:", A);
       }
     }), l.current = m, () => {
       m.destroy();
@@ -138,16 +138,16 @@ function Ft(t) {
       }
       l.current.scheduleExport();
     }
-  }, [n, a, i]), R(() => Et((S) => {
+  }, [n, a, i]), R(() => Et((A) => {
     if (!l.current || !i) return;
-    n.some((W) => W.id === S) && l.current.scheduleExport();
+    n.some((W) => W.id === A) && l.current.scheduleExport();
   }), [n, i]);
   const M = N((m) => {
     l.current && l.current.updateConfig(m);
   }, []), w = N(async () => {
-    l.current && (await l.current.forceExport(), A.current = l.current.getStats(), I(A.current));
+    l.current && (await l.current.forceExport(), S.current = l.current.getStats(), I(S.current));
   }, []), H = N(() => {
-    l.current && (l.current.resetStats(), A.current = l.current.getStats(), I(A.current));
+    l.current && (l.current.resetStats(), S.current = l.current.getStats(), I(S.current));
   }, []), y = N(() => {
     l.current && l.current.resetChangeDetection();
   }, []);
@@ -237,19 +237,19 @@ 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";
+  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, S = l / t.height, P = r === "contain" ? Math.min(p, S) : Math.max(p, S), I = e.scale || 1, E = P * I, M = t.width * E, w = t.height * E, H = e.align || "c";
   let y = 0, m = 0;
-  const S = M - i, v = w - l;
+  const A = M - i, v = w - l;
   switch (H) {
     // Top row
     case "tl":
       y = 0, m = 0;
       break;
     case "t":
-      y = -S / 2, m = 0;
+      y = -A / 2, m = 0;
       break;
     case "tr":
-      y = -S, m = 0;
+      y = -A, m = 0;
       break;
     // Middle row
     case "l":
@@ -258,24 +258,24 @@ function Ut(t, e) {
     case "c":
     // Center (default)
     default:
-      y = -S / 2, m = -v / 2;
+      y = -A / 2, m = -v / 2;
       break;
     case "r":
-      y = -S, m = -v / 2;
+      y = -A, m = -v / 2;
       break;
     // Bottom row
     case "bl":
       y = 0, m = -v;
       break;
     case "b":
-      y = -S / 2, m = -v;
+      y = -A / 2, m = -v;
       break;
     case "br":
-      y = -S, m = -v;
+      y = -A, m = -v;
       break;
   }
   y += o, m += a;
-  const W = e.offsetX || 0, D = e.offsetY || 0, $ = S, ee = v;
+  const W = e.offsetX || 0, D = e.offsetY || 0, $ = A, ee = v;
   return y += W * $, m += D * ee, y = Math.round(y), m = Math.round(m), {
     // Final scale to apply to artwork
     scale: E,
@@ -289,7 +289,7 @@ function Ut(t, e) {
     debug: {
       coverScale: P,
       userScale: I,
-      overflow: { x: S, y: v },
+      overflow: { x: A, y: v },
       alignment: H,
       appliedOffset: { x: W * $, y: D * ee }
     }
@@ -338,13 +338,13 @@ function Ot(t, e) {
     }, i = () => {
       if (c) return;
       c = !0, o();
-      const p = a.naturalWidth || a.width, A = a.naturalHeight || a.height;
+      const p = a.naturalWidth || a.width, S = a.naturalHeight || a.height;
       r({
         success: !0,
         element: a,
         width: p,
-        height: A,
-        aspectRatio: A > 0 ? p / A : 1
+        height: S,
+        aspectRatio: S > 0 ? p / S : 1
       });
     }, l = (p) => {
       c || (c = !0, o(), r({
@@ -382,13 +382,13 @@ async function Xt(t, e, r = {}, a = {}) {
   }, o = Ut(
     { width: n.width, height: n.height },
     c
-  ), i = e.artboard.x + o.x, l = e.artboard.y + o.y, p = i + o.width / 2, A = l + o.height / 2;
+  ), i = e.artboard.x + o.x, l = e.artboard.y + o.y, p = i + o.width / 2, S = l + o.height / 2;
   return {
     success: !0,
     element: new Ke({
       ...r,
       x: p,
-      y: A,
+      y: S,
       imageUrl: t,
       imageAspectRatio: n.aspectRatio,
       preserveDimensions: !0,
@@ -409,7 +409,7 @@ async function Xt(t, e, r = {}, a = {}) {
     placement: {
       artworkSize: { width: n.width, height: n.height },
       finalSize: { width: o.width, height: o.height },
-      position: { x: p, y: A },
+      position: { x: p, y: S },
       scale: o.scale
     }
   };
@@ -437,7 +437,7 @@ const Je = je((t, e) => {
     activeArtboard: i,
     onArtboardChange: l,
     initialElements: p,
-    onChange: A,
+    onChange: S,
     onSelectionChange: P,
     autoExportInterval: I,
     onExport: E,
@@ -446,7 +446,7 @@ const Je = je((t, e) => {
     onExportReady: H,
     onImageLoad: y,
     onImageError: m,
-    onError: S,
+    onError: A,
     onReady: v,
     className: W,
     style: D,
@@ -459,8 +459,8 @@ const Je = je((t, e) => {
       s.valid || K.warn("Kit validation warnings:", s.errors), s.warnings.length > 0 && K.warn("Kit validation warnings:", s.warnings);
     }
   }, [ne]);
-  const ae = T(S);
-  ae.current = S;
+  const ae = T(A);
+  ae.current = A;
   const B = N((s) => {
     var d;
     K.error(`[${s.category}] ${s.message}`, s.originalError), (d = ae.current) == null || d.call(ae, s);
@@ -663,7 +663,7 @@ const Je = je((t, e) => {
   }, [z, Re, Ie, ke]), R(() => {
     P == null || P(Be);
   }, [Be, P]), R(() => {
-    if (!A) return;
+    if (!S) return;
     const s = k.getActiveArtboard(), d = {
       elements: V.map((h) => h.toJSON()),
       artboards: L.map((h) => ({
@@ -675,8 +675,8 @@ const Je = je((t, e) => {
       })),
       activeArtboard: (s == null ? void 0 : s.name) || "Design"
     };
-    A(d);
-  }, [V, L, A]), R(() => {
+    S(d);
+  }, [V, L, S]), R(() => {
     if (!l || !ve.current) return;
     const s = k.getActiveArtboard();
     s && l(s.name);
@@ -926,7 +926,7 @@ function ir() {
     executeRemoveElement: i,
     executeReorderElement: l,
     executeCommandBatch: p,
-    executeCreateArtboard: A,
+    executeCreateArtboard: S,
     executeDeleteArtboard: P,
     executeUpdateArtboard: I
   } = t, E = N(() => {
@@ -948,7 +948,7 @@ function ir() {
     executeAddElement: o,
     executeRemoveElement: i,
     executeReorderElement: l,
-    executeCreateArtboard: A,
+    executeCreateArtboard: S,
     executeDeleteArtboard: P,
     executeUpdateArtboard: I,
     // Batch execution
@@ -1023,23 +1023,22 @@ function ur(t, e) {
   l.current = o;
   const p = T(c);
   p.current = c;
-  const A = T(n);
-  A.current = n;
+  const S = T(n);
+  S.current = n;
   const P = N(
     (I) => {
       const E = l.current, M = p.current;
-      A.current;
       for (const w of E) {
         const H = i.current.get(w.id);
         if (!H) continue;
-        const { width: y, height: m } = H, S = w.clone();
-        S.imageLoaded = !1, S.imageElement = null, S.isCropping = !1, S.imageUrl = I, r === "cover" ? (S.preserveDimensions = !0, S.onLoadCallback = (v) => {
+        const { width: y, height: m } = H, A = w.clone();
+        A.imageLoaded = !1, A.imageElement = null, A.isCropping = !1, A.imageUrl = I, r === "cover" ? (A.preserveDimensions = !0, A.onLoadCallback = (v) => {
           const W = v.imageAspectRatio || 1, D = Zt(y, m, W);
           v.transformData.width = D.width, v.transformData.height = D.height, v.transformData.cropX = D.cropX, v.transformData.cropY = D.cropY, v.transformData.cropWidth = D.cropWidth, v.transformData.cropHeight = D.cropHeight, M(w, v);
-        }) : (S.preserveDimensions = !1, S.onLoadCallback = (v) => {
+        }) : (A.preserveDimensions = !1, A.onLoadCallback = (v) => {
           const W = v.transformData.width, D = v.transformData.height, $ = Math.min(y / W, m / D, 1);
           $ < 1 && (v.transformData.width = W * $, v.transformData.height = D * $), v.transformData.cropX = 0, v.transformData.cropY = 0, v.transformData.cropWidth = 1, v.transformData.cropHeight = 1, M(w, v);
-        }), S.loadImage(I);
+        }), A.loadImage(I);
       }
     },
     [r]