@snowcone-app/canvas 0.31.0 → 0.33.0

package/dist/embed.mjs

@@ -1,10 +1,10 @@
-import { C as a, a as t, b as r, A as o, F as i, G as n, H as d, J as m, K as u, u as l, d as E, f as c, g as p, h as g } from "./useCommands-bPXY9rCh.js";
-import { E as S, R as f, a as C, b as T, S as F, c as v, d as y, f as P, p as b, e as B, g as R, h, v as D } from "./embed-D4TIzO7g.js";
-import { E as L, y as k } from "./FontAnalyzer-BYhwxDhe.js";
-import { D as A, d as G, j as K, i as M, u as _ } from "./design-builder-CBG2hKc8.js";
-import { D as z, T as H, r as J, u as N, a as Y, b as q, c as O, d as Q, e as U, w as V } from "./template-fields-CvFcr5zy.js";
-import { c as X, e as Z, l as $, r as ee } from "./ExportManager-Bkzzyxgw.js";
-import { s as ae } from "./CanvasStateV1-jLOibojY.js";
+import { C as a, a as t, b as r, A as o, F as i, G as n, H as d, J as m, K as u, u as l, d as E, f as c, g as p, h as g } from "./useCommands-DwnZHUg8.js";
+import { E as S, R as f, a as C, b as T, S as F, c as v, d as y, f as P, p as b, e as B, g as R, h, v as D } from "./embed-VTcnrkRj.js";
+import { E as L, y as k } from "./FontAnalyzer-BrKY6XYn.js";
+import { D as A, d as G, j as K, i as M, u as _ } from "./design-builder-BpbYUYtK.js";
+import { D as z, T as H, r as J, u as N, a as Y, b as q, c as O, d as Q, e as U, w as V } from "./template-fields-D-2oLhCi.js";
+import { c as X, e as Z, l as $, r as ee } from "./ExportManager-Ci81K6xA.js";
+import { s as ae } from "./CanvasStateV1-BmC1JfPv.js";
 export {
   a as CanvasServicesProvider,
   A as DesignBuilder,

package/dist/errors/editorError.d.ts

@@ -68,6 +68,13 @@ export type EditorErrorCode =
  *  wrong primitive type). The message names the element kind and lists the
  *  valid keys for it. Dev AND prod. */
  | 'E_INVALID_PATCH'
+/** A shape `fill` value is not a valid `ShapeFill` union member: unknown
+ *  `type` (valid: "solid" | "linear" | "radial"), a gradient with fewer
+ *  than 2 stops, a stop `offset` outside 0..1 (or non-finite), a non-string
+ *  stop `color`, or a non-finite linear `angle`. Thrown wherever a fill
+ *  enters the model — `new ShapeElement(...)` and `updateElement` patches.
+ *  Dev AND prod. */
+ | 'E_INVALID_FILL'
 /** `addElement(spec)`: there is no active artboard to add the element to.
  *  Create or select an artboard first (`<Editor.Root>` seeds one
  *  automatically; with a raw `EditorProvider` use `executeCreateArtboard`).

package/dist/{guards-DgZuwVgu.js → guards-BhaQgJrE.js}

@@ -1,4 +1,4 @@
-import { G as n, I as t, P as a, S as s, T as i } from "./FontAnalyzer-BYhwxDhe.js";
+import { G as n, I as t, P as a, S as s, T as i } from "./FontAnalyzer-BrKY6XYn.js";
 function r(e) {
   return e instanceof i;
 }
@@ -21,4 +21,4 @@ export {
   r as d,
   u as i
 };
-//# sourceMappingURL=guards-DgZuwVgu.js.map
+//# sourceMappingURL=guards-BhaQgJrE.js.map

package/dist/{guards-DgZuwVgu.js.map → guards-BhaQgJrE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"guards-DgZuwVgu.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-BhaQgJrE.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/hooks/elementPatch.d.ts

@@ -2,7 +2,7 @@ import { LayerToken } from '../design/design-builder.js';
 import { EditorElementKind } from '../core/elementGuards.js';
 import { ElementStore } from '../core/ElementStore.js';
 import { EditorElement } from '../contexts/EditorContext.js';
-import { TextAlign, ImageAdjustments } from '../types/index.js';
+import { ImageAdjustments, ShapeFill, TextAlign } from '../types/index.js';
 /**
  * A serializable element patch for {@link UseCommandsReturn.updateElement}.
  *
@@ -14,7 +14,7 @@ import { TextAlign, ImageAdjustments } from '../types/index.js';
  * |---|---|
  * | `x`, `y`, `rotation`, `opacity`, `name`, `visible`, `locked` | every kind |
  * | `text`, `fontSize`, `color`, `fontFamily`, `bold`, `italic`, `textAlign` | text |
- * | `fillColor`, `width`, `height` | shape |
+ * | `fillColor`, `fill`, `width`, `height` | shape |
  * | `imageUrl`, `width`, `height`, `adjustments` | image |
  */
 export interface ElementPatch {
@@ -46,8 +46,13 @@ export interface ElementPatch {
     italic?: boolean;
     /** Text alignment. Text elements only. */
     textAlign?: TextAlign;
-    /** Fill color (CSS color). Shape elements only. */
+    /** Fill color (CSS color). Shape elements only. Also CLEARS any gradient
+     *  `fill` so the patched color is what actually renders (`fill` wins over
+     *  `fillColor` otherwise — a silently-overridden patch is a no-op trap). */
     fillColor?: string;
+    /** Rich fill (solid or gradient) — `{ type: 'solid' | 'linear' | 'radial', ... }`.
+     *  Shape elements only. Invalid unions throw `E_INVALID_FILL`. */
+    fill?: ShapeFill;
     /** Frame width (> 0). Shape and image elements only. */
     width?: number;
     /** Frame height (> 0). Shape and image elements only. */

package/dist/index.mjs

@@ -1,13 +1,13 @@
-import { e as u } from "./useCommands-bPXY9rCh.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-bPXY9rCh.js";
-import { E as F, S as L, S as _, u as O, a as R } from "./SnowconeCanvas-Fa0isFpO.js";
-import { u as m, a as d } from "./design-builder-CBG2hKc8.js";
-import { C as z, D as w, d as D, s as K } from "./design-builder-CBG2hKc8.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-CvFcr5zy.js";
-import { A as q, C as J, E as Q, M as W, P as X, r as $, v as ee } from "./validation-CsTlSvJJ.js";
-import { c as ae, e as te, l as oe, r as re } from "./ExportManager-Bkzzyxgw.js";
+import { e as u } from "./useCommands-DwnZHUg8.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-DwnZHUg8.js";
+import { E as F, S as L, S as _, u as O, a as R } from "./SnowconeCanvas-wMLBZJ9z.js";
+import { u as m, a as d } from "./design-builder-BpbYUYtK.js";
+import { C as z, D as w, d as D, s as K } from "./design-builder-BpbYUYtK.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-D-2oLhCi.js";
+import { A as q, C as J, E as Q, M as W, P as X, r as $, v as ee } from "./validation-CSa86fDE.js";
+import { c as ae, e as te, l as oe, r as re } from "./ExportManager-Ci81K6xA.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-jLOibojY.js";
+import { d as de, m as Ce, s as Se, v as Ee } from "./CanvasStateV1-BmC1JfPv.js";
 function E() {
   const { isCanvasReady: e } = m();
   return e;

package/dist/internals.mjs

@@ -1,26 +1,26 @@
-import { A as D, a as rr, C as or, I as sr, R as er, S as nr, T as tr } from "./CanvasRenderer-hpJ05JGO.js";
-import { a as M } from "./ExportManager-Bkzzyxgw.js";
-import { D as ir, E as hr, I as cr, W as dr, b as fr, d as ur, f as gr, h as lr, i as pr, j as yr, k as Mr, m as vr, n as Tr, o as kr, p as wr, q as Cr, s as br, t as Sr, u as Pr, v as Ir, w as mr, x as Ar, y as Rr, z as Wr, A as Er, B as Or, C as Hr, F as jr, G as Lr, H as Fr, J as Xr } from "./ExportManager-Bkzzyxgw.js";
-import { K as H, L as j, c as L, M as F } from "./FontAnalyzer-BYhwxDhe.js";
-import { N as _r, O as zr, Q as Kr, V as Br, W as Ur, X as Yr, Y as Jr, Z as Vr, _ as qr, $ as Gr, a0 as Qr, a1 as Zr, a2 as $r, a3 as xr, a4 as Dr, a5 as ro, a6 as oo, a7 as so, a8 as eo } from "./FontAnalyzer-BYhwxDhe.js";
-import { A as to, e as ao, C as io, S as ho } from "./CanvasStateV1-jLOibojY.js";
-const X = L("image-adjustments"), v = 1e-3;
-function N(r, o) {
-  const { brightness: a, contrast: s, saturation: h } = o, e = a * s, n = 127.5 * (1 - s), f = Math.abs(e - 1) > v || Math.abs(n) > v, i = new Uint8ClampedArray(256);
+import { A as rr, a as or, C as sr, I as er, R as tr, S as nr, T as ar } from "./CanvasRenderer-1j-twIbs.js";
+import { a as M } from "./ExportManager-Ci81K6xA.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-Ci81K6xA.js";
+import { M as H, N as j, c as F, O as L, Q as X } from "./FontAnalyzer-BrKY6XYn.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-BrKY6XYn.js";
+import { A as ao, e as io, C as ho, S as co } from "./CanvasStateV1-BmC1JfPv.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);
   if (f)
-    for (let g = 0; g < 256; g++) i[g] = g * e + n;
-  const c = Math.abs(h - 1) > v, t = h, d = 0.213 + 0.787 * t, u = 0.715 - 0.715 * t, b = 0.072 - 0.072 * t, S = 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 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 = S * l + P * p + I * y, O = m * l + A * p + R * y;
+      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;
     }
     r[g] = l, r[g + 1] = p, r[g + 2] = y;
   }
 }
-const k = /* @__PURE__ */ new WeakMap(), _ = 4;
-function z(r) {
+const k = /* @__PURE__ */ new WeakMap(), z = 4;
+function B(r) {
   const o = r.naturalWidth;
   return typeof o == "number" && o > 0 ? o : r.width;
 }
@@ -28,7 +28,7 @@ function K(r) {
   const o = r.naturalHeight;
   return typeof o == "number" && o > 0 ? o : r.height;
 }
-function B(r, o) {
+function U(r, o) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(r, o);
   if (typeof document < "u") {
@@ -37,18 +37,18 @@ function B(r, o) {
   }
   throw new Error("image-adjustments: no canvas implementation available (no OffscreenCanvas, no DOM)");
 }
-function U(r, o) {
-  const a = z(r), s = K(r);
+function Y(r, o) {
+  const a = B(r), s = K(r);
   if (a <= 0 || s <= 0)
     throw new Error("image-adjustments: source has no pixels (width/height is 0)");
-  const h = B(a, s), e = h.getContext("2d");
+  const h = U(a, 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 n = e.getImageData(0, 0, a, s);
-  return N(n.data, o), e.putImageData(n, 0, 0), h;
+  const t = e.getImageData(0, 0, a, s);
+  return _(t.data, o), e.putImageData(t, 0, 0), h;
 }
-function C(r, o) {
+function S(r, o) {
   if (H(o)) return r;
   const a = j(o);
   let s = k.get(r);
@@ -57,18 +57,18 @@ function C(r, o) {
     return s.delete(a), s.set(a, h), h;
   let e;
   try {
-    e = U(r, o);
-  } catch (n) {
-    X.error("adjustment pixel pass failed — rendering UNADJUSTED source:", n), e = r;
+    e = Y(r, o);
+  } catch (t) {
+    N.error("adjustment pixel pass failed — rendering UNADJUSTED source:", t), e = r;
   }
-  for (s || (s = /* @__PURE__ */ new Map(), k.set(r, s)), s.set(a, e); s.size > _; ) {
-    const n = s.keys().next().value;
-    s.delete(n);
+  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);
   }
   return e;
 }
-F(C);
-function G(r, o) {
+L(S);
+function Q(r, o) {
   return !r.needsCropPixelConversion || r.cropWidth === void 0 ? r : {
     ...r,
     cropX: (r.cropX ?? 0) * o.width,
@@ -78,9 +78,9 @@ function G(r, o) {
     needsCropPixelConversion: !1
   };
 }
-function Q(r, o, a) {
-  var n, f;
-  const s = C(
+function Z(r, o, a) {
+  var t, f;
+  const s = S(
     a,
     o.adjustments
   );
@@ -93,8 +93,8 @@ function Q(r, o, a) {
       o.height / 2
     );
     r.beginPath();
-    const c = -o.width / 2, t = -o.height / 2, d = o.width, u = o.height;
-    r.moveTo(c + i, t), r.lineTo(c + d - i, t), r.arcTo(c + d, t, c + d, t + i, i), r.lineTo(c + d, t + u - i), r.arcTo(c + d, t + u, c + d - i, t + u, i), r.lineTo(c + i, t + u), r.arcTo(c, t + u, c, t + u - i, i), r.lineTo(c, t + i), r.arcTo(c, t, c + i, t, i), r.closePath(), r.clip();
+    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();
   }
   if (o.cropX !== void 0 && o.cropWidth !== void 0 ? r.drawImage(
     s,
@@ -106,7 +106,7 @@ function Q(r, o, a) {
     -o.height / 2,
     o.width,
     o.height
-  ) : r.drawImage(s, -o.width / 2, -o.height / 2, o.width, o.height), r.restore(), (n = o.stroke) != null && n.enabled) {
+  ) : 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 = {
       x: o.x,
       y: o.y,
@@ -121,12 +121,12 @@ function Q(r, o, a) {
       }
     };
     if (i) {
-      const t = r.canvas;
+      const n = r.canvas;
       let d;
       if (typeof OffscreenCanvas < "u")
-        d = new OffscreenCanvas(t.width, t.height);
+        d = new OffscreenCanvas(n.width, n.height);
       else if (typeof document < "u")
-        d = document.createElement("canvas"), d.width = t.width, d.height = t.height;
+        d = document.createElement("canvas"), d.width = n.width, d.height = n.height;
       else {
         M(r, c);
         return;
@@ -141,50 +141,50 @@ function Q(r, o, a) {
       M(r, c);
   }
 }
-function Y(r, o) {
+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;
 }
-function Z(r, o) {
+function $(r, o) {
   var e;
   const a = o.opacity ?? 1, s = !!((e = o.stroke) != null && e.enabled);
-  a < 1 && s ? J(r, o, a) : T(r, o, a);
+  a < 1 && s ? V(r, o, a) : T(r, o, a);
 }
-function J(r, o, a) {
+function V(r, o, a) {
   var d;
-  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), i = Y(n, f), c = i.getContext("2d");
+  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");
   if (!c) {
     T(r, o, a);
     return;
   }
-  const t = {
+  const n = {
     ...o,
-    x: n / 2,
+    x: t / 2,
     y: f / 2
   };
-  T(c, t, 1), r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180), r.globalAlpha = a, r.drawImage(i, -n / 2, -f / 2), r.restore();
+  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();
 }
 function T(r, o, a) {
   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 = s.fillColor || "#3b82f6", 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 = a * h, r.fillStyle = X(r, s), r.beginPath(), w(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 n = o.stroke;
-    r.globalAlpha = a * (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(), w(r, s), r.stroke(), r.restore();
+    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();
   }
 }
 function w(r, o) {
   const { shapeType: a, width: s, height: h } = o;
   switch (a) {
     case "rectangle": {
-      const e = o.borderRadius || 0, n = -s / 2, f = -h / 2;
+      const e = o.borderRadius || 0, t = -s / 2, f = -h / 2;
       if (e > 0) {
         const i = Math.min(e / 100 * Math.min(s, h), s / 2, h / 2);
-        r.roundRect(n, f, s, h, i);
+        r.roundRect(t, f, s, h, i);
       } else
-        r.rect(n, f, s, h);
+        r.rect(t, f, s, h);
       break;
     }
     case "circle": {
@@ -197,31 +197,31 @@ function w(r, o) {
       break;
     }
     case "triangle": {
-      const e = s / 2, n = h / 2;
-      r.moveTo(0, -n), r.lineTo(e, n), r.lineTo(-e, n), r.closePath();
+      const e = s / 2, t = h / 2;
+      r.moveTo(0, -t), r.lineTo(e, t), r.lineTo(-e, t), r.closePath();
       break;
     }
     case "polygon": {
-      const e = o.sides || 5, n = Math.min(s, h) / 2;
+      const e = o.sides || 5, t = Math.min(s, h) / 2;
       for (let f = 0; f < e; f++) {
-        const i = f * 2 * Math.PI / e - Math.PI / 2, c = n * Math.cos(i), t = n * Math.sin(i);
-        f === 0 ? r.moveTo(c, t) : r.lineTo(c, t);
+        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);
       }
       r.closePath();
       break;
     }
     case "star": {
-      const e = o.points || 5, n = Math.min(s, h) / 2, f = n * (o.innerRadius || 0.4);
+      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, t = i % 2 === 0 ? n : f, d = t * Math.cos(c), u = t * Math.sin(c);
+        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);
       }
       r.closePath();
       break;
     }
     case "line": {
-      const e = s / 2, n = h / 2;
-      r.rect(-e, -n, s, h);
+      const e = s / 2, t = h / 2;
+      r.rect(-e, -t, s, h);
       break;
     }
     default:
@@ -229,71 +229,71 @@ function w(r, o) {
   }
 }
 export {
-  D as AlignmentSnapSystem,
-  to as AnyElementConfigSchema,
-  ao as AnyTransformDataSchema,
-  _r as ArchTransform,
-  zr as ArtboardManager,
-  rr as ArtboardRenderer,
+  rr as AlignmentSnapSystem,
+  ao as AnyElementConfigSchema,
+  io as AnyTransformDataSchema,
+  zr as ArchTransform,
+  Br as ArtboardManager,
+  or as ArtboardRenderer,
   Kr as AscendTransform,
-  or as CanvasRenderer,
-  io as CanvasStateV1Schema,
-  Br as CircleTransform,
-  Ur as CustomTransform,
-  ir as DEFAULT_MAX_BITMAP_DIMENSION,
-  Yr as ElementStore,
-  hr as ExportManager,
-  Jr as FlagTransform,
-  Vr as HybridHistoryManager,
-  cr as ImportManager,
-  sr as InteractionStateMachine,
-  qr as LeanTransform,
-  Gr as LogLevel,
-  er as ResizePipeline,
-  ho as SerializedArtboardSchema,
+  sr as CanvasRenderer,
+  ho as CanvasStateV1Schema,
+  Ur as CircleTransform,
+  Yr as CustomTransform,
+  hr as DEFAULT_MAX_BITMAP_DIMENSION,
+  Jr as ElementStore,
+  cr as ExportManager,
+  Vr as FlagTransform,
+  qr as HybridHistoryManager,
+  dr as ImportManager,
+  er as InteractionStateMachine,
+  Gr as LeanTransform,
+  Qr as LogLevel,
+  tr as ResizePipeline,
+  co as SerializedArtboardSchema,
   nr as SpacingSystem,
-  tr as TransformHandles,
-  Qr as WaveTransform,
-  dr as WorkerExportManager,
-  fr as applySpaceLayoutRules,
-  ur as applyStrokeStyle,
-  gr as buildFontString,
-  Zr as calculateFixedCornerPosition,
-  $r as calculateResizeHandles,
-  xr as calculateRotationHandlePosition,
-  lr as clearImageBitmapCache,
-  pr as clearMaskCache,
-  yr as clearRegisteredBitmapKeys,
-  Mr as createCirclePath,
-  vr as createImagePath,
-  L as createLogger,
-  Tr as createRectPath,
-  kr as createTextPath,
-  wr as getFontMetrics,
-  Cr as getSharedWorkerExportManager,
-  Dr as hitTestCircle,
-  ro as hitTestRect,
-  br as invalidateMaskCache,
-  oo as logger,
-  Sr as measureTextWidth,
-  Pr as removeFromImageBitmapCache,
-  Ir as renderCustomTransform,
-  Q as renderImageElement,
+  ar as TransformHandles,
+  Zr as WaveTransform,
+  fr as WorkerExportManager,
+  ur as applySpaceLayoutRules,
+  gr as applyStrokeStyle,
+  lr as buildFontString,
+  $r as calculateFixedCornerPosition,
+  xr as calculateResizeHandles,
+  Dr as calculateRotationHandlePosition,
+  pr as clearImageBitmapCache,
+  yr as clearMaskCache,
+  Mr as clearRegisteredBitmapKeys,
+  vr as createCirclePath,
+  Tr as createImagePath,
+  F as createLogger,
+  kr as createRectPath,
+  wr as createTextPath,
+  Sr as getFontMetrics,
+  br as getSharedWorkerExportManager,
+  ro as hitTestCircle,
+  oo as hitTestRect,
+  Cr as invalidateMaskCache,
+  so as logger,
+  Pr as measureTextWidth,
+  Ir as removeFromImageBitmapCache,
+  mr as renderCustomTransform,
+  Z as renderImageElement,
   M as renderImageStroke,
-  mr as renderMultilineText,
-  Ar as renderPathStroke,
-  Rr as renderRichTextFillOnly,
-  Z as renderShapeElement,
-  Wr as renderTextElement,
-  Er as renderTextFillOnly,
-  Or as renderTextStroke,
-  Hr as renderWithKnockout,
-  jr as renderWithMasks,
-  G as resolveServerCrop,
-  so as splitRichTextIntoLines,
+  Ar as renderMultilineText,
+  Rr as renderPathStroke,
+  Wr as renderRichTextFillOnly,
+  $ as renderShapeElement,
+  Er as renderTextElement,
+  Or as renderTextFillOnly,
+  Hr as renderTextStroke,
+  jr as renderWithKnockout,
+  Fr as renderWithMasks,
+  Q as resolveServerCrop,
+  eo as splitRichTextIntoLines,
   Lr as terminateSharedWorkerExportManager,
-  Fr as unregisterElementBitmaps,
-  eo as wrapRichTextSpans,
-  Xr as wrapText
+  Xr as unregisterElementBitmaps,
+  to as wrapRichTextSpans,
+  Nr as wrapText
 };
 //# sourceMappingURL=internals.mjs.map