@snowcone-app/canvas 0.37.1 → 0.38.0

package/dist/embed.mjs

@@ -1,53 +1,53 @@
-import { C as a, a as t, b as o, A as r, F as i, G as n, H as d, J as u, K as m, u as l, d as E, f as c, g as p, h as g } from "./useCommands-CQi4Pyd2.js";
-import { E as x, R as C, a as S, b as T, S as P, c as R, d as b, e as y, f as B, g as F, i as v, h, p as k, s as D, j as I, k as L, l as K, v as w } from "./embed-CLz3CTcX.js";
-import { E as G, y as M } from "./FontAnalyzer-CEYA_6fY.js";
-import { D as _, d as z, j as H, i as J, u as N } from "./design-builder-CqgTpp9B.js";
-import { D as Y, T as q, r as O, u as Q, a as U, b as W, c as X, d as Z, e as $, w as ee } from "./template-fields-D8uOutD4.js";
-import { c as ae, e as te, l as oe, r as re } from "./ExportManager-CDX5_up8.js";
-import { s as ne } from "./CanvasStateV1-DLE5d1-d.js";
+import { C as a, g as t, h as o, K as r, N as i, O as n, P as d, Q as m, R as u, b as l, a as E, j as c, k as p, l as g } from "./useCommands-x8J7_Mzy.js";
+import { E as C, R as S, a as T, b as f, S as P, c as R, d as b, e as B, f as F, g as v, i as y, h, p as k, s as D, j as I, k as L, l as K, v as w } from "./embed-SOFUZlGB.js";
+import { t as M, V as j } from "./FontAnalyzer-DWHS41ba.js";
+import { D as N, e as V, h as _, i as z, b as H } from "./design-builder-CoCtjIwj.js";
+import { D as O, T as Q, r as Y, u as q, a as U, b as W, c as X, d as Z, e as $, w as ee } from "./template-fields-CBLHgW7G.js";
+import { F as ae, G as te, H as oe, J as re } from "./ExportManager-BbBfO22S.js";
+import { s as ne } from "./CanvasStateV1-C9LQt2J0.js";
 export {
   a as CanvasServicesProvider,
-  _ as DesignBuilder,
-  Y as DesignStateStore,
-  x as Editor,
-  G as EditorError,
-  C as RealtimeCanvas,
-  S as RealtimeEmbed,
-  T as RealtimeMockup,
+  N as DesignBuilder,
+  O as DesignStateStore,
+  C as Editor,
+  M as EditorError,
+  S as RealtimeCanvas,
+  T as RealtimeEmbed,
+  f as RealtimeMockup,
   P as SnowconeEditor,
-  q as TEMPLATE_FIELDS_KEY,
+  Q as TEMPLATE_FIELDS_KEY,
   R as auditEditor,
   b as bundleToRenderConfig,
-  y as bundleVariantToken,
-  B as collectEmbedIssues,
+  B as bundleVariantToken,
+  F as collectEmbedIssues,
   t as createProxyGenerate,
   o as createProxyImageSearch,
   ae as customFontRegistry,
-  z as design,
+  V as design,
   r as editorElementKind,
   te as ensureCustomFontsLoaded,
-  F as formatBuyPrice,
-  v as isBundleProduct,
+  v as formatBuyPrice,
+  y as isBundleProduct,
   h as isBundleRenderProduct,
-  H as isColorToken,
-  M as isEditorError,
+  _ as isColorToken,
+  j as isEditorError,
   i as isGroupElement,
   n as isImageElement,
-  J as isLayerToken,
+  z as isLayerToken,
   d as isPathElement,
-  u as isShapeElement,
-  m as isTextElement,
+  m as isShapeElement,
+  u as isTextElement,
   oe as loadCustomFont,
   k as productToRenderConfig,
-  O as readTemplateFields,
+  Y as readTemplateFields,
   re as registerCustomFonts,
   ne as serializeState,
   D as splitRoleKey,
   l as useArtboards,
   E as useCanvasServices,
-  Q as useColorBinding,
+  q as useColorBinding,
   c as useCommands,
-  N as useEditor,
+  H as useEditor,
   U as useElementByName,
   p as useExport,
   W as useFontBinding,

package/dist/errors/editorError.d.ts

@@ -39,9 +39,14 @@ export type EditorErrorCode =
 /** `design().artboard()`: an artboard with this label already exists in the
  *  design (artboard names are placement labels — unique by contract). */
  | 'E_DUPLICATE_ARTBOARD'
-/** `usePlacements().select()`: the label names no artboard in the design
- *  (ADR-0088). Lists the valid placement labels. */
+/** `usePlacements().select()` / `.split()`: the label is neither a required
+ *  product placement nor a design artboard (ADR-0088 / ADR-0101). Lists the
+ *  valid placement labels. */
  | 'E_UNKNOWN_PLACEMENT'
+/** `usePlacements().link()`: the label is the BASE artboard — the one every
+ *  linked placement inherits — so it cannot be re-linked (ADR-0101). Link
+ *  a split placement instead, or call `linkAll()`. */
+ | 'E_LINK_BASE'
 /** `select()` named an option key/choice that doesn't exist on the product
  *  (Buy-owned selection, ADR-0085 §2 / P2). */
  | 'E_UNKNOWN_OPTION'

package/dist/{guards-DldCuuJq.js → guards-DMmhw_Ow.js}

@@ -1,4 +1,4 @@
-import { G as n, I as t, P as a, S as s, T as i } from "./FontAnalyzer-CEYA_6fY.js";
+import { G as n, I as t, P as a, S as s, T as i } from "./FontAnalyzer-DWHS41ba.js";
 function r(e) {
   return e instanceof i;
 }
@@ -15,10 +15,10 @@ function f(e) {
   return e instanceof a;
 }
 export {
-  m as a,
+  u as a,
   f as b,
   c,
   r as d,
-  u as i
+  m as i
 };
-//# sourceMappingURL=guards-DldCuuJq.js.map
+//# sourceMappingURL=guards-DMmhw_Ow.js.map

package/dist/{guards-DldCuuJq.js.map → guards-DMmhw_Ow.js.map}

@@ -1 +1 @@
-{"version":3,"file":"guards-DldCuuJq.js","sources":["../src/types/guards.ts"],"sourcesContent":["/**\n * Type guards for EditorElement discrimination\n *\n * These guards use instanceof checks against the concrete element classes,\n * matching the pattern established in EditorContext.tsx. They accept\n * BaseElement | EditorElement | undefined | null for maximum flexibility\n * at call sites.\n */\n\nimport { BaseElement } from '../core/BaseElement.js';\nimport { TextElement } from '../core/TextElement.js';\nimport { ImageElement } from '../core/ImageElement.js';\nimport { GroupElement } from '../core/GroupElement.js';\nimport { ShapeElement } from '../core/ShapeElement.js';\nimport { PathElement } from '../core/PathElement.js';\n\ntype Narrowable = BaseElement | TextElement | ImageElement | GroupElement | ShapeElement | PathElement | undefined | null;\n\n/**\n * Type guard: checks if an element is a TextElement (or any text-based transform subclass).\n *\n * TextElement is the base class for all text transforms (custom, circle, arch, wave, etc.),\n * so this returns true for any text-based element regardless of its specific transformType.\n */\nexport function isTextElement(element: Narrowable): element is TextElement {\n  return element instanceof TextElement;\n}\n\n/**\n * Type guard: checks if an element is an ImageElement.\n */\nexport function isImageElement(element: Narrowable): element is ImageElement {\n  return element instanceof ImageElement;\n}\n\n/**\n * Type guard: checks if an element is a GroupElement.\n */\nexport function isGroupElement(element: Narrowable): element is GroupElement {\n  return element instanceof GroupElement;\n}\n\n/**\n * Type guard: checks if an element is a ShapeElement.\n */\nexport function isShapeElement(element: Narrowable): element is ShapeElement {\n  return element instanceof ShapeElement;\n}\n\n/**\n * Type guard: checks if an element is a PathElement.\n */\nexport function isPathElement(element: Narrowable): element is PathElement {\n  return element instanceof PathElement;\n}\n"],"names":["isTextElement","element","TextElement","isImageElement","ImageElement","isGroupElement","GroupElement","isShapeElement","ShapeElement","isPathElement","PathElement"],"mappings":";AAwBO,SAASA,EAAcC,GAA6C;AACzE,SAAOA,aAAmBC;AAC5B;AAKO,SAASC,EAAeF,GAA8C;AAC3E,SAAOA,aAAmBG;AAC5B;AAKO,SAASC,EAAeJ,GAA8C;AAC3E,SAAOA,aAAmBK;AAC5B;AAKO,SAASC,EAAeN,GAA8C;AAC3E,SAAOA,aAAmBO;AAC5B;AAKO,SAASC,EAAcR,GAA6C;AACzE,SAAOA,aAAmBS;AAC5B;"}
+{"version":3,"file":"guards-DMmhw_Ow.js","sources":["../src/types/guards.ts"],"sourcesContent":["/**\n * Type guards for EditorElement discrimination\n *\n * These guards use instanceof checks against the concrete element classes,\n * matching the pattern established in EditorContext.tsx. They accept\n * BaseElement | EditorElement | undefined | null for maximum flexibility\n * at call sites.\n */\n\nimport { BaseElement } from '../core/BaseElement.js';\nimport { TextElement } from '../core/TextElement.js';\nimport { ImageElement } from '../core/ImageElement.js';\nimport { GroupElement } from '../core/GroupElement.js';\nimport { ShapeElement } from '../core/ShapeElement.js';\nimport { PathElement } from '../core/PathElement.js';\n\ntype Narrowable = BaseElement | TextElement | ImageElement | GroupElement | ShapeElement | PathElement | undefined | null;\n\n/**\n * Type guard: checks if an element is a TextElement (or any text-based transform subclass).\n *\n * TextElement is the base class for all text transforms (custom, circle, arch, wave, etc.),\n * so this returns true for any text-based element regardless of its specific transformType.\n */\nexport function isTextElement(element: Narrowable): element is TextElement {\n  return element instanceof TextElement;\n}\n\n/**\n * Type guard: checks if an element is an ImageElement.\n */\nexport function isImageElement(element: Narrowable): element is ImageElement {\n  return element instanceof ImageElement;\n}\n\n/**\n * Type guard: checks if an element is a GroupElement.\n */\nexport function isGroupElement(element: Narrowable): element is GroupElement {\n  return element instanceof GroupElement;\n}\n\n/**\n * Type guard: checks if an element is a ShapeElement.\n */\nexport function isShapeElement(element: Narrowable): element is ShapeElement {\n  return element instanceof ShapeElement;\n}\n\n/**\n * Type guard: checks if an element is a PathElement.\n */\nexport function isPathElement(element: Narrowable): element is PathElement {\n  return element instanceof PathElement;\n}\n"],"names":["isTextElement","element","TextElement","isImageElement","ImageElement","isGroupElement","GroupElement","isShapeElement","ShapeElement","isPathElement","PathElement"],"mappings":";AAwBO,SAASA,EAAcC,GAA6C;AACzE,SAAOA,aAAmBC;AAC5B;AAKO,SAASC,EAAeF,GAA8C;AAC3E,SAAOA,aAAmBG;AAC5B;AAKO,SAASC,EAAeJ,GAA8C;AAC3E,SAAOA,aAAmBK;AAC5B;AAKO,SAASC,EAAeN,GAA8C;AAC3E,SAAOA,aAAmBO;AAC5B;AAKO,SAASC,EAAcR,GAA6C;AACzE,SAAOA,aAAmBS;AAC5B;"}

package/dist/index.mjs

@@ -1,30 +1,30 @@
-import { e as u } from "./useCommands-CQi4Pyd2.js";
-import { C as p, c as x, a as I, b as v, u as A, d as g, f as T, g as B, h as P } from "./useCommands-CQi4Pyd2.js";
-import { E as F, S as L, S as _, u as O, a as R } from "./SnowconeCanvas-BaFR8QXs.js";
-import { u as m, a as d } from "./design-builder-CqgTpp9B.js";
-import { C as z, D as w, d as D, s as K } from "./design-builder-CqgTpp9B.js";
-import { T as V, r as b, u as h, a as U, b as Y, c as Z, d as G, e as H, w as j } from "./template-fields-D8uOutD4.js";
-import { A as q, C as J, E as Q, M as W, P as X, r as $, v as ee } from "./validation-THw5W6N_.js";
-import { c as ae, e as te, l as oe, r as re } from "./ExportManager-CDX5_up8.js";
+import { e as u } from "./useCommands-x8J7_Mzy.js";
+import { C as c, f as x, g as I, h as v, b as A, a as g, j as T, k as B, l as F } from "./useCommands-x8J7_Mzy.js";
+import { E as y, S as L, S as _, u as O, a as R } from "./SnowconeCanvas-CWSPyqqj.js";
+import { b as m, d } from "./design-builder-CoCtjIwj.js";
+import { C as z, D as w, e as D, s as K } from "./design-builder-CoCtjIwj.js";
+import { T as V, r as b, u as h, a as G, b as H, c as U, d as Y, e as Z, w as j } from "./template-fields-CBLHgW7G.js";
+import { A as J, C as q, E as Q, M as W, P as X, r as $, v as ee } from "./validation-BG-V98h0.js";
+import { F as ae, G as te, H as oe, J as re } from "./ExportManager-BbBfO22S.js";
 import { c as ie, e as ue } from "./compose-DtQL_oit.js";
-import { d as de, m as Ce, s as Se, v as Ee } from "./CanvasStateV1-DLE5d1-d.js";
+import { d as de, m as Ce, s as Se, v as Ee } from "./CanvasStateV1-C9LQt2J0.js";
 function E() {
   const { isCanvasReady: e } = m();
   return e;
 }
-function c() {
+function f() {
   const { zoom: e, panOffset: s, zoomIn: a, zoomOut: t, zoomToFit: o, resetView: r, setZoom: n, setPanOffset: i } = d();
   return { zoom: e, panOffset: s, zoomIn: a, zoomOut: t, zoomToFit: o, resetView: r, setZoom: n, setPanOffset: i };
 }
 u();
 export {
-  q as ALL_CAPABILITIES,
+  J as ALL_CAPABILITIES,
   z as CANVAS_STATE_SCHEMA_VERSION,
-  J as COMPACT_CUSTOMIZER,
-  p as CanvasServicesProvider,
+  q as COMPACT_CUSTOMIZER,
+  c as CanvasServicesProvider,
   w as DesignBuilder,
   Q as EMBED_ONLY,
-  F as ErrorBoundary,
+  y as ErrorBoundary,
   W as MINIMAL_CAPABILITIES,
   X as PRO_STUDIO,
   L as SnowconeCanvas,
@@ -54,14 +54,14 @@ export {
   T as useCommands,
   R as useContentReady,
   m as useEditor,
-  U as useElementByName,
+  G as useElementByName,
   B as useExport,
-  Y as useFontBinding,
-  Z as useImageBinding,
-  P as useLayers,
-  G as useSelectedElement,
-  H as useTextBinding,
-  c as useViewport,
+  H as useFontBinding,
+  U as useImageBinding,
+  F as useLayers,
+  Y as useSelectedElement,
+  Z as useTextBinding,
+  f as useViewport,
   ee as validateKit,
   Ee as validateState,
   j as withTemplateFields

package/dist/internals.mjs

@@ -1,25 +1,25 @@
-import { A as rr, a as or, C as sr, I as er, R as tr, S as nr, T as ar } from "./CanvasRenderer-CTN4j-uO.js";
-import { a as M } from "./ExportManager-CDX5_up8.js";
-import { D as hr, E as cr, I as dr, W as fr, b as ur, d as gr, f as lr, h as pr, i as yr, j as Mr, k as vr, m as Tr, n as kr, o as wr, p as Sr, q as br, s as Cr, t as Pr, u as Ir, v as mr, w as Ar, x as Rr, y as Wr, z as Er, A as Or, B as Hr, C as jr, F as Fr, G as Lr, H as Xr, J as Nr } from "./ExportManager-CDX5_up8.js";
-import { M as H, N as j, c as F, O as L, Q as X } from "./FontAnalyzer-CEYA_6fY.js";
-import { V as zr, W as Br, X as Kr, Y as Ur, Z as Yr, _ as Jr, $ as Vr, a0 as qr, a1 as Gr, a2 as Qr, a3 as Zr, a4 as $r, a5 as xr, a6 as Dr, a7 as ro, a8 as oo, a9 as so, aa as eo, ab as to } from "./FontAnalyzer-CEYA_6fY.js";
-import { A as ao, e as io, C as ho, S as co } from "./CanvasStateV1-DLE5d1-d.js";
-const N = F("image-adjustments"), v = 1e-3;
-function _(r, o) {
-  const { brightness: a, contrast: s, saturation: h } = o, e = a * s, t = 127.5 * (1 - s), f = Math.abs(e - 1) > v || Math.abs(t) > v, i = new Uint8ClampedArray(256);
+import { A as rr, a as or, C as sr, I as er, R as nr, S as tr, T as ir } from "./CanvasRenderer-D-E5WWLm.js";
+import { r as k } from "./ExportManager-BbBfO22S.js";
+import { D as hr, a as cr, I as dr, W as fr, b as gr, c as lr, d as ur, e as pr, f as yr, g as kr, h as vr, i as wr, j as Mr, k as Tr, l as Cr, m as Sr, n as br, o as Pr, p as Ir, q as mr, s as Ar, t as Rr, u as Wr, v as Er, w as Or, x as Hr, y as jr, z as Fr, A as Lr, B as Xr, C as zr } from "./ExportManager-BbBfO22S.js";
+import { i as H, a as j, c as F, r as L, b as X } from "./FontAnalyzer-DWHS41ba.js";
+import { d as _r, e as Br, f as Kr, C as Ur, g as Yr, E as Jr, F as Vr, H as qr, L as Gr, h as Qr, W as Zr, j as $r, k as xr, l as Dr, m as ro, n as oo, o as so, s as eo, w as no } from "./FontAnalyzer-DWHS41ba.js";
+import { A as io, a as ao, C as ho, S as co } from "./CanvasStateV1-C9LQt2J0.js";
+const z = F("image-adjustments"), v = 1e-3;
+function N(r, o) {
+  const { brightness: i, contrast: s, saturation: h } = o, e = i * s, n = 127.5 * (1 - s), f = Math.abs(e - 1) > v || Math.abs(n) > v, a = new Uint8ClampedArray(256);
   if (f)
-    for (let g = 0; g < 256; g++) i[g] = g * e + t;
-  const c = Math.abs(h - 1) > v, n = h, d = 0.213 + 0.787 * n, u = 0.715 - 0.715 * n, b = 0.072 - 0.072 * n, C = 0.213 - 0.213 * n, P = 0.715 + 0.285 * n, I = 0.072 - 0.072 * n, m = 0.213 - 0.213 * n, A = 0.715 - 0.715 * n, R = 0.072 + 0.928 * n;
-  for (let g = 0; g < r.length; g += 4) {
-    let l = r[g], p = r[g + 1], y = r[g + 2];
-    if (f && (l = i[l], p = i[p], y = i[y]), c) {
-      const W = d * l + u * p + b * y, E = C * l + P * p + I * y, O = m * l + A * p + R * y;
-      l = W, p = E, y = O;
+    for (let l = 0; l < 256; l++) a[l] = l * e + n;
+  const c = Math.abs(h - 1) > v, t = h, d = 0.213 + 0.787 * t, g = 0.715 - 0.715 * t, S = 0.072 - 0.072 * t, b = 0.213 - 0.213 * t, P = 0.715 + 0.285 * t, I = 0.072 - 0.072 * t, m = 0.213 - 0.213 * t, A = 0.715 - 0.715 * t, R = 0.072 + 0.928 * t;
+  for (let l = 0; l < r.length; l += 4) {
+    let u = r[l], p = r[l + 1], y = r[l + 2];
+    if (f && (u = a[u], p = a[p], y = a[y]), c) {
+      const W = d * u + g * p + S * y, E = b * u + P * p + I * y, O = m * u + A * p + R * y;
+      u = W, p = E, y = O;
     }
-    r[g] = l, r[g + 1] = p, r[g + 2] = y;
+    r[l] = u, r[l + 1] = p, r[l + 2] = y;
   }
 }
-const k = /* @__PURE__ */ new WeakMap(), z = 4;
+const M = /* @__PURE__ */ new WeakMap(), _ = 4;
 function B(r) {
   const o = r.naturalWidth;
   return typeof o == "number" && o > 0 ? o : r.width;
@@ -32,42 +32,42 @@ function U(r, o) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(r, o);
   if (typeof document < "u") {
-    const a = document.createElement("canvas");
-    return a.width = r, a.height = o, a;
+    const i = document.createElement("canvas");
+    return i.width = r, i.height = o, i;
   }
   throw new Error("image-adjustments: no canvas implementation available (no OffscreenCanvas, no DOM)");
 }
 function Y(r, o) {
-  const a = B(r), s = K(r);
-  if (a <= 0 || s <= 0)
+  const i = B(r), s = K(r);
+  if (i <= 0 || s <= 0)
     throw new Error("image-adjustments: source has no pixels (width/height is 0)");
-  const h = U(a, s), e = h.getContext("2d");
+  const h = U(i, s), e = h.getContext("2d");
   if (!e)
     throw new Error("image-adjustments: could not acquire a 2d context");
-  e.drawImage(r, 0, 0, a, s);
-  const t = e.getImageData(0, 0, a, s);
-  return _(t.data, o), e.putImageData(t, 0, 0), h;
+  e.drawImage(r, 0, 0, i, s);
+  const n = e.getImageData(0, 0, i, s);
+  return N(n.data, o), e.putImageData(n, 0, 0), h;
 }
-function S(r, o) {
+function C(r, o) {
   if (H(o)) return r;
-  const a = j(o);
-  let s = k.get(r);
-  const h = s == null ? void 0 : s.get(a);
+  const i = j(o);
+  let s = M.get(r);
+  const h = s == null ? void 0 : s.get(i);
   if (h)
-    return s.delete(a), s.set(a, h), h;
+    return s.delete(i), s.set(i, h), h;
   let e;
   try {
     e = Y(r, o);
-  } catch (t) {
-    N.error("adjustment pixel pass failed — rendering UNADJUSTED source:", t), e = r;
+  } catch (n) {
+    z.error("adjustment pixel pass failed — rendering UNADJUSTED source:", n), e = r;
   }
-  for (s || (s = /* @__PURE__ */ new Map(), k.set(r, s)), s.set(a, e); s.size > z; ) {
-    const t = s.keys().next().value;
-    s.delete(t);
+  for (s || (s = /* @__PURE__ */ new Map(), M.set(r, s)), s.set(i, e); s.size > _; ) {
+    const n = s.keys().next().value;
+    s.delete(n);
   }
   return e;
 }
-L(S);
+L(C);
 function Q(r, o) {
   return !r.needsCropPixelConversion || r.cropWidth === void 0 ? r : {
     ...r,
@@ -78,36 +78,36 @@ function Q(r, o) {
     needsCropPixelConversion: !1
   };
 }
-function Z(r, o, a) {
-  var t, f;
-  const s = S(
-    a,
+function Z(r, o, i) {
+  var n, f;
+  const s = C(
+    i,
     o.adjustments
   );
   r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180);
   let h = 1, e = 1;
   if (o.flipHorizontal && (h = -1), o.flipVertical && (e = -1), (h !== 1 || e !== 1) && r.scale(h, e), o.opacity !== void 0 && o.opacity !== 1 && (r.globalAlpha = o.opacity), o.borderRadius && o.borderRadius > 0) {
-    const i = Math.min(
+    const a = Math.min(
       o.borderRadius / 100 * Math.min(o.width, o.height),
       o.width / 2,
       o.height / 2
     );
     r.beginPath();
-    const c = -o.width / 2, n = -o.height / 2, d = o.width, u = o.height;
-    r.moveTo(c + i, n), r.lineTo(c + d - i, n), r.arcTo(c + d, n, c + d, n + i, i), r.lineTo(c + d, n + u - i), r.arcTo(c + d, n + u, c + d - i, n + u, i), r.lineTo(c + i, n + u), r.arcTo(c, n + u, c, n + u - i, i), r.lineTo(c, n + i), r.arcTo(c, n, c + i, n, i), r.closePath(), r.clip();
+    const c = -o.width / 2, t = -o.height / 2, d = o.width, g = o.height;
+    r.moveTo(c + a, t), r.lineTo(c + d - a, t), r.arcTo(c + d, t, c + d, t + a, a), r.lineTo(c + d, t + g - a), r.arcTo(c + d, t + g, c + d - a, t + g, a), r.lineTo(c + a, t + g), r.arcTo(c, t + g, c, t + g - a, a), r.lineTo(c, t + a), r.arcTo(c, t, c + a, t, a), r.closePath(), r.clip();
   }
   if (o.cropX !== void 0 && o.cropWidth !== void 0 ? r.drawImage(
     s,
     o.cropX,
     o.cropY || 0,
     o.cropWidth,
-    o.cropHeight || a.height,
+    o.cropHeight || i.height,
     -o.width / 2,
     -o.height / 2,
     o.width,
     o.height
-  ) : r.drawImage(s, -o.width / 2, -o.height / 2, o.width, o.height), r.restore(), (t = o.stroke) != null && t.enabled) {
-    const i = ((f = o.knockoutParts) == null ? void 0 : f.stroke) === !0, c = {
+  ) : r.drawImage(s, -o.width / 2, -o.height / 2, o.width, o.height), r.restore(), (n = o.stroke) != null && n.enabled) {
+    const a = ((f = o.knockoutParts) == null ? void 0 : f.stroke) === !0, c = {
       x: o.x,
       y: o.y,
       rotation: o.rotation,
@@ -120,71 +120,71 @@ function Z(r, o, a) {
         borderRadius: o.borderRadius || 0
       }
     };
-    if (i) {
-      const n = r.canvas;
+    if (a) {
+      const t = r.canvas;
       let d;
       if (typeof OffscreenCanvas < "u")
-        d = new OffscreenCanvas(n.width, n.height);
+        d = new OffscreenCanvas(t.width, t.height);
       else if (typeof document < "u")
-        d = document.createElement("canvas"), d.width = n.width, d.height = n.height;
+        d = document.createElement("canvas"), d.width = t.width, d.height = t.height;
       else {
-        M(r, c);
+        k(r, c);
         return;
       }
-      const u = d.getContext("2d");
-      if (!u) {
-        M(r, c);
+      const g = d.getContext("2d");
+      if (!g) {
+        k(r, c);
         return;
       }
-      M(u, c, { isKnockout: !0 }), r.save(), r.globalCompositeOperation = "destination-out", r.drawImage(d, 0, 0), r.restore();
+      k(g, c, { isKnockout: !0 }), r.save(), r.globalCompositeOperation = "destination-out", r.drawImage(d, 0, 0), r.restore();
     } else
-      M(r, c);
+      k(r, c);
   }
 }
 function J(r, o) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(r, o);
-  const a = document.createElement("canvas");
-  return a.width = r, a.height = o, a;
+  const i = document.createElement("canvas");
+  return i.width = r, i.height = o, i;
 }
 function $(r, o) {
   var e;
-  const a = o.opacity ?? 1, s = !!((e = o.stroke) != null && e.enabled);
-  a < 1 && s ? V(r, o, a) : T(r, o, a);
+  const i = o.opacity ?? 1, s = !!((e = o.stroke) != null && e.enabled);
+  i < 1 && s ? V(r, o, i) : w(r, o, i);
 }
-function V(r, o, a) {
+function V(r, o, i) {
   var d;
-  const s = o.transformData, e = (((d = o.stroke) == null ? void 0 : d.width) || 2) + 2, t = Math.ceil(s.width + e * 2), f = Math.ceil(s.height + e * 2), i = J(t, f), c = i.getContext("2d");
+  const s = o.transformData, e = (((d = o.stroke) == null ? void 0 : d.width) || 2) + 2, n = Math.ceil(s.width + e * 2), f = Math.ceil(s.height + e * 2), a = J(n, f), c = a.getContext("2d");
   if (!c) {
-    T(r, o, a);
+    w(r, o, i);
     return;
   }
-  const n = {
+  const t = {
     ...o,
-    x: t / 2,
+    x: n / 2,
     y: f / 2
   };
-  T(c, n, 1), r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180), r.globalAlpha = a, r.drawImage(i, -t / 2, -f / 2), r.restore();
+  w(c, t, 1), r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180), r.globalAlpha = i, r.drawImage(a, -n / 2, -f / 2), r.restore();
 }
-function T(r, o, a) {
+function w(r, o, i) {
   var e;
   const s = o.transformData, h = s.fillOpacity ?? 1;
-  if (r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180), r.globalAlpha = a * h, r.fillStyle = X(r, s), r.beginPath(), w(r, s), r.fill(), r.restore(), (e = o.stroke) != null && e.enabled) {
+  if (r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180), r.globalAlpha = i * h, r.fillStyle = X(r, s), r.beginPath(), T(r, s), r.fill(), r.restore(), (e = o.stroke) != null && e.enabled) {
     r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180);
-    const t = o.stroke;
-    r.globalAlpha = a * (t.opacity ?? 1), r.strokeStyle = t.color || "#000000", r.lineWidth = t.width || 2, r.lineCap = t.lineCap || "round", r.lineJoin = t.lineJoin || "round", r.beginPath(), w(r, s), r.stroke(), r.restore();
+    const n = o.stroke;
+    r.globalAlpha = i * (n.opacity ?? 1), r.strokeStyle = n.color || "#000000", r.lineWidth = n.width || 2, r.lineCap = n.lineCap || "round", r.lineJoin = n.lineJoin || "round", r.beginPath(), T(r, s), r.stroke(), r.restore();
   }
 }
-function w(r, o) {
-  const { shapeType: a, width: s, height: h } = o;
-  switch (a) {
+function T(r, o) {
+  const { shapeType: i, width: s, height: h } = o;
+  switch (i) {
     case "rectangle": {
-      const e = o.borderRadius || 0, t = -s / 2, f = -h / 2;
+      const e = o.borderRadius || 0, n = -s / 2, f = -h / 2;
       if (e > 0) {
-        const i = Math.min(e / 100 * Math.min(s, h), s / 2, h / 2);
-        r.roundRect(t, f, s, h, i);
+        const a = Math.min(e / 100 * Math.min(s, h), s / 2, h / 2);
+        r.roundRect(n, f, s, h, a);
       } else
-        r.rect(t, f, s, h);
+        r.rect(n, f, s, h);
       break;
     }
     case "circle": {
@@ -197,31 +197,31 @@ function w(r, o) {
       break;
     }
     case "triangle": {
-      const e = s / 2, t = h / 2;
-      r.moveTo(0, -t), r.lineTo(e, t), r.lineTo(-e, t), r.closePath();
+      const e = s / 2, n = h / 2;
+      r.moveTo(0, -n), r.lineTo(e, n), r.lineTo(-e, n), r.closePath();
       break;
     }
     case "polygon": {
-      const e = o.sides || 5, t = Math.min(s, h) / 2;
+      const e = o.sides || 5, n = Math.min(s, h) / 2;
       for (let f = 0; f < e; f++) {
-        const i = f * 2 * Math.PI / e - Math.PI / 2, c = t * Math.cos(i), n = t * Math.sin(i);
-        f === 0 ? r.moveTo(c, n) : r.lineTo(c, n);
+        const a = f * 2 * Math.PI / e - Math.PI / 2, c = n * Math.cos(a), t = n * Math.sin(a);
+        f === 0 ? r.moveTo(c, t) : r.lineTo(c, t);
       }
       r.closePath();
       break;
     }
     case "star": {
-      const e = o.points || 5, t = Math.min(s, h) / 2, f = t * (o.innerRadius || 0.4);
-      for (let i = 0; i < e * 2; i++) {
-        const c = i * Math.PI / e - Math.PI / 2, n = i % 2 === 0 ? t : f, d = n * Math.cos(c), u = n * Math.sin(c);
-        i === 0 ? r.moveTo(d, u) : r.lineTo(d, u);
+      const e = o.points || 5, n = Math.min(s, h) / 2, f = n * (o.innerRadius || 0.4);
+      for (let a = 0; a < e * 2; a++) {
+        const c = a * Math.PI / e - Math.PI / 2, t = a % 2 === 0 ? n : f, d = t * Math.cos(c), g = t * Math.sin(c);
+        a === 0 ? r.moveTo(d, g) : r.lineTo(d, g);
       }
       r.closePath();
       break;
     }
     case "line": {
-      const e = s / 2, t = h / 2;
-      r.rect(-e, -t, s, h);
+      const e = s / 2, n = h / 2;
+      r.rect(-e, -n, s, h);
       break;
     }
     default:
@@ -230,9 +230,9 @@ function w(r, o) {
 }
 export {
   rr as AlignmentSnapSystem,
-  ao as AnyElementConfigSchema,
-  io as AnyTransformDataSchema,
-  zr as ArchTransform,
+  io as AnyElementConfigSchema,
+  ao as AnyTransformDataSchema,
+  _r as ArchTransform,
   Br as ArtboardManager,
   or as ArtboardRenderer,
   Kr as AscendTransform,
@@ -249,37 +249,37 @@ export {
   er as InteractionStateMachine,
   Gr as LeanTransform,
   Qr as LogLevel,
-  tr as ResizePipeline,
+  nr as ResizePipeline,
   co as SerializedArtboardSchema,
-  nr as SpacingSystem,
-  ar as TransformHandles,
+  tr as SpacingSystem,
+  ir as TransformHandles,
   Zr as WaveTransform,
   fr as WorkerExportManager,
-  ur as applySpaceLayoutRules,
-  gr as applyStrokeStyle,
-  lr as buildFontString,
+  gr as applySpaceLayoutRules,
+  lr as applyStrokeStyle,
+  ur as buildFontString,
   $r as calculateFixedCornerPosition,
   xr as calculateResizeHandles,
   Dr as calculateRotationHandlePosition,
   pr as clearImageBitmapCache,
   yr as clearMaskCache,
-  Mr as clearRegisteredBitmapKeys,
+  kr as clearRegisteredBitmapKeys,
   vr as createCirclePath,
-  Tr as createImagePath,
+  wr as createImagePath,
   F as createLogger,
-  kr as createRectPath,
-  wr as createTextPath,
-  Sr as getFontMetrics,
-  br as getSharedWorkerExportManager,
+  Mr as createRectPath,
+  Tr as createTextPath,
+  Cr as getFontMetrics,
+  Sr as getSharedWorkerExportManager,
   ro as hitTestCircle,
   oo as hitTestRect,
-  Cr as invalidateMaskCache,
+  br as invalidateMaskCache,
   so as logger,
   Pr as measureTextWidth,
   Ir as removeFromImageBitmapCache,
   mr as renderCustomTransform,
   Z as renderImageElement,
-  M as renderImageStroke,
+  k as renderImageStroke,
   Ar as renderMultilineText,
   Rr as renderPathStroke,
   Wr as renderRichTextFillOnly,
@@ -293,7 +293,7 @@ export {
   eo as splitRichTextIntoLines,
   Lr as terminateSharedWorkerExportManager,
   Xr as unregisterElementBitmaps,
-  to as wrapRichTextSpans,
-  Nr as wrapText
+  no as wrapRichTextSpans,
+  zr as wrapText
 };
 //# sourceMappingURL=internals.mjs.map