@snowcone-app/canvas 0.30.0 → 0.32.0

package/dist/{SnowconeCanvas-BWPBngvI.js → SnowconeCanvas-CgQdiBXv.js}

@@ -1,16 +1,16 @@
-import { z as G, c as Q, at as Te, I as De } from "./FontAnalyzer-DKG5JK0x.js";
+import { z as G, c as Q, aB as Te, I as De } from "./FontAnalyzer-BrKY6XYn.js";
 import { jsx as y, Fragment as Be, jsxs as V } from "react/jsx-runtime";
-import { useMemo as Se, useRef as F, useEffect as R, Component as We, useState as q, useCallback as O, useImperativeHandle as $e, forwardRef as Ae } from "react";
-import { l as He, e as ze, f as Oe, G as Ke, a as Ue, Z as Xe, i as je, b as Ye, D as Ve, r as Ge, v as Qe, S as Je, g as Ze, c as qe } from "./validation-BGEl9rrE.js";
-import { ImagePanel as _e } from "./ImagePanel-CBgGqmVV.js";
-import { d as et, e as tt } from "./ContextualToolbars-C3D_6sep.js";
-import { E as rt, o as nt, p as at, C as ot, u as fe, f as st } from "./UnifiedFontService-Co9tQ59z.js";
-import { C as it, D as ct } from "./template-fields-DYPW7bVU.js";
-import { E as lt, u as ee } from "./editorErrors-WzaNxU1Y.js";
+import { useMemo as Se, useRef as F, useEffect as R, Component as We, useState as Z, useCallback as O, useImperativeHandle as $e, forwardRef as Ae } from "react";
+import { l as He, e as ze, f as Oe, G as Ke, a as Ue, Z as Xe, i as je, b as Ye, D as Ve, r as Ge, v as Qe, S as qe, g as Je, c as Ze } from "./validation-DyUOjRGa.js";
+import { ImagePanel as _e } from "./ImagePanel-ntJBepby.js";
+import { d as et, e as tt } from "./ContextualToolbars-BKU8IoAM.js";
+import { E as rt, p as nt, q as at, C as ot, u as fe, g as st } from "./useCommands-DwnZHUg8.js";
+import { C as it, D as ct } from "./template-fields-D-2oLhCi.js";
+import { E as lt, u as ee } from "./design-builder-BpbYUYtK.js";
 import { T as xe } from "./ThemeContext-Rjz25x9X.js";
-import { c as re, K as dt, e as ut } from "./ExportManager-DUdis6se.js";
-import { C as le } from "./CanvasRenderer-BEf0hXeF.js";
-const me = Q("KitLayout"), Z = "canvas", de = 320;
+import { c as re, K as dt, e as ut } from "./ExportManager-Ci81K6xA.js";
+import { C as le } from "./CanvasRenderer-1j-twIbs.js";
+const me = Q("KitLayout"), J = "canvas", de = 320;
 let ye = !1;
 function ft() {
   ye || (ye = !0, He({
@@ -40,7 +40,7 @@ function mt({ children: n }) {
 function ne({ ids: n }) {
   return !n || n.length === 0 ? null : /* @__PURE__ */ y(mt, { children: n.map((e) => {
     var r;
-    if (e === Z) return null;
+    if (e === J) return null;
     const t = je(e);
     if (!t)
       return typeof G < "u" && ((r = G.env) == null ? void 0 : r.NODE_ENV) === "development" && me.warn(
@@ -53,7 +53,7 @@ function ne({ ids: n }) {
 function gt({ kit: n, canvas: e }) {
   var p, u, b, E;
   ft();
-  const t = n.layout.slots, a = !!((p = t.topbar) != null && p.some((w) => w !== Z)), r = !!((u = t.left) != null && u.some((w) => w !== Z)), s = !!((b = t.right) != null && b.some((w) => w !== Z)), l = !!((E = t.bottombar) != null && E.some((w) => w !== Z)), d = Se(
+  const t = n.layout.slots, a = !!((p = t.topbar) != null && p.some((w) => w !== J)), r = !!((u = t.left) != null && u.some((w) => w !== J)), s = !!((b = t.right) != null && b.some((w) => w !== J)), l = !!((E = t.bottombar) != null && E.some((w) => w !== J)), d = Se(
     () => !a && !r && !s && !l,
     [a, r, s, l]
   ), i = F(null), f = a || r || s || l, m = F(!1);
@@ -194,7 +194,7 @@ function Et(n) {
     skippedExports: 0,
     lastExportTime: null,
     avgExportInterval: 0
-  }), [p, u] = q(m.current), b = F(s);
+  }), [p, u] = Z(m.current), b = F(s);
   b.current = s, R(() => {
     const o = new Ye({
       ...Ve,
@@ -290,7 +290,7 @@ function wt() {
   return new Promise((n) => requestAnimationFrame(() => n()));
 }
 function St(n) {
-  const { isCanvasReady: e, elements: t, hasInitialElements: a, initialElementsLoaded: r } = n, [s, l] = q(!1), d = F(!1);
+  const { isCanvasReady: e, elements: t, hasInitialElements: a, initialElementsLoaded: r } = n, [s, l] = Z(!1), d = F(!1);
   return R(() => {
     if (s || !e || a && !r || a && t.length === 0 || d.current) return;
     d.current = !0;
@@ -615,7 +615,7 @@ function Tt(n) {
   }, [p.getActiveArtboardId()]);
 }
 function Dt(n) {
-  const { initialElements: e, emitError: t, customFonts: a } = n, { setElements: r, artboardManager: s } = ee(), l = F(!1), [d, i] = q(!1), f = F(!0);
+  const { initialElements: e, emitError: t, customFonts: a } = n, { setElements: r, artboardManager: s } = ee(), l = F(!1), [d, i] = Z(!1), f = F(!0);
   return R(() => (f.current = !0, () => {
     f.current = !1;
   }), []), R(() => {
@@ -707,7 +707,7 @@ function Bt(n) {
     onImageLoad: l,
     onImageError: d,
     emitError: i
-  } = n, { elements: f, setElements: m, artboardManager: p } = ee(), [u, b] = q("idle"), [E, w] = q(null), A = F(void 0);
+  } = n, { elements: f, setElements: m, artboardManager: p } = ee(), [u, b] = Z("idle"), [E, w] = Z(null), A = F(void 0);
   return R(() => {
     if (!e || A.current === e) return;
     if (f.length > 0) {
@@ -948,15 +948,15 @@ function $t(n, e) {
       const P = c.getActiveArtboard();
       u({ status: "scheduled", artboardId: (P == null ? void 0 : P.id) ?? "unknown" });
     }
-  }, [p, u, c]), J = St({
+  }, [p, u, c]), q = St({
     isCanvasReady: x,
     elements: o,
     hasInitialElements: w,
     initialElementsLoaded: A
   }), te = F(!1);
   R(() => {
-    J && !te.current && (te.current = !0, E == null || E());
-  }, [J, E]), Et({
+    q && !te.current && (te.current = !0, E == null || E());
+  }, [q, E]), Et({
     config: a ? {
       enabled: a.enabled ?? !0,
       debounceMs: a.debounceMs ?? 100,
@@ -970,7 +970,7 @@ function $t(n, e) {
     elements: o,
     onExport: se,
     onExportScheduled: ie,
-    isCanvasReady: J
+    isCanvasReady: q
     // Gate exports until content is fully ready (fonts loaded, elements deserialized)
   }), R(() => {
     if (h.length > 0 && !x) {
@@ -1011,7 +1011,7 @@ const we = Q("SnowconeCanvas"), Ie = Ae((n, e) => {
     enableShortcuts: C,
     overlay: X,
     resetDocumentOnMount: z
-  } = n, j = b, ae = n.autoExportConfig ?? (t == null ? void 0 : t.autoExportConfig), oe = n.autoExportFormat ?? (t == null ? void 0 : t.format) ?? "dataUrl", se = n.autoExportAll ?? (t == null ? void 0 : t.exportAll) ?? !1, ie = n.exportScale ?? (t == null ? void 0 : t.scale) ?? 2, J = n.maxExportSize ?? (t == null ? void 0 : t.maxSize) ?? 4e3, te = n.exportImageFormat ?? (t == null ? void 0 : t.imageFormat) ?? "png", P = n.exportImageQuality ?? (t == null ? void 0 : t.imageQuality) ?? 0.92, L = n.initialImage ?? (a == null ? void 0 : a.src), T = n.initialImageAlignment ?? (a == null ? void 0 : a.alignment) ?? "center", $ = n.initialImageScale ?? (a == null ? void 0 : a.scale) ?? 1, D = n.initialImageScaleMode ?? (a == null ? void 0 : a.scaleMode) ?? "cover", k = n.width ?? (r == null ? void 0 : r.width) ?? 1200, M = n.height ?? (r == null ? void 0 : r.height) ?? 1200, I = n.viewPadding ?? (r == null ? void 0 : r.viewPadding) ?? 0.9, N = n.artboardBorderRadius ?? (r == null ? void 0 : r.artboardBorderRadius) ?? 0, K = n.fixedMargin ?? (r == null ? void 0 : r.fixedMargin), B = n.maxHeight ?? (r == null ? void 0 : r.maxHeight), U = n.showRotationHandle ?? (r == null ? void 0 : r.showRotationHandle) ?? !0, Re = n.hideCanvas ?? (r == null ? void 0 : r.hideCanvas) ?? !1, ge = n.canvasWrapperClassName ?? (r == null ? void 0 : r.canvasWrapperClassName), he = n.canvasWrapperStyle ?? (r == null ? void 0 : r.canvasWrapperStyle), Ce = n.canvasCutouts ?? (r == null ? void 0 : r.canvasCutouts), pe = n.pieceGuides, Me = n.pieceFocus, Fe = C ?? !0, Y = Se(() => Ge(s ?? "pro-studio"), [s]);
+  } = n, j = b, ae = n.autoExportConfig ?? (t == null ? void 0 : t.autoExportConfig), oe = n.autoExportFormat ?? (t == null ? void 0 : t.format) ?? "dataUrl", se = n.autoExportAll ?? (t == null ? void 0 : t.exportAll) ?? !1, ie = n.exportScale ?? (t == null ? void 0 : t.scale) ?? 2, q = n.maxExportSize ?? (t == null ? void 0 : t.maxSize) ?? 4e3, te = n.exportImageFormat ?? (t == null ? void 0 : t.imageFormat) ?? "png", P = n.exportImageQuality ?? (t == null ? void 0 : t.imageQuality) ?? 0.92, L = n.initialImage ?? (a == null ? void 0 : a.src), T = n.initialImageAlignment ?? (a == null ? void 0 : a.alignment) ?? "center", $ = n.initialImageScale ?? (a == null ? void 0 : a.scale) ?? 1, D = n.initialImageScaleMode ?? (a == null ? void 0 : a.scaleMode) ?? "cover", k = n.width ?? (r == null ? void 0 : r.width) ?? 1200, M = n.height ?? (r == null ? void 0 : r.height) ?? 1200, I = n.viewPadding ?? (r == null ? void 0 : r.viewPadding) ?? 0.9, N = n.artboardBorderRadius ?? (r == null ? void 0 : r.artboardBorderRadius) ?? 0, K = n.fixedMargin ?? (r == null ? void 0 : r.fixedMargin), B = n.maxHeight ?? (r == null ? void 0 : r.maxHeight), U = n.showRotationHandle ?? (r == null ? void 0 : r.showRotationHandle) ?? !0, Re = n.hideCanvas ?? (r == null ? void 0 : r.hideCanvas) ?? !1, ge = n.canvasWrapperClassName ?? (r == null ? void 0 : r.canvasWrapperClassName), he = n.canvasWrapperStyle ?? (r == null ? void 0 : r.canvasWrapperStyle), Ce = n.canvasCutouts ?? (r == null ? void 0 : r.canvasCutouts), pe = n.pieceGuides, Me = n.pieceFocus, Fe = C ?? !0, Y = Se(() => Ge(s ?? "pro-studio"), [s]);
   R(() => {
     var H;
     if (typeof G < "u" && ((H = G.env) == null ? void 0 : H.NODE_ENV) === "development" && Y) {
@@ -1050,7 +1050,7 @@ const we = Q("SnowconeCanvas"), Ie = Ae((n, e) => {
       autoExportFormat: oe,
       autoExportAll: se,
       exportScale: ie,
-      maxExportSize: J,
+      maxExportSize: q,
       exportImageFormat: te,
       exportImageQuality: P,
       onExport: E,
@@ -1075,7 +1075,7 @@ const we = Q("SnowconeCanvas"), Ie = Ae((n, e) => {
           justifyContent: "center",
           backgroundColor: "var(--surface, #f5f5f5)"
         },
-        children: /* @__PURE__ */ y(Je, { size: 48 })
+        children: /* @__PURE__ */ y(qe, { size: 48 })
       }
     );
   if (be === "error" && ve)
@@ -1101,7 +1101,7 @@ const we = Q("SnowconeCanvas"), Ie = Ae((n, e) => {
   const Le = Object.entries(((Ee = Y.layout) == null ? void 0 : Ee.slots) ?? {}).every(
     ([H, W]) => H === "canvas" || !W || W.length === 0
   ) ? { "--color-canvas-bg": "transparent" } : void 0;
-  return /* @__PURE__ */ y(Ze, { kit: Y, children: /* @__PURE__ */ y("div", { className: `sc-root ${S || ""}`, style: { ...Le, ...h, position: "relative" }, children: /* @__PURE__ */ V(
+  return /* @__PURE__ */ y(Je, { kit: Y, children: /* @__PURE__ */ y("div", { className: `sc-root ${S || ""}`, style: { ...Le, ...h, position: "relative" }, children: /* @__PURE__ */ V(
     pt,
     {
       onError: Ne,
@@ -1146,7 +1146,7 @@ const we = Q("SnowconeCanvas"), Ie = Ae((n, e) => {
       children: [
         !Re && /* @__PURE__ */ (() => {
           const H = /* @__PURE__ */ y(
-            qe,
+            Ze,
             {
               style: { width: "100%" },
               fitPadding: I,
@@ -1189,4 +1189,4 @@ export {
   St as a,
   Et as u
 };
-//# sourceMappingURL=SnowconeCanvas-BWPBngvI.js.map
+//# sourceMappingURL=SnowconeCanvas-CgQdiBXv.js.map