@pixerate/editor 0.108.0 → 0.110.0

package/dist/{chunk-SOROZ2BF.js → chunk-DMRSJBJF.js}

@@ -1,7 +1,9 @@
 import {
+  DEFAULT_GLOBAL_LIGHT,
   LAYER_EFFECT_KINDS,
   LayerEffectError,
   MAX_EFFECT_REACH,
+  PatternTile,
   RasterCompositor,
   TransformTooLargeError,
   ZlibError,
@@ -13,6 +15,7 @@ import {
   decodePng,
   defaultLayerEffect,
   effectColorHex,
+  effectFillColors,
   effectsFingerprint,
   effectsMargin,
   effectsScale,
@@ -35,9 +38,10 @@ import {
   reduceSurface,
   scaleLayerEffect,
   transformSurface,
+  validateEffectGradient,
   validateLayerEffects,
   warpSurface
-} from "./chunk-G4BIYE6R.js";
+} from "./chunk-LQEEDHOP.js";
 import {
   affineFromHomography,
   applyHomography,
@@ -49,32 +53,53 @@ import {
   rectToQuad
 } from "./chunk-GX332W2C.js";
 import {
+  TILE,
+  TiledSurface,
   blendRgb,
   contentBounds,
   emptySurface,
+  finishTile,
   isBlendMode,
   mixPigmentRgb,
   normalizeBlendMode,
   readRegion,
   setLum,
   surfaceFromPixels,
+  tileKey,
+  tilesInRect,
   translateSurface
-} from "./chunk-WMBIJCHA.js";
+} from "./chunk-HNS7UHCM.js";
 import {
+  IDENTITY_MATRIX,
   WARP_STYLES,
   applyMatrix,
+  bezierToSubpaths,
+  ellipseSubpath,
   evalWarpMesh,
+  expandVectorCorners,
   fitWarpMesh,
   identityWarpMesh,
   invertMatrix,
+  isIdentityMatrix,
   isValidWarpMesh,
   mapWarpMeshPoints,
   matrixAbout,
   multiplyMatrices,
+  polygonSubpath,
+  rectSubpath,
   rotateMatrix,
+  setAnchorCorner,
+  starSubpath,
+  subpathsToBezier,
   translateMatrix,
   warpPresetMesh
-} from "./chunk-KKREERP2.js";
+} from "./chunk-BLWCAQCW.js";
+import {
+  bezierPathBounds,
+  outlineStroke,
+  pathBoolean,
+  strokeOutlineRings
+} from "./chunk-YCSFS3GK.js";
 
 // src/image-editor/color.ts
 var LEGACY_PROCESS_VERSION = 1;
@@ -793,12 +818,12 @@ function selectionFromPixels(pixels, options = {}) {
   const { width, height, data } = pixels;
   checkSize(width, height);
   if (data.length < width * height * 4) throw new Error("Pixel data is shorter than width \xD7 height \xD7 4");
-  const channel = options.channel ?? "luminance";
+  const channel2 = options.channel ?? "luminance";
   const out = new Uint8Array(width * height);
   const threshold = options.threshold;
   for (let i = 0, p = 0; i < out.length; i++, p += 4) {
     let v;
-    switch (channel) {
+    switch (channel2) {
       case "alpha":
         v = data[p + 3];
         break;
@@ -2197,6 +2222,8 @@ function removeAlpha(imageData) {
 }
 
 // src/image-editor/layers/model.ts
+var SHAPE_OPERATIONS = ["combine", "subtract", "intersect", "exclude"];
+var LIVE_SHAPE_KINDS = ["rect", "ellipse", "polygon", "star", "line"];
 var idCounter = 0;
 function newLayerId(prefix = "layer") {
   return `${prefix}_${Date.now().toString(36)}_${(++idCounter).toString(36)}`;
@@ -2224,10 +2251,16 @@ function pixelLayerBounds(layer, surface = layer.surface) {
   return { x: b.x + layer.offset.x, y: b.y + layer.offset.y, width: b.width, height: b.height };
 }
 function layerTypeLabel(type) {
-  return type === "pixel" ? "Pixel layer" : type === "adjustment" ? "Adjustment layer" : type === "group" ? "Group" : type === "smart" ? "Smart object" : "Annotation";
+  return type === "pixel" ? "Pixel layer" : type === "adjustment" ? "Adjustment layer" : type === "group" ? "Group" : type === "smart" ? "Smart object" : type === "shape" ? "Shape layer" : "Annotation";
 }
 function hasSurface(layer) {
-  return layer.type === "pixel" || layer.type === "smart";
+  return layer.type === "pixel" || layer.type === "smart" || layer.type === "shape";
+}
+function isRenderedLayer(layer) {
+  return layer.type === "smart" || layer.type === "shape";
+}
+function shapeLayers(layers) {
+  return flattenLayers(layers).filter((l) => l.type === "shape");
 }
 function smartObjectLayers(layers) {
   return flattenLayers(layers).filter((l) => l.type === "smart");
@@ -2322,8 +2355,11 @@ var PHOTO_PROFILE = {
   contentBlend: (l) => l.type === "annotation" && l.blend === "normal" && l.annotation.blend ? l.annotation.blend : l.blend,
   layerKey: (l) => l.type === "pixel" ? [l.filters ?? null, l.source ?? null] : l.type === "adjustment" ? [l.kind, l.params] : l.type === "annotation" ? l.annotation : void 0,
   pixelFilters: (l) => l.type === "pixel" ? pixelFilterSpec(l) : null,
-  /** A smart object draws its rendered pixels (contents → placement → smart filters) like a pixel layer. */
-  isPixelLike: (l) => l.type === "smart",
+  /**
+   * A smart object draws its rendered pixels (contents → placement → smart filters) like a pixel
+   * layer, and a shape layer the pixels rendered from its paths.
+   */
+  isPixelLike: (l) => l.type === "smart" || l.type === "shape",
   maskSourcePlane: (source, W, H, sources) => {
     const opts = source;
     const depth = sources.depthMap?.(opts) ?? null;
@@ -2339,163 +2375,534 @@ var LayerCompositor = class extends RasterCompositor {
   }
 };
 
-// src/image-editor/transform.ts
-var FREE_TRANSFORM_MODES = ["scale", "rotate", "skew", "distort", "perspective", "warp"];
-var TRANSFORM_ANCHORS = ["top-left", "top", "top-right", "left", "center", "right", "bottom-left", "bottom", "bottom-right"];
-var ANCHOR_FRACTION = {
-  "top-left": [0, 0],
-  top: [0.5, 0],
-  "top-right": [1, 0],
-  left: [0, 0.5],
-  center: [0.5, 0.5],
-  right: [1, 0.5],
-  "bottom-left": [0, 1],
-  bottom: [0.5, 1],
-  "bottom-right": [1, 1]
-};
-function isTransformAnchor(value) {
-  return typeof value === "string" && value in ANCHOR_FRACTION;
-}
-function identityTransform(box) {
-  return { box: { ...box }, corners: boxQuad(box) };
-}
-function cornersFromMatrix(box, m) {
-  const q2 = boxQuad(box);
-  return [applyMatrix(m, q2[0]), applyMatrix(m, q2[1]), applyMatrix(m, q2[2]), applyMatrix(m, q2[3])];
-}
-function matrixFromCorners(box, corners, eps = 1e-6) {
-  const [tl, tr, br, bl] = corners;
-  const size = 1 + Math.max(box.width, box.height);
-  if (Math.abs(tl.x + br.x - tr.x - bl.x) > eps * size || Math.abs(tl.y + br.y - tr.y - bl.y) > eps * size) return null;
-  const h = rectToQuad(box, corners);
-  return h ? affineFromHomography(h, 1e-9) : null;
-}
-function transformHomography(geometry) {
-  const h = rectToQuad(geometry.box, geometry.corners);
-  if (!h) return null;
-  return homographyKeepsQuad(h, boxQuad(geometry.box)) ? h : null;
-}
-function hasWarp(geometry) {
-  const w = geometry.warp;
-  if (!w) return false;
-  const id = identityWarpMesh(geometry.box, w.us.length - 1, w.vs.length - 1);
-  if (id.points.length !== w.points.length || id.us.some((u, i) => Math.abs(u - w.us[i]) > 1e-12) || id.vs.some((v, i) => Math.abs(v - w.vs[i]) > 1e-12)) return true;
-  return w.points.some((p, i) => Math.abs(p.x - id.points[i].x) > 1e-6 || Math.abs(p.y - id.points[i].y) > 1e-6);
-}
-function isIdentityTransform(geometry) {
-  if (hasWarp(geometry)) return false;
-  const q2 = boxQuad(geometry.box);
-  return geometry.corners.every((c, i) => Math.abs(c.x - q2[i].x) < 1e-6 && Math.abs(c.y - q2[i].y) < 1e-6);
-}
-function transformMap(geometry) {
-  const h = transformHomography(geometry);
-  if (!h) return null;
-  const { box } = geometry;
-  const warp = hasWarp(geometry) ? geometry.warp : null;
-  if (!warp) return (p) => applyHomography(h, p);
-  return (p) => applyHomography(h, evalWarpMesh(warp, (p.x - box.x) / box.width, (p.y - box.y) / box.height));
-}
-function transformedPoint(geometry, fx, fy) {
-  const f = transformMap(geometry);
-  const { box } = geometry;
-  return f ? f({ x: box.x + fx * box.width, y: box.y + fy * box.height }) : null;
-}
-function anchorPoint(geometry, anchor) {
-  const [fx, fy] = ANCHOR_FRACTION[anchor];
-  const h = rectToQuad(geometry.box, geometry.corners);
-  const p = { x: geometry.box.x + fx * geometry.box.width, y: geometry.box.y + fy * geometry.box.height };
-  return (h && applyHomography(h, p)) ?? p;
-}
-function transformedBox(geometry) {
-  const f = transformMap(geometry);
-  if (!f) return null;
-  const { box } = geometry;
-  const pts = [];
-  const n = hasWarp(geometry) ? 16 : 1;
-  for (let i = 0; i <= n; i++) {
-    const t = i / n;
-    for (const [fx, fy] of [[t, 0], [1, t], [1 - t, 1], [0, 1 - t]]) {
-      const p = f({ x: box.x + fx * box.width, y: box.y + fy * box.height });
-      if (!p) return null;
-      pts.push(p);
+// src/image-editor/layers/vector-raster.ts
+var FLATNESS = 0.01;
+function flattenPath(path, tolerance = FLATNESS) {
+  const out = [];
+  let pts = [];
+  let cx = 0;
+  let cy = 0;
+  let sx = 0;
+  let sy = 0;
+  const flush = () => {
+    if (pts.length >= 6) out.push(Float64Array.from(pts));
+    pts = [];
+  };
+  const steps = (dd, degree) => Math.max(1, Math.min(1024, Math.ceil(Math.sqrt(degree * (degree - 1) * dd / (8 * tolerance)))));
+  for (const c of path) {
+    switch (c.type) {
+      case "M":
+        flush();
+        cx = sx = c.x;
+        cy = sy = c.y;
+        pts.push(cx, cy);
+        break;
+      case "L":
+        if (!pts.length) pts.push(cx, cy);
+        cx = c.x;
+        cy = c.y;
+        pts.push(cx, cy);
+        break;
+      case "Q": {
+        if (!pts.length) pts.push(cx, cy);
+        const n = steps(Math.hypot(cx - 2 * c.x1 + c.x, cy - 2 * c.y1 + c.y), 2);
+        for (let k = 1; k <= n; k++) {
+          const t = k / n;
+          const u = 1 - t;
+          pts.push(u * u * cx + 2 * u * t * c.x1 + t * t * c.x, u * u * cy + 2 * u * t * c.y1 + t * t * c.y);
+        }
+        cx = c.x;
+        cy = c.y;
+        break;
+      }
+      case "C": {
+        if (!pts.length) pts.push(cx, cy);
+        const dd = Math.max(Math.hypot(cx - 2 * c.x1 + c.x2, cy - 2 * c.y1 + c.y2), Math.hypot(c.x1 - 2 * c.x2 + c.x, c.y1 - 2 * c.y2 + c.y));
+        const n = steps(dd, 3);
+        for (let k = 1; k <= n; k++) {
+          const t = k / n;
+          const u = 1 - t;
+          const a = u * u * u;
+          const b = 3 * u * u * t;
+          const d = 3 * u * t * t;
+          const e = t * t * t;
+          pts.push(a * cx + b * c.x1 + d * c.x2 + e * c.x, a * cy + b * c.y1 + d * c.y2 + e * c.y);
+        }
+        cx = c.x;
+        cy = c.y;
+        break;
+      }
+      case "Z":
+        flush();
+        cx = sx;
+        cy = sy;
+        break;
     }
   }
-  const xs = pts.map((p) => p.x);
-  const ys = pts.map((p) => p.y);
-  const x = Math.min(...xs);
-  const y = Math.min(...ys);
-  return { x, y, width: Math.max(...xs) - x, height: Math.max(...ys) - y };
-}
-function referencePoint(box, reference) {
-  if (reference && typeof reference === "object") return { x: reference.x, y: reference.y };
-  const [fx, fy] = ANCHOR_FRACTION[reference ?? "center"];
-  return { x: box.x + fx * box.width, y: box.y + fy * box.height };
-}
-function matrixFromParams(box, params) {
-  const sx = (params.scaleX ?? 100) / 100;
-  const sy = (params.scaleY ?? 100) / 100;
-  const tx = Math.tan((params.skewX ?? 0) * Math.PI / 180);
-  const ty = Math.tan((params.skewY ?? 0) * Math.PI / 180);
-  const ref = referencePoint(box, params.reference);
-  const linear = multiplyMatrices(multiplyMatrices([1, ty, tx, 1, 0, 0], [sx, 0, 0, sy, 0, 0]), rotateMatrix(params.rotate ?? 0));
-  return multiplyMatrices(matrixAbout(linear, ref), translateMatrix(params.dx ?? 0, params.dy ?? 0));
-}
-function describeTransform(geometry, reference = "center") {
-  const m = hasWarp(geometry) ? null : matrixFromCorners(geometry.box, geometry.corners);
-  const ref = referencePoint(geometry.box, reference);
-  const bounds = transformedBox(geometry);
-  if (!m) {
-    const h = rectToQuad(geometry.box, geometry.corners);
-    const at2 = (h && applyHomography(h, ref)) ?? ref;
-    return { affine: false, scaleX: 100, scaleY: 100, rotate: 0, skewX: 0, x: at2.x, y: at2.y, bounds, corners: geometry.corners };
+  flush();
+  return out.filter((p) => p.every(Number.isFinite));
+}
+function flatBounds(flat) {
+  let x0 = Infinity;
+  let y0 = Infinity;
+  let x1 = -Infinity;
+  let y1 = -Infinity;
+  for (const p of flat) {
+    for (let i = 0; i < p.length; i += 2) {
+      if (p[i] < x0) x0 = p[i];
+      if (p[i] > x1) x1 = p[i];
+      if (p[i + 1] < y0) y0 = p[i + 1];
+      if (p[i + 1] > y1) y1 = p[i + 1];
+    }
+  }
+  if (x0 === Infinity) return null;
+  const x = Math.floor(x0);
+  const y = Math.floor(y0);
+  return { x, y, width: Math.ceil(x1) - x, height: Math.ceil(y1) - y };
+}
+function drawLine(a, w, h, x0, y0, x1, y1) {
+  if (y0 === y1) return;
+  let dir = 1;
+  if (y0 > y1) {
+    dir = -1;
+    let t = x0;
+    x0 = x1;
+    x1 = t;
+    t = y0;
+    y0 = y1;
+    y1 = t;
+  }
+  if (y1 <= 0 || y0 >= h) return;
+  const dxdy = (x1 - x0) / (y1 - y0);
+  let x = x0;
+  if (y0 < 0) x -= y0 * dxdy;
+  const rowStart = Math.max(0, Math.floor(y0));
+  const rowEnd = Math.min(h, Math.ceil(y1));
+  for (let y = rowStart; y < rowEnd; y++) {
+    const line = y * w;
+    const dy = Math.min(y + 1, y1) - Math.max(y, y0);
+    const xnext = x + dxdy * dy;
+    const d = dy * dir;
+    const xa = x < xnext ? x : xnext;
+    const xb = x < xnext ? xnext : x;
+    const xaFloor = Math.floor(xa);
+    const xai = xaFloor;
+    const xbCeil = Math.ceil(xb);
+    const xbi = xbCeil;
+    if (xbi <= xai + 1) {
+      const xmf = 0.5 * (x + xnext) - xaFloor;
+      a[line + xai] += d - d * xmf;
+      a[line + xai + 1] += d * xmf;
+    } else {
+      const s = 1 / (xb - xa);
+      const xaf = xa - xaFloor;
+      const a0 = 0.5 * s * (1 - xaf) * (1 - xaf);
+      const xbf = xb - xbCeil + 1;
+      const am = 0.5 * s * xbf * xbf;
+      a[line + xai] += d * a0;
+      if (xbi === xai + 2) a[line + xai + 1] += d * (1 - a0 - am);
+      else {
+        const a1 = s * (1.5 - xaf);
+        a[line + xai + 1] += d * (a1 - a0);
+        for (let xi = xai + 2; xi < xbi - 1; xi++) a[line + xi] += d * s;
+        const a2 = a1 + (xbi - xai - 3) * s;
+        a[line + xbi - 1] += d * (1 - a2 - am);
+      }
+      a[line + xbi] += d * am;
+    }
+    x = xnext;
+  }
+}
+function drawClippedLine(a, w, h, x0, y0, x1, y1) {
+  if (y0 === y1) return;
+  if (y0 <= 0 && y1 <= 0 || y0 >= h && y1 >= h) return;
+  if (x0 >= 0 && x0 <= w && x1 >= 0 && x1 <= w) return drawLine(a, w, h, x0, y0, x1, y1);
+  const ts = [0, 1];
+  const dx = x1 - x0;
+  if (dx !== 0) {
+    for (const edge of [0, w]) {
+      const t = (edge - x0) / dx;
+      if (t > 0 && t < 1) ts.push(t);
+    }
+  }
+  ts.sort((p, q2) => p - q2);
+  const clamp4 = (v) => v < 0 ? 0 : v > w ? w : v;
+  for (let i = 0; i + 1 < ts.length; i++) {
+    const ta = ts[i];
+    const tb = ts[i + 1];
+    drawLine(a, w, h, clamp4(x0 + dx * ta), y0 + (y1 - y0) * ta, clamp4(x0 + dx * tb), y0 + (y1 - y0) * tb);
+  }
+}
+function ruleCoverage(v, rule) {
+  const m = v < 0 ? -v : v;
+  if (rule === "nonzero") return m >= 1 ? 1 : m;
+  const f = m % 2;
+  return f > 1 ? 2 - f : f;
+}
+function rasterizeCoverage(flat, rect, rule = "nonzero") {
+  const w = rect.width;
+  const h = rect.height;
+  if (w <= 0 || h <= 0 || !flat.length) return null;
+  const a = new Float64Array(w * h + w + 4);
+  const ox = rect.x;
+  const oy = rect.y;
+  let touched = false;
+  for (const p of flat) {
+    const n = p.length;
+    for (let i = 0; i < n; i += 2) {
+      const j = i + 2 < n ? i + 2 : 0;
+      const ya = p[i + 1] - oy;
+      const yb = p[j + 1] - oy;
+      if (ya <= 0 && yb <= 0 || ya >= h && yb >= h || ya === yb) continue;
+      drawClippedLine(a, w, h, p[i] - ox, ya, p[j] - ox, yb);
+      touched = true;
+    }
+  }
+  if (!touched) return null;
+  const out = new Float32Array(w * h);
+  let acc = 0;
+  let any = false;
+  for (let i = 0; i < out.length; i++) {
+    acc += a[i];
+    const c = ruleCoverage(acc, rule);
+    if (c > 1e-6) {
+      out[i] = c;
+      any = true;
+    }
   }
-  const [a, b, c, d] = m;
-  const sxAbs = Math.hypot(a, b);
-  const rot = Math.atan2(b, a) * 180 / Math.PI;
-  const shear = sxAbs ? (a * c + b * d) / sxAbs : 0;
-  const sy = sxAbs ? (a * d - b * c) / sxAbs : 0;
-  const skew = sxAbs ? Math.atan(shear / sxAbs) * 180 / Math.PI : 0;
-  const at = applyMatrix(m, ref);
-  const clean = (v) => Math.abs(v) < 1e-9 ? 0 : v;
-  return {
-    affine: true,
-    scaleX: clean(sxAbs * 100),
-    scaleY: clean(sy * 100),
-    rotate: clean(rot === -180 ? 180 : rot),
-    skewX: clean(skew),
-    x: at.x,
-    y: at.y,
-    bounds,
-    corners: geometry.corners
-  };
-}
-function applyParams(geometry, params) {
-  const ref = params.reference && typeof params.reference === "object" ? params.reference : anchorPoint(geometry, params.reference ?? "center");
-  const m = matrixFromParams({ x: ref.x, y: ref.y, width: 0, height: 0 }, { ...params, reference: ref });
-  const c = geometry.corners;
-  return [applyMatrix(m, c[0]), applyMatrix(m, c[1]), applyMatrix(m, c[2]), applyMatrix(m, c[3])];
+  return any ? out : null;
 }
-function flipCorners(geometry, axis) {
-  const c = anchorPoint(geometry, "center");
-  const m = axis === "horizontal" ? [-1, 0, 0, 1, 2 * c.x, 0] : [1, 0, 0, -1, 0, 2 * c.y];
-  const q2 = geometry.corners;
-  return [applyMatrix(m, q2[0]), applyMatrix(m, q2[1]), applyMatrix(m, q2[2]), applyMatrix(m, q2[3])];
+var SUB_ROWS = 16;
+function rasterizeCoverageSampled(flat, rect, rule = "nonzero") {
+  const w = rect.width;
+  const h = rect.height;
+  if (w <= 0 || h <= 0 || !flat.length) return null;
+  let n = 0;
+  for (const p of flat) n += p.length >> 1;
+  const ey0 = new Float64Array(n);
+  const ey1 = new Float64Array(n);
+  const ex0 = new Float64Array(n);
+  const eslope = new Float64Array(n);
+  const edir = new Int8Array(n);
+  let count = 0;
+  for (const p of flat) {
+    const len = p.length;
+    for (let i = 0; i < len; i += 2) {
+      const j = i + 2 < len ? i + 2 : 0;
+      let xa = p[i] - rect.x;
+      let ya = p[i + 1] - rect.y;
+      let xb = p[j] - rect.x;
+      let yb = p[j + 1] - rect.y;
+      if (ya === yb) continue;
+      let dir = 1;
+      if (ya > yb) {
+        dir = -1;
+        let t = xa;
+        xa = xb;
+        xb = t;
+        t = ya;
+        ya = yb;
+        yb = t;
+      }
+      if (yb <= 0 || ya >= h) continue;
+      ey0[count] = ya;
+      ey1[count] = yb;
+      ex0[count] = xa;
+      eslope[count] = (xb - xa) / (yb - ya);
+      edir[count] = dir;
+      count++;
+    }
+  }
+  if (!count) return null;
+  const order = Array.from({ length: count }, (_, i) => i).sort((a, b) => ey0[a] - ey0[b]);
+  const out = new Float32Array(w * h);
+  const diff = new Float32Array(w + 1);
+  let active = [];
+  let next = 0;
+  const xs = [];
+  const ds = [];
+  const idx = [];
+  const f = 1 / SUB_ROWS;
+  let any = false;
+  const firstRow = Math.max(0, Math.floor(ey0[order[0]]));
+  for (let y = firstRow; y < h; y++) {
+    if (next >= count && !active.length) break;
+    const row = y * w;
+    let rowTouched = false;
+    for (let s = 0; s < SUB_ROWS; s++) {
+      const sy = y + (s + 0.5) * f;
+      while (next < count && ey0[order[next]] <= sy) active.push(order[next++]);
+      if (!active.length) continue;
+      active = active.filter((e) => ey1[e] > sy);
+      xs.length = 0;
+      ds.length = 0;
+      idx.length = 0;
+      for (const e of active) {
+        if (ey0[e] > sy) continue;
+        idx.push(xs.length);
+        xs.push(ex0[e] + (sy - ey0[e]) * eslope[e]);
+        ds.push(edir[e]);
+      }
+      if (xs.length < 2) continue;
+      idx.sort((a, b) => xs[a] - xs[b]);
+      let wind = 0;
+      for (let k = 0; k + 1 < idx.length; k++) {
+        wind += ds[idx[k]];
+        const inside = rule === "nonzero" ? wind !== 0 : (wind & 1) !== 0;
+        if (!inside) continue;
+        let xa = xs[idx[k]];
+        let xb = xs[idx[k + 1]];
+        if (xb <= 0 || xa >= w || xb <= xa) continue;
+        if (xa < 0) xa = 0;
+        if (xb > w) xb = w;
+        const ia = Math.floor(xa);
+        const ib = Math.floor(xb);
+        rowTouched = true;
+        if (ia === ib) {
+          out[row + ia] += (xb - xa) * f;
+          continue;
+        }
+        out[row + ia] += (ia + 1 - xa) * f;
+        diff[ia + 1] += f;
+        diff[ib] -= f;
+        if (ib < w) out[row + ib] += (xb - ib) * f;
+      }
+    }
+    if (!rowTouched) continue;
+    let run = 0;
+    for (let x = 0; x < w; x++) {
+      run += diff[x];
+      diff[x] = 0;
+      const v = out[row + x] + run;
+      out[row + x] = v > 1 ? 1 : v < 1e-6 ? 0 : v;
+      if (out[row + x] > 0) any = true;
+    }
+    diff[w] = 0;
+  }
+  return any ? out : null;
+}
+function combineCoverage(a, b, op, n) {
+  if (op === "combine") {
+    if (!a) return b;
+    if (!b) return a;
+    const out2 = new Float32Array(n);
+    for (let i = 0; i < n; i++) out2[i] = a[i] + b[i] - a[i] * b[i];
+    return out2;
+  }
+  if (op === "subtract") {
+    if (!a || !b) return a;
+    const out2 = new Float32Array(n);
+    for (let i = 0; i < n; i++) out2[i] = a[i] * (1 - b[i]);
+    return out2;
+  }
+  if (op === "intersect") {
+    if (!a || !b) return null;
+    const out2 = new Float32Array(n);
+    for (let i = 0; i < n; i++) out2[i] = a[i] * b[i];
+    return out2;
+  }
+  if (!a) return b;
+  if (!b) return a;
+  const out = new Float32Array(n);
+  for (let i = 0; i < n; i++) out[i] = a[i] + b[i] - 2 * a[i] * b[i];
+  return out;
 }
-function boxPointOf(geometry, p) {
-  const m = matrixFromCorners(geometry.box, geometry.corners);
-  if (m) return applyMatrix(invertMatrix(m), p);
+
+// src/image-editor/layers/css-color.ts
+var NAMED = {
+  aliceblue: "f0f8ff",
+  antiquewhite: "faebd7",
+  aqua: "00ffff",
+  aquamarine: "7fffd4",
+  azure: "f0ffff",
+  beige: "f5f5dc",
+  bisque: "ffe4c4",
+  black: "000000",
+  blanchedalmond: "ffebcd",
+  blue: "0000ff",
+  blueviolet: "8a2be2",
+  brown: "a52a2a",
+  burlywood: "deb887",
+  cadetblue: "5f9ea0",
+  chartreuse: "7fff00",
+  chocolate: "d2691e",
+  coral: "ff7f50",
+  cornflowerblue: "6495ed",
+  cornsilk: "fff8dc",
+  crimson: "dc143c",
+  cyan: "00ffff",
+  darkblue: "00008b",
+  darkcyan: "008b8b",
+  darkgoldenrod: "b8860b",
+  darkgray: "a9a9a9",
+  darkgreen: "006400",
+  darkgrey: "a9a9a9",
+  darkkhaki: "bdb76b",
+  darkmagenta: "8b008b",
+  darkolivegreen: "556b2f",
+  darkorange: "ff8c00",
+  darkorchid: "9932cc",
+  darkred: "8b0000",
+  darksalmon: "e9967a",
+  darkseagreen: "8fbc8f",
+  darkslateblue: "483d8b",
+  darkslategray: "2f4f4f",
+  darkslategrey: "2f4f4f",
+  darkturquoise: "00ced1",
+  darkviolet: "9400d3",
+  deeppink: "ff1493",
+  deepskyblue: "00bfff",
+  dimgray: "696969",
+  dimgrey: "696969",
+  dodgerblue: "1e90ff",
+  firebrick: "b22222",
+  floralwhite: "fffaf0",
+  forestgreen: "228b22",
+  fuchsia: "ff00ff",
+  gainsboro: "dcdcdc",
+  ghostwhite: "f8f8ff",
+  gold: "ffd700",
+  goldenrod: "daa520",
+  gray: "808080",
+  green: "008000",
+  greenyellow: "adff2f",
+  grey: "808080",
+  honeydew: "f0fff0",
+  hotpink: "ff69b4",
+  indianred: "cd5c5c",
+  indigo: "4b0082",
+  ivory: "fffff0",
+  khaki: "f0e68c",
+  lavender: "e6e6fa",
+  lavenderblush: "fff0f5",
+  lawngreen: "7cfc00",
+  lemonchiffon: "fffacd",
+  lightblue: "add8e6",
+  lightcoral: "f08080",
+  lightcyan: "e0ffff",
+  lightgoldenrodyellow: "fafad2",
+  lightgray: "d3d3d3",
+  lightgreen: "90ee90",
+  lightgrey: "d3d3d3",
+  lightpink: "ffb6c1",
+  lightsalmon: "ffa07a",
+  lightseagreen: "20b2aa",
+  lightskyblue: "87cefa",
+  lightslategray: "778899",
+  lightslategrey: "778899",
+  lightsteelblue: "b0c4de",
+  lightyellow: "ffffe0",
+  lime: "00ff00",
+  limegreen: "32cd32",
+  linen: "faf0e6",
+  magenta: "ff00ff",
+  maroon: "800000",
+  mediumaquamarine: "66cdaa",
+  mediumblue: "0000cd",
+  mediumorchid: "ba55d3",
+  mediumpurple: "9370db",
+  mediumseagreen: "3cb371",
+  mediumslateblue: "7b68ee",
+  mediumspringgreen: "00fa9a",
+  mediumturquoise: "48d1cc",
+  mediumvioletred: "c71585",
+  midnightblue: "191970",
+  mintcream: "f5fffa",
+  mistyrose: "ffe4e1",
+  moccasin: "ffe4b5",
+  navajowhite: "ffdead",
+  navy: "000080",
+  oldlace: "fdf5e6",
+  olive: "808000",
+  olivedrab: "6b8e23",
+  orange: "ffa500",
+  orangered: "ff4500",
+  orchid: "da70d6",
+  palegoldenrod: "eee8aa",
+  palegreen: "98fb98",
+  paleturquoise: "afeeee",
+  palevioletred: "db7093",
+  papayawhip: "ffefd5",
+  peachpuff: "ffdab9",
+  peru: "cd853f",
+  pink: "ffc0cb",
+  plum: "dda0dd",
+  powderblue: "b0e0e6",
+  purple: "800080",
+  rebeccapurple: "663399",
+  red: "ff0000",
+  rosybrown: "bc8f8f",
+  royalblue: "4169e1",
+  saddlebrown: "8b4513",
+  salmon: "fa8072",
+  sandybrown: "f4a460",
+  seagreen: "2e8b57",
+  seashell: "fff5ee",
+  sienna: "a0522d",
+  silver: "c0c0c0",
+  skyblue: "87ceeb",
+  slateblue: "6a5acd",
+  slategray: "708090",
+  slategrey: "708090",
+  snow: "fffafa",
+  springgreen: "00ff7f",
+  steelblue: "4682b4",
+  tan: "d2b48c",
+  teal: "008080",
+  thistle: "d8bfd8",
+  tomato: "ff6347",
+  turquoise: "40e0d0",
+  violet: "ee82ee",
+  wheat: "f5deb3",
+  white: "ffffff",
+  whitesmoke: "f5f5f5",
+  yellow: "ffff00",
+  yellowgreen: "9acd32"
+};
+var hex2 = (v) => Math.round(Math.max(0, Math.min(255, v))).toString(16).padStart(2, "0");
+function channel(s) {
+  return s.endsWith("%") ? parseFloat(s) / 100 * 255 : parseFloat(s);
+}
+function alphaOf(s) {
+  if (s === void 0) return 1;
+  const v = s.endsWith("%") ? parseFloat(s) / 100 : parseFloat(s);
+  return Math.max(0, Math.min(1, v));
+}
+function hslToRgb2(h, s, l) {
+  h = (h % 360 + 360) % 360;
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  const m = l - c / 2;
+  const [r, g, b] = h < 60 ? [c, x, 0] : h < 120 ? [x, c, 0] : h < 180 ? [0, c, x] : h < 240 ? [0, x, c] : h < 300 ? [x, 0, c] : [c, 0, x];
+  return [(r + m) * 255, (g + m) * 255, (b + m) * 255];
+}
+function parseCssColor(value) {
+  if (typeof value !== "string") return null;
+  const text3 = value.trim().toLowerCase();
+  if (text3 === "transparent") return { hex: "#000000", alpha: 0 };
+  const named = NAMED[text3];
+  if (named) return { hex: `#${named}`, alpha: 1 };
+  let m = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/.exec(text3);
+  if (m) {
+    let h = m[1];
+    if (h.length <= 4) h = h.replace(/./g, (c) => c + c);
+    return { hex: `#${h.slice(0, 6)}`, alpha: h.length === 8 ? parseInt(h.slice(6, 8), 16) / 255 : 1 };
+  }
+  const num3 = "([+-]?[\\d.]+%?)";
+  m = new RegExp(`^rgba?\\(\\s*${num3}[\\s,]+${num3}[\\s,]+${num3}(?:\\s*[,/]\\s*${num3})?\\s*\\)$`).exec(text3);
+  if (m) {
+    const rgb = [m[1], m[2], m[3]].map(channel);
+    if (!rgb.every(Number.isFinite)) return null;
+    return { hex: `#${rgb.map(hex2).join("")}`, alpha: alphaOf(m[4]) };
+  }
+  m = new RegExp(`^hsla?\\(\\s*([+-]?[\\d.]+)(?:deg)?[\\s,]+${num3}[\\s,]+${num3}(?:\\s*[,/]\\s*${num3})?\\s*\\)$`).exec(text3);
+  if (m) {
+    const rgb = hslToRgb2(parseFloat(m[1]), parseFloat(m[2]) / 100, parseFloat(m[3]) / 100);
+    if (!rgb.every(Number.isFinite)) return null;
+    return { hex: `#${rgb.map(hex2).join("")}`, alpha: alphaOf(m[4]) };
+  }
   return null;
 }
-function presetWarp(box, preset) {
-  return warpPresetMesh(preset, box);
-}
-function isValidWarp(mesh) {
-  return isValidWarpMesh(mesh);
-}
-function geometryHomography(geometry) {
-  const m = matrixFromCorners(geometry.box, geometry.corners);
-  return m ? homographyFromAffine(m) : transformHomography(geometry);
-}
 
 // src/image-editor/layers/ops.ts
 var LayerOperationError = class extends Error {
@@ -2555,6 +2962,7 @@ function withNewIds(layer) {
   const next = { ...layer, id: newLayerId(layer.type === "adjustment" ? "adj" : layer.type) };
   if (next.type === "group") next.children = next.children.map(withNewIds);
   if (next.type === "annotation") next.annotation = { ...next.annotation, id: next.id };
+  if (next.type === "shape") delete next.annotation;
   if (next.type === "smart" && next.psd?.placed) {
     next.psd = { ...next.psd };
     delete next.psd.placed;
@@ -2584,7 +2992,7 @@ function setLayerProperties(layers, id, props) {
     next.opacity = props.opacity;
   }
   if (props.fillOpacity !== void 0) {
-    if (layer.type !== "pixel" && layer.type !== "smart") fail(`fillOpacity applies to pixel layers and smart objects; "${id}" is a ${layer.type} layer.`);
+    if (layer.type !== "pixel" && layer.type !== "smart" && layer.type !== "shape") fail(`fillOpacity applies to pixel, shape and smart object layers; "${id}" is a ${layer.type} layer.`);
     if (!(typeof props.fillOpacity === "number" && props.fillOpacity >= 0 && props.fillOpacity <= 1)) fail("fillOpacity must be a number from 0 to 1.");
     const p = next;
     if (props.fillOpacity === 1) delete p.fillOpacity;
@@ -2733,93 +3141,1204 @@ function removeLayerFilter(layers, id, filterId) {
   else delete next.filters;
   return mapLayer(layers, id, () => next);
 }
-function requireEffectLayer(layers, id, action) {
-  const layer = requireLayer(layers, id).layer;
-  if (layer.type === "adjustment") fail(`Layer "${layer.name || id}" is an adjustment layer; effects go on pixel, annotation and group layers.`);
-  requireUnlocked(layer, "all", action);
-  return layer;
+function requireEffectLayer(layers, id, action) {
+  const layer = requireLayer(layers, id).layer;
+  if (layer.type === "adjustment") fail(`Layer "${layer.name || id}" is an adjustment layer; effects go on pixel, annotation and group layers.`);
+  requireUnlocked(layer, "all", action);
+  return layer;
+}
+function layerEffectsOf(layer) {
+  return layer.effects ?? { enabled: true, items: [] };
+}
+function guard(fn) {
+  try {
+    return fn();
+  } catch (e) {
+    if (e instanceof LayerEffectError) fail(e.message);
+    throw e;
+  }
+}
+function setLayerEffects(layers, id, effects) {
+  const layer = requireEffectLayer(layers, id, "change its effects");
+  const next = { ...layer };
+  if (effects && (effects.items.length || effects.psd || effects.scale !== void 0 || !effects.enabled)) {
+    guard(() => validateLayerEffects(effects));
+    next.effects = effects;
+  } else delete next.effects;
+  return mapLayer(layers, id, () => next);
+}
+function addLayerEffect(layers, id, kind, params = {}, index) {
+  if (!isLayerEffectKind(kind)) fail(`Unknown effect kind "${String(kind)}". Kinds: ${LAYER_EFFECT_KINDS.join(", ")}.`);
+  const layer = requireEffectLayer(layers, id, "add effects");
+  const current = layerEffectsOf(layer);
+  const ids = new Set(current.items.map((e) => e.id));
+  let effectId = newEffectId();
+  while (ids.has(effectId)) effectId = newEffectId();
+  const { id: _ignored, kind: _kind, ...rest } = params;
+  const effect = guard(() => mergeLayerEffect(defaultLayerEffect(kind, effectId), rest));
+  const items = [...current.items];
+  const at = index === void 0 ? items.length : Math.max(0, Math.min(items.length, Math.floor(index)));
+  items.splice(at, 0, effect);
+  return { layers: setLayerEffects(layers, id, { ...current, items }), effect };
+}
+function requireEffect(layer, effectId) {
+  const items = layer.effects?.items ?? [];
+  const i = items.findIndex((e) => e.id === effectId);
+  if (i === -1) fail(`Layer "${layer.name || layer.id}" has no effect "${effectId}". Effects: ${items.map((e) => `${e.id} (${e.kind})`).join(", ") || "none"}; call list_layer_effects.`);
+  return i;
+}
+function updateLayerEffect(layers, id, effectId, changes) {
+  const layer = requireEffectLayer(layers, id, "change its effects");
+  const i = requireEffect(layer, effectId);
+  const current = layer.effects;
+  const items = [...current.items];
+  items[i] = guard(() => mergeLayerEffect(items[i], changes));
+  return setLayerEffects(layers, id, { ...current, items });
+}
+function removeLayerEffect(layers, id, effectId) {
+  const layer = requireEffectLayer(layers, id, "change its effects");
+  requireEffect(layer, effectId);
+  const current = layer.effects;
+  return setLayerEffects(layers, id, { ...current, items: current.items.filter((e) => e.id !== effectId) });
+}
+function setLayerEffectsEnabled(layers, id, enabled, scale) {
+  const layer = requireEffectLayer(layers, id, "change its effects");
+  if (scale !== void 0 && !(Number.isFinite(scale) && scale >= 0.01 && scale <= 10)) fail(`scale must be from 0.01 to 10 (1 = 100 %), got ${scale}.`);
+  const current = layerEffectsOf(layer);
+  const next = { ...current, enabled };
+  if (scale !== void 0) {
+    if (scale === 1) delete next.scale;
+    else next.scale = scale;
+  }
+  return setLayerEffects(layers, id, next);
+}
+function parseBlend(value, allowPassThrough = false) {
+  if (value === void 0) return void 0;
+  if (value === "pass-through" && allowPassThrough) return value;
+  if (!isBlendMode(value)) fail(`Unknown blend mode "${String(value)}".`);
+  return value;
+}
+function unionRect(a, b) {
+  if (!a) return b;
+  if (!b) return a;
+  const x = Math.min(a.x, b.x);
+  const y = Math.min(a.y, b.y);
+  return { x, y, width: Math.max(a.x + a.width, b.x + b.width) - x, height: Math.max(a.y + a.height, b.y + b.height) - y };
+}
+
+// src/image-editor/layers/shape.ts
+var SHAPE_RENDER_MARGIN = MAX_EFFECT_REACH;
+var DEFAULT_MITER_LIMIT = 100;
+var fail2 = (message) => {
+  throw new LayerOperationError(message);
+};
+var orientation = (anchors) => {
+  let a = 0;
+  for (let i = 0; i < anchors.length; i++) {
+    const p = anchors[i];
+    const q2 = anchors[(i + 1) % anchors.length];
+    a += p.x * q2.y - q2.x * p.y;
+  }
+  return a;
+};
+function polygon(points) {
+  const anchors = orientation(points) < 0 ? [...points].reverse() : points;
+  return { closed: true, anchors: anchors.map((p) => ({ x: p.x, y: p.y })) };
+}
+function arrowheadPolygon(head, tip, dir) {
+  const len = Math.max(0, head.length);
+  const hw = Math.max(0, head.width) / 2;
+  if (!(len > 0) || !(hw > 0)) return null;
+  const n = { x: -dir.y, y: dir.x };
+  const base = { x: tip.x - dir.x * len, y: tip.y - dir.y * len };
+  const c = Math.max(-0.5, Math.min(0.5, head.concavity ?? 0));
+  const pts = [tip, { x: base.x + n.x * hw, y: base.y + n.y * hw }];
+  if (c) pts.push({ x: base.x + dir.x * len * c, y: base.y + dir.y * len * c });
+  pts.push({ x: base.x - n.x * hw, y: base.y - n.y * hw });
+  return polygon(pts);
+}
+function mapAnchor(a, f) {
+  const p = f(a);
+  const out = { x: p.x, y: p.y };
+  if (a.in) out.in = f(a.in);
+  if (a.out) out.out = f(a.out);
+  if (a.type) out.type = a.type;
+  if (a.corner) out.corner = { ...a.corner };
+  return out;
+}
+function mapSubpaths(subpaths, f) {
+  return expandVectorCorners(subpaths).map((sp) => ({ closed: sp.closed, anchors: sp.anchors.map((a) => mapAnchor(a, f)) }));
+}
+function liveShapeSubpaths(live) {
+  let out;
+  switch (live.kind) {
+    case "rect": {
+      const x = Math.min(live.x, live.x + live.width);
+      const y = Math.min(live.y, live.y + live.height);
+      const sp = rectSubpath({ x, y, width: Math.abs(live.width), height: Math.abs(live.height) });
+      const r = live.radii ?? [0, 0, 0, 0];
+      out = [{ closed: true, anchors: sp.anchors.map((a, i) => r[i] > 0 ? setAnchorCorner(a, r[i]) : a) }];
+      break;
+    }
+    case "ellipse":
+      out = [ellipseSubpath(normBox(live))];
+      break;
+    case "polygon":
+      out = [polygonSubpath(normBox(live), live.sides)];
+      break;
+    case "star":
+      out = [starSubpath(normBox(live), live.points, Math.max(0, Math.min(1, live.innerRatio)))];
+      break;
+    case "line": {
+      const a = { x: live.x1, y: live.y1 };
+      const b = { x: live.x2, y: live.y2 };
+      const len = Math.hypot(b.x - a.x, b.y - a.y);
+      out = [];
+      if (len > 0) {
+        const d = { x: (b.x - a.x) / len, y: (b.y - a.y) / len };
+        const hw = Math.max(0, live.weight) / 2;
+        if (hw > 0) {
+          const n = { x: -d.y * hw, y: d.x * hw };
+          out.push(polygon([{ x: a.x + n.x, y: a.y + n.y }, { x: b.x + n.x, y: b.y + n.y }, { x: b.x - n.x, y: b.y - n.y }, { x: a.x - n.x, y: a.y - n.y }]));
+        }
+        const end = live.endArrow ? arrowheadPolygon(live.endArrow, b, d) : null;
+        const start = live.startArrow ? arrowheadPolygon(live.startArrow, a, { x: -d.x, y: -d.y }) : null;
+        if (start) out.push(start);
+        if (end) out.push(end);
+      }
+      break;
+    }
+  }
+  const m = live.transform;
+  return m && !isIdentityMatrix(m) ? mapSubpaths(out, (p) => applyMatrix(m, p)) : out;
+}
+function normBox(b) {
+  return { x: Math.min(b.x, b.x + b.width), y: Math.min(b.y, b.y + b.height), width: Math.abs(b.width), height: Math.abs(b.height) };
+}
+function liveComponent(live, op = "combine") {
+  return { op, subpaths: liveShapeSubpaths(live), live };
+}
+var pathCache = /* @__PURE__ */ new WeakMap();
+function componentPath(c) {
+  let p = pathCache.get(c.subpaths);
+  if (!p) {
+    p = subpathsToBezier(c.subpaths);
+    pathCache.set(c.subpaths, p);
+  }
+  return p;
+}
+var BOOLEAN_OF = { combine: "union", subtract: "difference", intersect: "intersection", exclude: "xor" };
+var outlineCache = /* @__PURE__ */ new WeakMap();
+function shapeOutline(components, fillRule = "nonzero") {
+  if (components.length === 1) return componentPath(components[0]);
+  let byRule = outlineCache.get(components);
+  if (!byRule) {
+    byRule = /* @__PURE__ */ new Map();
+    outlineCache.set(components, byRule);
+  }
+  const hit = byRule.get(fillRule);
+  if (hit) return hit;
+  let acc = [];
+  components.forEach((c, i) => {
+    const operand = { path: componentPath(c), fillRule };
+    if (i === 0) acc = pathBoolean("union", [operand]).path;
+    else acc = pathBoolean(BOOLEAN_OF[c.op], [{ path: acc, fillRule: "nonzero" }, operand]).path;
+  });
+  byRule.set(fillRule, acc);
+  return acc;
+}
+function shapeGeometryBounds(layer) {
+  let b = null;
+  for (const c of layer.components) {
+    const cb = bezierPathBounds(componentPath(c));
+    if (!cb) continue;
+    b = b ? { minX: Math.min(b.minX, cb.minX), minY: Math.min(b.minY, cb.minY), maxX: Math.max(b.maxX, cb.maxX), maxY: Math.max(b.maxY, cb.maxY) } : cb;
+  }
+  return b ? { x: b.minX, y: b.minY, width: b.maxX - b.minX, height: b.maxY - b.minY } : null;
+}
+function closedOutline(path) {
+  let open = false;
+  let inSub = false;
+  for (const c of path) {
+    if (c.type === "M") {
+      if (inSub) open = true;
+      inSub = true;
+    } else if (c.type === "Z") inSub = false;
+  }
+  return !open && !inSub;
+}
+function strokeArea(path, stroke, double) {
+  const w = stroke.width * (double ? 2 : 1);
+  if (!(w > 0) || !path.length) return [];
+  const dashes = stroke.dashes?.length && stroke.dashes.some((d) => d > 0) ? stroke.dashes.map((d) => d * stroke.width) : void 0;
+  const options = {
+    width: w,
+    cap: stroke.cap ?? "butt",
+    join: stroke.join ?? "miter",
+    miterLimit: stroke.miterLimit ?? DEFAULT_MITER_LIMIT,
+    ...dashes ? { dash: dashes, dashOffset: (stroke.dashOffset ?? 0) * stroke.width } : {}
+  };
+  const curved = path.some((c) => c.type === "C" || c.type === "Q");
+  if (curved && path.length <= CLEAN_OUTLINE_LIMIT) {
+    try {
+      return outlineStroke(path, options);
+    } catch {
+    }
+  }
+  return strokeOutlineRings(path, options);
+}
+var CLEAN_OUTLINE_LIMIT = 64;
+var geometryCache = /* @__PURE__ */ new WeakMap();
+function shapeGeometry(layer) {
+  const hit = geometryCache.get(layer);
+  if (hit) return hit;
+  const fills = layer.components.map((c) => ({ op: c.op, flat: flattenPath(componentPath(c)) }));
+  let stroke = null;
+  let align = "center";
+  const s = layer.stroke;
+  if (s && s.width > 0 && layer.components.length) {
+    let outline;
+    try {
+      outline = shapeOutline(layer.components, layer.fillRule);
+    } catch {
+      outline = layer.components.flatMap((c) => componentPath(c));
+    }
+    align = s.align && s.align !== "center" && closedOutline(outline) ? s.align : "center";
+    stroke = flattenPath(strokeArea(outline, s, align !== "center"));
+  }
+  let bounds = null;
+  const add = (b) => {
+    if (!b) return;
+    if (!bounds) bounds = { ...b };
+    else {
+      const x0 = Math.min(bounds.x, b.x);
+      const y0 = Math.min(bounds.y, b.y);
+      bounds = { x: x0, y: y0, width: Math.max(bounds.x + bounds.width, b.x + b.width) - x0, height: Math.max(bounds.y + bounds.height, b.y + b.height) - y0 };
+    }
+  };
+  if (layer.fill) for (const f of fills) add(flatBounds(f.flat));
+  if (stroke) add(flatBounds(stroke));
+  const g = shapeGeometryBounds(layer) ?? { x: 0, y: 0, width: 0, height: 0 };
+  const frame = { x: Math.floor(g.x), y: Math.floor(g.y), width: Math.max(1, Math.ceil(g.x + g.width) - Math.floor(g.x)), height: Math.max(1, Math.ceil(g.y + g.height) - Math.floor(g.y)) };
+  const geo = { fills, stroke, align, bounds, frame };
+  geometryCache.set(layer, geo);
+  return geo;
+}
+function fillCoverage(geo, rect, rule) {
+  const n = rect.width * rect.height;
+  let acc = null;
+  geo.fills.forEach((f, i) => {
+    const cov = f.flat.length > 1 ? rasterizeCoverageSampled(f.flat, rect, rule) : rasterizeCoverage(f.flat, rect, rule);
+    acc = i === 0 ? cov : combineCoverage(acc, cov, f.op, n);
+  });
+  return acc;
+}
+function paintContext(env) {
+  const tiles = /* @__PURE__ */ new Map();
+  return {
+    light: DEFAULT_GLOBAL_LIGHT,
+    pattern: (id) => {
+      if (tiles.has(id)) return tiles.get(id);
+      const p = env.pattern?.(id) ?? builtinPattern(id);
+      const t = p && p.width > 0 && p.height > 0 && p.data.length >= p.width * p.height * 4 ? new PatternTile(p) : null;
+      tiles.set(id, t);
+      return t;
+    }
+  };
+}
+function shapeRenderClip(env) {
+  const m = SHAPE_RENDER_MARGIN;
+  return { x: -m, y: -m, width: env.width + 2 * m, height: env.height + 2 * m };
+}
+function intersect(a, b) {
+  const x0 = Math.max(a.x, b.x);
+  const y0 = Math.max(a.y, b.y);
+  const x1 = Math.min(a.x + a.width, b.x + b.width);
+  const y1 = Math.min(a.y + a.height, b.y + b.height);
+  return x1 > x0 && y1 > y0 ? { x: x0, y: y0, width: x1 - x0, height: y1 - y0 } : null;
+}
+function renderShapeRect(layer, rect, env, ctx = paintContext(env)) {
+  const geo = shapeGeometry(layer);
+  if (!geo.bounds || !intersect(geo.bounds, rect)) return null;
+  const n = rect.width * rect.height;
+  const rule = layer.fillRule ?? "nonzero";
+  const needArea = Boolean(layer.fill) || geo.stroke !== null && geo.align !== "center";
+  const area = needArea ? fillCoverage(geo, rect, rule) : null;
+  let sCov = geo.stroke ? rasterizeCoverageSampled(geo.stroke, rect, "nonzero") : null;
+  if (sCov && geo.align === "inside") sCov = area ? combineCoverage(sCov, area, "intersect", n) : null;
+  else if (sCov && geo.align === "outside" && area) sCov = combineCoverage(sCov, area, "subtract", n);
+  const fCov = layer.fill ? area : null;
+  if (!fCov && !sCov) return null;
+  const canvas = { x: 0, y: 0, width: env.width, height: env.height };
+  const anchor = { x: geo.frame.x, y: geo.frame.y };
+  const fc = fCov ? effectFillColors(layer.fill, rect, geo.frame, canvas, anchor, ctx) : null;
+  const fo = layer.fill?.opacity ?? 1;
+  const sc = sCov ? effectFillColors(layer.stroke.paint, rect, geo.frame, canvas, anchor, ctx) : null;
+  const so = layer.stroke?.paint.opacity ?? 1;
+  const out = new Uint8ClampedArray(n * 4);
+  let any = false;
+  for (let i = 0; i < n; i++) {
+    const k = i * 4;
+    let r = 0;
+    let g = 0;
+    let b = 0;
+    let a = 0;
+    if (fCov && fCov[i] > 0) {
+      a = fCov[i] * fo * fc[k + 3];
+      r = fc[k];
+      g = fc[k + 1];
+      b = fc[k + 2];
+    }
+    if (sCov && sCov[i] > 0) {
+      const sa = Math.min(1, sCov[i]) * so * sc[k + 3];
+      const ao = sa + a * (1 - sa);
+      if (ao > 0) {
+        r = (sc[k] * sa + r * a * (1 - sa)) / ao;
+        g = (sc[k + 1] * sa + g * a * (1 - sa)) / ao;
+        b = (sc[k + 2] * sa + b * a * (1 - sa)) / ao;
+      }
+      a = ao;
+    }
+    if (a <= 0) continue;
+    const ab = Math.round(Math.min(1, a) * 255);
+    if (!ab) continue;
+    out[k] = Math.round(r * 255);
+    out[k + 1] = Math.round(g * 255);
+    out[k + 2] = Math.round(b * 255);
+    out[k + 3] = ab;
+    any = true;
+  }
+  return any ? out : null;
+}
+function renderShape(layer, env, options = {}) {
+  const geo = shapeGeometry(layer);
+  if (!geo.bounds) return emptySurface(4);
+  let region = intersect(geo.bounds, shapeRenderClip(env));
+  if (region && options.clip) region = intersect(region, options.clip);
+  if (!region) return emptySurface(4);
+  const ctx = paintContext(env);
+  const tiles = /* @__PURE__ */ new Map();
+  for (const { tx, ty } of tilesInRect(region)) {
+    const rect = { x: tx * TILE, y: ty * TILE, width: TILE, height: TILE };
+    const px = renderShapeRect(layer, rect, env, ctx);
+    if (!px) continue;
+    const tile = finishTile(px, 4, 0);
+    if (tile) tiles.set(tileKey(tx, ty), tile);
+  }
+  return new TiledSurface(4, tiles, 0);
+}
+function rerenderShape(layer, env) {
+  return { ...layer, surface: renderShape(layer, env) };
+}
+var isNum = (v) => typeof v === "number" && Number.isFinite(v);
+function requireNum(v, path, min = -Infinity, max = Infinity) {
+  if (!isNum(v)) fail2(`${path} must be a finite number.`);
+  if (v < min || v > max) fail2(`${path} must be between ${min} and ${max}, got ${v}.`);
+  return v;
+}
+function normalizeShapePaint(v, path = "paint") {
+  if (typeof v === "string") {
+    const c = parseCssColor(v);
+    if (!c) return fail2(`${path}: "${v}" is not a colour; use #rrggbb (or #rrggbbaa, rgb(), a CSS colour name).`);
+    return c.alpha < 1 ? { type: "color", color: c.hex, opacity: c.alpha } : { type: "color", color: c.hex };
+  }
+  if (!v || typeof v !== "object") return fail2(`${path} must be a colour string or an object with type color, gradient or pattern.`);
+  const o = v;
+  const opacity = o.opacity === void 0 ? void 0 : requireNum(o.opacity, `${path}.opacity`, 0, 1);
+  const withOpacity = (p) => opacity !== void 0 && opacity !== 1 ? { ...p, opacity } : p;
+  if (o.type === "color") {
+    const c = parseCssColor(o.color);
+    if (!c) return fail2(`${path}.color must be a colour such as #rrggbb.`);
+    const op = (opacity ?? 1) * c.alpha;
+    return op !== 1 ? { type: "color", color: c.hex, opacity: op } : { type: "color", color: c.hex };
+  }
+  if (o.type === "gradient") {
+    const g = o.gradient;
+    if (!g || typeof g !== "object") return fail2(`${path}.gradient is required: { stops: [{ position, color }], style, angle, \u2026 }.`);
+    const gradient = {
+      stops: Array.isArray(g.stops) ? g.stops.map((s) => ({ position: s.position, color: parseCssColor(s.color)?.hex ?? s.color })) : [],
+      ...g.opacityStops ? { opacityStops: g.opacityStops } : {},
+      style: g.style ?? "linear",
+      angle: g.angle ?? 90,
+      scale: g.scale ?? 1,
+      reverse: g.reverse ?? false,
+      align: g.align ?? true,
+      offset: g.offset ?? { x: 0, y: 0 }
+    };
+    try {
+      validateEffectGradient(gradient, `${path}.gradient`);
+    } catch (e) {
+      if (e instanceof LayerEffectError) fail2(e.message);
+      throw e;
+    }
+    if (gradient.stops.length < 1) fail2(`${path}.gradient.stops needs at least one { position, color }.`);
+    return withOpacity({ type: "gradient", gradient });
+  }
+  if (o.type === "pattern") {
+    if (typeof o.patternId !== "string" || !o.patternId) fail2(`${path}.patternId is required (a document or built-in pattern id).`);
+    const p = { type: "pattern", patternId: o.patternId, scale: o.scale === void 0 ? 1 : requireNum(o.scale, `${path}.scale`, 0.01, 10) };
+    if (typeof o.name === "string") p.name = o.name;
+    if (o.angle !== void 0) p.angle = requireNum(o.angle, `${path}.angle`, -360, 360);
+    if (o.link !== void 0) p.link = Boolean(o.link);
+    if (o.phase !== void 0) {
+      const ph = o.phase;
+      p.phase = { x: requireNum(ph?.x, `${path}.phase.x`), y: requireNum(ph?.y, `${path}.phase.y`) };
+    }
+    return withOpacity(p);
+  }
+  return fail2(`${path}.type must be color, gradient or pattern, got ${JSON.stringify(o.type)}.`);
+}
+function normalizeShapeStroke(v, path = "stroke", base) {
+  if (!v || typeof v !== "object") return fail2(`${path} must be an object { width, paint, align?, cap?, join?, miterLimit?, dashes?, dashOffset? } or null.`);
+  const o = v;
+  const width = o.width === void 0 && base ? base.width : requireNum(o.width, `${path}.width`, 0, 1e4);
+  const paint = o.paint === void 0 && base ? base.paint : o.paint === void 0 && o.color !== void 0 ? normalizeShapePaint(o.color, `${path}.color`) : normalizeShapePaint(o.paint, `${path}.paint`);
+  const out = { width, paint };
+  const pick = (k, allowed) => {
+    const value = o[k] === void 0 ? base?.[k] : o[k];
+    if (value === void 0) return;
+    if (!allowed.includes(value)) fail2(`${path}.${k} must be one of ${allowed.join(", ")}, got ${JSON.stringify(value)}.`);
+    if (value !== (k === "align" ? "center" : k === "cap" ? "butt" : "miter")) out[k] = value;
+  };
+  pick("align", ["inside", "center", "outside"]);
+  pick("cap", ["butt", "round", "square"]);
+  pick("join", ["miter", "round", "bevel"]);
+  const miter = o.miterLimit === void 0 ? base?.miterLimit : requireNum(o.miterLimit, `${path}.miterLimit`, 1, 500);
+  if (miter !== void 0 && miter !== DEFAULT_MITER_LIMIT) out.miterLimit = miter;
+  const dashes = o.dashes === void 0 ? base?.dashes : o.dashes;
+  if (dashes !== void 0 && dashes !== null) {
+    if (!Array.isArray(dashes) || dashes.length > 32 || !dashes.every((d) => isNum(d) && d >= 0 && d <= 1e4)) fail2(`${path}.dashes must be at most 32 lengths 0..10000 (multiples of the width).`);
+    if (dashes.length) {
+      if (dashes.reduce((s, d) => s + d, 0) < 0.01) fail2(`${path}.dashes must add up to at least 0.01 widths.`);
+      out.dashes = [...dashes];
+    }
+  }
+  const offset = o.dashOffset === void 0 ? base?.dashOffset : requireNum(o.dashOffset, `${path}.dashOffset`, -1e6, 1e6);
+  if (offset) out.dashOffset = offset;
+  return out;
+}
+function box(o, path) {
+  return {
+    x: requireNum(o.x, `${path}.x`),
+    y: requireNum(o.y, `${path}.y`),
+    width: requireNum(o.width, `${path}.width`, -1e6, 1e6),
+    height: requireNum(o.height, `${path}.height`, -1e6, 1e6)
+  };
+}
+function arrowhead(v, path) {
+  if (v === null || v === void 0 || v === false) return null;
+  if (typeof v !== "object") return fail2(`${path} must be { width, length, concavity? } in pixels, or null.`);
+  const o = v;
+  const head = { width: requireNum(o.width, `${path}.width`, 0, 1e5), length: requireNum(o.length, `${path}.length`, 0, 1e5) };
+  if (o.concavity !== void 0 && o.concavity !== 0) head.concavity = requireNum(o.concavity, `${path}.concavity`, -0.5, 0.5);
+  return head;
+}
+function matrixArg(v, path) {
+  if (v === void 0 || v === null) return void 0;
+  if (!Array.isArray(v) || v.length !== 6 || !v.every(isNum)) fail2(`${path} must be six numbers [a, b, c, d, e, f].`);
+  const m = v;
+  if (Math.abs(m[0] * m[3] - m[1] * m[2]) < 1e-12) fail2(`${path} is singular.`);
+  return isIdentityMatrix(m) ? void 0 : [...m];
+}
+function normalizeLiveShape(v, path = "shape") {
+  if (!v || typeof v !== "object") return fail2(`${path} must be an object with kind ${LIVE_SHAPE_KINDS.join(", ")}.`);
+  const o = v;
+  const transform = matrixArg(o.transform, `${path}.transform`);
+  const t = transform ? { transform } : {};
+  switch (o.kind) {
+    case "rect": {
+      const b = box(o, path);
+      let radii;
+      if (o.radii !== void 0 || o.radius !== void 0) {
+        const r = o.radii ?? o.radius;
+        const list2 = typeof r === "number" ? [r, r, r, r] : r;
+        if (!Array.isArray(list2) || list2.length !== 4 || !list2.every((x) => isNum(x) && x >= 0)) fail2(`${path}.radii must be four radii \u2265 0 [top-left, top-right, bottom-right, bottom-left] (or radius, one number).`);
+        if (list2.some((x) => x > 0)) radii = [...list2];
+      }
+      return { kind: "rect", ...b, ...radii ? { radii } : {}, ...t };
+    }
+    case "ellipse":
+      return { kind: "ellipse", ...box(o, path), ...t };
+    case "polygon":
+      return { kind: "polygon", ...box(o, path), sides: Math.round(requireNum(o.sides ?? 6, `${path}.sides`, 3, 100)), ...t };
+    case "star":
+      return {
+        kind: "star",
+        ...box(o, path),
+        points: Math.round(requireNum(o.points ?? 5, `${path}.points`, 3, 100)),
+        innerRatio: requireNum(o.innerRatio ?? 0.5, `${path}.innerRatio`, 0.01, 1),
+        ...t
+      };
+    case "line": {
+      const line = {
+        kind: "line",
+        x1: requireNum(o.x1, `${path}.x1`),
+        y1: requireNum(o.y1, `${path}.y1`),
+        x2: requireNum(o.x2, `${path}.x2`),
+        y2: requireNum(o.y2, `${path}.y2`),
+        weight: requireNum(o.weight ?? 1, `${path}.weight`, 0, 1e5),
+        ...t
+      };
+      const s = arrowhead(o.startArrow, `${path}.startArrow`);
+      const e = arrowhead(o.endArrow, `${path}.endArrow`);
+      if (s) line.startArrow = s;
+      if (e) line.endArrow = e;
+      if (line.x1 === line.x2 && line.y1 === line.y2) fail2(`${path}: the line's two ends are the same point.`);
+      return line;
+    }
+    default:
+      return fail2(`${path}.kind must be one of ${LIVE_SHAPE_KINDS.join(", ")}, got ${JSON.stringify(o.kind)}.`);
+  }
+}
+function point(v, path) {
+  const p = v;
+  if (!p || typeof p !== "object") return fail2(`${path} must be { x, y } in document pixels.`);
+  return { x: requireNum(p.x, `${path}.x`), y: requireNum(p.y, `${path}.y`) };
+}
+function normalizeSubpaths(v, path = "subpaths") {
+  if (typeof v === "string") {
+    let subs;
+    try {
+      subs = bezierToSubpaths(v);
+    } catch {
+      return fail2(`${path}: could not read the SVG path data.`);
+    }
+    if (!subs.length || !subs.every((s) => s.anchors.every((a) => isNum(a.x) && isNum(a.y)))) fail2(`${path}: the SVG path data holds no drawable subpath.`);
+    return subs;
+  }
+  if (!Array.isArray(v) || !v.length) return fail2(`${path} must be a non-empty array of { anchors: [{ x, y, in?, out? }], closed } (or SVG path data).`);
+  return v.map((s, i) => {
+    const sp = s;
+    if (!sp || !Array.isArray(sp.anchors) || sp.anchors.length < 1) fail2(`${path}[${i}].anchors must be a non-empty array.`);
+    const anchors = sp.anchors.map((a, j) => {
+      const at = `${path}[${i}].anchors[${j}]`;
+      const p = point(a, at);
+      const ao = a;
+      const out = { x: p.x, y: p.y };
+      if (ao.in) out.in = point(ao.in, `${at}.in`);
+      if (ao.out) out.out = point(ao.out, `${at}.out`);
+      if (ao.corner !== void 0 && ao.corner !== null) {
+        const c = ao.corner;
+        const r = requireNum(typeof c === "number" ? c : c.radius, `${at}.corner.radius`, 0, 1e5);
+        if (r > 0) out.corner = { radius: r };
+      }
+      return out;
+    });
+    return { anchors, closed: sp.closed !== false };
+  });
+}
+function requireOperation(v, path = "op") {
+  if (v === void 0) return "combine";
+  if (!SHAPE_OPERATIONS.includes(v)) fail2(`${path} must be one of ${SHAPE_OPERATIONS.join(", ")}, got ${JSON.stringify(v)}.`);
+  return v;
+}
+function requireShapeLayer(layers, id) {
+  const layer = requireLayer(layers, id).layer;
+  if (layer.type !== "shape") fail2(`Layer "${layer.name || id}" is a ${layer.type} layer, not a shape layer; list_layers shows each layer's type.`);
+  return layer;
+}
+function createShapeLayer(init, env, id = newLayerId()) {
+  if (!init.components.length) fail2("A shape needs at least one component.");
+  const layer = {
+    type: "shape",
+    id,
+    name: init.name ?? defaultShapeName(init.components[0]),
+    visible: init.visible ?? true,
+    opacity: init.opacity ?? 1,
+    blend: init.blend ?? "normal",
+    components: init.components,
+    fill: init.fill === void 0 ? null : init.fill,
+    stroke: init.stroke ?? null,
+    surface: emptySurface(4),
+    offset: { x: 0, y: 0 }
+  };
+  if (init.fillRule && init.fillRule !== "nonzero") layer.fillRule = init.fillRule;
+  return rerenderShape(layer, env);
+}
+function defaultShapeName(c) {
+  switch (c?.live?.kind) {
+    case "rect":
+      return "Rectangle";
+    case "ellipse":
+      return "Ellipse";
+    case "polygon":
+      return "Polygon";
+    case "star":
+      return "Star";
+    case "line":
+      return "Line";
+    default:
+      return "Shape";
+  }
+}
+function updateShapeLayer(layers, id, change, env, action = "edit it") {
+  const current = requireShapeLayer(layers, id);
+  requireUnlocked(current, "pixels", action);
+  const patch = change(current);
+  const next = { ...current, ...patch };
+  if (!("annotation" in patch)) delete next.annotation;
+  if (!next.components.length) fail2("A shape needs at least one component; delete the layer instead.");
+  const rendered = rerenderShape(next, env);
+  return { layers: mapLayer(layers, id, () => rendered), layer: rendered };
+}
+function transformShapeComponents(components, f, affine) {
+  return components.map((c) => {
+    if (affine && c.live) {
+      const live = { ...c.live, transform: multiplyMatrices(c.live.transform ?? IDENTITY_MATRIX, affine) };
+      if (isIdentityMatrix(live.transform)) delete live.transform;
+      return { op: c.op, subpaths: liveShapeSubpaths(live), live };
+    }
+    return { op: c.op, subpaths: mapSubpaths(c.subpaths, f) };
+  });
+}
+function offsetShape(layer, dx, dy, env) {
+  const m = translateMatrix(dx, dy);
+  const next = { ...layer, components: transformShapeComponents(layer.components, (p) => ({ x: p.x + dx, y: p.y + dy }), m) };
+  delete next.annotation;
+  return rerenderShape(next, env);
+}
+function mergeShapeComponents(components, fillRule = "nonzero") {
+  if (components.length < 2) return [...components];
+  const path = shapeOutline(components, fillRule);
+  const subpaths = bezierToSubpaths(path);
+  if (!subpaths.length) fail2("The components combine to nothing (the operations remove every area), so there is nothing to merge into.");
+  return [{ op: "combine", subpaths }];
+}
+function shapeAsPixelLayer(layer) {
+  const { components: _c, fillRule: _r, fill: _f, stroke: _s, annotation: _a, psd: _p, type: _t, ...rest } = layer;
+  return { ...rest, type: "pixel", surface: layer.surface, offset: { x: 0, y: 0 } };
+}
+function annotationPaint(color, opacity) {
+  const c = parseCssColor(color);
+  if (!c || !parseEffectColor(c.hex)) return void 0;
+  const a = c.alpha * opacity;
+  return a !== 1 ? { type: "color", color: c.hex, opacity: a } : { type: "color", color: c.hex };
+}
+function shapeFromAnnotation(a) {
+  const opacity = a.opacity ?? 1;
+  const lineWidth = "strokeWidth" in a && a.strokeWidth > 0 ? a.strokeWidth : 1;
+  const rotation = a.rotation ? rotateMatrix(a.rotation, { x: a.x, y: a.y }) : void 0;
+  const t = rotation ? { transform: rotation } : {};
+  const live = (l) => liveComponent(l);
+  switch (a.type) {
+    case "rect": {
+      const stroke = annotationPaint(a.strokeColor, opacity);
+      if (!stroke) return null;
+      const fill = a.fillColor ? annotationPaint(a.fillColor, opacity) : null;
+      if (fill === void 0) return null;
+      return {
+        components: [live({ kind: "rect", x: a.x, y: a.y, width: a.width, height: a.height, ...t })],
+        fill,
+        stroke: a.strokeWidth > 0 ? { width: a.strokeWidth, paint: stroke } : null
+      };
+    }
+    case "circle": {
+      const stroke = annotationPaint(a.strokeColor, opacity);
+      if (!stroke) return null;
+      const fill = a.fillColor ? annotationPaint(a.fillColor, opacity) : null;
+      if (fill === void 0) return null;
+      const rx = Math.abs(a.radiusX);
+      const ry = Math.abs(a.radiusY);
+      return {
+        components: [live({ kind: "ellipse", x: a.x - rx, y: a.y - ry, width: 2 * rx, height: 2 * ry, ...t })],
+        fill,
+        stroke: a.strokeWidth > 0 ? { width: a.strokeWidth, paint: stroke } : null
+      };
+    }
+    case "line":
+    case "arrow": {
+      const paint = annotationPaint(a.strokeColor, opacity);
+      if (!paint) return null;
+      const line = { kind: "line", x1: a.x, y1: a.y, x2: a.endX, y2: a.endY, weight: lineWidth, ...t };
+      if (a.type === "arrow") {
+        const side = Math.max(12, a.strokeWidth * 3);
+        line.endArrow = { width: side, length: side * Math.cos(Math.PI / 6) };
+      }
+      if (line.x1 === line.x2 && line.y1 === line.y2) return { components: [{ op: "combine", subpaths: [] }], fill: paint, stroke: null };
+      return { components: [live(line)], fill: paint, stroke: null };
+    }
+    case "pen": {
+      const paint = annotationPaint(a.strokeColor, opacity);
+      if (!paint) return null;
+      const pts = rotation ? a.points.map((p) => applyMatrix(rotation, p)) : a.points;
+      const subpaths = pts.length > 1 ? [{ closed: false, anchors: pts.map((p) => ({ x: p.x, y: p.y })) }] : [];
+      return {
+        components: [{ op: "combine", subpaths }],
+        fill: null,
+        stroke: { width: lineWidth, paint, cap: "round", join: "round" }
+      };
+    }
+    default:
+      return null;
+  }
+}
+function annotationBlend(a, layerBlend) {
+  if (layerBlend !== "normal") return layerBlend;
+  return a.blend && isBlendMode(a.blend) ? a.blend : "normal";
+}
+function annotationOfShape(layer) {
+  const a = layer.annotation;
+  if (!a) return null;
+  const blend = layer.blend;
+  if ((a.blend ?? "normal") === blend) return a;
+  const out = { ...a };
+  if (blend === "normal") delete out.blend;
+  else out.blend = blend;
+  return out;
+}
+
+// src/image-editor/layers/defaults.ts
+var DEFAULT_ADJUSTMENTS_VALUES = {
+  brightness: 0,
+  contrast: 0,
+  saturation: 0,
+  exposure: 0,
+  temperature: 0,
+  tint: 0,
+  blur: 0,
+  opacity: 1,
+  process: LATEST_PROCESS_VERSION
+};
+var DEFAULT_TRANSFORM_VALUES = {
+  rotate: 0,
+  flipH: false,
+  flipV: false
+};
+var DEFAULT_DEPTH_MASK_VALUES = {
+  enabled: false,
+  maskSource: null,
+  mode: "threshold",
+  depthRange: [0, 255],
+  softness: 10,
+  invert: false
+};
+
+// src/image-editor/layers/migrate.ts
+var BACKGROUND_LAYER_ID = "background";
+var BACKGROUND_LAYER_NAME = "Background";
+var DEVELOP_FILTER_ID = "develop";
+var BLUR_FILTER_ID = "blur";
+var legacyMaskMemo = /* @__PURE__ */ new WeakMap();
+function rasterMaskFromLegacy(mask, width, height) {
+  const sel = decodeLayerMask(mask);
+  if (!sel) return null;
+  const sized = sel.width === width && sel.height === height ? sel : resizeSelection(sel, width, height);
+  const surface = surfaceFromPixels({ width, height, data: sized.data }, 1, 0, 0, 0);
+  legacyMaskMemo.set(surface, { width: mask.width, height: mask.height, rle: mask.rle });
+  const out = { surface, defaultValue: 0 };
+  if (mask.density !== void 0 && mask.density !== 1) out.density = mask.density;
+  if (mask.feather) out.feather = mask.feather;
+  if (mask.enabled === false) out.enabled = false;
+  return out;
+}
+function hasResampledLegacyMask(layers, width, height) {
+  for (const l of layers) {
+    if (l.type !== "adjustment" || !l.mask) continue;
+    const memo = legacyMaskMemo.get(l.mask.surface);
+    if (memo && (memo.width !== width || memo.height !== height)) return true;
+  }
+  return false;
+}
+function legacyMaskOf(mask, width, height) {
+  let memo = legacyMaskMemo.get(mask.surface);
+  if (!memo) {
+    const data = readRegion(mask.surface, { x: 0, y: 0, width, height });
+    memo = { width, height, rle: encodeSelectionRle(new Uint8Array(data.buffer, data.byteOffset, data.length)) };
+    legacyMaskMemo.set(mask.surface, memo);
+  }
+  return normalizeLayerMask({ ...memo, density: mask.density, feather: mask.feather, enabled: mask.enabled });
+}
+function sameJson(a, b) {
+  return JSON.stringify(a) === JSON.stringify(b);
+}
+function isDefaultDepthMask(mask) {
+  if (!mask) return true;
+  return sameJson({ ...DEFAULT_DEPTH_MASK_VALUES, ...mask, depthRange: [...mask.depthRange ?? []] }, DEFAULT_DEPTH_MASK_VALUES);
+}
+function developFromAdjustments(adjustments) {
+  return {
+    id: DEVELOP_FILTER_ID,
+    kind: "develop",
+    enabled: true,
+    brightness: adjustments.brightness ?? 0,
+    contrast: adjustments.contrast ?? 0,
+    saturation: adjustments.saturation ?? 0,
+    exposure: adjustments.exposure ?? 0,
+    temperature: adjustments.temperature ?? 0,
+    tint: adjustments.tint ?? 0,
+    process: normalizeProcessVersion(adjustments.process)
+  };
+}
+function annotationLayerName(annotation) {
+  switch (annotation.type) {
+    case "pen":
+      return "Pen";
+    case "rect":
+      return "Rectangle";
+    case "circle":
+      return "Ellipse";
+    case "arrow":
+      return "Arrow";
+    case "line":
+      return "Line";
+    case "text":
+      return annotation.text ? annotation.text.slice(0, 32) : "Text";
+    case "image":
+      return "Image";
+  }
+}
+function annotationLayerFor(annotation, canvas) {
+  const shape = canvas ? shapeFromAnnotation(annotation) : null;
+  if (shape) {
+    const layer = createShapeLayer(
+      { ...shape, name: annotationLayerName(annotation), blend: annotation.blend && annotation.blend !== "normal" ? annotation.blend : "normal" },
+      canvas,
+      annotation.id
+    );
+    return { ...layer, annotation };
+  }
+  return {
+    type: "annotation",
+    id: annotation.id,
+    name: annotationLayerName(annotation),
+    visible: true,
+    opacity: 1,
+    blend: "normal",
+    annotation
+  };
+}
+function annotationOfLayer(layer) {
+  if (layer.type === "annotation") return layer.annotation;
+  if (layer.type === "shape") return annotationOfShape(layer);
+  return null;
+}
+function adjustmentNodeFromLegacy(layer, width, height) {
+  const node = {
+    type: "adjustment",
+    id: layer.id,
+    name: layer.name ?? "",
+    visible: layer.enabled !== false,
+    opacity: layer.opacity ?? 1,
+    blend: layer.blend ?? "normal",
+    kind: layer.kind,
+    params: JSON.parse(JSON.stringify(layer.params))
+  };
+  if (layer.mask) {
+    const mask = rasterMaskFromLegacy(layer.mask, width, height);
+    if (mask) node.mask = mask;
+  }
+  return node;
+}
+function backgroundLayer(filters = [], mask) {
+  const layer = {
+    type: "pixel",
+    id: BACKGROUND_LAYER_ID,
+    name: BACKGROUND_LAYER_NAME,
+    visible: true,
+    opacity: 1,
+    blend: "normal",
+    surface: emptySurface(4),
+    offset: { x: 0, y: 0 },
+    source: "document",
+    filters
+  };
+  if (mask) layer.mask = mask;
+  return layer;
+}
+function depthRasterMask(source) {
+  const out = {
+    surface: emptySurface(1, 255),
+    defaultValue: 255,
+    source: { ...source, depthRange: [...source.depthRange] }
+  };
+  if (!source.enabled) out.enabled = false;
+  return out;
+}
+function layersFromLegacy(parts, width, height) {
+  const stored = parts.adjustments;
+  const adjustments = stored ? { ...DEFAULT_ADJUSTMENTS_VALUES, ...stored, process: normalizeProcessVersion(stored.process) } : { ...DEFAULT_ADJUSTMENTS_VALUES };
+  const adjLayers = normalizeAdjustmentLayers(adjustments.layers);
+  const filters = [developFromAdjustments(adjustments)];
+  const blur = typeof adjustments.blur === "number" && adjustments.blur > 0 ? adjustments.blur : 0;
+  let legacyOutputBlur;
+  if (blur > 0) {
+    if (adjLayers.length) legacyOutputBlur = blur;
+    else filters.push({ id: BLUR_FILTER_ID, kind: "blur", enabled: true, radius: blur });
+  }
+  const depth = parts.depthMask;
+  const mask = depth && !isDefaultDepthMask(depth) ? depthRasterMask({ ...DEFAULT_DEPTH_MASK_VALUES, ...depth }) : void 0;
+  const layers = [backgroundLayer(filters, mask)];
+  for (const l of adjLayers) layers.push(adjustmentNodeFromLegacy(l, width, height));
+  for (const a of parts.annotations ?? []) layers.push(annotationLayerFor(JSON.parse(JSON.stringify(a)), { width, height }));
+  const out = { layers, outputOpacity: typeof adjustments.opacity === "number" ? adjustments.opacity : 1 };
+  if (legacyOutputBlur !== void 0) out.legacyOutputBlur = legacyOutputBlur;
+  return out;
+}
+function legacyAdjustmentLayer(node, width, height) {
+  const out = {
+    id: node.id,
+    kind: node.kind,
+    enabled: node.visible,
+    opacity: node.opacity,
+    blend: node.blend,
+    params: node.params
+  };
+  if (node.name) out.name = node.name;
+  if (node.mask && !node.mask.source) out.mask = legacyMaskOf(node.mask, width, height);
+  return out;
+}
+function developTarget(layers, activeLayerId) {
+  const pixels = [];
+  const walk = (list2) => {
+    for (const l of list2) {
+      if (l.type === "pixel") pixels.push(l);
+      else if (l.type === "group") walk(l.children);
+    }
+  };
+  walk(layers);
+  if (activeLayerId) {
+    const active = pixels.find((l) => l.id === activeLayerId);
+    if (active) return active;
+  }
+  return pixels.find((l) => l.source === "document") ?? pixels.find((l) => l.id === BACKGROUND_LAYER_ID) ?? pixels[0] ?? null;
+}
+var isPlain = (l) => l.visible && l.opacity === 1 && l.blend === "normal" && !l.clipped && !l.mask && !l.locks && !l.effects;
+function legacyView(stack, width, height, activeLayerId = null) {
+  const { layers } = stack;
+  const target = developTarget(layers, activeLayerId);
+  const develop = target ? developFilter(target) : void 0;
+  const blur = stack.legacyOutputBlur ?? (target ? blurFilter(target)?.radius : void 0) ?? 0;
+  const adjustments = {
+    ...DEFAULT_ADJUSTMENTS_VALUES,
+    ...develop ? {
+      brightness: develop.brightness,
+      contrast: develop.contrast,
+      saturation: develop.saturation,
+      exposure: develop.exposure,
+      temperature: develop.temperature,
+      tint: develop.tint ?? 0
+    } : {},
+    blur,
+    opacity: stack.outputOpacity,
+    process: develop ? normalizeProcessVersion(develop.process) : DEFAULT_ADJUSTMENTS_VALUES.process
+  };
+  const adjNodes = [];
+  const annotations = [];
+  const walk = (list2) => {
+    for (const l of list2) {
+      if (l.type === "adjustment") adjNodes.push(l);
+      else if (l.type === "group") walk(l.children);
+      else {
+        const a = annotationOfLayer(l);
+        if (a) annotations.push(a);
+      }
+    }
+  };
+  walk(layers);
+  if (adjNodes.length) adjustments.layers = adjNodes.map((n) => legacyAdjustmentLayer(n, width, height));
+  const depthSource = target?.mask?.source;
+  const depthMask = depthSource ? { ...depthSource, depthRange: [...depthSource.depthRange] } : { ...DEFAULT_DEPTH_MASK_VALUES, depthRange: [...DEFAULT_DEPTH_MASK_VALUES.depthRange] };
+  return { adjustments, depthMask, annotations, exact: isLegacyShape(stack) };
+}
+function isLegacyShape(stack) {
+  const { layers } = stack;
+  const bg = layers[0];
+  if (!bg || bg.type !== "pixel" || bg.source !== "document") return false;
+  if (bg.id !== BACKGROUND_LAYER_ID || bg.name !== BACKGROUND_LAYER_NAME) return false;
+  if (!bg.visible || bg.opacity !== 1 || bg.blend !== "normal" || bg.clipped || bg.locks || bg.effects) return false;
+  if ((bg.fillOpacity ?? 1) !== 1 || bg.offset.x !== 0 || bg.offset.y !== 0) return false;
+  const filters = bg.filters ?? [];
+  if (filters.length < 1 || filters.length > 2) return false;
+  const [develop, blur] = filters;
+  if (develop.kind !== "develop" || !develop.enabled || develop.id !== DEVELOP_FILTER_ID) return false;
+  if (blur && (blur.kind !== "blur" || !blur.enabled || blur.id !== BLUR_FILTER_ID || !(blur.radius > 0))) return false;
+  if (bg.mask) {
+    const m = bg.mask;
+    if (!m.source || m.density !== void 0 || m.feather !== void 0) return false;
+    if (m.enabled !== false !== m.source.enabled) return false;
+  }
+  let i = 1;
+  let adjustments = 0;
+  for (; i < layers.length && layers[i].type === "adjustment"; i++) {
+    const l = layers[i];
+    if (l.clipped || l.locks || l.mask?.source || l.effects) return false;
+    adjustments++;
+  }
+  for (; i < layers.length; i++) {
+    const l = layers[i];
+    if (l.type === "shape") {
+      const a = l.annotation;
+      if (!a || (a.blend ?? "normal") !== l.blend || !isPlain({ ...l, blend: "normal" }) || l.fillOpacity !== void 0) return false;
+      if (l.id !== a.id || l.name !== annotationLayerName(a)) return false;
+      continue;
+    }
+    if (l.type !== "annotation" || !isPlain(l) || l.id !== l.annotation.id || l.name !== annotationLayerName(l.annotation)) return false;
+  }
+  if (blur && adjustments) return false;
+  if (stack.legacyOutputBlur !== void 0 && (!adjustments || !(stack.legacyOutputBlur > 0))) return false;
+  return true;
+}
+
+// src/image-editor/transform.ts
+var FREE_TRANSFORM_MODES = ["scale", "rotate", "skew", "distort", "perspective", "warp"];
+var TRANSFORM_ANCHORS = ["top-left", "top", "top-right", "left", "center", "right", "bottom-left", "bottom", "bottom-right"];
+var ANCHOR_FRACTION = {
+  "top-left": [0, 0],
+  top: [0.5, 0],
+  "top-right": [1, 0],
+  left: [0, 0.5],
+  center: [0.5, 0.5],
+  right: [1, 0.5],
+  "bottom-left": [0, 1],
+  bottom: [0.5, 1],
+  "bottom-right": [1, 1]
+};
+function isTransformAnchor(value) {
+  return typeof value === "string" && value in ANCHOR_FRACTION;
+}
+function identityTransform(box2) {
+  return { box: { ...box2 }, corners: boxQuad(box2) };
+}
+function cornersFromMatrix(box2, m) {
+  const q2 = boxQuad(box2);
+  return [applyMatrix(m, q2[0]), applyMatrix(m, q2[1]), applyMatrix(m, q2[2]), applyMatrix(m, q2[3])];
+}
+function matrixFromCorners(box2, corners, eps = 1e-6) {
+  const [tl, tr, br, bl] = corners;
+  const size = 1 + Math.max(box2.width, box2.height);
+  if (Math.abs(tl.x + br.x - tr.x - bl.x) > eps * size || Math.abs(tl.y + br.y - tr.y - bl.y) > eps * size) return null;
+  const h = rectToQuad(box2, corners);
+  return h ? affineFromHomography(h, 1e-9) : null;
+}
+function transformHomography(geometry) {
+  const h = rectToQuad(geometry.box, geometry.corners);
+  if (!h) return null;
+  return homographyKeepsQuad(h, boxQuad(geometry.box)) ? h : null;
+}
+function hasWarp(geometry) {
+  const w = geometry.warp;
+  if (!w) return false;
+  const id = identityWarpMesh(geometry.box, w.us.length - 1, w.vs.length - 1);
+  if (id.points.length !== w.points.length || id.us.some((u, i) => Math.abs(u - w.us[i]) > 1e-12) || id.vs.some((v, i) => Math.abs(v - w.vs[i]) > 1e-12)) return true;
+  return w.points.some((p, i) => Math.abs(p.x - id.points[i].x) > 1e-6 || Math.abs(p.y - id.points[i].y) > 1e-6);
+}
+function isIdentityTransform(geometry) {
+  if (hasWarp(geometry)) return false;
+  const q2 = boxQuad(geometry.box);
+  return geometry.corners.every((c, i) => Math.abs(c.x - q2[i].x) < 1e-6 && Math.abs(c.y - q2[i].y) < 1e-6);
+}
+function transformMap(geometry) {
+  const h = transformHomography(geometry);
+  if (!h) return null;
+  const { box: box2 } = geometry;
+  const warp = hasWarp(geometry) ? geometry.warp : null;
+  if (!warp) return (p) => applyHomography(h, p);
+  return (p) => applyHomography(h, evalWarpMesh(warp, (p.x - box2.x) / box2.width, (p.y - box2.y) / box2.height));
 }
-function layerEffectsOf(layer) {
-  return layer.effects ?? { enabled: true, items: [] };
+function transformedPoint(geometry, fx, fy) {
+  const f = transformMap(geometry);
+  const { box: box2 } = geometry;
+  return f ? f({ x: box2.x + fx * box2.width, y: box2.y + fy * box2.height }) : null;
 }
-function guard(fn) {
-  try {
-    return fn();
-  } catch (e) {
-    if (e instanceof LayerEffectError) fail(e.message);
-    throw e;
+function anchorPoint(geometry, anchor) {
+  const [fx, fy] = ANCHOR_FRACTION[anchor];
+  const h = rectToQuad(geometry.box, geometry.corners);
+  const p = { x: geometry.box.x + fx * geometry.box.width, y: geometry.box.y + fy * geometry.box.height };
+  return (h && applyHomography(h, p)) ?? p;
+}
+function transformedBox(geometry) {
+  const f = transformMap(geometry);
+  if (!f) return null;
+  const { box: box2 } = geometry;
+  const pts = [];
+  const n = hasWarp(geometry) ? 16 : 1;
+  for (let i = 0; i <= n; i++) {
+    const t = i / n;
+    for (const [fx, fy] of [[t, 0], [1, t], [1 - t, 1], [0, 1 - t]]) {
+      const p = f({ x: box2.x + fx * box2.width, y: box2.y + fy * box2.height });
+      if (!p) return null;
+      pts.push(p);
+    }
   }
+  const xs = pts.map((p) => p.x);
+  const ys = pts.map((p) => p.y);
+  const x = Math.min(...xs);
+  const y = Math.min(...ys);
+  return { x, y, width: Math.max(...xs) - x, height: Math.max(...ys) - y };
 }
-function setLayerEffects(layers, id, effects) {
-  const layer = requireEffectLayer(layers, id, "change its effects");
-  const next = { ...layer };
-  if (effects && (effects.items.length || effects.psd || effects.scale !== void 0 || !effects.enabled)) {
-    guard(() => validateLayerEffects(effects));
-    next.effects = effects;
-  } else delete next.effects;
-  return mapLayer(layers, id, () => next);
+function referencePoint(box2, reference) {
+  if (reference && typeof reference === "object") return { x: reference.x, y: reference.y };
+  const [fx, fy] = ANCHOR_FRACTION[reference ?? "center"];
+  return { x: box2.x + fx * box2.width, y: box2.y + fy * box2.height };
 }
-function addLayerEffect(layers, id, kind, params = {}, index) {
-  if (!isLayerEffectKind(kind)) fail(`Unknown effect kind "${String(kind)}". Kinds: ${LAYER_EFFECT_KINDS.join(", ")}.`);
-  const layer = requireEffectLayer(layers, id, "add effects");
-  const current = layerEffectsOf(layer);
-  const ids = new Set(current.items.map((e) => e.id));
-  let effectId = newEffectId();
-  while (ids.has(effectId)) effectId = newEffectId();
-  const { id: _ignored, kind: _kind, ...rest } = params;
-  const effect = guard(() => mergeLayerEffect(defaultLayerEffect(kind, effectId), rest));
-  const items = [...current.items];
-  const at = index === void 0 ? items.length : Math.max(0, Math.min(items.length, Math.floor(index)));
-  items.splice(at, 0, effect);
-  return { layers: setLayerEffects(layers, id, { ...current, items }), effect };
+function matrixFromParams(box2, params) {
+  const sx = (params.scaleX ?? 100) / 100;
+  const sy = (params.scaleY ?? 100) / 100;
+  const tx = Math.tan((params.skewX ?? 0) * Math.PI / 180);
+  const ty = Math.tan((params.skewY ?? 0) * Math.PI / 180);
+  const ref = referencePoint(box2, params.reference);
+  const linear = multiplyMatrices(multiplyMatrices([1, ty, tx, 1, 0, 0], [sx, 0, 0, sy, 0, 0]), rotateMatrix(params.rotate ?? 0));
+  return multiplyMatrices(matrixAbout(linear, ref), translateMatrix(params.dx ?? 0, params.dy ?? 0));
 }
-function requireEffect(layer, effectId) {
-  const items = layer.effects?.items ?? [];
-  const i = items.findIndex((e) => e.id === effectId);
-  if (i === -1) fail(`Layer "${layer.name || layer.id}" has no effect "${effectId}". Effects: ${items.map((e) => `${e.id} (${e.kind})`).join(", ") || "none"}; call list_layer_effects.`);
-  return i;
+function describeTransform(geometry, reference = "center") {
+  const m = hasWarp(geometry) ? null : matrixFromCorners(geometry.box, geometry.corners);
+  const ref = referencePoint(geometry.box, reference);
+  const bounds = transformedBox(geometry);
+  if (!m) {
+    const h = rectToQuad(geometry.box, geometry.corners);
+    const at2 = (h && applyHomography(h, ref)) ?? ref;
+    return { affine: false, scaleX: 100, scaleY: 100, rotate: 0, skewX: 0, x: at2.x, y: at2.y, bounds, corners: geometry.corners };
+  }
+  const [a, b, c, d] = m;
+  const sxAbs = Math.hypot(a, b);
+  const rot = Math.atan2(b, a) * 180 / Math.PI;
+  const shear = sxAbs ? (a * c + b * d) / sxAbs : 0;
+  const sy = sxAbs ? (a * d - b * c) / sxAbs : 0;
+  const skew = sxAbs ? Math.atan(shear / sxAbs) * 180 / Math.PI : 0;
+  const at = applyMatrix(m, ref);
+  const clean = (v) => Math.abs(v) < 1e-9 ? 0 : v;
+  return {
+    affine: true,
+    scaleX: clean(sxAbs * 100),
+    scaleY: clean(sy * 100),
+    rotate: clean(rot === -180 ? 180 : rot),
+    skewX: clean(skew),
+    x: at.x,
+    y: at.y,
+    bounds,
+    corners: geometry.corners
+  };
 }
-function updateLayerEffect(layers, id, effectId, changes) {
-  const layer = requireEffectLayer(layers, id, "change its effects");
-  const i = requireEffect(layer, effectId);
-  const current = layer.effects;
-  const items = [...current.items];
-  items[i] = guard(() => mergeLayerEffect(items[i], changes));
-  return setLayerEffects(layers, id, { ...current, items });
+function applyParams(geometry, params) {
+  const ref = params.reference && typeof params.reference === "object" ? params.reference : anchorPoint(geometry, params.reference ?? "center");
+  const m = matrixFromParams({ x: ref.x, y: ref.y, width: 0, height: 0 }, { ...params, reference: ref });
+  const c = geometry.corners;
+  return [applyMatrix(m, c[0]), applyMatrix(m, c[1]), applyMatrix(m, c[2]), applyMatrix(m, c[3])];
 }
-function removeLayerEffect(layers, id, effectId) {
-  const layer = requireEffectLayer(layers, id, "change its effects");
-  requireEffect(layer, effectId);
-  const current = layer.effects;
-  return setLayerEffects(layers, id, { ...current, items: current.items.filter((e) => e.id !== effectId) });
+function flipCorners(geometry, axis) {
+  const c = anchorPoint(geometry, "center");
+  const m = axis === "horizontal" ? [-1, 0, 0, 1, 2 * c.x, 0] : [1, 0, 0, -1, 0, 2 * c.y];
+  const q2 = geometry.corners;
+  return [applyMatrix(m, q2[0]), applyMatrix(m, q2[1]), applyMatrix(m, q2[2]), applyMatrix(m, q2[3])];
 }
-function setLayerEffectsEnabled(layers, id, enabled, scale) {
-  const layer = requireEffectLayer(layers, id, "change its effects");
-  if (scale !== void 0 && !(Number.isFinite(scale) && scale >= 0.01 && scale <= 10)) fail(`scale must be from 0.01 to 10 (1 = 100 %), got ${scale}.`);
-  const current = layerEffectsOf(layer);
-  const next = { ...current, enabled };
-  if (scale !== void 0) {
-    if (scale === 1) delete next.scale;
-    else next.scale = scale;
-  }
-  return setLayerEffects(layers, id, next);
+function boxPointOf(geometry, p) {
+  const m = matrixFromCorners(geometry.box, geometry.corners);
+  if (m) return applyMatrix(invertMatrix(m), p);
+  return null;
 }
-function parseBlend(value, allowPassThrough = false) {
-  if (value === void 0) return void 0;
-  if (value === "pass-through" && allowPassThrough) return value;
-  if (!isBlendMode(value)) fail(`Unknown blend mode "${String(value)}".`);
-  return value;
+function presetWarp(box2, preset) {
+  return warpPresetMesh(preset, box2);
 }
-function unionRect(a, b) {
-  if (!a) return b;
-  if (!b) return a;
-  const x = Math.min(a.x, b.x);
-  const y = Math.min(a.y, b.y);
-  return { x, y, width: Math.max(a.x + a.width, b.x + b.width) - x, height: Math.max(a.y + a.height, b.y + b.height) - y };
+function isValidWarp(mesh) {
+  return isValidWarpMesh(mesh);
+}
+function geometryHomography(geometry) {
+  const m = matrixFromCorners(geometry.box, geometry.corners);
+  return m ? homographyFromAffine(m) : transformHomography(geometry);
 }
 
 // src/image-editor/layers/smart.ts
-var fail2 = (message) => {
+var fail3 = (message) => {
   throw new LayerOperationError(message);
 };
 var SMART_RENDER_MARGIN = MAX_EFFECT_REACH;
@@ -2841,13 +4360,13 @@ function isContentsDecoded(contents) {
 function requireDecoded(layer, action) {
   if (isContentsDecoded(layer.contents)) return;
   const what = layer.contents.file?.type ? `a ${layer.contents.file.type.toUpperCase()} file` : "a file";
-  fail2(
+  fail3(
     `The contents of smart object "${layer.name || layer.id}" are ${what} that could not be decoded here, so it cannot ${action}. Run prepareSmartObjects() in a browser first, or rasterize it.`
   );
 }
 function requireSmartObject(layers, id) {
   const layer = requireLayer(layers, id).layer;
-  if (layer.type !== "smart") fail2(`Layer "${layer.name || id}" is a ${layer.type} layer, not a smart object; convert it with convert_to_smart_object.`);
+  if (layer.type !== "smart") fail3(`Layer "${layer.name || id}" is a ${layer.type} layer, not a smart object; convert it with convert_to_smart_object.`);
   return layer;
 }
 var contentsPixels = /* @__PURE__ */ new WeakMap();
@@ -2873,11 +4392,11 @@ function contentsSurface(contents) {
   return s;
 }
 function rasterContents(pixels, name, id = newContentsId()) {
-  if (!(pixels.width > 0 && pixels.height > 0) || pixels.data.length < pixels.width * pixels.height * 4) fail2("Contents pixels must be RGBA with width \xD7 height \xD7 4 bytes.");
+  if (!(pixels.width > 0 && pixels.height > 0) || pixels.data.length < pixels.width * pixels.height * 4) fail3("Contents pixels must be RGBA with width \xD7 height \xD7 4 bytes.");
   return { id, name, width: pixels.width, height: pixels.height, kind: "raster", raster: surfaceFromPixels(pixels, 4, 0, 0) };
 }
 function documentContents(document, width, height, name, id = newContentsId()) {
-  if (!(Number.isInteger(width) && Number.isInteger(height) && width > 0 && height > 0)) fail2("Contents width and height must be positive whole numbers.");
+  if (!(Number.isInteger(width) && Number.isInteger(height) && width > 0 && height > 0)) fail3("Contents width and height must be positive whole numbers.");
   return { id, name, width, height, kind: "document", document };
 }
 var placedCache = /* @__PURE__ */ new WeakMap();
@@ -2934,20 +4453,20 @@ function placeContents(layer, canvas, options = {}) {
       }
       source = r;
     }
-    const box = { x: 0, y: 0, width: Math.ceil(contents.width / k), height: Math.ceil(contents.height / k) };
+    const box2 = { x: 0, y: 0, width: Math.ceil(contents.width / k), height: Math.ceil(contents.height / k) };
     try {
       if (hasWarp(g)) {
         const f = transformMap(g);
-        if (!f) fail2("The placement folds the contents over itself or through the horizon; keep the corners a convex quad.");
-        out = warpSurface(source, (p) => f({ x: p.x * k, y: p.y * k }), { interpolation, source: box, clip, step: step > 1 ? step : void 0 });
+        if (!f) fail3("The placement folds the contents over itself or through the horizon; keep the corners a convex quad.");
+        out = warpSurface(source, (p) => f({ x: p.x * k, y: p.y * k }), { interpolation, source: box2, clip, step: step > 1 ? step : void 0 });
       } else {
         const h = transformHomography(g);
-        if (!h) fail2("The placement folds the contents over itself or through the horizon; keep the corners a convex quad.");
+        if (!h) fail3("The placement folds the contents over itself or through the horizon; keep the corners a convex quad.");
         const hk = multiplyHomographies([k, 0, 0, 0, k, 0, 0, 0, 1], h);
-        out = transformSurface(source, hk, { interpolation, source: box, clip, step: step > 1 ? step : void 0 });
+        out = transformSurface(source, hk, { interpolation, source: box2, clip, step: step > 1 ? step : void 0 });
       }
     } catch (e) {
-      if (e instanceof TransformTooLargeError) fail2(e.message);
+      if (e instanceof TransformTooLargeError) fail3(e.message);
       throw e;
     }
   }
@@ -3040,19 +4559,19 @@ function rerender(layer, canvas, action = "change") {
 function normalizePlacement(raw, contents) {
   const c = raw?.corners;
   if (!Array.isArray(c) || c.length !== 4 || !c.every((p) => p && Number.isFinite(p.x) && Number.isFinite(p.y))) {
-    fail2("corners must be four finite points [top-left, top-right, bottom-right, bottom-left] in document pixels.");
+    fail3("corners must be four finite points [top-left, top-right, bottom-right, bottom-left] in document pixels.");
   }
   const out = { corners: c.map((p) => ({ x: p.x, y: p.y })) };
   if (raw.warp) {
-    if (!isValidWarpMesh(raw.warp)) fail2("warp must be a mesh with us and vs (knots from 0 to 1, increasing) and (3\xB7columns + 1) \xD7 (3\xB7rows + 1) finite points in contents pixels.");
+    if (!isValidWarpMesh(raw.warp)) fail3("warp must be a mesh with us and vs (knots from 0 to 1, increasing) and (3\xB7columns + 1) \xD7 (3\xB7rows + 1) finite points in contents pixels.");
     out.warp = { us: [...raw.warp.us], vs: [...raw.warp.vs], points: raw.warp.points.map((p) => ({ x: p.x, y: p.y })) };
   }
   if (raw.interpolation !== void 0) {
-    if (!isInterpolation(raw.interpolation)) fail2(`Unknown interpolation "${String(raw.interpolation)}"; use nearest, bilinear or bicubic.`);
+    if (!isInterpolation(raw.interpolation)) fail3(`Unknown interpolation "${String(raw.interpolation)}"; use nearest, bilinear or bicubic.`);
     if (raw.interpolation !== "bicubic") out.interpolation = raw.interpolation;
   }
   const g = { box: { x: 0, y: 0, width: contents.width, height: contents.height }, corners: out.corners, warp: out.warp ?? null };
-  if (!transformHomography(g)) fail2("These corners fold the contents over themselves or through the horizon; keep the quad convex.");
+  if (!transformHomography(g)) fail3("These corners fold the contents over themselves or through the horizon; keep the quad convex.");
   if (out.warp && !hasWarp(g)) delete out.warp;
   return out;
 }
@@ -3117,7 +4636,7 @@ function translateLayer(layer, dx, dy) {
   if (!dx && !dy) return layer;
   const moveMask = (m) => {
     if (!m) return m;
-    if (m.source) fail2(`Layer "${layer.name || layer.id}" has a depth mask, which cannot move into a smart object; bake or remove it first.`);
+    if (m.source) fail3(`Layer "${layer.name || layer.id}" has a depth mask, which cannot move into a smart object; bake or remove it first.`);
     return { ...m, surface: translateSurface(m.surface, dx, dy) };
   };
   switch (layer.type) {
@@ -3144,14 +4663,25 @@ function translateLayer(layer, dx, dy) {
       if (!next.mask) delete next.mask;
       return next;
     }
+    case "shape": {
+      const next = {
+        ...layer,
+        components: transformShapeComponents(layer.components, (p) => ({ x: p.x + dx, y: p.y + dy }), translateMatrix(dx, dy)),
+        surface: translateSurface(layer.surface, dx, dy),
+        mask: moveMask(layer.mask)
+      };
+      if (!next.mask) delete next.mask;
+      delete next.annotation;
+      return next;
+    }
     case "annotation":
-      return fail2(`Annotation layer "${layer.name || layer.id}" cannot go into a smart object; rasterize it first.`);
+      return fail3(`Annotation layer "${layer.name || layer.id}" cannot go into a smart object; rasterize it first.`);
   }
 }
 function layerExtent(layer, surfaceOf, canvas) {
   const full = { x: 0, y: 0, width: canvas.width, height: canvas.height };
   let b = null;
-  if (layer.type === "pixel" || layer.type === "smart") {
+  if (layer.type === "pixel" || layer.type === "smart" || layer.type === "shape") {
     const s = layer.type === "pixel" ? surfaceOf(layer) : layer.surface;
     if (s.defaultValue !== 0) b = full;
     else {
@@ -3179,10 +4709,10 @@ function asSmartFilters(filters) {
   return { enabled: true, filters: filters.map((f) => ({ ...f, blend: "normal", opacity: 1 })) };
 }
 function convertToSmartObject(layers, ids, canvas, options) {
-  if (!ids.length) fail2("Give at least one layer id to convert.");
+  if (!ids.length) fail3("Give at least one layer id to convert.");
   const locs = [...new Set(ids)].map((id) => requireLayer(layers, id));
   const parent = locs[0].parent?.id ?? null;
-  if (locs.some((l) => (l.parent?.id ?? null) !== parent)) fail2("Layers to convert must share one parent; move them next to each other first.");
+  if (locs.some((l) => (l.parent?.id ?? null) !== parent)) fail3("Layers to convert must share one parent; move them next to each other first.");
   for (const l of locs) requireUnlocked(l.layer, "all", "convert it");
   const ordered = locs.sort((a, b) => a.index - b.index);
   const top = ordered[ordered.length - 1];
@@ -3190,9 +4720,9 @@ function convertToSmartObject(layers, ids, canvas, options) {
   const single = ordered.length === 1 ? ordered[0].layer : null;
   if (single && single.type === "pixel") {
     const surface = options.surfaceOf(single);
-    if (surface.defaultValue !== 0) fail2(`Layer "${single.name || single.id}" has no transparent area to crop to; it cannot be converted.`);
+    if (surface.defaultValue !== 0) fail3(`Layer "${single.name || single.id}" has no transparent area to crop to; it cannot be converted.`);
     const b = contentBounds(surface);
-    if (!b) fail2(`Layer "${single.name || single.id}" has no pixels to convert; paint something first.`);
+    if (!b) fail3(`Layer "${single.name || single.id}" has no pixels to convert; paint something first.`);
     const contents = {
       id: newContentsId(),
       name: `${single.name || "Layer"}.png`,
@@ -3224,7 +4754,7 @@ function convertToSmartObject(layers, ids, canvas, options) {
   } else {
     let b = null;
     for (const l of ordered) b = union(b, layerExtent(l.layer, options.surfaceOf, canvas));
-    if (!b || !(b.width > 0 && b.height > 0)) fail2("The layers have no pixels to convert; paint something first.");
+    if (!b || !(b.width > 0 && b.height > 0)) fail3("The layers have no pixels to convert; paint something first.");
     const nested = ordered.map((l) => {
       let layer = l.layer;
       if (layer.type === "pixel" && layer.source === "document") {
@@ -3232,7 +4762,7 @@ function convertToSmartObject(layers, ids, canvas, options) {
         delete resolved.source;
         layer = resolved;
       }
-      if (flattenLayers([layer]).some((x) => x.type === "pixel" && x.source === "document")) fail2(`Layer "${layer.name || layer.id}" holds the document image inside a group; convert the Background on its own.`);
+      if (flattenLayers([layer]).some((x) => x.type === "pixel" && x.source === "document")) fail3(`Layer "${layer.name || layer.id}" holds the document image inside a group; convert the Background on its own.`);
       return translateLayer(layer, -b.x, -b.y);
     });
     if (nested[0].clipped) {
@@ -3297,7 +4827,7 @@ function instancesOf(layers, contentsId) {
 }
 function replaceContents(layers, contentsId, contents, canvas) {
   const ids = instancesOf(layers, contentsId);
-  if (!ids.length) fail2(`No smart object uses contents "${contentsId}".`);
+  if (!ids.length) fail3(`No smart object uses contents "${contentsId}".`);
   for (const id of ids) requireUnlocked(findLayer(layers, id).layer, "all", "replace its contents");
   const next = { ...contents, id: contentsId };
   let out = layers;
@@ -3330,12 +4860,12 @@ function refitPlacement(layer, contents) {
   return out;
 }
 function normalizeSmartFilter(raw, id = newLayerId("flt")) {
-  if (raw.kind === "psd") fail2("Photoshop filters can only come from a PSD; add develop or blur.");
+  if (raw.kind === "psd") fail3("Photoshop filters can only come from a PSD; add develop or blur.");
   const base = normalizeFilter(raw, id);
   const blend = raw.blend ?? "normal";
-  if (!isBlendMode(blend) || blend === "pigment") fail2(`Unknown blend mode "${String(blend)}" for a smart filter.`);
+  if (!isBlendMode(blend) || blend === "pigment") fail3(`Unknown blend mode "${String(blend)}" for a smart filter.`);
   const opacity = raw.opacity ?? 1;
-  if (!(typeof opacity === "number" && opacity >= 0 && opacity <= 1)) fail2("opacity must be a number from 0 to 1.");
+  if (!(typeof opacity === "number" && opacity >= 0 && opacity <= 1)) fail3("opacity must be a number from 0 to 1.");
   return { ...base, blend, opacity };
 }
 function withStack(layer, stack, canvas) {
@@ -3350,7 +4880,7 @@ function stackOf(layer) {
 function requireFilter(layer, filterId) {
   const list2 = layer.smartFilters?.filters ?? [];
   const i = list2.findIndex((f) => f.id === filterId);
-  if (i === -1) fail2(`Smart object "${layer.name || layer.id}" has no smart filter "${filterId}". Filters: ${list2.map((f) => `${f.id} (${f.kind})`).join(", ") || "none"}; call get_smart_object.`);
+  if (i === -1) fail3(`Smart object "${layer.name || layer.id}" has no smart filter "${filterId}". Filters: ${list2.map((f) => `${f.id} (${f.kind})`).join(", ") || "none"}; call get_smart_object.`);
   return i;
 }
 function editableSmart(layers, id) {
@@ -3371,15 +4901,15 @@ function updateSmartFilter(layers, id, filterId, changes, canvas) {
   const layer = editableSmart(layers, id);
   const i = requireFilter(layer, filterId);
   const current = layer.smartFilters.filters[i];
-  if ("kind" in changes && changes.kind !== current.kind) fail2("A smart filter kind cannot change; remove it and add another.");
+  if ("kind" in changes && changes.kind !== current.kind) fail3("A smart filter kind cannot change; remove it and add another.");
   let merged;
   if (current.kind === "psd") {
     const extra = Object.keys(changes).filter((k) => !["enabled", "blend", "opacity", "kind"].includes(k));
-    if (extra.length) fail2(`"${current.name}" is a Photoshop filter we keep but do not model; only enabled, blend and opacity change. Unknown: ${extra.join(", ")}.`);
+    if (extra.length) fail3(`"${current.name}" is a Photoshop filter we keep but do not model; only enabled, blend and opacity change. Unknown: ${extra.join(", ")}.`);
     const blend = changes.blend ?? current.blend;
-    if (!isBlendMode(blend) || blend === "pigment") fail2(`Unknown blend mode "${String(blend)}" for a smart filter.`);
+    if (!isBlendMode(blend) || blend === "pigment") fail3(`Unknown blend mode "${String(blend)}" for a smart filter.`);
     const opacity = changes.opacity ?? current.opacity;
-    if (!(typeof opacity === "number" && opacity >= 0 && opacity <= 1)) fail2("opacity must be a number from 0 to 1.");
+    if (!(typeof opacity === "number" && opacity >= 0 && opacity <= 1)) fail3("opacity must be a number from 0 to 1.");
     merged = { ...current, enabled: changes.enabled === void 0 ? current.enabled : Boolean(changes.enabled), blend, opacity };
   } else {
     merged = normalizeSmartFilter({ ...current, ...changes, kind: current.kind }, current.id);
@@ -3401,7 +4931,7 @@ function moveSmartFilter(layers, id, filterId, index, canvas) {
   const layer = editableSmart(layers, id);
   const i = requireFilter(layer, filterId);
   const list2 = layer.smartFilters.filters;
-  if (!Number.isInteger(index) || index < 0 || index >= list2.length) fail2(`index must be a whole number from 0 to ${list2.length - 1}.`);
+  if (!Number.isInteger(index) || index < 0 || index >= list2.length) fail3(`index must be a whole number from 0 to ${list2.length - 1}.`);
   const filters = [...list2];
   const [f] = filters.splice(i, 1);
   filters.splice(index, 0, f);
@@ -3415,7 +4945,7 @@ function setSmartFiltersEnabled(layers, id, enabled, canvas) {
 }
 function setSmartFilterMask(layers, id, mask, canvas) {
   const layer = editableSmart(layers, id);
-  if (mask?.source) fail2("A smart filter mask is painted, not generated; use a raster mask.");
+  if (mask?.source) fail3("A smart filter mask is painted, not generated; use a raster mask.");
   const stack = { ...stackOf(layer) };
   if (mask) stack.mask = mask;
   else delete stack.mask;
@@ -3424,39 +4954,13 @@ function setSmartFilterMask(layers, id, mask, canvas) {
 }
 function withFilterMaskSurface(layer, surface, canvas) {
   const stack = stackOf(layer);
-  if (!stack.mask) fail2(`Smart object "${layer.name || layer.id}" has no filter mask; add one with set_smart_filter_mask.`);
+  if (!stack.mask) fail3(`Smart object "${layer.name || layer.id}" has no filter mask; add one with set_smart_filter_mask.`);
   return withStack(layer, { ...stack, mask: { ...stack.mask, surface } }, canvas);
 }
 function placementBounds(layer) {
   return transformedBox(placementGeometry(layer));
 }
 
-// src/image-editor/layers/defaults.ts
-var DEFAULT_ADJUSTMENTS_VALUES = {
-  brightness: 0,
-  contrast: 0,
-  saturation: 0,
-  exposure: 0,
-  temperature: 0,
-  tint: 0,
-  blur: 0,
-  opacity: 1,
-  process: LATEST_PROCESS_VERSION
-};
-var DEFAULT_TRANSFORM_VALUES = {
-  rotate: 0,
-  flipH: false,
-  flipV: false
-};
-var DEFAULT_DEPTH_MASK_VALUES = {
-  enabled: false,
-  maskSource: null,
-  mode: "threshold",
-  depthRange: [0, 255],
-  softness: 10,
-  invert: false
-};
-
 // src/image-editor/layers/serialize.ts
 var LAYERED_SCHEMA_VERSION = 3;
 function serializePatterns(patterns) {
@@ -3569,6 +5073,60 @@ function serializeLayer(layer, ctx) {
       return { ...base, type: "annotation", annotation: JSON.parse(JSON.stringify(layer.annotation)) };
     case "smart":
       return serializeSmartObject(layer, base, ctx);
+    case "shape":
+      return serializeShape(layer, base);
+  }
+}
+function serializeShape(layer, base) {
+  const out = {
+    ...base,
+    type: "shape",
+    components: JSON.parse(JSON.stringify(layer.components)),
+    fill: layer.fill ? JSON.parse(JSON.stringify(layer.fill)) : null,
+    stroke: layer.stroke ? JSON.parse(JSON.stringify(layer.stroke)) : null
+  };
+  if (layer.fillRule === "evenodd") out.fillRule = "evenodd";
+  if (layer.fillOpacity !== void 0 && layer.fillOpacity !== 1) out.fillOpacity = layer.fillOpacity;
+  if (layer.annotation) out.annotation = JSON.parse(JSON.stringify(layer.annotation));
+  if (layer.psd?.blocks?.length) out.psd = { blocks: layer.psd.blocks.map((b) => ({ key: b.key, data: bytesToBase64(b.data) })) };
+  return out;
+}
+function readShape(r, base, ctx) {
+  const label = `Layer "${base.name || base.id}"`;
+  const canvas = ctx.canvas ?? { width: 1, height: 1 };
+  const env = { ...canvas, pattern: ctx.pattern };
+  try {
+    let data = null;
+    const a = r.annotation && typeof r.annotation === "object" && typeof r.annotation.type === "string" ? JSON.parse(JSON.stringify({ ...r.annotation, id: r.annotation.id ?? base.id })) : void 0;
+    if (a) data = shapeFromAnnotation(a);
+    if (!data) {
+      if (!Array.isArray(r.components) || !r.components.length) throw new Error("it has no components");
+      const components = r.components.map((c, i) => {
+        const op = requireOperation(c?.op, `components[${i}].op`);
+        if (c?.live) {
+          const live = normalizeLiveShape(c.live, `components[${i}].live`);
+          return { op, subpaths: liveShapeSubpaths(live), live };
+        }
+        return { op, subpaths: Array.isArray(c?.subpaths) && !c.subpaths.length ? [] : normalizeSubpaths(c?.subpaths, `components[${i}].subpaths`) };
+      });
+      data = {
+        components,
+        fill: r.fill === null || r.fill === void 0 ? null : normalizeShapePaint(r.fill, "fill"),
+        stroke: r.stroke === null || r.stroke === void 0 ? null : normalizeShapeStroke(r.stroke, "stroke")
+      };
+    }
+    const layer = createShapeLayer({ ...data, fillRule: r.fillRule === "evenodd" ? "evenodd" : "nonzero" }, env, base.id);
+    const out = { ...layer, ...base, type: "shape", components: layer.components, fill: layer.fill, stroke: layer.stroke, surface: layer.surface, offset: { x: 0, y: 0 } };
+    if (typeof r.fillOpacity === "number" && r.fillOpacity !== 1) out.fillOpacity = num(r.fillOpacity, 0, 1, 1);
+    if (a && shapeFromAnnotation(a)) out.annotation = a;
+    if (r.psd && Array.isArray(r.psd.blocks)) {
+      const blocks = r.psd.blocks.filter((b) => b && typeof b.key === "string" && typeof b.data === "string").map((b) => ({ key: b.key, data: base64ToBytes(b.data) }));
+      if (blocks.length) out.psd = { blocks };
+    }
+    return out;
+  } catch (e) {
+    ctx.problems.push(`${label}: the shape could not be read (${e instanceof Error ? e.message : String(e)})`);
+    return null;
   }
 }
 function serializeSmartFilters(stack, layerId, ctx) {
@@ -3827,8 +5385,16 @@ function deserializeLayer(raw, ctx) {
         ctx.problems.push(`Layer "${base.name || id}": annotation is missing`);
         return null;
       }
-      return { ...base, type: "annotation", annotation: JSON.parse(JSON.stringify({ ...a, id: typeof a.id === "string" ? a.id : id })) };
+      const annotation = JSON.parse(JSON.stringify({ ...a, id: typeof a.id === "string" ? a.id : id }));
+      const migrated = annotationLayerFor(annotation, ctx.canvas ?? { width: 1, height: 1 });
+      if (migrated.type === "shape") {
+        const blend = base.blend === "normal" ? migrated.blend : base.blend;
+        return { ...migrated, ...base, blend, type: "shape", id, name: base.name };
+      }
+      return { ...base, type: "annotation", annotation };
     }
+    case "shape":
+      return readShape(r, base, ctx);
     case "smart":
       return readSmartObject(r, base, ctx);
     default:
@@ -7893,6 +9459,8 @@ export {
   applyBoxBlur,
   applyDepthMask,
   removeAlpha,
+  SHAPE_OPERATIONS,
+  LIVE_SHAPE_KINDS,
   newLayerId,
   pixelLayers,
   developFilter,
@@ -7902,6 +9470,8 @@ export {
   pixelLayerBounds,
   layerTypeLabel,
   hasSurface,
+  isRenderedLayer,
+  shapeLayers,
   smartObjectLayers,
   adjustmentNodeAsLayer,
   depthMaskAlpha,
@@ -7910,28 +9480,9 @@ export {
   DEFAULT_ADJUSTMENTS_VALUES,
   DEFAULT_TRANSFORM_VALUES,
   DEFAULT_DEPTH_MASK_VALUES,
-  FREE_TRANSFORM_MODES,
-  TRANSFORM_ANCHORS,
-  isTransformAnchor,
-  identityTransform,
-  cornersFromMatrix,
-  matrixFromCorners,
-  transformHomography,
-  hasWarp,
-  isIdentityTransform,
-  transformMap,
-  transformedPoint,
-  anchorPoint,
-  transformedBox,
-  referencePoint,
-  matrixFromParams,
-  describeTransform,
-  applyParams,
-  flipCorners,
-  boxPointOf,
-  presetWarp,
-  isValidWarp,
-  geometryHomography,
+  flattenPath,
+  rasterizeCoverage,
+  parseCssColor,
   LayerOperationError,
   requireLayer,
   requireUnlocked,
@@ -7957,6 +9508,76 @@ export {
   setLayerEffectsEnabled,
   parseBlend,
   unionRect,
+  SHAPE_RENDER_MARGIN,
+  DEFAULT_MITER_LIMIT,
+  mapSubpaths,
+  liveShapeSubpaths,
+  liveComponent,
+  componentPath,
+  shapeOutline,
+  shapeGeometryBounds,
+  shapeRenderClip,
+  renderShapeRect,
+  renderShape,
+  rerenderShape,
+  normalizeShapePaint,
+  normalizeShapeStroke,
+  normalizeLiveShape,
+  normalizeSubpaths,
+  requireOperation,
+  requireShapeLayer,
+  createShapeLayer,
+  defaultShapeName,
+  updateShapeLayer,
+  transformShapeComponents,
+  offsetShape,
+  mergeShapeComponents,
+  shapeAsPixelLayer,
+  shapeFromAnnotation,
+  annotationBlend,
+  annotationOfShape,
+  BACKGROUND_LAYER_ID,
+  BACKGROUND_LAYER_NAME,
+  DEVELOP_FILTER_ID,
+  BLUR_FILTER_ID,
+  rasterMaskFromLegacy,
+  hasResampledLegacyMask,
+  legacyMaskOf,
+  isDefaultDepthMask,
+  developFromAdjustments,
+  annotationLayerName,
+  annotationLayerFor,
+  annotationOfLayer,
+  adjustmentNodeFromLegacy,
+  backgroundLayer,
+  depthRasterMask,
+  layersFromLegacy,
+  legacyAdjustmentLayer,
+  developTarget,
+  legacyView,
+  isLegacyShape,
+  FREE_TRANSFORM_MODES,
+  TRANSFORM_ANCHORS,
+  isTransformAnchor,
+  identityTransform,
+  cornersFromMatrix,
+  matrixFromCorners,
+  transformHomography,
+  hasWarp,
+  isIdentityTransform,
+  transformMap,
+  transformedPoint,
+  anchorPoint,
+  transformedBox,
+  referencePoint,
+  matrixFromParams,
+  describeTransform,
+  applyParams,
+  flipCorners,
+  boxPointOf,
+  presetWarp,
+  isValidWarp,
+  geometryHomography,
   SMART_RENDER_MARGIN,
   newContentsId,
   contentsBox,
@@ -8033,4 +9654,4 @@ export {
   smartContentsFile,
   exportPsd
 };
-//# sourceMappingURL=chunk-SOROZ2BF.js.map
+//# sourceMappingURL=chunk-DMRSJBJF.js.map