@snowcone-app/canvas 0.30.0 → 0.31.0

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

@@ -1,14 +1,13 @@
-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 { 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-bPXY9rCh.js";
+import { E as T, y as be, z as L } from "./FontAnalyzer-BYhwxDhe.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 { 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";
+import { s as le, B as tt, E as nt, r as rt, i as ot } from "./design-builder-CBG2hKc8.js";
+import { u as it, p as st } from "./usePieceGuideBundle-Bj98nPk0.js";
+import { D as at, C as dt, f as lt, d as ct } from "./template-fields-CvFcr5zy.js";
+import "./ExportManager-Bkzzyxgw.js";
+import "./CanvasStateV1-jLOibojY.js";
 const xe = Je(void 0);
 function K() {
   const t = He(xe);
@@ -65,14 +64,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 f = s.elements.map((o) => o.name).filter((o) => !!o), m = f.filter((o, g) => f.indexOf(o) !== g);
+  const p = s.elements.map((o) => o.name).filter((o) => !!o), m = p.filter((o, g) => p.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 pt(t) {
+function ft(t) {
   for (const e of Re(t))
     (e.severity === "error" && e.issue !== "placement-mismatch" ? console.error : console.warn)(`${ut} ${e.message}`);
 }
@@ -111,15 +110,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 f = [];
+  const p = [];
   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())}>)}.`
-    }) : f.push(o);
-  const m = f.filter((o) => !o.optional);
+    }) : p.push(o);
+  const m = p.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({
@@ -141,13 +140,13 @@ function Se({ registry: t, store: e, product: n }) {
   return { findings: r, parts: b };
 }
 const G = [];
-function ft(t) {
+function pt(t) {
   return G.push(t), () => {
     const e = G.indexOf(t);
     e !== -1 && G.splice(e, 1);
   };
 }
-function on() {
+function rn() {
   const t = G[G.length - 1];
   if (!t)
     throw new T(
@@ -247,11 +246,11 @@ function bt(t) {
     onIssue: c,
     wsUrl: u,
     services: a,
-    children: f,
+    children: p,
     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, p] = 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, f] = C(null), S = w && w.design === r ? w.label : o, v = O(
     () => (h) => {
       if (!g.includes(h))
         throw new T(
@@ -259,7 +258,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" }
         );
-      p({ design: r, label: h });
+      f({ design: r, label: h });
     },
     [r, g]
   ), V = O(() => {
@@ -277,10 +276,10 @@ function bt(t) {
     m.commerce.getVersion,
     m.commerce.getVersion
   );
-  const R = m.commerce.renderVariantId(), _ = ot(R ?? n.variantId ?? n.defaultGvid), D = O(() => {
+  const R = m.commerce.renderVariantId(), _ = it(R ?? n.variantId ?? n.defaultGvid), D = O(() => {
     if (!_) return null;
     const h = r.toJSON().artboards[0];
-    return it(_, h) ?? null;
+    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(() => {
@@ -296,20 +295,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]), pe = x(null);
+  }, [q, b]), fe = x(null);
   $(() => {
     var h;
-    if (oe.length !== 0 && pe.current !== q) {
-      pe.current = q;
+    if (oe.length !== 0 && fe.current !== q) {
+      fe.current = q;
       for (const E of oe) (h = j.current) == null || h.call(j, E);
     }
   }, [oe, q]);
-  const fe = x(null);
+  const pe = x(null);
   $(() => {
     var h;
     if (b === "warn" && typeof L < "u" && ((h = L.env) == null ? void 0 : h.NODE_ENV) !== "production") {
-      if (fe.current === q) return;
-      fe.current = q, pt({ shop: e, product: n, design: r, hasGrant: ne });
+      if (pe.current === q) return;
+      pe.current = q, ft({ shop: e, product: n, design: r, hasGrant: ne });
     }
   }, [q, b]);
   const Z = O(
@@ -410,7 +409,7 @@ function bt(t) {
     nt,
     {
       ...V ? { initialArtboardConfig: V } : {},
-      children: f
+      children: p
     }
   ) }) }) });
   return a ? /* @__PURE__ */ l(Fe, { services: a, children: he }) : he;
@@ -432,8 +431,8 @@ function Ie(t) {
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [s.current.internals, d.current.commerce]
-  ), f = x(n);
-  f.current = n;
+  ), p = x(n);
+  p.current = n;
   const m = x(r);
   m.current = r;
   const y = x(null), b = F((w) => {
@@ -442,17 +441,17 @@ function Ie(t) {
     () => Se({
       registry: s.current.internals.registry,
       store: s.current.internals.store,
-      product: f.current
+      product: p.current
     }),
     []
   );
-  Q(() => ft({ compute: o }), [o]);
+  Q(() => pt({ compute: o }), [o]);
   const g = x(!1);
   return $(() => {
     let w = !1;
     return queueMicrotask(() => {
-      var p;
-      w || g.current || (g.current = !0, (p = m.current) == null || p.call(m, y.current ?? o()));
+      var f;
+      w || g.current || (g.current = !0, (f = m.current) == null || f.call(m, y.current ?? o()));
     }), () => {
       w = !0;
     };
@@ -461,7 +460,7 @@ 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-DXeBz2CX.js").then((t) => t.EditorCanvasImpl);
+let wt = () => import("./EditorCanvasImpl-P2GHPNA3.js").then((t) => t.EditorCanvasImpl);
 function Oe() {
   return wt();
 }
@@ -470,12 +469,12 @@ const Et = we(function({ children: e, maxHeight: n, floatingToolbar: r = !0, cla
   J("Editor.Canvas", { floatingToolbar: r });
   const u = de();
   Q(() => c.registry.registerCanvas(u), [c.registry, u]);
-  const [a, f] = C(null);
+  const [a, p] = C(null);
   return $(() => {
     let m = !1;
     return Oe().then(
       (y) => {
-        m || f(() => y);
+        m || p(() => y);
       },
       (y) => {
         m || c.reportRuntimeError(
@@ -601,12 +600,12 @@ const Ne = Ye(function({
   }, []);
   const [d, c] = C(!1);
   $(() => {
-    const f = requestAnimationFrame(() => c(!0));
-    return () => cancelAnimationFrame(f);
+    const p = requestAnimationFrame(() => c(!0));
+    return () => cancelAnimationFrame(p);
   }, []);
   const u = F(
-    (f) => {
-      f.propertyName === "background-color" && (e || n == null || n());
+    (p) => {
+      p.propertyName === "background-color" && (e || n == null || n());
     },
     [e, n]
   );
@@ -619,18 +618,18 @@ const Ne = Ye(function({
       onTransitionEnd: u,
       "aria-hidden": "true",
       children: [
-        Array.from({ length: 6 }, (f, m) => /* @__PURE__ */ l("div", { className: "sc-prism-band" }, `b-${m}`)),
-        i.map((f, m) => /* @__PURE__ */ l(
+        Array.from({ length: 6 }, (p, m) => /* @__PURE__ */ l("div", { className: "sc-prism-band" }, `b-${m}`)),
+        i.map((p, m) => /* @__PURE__ */ l(
           "div",
           {
             className: "sc-prism-particle",
             style: {
-              left: `${f.left}%`,
-              top: `${f.top}%`,
-              animationDelay: `${f.delay}s`,
-              animationDuration: `${f.duration}s`,
-              width: `${f.size}px`,
-              height: `${f.size}px`
+              left: `${p.left}%`,
+              top: `${p.top}%`,
+              animationDelay: `${p.delay}s`,
+              animationDuration: `${p.duration}s`,
+              width: `${p.size}px`,
+              height: `${p.size}px`
             }
           },
           `p-${m}`
@@ -681,18 +680,18 @@ function $e({
 }) {
   const { mockups: d, error: c, isRendering: u } = K();
   J("Editor.Preview", { ...t !== void 0 ? { mockupId: t } : {} });
-  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(
+  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(
     y && u
-  ), w = x(/* @__PURE__ */ new Set()), p = t ? d.find((v) => v.mockupId === t && v.imageUrl) : d.find((v) => v.imageUrl), S = (v) => {
+  ), 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 (!p || typeof L > "u" || ((P = L.env) == null ? void 0 : P.NODE_ENV) === "production" || typeof window > "u" || w.current.has(p.mockupId)) return;
+    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;
     if (R <= 0) return;
     const _ = Math.round(R * (window.devicePixelRatio || 1)), D = Tt(V.naturalWidth, _);
-    D && (w.current.add(p.mockupId), console.warn(D));
+    D && (w.current.add(f.mockupId), console.warn(D));
   };
   if (y) {
-    const v = p != null && p.imageUrl ? u ? "rendering" : "ready" : c ? "error" : "rendering";
+    const v = f != null && f.imageUrl ? u ? "rendering" : "ready" : c ? "error" : "rendering";
     return /* @__PURE__ */ N(
       "div",
       {
@@ -702,9 +701,9 @@ function $e({
         className: `sc-preview-frame${i ? ` ${i}` : ""}`,
         style: s,
         children: [
-          p != null && p.imageUrl ? (
+          f != null && f.imageUrl ? (
             // eslint-disable-next-line @next/next/no-img-element
-            /* @__PURE__ */ l("img", { "data-sc-part": "preview-image", src: p.imageUrl, alt: n, onLoad: S })
+            /* @__PURE__ */ l("img", { "data-sc-part": "preview-image", src: f.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
@@ -719,11 +718,11 @@ function $e({
                 children: m
               }
             ) : null
-          ) : b && f ? /* @__PURE__ */ l(
+          ) : b && p ? /* @__PURE__ */ l(
             Ne,
             {
               visible: o,
-              variant: f,
+              variant: p,
               onExited: g
             }
           ) : null
@@ -731,14 +730,14 @@ function $e({
       }
     );
   }
-  return p != null && p.imageUrl ? (
+  return f != null && f.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: p.imageUrl,
+        src: f.imageUrl,
         alt: n,
         className: i,
         style: s,
@@ -761,8 +760,8 @@ 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(), f = de(), m = x(null);
-  if (!st(e))
+  const { pushRender: c, throttleMs: u, stateStore: a } = K(), p = de(), m = x(null);
+  if (!ot(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.`,
@@ -784,7 +783,7 @@ function _t(t) {
       );
     m.current = e.name;
   }
-  Q(() => d.registry.registerTextField(f, { name: e.name, optional: n }), [d.registry, f, e.name, n]);
+  Q(() => d.registry.registerTextField(p, { name: e.name, optional: n }), [d.registry, p, e.name, n]);
   const y = z(
     a.subscribe,
     () => a.textOf(e.name) ?? "",
@@ -862,9 +861,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 f = x(!1);
+  const p = x(!1);
   Q(() => {
-    f.current || (f.current = !0, typeof n == "number" && a.setQuantity(n));
+    p.current || (p.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,
@@ -882,7 +881,7 @@ function Pt(t) {
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [a, o, m, y, b]
-  ), w = g.length === 0, [p, S] = C(!1), v = x(!1), V = F(() => {
+  ), w = g.length === 0, [f, 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 = {
@@ -909,10 +908,10 @@ function Pt(t) {
     {
       type: "button",
       "data-sc-part": "buy",
-      "data-sc-buy-state": p ? "busy" : w ? "ready" : "incomplete",
+      "data-sc-buy-state": f ? "busy" : w ? "ready" : "incomplete",
       "data-sc-buy-missing": g.join(",") || void 0,
-      disabled: !w || p,
-      "aria-busy": p || void 0,
+      disabled: !w || f,
+      "aria-busy": f || void 0,
       onClick: V,
       className: i,
       style: s,
@@ -936,7 +935,7 @@ function Lt({
   return $(() => {
     if (!s) return;
     let u = !1;
-    return import("./ContextualToolbars-C3D_6sep.js").then((a) => a.s).then(
+    return import("./ContextualToolbars-DRbuUE7W.js").then((a) => a.s).then(
       (a) => {
         u || c(() => a.ContextualToolbars);
       },
@@ -1028,23 +1027,23 @@ const M = {
    *  Fills its positioned parent; rides the session (canvas-free). */
   LoadingOverlay: Vt
 };
-function sn(t) {
+function on(t) {
   return /* @__PURE__ */ l(Ie, { ...t, __validation: "warn" });
 }
-const an = we(
+const sn = we(
   function(e, n) {
     const { children: r, className: i, style: s, maxHeight: d, ...c } = e, [u, a] = C(null);
     return $(() => {
-      let f = !1;
+      let p = !1;
       return Oe().then(
         (m) => {
-          f || a(() => m);
+          p || a(() => m);
         },
         (m) => {
           console.error("[RealtimeCanvas] failed to load the rendering chunk:", m);
         }
       ), () => {
-        f = !0;
+        p = !0;
       };
     }, []), u ? /* @__PURE__ */ l(u, { ref: n, selfScope: !0, maxHeight: d, className: i, style: s, ...c, children: r }) : /* @__PURE__ */ l(
       "div",
@@ -1056,19 +1055,19 @@ const an = we(
     );
   }
 );
-function dn(t) {
+function an(t) {
   return /* @__PURE__ */ l($e, { ...t });
 }
-function ln() {
+function dn() {
   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 cn(t, e = {}) {
+function ln(t, e = {}) {
   var y, b, o, g, w;
-  const n = (t.placements ?? []).filter(Ft), r = n.map((p) => p.label), i = e.placement ? n.find((p) => p.label === e.placement) : n[0];
+  const n = (t.placements ?? []).filter(Ft), 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",
@@ -1080,17 +1079,17 @@ function cn(t, e = {}) {
       { productId: t.id, docSlug: "embed-mode" }
     );
   const s = ((y = t.options) == null ? void 0 : y.attributes) ?? {}, c = Object.values(s).some(
-    (p) => {
+    (f) => {
       var S;
-      return (S = p == null ? void 0 : p.choices) == null ? void 0 : S.some((v) => v == null ? void 0 : v.hex);
+      return (S = f == null ? void 0 : f.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(
-    (p) => typeof p.variantId == "string" && p.variantId !== ""
-  )) == null ? void 0 : g.variantId : void 0, u = t.mockups ?? [], a = c ? u.filter((p) => {
+    (f) => typeof f.variantId == "string" && f.variantId !== ""
+  )) == null ? void 0 : g.variantId : void 0, u = t.mockups ?? [], a = c ? u.filter((f) => {
     var S;
-    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)
+    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)
     throw new T(
       "E_PRODUCT_NOT_RENDERABLE",
       `product ${t.id} has no mockup scenes — nothing to render a preview into.`,
@@ -1099,10 +1098,10 @@ function cn(t, e = {}) {
   return {
     product: {
       productId: t.id,
-      mockupIds: f,
+      mockupIds: p,
       ...typeof c == "string" ? { variantId: c } : {},
       options: t.options,
-      placements: (w = t.placements) == null ? void 0 : w.map((p) => p.label),
+      placements: (w = t.placements) == null ? void 0 : w.map((f) => f.label),
       mockups: u,
       requiredPlacements: t.requiredPlacements,
       ...t.defaultGvid ? { defaultGvid: t.defaultGvid } : {},
@@ -1115,13 +1114,13 @@ function cn(t, e = {}) {
       aspectRatio: i.width / i.height
     },
     placementLabels: r,
-    placements: n.map((p) => ({
-      label: p.label,
-      width: p.width,
-      height: p.height,
-      aspectRatio: p.width / p.height
+    placements: n.map((f) => ({
+      label: f.label,
+      width: f.width,
+      height: f.height,
+      aspectRatio: f.width / f.height
     })),
-    primaryMockupId: f[0],
+    primaryMockupId: p[0],
     variantId: c
   };
 }
@@ -1240,15 +1239,15 @@ function qt({
                 }
               }
             ),
-            n > 1 ? Array.from({ length: n }, (a, f) => /* @__PURE__ */ l(
+            n > 1 ? Array.from({ length: n }, (a, p) => /* @__PURE__ */ l(
               ae,
               {
-                label: `View ${f + 1}${f === r ? " ✓" : ""}`,
+                label: `View ${p + 1}${p === r ? " ✓" : ""}`,
                 onSelect: () => {
-                  u(), i(f);
+                  u(), i(p);
                 }
               },
-              f
+              p
             )) : null,
             /* @__PURE__ */ l(
               ae,
@@ -1365,7 +1364,7 @@ function Wt({
   className: s,
   style: d
 }) {
-  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 () => {
+  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" }));
     if (!v) return;
@@ -1373,7 +1372,7 @@ function Wt({
     if (typeof R != "string") return;
     const _ = document.createElement("a");
     _.href = R, _.download = `${V ?? "design"}.png`, _.click();
-  }, []), p = {
+  }, []), f = {
     display: "flex",
     flexDirection: "column",
     overflow: "hidden",
@@ -1415,7 +1414,7 @@ function Wt({
       "data-sc-part": "snowcone-editor",
       "data-sc-fullscreen": c ? "true" : void 0,
       className: s,
-      style: p,
+      style: f,
       children: [
         /* @__PURE__ */ N(
           "div",
@@ -1438,7 +1437,7 @@ function Wt({
                   onToggleFullscreen: () => u((v) => !v),
                   viewCount: n.length,
                   viewIndex: a,
-                  onSelectView: f,
+                  onSelectView: p,
                   onExport: () => void w()
                 }
               ),
@@ -1544,7 +1543,7 @@ function Wt({
     }
   );
 }
-function un(t) {
+function cn(t) {
   const {
     onAddToCart: e,
     defaultQuantity: n,
@@ -1570,18 +1569,18 @@ function un(t) {
 We();
 export {
   M as E,
-  an as R,
-  un as S,
-  sn as a,
-  dn as b,
-  on as c,
+  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,
-  ln as h,
-  cn as p,
+  dn as h,
+  ln as p,
   K as u,
-  pt as v
+  ft as v
 };
-//# sourceMappingURL=embed-Csez1hui.js.map
+//# sourceMappingURL=embed-D4TIzO7g.js.map