@snowcone-app/canvas 0.35.5 → 0.36.1

package/dist/{embed-p_FskJ1G.js → embed-DWDEtP0_.js}

@@ -1,24 +1,24 @@
-import { E as Le, p as Ve, q as Be, C as Fe, r as H, t as J, v as Ue, w as Me, x as je, y as qe, z as ze, h as Ke, e as We } from "./useCommands-D16Tq-B-.js";
-import { E as T, y as be, z as L } from "./FontAnalyzer-CEYA_6fY.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 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 { s as le, B as tt, E as nt, r as rt, i as ot } from "./design-builder-CqgTpp9B.js";
-import { u as it, p as st } from "./usePieceGuideBundle-BUQKb0Ja.js";
-import { D as at, C as dt, f as lt, d as ct } from "./template-fields-jgE6czak.js";
+import { E as Ue, p as Me, q as qe, C as je, r as H, t as J, v as ze, w as Ke, x as We, y as Ge, z as He, h as Je, e as Qe } from "./useCommands-D16Tq-B-.js";
+import { E as T, y as xe, z as V } from "./FontAnalyzer-CEYA_6fY.js";
+import { jsx as l, jsxs as N, Fragment as Ye } from "react/jsx-runtime";
+import { useContext as Xe, createContext as Ze, useRef as x, useState as C, useMemo as O, useCallback as U, useLayoutEffect as Q, useEffect as _, useSyncExternalStore as z, Component as et, forwardRef as Re, useId as ce, memo as tt, isValidElement as Se } from "react";
+import { assertVariantSelected as nt, RenderSession as rt, createCartDetail as ot } from "@snowcone-app/sdk";
+import { s as ue, B as it, E as st, r as at, i as dt } from "./design-builder-CqgTpp9B.js";
+import { u as lt, p as ct } from "./usePieceGuideBundle-BUQKb0Ja.js";
+import { D as ut, C as mt, f as ft, d as pt } from "./template-fields-jgE6czak.js";
 import "./ExportManager-D1PAlOiE.js";
 import "./CanvasStateV1-BoG8ld4D.js";
-const xe = Je(void 0);
+const ke = Ze(void 0);
 function K() {
-  const t = He(xe);
+  const t = Xe(ke);
   if (!t)
     throw new Error(
       "useRealtimeMockups / <RealtimeCanvas> / <RealtimeMockup> must be rendered inside <RealtimeEmbed>. Wrap them: <RealtimeEmbed shop=… product=… design=… grantUrl=…>…</RealtimeEmbed>"
     );
   return t;
 }
-const ut = "[RealtimeEmbed]";
-function mt(t) {
+const ht = "[RealtimeEmbed]";
+function Ce(t) {
   var r, i;
   if ((r = t == null ? void 0 : t.requiredPlacements) != null && r.length)
     return t.requiredPlacements.filter((s) => !s.autoFilledByVariant).map((s) => s.label);
@@ -27,7 +27,7 @@ function mt(t) {
   );
   return !!(t != null && t.variantId) || e.size > 1 ? [] : (t == null ? void 0 : t.placements) ?? [];
 }
-function Re({ shop: t, product: e, design: n, hasGrant: r }) {
+function Ie({ shop: t, product: e, design: n, hasGrant: r }) {
   var y, b;
   const i = [];
   if (t || i.push({
@@ -44,7 +44,7 @@ function Re({ shop: t, product: e, design: n, hasGrant: r }) {
     message: 'product.mockupIds is empty — pass the catalog scene codes (product.mockups[].id) you want rendered, e.g. ["FV1qjO"].'
   }), e != null && e.options)
     try {
-      Xe(e);
+      nt(e);
     } catch (o) {
       i.push({
         severity: "error",
@@ -52,8 +52,8 @@ function Re({ shop: t, product: e, design: n, hasGrant: r }) {
         message: o instanceof Error ? o.message : String(o)
       });
     }
-  const s = n.toJSON(), d = s.artboards.map((o) => o.name), c = mt(e), u = c.filter((o) => !d.includes(o));
-  c.length > 1 && u.length > 0 && i.push({
+  const s = n.toJSON(), d = s.artboards.map((o) => o.name), c = Ce(e), u = c.filter((o) => !d.includes(o));
+  c.length > 1 && d.length > 1 && u.length > 0 && i.push({
     severity: "error",
     issue: "multi-placement",
     message: `product ${e.productId} requires placements [${c.join(", ")}] but the design only has artboards [${d.join(", ")}] — missing [${u.join(", ")}]. The render would time out waiting for the missing canvas_states. Add each missing placement to the seed: design(…).artboard('` + u[0] + "', { width, height })… (ADR-0088), or use the eject path — see https://developers.snowcone.app/embed-mode#eject."
@@ -71,11 +71,11 @@ function Re({ shop: t, product: e, design: n, hasGrant: r }) {
     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) {
-  for (const e of Re(t))
-    (e.severity === "error" && e.issue !== "placement-mismatch" ? console.error : console.warn)(`${ut} ${e.message}`);
+function gt(t) {
+  for (const e of Ie(t))
+    (e.severity === "error" && e.issue !== "placement-mismatch" ? console.error : console.warn)(`${ht} ${e.message}`);
 }
-function Se({ registry: t, store: e, product: n }) {
+function Oe({ registry: t, store: e, product: n }) {
   const r = [], i = t.getParts(), s = t.getTextFields(), d = t.requiresCanvasPartNames();
   d.length > 0 && !t.hasCanvas() && r.push({
     code: "A_REQUIRES_CANVAS",
@@ -140,13 +140,13 @@ function Se({ registry: t, store: e, product: n }) {
   return { findings: r, parts: b };
 }
 const G = [];
-function pt(t) {
+function yt(t) {
   return G.push(t), () => {
     const e = G.indexOf(t);
     e !== -1 && G.splice(e, 1);
   };
 }
-function rn() {
+function an() {
   const t = G[G.length - 1];
   if (!t)
     throw new T(
@@ -156,18 +156,18 @@ function rn() {
     );
   return t.compute();
 }
-const ke = 8e3;
-function ht(t) {
-  return `[RealtimeEmbed] No mockup after ${Math.round(ke / 1e3)}s. Common causes: a variant product missing \`variantId\` (pass \`product.options\` so the embed can flag it up front), a multi-placement product (the server waits for every required placement but <RealtimeEmbed> sends only "${t}" — pass \`product.requiredPlacements\` so this is flagged at mount; such products need the eject path), an unreachable or non-public asset URL in the design, or the placement "${t}" not existing on the product. The render may still arrive — this is a heads-up, not a failure.`;
+const Ne = 8e3;
+function vt(t) {
+  return `[RealtimeEmbed] No mockup after ${Math.round(Ne / 1e3)}s. Common causes: a variant product missing \`variantId\` (pass \`product.options\` so the embed can flag it up front), a multi-placement product (the server waits for every required placement but <RealtimeEmbed> sends only "${t}" — pass \`product.requiredPlacements\` so this is flagged at mount; such products need the eject path), an unreachable or non-public asset URL in the design, or the placement "${t}" not existing on the product. The render may still arrive — this is a heads-up, not a failure.`;
 }
-function gt(t) {
+function bt(t) {
   if ("grantUrl" in t && t.grantUrl)
     return { grantUrl: t.grantUrl };
   const e = t.grant;
   return typeof e == "function" ? { getToken: e } : { getToken: () => Promise.resolve(e) };
 }
-function Ce({ error: t, onRetry: e }) {
-  const n = be(t) ? t.code : "EDITOR_ERROR";
+function Te({ error: t, onRetry: e }) {
+  const n = xe(t) ? t.code : "EDITOR_ERROR";
   return /* @__PURE__ */ N(
     "div",
     {
@@ -213,7 +213,7 @@ function Ce({ error: t, onRetry: e }) {
     }
   );
 }
-class yt extends Qe {
+class wt extends et {
   constructor() {
     super(...arguments), this.state = { caught: null };
   }
@@ -222,20 +222,20 @@ class yt extends Qe {
   }
   componentDidCatch(e) {
     var n;
-    rt(e), typeof L < "u" && ((n = L.env) == null ? void 0 : n.NODE_ENV) !== "production" && console.error("[Editor.Root] contained a composition error:", e);
+    at(e), typeof V < "u" && ((n = V.env) == null ? void 0 : n.NODE_ENV) !== "production" && console.error("[Editor.Root] contained a composition error:", e);
   }
   render() {
-    return this.state.caught ? /* @__PURE__ */ l(Ce, { error: this.state.caught }) : this.props.children;
+    return this.state.caught ? /* @__PURE__ */ l(Te, { error: this.state.caught }) : this.props.children;
   }
 }
-function vt({ reportedError: t, onRetry: e, children: n }) {
+function Et({ reportedError: t, onRetry: e, children: n }) {
   if (t) {
-    const r = be(t) && t.code === "E_CHUNK_LOAD_FAILED";
-    return /* @__PURE__ */ l(Ce, { error: t, onRetry: r ? e : void 0 });
+    const r = xe(t) && t.code === "E_CHUNK_LOAD_FAILED";
+    return /* @__PURE__ */ l(Te, { error: t, onRetry: r ? e : void 0 });
   }
-  return /* @__PURE__ */ l(yt, { reportedError: null, onRetry: e, children: n });
+  return /* @__PURE__ */ l(wt, { reportedError: null, onRetry: e, children: n });
 }
-function bt(t) {
+function xt(t) {
   const {
     shop: e,
     product: n,
@@ -261,7 +261,7 @@ function bt(t) {
       f({ design: r, label: h });
     },
     [r, g]
-  ), V = O(() => {
+  ), B = O(() => {
     const h = r.toJSON().artboards[0];
     if (h)
       return {
@@ -276,107 +276,109 @@ function bt(t) {
     m.commerce.getVersion,
     m.commerce.getVersion
   );
-  const R = m.commerce.renderVariantId(), _ = it(R ?? n.variantId ?? n.defaultGvid), D = O(() => {
-    if (!_) return null;
+  const R = m.commerce.renderVariantId(), A = lt(R ?? n.variantId ?? n.defaultGvid), P = O(() => {
+    if (!A) return null;
     const h = r.toJSON().artboards[0];
-    return st(_, h) ?? null;
-  }, [_, r]), P = x(s), A = x(d), j = x(c);
-  P.current = s, A.current = d, j.current = c;
-  const [ce, _e] = C([]), [Y, W] = C(!0), [ue, X] = C(null), ne = !!("grantUrl" in t && t.grantUrl || "grant" in t && t.grant), re = gt(t), Ae = "grantUrl" in re ? re.grantUrl : "getToken", me = `${n.productId}|${n.mockupIds.join(",")}|${n.variantId ?? ""}`, q = `${e}|${me}|${o}|${ne}`, oe = O(() => {
+    return ct(A, h) ?? null;
+  }, [A, r]), L = x(s), D = x(d), q = x(c);
+  L.current = s, D.current = d, q.current = c;
+  const [me, Le] = C([]), [Y, W] = C(!0), [fe, X] = C(null), re = !!("grantUrl" in t && t.grantUrl || "grant" in t && t.grant), oe = bt(t), Ve = "grantUrl" in oe ? oe.grantUrl : "getToken", pe = `${n.productId}|${n.mockupIds.join(",")}|${n.variantId ?? ""}`, j = `${e}|${pe}|${o}|${re}`, ie = O(() => {
     var I;
-    const h = Re({ shop: e, product: n, design: r, hasGrant: ne });
+    const h = Ie({ shop: e, product: n, design: r, hasGrant: re });
     if (b !== "throw") return h;
-    const E = h.find((B) => B.severity === "error");
+    const E = h.find((F) => F.severity === "error");
     if (E)
       throw new T("E_EMBED_CONFIG", E.message, {
         issue: E.issue,
         docSlug: "embed-mode"
       });
-    for (const B of h)
-      typeof L < "u" && ((I = L.env) == null ? void 0 : I.NODE_ENV) !== "production" && console.warn(`[Editor.Root] ${B.message}`);
+    for (const F of h)
+      typeof V < "u" && ((I = V.env) == null ? void 0 : I.NODE_ENV) !== "production" && console.warn(`[Editor.Root] ${F.message}`);
     return h;
-  }, [q, b]), fe = x(null);
-  $(() => {
+  }, [j, b]), he = x(null);
+  _(() => {
     var h;
-    if (oe.length !== 0 && fe.current !== q) {
-      fe.current = q;
-      for (const E of oe) (h = j.current) == null || h.call(j, E);
+    if (ie.length !== 0 && he.current !== j) {
+      he.current = j;
+      for (const E of ie) (h = q.current) == null || h.call(q, E);
     }
-  }, [oe, q]);
-  const pe = x(null);
-  $(() => {
+  }, [ie, j]);
+  const ge = 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 (b === "warn" && typeof V < "u" && ((h = V.env) == null ? void 0 : h.NODE_ENV) !== "production") {
+      if (ge.current === j) return;
+      ge.current = j, gt({ shop: e, product: n, design: r, hasGrant: re });
     }
-  }, [q, b]);
+  }, [j, b]);
   const Z = O(
     () => {
       try {
-        return { session: new Ze({ shop: e, product: n, wsUrl: u, ...re }) };
+        return { session: new rt({ shop: e, product: n, wsUrl: u, ...oe }) };
       } catch (h) {
         return { error: h instanceof Error ? h.message : String(h) };
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [e, me, o, u, Ae]
+    [e, pe, o, u, Ve]
   ), k = "session" in Z ? Z.session : null, ee = "error" in Z ? Z.error : null, te = O(() => (h, E = i) => {
     if (!k) return;
     X(null), W(!0);
-    const I = (U) => {
-      var ye;
-      const ge = U instanceof Error ? U.message : String(U);
-      X(ge), W(!1), (ye = A.current) == null || ye.call(A, ge);
-    }, B = h.artboards ?? [];
-    if (B.length > 1) {
-      for (const U of B)
-        k.renderState(
-          typeof U.name == "string" && U.name ? U.name : o,
-          { schemaVersion: h.schemaVersion, artboards: [U] },
-          E
-        ).catch(I);
+    const I = ($) => {
+      var we;
+      const ne = $ instanceof Error ? $.message : String($);
+      X(ne), W(!1), (we = D.current) == null || we.call(D, ne);
+    }, F = ($, ne) => void k.renderState($, { schemaVersion: h.schemaVersion, artboards: [ne] }, E).catch(I), ae = h.artboards ?? [];
+    if (ae.length > 1) {
+      for (const $ of ae)
+        F(typeof $.name == "string" && $.name ? $.name : o, $);
+      return;
+    }
+    const ve = Ce(n), be = ae[0];
+    if (be && ve.length > 1) {
+      for (const $ of ve)
+        F($, { ...be, name: $ });
       return;
     }
     k.renderState(o, h, E).catch(I);
-  }, [k, o, i]);
-  $(() => {
+  }, [k, o, n, i]);
+  _(() => {
     var h;
     if (ee) {
-      X(ee), W(!1), (h = A.current) == null || h.call(A, ee);
+      X(ee), W(!1), (h = D.current) == null || h.call(D, ee);
       return;
     }
     if (k)
       return k.onMockups((E) => {
         var I;
-        _e(E), W(!1), (I = P.current) == null || I.call(P, E);
+        Le(E), W(!1), (I = L.current) == null || I.call(L, E);
       }), k.onError((E) => {
         var I;
-        X(E), W(!1), (I = A.current) == null || I.call(A, E);
+        X(E), W(!1), (I = D.current) == null || I.call(D, E);
       }), te(r.toServerRequest()), () => k.close();
   }, [k, ee]);
-  const ie = x({
+  const se = x({
     session: null,
     variantId: void 0
   });
-  $(() => {
+  _(() => {
     if (!k || !R) return;
-    const h = ie.current, E = h.session === k ? h.variantId : n.variantId;
+    const h = se.current, E = h.session === k ? h.variantId : n.variantId;
     if (R === E) {
-      ie.current = { session: k, variantId: E };
+      se.current = { session: k, variantId: E };
       return;
     }
-    ie.current = { session: k, variantId: R }, k.setProduct({ ...n, variantId: R }), te(le(m.store.getState()));
-  }, [k, R]), $(() => {
+    se.current = { session: k, variantId: R }, k.setProduct({ ...n, variantId: R }), te(ue(m.store.getState()));
+  }, [k, R]), _(() => {
     if (!Y) return;
     const h = setTimeout(() => {
-      var I, B;
-      const E = ht(o);
-      typeof L < "u" && ((I = L.env) == null ? void 0 : I.NODE_ENV) !== "production" && console.warn(E), (B = j.current) == null || B.call(j, { severity: "warn", issue: "slow-render", message: E });
-    }, ke);
+      var I, F;
+      const E = vt(o);
+      typeof V < "u" && ((I = V.env) == null ? void 0 : I.NODE_ENV) !== "production" && console.warn(E), (F = q.current) == null || F.call(q, { severity: "warn", issue: "slow-render", message: E });
+    }, Ne);
     return () => clearTimeout(h);
   }, [Y, o]);
-  const De = O(
+  const Be = O(
     () => ({
       session: k,
       design: r,
@@ -386,48 +388,48 @@ function bt(t) {
       placements: g,
       selectPlacement: v,
       product: n,
-      mockups: ce,
+      mockups: me,
       isRendering: Y,
-      error: ue,
+      error: fe,
       throttleMs: i,
-      pieceGuides: D,
+      pieceGuides: P,
       pushRender: te,
       stateStore: m.store
     }),
-    [k, r, S, g, v, n, ce, Y, ue, i, D, te, m.store]
-  ), Pe = z(
+    [k, r, S, g, v, n, me, Y, fe, i, P, te, m.store]
+  ), Fe = z(
     m.registry.subscribe,
     m.registry.getVersion,
     m.registry.getVersion
   );
   O(() => {
     y(
-      Se({ registry: m.registry, store: m.store, product: n })
+      Oe({ registry: m.registry, store: m.store, product: n })
     ), m.registry.validate();
-  }, [m.registry, Pe]);
-  const he = /* @__PURE__ */ l(Be.Provider, { value: m, children: /* @__PURE__ */ l(xe.Provider, { value: De, children: /* @__PURE__ */ l(tt.Provider, { value: m.registry, children: /* @__PURE__ */ l(
-    nt,
+  }, [m.registry, Fe]);
+  const ye = /* @__PURE__ */ l(qe.Provider, { value: m, children: /* @__PURE__ */ l(ke.Provider, { value: Be, children: /* @__PURE__ */ l(it.Provider, { value: m.registry, children: /* @__PURE__ */ l(
+    st,
     {
-      ...V ? { initialArtboardConfig: V } : {},
+      ...B ? { initialArtboardConfig: B } : {},
       children: p
     }
   ) }) }) });
-  return a ? /* @__PURE__ */ l(Fe, { services: a, children: he }) : he;
+  return a ? /* @__PURE__ */ l(je, { services: a, children: ye }) : ye;
 }
-function Ie(t) {
+function $e(t) {
   const { design: e, product: n, onAudit: r } = t, i = `${n.productId}|${n.variantId ?? ""}`, s = x(null), d = x(null), [c, u] = C(null);
   (s.current === null || s.current.design !== e) && (s.current = {
     design: e,
     internals: {
-      store: new at(e.toJSON()),
-      registry: new Le()
+      store: new ut(e.toJSON()),
+      registry: new Ue()
     }
-  }), (d.current === null || d.current.productIdentity !== i) && (d.current = { productIdentity: i, commerce: new dt(n) });
+  }), (d.current === null || d.current.productIdentity !== i) && (d.current = { productIdentity: i, commerce: new mt(n) });
   const a = O(
     () => ({
       ...s.current.internals,
       commerce: d.current.commerce,
-      ...Ve(u)
+      ...Me(u)
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s.current.internals, d.current.commerce]
@@ -435,19 +437,19 @@ function Ie(t) {
   p.current = n;
   const m = x(r);
   m.current = r;
-  const y = x(null), b = F((w) => {
+  const y = x(null), b = U((w) => {
     y.current = w;
-  }, []), o = F(
-    () => Se({
+  }, []), o = U(
+    () => Oe({
       registry: s.current.internals.registry,
       store: s.current.internals.store,
       product: p.current
     }),
     []
   );
-  Q(() => pt({ compute: o }), [o]);
+  Q(() => yt({ compute: o }), [o]);
   const g = x(!1);
-  return $(() => {
+  return _(() => {
     let w = !1;
     return queueMicrotask(() => {
       var f;
@@ -458,21 +460,21 @@ function Ie(t) {
   }, [o]), // `display: contents` — the .sc-root scope without a layout box, so the
   // host's grid/flex sees the parts directly (and the legacy RealtimeEmbed
   // 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 }) }) });
+  /* @__PURE__ */ l("div", { className: "sc-root", style: { display: "contents" }, "data-sc-part": "root", children: /* @__PURE__ */ l(Et, { reportedError: c, onRetry: () => u(null), children: /* @__PURE__ */ l(xt, { ...t, internals: a, recordAudit: b }) }) });
 }
-let wt = () => import("./EditorCanvasImpl-Dl75xnjk.js").then((t) => t.EditorCanvasImpl);
-function Oe() {
-  return wt();
+let Rt = () => import("./EditorCanvasImpl-Ba6Lj6yQ.js").then((t) => t.EditorCanvasImpl);
+function _e() {
+  return Rt();
 }
-const Et = we(function({ children: e, maxHeight: n, floatingToolbar: r = !0, className: i, style: s }, d) {
+const St = Re(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();
+  const u = ce();
   Q(() => c.registry.registerCanvas(u), [c.registry, u]);
   const [a, p] = C(null);
-  return $(() => {
+  return _(() => {
     let m = !1;
-    return Oe().then(
+    return _e().then(
       (y) => {
         m || p(() => y);
       },
@@ -517,7 +519,7 @@ const Et = we(function({ children: e, maxHeight: n, floatingToolbar: r = !0, cla
     }
   );
 });
-function xt() {
+function kt() {
   const { placements: t, placement: e, selectPlacement: n } = K();
   return O(
     () => ({
@@ -528,8 +530,8 @@ function xt() {
     [t, e, n]
   );
 }
-function Rt({ className: t, style: e }) {
-  const { placements: n, select: r } = xt();
+function Ct({ className: t, style: e }) {
+  const { placements: n, select: r } = kt();
   return n.length < 2 ? null : /* @__PURE__ */ l(
     "div",
     {
@@ -564,8 +566,8 @@ function Rt({ className: t, style: e }) {
     }
   );
 }
-const St = 200, kt = 400;
-function Ct() {
+const It = 200, Ot = 400;
+function Nt() {
   return Array.from({ length: 10 }, () => ({
     left: 2 + Math.random() * 96,
     top: 2 + Math.random() * 96,
@@ -574,10 +576,10 @@ function Ct() {
     size: 3 + Math.random() * 5
   }));
 }
-let ve = !1;
-function It() {
-  if (!(ve || typeof CSS > "u" || typeof CSS.registerProperty != "function")) {
-    ve = !0;
+let Ee = !1;
+function Tt() {
+  if (!(Ee || typeof CSS > "u" || typeof CSS.registerProperty != "function")) {
+    Ee = !0;
     try {
       CSS.registerProperty({ name: "--sc-prism-mount", syntax: "<number>", initialValue: "0", inherits: !0 });
     } catch {
@@ -588,22 +590,22 @@ function It() {
     }
   }
 }
-const Ne = Ye(function({
+const Ae = tt(function({
   visible: e = !0,
   onExited: n,
   variant: r = "dark"
 }) {
-  It();
+  Tt();
   const [i, s] = C([]);
-  $(() => {
-    s(Ct());
+  _(() => {
+    s(Nt());
   }, []);
   const [d, c] = C(!1);
-  $(() => {
+  _(() => {
     const p = requestAnimationFrame(() => c(!0));
     return () => cancelAnimationFrame(p);
   }, []);
-  const u = F(
+  const u = U(
     (p) => {
       p.propertyName === "background-color" && (e || n == null || n());
     },
@@ -638,39 +640,39 @@ const Ne = Ye(function({
     }
   );
 });
-function Te(t) {
+function De(t) {
   const [e, n] = C(!1), [r, i] = C(!1), s = x(null), d = x(null), c = x(!1);
-  c.current = e, $(() => (t ? (i(!1), d.current && clearTimeout(d.current), s.current = setTimeout(() => n(!0), St)) : (s.current && (clearTimeout(s.current), s.current = null), c.current && (i(!0), d.current = setTimeout(() => i(!1), kt))), () => {
+  c.current = e, _(() => (t ? (i(!1), d.current && clearTimeout(d.current), s.current = setTimeout(() => n(!0), It)) : (s.current && (clearTimeout(s.current), s.current = null), c.current && (i(!0), d.current = setTimeout(() => i(!1), Ot))), () => {
     s.current && clearTimeout(s.current), d.current && clearTimeout(d.current);
   }), [t]);
-  const u = F(() => n(!1), []);
+  const u = U(() => n(!1), []);
   return {
     showOverlay: e,
     overlayVisible: t || r,
     handleExited: u
   };
 }
-const Ot = 1.2, se = [1200, 1400, 1600, 1800, 2e3, 2500, 3e3, 4e3];
-function Nt(t) {
-  for (const e of se)
+const $t = 1.2, de = [1200, 1400, 1600, 1800, 2e3, 2500, 3e3, 4e3];
+function _t(t) {
+  for (const e of de)
     if (e >= t) return e;
-  return se[se.length - 1];
+  return de[de.length - 1];
 }
-function Tt(t, e) {
-  if (!(t > 0) || !(e > 0) || e <= t * Ot) return null;
-  const n = Nt(e);
+function At(t, e) {
+  if (!(t > 0) || !(e > 0) || e <= t * $t) return null;
+  const n = _t(e);
   return `[RealtimeMockup] mockup rendered at ${t}px but displayed at ~${e} device px — the preview will look soft. Pass \`product.width\` (e.g. ${n}) on the embed for a crisp preview.`;
 }
-function $t(t) {
+function Dt(t) {
   if (t === void 0 || t === !0 || t === "dark") return "dark";
-  if (t === "light" || t === "host-owned" || Ee(t)) return t;
+  if (t === "light" || t === "host-owned" || Se(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>.`,
     { docSlug: "preview-loading-overlay" }
   );
 }
-function $e({
+function Pe({
   mockupId: t,
   fallback: e = null,
   alt: n = "Live product mockup",
@@ -680,15 +682,15 @@ 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 = Ee(a) ? a : null, y = a !== "host-owned", { showOverlay: b, overlayVisible: o, handleExited: g } = Te(
+  const a = Dt(r), p = a === "dark" || a === "light" ? a : null, m = Se(a) ? a : null, y = a !== "host-owned", { showOverlay: b, overlayVisible: o, handleExited: g } = De(
     y && u
   ), w = x(/* @__PURE__ */ new Set()), f = 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;
-    const V = v.currentTarget, R = V.getBoundingClientRect().width;
+    var L;
+    if (!f || typeof V > "u" || ((L = V.env) == null ? void 0 : L.NODE_ENV) === "production" || typeof window > "u" || w.current.has(f.mockupId)) return;
+    const B = v.currentTarget, R = B.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));
+    const A = Math.round(R * (window.devicePixelRatio || 1)), P = At(B.naturalWidth, A);
+    P && (w.current.add(f.mockupId), console.warn(P));
   };
   if (y) {
     const v = f != null && f.imageUrl ? u ? "rendering" : "ready" : c ? "error" : "rendering";
@@ -719,7 +721,7 @@ function $e({
               }
             ) : null
           ) : b && p ? /* @__PURE__ */ l(
-            Ne,
+            Ae,
             {
               visible: o,
               variant: p,
@@ -757,11 +759,11 @@ function $e({
     }
   ) : /* @__PURE__ */ l("div", { "data-sc-part": "preview", "data-sc-preview-state": "rendering", "aria-busy": "true", style: { display: "contents" }, children: e });
 }
-function _t(t) {
+function Pt(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);
-  if (!ot(e))
+  const { pushRender: c, throttleMs: u, stateStore: a } = K(), p = ce(), m = x(null);
+  if (!dt(e))
     throw new T(
       "E_LAYER_TOKEN_REQUIRED",
       `the \`layer\` prop must be a token minted by the design — pass layer={design.layer("name")}, not ${typeof e == "string" ? `the bare string "${e}"` : "a plain value"}. Tokens validate the name against the design's layers at mint time.`,
@@ -788,7 +790,7 @@ function _t(t) {
     a.subscribe,
     () => a.textOf(e.name) ?? "",
     () => a.textOf(e.name) ?? ""
-  ), b = F(
+  ), b = U(
     (o) => {
       const g = o.target.value, w = d.registry.getCanvasBridge();
       if (w) {
@@ -801,7 +803,7 @@ function _t(t) {
         );
         return;
       }
-      a.updateTextLayer(e.name, g), c(le(a.getState()), u);
+      a.updateTextLayer(e.name, g), c(ue(a.getState()), u);
     },
     [d, e.name, a, c, u]
   );
@@ -820,7 +822,7 @@ function _t(t) {
     }
   );
 }
-function At(t) {
+function Lt(t) {
   const e = [];
   for (const n of t.missingOptionKeys)
     e.push(`option:${n}`);
@@ -837,13 +839,13 @@ function At(t) {
   }
   return t.hasRenderableElement || e.push("empty-design"), (!Number.isInteger(t.quantity) || t.quantity < 1) && e.push("quantity"), e;
 }
-function Dt(t, e) {
+function Vt(t, e) {
   const n = e.getCombinations(), r = e.getAttributes();
   if (Object.keys(r).length === 0 || n.length === 0) return null;
   const i = Object.fromEntries(
-    Object.entries(r).map(([s, d]) => [s, { ...d, choices: lt(d) }])
+    Object.entries(r).map(([s, d]) => [s, { ...d, choices: ft(d) }])
   );
-  return et({
+  return ot({
     productId: t.productId,
     quantity: e.getQuantity(),
     selection: e.getSelection(),
@@ -851,7 +853,7 @@ function Dt(t, e) {
     attributes: i
   });
 }
-function Pt(t) {
+function Bt(t) {
   const { onAddToCart: e, defaultQuantity: n, children: r, className: i, style: s } = t, d = H("Editor.Buy");
   J("Editor.Buy");
   const { product: c, stateStore: u } = K(), a = d.commerce;
@@ -870,7 +872,7 @@ function Pt(t) {
     d.registry.getVersion,
     d.registry.getVersion
   ), o = a.getQuantity(), g = O(
-    () => At({
+    () => Lt({
       quantity: o,
       missingOptionKeys: a.missingOptionKeys(),
       selectionValid: a.selectionValid(),
@@ -881,25 +883,25 @@ 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, [f, S] = C(!1), v = x(!1), B = U(() => {
     if (v.current || !w) return;
     v.current = !0, S(!0);
-    const R = u.getState(), _ = a.resolvedVariantId(), D = {
+    const R = u.getState(), A = a.resolvedVariantId(), P = {
       productId: c.productId,
-      ..._ ? { variantId: _ } : {},
+      ...A ? { variantId: A } : {},
       quantity: a.getQuantity(),
       selection: a.getSelection(),
-      cartDetail: Dt(c, a),
+      cartDetail: Vt(c, a),
       designState: R,
-      serverRequest: le(R)
+      serverRequest: ue(R)
     };
-    let P;
+    let L;
     try {
-      P = e(D);
-    } catch (A) {
-      throw v.current = !1, S(!1), A;
+      L = e(P);
+    } catch (D) {
+      throw v.current = !1, S(!1), D;
     }
-    Promise.resolve(P).finally(() => {
+    Promise.resolve(L).finally(() => {
       v.current = !1, S(!1);
     });
   }, [w, c, a, u, e]);
@@ -912,27 +914,27 @@ function Pt(t) {
       "data-sc-buy-missing": g.join(",") || void 0,
       disabled: !w || f,
       "aria-busy": f || void 0,
-      onClick: V,
+      onClick: B,
       className: i,
       style: s,
       children: r ?? "Add to cart"
     }
   );
 }
-function Lt({
+function Ft({
   placement: t = "docked",
   className: e,
   style: n
 }) {
   const r = H("Editor.Controls");
-  Ue("Editor.Controls"), J("Editor.Controls");
-  const i = de();
+  ze("Editor.Controls"), J("Editor.Controls");
+  const i = ce();
   Q(
     () => r.registry.registerControls(i, t),
     [r.registry, i, t]
   );
   const s = t === "docked", [d, c] = C(null);
-  return $(() => {
+  return _(() => {
     if (!s) return;
     let u = !1;
     return import("./ContextualToolbars-TCO7dzu6.js").then((a) => a.s).then(
@@ -963,12 +965,12 @@ function Lt({
     }
   ) : null;
 }
-function Vt({
+function Ut({
   variant: t = "dark",
   className: e,
   style: n
 }) {
-  const { isRendering: r } = K(), { showOverlay: i, overlayVisible: s, handleExited: d } = Te(r);
+  const { isRendering: r } = K(), { showOverlay: i, overlayVisible: s, handleExited: d } = De(r);
   return i ? /* @__PURE__ */ l(
     "div",
     {
@@ -976,12 +978,12 @@ function Vt({
       className: `sc-loading-overlay-host${e ? ` ${e}` : ""}`,
       style: n,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ l(Ne, { visible: s, variant: t, onExited: d })
+      children: /* @__PURE__ */ l(Ae, { visible: s, variant: t, onExited: d })
     }
   ) : null;
 }
-function Bt() {
-  const e = H("useProductSelection").commerce, n = z(e.subscribe, e.getVersion, e.getVersion), r = F((s, d) => e.select(s, d), [e]), i = F((s) => e.setQuantity(s), [e]);
+function Mt() {
+  const e = H("useProductSelection").commerce, n = z(e.subscribe, e.getVersion, e.getVersion), r = U((s, d) => e.select(s, d), [e]), i = U((s) => e.setQuantity(s), [e]);
   return O(
     () => ({
       attributes: e.getAttributes(),
@@ -1001,41 +1003,41 @@ function Bt() {
 }
 const M = {
   /** The one provider boundary — session, design, live state, error boundary. */
-  Root: Ie,
+  Root: $e,
   /** The editable artboard (the ONE lazy renderer boundary — D9). */
-  Canvas: Et,
+  Canvas: St,
   /** Live product mockup. ×N under one Root is valid. */
-  Preview: $e,
+  Preview: Pe,
   /** Placement switcher tabs (ADR-0088). Renders nothing for a
    *  single-placement design; headless floor = usePlacements(). */
-  Placements: Rt,
+  Placements: Ct,
   /** Form input bound to a design text layer by typed token (T1). */
-  TextField: _t,
+  TextField: Pt,
   /** Smart commerce part: completeness + payload assembly; submit = host callback. */
-  Buy: Pt,
+  Buy: Bt,
   /** Layer list. The one editor part that works canvas-free (ADR-0085 §4). */
-  Layers: ze,
+  Layers: He,
   /** Morphing contextual zone — ONE coarse part; placement docked|floating (§5). */
-  Controls: Lt,
+  Controls: Ft,
   /** Undo/redo controls. Requires Editor.Canvas. */
-  History: qe,
+  History: Ge,
   /** The one ⋯ overflow menu. Requires Editor.Canvas. */
-  Menu: je,
+  Menu: We,
   /** The ⊕ add-element menu. Requires Editor.Canvas. */
-  Add: Me,
+  Add: Ke,
   /** Standalone render-in-flight rainbow for host-owned preview surfaces.
    *  Fills its positioned parent; rides the session (canvas-free). */
-  LoadingOverlay: Vt
+  LoadingOverlay: Ut
 };
-function on(t) {
-  return /* @__PURE__ */ l(Ie, { ...t, __validation: "warn" });
+function dn(t) {
+  return /* @__PURE__ */ l($e, { ...t, __validation: "warn" });
 }
-const sn = we(
+const ln = Re(
   function(e, n) {
     const { children: r, className: i, style: s, maxHeight: d, ...c } = e, [u, a] = C(null);
-    return $(() => {
+    return _(() => {
       let p = !1;
-      return Oe().then(
+      return _e().then(
         (m) => {
           p || a(() => m);
         },
@@ -1055,19 +1057,19 @@ const sn = we(
     );
   }
 );
-function an(t) {
-  return /* @__PURE__ */ l($e, { ...t });
+function cn(t) {
+  return /* @__PURE__ */ l(Pe, { ...t });
 }
-function dn() {
+function un() {
   const { mockups: t, isRendering: e, error: n } = K();
   return { mockups: t, isRendering: e, error: n };
 }
-function Ft(t) {
+function qt(t) {
   return t.type !== "color" && typeof t.width == "number" && t.width > 0 && typeof t.height == "number" && t.height > 0;
 }
-function ln(t, e = {}) {
+function mn(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(qt), r = n.map((f) => f.label), i = e.placement ? n.find((f) => f.label === e.placement) : n[0];
   if (!i)
     throw e.placement ? new T(
       "E_PRODUCT_NOT_RENDERABLE",
@@ -1124,7 +1126,7 @@ function ln(t, e = {}) {
     variantId: c
   };
 }
-function Ut(t) {
+function jt(t) {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD",
@@ -1132,7 +1134,7 @@ function Ut(t) {
     maximumFractionDigits: t % 100 === 0 ? 0 : 2
   }).format(t / 100);
 }
-const Mt = {
+const zt = {
   display: "inline-flex",
   alignItems: "center",
   justifyContent: "center",
@@ -1147,7 +1149,7 @@ const Mt = {
   fontSize: 16,
   lineHeight: 1,
   cursor: "pointer"
-}, jt = {
+}, Kt = {
   display: "flex",
   alignItems: "center",
   gap: 10,
@@ -1163,7 +1165,7 @@ const Mt = {
   textAlign: "left",
   cursor: "pointer"
 };
-function ae({
+function le({
   label: t,
   onSelect: e
 }) {
@@ -1173,13 +1175,13 @@ function ae({
       type: "button",
       role: "menuitem",
       "data-sc-part": "snowcone-editor-menu-item",
-      style: jt,
+      style: Kt,
       onClick: e,
       children: t
     }
   );
 }
-function qt({
+function Wt({
   fullscreen: t,
   onToggleFullscreen: e,
   viewCount: n,
@@ -1197,12 +1199,12 @@ function qt({
         "aria-haspopup": "menu",
         "aria-expanded": d,
         "data-sc-part": "snowcone-editor-menu",
-        style: Mt,
+        style: zt,
         onClick: () => c((a) => !a),
         children: "⋮"
       }
     ),
-    d ? /* @__PURE__ */ N(Ge, { children: [
+    d ? /* @__PURE__ */ N(Ye, { children: [
       /* @__PURE__ */ l(
         "div",
         {
@@ -1231,7 +1233,7 @@ function qt({
           },
           children: [
             /* @__PURE__ */ l(
-              ae,
+              le,
               {
                 label: t ? "Exit fullscreen" : "Fullscreen",
                 onSelect: () => {
@@ -1240,7 +1242,7 @@ function qt({
               }
             ),
             n > 1 ? Array.from({ length: n }, (a, p) => /* @__PURE__ */ l(
-              ae,
+              le,
               {
                 label: `View ${p + 1}${p === r ? " ✓" : ""}`,
                 onSelect: () => {
@@ -1250,7 +1252,7 @@ function qt({
               p
             )) : null,
             /* @__PURE__ */ l(
-              ae,
+              le,
               {
                 label: "Export PNG",
                 onSelect: () => {
@@ -1264,9 +1266,9 @@ function qt({
     ] }) : null
   ] });
 }
-function zt() {
-  const { flatLayers: t, selectLayer: e, generateAllPreviews: n } = Ke({ previewSize: 96 });
-  return $(() => {
+function Gt() {
+  const { flatLayers: t, selectLayer: e, generateAllPreviews: n } = Je({ previewSize: 96 });
+  return _(() => {
     t.length > 0 && n();
   }, [t.length, n]), /* @__PURE__ */ N(
     "div",
@@ -1321,11 +1323,11 @@ function zt() {
     }
   );
 }
-function Kt({
+function Ht({
   onAddToCart: t,
   defaultQuantity: e
 }) {
-  const { price: n, complete: r } = Bt();
+  const { price: n, complete: r } = Mt();
   return /* @__PURE__ */ N(
     M.Buy,
     {
@@ -1350,12 +1352,12 @@ function Kt({
       },
       children: [
         "Add to cart",
-        typeof n == "number" ? ` · ${Ut(n)}` : ""
+        typeof n == "number" ? ` · ${jt(n)}` : ""
       ]
     }
   );
 }
-function Wt({
+function Jt({
   title: t,
   height: e,
   mockupIds: n,
@@ -1364,14 +1366,14 @@ 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 () => {
-    var D;
-    const v = await ((D = b.current) == null ? void 0 : D.exportArtboards({ format: "dataUrl" }));
+  const [c, u] = C(!1), [a, p] = C(0), [m, y] = C(!1), b = x(null), o = pt(), g = n[Math.min(a, n.length - 1)], w = U(async () => {
+    var P;
+    const v = await ((P = b.current) == null ? void 0 : P.exportArtboards({ format: "dataUrl" }));
     if (!v) return;
-    const [V, R] = Object.entries(v)[0] ?? [];
+    const [B, R] = Object.entries(v)[0] ?? [];
     if (typeof R != "string") return;
-    const _ = document.createElement("a");
-    _.href = R, _.download = `${V ?? "design"}.png`, _.click();
+    const A = document.createElement("a");
+    A.href = R, A.download = `${B ?? "design"}.png`, A.click();
   }, []), f = {
     display: "flex",
     flexDirection: "column",
@@ -1431,7 +1433,7 @@ function Wt({
               /* @__PURE__ */ l("span", { style: { fontSize: 14, fontWeight: 700, marginRight: "auto" }, children: t }),
               /* @__PURE__ */ l(M.History, {}),
               /* @__PURE__ */ l(
-                qt,
+                Wt,
                 {
                   fullscreen: c,
                   onToggleFullscreen: () => u((v) => !v),
@@ -1441,7 +1443,7 @@ function Wt({
                   onExport: () => void w()
                 }
               ),
-              /* @__PURE__ */ l(Kt, { onAddToCart: r, defaultQuantity: i })
+              /* @__PURE__ */ l(Ht, { onAddToCart: r, defaultQuantity: i })
             ]
           }
         ),
@@ -1535,7 +1537,7 @@ function Wt({
             style: { flexShrink: 0, padding: "4px 16px 14px" },
             children: [
               /* @__PURE__ */ l("div", { style: { display: o ? void 0 : "none" }, children: /* @__PURE__ */ l(M.Controls, { placement: "docked" }) }),
-              o ? null : /* @__PURE__ */ l(zt, {})
+              o ? null : /* @__PURE__ */ l(Gt, {})
             ]
           }
         )
@@ -1543,7 +1545,7 @@ function Wt({
     }
   );
 }
-function cn(t) {
+function fn(t) {
   const {
     onAddToCart: e,
     defaultQuantity: n,
@@ -1554,7 +1556,7 @@ function cn(t) {
     ...c
   } = t;
   return /* @__PURE__ */ l(M.Root, { ...c, children: /* @__PURE__ */ l(
-    Wt,
+    Jt,
     {
       title: r,
       height: i,
@@ -1566,21 +1568,21 @@ function cn(t) {
     }
   ) });
 }
-We();
+Qe();
 export {
   M as E,
-  sn as R,
-  cn as S,
-  on as a,
-  an as b,
-  rn as c,
-  Re as d,
-  xt as e,
-  Ut as f,
-  Bt as g,
-  dn as h,
-  ln as p,
+  ln as R,
+  fn as S,
+  dn as a,
+  cn as b,
+  an as c,
+  Ie as d,
+  kt as e,
+  jt as f,
+  Mt as g,
+  un as h,
+  mn as p,
   K as u,
-  ft as v
+  gt as v
 };
-//# sourceMappingURL=embed-p_FskJ1G.js.map
+//# sourceMappingURL=embed-DWDEtP0_.js.map