@snowcone-app/canvas 0.29.0 → 0.30.0

package/dist/{embed-BTRtoktw.js → embed-Csez1hui.js}

@@ -1,13 +1,14 @@
-import { E as Le, o as Ve, p as Be, C as Fe, q as H, r as J, t as Ue, v as Me, w as je, x as qe, y as ze, g as Ke, e as We } from "./UnifiedFontService-CgYnYTj7.js";
-import { y as L } from "./FontAnalyzer-D4Sg-P6_.js";
+import { E as Le, o as Ve, p as Be, C as Fe, q as H, r as J, t as Ue, v as Me, w as je, x as qe, y as ze, g as Ke, e as We } from "./UnifiedFontService-Co9tQ59z.js";
+import { E as T, y as be, z as L } from "./FontAnalyzer-DKG5JK0x.js";
 import { jsx as l, jsxs as N, Fragment as Ge } from "react/jsx-runtime";
-import { useContext as He, createContext as Je, useRef as x, useState as C, useMemo as O, useCallback as F, useLayoutEffect as Q, useEffect as $, useSyncExternalStore as z, Component as Qe, forwardRef as be, useId as de, memo as Ye, isValidElement as we } from "react";
+import { useContext as He, createContext as Je, useRef as x, useState as C, useMemo as O, useCallback as F, useLayoutEffect as Q, useEffect as $, useSyncExternalStore as z, Component as Qe, forwardRef as we, useId as de, memo as Ye, isValidElement as Ee } from "react";
 import { assertVariantSelected as Xe, RenderSession as Ze, createCartDetail as et } from "@snowcone-app/sdk";
-import { g as T, i as Ee, B as tt, E as nt, r as rt } from "./editorErrors-CCvoKj_P.js";
-import { u as ot, p as it } from "./usePieceGuideBundle-CTQszfKA.js";
-import { s as le, i as st } from "./design-builder-COj0zkxu.js";
-import { D as at, C as dt, g as lt, e as ct } from "./template-fields-BLRp84Ny.js";
-import "./CanvasStateV1-BMxr6xb8.js";
+import { B as tt, E as nt, r as rt } from "./editorErrors-WzaNxU1Y.js";
+import { u as ot, p as it } from "./usePieceGuideBundle-CRLY2iQa.js";
+import { s as le, i as st } from "./design-builder-JYLO_Hyi.js";
+import { D as at, C as dt, g as lt, e as ct } from "./template-fields-DYPW7bVU.js";
+import "./ExportManager-DUdis6se.js";
+import "./CanvasStateV1-BDSyYo4A.js";
 const xe = Je(void 0);
 function K() {
   const t = He(xe);
@@ -64,14 +65,14 @@ function Re({ shop: t, product: e, design: n, hasGrant: r }) {
     issue: "placement-mismatch",
     message: `the design's artboard(s) [${a.join(", ")}] are not in product.placements [${e.placements.join(", ")}]. Every artboard name must equal a real product placement label (renderState targets placements by that name), or the server renders a blank mockup. Fix the \`name\` passed to design({ name }) / design().artboard(name, …).`
   });
-  const p = s.elements.map((o) => o.name).filter((o) => !!o), m = p.filter((o, g) => p.indexOf(o) !== g);
+  const f = s.elements.map((o) => o.name).filter((o) => !!o), m = f.filter((o, g) => f.indexOf(o) !== g);
   return m.length && i.push({
     severity: "warn",
     issue: "duplicate-layer-names",
     message: `duplicate layer name(s) [${[...new Set(m)].join(", ")}] — useTextBinding(name) / useImageBinding(name) bind to the FIRST match, so a duplicate name makes a control edit the wrong layer. Keep names unique.`
   }), i;
 }
-function ft(t) {
+function pt(t) {
   for (const e of Re(t))
     (e.severity === "error" && e.issue !== "placement-mismatch" ? console.error : console.warn)(`${ut} ${e.message}`);
 }
@@ -110,15 +111,15 @@ function Se({ registry: t, store: e, product: n }) {
       fix: "Mount <Editor.Buy onAddToCart={…}/> under the same <Editor.Root> (it assembles the payload and gates on completeness), or ignore if this composition is deliberately non-commerce."
     });
   }
-  const p = [];
+  const f = [];
   for (const o of s)
     e.layerKindOf(o.name) === void 0 ? r.push({
       code: "A_LAYER_UNMATCHED",
       severity: "error",
       message: `<Editor.TextField layer={design.layer("${o.name}")}> matches zero elements in the current design state — the layer was removed or renamed after the field mounted, so the binding is dead and writes will fail. Bindable layers now: ${JSON.stringify(e.bindableLayerNames())}.`,
       fix: `Restore a text layer named "${o.name}" to the design, or bind the field to an existing layer: layer={design.layer(<one of ${JSON.stringify(e.bindableLayerNames())}>)}.`
-    }) : p.push(o);
-  const m = p.filter((o) => !o.optional);
+    }) : f.push(o);
+  const m = f.filter((o) => !o.optional);
   if (m.length > 0 && m.every((o) => e.textOf(o.name) === e.seedTextOf(o.name))) {
     const o = m.map((g) => g.name);
     r.push({
@@ -140,13 +141,13 @@ function Se({ registry: t, store: e, product: n }) {
   return { findings: r, parts: b };
 }
 const G = [];
-function pt(t) {
+function ft(t) {
   return G.push(t), () => {
     const e = G.indexOf(t);
     e !== -1 && G.splice(e, 1);
   };
 }
-function rn() {
+function on() {
   const t = G[G.length - 1];
   if (!t)
     throw new T(
@@ -167,7 +168,7 @@ function gt(t) {
   return typeof e == "function" ? { getToken: e } : { getToken: () => Promise.resolve(e) };
 }
 function Ce({ error: t, onRetry: e }) {
-  const n = Ee(t) ? t.code : "EDITOR_ERROR";
+  const n = be(t) ? t.code : "EDITOR_ERROR";
   return /* @__PURE__ */ N(
     "div",
     {
@@ -230,7 +231,7 @@ class yt extends Qe {
 }
 function vt({ reportedError: t, onRetry: e, children: n }) {
   if (t) {
-    const r = Ee(t) && t.code === "E_CHUNK_LOAD_FAILED";
+    const r = be(t) && t.code === "E_CHUNK_LOAD_FAILED";
     return /* @__PURE__ */ l(Ce, { error: t, onRetry: r ? e : void 0 });
   }
   return /* @__PURE__ */ l(yt, { reportedError: null, onRetry: e, children: n });
@@ -246,11 +247,11 @@ function bt(t) {
     onIssue: c,
     wsUrl: u,
     services: a,
-    children: p,
+    children: f,
     internals: m,
     recordAudit: y,
     __validation: b = "throw"
-  } = t, o = O(() => r.toJSON().activeArtboard, [r]), g = O(() => r.toJSON().artboards.map((h) => h.name), [r]), [w, f] = C(null), S = w && w.design === r ? w.label : o, v = O(
+  } = t, o = O(() => r.toJSON().activeArtboard, [r]), g = O(() => r.toJSON().artboards.map((h) => h.name), [r]), [w, p] = C(null), S = w && w.design === r ? w.label : o, v = O(
     () => (h) => {
       if (!g.includes(h))
         throw new T(
@@ -258,7 +259,7 @@ function bt(t) {
           `no placement "${h}" in this design — its artboards are ${JSON.stringify(g)}. Add it to the seed with design(…).artboard('${h}', { width, height }) (ADR-0088).`,
           { placement: h, validNames: g, docSlug: "embed-mode" }
         );
-      f({ design: r, label: h });
+      p({ design: r, label: h });
     },
     [r, g]
   ), V = O(() => {
@@ -295,20 +296,20 @@ function bt(t) {
     for (const B of h)
       typeof L < "u" && ((I = L.env) == null ? void 0 : I.NODE_ENV) !== "production" && console.warn(`[Editor.Root] ${B.message}`);
     return h;
-  }, [q, b]), fe = x(null);
+  }, [q, b]), pe = x(null);
   $(() => {
     var h;
-    if (oe.length !== 0 && fe.current !== q) {
-      fe.current = q;
+    if (oe.length !== 0 && pe.current !== q) {
+      pe.current = q;
       for (const E of oe) (h = j.current) == null || h.call(j, E);
     }
   }, [oe, q]);
-  const pe = x(null);
+  const fe = x(null);
   $(() => {
     var h;
     if (b === "warn" && typeof L < "u" && ((h = L.env) == null ? void 0 : h.NODE_ENV) !== "production") {
-      if (pe.current === q) return;
-      pe.current = q, ft({ shop: e, product: n, design: r, hasGrant: ne });
+      if (fe.current === q) return;
+      fe.current = q, pt({ shop: e, product: n, design: r, hasGrant: ne });
     }
   }, [q, b]);
   const Z = O(
@@ -409,7 +410,7 @@ function bt(t) {
     nt,
     {
       ...V ? { initialArtboardConfig: V } : {},
-      children: p
+      children: f
     }
   ) }) }) });
   return a ? /* @__PURE__ */ l(Fe, { services: a, children: he }) : he;
@@ -431,8 +432,8 @@ function Ie(t) {
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s.current.internals, d.current.commerce]
-  ), p = x(n);
-  p.current = n;
+  ), f = x(n);
+  f.current = n;
   const m = x(r);
   m.current = r;
   const y = x(null), b = F((w) => {
@@ -441,17 +442,17 @@ function Ie(t) {
     () => Se({
       registry: s.current.internals.registry,
       store: s.current.internals.store,
-      product: p.current
+      product: f.current
     }),
     []
   );
-  Q(() => pt({ compute: o }), [o]);
+  Q(() => ft({ compute: o }), [o]);
   const g = x(!1);
   return $(() => {
     let w = !1;
     return queueMicrotask(() => {
-      var f;
-      w || g.current || (g.current = !0, (f = m.current) == null || f.call(m, y.current ?? o()));
+      var p;
+      w || g.current || (g.current = !0, (p = m.current) == null || p.call(m, y.current ?? o()));
     }), () => {
       w = !0;
     };
@@ -460,21 +461,21 @@ function Ie(t) {
   // wrapper, which had no DOM at all, stays layout-identical).
   /* @__PURE__ */ l("div", { className: "sc-root", style: { display: "contents" }, "data-sc-part": "root", children: /* @__PURE__ */ l(vt, { reportedError: c, onRetry: () => u(null), children: /* @__PURE__ */ l(bt, { ...t, internals: a, recordAudit: b }) }) });
 }
-let wt = () => import("./EditorCanvasImpl-BNz8TPFs.js").then((t) => t.EditorCanvasImpl);
+let wt = () => import("./EditorCanvasImpl-DXeBz2CX.js").then((t) => t.EditorCanvasImpl);
 function Oe() {
   return wt();
 }
-const Et = be(function({ children: e, maxHeight: n, floatingToolbar: r = !0, className: i, style: s }, d) {
+const Et = we(function({ children: e, maxHeight: n, floatingToolbar: r = !0, className: i, style: s }, d) {
   const c = H("Editor.Canvas");
   J("Editor.Canvas", { floatingToolbar: r });
   const u = de();
   Q(() => c.registry.registerCanvas(u), [c.registry, u]);
-  const [a, p] = C(null);
+  const [a, f] = C(null);
   return $(() => {
     let m = !1;
     return Oe().then(
       (y) => {
-        m || p(() => y);
+        m || f(() => y);
       },
       (y) => {
         m || c.reportRuntimeError(
@@ -600,12 +601,12 @@ const Ne = Ye(function({
   }, []);
   const [d, c] = C(!1);
   $(() => {
-    const p = requestAnimationFrame(() => c(!0));
-    return () => cancelAnimationFrame(p);
+    const f = requestAnimationFrame(() => c(!0));
+    return () => cancelAnimationFrame(f);
   }, []);
   const u = F(
-    (p) => {
-      p.propertyName === "background-color" && (e || n == null || n());
+    (f) => {
+      f.propertyName === "background-color" && (e || n == null || n());
     },
     [e, n]
   );
@@ -618,18 +619,18 @@ const Ne = Ye(function({
       onTransitionEnd: u,
       "aria-hidden": "true",
       children: [
-        Array.from({ length: 6 }, (p, m) => /* @__PURE__ */ l("div", { className: "sc-prism-band" }, `b-${m}`)),
-        i.map((p, m) => /* @__PURE__ */ l(
+        Array.from({ length: 6 }, (f, m) => /* @__PURE__ */ l("div", { className: "sc-prism-band" }, `b-${m}`)),
+        i.map((f, m) => /* @__PURE__ */ l(
           "div",
           {
             className: "sc-prism-particle",
             style: {
-              left: `${p.left}%`,
-              top: `${p.top}%`,
-              animationDelay: `${p.delay}s`,
-              animationDuration: `${p.duration}s`,
-              width: `${p.size}px`,
-              height: `${p.size}px`
+              left: `${f.left}%`,
+              top: `${f.top}%`,
+              animationDelay: `${f.delay}s`,
+              animationDuration: `${f.duration}s`,
+              width: `${f.size}px`,
+              height: `${f.size}px`
             }
           },
           `p-${m}`
@@ -663,7 +664,7 @@ function Tt(t, e) {
 }
 function $t(t) {
   if (t === void 0 || t === !0 || t === "dark") return "dark";
-  if (t === "light" || t === "host-owned" || we(t)) return t;
+  if (t === "light" || t === "host-owned" || Ee(t)) return t;
   throw new T(
     "E_PREVIEW_NO_LOADER",
     `Editor.Preview: invalid loadingOverlay value ${JSON.stringify(t)}. A mockup preview always has a render-in-flight treatment (the loader paints over the still-visible previous mockup). Omit the prop for the default rainbow overlay, pass "dark" | "light", pass a custom ReactElement, or declare "host-owned" if the host renders its own indicator off data-sc-preview-state / <Editor.LoadingOverlay>.`,
@@ -680,18 +681,18 @@ function $e({
 }) {
   const { mockups: d, error: c, isRendering: u } = K();
   J("Editor.Preview", { ...t !== void 0 ? { mockupId: t } : {} });
-  const a = $t(r), p = a === "dark" || a === "light" ? a : null, m = we(a) ? a : null, y = a !== "host-owned", { showOverlay: b, overlayVisible: o, handleExited: g } = Te(
+  const a = $t(r), f = a === "dark" || a === "light" ? a : null, m = Ee(a) ? a : null, y = a !== "host-owned", { showOverlay: b, overlayVisible: o, handleExited: g } = Te(
     y && u
-  ), w = x(/* @__PURE__ */ new Set()), f = t ? d.find((v) => v.mockupId === t && v.imageUrl) : d.find((v) => v.imageUrl), S = (v) => {
+  ), w = x(/* @__PURE__ */ new Set()), p = t ? d.find((v) => v.mockupId === t && v.imageUrl) : d.find((v) => v.imageUrl), S = (v) => {
     var P;
-    if (!f || typeof L > "u" || ((P = L.env) == null ? void 0 : P.NODE_ENV) === "production" || typeof window > "u" || w.current.has(f.mockupId)) return;
+    if (!p || typeof L > "u" || ((P = L.env) == null ? void 0 : P.NODE_ENV) === "production" || typeof window > "u" || w.current.has(p.mockupId)) return;
     const V = v.currentTarget, R = V.getBoundingClientRect().width;
     if (R <= 0) return;
     const _ = Math.round(R * (window.devicePixelRatio || 1)), D = Tt(V.naturalWidth, _);
-    D && (w.current.add(f.mockupId), console.warn(D));
+    D && (w.current.add(p.mockupId), console.warn(D));
   };
   if (y) {
-    const v = f != null && f.imageUrl ? u ? "rendering" : "ready" : c ? "error" : "rendering";
+    const v = p != null && p.imageUrl ? u ? "rendering" : "ready" : c ? "error" : "rendering";
     return /* @__PURE__ */ N(
       "div",
       {
@@ -701,9 +702,9 @@ function $e({
         className: `sc-preview-frame${i ? ` ${i}` : ""}`,
         style: s,
         children: [
-          f != null && f.imageUrl ? (
+          p != null && p.imageUrl ? (
             // eslint-disable-next-line @next/next/no-img-element
-            /* @__PURE__ */ l("img", { "data-sc-part": "preview-image", src: f.imageUrl, alt: n, onLoad: S })
+            /* @__PURE__ */ l("img", { "data-sc-part": "preview-image", src: p.imageUrl, alt: n, onLoad: S })
           ) : c ? /* @__PURE__ */ l("div", { "data-sc-part": "preview-error", role: "alert", "data-sc-error": c, children: e ?? `Render failed: ${c}` }) : e,
           m ? (
             // Custom indicator: same show-delay + linger window; no exit fade
@@ -718,11 +719,11 @@ function $e({
                 children: m
               }
             ) : null
-          ) : b && p ? /* @__PURE__ */ l(
+          ) : b && f ? /* @__PURE__ */ l(
             Ne,
             {
               visible: o,
-              variant: p,
+              variant: f,
               onExited: g
             }
           ) : null
@@ -730,14 +731,14 @@ function $e({
       }
     );
   }
-  return f != null && f.imageUrl ? (
+  return p != null && p.imageUrl ? (
     // eslint-disable-next-line @next/next/no-img-element
     /* @__PURE__ */ l(
       "img",
       {
         "data-sc-part": "preview",
         "data-sc-preview-state": u ? "rendering" : "ready",
-        src: f.imageUrl,
+        src: p.imageUrl,
         alt: n,
         className: i,
         style: s,
@@ -760,7 +761,7 @@ function $e({
 function _t(t) {
   const { layer: e, optional: n = !1, placeholder: r, className: i, style: s } = t, d = H("Editor.TextField");
   J("Editor.TextField");
-  const { pushRender: c, throttleMs: u, stateStore: a } = K(), p = de(), m = x(null);
+  const { pushRender: c, throttleMs: u, stateStore: a } = K(), f = de(), m = x(null);
   if (!st(e))
     throw new T(
       "E_LAYER_TOKEN_REQUIRED",
@@ -783,7 +784,7 @@ function _t(t) {
       );
     m.current = e.name;
   }
-  Q(() => d.registry.registerTextField(p, { name: e.name, optional: n }), [d.registry, p, e.name, n]);
+  Q(() => d.registry.registerTextField(f, { name: e.name, optional: n }), [d.registry, f, e.name, n]);
   const y = z(
     a.subscribe,
     () => a.textOf(e.name) ?? "",
@@ -861,9 +862,9 @@ function Pt(t) {
       "<Editor.Buy> has no product context — pass `product` (with `productId`) on <Editor.Root product={…}>. Buy assembles its cart payload from the Root product and the live design state.",
       { docSlug: "embed-mode" }
     );
-  const p = x(!1);
+  const f = x(!1);
   Q(() => {
-    p.current || (p.current = !0, typeof n == "number" && a.setQuantity(n));
+    f.current || (f.current = !0, typeof n == "number" && a.setQuantity(n));
   }, [a]);
   const m = z(u.subscribe, u.getState, u.getState), y = z(a.subscribe, a.getVersion, a.getVersion), b = z(
     d.registry.subscribe,
@@ -881,7 +882,7 @@ function Pt(t) {
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [a, o, m, y, b]
-  ), w = g.length === 0, [f, S] = C(!1), v = x(!1), V = F(() => {
+  ), w = g.length === 0, [p, S] = C(!1), v = x(!1), V = F(() => {
     if (v.current || !w) return;
     v.current = !0, S(!0);
     const R = u.getState(), _ = a.resolvedVariantId(), D = {
@@ -908,10 +909,10 @@ function Pt(t) {
     {
       type: "button",
       "data-sc-part": "buy",
-      "data-sc-buy-state": f ? "busy" : w ? "ready" : "incomplete",
+      "data-sc-buy-state": p ? "busy" : w ? "ready" : "incomplete",
       "data-sc-buy-missing": g.join(",") || void 0,
-      disabled: !w || f,
-      "aria-busy": f || void 0,
+      disabled: !w || p,
+      "aria-busy": p || void 0,
       onClick: V,
       className: i,
       style: s,
@@ -935,7 +936,7 @@ function Lt({
   return $(() => {
     if (!s) return;
     let u = !1;
-    return import("./ContextualToolbars-0jWvnQgp.js").then((a) => a.s).then(
+    return import("./ContextualToolbars-C3D_6sep.js").then((a) => a.s).then(
       (a) => {
         u || c(() => a.ContextualToolbars);
       },
@@ -1027,23 +1028,23 @@ const M = {
    *  Fills its positioned parent; rides the session (canvas-free). */
   LoadingOverlay: Vt
 };
-function on(t) {
+function sn(t) {
   return /* @__PURE__ */ l(Ie, { ...t, __validation: "warn" });
 }
-const sn = be(
+const an = we(
   function(e, n) {
     const { children: r, className: i, style: s, maxHeight: d, ...c } = e, [u, a] = C(null);
     return $(() => {
-      let p = !1;
+      let f = !1;
       return Oe().then(
         (m) => {
-          p || a(() => m);
+          f || a(() => m);
         },
         (m) => {
           console.error("[RealtimeCanvas] failed to load the rendering chunk:", m);
         }
       ), () => {
-        p = !0;
+        f = !0;
       };
     }, []), u ? /* @__PURE__ */ l(u, { ref: n, selfScope: !0, maxHeight: d, className: i, style: s, ...c, children: r }) : /* @__PURE__ */ l(
       "div",
@@ -1055,19 +1056,19 @@ const sn = be(
     );
   }
 );
-function an(t) {
+function dn(t) {
   return /* @__PURE__ */ l($e, { ...t });
 }
-function dn() {
+function ln() {
   const { mockups: t, isRendering: e, error: n } = K();
   return { mockups: t, isRendering: e, error: n };
 }
 function Ft(t) {
   return t.type !== "color" && typeof t.width == "number" && t.width > 0 && typeof t.height == "number" && t.height > 0;
 }
-function ln(t, e = {}) {
+function cn(t, e = {}) {
   var y, b, o, g, w;
-  const n = (t.placements ?? []).filter(Ft), r = n.map((f) => f.label), i = e.placement ? n.find((f) => f.label === e.placement) : n[0];
+  const n = (t.placements ?? []).filter(Ft), r = n.map((p) => p.label), i = e.placement ? n.find((p) => p.label === e.placement) : n[0];
   if (!i)
     throw e.placement ? new T(
       "E_PRODUCT_NOT_RENDERABLE",
@@ -1079,17 +1080,17 @@ function ln(t, e = {}) {
       { productId: t.id, docSlug: "embed-mode" }
     );
   const s = ((y = t.options) == null ? void 0 : y.attributes) ?? {}, c = Object.values(s).some(
-    (f) => {
+    (p) => {
       var S;
-      return (S = f == null ? void 0 : f.choices) == null ? void 0 : S.some((v) => v == null ? void 0 : v.hex);
+      return (S = p == null ? void 0 : p.choices) == null ? void 0 : S.some((v) => v == null ? void 0 : v.hex);
     }
   ) ? (g = (o = (b = t.options) == null ? void 0 : b.combinations) == null ? void 0 : o.find(
-    (f) => typeof f.variantId == "string" && f.variantId !== ""
-  )) == null ? void 0 : g.variantId : void 0, u = t.mockups ?? [], a = c ? u.filter((f) => {
+    (p) => typeof p.variantId == "string" && p.variantId !== ""
+  )) == null ? void 0 : g.variantId : void 0, u = t.mockups ?? [], a = c ? u.filter((p) => {
     var S;
-    return (S = f.gvids) == null ? void 0 : S.includes(c);
-  }) : u, p = (a.length > 0 ? a : u).map((f) => f.id);
-  if (p.length === 0)
+    return (S = p.gvids) == null ? void 0 : S.includes(c);
+  }) : u, f = (a.length > 0 ? a : u).map((p) => p.id);
+  if (f.length === 0)
     throw new T(
       "E_PRODUCT_NOT_RENDERABLE",
       `product ${t.id} has no mockup scenes — nothing to render a preview into.`,
@@ -1098,10 +1099,10 @@ function ln(t, e = {}) {
   return {
     product: {
       productId: t.id,
-      mockupIds: p,
+      mockupIds: f,
       ...typeof c == "string" ? { variantId: c } : {},
       options: t.options,
-      placements: (w = t.placements) == null ? void 0 : w.map((f) => f.label),
+      placements: (w = t.placements) == null ? void 0 : w.map((p) => p.label),
       mockups: u,
       requiredPlacements: t.requiredPlacements,
       ...t.defaultGvid ? { defaultGvid: t.defaultGvid } : {},
@@ -1114,13 +1115,13 @@ function ln(t, e = {}) {
       aspectRatio: i.width / i.height
     },
     placementLabels: r,
-    placements: n.map((f) => ({
-      label: f.label,
-      width: f.width,
-      height: f.height,
-      aspectRatio: f.width / f.height
+    placements: n.map((p) => ({
+      label: p.label,
+      width: p.width,
+      height: p.height,
+      aspectRatio: p.width / p.height
     })),
-    primaryMockupId: p[0],
+    primaryMockupId: f[0],
     variantId: c
   };
 }
@@ -1239,15 +1240,15 @@ function qt({
                 }
               }
             ),
-            n > 1 ? Array.from({ length: n }, (a, p) => /* @__PURE__ */ l(
+            n > 1 ? Array.from({ length: n }, (a, f) => /* @__PURE__ */ l(
               ae,
               {
-                label: `View ${p + 1}${p === r ? " ✓" : ""}`,
+                label: `View ${f + 1}${f === r ? " ✓" : ""}`,
                 onSelect: () => {
-                  u(), i(p);
+                  u(), i(f);
                 }
               },
-              p
+              f
             )) : null,
             /* @__PURE__ */ l(
               ae,
@@ -1364,7 +1365,7 @@ function Wt({
   className: s,
   style: d
 }) {
-  const [c, u] = C(!1), [a, p] = C(0), [m, y] = C(!1), b = x(null), o = ct(), g = n[Math.min(a, n.length - 1)], w = F(async () => {
+  const [c, u] = C(!1), [a, f] = C(0), [m, y] = C(!1), b = x(null), o = ct(), g = n[Math.min(a, n.length - 1)], w = F(async () => {
     var D;
     const v = await ((D = b.current) == null ? void 0 : D.exportArtboards({ format: "dataUrl" }));
     if (!v) return;
@@ -1372,7 +1373,7 @@ function Wt({
     if (typeof R != "string") return;
     const _ = document.createElement("a");
     _.href = R, _.download = `${V ?? "design"}.png`, _.click();
-  }, []), f = {
+  }, []), p = {
     display: "flex",
     flexDirection: "column",
     overflow: "hidden",
@@ -1414,7 +1415,7 @@ function Wt({
       "data-sc-part": "snowcone-editor",
       "data-sc-fullscreen": c ? "true" : void 0,
       className: s,
-      style: f,
+      style: p,
       children: [
         /* @__PURE__ */ N(
           "div",
@@ -1437,7 +1438,7 @@ function Wt({
                   onToggleFullscreen: () => u((v) => !v),
                   viewCount: n.length,
                   viewIndex: a,
-                  onSelectView: p,
+                  onSelectView: f,
                   onExport: () => void w()
                 }
               ),
@@ -1543,7 +1544,7 @@ function Wt({
     }
   );
 }
-function cn(t) {
+function un(t) {
   const {
     onAddToCart: e,
     defaultQuantity: n,
@@ -1569,18 +1570,18 @@ function cn(t) {
 We();
 export {
   M as E,
-  sn as R,
-  cn as S,
-  on as a,
-  an as b,
-  rn as c,
+  an as R,
+  un as S,
+  sn as a,
+  dn as b,
+  on as c,
   Re as d,
   xt as e,
   Ut as f,
   Bt as g,
-  dn as h,
-  ln as p,
+  ln as h,
+  cn as p,
   K as u,
-  ft as v
+  pt as v
 };
-//# sourceMappingURL=embed-BTRtoktw.js.map
+//# sourceMappingURL=embed-Csez1hui.js.map