@snowcone-app/canvas 0.14.0 → 0.15.0

package/dist/{template-fields-Dw-KK9DX.js → template-fields-coO73lV3.js}

@@ -1,13 +1,13 @@
 import { c as nt, y as K, z as Oe, I as Ht, T as Pt, C as Ye } from "./HybridHistoryManager-NL3zyEl4.js";
-import { jsxs as Z, jsx as w, Fragment as de } from "react/jsx-runtime";
-import { useCallback as P, useMemo as ot, useRef as M, useEffect as C, Component as Xe, useState as _, forwardRef as ue, useImperativeHandle as Ve } from "react";
-import { u as fe, T as _t, E as je, c as dt, b as At } from "./ThemeContext-Cl1JPVLZ.js";
-import { aq as te, ar as ee, ag as Ke, ah as re, ad as Ge, W as qe, J as Je, K as Qe, Q as Ze, O as _e, p as tr, z as er, ab as rr, Y as ne, F as nr, q as or, G as ar, r as sr, v as ir, u as cr, g as lr, a2 as dr, V as ur, a as fr, w as hr, as as mr } from "./validation-BahKiJWj.js";
+import { jsxs as Z, jsx as w, Fragment as ue } from "react/jsx-runtime";
+import { useCallback as P, useMemo as ot, useRef as M, useEffect as C, Component as Xe, useState as _, forwardRef as fe, useImperativeHandle as Ve } from "react";
+import { u as Wt, T as te, E as je, c as dt, b as At } from "./ThemeContext-Cl1JPVLZ.js";
+import { aq as ee, ar as re, ag as Ke, ah as ne, ad as Ge, W as qe, J as Je, K as Qe, Q as Ze, O as _e, p as tr, z as er, ab as rr, Y as oe, F as nr, q as or, G as ar, r as sr, v as ir, u as cr, g as lr, a2 as dr, V as ur, a as fr, w as hr, as as mr } from "./validation-BahKiJWj.js";
 import { C as Tt, E as gr } from "./ImportManager-eotl7r5d.js";
-import { d as pr, o as ct, s as $, n as br, l as Y, u as oe, a as yr } from "./schemas-B4UXytQB.js";
-const ae = nt("useCommands");
+import { a as pr, o as ct, b as $, n as br, l as Y, u as ae, c as yr } from "./CanvasStateV1-BQD8fCBU.js";
+const se = nt("useCommands");
 function xr() {
-  const e = fe(), {
+  const e = Wt(), {
     undo: t,
     redo: r,
     canUndo: o,
@@ -21,9 +21,9 @@ function xr() {
     executeDeleteArtboard: I,
     executeUpdateArtboard: R
   } = e, k = P(() => {
-    ae.warn("[useCommands] clearHistory is not yet implemented in EditorContext");
+    se.warn("[useCommands] clearHistory is not yet implemented in EditorContext");
   }, []), T = P((p) => {
-    ae.warn("[useCommands] clearArtboardHistory is not yet implemented in EditorContext");
+    se.warn("[useCommands] clearArtboardHistory is not yet implemented in EditorContext");
   }, []);
   return {
     // Undo/Redo
@@ -50,9 +50,9 @@ const vr = () => {
   const { undo: e, redo: t, canUndo: r, canRedo: o } = xr();
   return /* @__PURE__ */ Z("div", { className: "sc-undo-redo", style: { display: "inline-flex", gap: 4 }, children: [
     /* @__PURE__ */ w(
-      te,
+      ee,
       {
-        icon: ee.undo,
+        icon: re.undo,
         onClick: e,
         disabled: !r,
         tooltip: "Undo",
@@ -60,9 +60,9 @@ const vr = () => {
       }
     ),
     /* @__PURE__ */ w(
-      te,
+      ee,
       {
-        icon: ee.redo,
+        icon: re.redo,
         onClick: t,
         disabled: !o,
         tooltip: "Redo",
@@ -71,9 +71,9 @@ const vr = () => {
     )
   ] });
 }, he = nt("KitLayout"), lt = "canvas", Dt = 320;
-let se = !1;
+let ie = !1;
 function wr() {
-  se || (se = !0, Ke({
+  ie || (ie = !0, Ke({
     LayersPanel: qe,
     EffectsPanel: Je,
     ExportPanel: Qe,
@@ -82,14 +82,14 @@ function wr() {
     ArtboardTabs: tr,
     ContextualToolbars: er,
     ZoomControls: rr,
-    MenuButton: ne,
+    MenuButton: oe,
     CropPanel: nr
-  }), re("add-element-menu", {
-    component: ne,
+  }), ne("add-element-menu", {
+    component: oe,
     label: "Add Element",
     icon: "gravity-ui:plus",
     position: "topbar"
-  }), re("undo-redo-controls", {
+  }), ne("undo-redo-controls", {
     component: vr,
     label: "Undo / Redo",
     icon: "lucide:undo-2",
@@ -97,7 +97,7 @@ function wr() {
   }));
 }
 function wt({ ids: e }) {
-  return !e || e.length === 0 ? null : /* @__PURE__ */ w(de, { children: e.map((t) => {
+  return !e || e.length === 0 ? null : /* @__PURE__ */ w(ue, { children: e.map((t) => {
     var n;
     if (t === lt) return null;
     const r = Ge(t);
@@ -131,7 +131,7 @@ function Er({ kit: e, canvas: t }) {
       for (const v of E) N(v.contentRect.width);
     });
     return S.observe(p), () => S.disconnect();
-  }, [d, e.name]), i ? /* @__PURE__ */ w(de, { children: t }) : /* @__PURE__ */ Z("div", { ref: c, className: "sc-kit-layout", style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
+  }, [d, e.name]), i ? /* @__PURE__ */ w(ue, { children: t }) : /* @__PURE__ */ Z("div", { ref: c, className: "sc-kit-layout", style: { display: "flex", flexDirection: "column", height: "100%", minHeight: 0 }, children: [
     o && /* @__PURE__ */ w(
       "div",
       {
@@ -576,7 +576,7 @@ function Nt(e, t, r, o) {
   const i = Math.max(e, t), c = o / i;
   return Math.min(c, r);
 }
-const ge = ue((e, t) => {
+const ge = fe((e, t) => {
   const {
     exportConfig: r,
     imageConfig: o,
@@ -601,7 +601,7 @@ const ge = ue((e, t) => {
     style: B,
     enableShortcuts: X,
     overlay: ut
-  } = e, zt = R, at = e.autoExportConfig ?? (r == null ? void 0 : r.autoExportConfig), tt = e.autoExportFormat ?? (r == null ? void 0 : r.format) ?? "dataUrl", kt = e.autoExportAll ?? (r == null ? void 0 : r.exportAll) ?? !1, G = e.exportScale ?? (r == null ? void 0 : r.scale) ?? 2, z = e.maxExportSize ?? (r == null ? void 0 : r.maxSize) ?? 4e3, ft = e.exportImageFormat ?? (r == null ? void 0 : r.imageFormat) ?? "png", ht = e.exportImageQuality ?? (r == null ? void 0 : r.imageQuality) ?? 0.92, L = e.initialImage ?? (o == null ? void 0 : o.src), Lt = e.initialImageAlignment ?? (o == null ? void 0 : o.alignment) ?? "center", Ot = e.initialImageScale ?? (o == null ? void 0 : o.scale) ?? 1, Yt = e.initialImageScaleMode ?? (o == null ? void 0 : o.scaleMode) ?? "cover", xe = e.width ?? (n == null ? void 0 : n.width) ?? 1200, ve = e.height ?? (n == null ? void 0 : n.height) ?? 1200, we = e.viewPadding ?? (n == null ? void 0 : n.viewPadding) ?? 0.9, Ee = e.artboardBorderRadius ?? (n == null ? void 0 : n.artboardBorderRadius) ?? 0, Ae = e.fixedMargin ?? (n == null ? void 0 : n.fixedMargin), ke = e.maxHeight ?? (n == null ? void 0 : n.maxHeight), Se = e.showRotationHandle ?? (n == null ? void 0 : n.showRotationHandle) ?? !0, Re = e.hideCanvas ?? (n == null ? void 0 : n.hideCanvas) ?? !1, Xt = e.canvasWrapperClassName ?? (n == null ? void 0 : n.canvasWrapperClassName), Vt = e.canvasWrapperStyle ?? (n == null ? void 0 : n.canvasWrapperStyle), Ce = e.canvasCutouts ?? (n == null ? void 0 : n.canvasCutouts), jt = e.pieceGuides, Ie = e.pieceFocus, Fe = X ?? !0, st = ot(() => sr(a ?? "pro-studio"), [a]);
+  } = e, Lt = R, at = e.autoExportConfig ?? (r == null ? void 0 : r.autoExportConfig), tt = e.autoExportFormat ?? (r == null ? void 0 : r.format) ?? "dataUrl", kt = e.autoExportAll ?? (r == null ? void 0 : r.exportAll) ?? !1, G = e.exportScale ?? (r == null ? void 0 : r.scale) ?? 2, z = e.maxExportSize ?? (r == null ? void 0 : r.maxSize) ?? 4e3, ft = e.exportImageFormat ?? (r == null ? void 0 : r.imageFormat) ?? "png", ht = e.exportImageQuality ?? (r == null ? void 0 : r.imageQuality) ?? 0.92, L = e.initialImage ?? (o == null ? void 0 : o.src), Ot = e.initialImageAlignment ?? (o == null ? void 0 : o.alignment) ?? "center", Yt = e.initialImageScale ?? (o == null ? void 0 : o.scale) ?? 1, Xt = e.initialImageScaleMode ?? (o == null ? void 0 : o.scaleMode) ?? "cover", xe = e.width ?? (n == null ? void 0 : n.width) ?? 1200, ve = e.height ?? (n == null ? void 0 : n.height) ?? 1200, we = e.viewPadding ?? (n == null ? void 0 : n.viewPadding) ?? 0.9, Ee = e.artboardBorderRadius ?? (n == null ? void 0 : n.artboardBorderRadius) ?? 0, Ae = e.fixedMargin ?? (n == null ? void 0 : n.fixedMargin), ke = e.maxHeight ?? (n == null ? void 0 : n.maxHeight), Se = e.showRotationHandle ?? (n == null ? void 0 : n.showRotationHandle) ?? !0, Re = e.hideCanvas ?? (n == null ? void 0 : n.hideCanvas) ?? !1, Vt = e.canvasWrapperClassName ?? (n == null ? void 0 : n.canvasWrapperClassName), jt = e.canvasWrapperStyle ?? (n == null ? void 0 : n.canvasWrapperStyle), Ce = e.canvasCutouts ?? (n == null ? void 0 : n.canvasCutouts), Kt = e.pieceGuides, Ie = e.pieceFocus, Fe = X ?? !0, st = ot(() => sr(a ?? "pro-studio"), [a]);
   C(() => {
     var l;
     if (typeof K < "u" && ((l = K.env) == null ? void 0 : l.NODE_ENV) === "development" && st) {
@@ -621,13 +621,13 @@ const ge = ue((e, t) => {
   const {
     elements: q,
     setElements: gt,
-    selectedId: Kt,
+    selectedId: Gt,
     artboardManager: F,
     refreshArtboards: Me,
     historyManager: Te,
     isCanvasReady: St,
     setCanvasReady: pt
-  } = fe(), { createArtboard: De, selectArtboard: Ne, artboards: H } = cr(), { exportArtboard: et, exportAllArtboards: bt, exportArtboardAsBlob: rt, exportAllArtboardsAsBlobs: yt } = lr();
+  } = Wt(), { createArtboard: De, selectArtboard: Ne, artboards: H } = cr(), { exportArtboard: et, exportAllArtboards: bt, exportArtboardAsBlob: rt, exportAllArtboardsAsBlobs: yt } = lr();
   Ve(t, () => ({
     exportArtboards: async (l = {}) => {
       const u = l.format || tt, A = l.scale || G, f = l.all ?? !1;
@@ -672,13 +672,13 @@ const ge = ue((e, t) => {
       return { [u.name]: f };
     });
   }, [N, et, rt, F, tt, G, z]);
-  const [Gt, xt] = _("idle"), [qt, Rt] = _(null), Ct = M(void 0), It = M(!1), Jt = M(!1), [Be, $e] = _(!1), He = M(0), Pe = M(0), Ft = M(!1);
+  const [qt, xt] = _("idle"), [Jt, Rt] = _(null), Ct = M(void 0), It = M(!1), Qt = M(!1), [Be, $e] = _(!1), He = M(0), Pe = M(0), Ft = M(!1);
   C(() => {
     if (It.current) return;
     It.current = !0;
     const l = s || [{ name: "Design", width: xe, height: ve }], u = F.getAllArtboards();
     if (u.length > 0) {
-      const A = l[0], f = u[0], m = jt ? "transparent" : void 0, g = (h) => h.exportBackground ?? (!!h.backgroundColor && h.backgroundColor !== "transparent");
+      const A = l[0], f = u[0], m = Kt ? "transparent" : void 0, g = (h) => h.exportBackground ?? (!!h.backgroundColor && h.backgroundColor !== "transparent");
       f.name = A.name, f.width = A.width, f.height = A.height, f.clipShape = A.clipShape, f.exportBackground = g(A), A.backgroundColor ? f.backgroundColor = A.backgroundColor : m && (f.backgroundColor = m);
       for (let h = 1; h < l.length; h++)
         De(l[h].width, l[h].height, {
@@ -691,8 +691,8 @@ const ge = ue((e, t) => {
     }
     Me();
   }, []), C(() => {
-    if (!(!d || d.length === 0) && !Jt.current && It.current) {
-      Jt.current = !0, $e(!0);
+    if (!(!d || d.length === 0) && !Qt.current && It.current) {
+      Qt.current = !0, $e(!0);
       try {
         const l = gr.createManyFromJSON(d), u = F.getAllArtboards();
         if (u.length > 0) {
@@ -774,7 +774,7 @@ const ge = ue((e, t) => {
           throw new Error("No artboards available");
         const A = [];
         for (const f of u) {
-          const m = s == null ? void 0 : s.find((y) => y.name === f.name), g = (m == null ? void 0 : m.scaleMode) || Yt, h = await Wr(
+          const m = s == null ? void 0 : s.find((y) => y.name === f.name), g = (m == null ? void 0 : m.scaleMode) || Xt, h = await Wr(
             L,
             {
               artboard: {
@@ -783,8 +783,8 @@ const ge = ue((e, t) => {
                 x: f.x,
                 y: f.y
               },
-              alignment: (m == null ? void 0 : m.fitAlign) || Lt,
-              scale: Ot,
+              alignment: (m == null ? void 0 : m.fitAlign) || Ot,
+              scale: Yt,
               scaleMode: g,
               marginTop: m == null ? void 0 : m.fitMarginTop,
               marginRight: m == null ? void 0 : m.fitMarginRight,
@@ -815,15 +815,15 @@ const ge = ue((e, t) => {
         });
       }
     })();
-  }, [L, Lt, Ot, Yt]);
+  }, [L, Ot, Yt, Xt]);
   const vt = M(I);
   vt.current = I, C(() => {
     var l;
-    (l = vt.current) == null || l.call(vt, Kt);
-  }, [Kt]);
-  const Qt = M(x);
-  Qt.current = x, C(() => {
-    const l = Qt.current;
+    (l = vt.current) == null || l.call(vt, Gt);
+  }, [Gt]);
+  const Zt = M(x);
+  Zt.current = x, C(() => {
+    const l = Zt.current;
     if (!l) return;
     const u = F.getActiveArtboard(), A = {
       // Stamp each element with the NAME of the artboard it lives on (the
@@ -920,7 +920,7 @@ const ge = ue((e, t) => {
     }
   }, [k, p, kt, tt, G, z, ft, ht, et, bt, rt, yt, H, F, q, at, U]);
   C(() => {
-    zt !== void 0 && zt > 0 && J.warn(
+    Lt !== void 0 && Lt > 0 && J.warn(
       "autoExportInterval is deprecated and ignored. Use autoExportConfig={{ enabled: true, debounceMs: 100, maxWaitMs: 1000 }} instead."
     );
   }, []), C(() => {
@@ -935,9 +935,9 @@ const ge = ue((e, t) => {
     elements: q,
     hasInitialElements: ze,
     initialElementsLoaded: Be
-  }), Zt = M(!1);
+  }), _t = M(!1);
   C(() => {
-    Mt && !Zt.current && (Zt.current = !0, v == null || v());
+    Mt && !_t.current && (_t.current = !0, v == null || v());
   }, [Mt, v]), Rr({
     config: at ? {
       enabled: at.enabled ?? !0,
@@ -972,7 +972,7 @@ const ge = ue((e, t) => {
       recoverable: !1
     });
   }, [U]);
-  return Gt === "loading" ? /* @__PURE__ */ w(
+  return qt === "loading" ? /* @__PURE__ */ w(
     "div",
     {
       className: W,
@@ -985,7 +985,7 @@ const ge = ue((e, t) => {
       },
       children: /* @__PURE__ */ w(dr, { size: 48 })
     }
-  ) : Gt === "error" && qt ? /* @__PURE__ */ w(
+  ) : qt === "error" && Jt ? /* @__PURE__ */ w(
     "div",
     {
       className: W,
@@ -1000,7 +1000,7 @@ const ge = ue((e, t) => {
       },
       children: /* @__PURE__ */ Z("div", { className: "sc:text-center", children: [
         /* @__PURE__ */ w("div", { className: "sc:font-medium", children: "Failed to load image" }),
-        /* @__PURE__ */ w("div", { className: "sc:text-sm sc:mt-1 sc:opacity-70", children: qt.message })
+        /* @__PURE__ */ w("div", { className: "sc:text-sm sc:mt-1 sc:opacity-70", children: Jt.message })
       ] })
     }
   ) : /* @__PURE__ */ w(ur, { kit: st, children: /* @__PURE__ */ w("div", { className: `sc-root ${W || ""}`, style: { ...B, position: "relative" }, children: /* @__PURE__ */ Z(
@@ -1058,11 +1058,11 @@ const ge = ue((e, t) => {
               showRotationHandle: Se,
               enableShortcuts: Fe,
               canvasCutouts: Ce,
-              pieceGuides: jt,
+              pieceGuides: Kt,
               pieceFocus: Ie
             }
           );
-          return /* @__PURE__ */ w(Er, { kit: st, canvas: Xt || Vt ? /* @__PURE__ */ w("div", { className: Xt, style: Vt, children: l }) : l });
+          return /* @__PURE__ */ w(Er, { kit: st, canvas: Vt || jt ? /* @__PURE__ */ w("div", { className: Vt, style: jt, children: l }) : l });
         })(),
         ut
       ]
@@ -1070,13 +1070,17 @@ const ge = ue((e, t) => {
   ) }) });
 });
 ge.displayName = "SnowconeCanvasInner";
-const zr = ue((e, t) => {
+const zr = fe((e, t) => {
   var c;
-  const { inheritTheme: r, externalProvider: o, services: n } = e, a = e.viewPadding ?? ((c = e.layoutConfig) == null ? void 0 : c.viewPadding), s = /* @__PURE__ */ w(ge, { ref: t, ...e }), i = o ? /* @__PURE__ */ w(_t, { defaultTheme: "light", passive: r, children: s }) : /* @__PURE__ */ w(_t, { defaultTheme: "light", passive: r, children: /* @__PURE__ */ w(je, { viewPadding: a, children: s }) });
+  const { inheritTheme: r, externalProvider: o, services: n } = e, a = e.viewPadding ?? ((c = e.layoutConfig) == null ? void 0 : c.viewPadding), s = /* @__PURE__ */ w(ge, { ref: t, ...e }), i = o ? /* @__PURE__ */ w(te, { defaultTheme: "light", passive: r, children: s }) : /* @__PURE__ */ w(te, { defaultTheme: "light", passive: r, children: /* @__PURE__ */ w(je, { viewPadding: a, children: s }) });
   return n ? /* @__PURE__ */ w(fr, { services: n, children: i }) : i;
 });
 zr.displayName = "SnowconeCanvas";
-const Lr = 3e3, ie = {
+function pn() {
+  const { selectedElement: e } = Wt();
+  return e ?? null;
+}
+const Lr = 3e3, ce = {
   text: "useTextBinding",
   image: "useImageBinding",
   font: "useFontBinding"
@@ -1089,19 +1093,19 @@ const Lr = 3e3, ie = {
   image: "image",
   font: "text"
 }, Bt = /* @__PURE__ */ new Set();
-function ce(e) {
+function le(e) {
   return e instanceof Pt ? "text" : e instanceof Ht ? "image" : "other";
 }
 function Xr(e, t, r) {
-  const o = `[${ie[e]}]`, n = `the binding is dead (isConnected: false, ${Or[e]} is a no-op)`, a = Yr[e], s = r.getAllByName(t);
+  const o = `[${ce[e]}]`, n = `the binding is dead (isConnected: false, ${Or[e]} is a no-op)`, a = Yr[e], s = r.getAllByName(t);
   if (s.length > 0) {
-    const d = [...new Set(s.map(ce))], x = a === "text" ? "image" : "text", I = d.length === 1 && d[0] === x ? ` Bind it with ${ie[x]}("${t}") instead.` : "";
+    const d = [...new Set(s.map(le))], x = a === "text" ? "image" : "text", I = d.length === 1 && d[0] === x ? ` Bind it with ${ce[x]}("${t}") instead.` : "";
     return `${o} the layer named "${t}" is ${d.join("/")}, not ${a} — ${n}.${I}`;
   }
-  const i = r.getAll().filter((d) => d.name).map((d) => `"${d.name}" (${ce(d)})`), c = i.length ? `Named layers on this canvas: ${i.join(", ")}. Check the name for a typo.` : `No element on this canvas has a name — name one via design().${a}(…, { name: '${t}' }) or the element's \`name\` property.`;
+  const i = r.getAll().filter((d) => d.name).map((d) => `"${d.name}" (${le(d)})`), c = i.length ? `Named layers on this canvas: ${i.join(", ")}. Check the name for a typo.` : `No element on this canvas has a name — name one via design().${a}(…, { name: '${t}' }) or the element's \`name\` property.`;
   return `${o} no ${a} layer named "${t}" exists — ${n}. ${c}`;
 }
-function Wt(e, t, r, o) {
+function Ut(e, t, r, o) {
   C(() => {
     var s;
     if (o || typeof K > "u" || ((s = K.env) == null ? void 0 : s.NODE_ENV) === "production") return;
@@ -1115,7 +1119,7 @@ function Wt(e, t, r, o) {
 }
 const Vr = () => {
 }, jr = [];
-function pn(e) {
+function bn(e) {
   const { elementStore: t } = dt(), { executeElementUpdate: r } = At(), o = ot(() => t.getAllByName(e).filter((s) => s instanceof Pt), [t, e]), n = P(
     (a) => {
       for (const s of o) {
@@ -1125,7 +1129,7 @@ function pn(e) {
     },
     [o, r]
   );
-  return Wt("text", e, t, o.length > 0), o.length === 0 ? { text: "", setText: Vr, element: null, elements: jr, isConnected: !1 } : {
+  return Ut("text", e, t, o.length > 0), o.length === 0 ? { text: "", setText: Vr, element: null, elements: jr, isConnected: !1 } : {
     text: o[0].getText(),
     setText: n,
     element: o[0],
@@ -1159,7 +1163,7 @@ function qr(e, t, r) {
     };
   }
 }
-function bn(e, t) {
+function yn(e, t) {
   const r = (t == null ? void 0 : t.fit) ?? "cover", { elementStore: o, setElements: n } = dt(), { executeElementUpdate: a } = At(), s = ot(() => o.getAllByName(e).filter((k) => k instanceof Ht), [o, e]), i = M(/* @__PURE__ */ new Map());
   for (const R of s)
     if (!i.current.has(R.id)) {
@@ -1194,7 +1198,7 @@ function bn(e, t) {
     [r]
     // Stable deps only — imageElements/executeElementUpdate/setElements accessed via refs
   );
-  return Wt("image", e, o, s.length > 0), s.length === 0 ? { imageUrl: "", setImageUrl: Kr, element: null, elements: Gr, isConnected: !1 } : {
+  return Ut("image", e, o, s.length > 0), s.length === 0 ? { imageUrl: "", setImageUrl: Kr, element: null, elements: Gr, isConnected: !1 } : {
     imageUrl: s[0].imageUrl,
     setImageUrl: I,
     element: s[0],
@@ -1221,7 +1225,7 @@ function Qr(e, t, r) {
   const o = e.clone(), n = e, a = o;
   return j(n.color, t) && (typeof a.setColor == "function" ? a.setColor(r) : a.color = r), j((s = n.transformData) == null ? void 0 : s.fillColor, t) && (a.transformData = { ...a.transformData, fillColor: r }), j((i = n.transformData) == null ? void 0 : i.strokeColor, t) && (a.transformData = { ...a.transformData, strokeColor: r }), ((c = n.stroke) == null ? void 0 : c.enabled) === !0 && j(n.stroke.color, t) && (a.stroke = { ...a.stroke, color: r }), o;
 }
-function yn(e) {
+function xn(e) {
   const { elementStore: t } = dt(), { executeElementUpdate: r } = At(), [o, n] = _(() => Et(e)), [a, s] = _(e);
   e !== a && (s(e), n(Et(e)));
   const i = ot(
@@ -1244,7 +1248,7 @@ function yn(e) {
 }
 const Zr = () => {
 }, _r = [];
-function xn(e) {
+function vn(e) {
   const { elementStore: t } = dt(), { executeElementUpdate: r } = At(), o = ot(() => t.getAllByName(e).filter((s) => s instanceof Pt), [t, e]), n = P(
     (a) => {
       mr.loadGoogleFontByName(a);
@@ -1257,7 +1261,7 @@ function xn(e) {
     },
     [o, r]
   );
-  return Wt("font", e, t, o.length > 0), o.length === 0 ? { fontFamily: "", setFontFamily: Zr, element: null, elements: _r, isConnected: !1 } : {
+  return Ut("font", e, t, o.length > 0), o.length === 0 ? { fontFamily: "", setFontFamily: Zr, element: null, elements: _r, isConnected: !1 } : {
     fontFamily: o[0].fontFamily,
     setFontFamily: n,
     element: o[0],
@@ -1265,7 +1269,7 @@ function xn(e) {
     isConnected: !0
   };
 }
-function vn(e) {
+function wn(e) {
   const { elementStore: t } = dt();
   return e ? t.getByName(e) ?? null : null;
 }
@@ -1336,7 +1340,7 @@ function nn(e) {
   };
   return !r && (t.cropX !== 0 || t.cropY !== 0 || t.cropWidth !== 1 || t.cropHeight !== 1) && (i.cropX = t.cropX, i.cropY = t.cropY, i.cropWidth = t.cropWidth, i.cropHeight = t.cropHeight, i.needsCropPixelConversion = !0), t.flipHorizontal && (i.flipHorizontal = t.flipHorizontal), t.flipVertical && (i.flipVertical = t.flipVertical), t.borderRadius && (i.borderRadius = t.borderRadius), e.opacity !== void 0 && (i.opacity = e.opacity), e.distressEffect && (i.distressEffect = e.distressEffect), ((d = e.masks) == null ? void 0 : d.length) > 0 && (i.masks = e.masks), e.blendMode && (i.blendMode = e.blendMode), e.knockoutParts && (i.knockoutParts = e.knockoutParts), e.stroke && (i.stroke = e.stroke), be(i);
 }
-const le = "center";
+const de = "center";
 function on(e) {
   return e === "top-left" || e === "left" || e === "bottom-left" ? "left" : e === "top-right" || e === "right" || e === "bottom-right" ? "right" : "center";
 }
@@ -1370,7 +1374,7 @@ function sn(e, t, r) {
     cropHeight: a
   };
 }
-class Ut {
+class zt {
   constructor(t) {
     if (this.els = [], this.idCounter = 0, !(t.width > 0) || !(t.height > 0))
       throw new Error("design(): artboard width and height must be positive numbers");
@@ -1395,7 +1399,7 @@ class Ut {
     const r = t.artboards.find((n) => n.name === t.activeArtboard) ?? t.artboards[0];
     if (!r)
       throw new Error("DesignBuilder.fromState(): state has no artboards");
-    const o = new Ut({
+    const o = new zt({
       name: r.name,
       width: r.width,
       height: r.height,
@@ -1457,7 +1461,7 @@ class Ut {
   }
   /** An anchored image element (not full-bleed). */
   image(t, r = {}) {
-    const { width: o, height: n } = this.artboard, a = r.width ?? Math.round(o / 3), s = r.height ?? (r.aspectRatio ? Math.round(a / r.aspectRatio) : a), { x: i, y: c } = $t(r.anchor ?? le, a, s, o, n, r.padding ?? 0), d = {
+    const { width: o, height: n } = this.artboard, a = r.width ?? Math.round(o / 3), s = r.height ?? (r.aspectRatio ? Math.round(a / r.aspectRatio) : a), { x: i, y: c } = $t(r.anchor ?? de, a, s, o, n, r.padding ?? 0), d = {
       id: this.nextId("img"),
       transformType: "image",
       x: i,
@@ -1505,7 +1509,7 @@ class Ut {
   }
   /** An anchored vector shape. */
   shape(t, r = {}) {
-    const { width: o, height: n } = this.artboard, a = r.size ?? Math.round(o / 6), s = typeof a == "number" ? a : a.width, i = typeof a == "number" ? a : a.height, { x: c, y: d } = $t(r.anchor ?? le, s, i, o, n, r.padding ?? 0), x = {
+    const { width: o, height: n } = this.artboard, a = r.size ?? Math.round(o / 6), s = typeof a == "number" ? a : a.width, i = typeof a == "number" ? a : a.height, { x: c, y: d } = $t(r.anchor ?? de, s, i, o, n, r.padding ?? 0), x = {
       type: "shape",
       shapeType: t,
       width: s,
@@ -1555,8 +1559,8 @@ class Ut {
     return en(this.toJSON());
   }
 }
-function wn(e) {
-  return new Ut(e);
+function En(e) {
+  return new zt(e);
 }
 const ye = "personalization", cn = pr("type", [
   ct({
@@ -1572,7 +1576,7 @@ const ye = "personalization", cn = pr("type", [
     name: $().min(1),
     label: $(),
     placeholder: $().optional(),
-    fit: oe([Y("cover"), Y("contain")]).optional(),
+    fit: ae([Y("cover"), Y("contain")]).optional(),
     group: $().optional()
   }),
   ct({
@@ -1585,12 +1589,12 @@ const ye = "personalization", cn = pr("type", [
     type: Y("select"),
     name: $().min(1),
     label: $(),
-    property: oe([Y("text"), Y("imageUrl"), Y("fontFamily")]),
+    property: ae([Y("text"), Y("imageUrl"), Y("fontFamily")]),
     options: yr(ct({ label: $(), value: $() })).min(1),
     group: $().optional()
   })
 ]);
-function En(e) {
+function An(e) {
   if (!e || typeof e != "object") return [];
   const t = e[ye];
   if (!Array.isArray(t)) return [];
@@ -1602,26 +1606,27 @@ function En(e) {
   }
   return r;
 }
-function An(e, t) {
+function kn(e, t) {
   return { ...e, [ye]: t };
 }
 export {
   tn as C,
-  Ut as D,
+  zt as D,
   kr as E,
   zr as S,
   ye as T,
-  yn as a,
+  xn as a,
   xr as b,
   Mr as c,
-  wn as d,
-  vn as e,
-  xn as f,
-  bn as g,
+  En as d,
+  wn as e,
+  vn as f,
+  yn as g,
   pn as h,
-  En as r,
+  bn as i,
+  An as r,
   en as s,
   Rr as u,
-  An as w
+  kn as w
 };
-//# sourceMappingURL=template-fields-Dw-KK9DX.js.map
+//# sourceMappingURL=template-fields-coO73lV3.js.map