@pixerate/editor 0.110.0 → 0.111.0

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

@@ -98,7 +98,8 @@ import {
   bezierPathBounds,
   outlineStroke,
   pathBoolean,
-  strokeOutlineRings
+  strokeOutlineRings,
+  transformBezierPath
 } from "./chunk-YCSFS3GK.js";
 
 // src/image-editor/color.ts
@@ -2224,6 +2225,7 @@ 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 TEXT_ALIGNS = ["left", "center", "right", "justify"];
 var idCounter = 0;
 function newLayerId(prefix = "layer") {
   return `${prefix}_${Date.now().toString(36)}_${(++idCounter).toString(36)}`;
@@ -2251,13 +2253,13 @@ 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" : type === "shape" ? "Shape layer" : "Annotation";
+  return type === "pixel" ? "Pixel layer" : type === "adjustment" ? "Adjustment layer" : type === "group" ? "Group" : type === "smart" ? "Smart object" : type === "shape" ? "Shape layer" : type === "type" ? "Type layer" : "Annotation";
 }
 function hasSurface(layer) {
-  return layer.type === "pixel" || layer.type === "smart" || layer.type === "shape";
+  return layer.type === "pixel" || layer.type === "smart" || layer.type === "shape" || layer.type === "type";
 }
 function isRenderedLayer(layer) {
-  return layer.type === "smart" || layer.type === "shape";
+  return layer.type === "smart" || layer.type === "shape" || layer.type === "type";
 }
 function shapeLayers(layers) {
   return flattenLayers(layers).filter((l) => l.type === "shape");
@@ -2359,7 +2361,7 @@ var PHOTO_PROFILE = {
    * 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",
+  isPixelLike: (l) => l.type === "smart" || l.type === "shape" || l.type === "type",
   maskSourcePlane: (source, W, H, sources) => {
     const opts = source;
     const depth = sources.depthMap?.(opts) ?? null;
@@ -2888,14 +2890,14 @@ function parseCssColor(value) {
     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);
+  const num4 = "([+-]?[\\d.]+%?)";
+  m = new RegExp(`^rgba?\\(\\s*${num4}[\\s,]+${num4}[\\s,]+${num4}(?:\\s*[,/]\\s*${num4})?\\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);
+  m = new RegExp(`^hsla?\\(\\s*([+-]?[\\d.]+)(?:deg)?[\\s,]+${num4}[\\s,]+${num4}(?:\\s*[,/]\\s*${num4})?\\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;
@@ -2962,7 +2964,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 === "shape" || next.type === "type") delete next.annotation;
   if (next.type === "smart" && next.psd?.placed) {
     next.psd = { ...next.psd };
     delete next.psd.placed;
@@ -2992,7 +2994,7 @@ function setLayerProperties(layers, id, props) {
     next.opacity = props.opacity;
   }
   if (props.fillOpacity !== void 0) {
-    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 (layer.type !== "pixel" && layer.type !== "smart" && layer.type !== "shape" && layer.type !== "type") fail(`fillOpacity applies to pixel, shape, type 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;
@@ -3887,6 +3889,671 @@ function annotationOfShape(layer) {
   return out;
 }
 
+// src/image-editor/layers/text.ts
+var fail3 = (message) => {
+  throw new LayerOperationError(message);
+};
+var DEFAULT_TEXT_STYLE = { fontFamily: "sans-serif", fontWeight: 400, fontSize: 24, color: "#000000" };
+var DEFAULT_AUTO_LEADING = 1.2;
+var sameStyle = (a, b) => JSON.stringify(a) === JSON.stringify(b);
+function compact(runs) {
+  const out = [];
+  for (const r of runs) {
+    if (r.length <= 0) continue;
+    const last = out[out.length - 1];
+    if (last && sameStyle(last.style, r.style)) out[out.length - 1] = { ...last, length: last.length + r.length };
+    else out.push({ ...r });
+  }
+  return out;
+}
+function fitRuns(runs, length, fallback) {
+  const out = [];
+  let left = length;
+  for (const r of runs) {
+    if (left <= 0) break;
+    const n = Math.min(Math.max(0, Math.floor(r.length)), left);
+    if (n > 0) out.push({ ...r, length: n });
+    left -= n;
+  }
+  if (left > 0) {
+    if (out.length) out[out.length - 1] = { ...out[out.length - 1], length: out[out.length - 1].length + left };
+    else out.push({ length: left, style: runs[runs.length - 1]?.style ?? fallback });
+  }
+  return compact(out);
+}
+function styleAt(runs, index, fallback) {
+  let at = 0;
+  for (const r of runs) {
+    if (index < at + r.length) return r.style;
+    at += r.length;
+  }
+  return runs[runs.length - 1]?.style ?? fallback;
+}
+function restyleRange(runs, start, end, patch) {
+  const out = [];
+  let at = 0;
+  for (const r of runs) {
+    const a = at;
+    const b = at + r.length;
+    at = b;
+    const lo = Math.max(a, start);
+    const hi = Math.min(b, end);
+    if (hi <= lo) {
+      out.push({ ...r });
+      continue;
+    }
+    if (lo > a) out.push({ length: lo - a, style: r.style });
+    out.push({ length: hi - lo, style: patch(r.style) });
+    if (b > hi) out.push({ length: b - hi, style: r.style });
+  }
+  return compact(out);
+}
+function spliceRuns(runs, start, end, inserted, style) {
+  const out = [];
+  let at = 0;
+  let placed = false;
+  for (const r of runs) {
+    const a = at;
+    const b = at + r.length;
+    at = b;
+    if (b <= start) {
+      out.push({ ...r });
+      continue;
+    }
+    if (a < start) out.push({ length: start - a, style: r.style });
+    if (!placed) {
+      out.push({ length: inserted, style });
+      placed = true;
+    }
+    if (b > end) out.push({ length: b - Math.max(end, a), style: r.style });
+  }
+  if (!placed) out.push({ length: inserted, style });
+  return compact(out);
+}
+function paragraphRanges(text3) {
+  const out = [];
+  let start = 0;
+  for (let i = 0; i < text3.length; i++) {
+    if (text3[i] === "\n") {
+      out.push({ start, end: i + 1, content: i });
+      start = i + 1;
+    }
+  }
+  out.push({ start, end: text3.length, content: text3.length });
+  return out;
+}
+function fitParagraphRuns(runs, text3) {
+  const fallback = runs[0]?.style ?? {};
+  const out = compact(paragraphRanges(text3).map((p) => ({ length: p.end - p.start, style: styleAt(runs, p.start, fallback) })));
+  return out.length ? out : [{ length: 0, style: fallback }];
+}
+function fontOf(style) {
+  const f = { family: style.fontFamily, weight: style.fontWeight, italic: Boolean(style.italic), size: style.fontSize };
+  if (style.postScriptName) f.postScriptName = style.postScriptName;
+  return f;
+}
+var isBreakAfter = (c) => c === " " || c === "	" || c === "-" || c === "\u2010" || c === "\u200B";
+var isSpace = (c) => c === " " || c === "	";
+var isWide = (code) => code >= 11904 && code <= 40959 || code >= 44032 && code <= 55215 || code >= 63744 && code <= 64255 || code >= 65280 && code <= 65519;
+var layoutCache = /* @__PURE__ */ new WeakMap();
+function layoutText(layer, shaper) {
+  let byShaper = layoutCache.get(layer);
+  const hit = byShaper?.get(shaper.id);
+  if (hit) return hit;
+  const out = computeLayout(layer, shaper);
+  if (!byShaper) {
+    byShaper = /* @__PURE__ */ new Map();
+    layoutCache.set(layer, byShaper);
+  }
+  byShaper.set(shaper.id, out);
+  return out;
+}
+function computeLayout(layer, shaper) {
+  const { text: text3, frame } = layer;
+  const runs = fitRuns(layer.runs, text3.length, DEFAULT_TEXT_STYLE);
+  const missing = /* @__PURE__ */ new Set();
+  const resolved = /* @__PURE__ */ new Map();
+  const familyOf = (font) => {
+    const key = `${font.family}|${font.weight}|${font.italic}|${font.postScriptName ?? ""}`;
+    let fam = resolved.get(key);
+    if (fam === void 0) {
+      const r = shaper.resolve(font);
+      fam = r.family;
+      if (!r.available) missing.add(font.family);
+      resolved.set(key, fam);
+    }
+    return fam;
+  };
+  const resolvedFont = (style) => ({ ...fontOf(style), family: familyOf(fontOf(style)) });
+  const box2 = frame.kind === "box" ? frame : null;
+  const lines = [];
+  let y = 0;
+  let first = true;
+  const paragraphs = paragraphRanges(text3);
+  paragraphs.forEach((para, pi) => {
+    const pstyle = styleAt(layer.paragraphs, para.start, {});
+    const autoLeading = pstyle.autoLeading ?? DEFAULT_AUTO_LEADING;
+    if (pi > 0) y += pstyle.spaceBefore ?? 0;
+    const chars = [];
+    let i = para.start;
+    while (i < para.content) {
+      const style = styleAt(runs, i, DEFAULT_TEXT_STYLE);
+      let j = i + 1;
+      while (j < para.content && styleAt(runs, j, DEFAULT_TEXT_STYLE) === style) j++;
+      const seg = text3.slice(i, j);
+      const carets = shaper.measure(seg, resolvedFont(style));
+      const track = (style.tracking ?? 0) / 1e3 * style.fontSize;
+      for (let k = 0; k < seg.length; k++) chars.push({ index: i + k, ch: seg[k], advance: (carets[k + 1] ?? 0) - (carets[k] ?? 0) + track, style });
+      i = j;
+    }
+    const startIndent = pstyle.startIndent ?? 0;
+    const endIndent = pstyle.endIndent ?? 0;
+    const firstIndent = pstyle.firstLineIndent ?? 0;
+    const breaks = [];
+    if (!box2 || !chars.length) breaks.push([0, chars.length]);
+    else {
+      let s = 0;
+      while (s < chars.length) {
+        const avail = box2.width - startIndent - endIndent - (breaks.length === 0 ? firstIndent : 0);
+        let w = 0;
+        let e = s;
+        let lastBreak = -1;
+        while (e < chars.length) {
+          const c = chars[e];
+          if (!isSpace(c.ch) && w + c.advance > avail && e > s) break;
+          w += c.advance;
+          if (isBreakAfter(c.ch) || isWide(c.ch.charCodeAt(0)) || e + 1 < chars.length && isWide(chars[e + 1].ch.charCodeAt(0))) lastBreak = e + 1;
+          e++;
+        }
+        if (e < chars.length && lastBreak > s) e = lastBreak;
+        while (e < chars.length && isSpace(chars[e].ch)) e++;
+        breaks.push([s, e]);
+        s = e;
+      }
+    }
+    const align = pstyle.align ?? "left";
+    breaks.forEach(([s, e], li) => {
+      const lineChars = chars.slice(s, e);
+      let visibleEnd = lineChars.length;
+      while (visibleEnd > 0 && isSpace(lineChars[visibleEnd - 1].ch)) visibleEnd--;
+      const styles = lineChars.length ? [...new Set(lineChars.map((c) => c.style))] : [styleAt(runs, Math.min(para.start, Math.max(0, text3.length - 1)), DEFAULT_TEXT_STYLE)];
+      let ascent = 0;
+      let descent = 0;
+      let leading = 0;
+      for (const st of styles) {
+        const m = shaper.metrics(resolvedFont(st));
+        ascent = Math.max(ascent, m.ascent);
+        descent = Math.max(descent, m.descent);
+        leading = Math.max(leading, st.leading ?? autoLeading * st.fontSize);
+      }
+      if (first) {
+        y = frame.kind === "box" || frame.kind === "point" && frame.origin === "top" ? ascent : 0;
+        first = false;
+      } else y += leading;
+      const indent = startIndent + (li === 0 ? firstIndent : 0);
+      let width = 0;
+      for (let k2 = 0; k2 < visibleEnd; k2++) width += lineChars[k2].advance;
+      const lastLine = li === breaks.length - 1;
+      let extraPerSpace = 0;
+      if (box2 && align === "justify" && !lastLine) {
+        const spaces = lineChars.slice(0, visibleEnd).filter((c) => isSpace(c.ch)).length;
+        const avail = box2.width - startIndent - endIndent - (li === 0 ? firstIndent : 0);
+        if (spaces > 0 && avail > width) extraPerSpace = (avail - width) / spaces;
+      }
+      let x0;
+      const fullWidth = width + extraPerSpace * lineChars.slice(0, visibleEnd).filter((c) => isSpace(c.ch)).length;
+      if (box2) {
+        const avail = box2.width - startIndent - endIndent - (li === 0 ? firstIndent : 0);
+        x0 = indent + (align === "center" ? (avail - fullWidth) / 2 : align === "right" ? avail - fullWidth : 0);
+      } else x0 = indent + (align === "center" ? -fullWidth / 2 : align === "right" ? -fullWidth : 0);
+      const laid = [];
+      let x = x0;
+      for (const c of lineChars) {
+        const adv = c.advance + (isSpace(c.ch) ? extraPerSpace : 0);
+        laid.push({ index: c.index, x, advance: adv });
+        x += adv;
+      }
+      const fragments = [];
+      let k = 0;
+      while (k < lineChars.length) {
+        const st = lineChars[k].style;
+        let m = k + 1;
+        while (m < lineChars.length && lineChars[m].style === st) m++;
+        const font = resolvedFont(st);
+        const fx = laid[k].x;
+        const carets = [0];
+        for (let q2 = k; q2 < m; q2++) carets.push(laid[q2].x + laid[q2].advance - fx);
+        fragments.push({
+          start: lineChars[k].index,
+          end: lineChars[m - 1].index + 1,
+          style: st,
+          font,
+          family: font.family,
+          x: fx,
+          y: y - (st.baselineShift ?? 0),
+          carets,
+          spaced: Boolean(st.tracking) || extraPerSpace > 0
+        });
+        k = m;
+      }
+      const lineStart = lineChars.length ? lineChars[0].index : para.start;
+      lines.push({ start: lineStart, end: lineChars.length ? lineChars[lineChars.length - 1].index + 1 : para.start, baseline: y, ascent, descent, x: x0, width, chars: laid, fragments });
+    });
+    y += pstyle.spaceAfter ?? 0;
+  });
+  let bounds;
+  if (box2) bounds = { x: 0, y: 0, width: box2.width, height: box2.height };
+  else {
+    let x0 = Infinity;
+    let x1 = -Infinity;
+    for (const l of lines) {
+      x0 = Math.min(x0, l.x);
+      x1 = Math.max(x1, l.x + l.width);
+    }
+    if (!Number.isFinite(x0)) x0 = x1 = 0;
+    const top = lines.length ? lines[0].baseline - lines[0].ascent : 0;
+    const last = lines[lines.length - 1];
+    const bottom = last ? last.baseline + last.descent : 0;
+    bounds = { x: x0, y: top, width: Math.max(0, x1 - x0), height: Math.max(0, bottom - top) };
+  }
+  return { lines, bounds, missingFonts: [...missing] };
+}
+function textIndexAt(layout, p) {
+  if (!layout.lines.length) return 0;
+  let line = layout.lines[layout.lines.length - 1];
+  for (const l of layout.lines) {
+    if (p.y <= l.baseline + l.descent) {
+      line = l;
+      break;
+    }
+  }
+  if (!line.chars.length) return line.start;
+  for (const c of line.chars) if (p.x < c.x + c.advance / 2) return c.index;
+  const lastChar = line.chars[line.chars.length - 1];
+  return lastChar.index + 1;
+}
+function caretAt(layout, index) {
+  const lines = layout.lines;
+  if (!lines.length) return { x: 0, top: 0, bottom: 0, line: 0 };
+  for (let li = 0; li < lines.length; li++) {
+    const l2 = lines[li];
+    const next = lines[li + 1];
+    if (next && index >= next.start && (next.chars.length || index > l2.end || next.start > l2.end)) continue;
+    const c = l2.chars.find((ch) => ch.index === index);
+    const prev = l2.chars.find((ch) => ch.index === index - 1);
+    const x = c ? c.x : prev ? prev.x + prev.advance : l2.x;
+    return { x, top: l2.baseline - l2.ascent, bottom: l2.baseline + l2.descent, line: li };
+  }
+  const l = lines[lines.length - 1];
+  return { x: l.x + l.width, top: l.baseline - l.ascent, bottom: l.baseline + l.descent, line: lines.length - 1 };
+}
+var TEXT_RENDER_MARGIN = MAX_EFFECT_REACH;
+function textMatrix(layer) {
+  return layer.transform ?? IDENTITY_MATRIX;
+}
+function rectCorners(r) {
+  return [
+    { x: r.x, y: r.y },
+    { x: r.x + r.width, y: r.y },
+    { x: r.x + r.width, y: r.y + r.height },
+    { x: r.x, y: r.y + r.height }
+  ];
+}
+function docRect(r, m) {
+  const pts = rectCorners(r).map((p) => applyMatrix(m, p));
+  const x0 = Math.floor(Math.min(...pts.map((p) => p.x)));
+  const y0 = Math.floor(Math.min(...pts.map((p) => p.y)));
+  const x1 = Math.ceil(Math.max(...pts.map((p) => p.x)));
+  const y1 = Math.ceil(Math.max(...pts.map((p) => p.y)));
+  return { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };
+}
+function intersect2(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 inkBounds(layout) {
+  let b = null;
+  for (const l of layout.lines) {
+    for (const f of l.fragments) {
+      const pad = f.style.fontSize * 0.5;
+      const w = f.carets[f.carets.length - 1];
+      const r = { x: f.x - pad, y: f.y - l.ascent - pad, width: w + 2 * pad, height: l.ascent + l.descent + 2 * pad };
+      if (!b) b = r;
+      else {
+        const x0 = Math.min(b.x, r.x);
+        const y0 = Math.min(b.y, r.y);
+        b = { x: x0, y: y0, width: Math.max(b.x + b.width, r.x + r.width) - x0, height: Math.max(b.y + b.height, r.y + r.height) - y0 };
+      }
+    }
+  }
+  return b;
+}
+function decorations(f, l) {
+  const out = [];
+  const t = Math.max(1, f.style.fontSize / 15);
+  const w = f.carets[f.carets.length - 1];
+  if (f.style.underline) out.push({ x: f.x, y: f.y + Math.max(t, l.descent * 0.35), width: w, height: t });
+  if (f.style.strikethrough) out.push({ x: f.x, y: f.y - l.ascent * 0.3 - t / 2, width: w, height: t });
+  return out;
+}
+var rectPath = (r) => [
+  { type: "M", x: r.x, y: r.y },
+  { type: "L", x: r.x + r.width, y: r.y },
+  { type: "L", x: r.x + r.width, y: r.y + r.height },
+  { type: "L", x: r.x, y: r.y + r.height },
+  { type: "Z" }
+];
+function fragmentOutline(shaper, text3, f) {
+  const s = text3.slice(f.start, f.end);
+  if (!f.spaced) return shaper.outline(s, f.font, f.x, f.y);
+  const out = [];
+  for (let k = 0; k < s.length; k++) {
+    if (isSpace(s[k])) continue;
+    out.push(...shaper.outline(s[k], f.font, f.x + f.carets[k], f.y));
+  }
+  return out;
+}
+function textOutlines(layer, shaper) {
+  if (!shaper.outline) fail3(`The text shaper "${shaper.id}" cannot give glyph outlines; plug in an outline shaper (createOutlineTextShaper) to convert text to shapes.`);
+  const layout = layoutText(layer, shaper);
+  const m = textMatrix(layer);
+  const out = [];
+  for (const l of layout.lines) {
+    for (const f of l.fragments) {
+      let path = fragmentOutline(shaper, layer.text, f);
+      for (const r of decorations(f, l)) path = [...path, ...rectPath(r)];
+      out.push({ fragment: f, path: isIdentityMatrix(m) ? path : transformBezierPath(path, m) });
+    }
+  }
+  return out;
+}
+var rgbOf = (hex) => {
+  const c = parseCssColor(hex);
+  const h = (c?.hex ?? "#000000").slice(1);
+  return [parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16)];
+};
+function renderOutlines(layer, shaper, region) {
+  const parts = textOutlines(layer, shaper).map(({ fragment, path }) => ({ style: fragment.style, flat: flattenPath(path) }));
+  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 n = TILE * TILE;
+    const acc = new Float32Array(n * 4);
+    let any = false;
+    for (const p of parts) {
+      const cov = rasterizeCoverageSampled(p.flat, rect, "nonzero");
+      if (!cov) continue;
+      const [r, g, b] = rgbOf(p.style.color);
+      const op = p.style.opacity ?? 1;
+      for (let i = 0; i < n; i++) {
+        const sa = layer.antiAlias === false ? cov[i] >= 0.5 ? op : 0 : cov[i] * op;
+        if (!(sa > 0)) continue;
+        const k = i * 4;
+        const da = acc[k + 3];
+        const ao = sa + da * (1 - sa);
+        acc[k] = (r * sa + acc[k] * da * (1 - sa)) / ao;
+        acc[k + 1] = (g * sa + acc[k + 1] * da * (1 - sa)) / ao;
+        acc[k + 2] = (b * sa + acc[k + 2] * da * (1 - sa)) / ao;
+        acc[k + 3] = ao;
+        any = true;
+      }
+    }
+    if (!any) continue;
+    const px = new Uint8ClampedArray(n * 4);
+    for (let i = 0; i < n * 4; i += 4) {
+      const a = Math.round(acc[i + 3] * 255);
+      if (!a) continue;
+      px[i] = Math.round(acc[i]);
+      px[i + 1] = Math.round(acc[i + 1]);
+      px[i + 2] = Math.round(acc[i + 2]);
+      px[i + 3] = a;
+    }
+    const tile = finishTile(px, 4, 0);
+    if (tile) tiles.set(tileKey(tx, ty), tile);
+  }
+  return new TiledSurface(4, tiles, 0);
+}
+function renderOnCanvas(layer, shaper, region, env) {
+  if (!env.createCanvas) return null;
+  const canvas = env.createCanvas(region.width, region.height);
+  const ctx = canvas.getContext("2d");
+  if (!ctx || typeof ctx.getImageData !== "function") return null;
+  const layout = layoutText(layer, shaper);
+  const m = textMatrix(layer);
+  ctx.setTransform(1, 0, 0, 1, 0, 0);
+  ctx.clearRect(0, 0, region.width, region.height);
+  ctx.setTransform(m[0], m[1], m[2], m[3], m[4] - region.x, m[5] - region.y);
+  for (const l of layout.lines) {
+    for (const f of l.fragments) {
+      const [r, g, b] = rgbOf(f.style.color);
+      ctx.fillStyle = `rgb(${r}, ${g}, ${b})`;
+      ctx.globalAlpha = f.style.opacity ?? 1;
+      const s = layer.text.slice(f.start, f.end);
+      if (!f.spaced) shaper.draw(ctx, s, f.font, f.x, f.y);
+      else for (let k = 0; k < s.length; k++) if (!isSpace(s[k])) shaper.draw(ctx, s[k], f.font, f.x + f.carets[k], f.y);
+      for (const d of decorations(f, l)) ctx.fillRect(d.x, d.y, d.width, d.height);
+    }
+  }
+  ctx.globalAlpha = 1;
+  ctx.setTransform(1, 0, 0, 1, 0, 0);
+  const data = ctx.getImageData(0, 0, region.width, region.height).data;
+  return surfaceFromPixels({ width: region.width, height: region.height, data: new Uint8ClampedArray(data) }, 4, region.x, region.y);
+}
+function renderText(layer, env) {
+  const shaper = env.shaper;
+  if (!shaper || !shaper.outline && !shaper.draw) return null;
+  const layout = layoutText(layer, shaper);
+  const ink = inkBounds(layout);
+  const clip = { x: -TEXT_RENDER_MARGIN, y: -TEXT_RENDER_MARGIN, width: env.width + 2 * TEXT_RENDER_MARGIN, height: env.height + 2 * TEXT_RENDER_MARGIN };
+  const region = ink ? intersect2(docRect(ink, textMatrix(layer)), clip) : null;
+  if (!region) return { surface: emptySurface(4), missingFonts: layout.missingFonts };
+  if (shaper.outline) return { surface: renderOutlines(layer, shaper, region), missingFonts: layout.missingFonts };
+  const surface = renderOnCanvas(layer, shaper, region, env);
+  return surface ? { surface, missingFonts: layout.missingFonts } : null;
+}
+function rerenderText(layer, env) {
+  const r = renderText(layer, env);
+  if (!r) return fail3("Type layers need a text shaper to draw them, and none is set here (no 2D canvas). Pass textShaper in the editor options (for example createOutlineTextShaper with your fonts), or edit in a browser.");
+  const next = { ...layer, surface: r.surface };
+  delete next.rendering;
+  if (r.missingFonts.length) next.missingFonts = r.missingFonts;
+  else delete next.missingFonts;
+  return next;
+}
+var isNum2 = (v) => typeof v === "number" && Number.isFinite(v);
+function num(v, path, min, max) {
+  if (!isNum2(v) || v < min || v > max) fail3(`${path} must be a number from ${min} to ${max}, got ${JSON.stringify(v)}.`);
+  return v;
+}
+var TEXT_STYLE_FIELDS = ["fontFamily", "fontWeight", "italic", "fontSize", "color", "opacity", "tracking", "leading", "baselineShift", "underline", "strikethrough"];
+function patchTextStyle(base, patch, path = "style") {
+  const out = { ...base };
+  const o = out;
+  for (const [k, v] of Object.entries(patch)) {
+    if (v === void 0) continue;
+    switch (k) {
+      case "fontFamily":
+        if (typeof v !== "string" || !v.trim()) fail3(`${path}.fontFamily must be a font family name.`);
+        out.fontFamily = v.trim();
+        if (out.postScriptName) delete out.postScriptName;
+        break;
+      case "fontWeight": {
+        const w = v === "normal" ? 400 : v === "bold" ? 700 : v;
+        out.fontWeight = Math.round(num(w, `${path}.fontWeight`, 1, 1e3));
+        if (out.postScriptName) delete out.postScriptName;
+        break;
+      }
+      case "italic":
+      case "underline":
+      case "strikethrough":
+        if (typeof v !== "boolean" && v !== null) fail3(`${path}.${k} must be true or false.`);
+        if (v) o[k] = true;
+        else delete o[k];
+        if (k === "italic" && out.postScriptName) delete out.postScriptName;
+        break;
+      case "fontSize":
+        out.fontSize = num(v, `${path}.fontSize`, 0.5, 5e3);
+        break;
+      case "color": {
+        const c = parseCssColor(v);
+        if (!c) fail3(`${path}.color must be a colour such as #rrggbb.`);
+        out.color = c.hex;
+        if (c.alpha < 1) out.opacity = c.alpha;
+        break;
+      }
+      case "opacity":
+      case "tracking":
+      case "leading":
+      case "baselineShift": {
+        if (v === null) {
+          delete o[k];
+          break;
+        }
+        const [min, max] = k === "opacity" ? [0, 1] : k === "tracking" ? [-1e3, 1e4] : k === "leading" ? [0, 1e4] : [-5e3, 5e3];
+        const value = num(v, `${path}.${k}`, min, max);
+        if (k === "opacity" && value === 1 || (k === "tracking" || k === "baselineShift") && value === 0) delete o[k];
+        else o[k] = value;
+        break;
+      }
+      default:
+        fail3(`${path}.${k} is not a character style field; use ${TEXT_STYLE_FIELDS.join(", ")}.`);
+    }
+  }
+  return out;
+}
+var PARAGRAPH_STYLE_FIELDS = ["align", "autoLeading", "firstLineIndent", "startIndent", "endIndent", "spaceBefore", "spaceAfter"];
+function patchParagraphStyle(base, patch, path = "paragraph") {
+  const out = { ...base };
+  const o = out;
+  for (const [k, v] of Object.entries(patch)) {
+    if (v === void 0) continue;
+    if (k === "align") {
+      if (!TEXT_ALIGNS.includes(v)) fail3(`${path}.align must be one of ${TEXT_ALIGNS.join(", ")}.`);
+      if (v === "left") delete out.align;
+      else out.align = v;
+    } else if (PARAGRAPH_STYLE_FIELDS.includes(k)) {
+      if (v === null) {
+        delete o[k];
+        continue;
+      }
+      const value = k === "autoLeading" ? num(v, `${path}.${k}`, 0.1, 10) : num(v, `${path}.${k}`, -1e4, 1e4);
+      if (k === "autoLeading" && value === DEFAULT_AUTO_LEADING || k !== "autoLeading" && value === 0) delete o[k];
+      else o[k] = value;
+    } else fail3(`${path}.${k} is not a paragraph style field; use ${PARAGRAPH_STYLE_FIELDS.join(", ")}.`);
+  }
+  return out;
+}
+function textRange(text3, start, end) {
+  const s = start === void 0 ? 0 : start;
+  const e = end === void 0 ? text3.length : end;
+  if (!Number.isInteger(s) || !Number.isInteger(e) || s < 0 || e > text3.length || s > e) {
+    fail3(`start and end must be whole numbers with 0 \u2264 start \u2264 end \u2264 ${text3.length} (the text's length in UTF-16 code units), got ${String(start)} and ${String(end)}.`);
+  }
+  return [s, e];
+}
+function requireTypeLayer(layers, id) {
+  const layer = requireLayer(layers, id).layer;
+  if (layer.type !== "type") fail3(`Layer "${layer.name || id}" is a ${layer.type} layer, not a type layer; list_layers shows each layer's type.`);
+  return layer;
+}
+function normalizeText(text3, path = "text") {
+  if (typeof text3 !== "string") return fail3(`${path} must be a string.`);
+  return text3.replace(/\r\n?/g, "\n");
+}
+function typeLayerName(text3) {
+  const line = text3.split("\n").find((l) => l.trim()) ?? "";
+  return line.trim().slice(0, 32) || "Text";
+}
+function createTypeLayer(init, env, id = newLayerId(), lenient = false) {
+  const text3 = normalizeText(init.text);
+  const layer = {
+    type: "type",
+    id,
+    name: init.name ?? typeLayerName(text3),
+    visible: true,
+    opacity: 1,
+    blend: "normal",
+    text: text3,
+    runs: fitRuns(init.runs, text3.length, DEFAULT_TEXT_STYLE),
+    paragraphs: fitParagraphRuns(init.paragraphs ?? [{ length: text3.length, style: {} }], text3),
+    frame: init.frame,
+    surface: emptySurface(4),
+    offset: { x: 0, y: 0 }
+  };
+  if (!layer.runs.length) layer.runs = [{ length: 0, style: init.runs[0]?.style ?? DEFAULT_TEXT_STYLE }];
+  if (init.transform && !isIdentityMatrix(init.transform)) layer.transform = init.transform;
+  if (lenient && !renderText(layer, env)) return { ...layer, rendering: "stored" };
+  return rerenderText(layer, env);
+}
+function updateTypeLayer(layers, id, change, env, action = "edit it") {
+  const current = requireTypeLayer(layers, id);
+  requireUnlocked(current, "pixels", action);
+  const patch = change(current);
+  const next = { ...current, ...patch };
+  if (!("annotation" in patch)) delete next.annotation;
+  if ("text" in patch || "runs" in patch) next.runs = fitRuns(next.runs, next.text.length, current.runs[0]?.style ?? DEFAULT_TEXT_STYLE);
+  if (!next.runs.length) next.runs = [{ length: 0, style: styleAt(current.runs, 0, DEFAULT_TEXT_STYLE) }];
+  if ("text" in patch || "paragraphs" in patch) next.paragraphs = fitParagraphRuns(next.paragraphs, next.text);
+  const rendered = rerenderText(next, env);
+  return { layers: mapLayer(layers, id, () => rendered), layer: rendered };
+}
+function replaceTextRange(layer, start, end, insert) {
+  const text3 = layer.text.slice(0, start) + insert + layer.text.slice(end);
+  const style = styleAt(layer.runs, start > 0 && start === layer.text.length ? start - 1 : start, DEFAULT_TEXT_STYLE);
+  const runs = spliceRuns(layer.runs, start, end, insert.length, style);
+  const pstyle = styleAt(layer.paragraphs, start, {});
+  const paragraphs = spliceRuns(layer.paragraphs, start, end, insert.length, pstyle);
+  return { text: text3, runs, paragraphs: fitParagraphRuns(paragraphs, text3) };
+}
+function transformTypeLayer(layer, m) {
+  const t = multiplyMatrices(textMatrix(layer), m);
+  const next = { ...layer };
+  if (isIdentityMatrix(t)) delete next.transform;
+  else next.transform = t;
+  delete next.annotation;
+  return next;
+}
+function typeFrame(layer, shaper) {
+  if (layer.frame.kind === "box") return { x: 0, y: 0, width: layer.frame.width, height: layer.frame.height };
+  if (!shaper) return fail3("Type layers need a text shaper to be measured; none is set here.");
+  const b = layoutText(layer, shaper).bounds;
+  return { x: b.x, y: b.y, width: Math.max(b.width, 1), height: Math.max(b.height, 1) };
+}
+function typeAsPixelLayer(layer) {
+  const { text: _t, runs: _r, paragraphs: _p, frame: _f, transform: _m, antiAlias: _a, rendering: _g, missingFonts: _mf, annotation: _an, psd: _psd, type: _ty, ...rest } = layer;
+  return { ...rest, type: "pixel", surface: layer.surface, offset: { x: 0, y: 0 } };
+}
+function toTextSpace(layer, p) {
+  return applyMatrix(invertMatrix(textMatrix(layer)), p);
+}
+function typeFromAnnotation(a) {
+  if (a.type !== "text") return null;
+  const t = a;
+  const c = parseCssColor(t.color);
+  if (!c) return null;
+  const weight = t.fontWeight === void 0 || t.fontWeight === "normal" ? 400 : t.fontWeight === "bold" ? 700 : Number(t.fontWeight);
+  if (!Number.isFinite(weight)) return null;
+  const style = { fontFamily: t.fontFamily || "sans-serif", fontWeight: weight, fontSize: t.fontSize, color: c.hex };
+  const op = c.alpha * (t.opacity ?? 1);
+  if (op !== 1) style.opacity = op;
+  const text3 = t.text.replace(/\r?\n|\r/g, " ");
+  const translate = [1, 0, 0, 1, t.x, t.y];
+  const transform = t.rotation ? multiplyMatrices(translate, rotateMatrix(t.rotation, { x: t.x, y: t.y })) : translate;
+  return { text: text3, runs: [{ length: text3.length, style }], frame: { kind: "point", origin: "top" }, transform };
+}
+function annotationOfType(layer) {
+  const a = layer.annotation;
+  if (!a) return null;
+  if ((a.blend ?? "normal") === layer.blend) return a;
+  const out = { ...a };
+  if (layer.blend === "normal") delete out.blend;
+  else out.blend = layer.blend;
+  return out;
+}
+
 // src/image-editor/layers/defaults.ts
 var DEFAULT_ADJUSTMENTS_VALUES = {
   brightness: 0,
@@ -3988,6 +4655,12 @@ function annotationLayerName(annotation) {
   }
 }
 function annotationLayerFor(annotation, canvas) {
+  const blend = annotation.blend && annotation.blend !== "normal" ? annotation.blend : "normal";
+  const type = canvas ? typeFromAnnotation(annotation) : null;
+  if (type) {
+    const layer = createTypeLayer({ ...type, name: annotationLayerName(annotation) }, { shaper: null, ...canvas }, annotation.id, true);
+    return { ...layer, blend, annotation };
+  }
   const shape = canvas ? shapeFromAnnotation(annotation) : null;
   if (shape) {
     const layer = createShapeLayer(
@@ -4010,6 +4683,7 @@ function annotationLayerFor(annotation, canvas) {
 function annotationOfLayer(layer) {
   if (layer.type === "annotation") return layer.annotation;
   if (layer.type === "shape") return annotationOfShape(layer);
+  if (layer.type === "type") return annotationOfType(layer);
   return null;
 }
 function adjustmentNodeFromLegacy(layer, width, height) {
@@ -4166,7 +4840,7 @@ function isLegacyShape(stack) {
   }
   for (; i < layers.length; i++) {
     const l = layers[i];
-    if (l.type === "shape") {
+    if (l.type === "shape" || l.type === "type") {
       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;
@@ -4338,7 +5012,7 @@ function geometryHomography(geometry) {
 }
 
 // src/image-editor/layers/smart.ts
-var fail3 = (message) => {
+var fail4 = (message) => {
   throw new LayerOperationError(message);
 };
 var SMART_RENDER_MARGIN = MAX_EFFECT_REACH;
@@ -4360,13 +5034,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";
-  fail3(
+  fail4(
     `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") fail3(`Layer "${layer.name || id}" is a ${layer.type} layer, not a smart object; convert it with convert_to_smart_object.`);
+  if (layer.type !== "smart") fail4(`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();
@@ -4392,11 +5066,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) fail3("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) fail4("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)) fail3("Contents width and height must be positive whole numbers.");
+  if (!(Number.isInteger(width) && Number.isInteger(height) && width > 0 && height > 0)) fail4("Contents width and height must be positive whole numbers.");
   return { id, name, width, height, kind: "document", document };
 }
 var placedCache = /* @__PURE__ */ new WeakMap();
@@ -4457,16 +5131,16 @@ function placeContents(layer, canvas, options = {}) {
     try {
       if (hasWarp(g)) {
         const f = transformMap(g);
-        if (!f) fail3("The placement folds the contents over itself or through the horizon; keep the corners a convex quad.");
+        if (!f) fail4("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) fail3("The placement folds the contents over itself or through the horizon; keep the corners a convex quad.");
+        if (!h) fail4("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: box2, clip, step: step > 1 ? step : void 0 });
       }
     } catch (e) {
-      if (e instanceof TransformTooLargeError) fail3(e.message);
+      if (e instanceof TransformTooLargeError) fail4(e.message);
       throw e;
     }
   }
@@ -4559,19 +5233,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))) {
-    fail3("corners must be four finite points [top-left, top-right, bottom-right, bottom-left] in document pixels.");
+    fail4("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)) 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.");
+    if (!isValidWarpMesh(raw.warp)) fail4("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)) fail3(`Unknown interpolation "${String(raw.interpolation)}"; use nearest, bilinear or bicubic.`);
+    if (!isInterpolation(raw.interpolation)) fail4(`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)) fail3("These corners fold the contents over themselves or through the horizon; keep the quad convex.");
+  if (!transformHomography(g)) fail4("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;
 }
@@ -4636,7 +5310,7 @@ function translateLayer(layer, dx, dy) {
   if (!dx && !dy) return layer;
   const moveMask = (m) => {
     if (!m) return m;
-    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.`);
+    if (m.source) fail4(`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) {
@@ -4674,14 +5348,19 @@ function translateLayer(layer, dx, dy) {
       delete next.annotation;
       return next;
     }
+    case "type": {
+      const next = { ...transformTypeLayer(layer, translateMatrix(dx, dy)), surface: translateSurface(layer.surface, dx, dy), mask: moveMask(layer.mask) };
+      if (!next.mask) delete next.mask;
+      return next;
+    }
     case "annotation":
-      return fail3(`Annotation layer "${layer.name || layer.id}" cannot go into a smart object; rasterize it first.`);
+      return fail4(`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" || layer.type === "shape") {
+  if (layer.type === "pixel" || layer.type === "smart" || layer.type === "shape" || layer.type === "type") {
     const s = layer.type === "pixel" ? surfaceOf(layer) : layer.surface;
     if (s.defaultValue !== 0) b = full;
     else {
@@ -4709,10 +5388,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) fail3("Give at least one layer id to convert.");
+  if (!ids.length) fail4("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)) fail3("Layers to convert must share one parent; move them next to each other first.");
+  if (locs.some((l) => (l.parent?.id ?? null) !== parent)) fail4("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];
@@ -4720,9 +5399,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) fail3(`Layer "${single.name || single.id}" has no transparent area to crop to; it cannot be converted.`);
+    if (surface.defaultValue !== 0) fail4(`Layer "${single.name || single.id}" has no transparent area to crop to; it cannot be converted.`);
     const b = contentBounds(surface);
-    if (!b) fail3(`Layer "${single.name || single.id}" has no pixels to convert; paint something first.`);
+    if (!b) fail4(`Layer "${single.name || single.id}" has no pixels to convert; paint something first.`);
     const contents = {
       id: newContentsId(),
       name: `${single.name || "Layer"}.png`,
@@ -4754,7 +5433,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)) fail3("The layers have no pixels to convert; paint something first.");
+    if (!b || !(b.width > 0 && b.height > 0)) fail4("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") {
@@ -4762,7 +5441,7 @@ function convertToSmartObject(layers, ids, canvas, options) {
         delete resolved.source;
         layer = resolved;
       }
-      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.`);
+      if (flattenLayers([layer]).some((x) => x.type === "pixel" && x.source === "document")) fail4(`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) {
@@ -4827,7 +5506,7 @@ function instancesOf(layers, contentsId) {
 }
 function replaceContents(layers, contentsId, contents, canvas) {
   const ids = instancesOf(layers, contentsId);
-  if (!ids.length) fail3(`No smart object uses contents "${contentsId}".`);
+  if (!ids.length) fail4(`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;
@@ -4860,12 +5539,12 @@ function refitPlacement(layer, contents) {
   return out;
 }
 function normalizeSmartFilter(raw, id = newLayerId("flt")) {
-  if (raw.kind === "psd") fail3("Photoshop filters can only come from a PSD; add develop or blur.");
+  if (raw.kind === "psd") fail4("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") fail3(`Unknown blend mode "${String(blend)}" for a smart filter.`);
+  if (!isBlendMode(blend) || blend === "pigment") fail4(`Unknown blend mode "${String(blend)}" for a smart filter.`);
   const opacity = raw.opacity ?? 1;
-  if (!(typeof opacity === "number" && opacity >= 0 && opacity <= 1)) fail3("opacity must be a number from 0 to 1.");
+  if (!(typeof opacity === "number" && opacity >= 0 && opacity <= 1)) fail4("opacity must be a number from 0 to 1.");
   return { ...base, blend, opacity };
 }
 function withStack(layer, stack, canvas) {
@@ -4880,7 +5559,7 @@ function stackOf(layer) {
 function requireFilter(layer, filterId) {
   const list2 = layer.smartFilters?.filters ?? [];
   const i = list2.findIndex((f) => f.id === filterId);
-  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.`);
+  if (i === -1) fail4(`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) {
@@ -4901,15 +5580,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) fail3("A smart filter kind cannot change; remove it and add another.");
+  if ("kind" in changes && changes.kind !== current.kind) fail4("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) fail3(`"${current.name}" is a Photoshop filter we keep but do not model; only enabled, blend and opacity change. Unknown: ${extra.join(", ")}.`);
+    if (extra.length) fail4(`"${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") fail3(`Unknown blend mode "${String(blend)}" for a smart filter.`);
+    if (!isBlendMode(blend) || blend === "pigment") fail4(`Unknown blend mode "${String(blend)}" for a smart filter.`);
     const opacity = changes.opacity ?? current.opacity;
-    if (!(typeof opacity === "number" && opacity >= 0 && opacity <= 1)) fail3("opacity must be a number from 0 to 1.");
+    if (!(typeof opacity === "number" && opacity >= 0 && opacity <= 1)) fail4("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);
@@ -4931,7 +5610,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) fail3(`index must be a whole number from 0 to ${list2.length - 1}.`);
+  if (!Number.isInteger(index) || index < 0 || index >= list2.length) fail4(`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);
@@ -4945,7 +5624,7 @@ function setSmartFiltersEnabled(layers, id, enabled, canvas) {
 }
 function setSmartFilterMask(layers, id, mask, canvas) {
   const layer = editableSmart(layers, id);
-  if (mask?.source) fail3("A smart filter mask is painted, not generated; use a raster mask.");
+  if (mask?.source) fail4("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;
@@ -4954,7 +5633,7 @@ function setSmartFilterMask(layers, id, mask, canvas) {
 }
 function withFilterMaskSurface(layer, surface, canvas) {
   const stack = stackOf(layer);
-  if (!stack.mask) fail3(`Smart object "${layer.name || layer.id}" has no filter mask; add one with set_smart_filter_mask.`);
+  if (!stack.mask) fail4(`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) {
@@ -5075,6 +5754,84 @@ function serializeLayer(layer, ctx) {
       return serializeSmartObject(layer, base, ctx);
     case "shape":
       return serializeShape(layer, base);
+    case "type":
+      return serializeType(layer, base, ctx);
+  }
+}
+function serializeType(layer, base, ctx) {
+  const out = {
+    ...base,
+    type: "type",
+    text: layer.text,
+    runs: JSON.parse(JSON.stringify(layer.runs)),
+    paragraphs: JSON.parse(JSON.stringify(layer.paragraphs)),
+    frame: { ...layer.frame }
+  };
+  if (layer.transform) out.transform = [...layer.transform];
+  if (layer.antiAlias === false) out.antiAlias = false;
+  if (layer.fillOpacity !== void 0 && layer.fillOpacity !== 1) out.fillOpacity = layer.fillOpacity;
+  const enc = encodeSurface(layer.surface);
+  if (enc) {
+    out.asset = ctx.addAsset(enc.url, layer.id);
+    out.x = enc.x;
+    out.y = enc.y;
+  }
+  if (layer.missingFonts?.length) out.missingFonts = [...layer.missingFonts];
+  if (layer.annotation) out.annotation = JSON.parse(JSON.stringify(layer.annotation));
+  if (layer.psd?.tySh || layer.psd?.blocks?.length) {
+    out.psd = {};
+    if (layer.psd.tySh) out.psd.tySh = bytesToBase64(layer.psd.tySh);
+    if (layer.psd.blocks?.length) out.psd.blocks = layer.psd.blocks.map((b) => ({ key: b.key, data: bytesToBase64(b.data) }));
+  }
+  return out;
+}
+function readType(r, base, ctx) {
+  const label = `Layer "${base.name || base.id}"`;
+  try {
+    const text3 = normalizeText(r.text ?? "");
+    const runs = (Array.isArray(r.runs) ? r.runs : []).map((run, i) => ({
+      length: Math.max(0, Math.floor(num2(run?.length, 0, 1e9, 0))),
+      style: patchTextStyle(DEFAULT_TEXT_STYLE, run?.style && typeof run.style === "object" ? run.style : {}, `runs[${i}].style`)
+    }));
+    const paragraphs = (Array.isArray(r.paragraphs) ? r.paragraphs : []).map((p, i) => ({
+      length: Math.max(0, Math.floor(num2(p?.length, 0, 1e9, 0))),
+      style: patchParagraphStyle({}, p?.style && typeof p.style === "object" ? p.style : {}, `paragraphs[${i}].style`)
+    }));
+    const f = r.frame;
+    const frame = f?.kind === "box" ? { kind: "box", width: num2(f.width, 1, 1e6, 100), height: num2(f.height, 1, 1e6, 100) } : f?.origin === "top" ? { kind: "point", origin: "top" } : { kind: "point" };
+    const m = Array.isArray(r.transform) && r.transform.length === 6 && r.transform.every((v) => typeof v === "number" && Number.isFinite(v)) ? r.transform : void 0;
+    const layer = {
+      ...base,
+      type: "type",
+      text: text3,
+      runs: fitRuns(runs, text3.length, DEFAULT_TEXT_STYLE),
+      paragraphs: fitParagraphRuns(paragraphs.length ? paragraphs : [{ length: text3.length, style: {} }], text3),
+      frame,
+      surface: emptySurface(4),
+      offset: { x: 0, y: 0 }
+    };
+    if (!layer.runs.length) layer.runs = [{ length: 0, style: runs[0]?.style ?? DEFAULT_TEXT_STYLE }];
+    if (m) layer.transform = m;
+    if (r.antiAlias === false) layer.antiAlias = false;
+    if (typeof r.fillOpacity === "number" && r.fillOpacity !== 1) layer.fillOpacity = num2(r.fillOpacity, 0, 1, 1);
+    if (Array.isArray(r.missingFonts)) layer.missingFonts = r.missingFonts.filter((x) => typeof x === "string");
+    if (r.annotation && typeof r.annotation === "object" && r.annotation.type === "text") layer.annotation = JSON.parse(JSON.stringify({ ...r.annotation, id: r.annotation.id ?? base.id }));
+    if (r.psd && typeof r.psd === "object") {
+      const psd = {};
+      if (typeof r.psd.tySh === "string") psd.tySh = base64ToBytes(r.psd.tySh);
+      if (Array.isArray(r.psd.blocks)) psd.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 (psd.tySh || psd.blocks?.length) layer.psd = psd;
+    }
+    if (typeof r.asset === "string") return { ...layer, surface: readSurface(r.asset, r.x, r.y, 4, 0, ctx, label), rendering: "stored" };
+    const env = { ...ctx.canvas ?? { width: 1, height: 1 }, shaper: ctx.text?.shaper ?? null, createCanvas: ctx.text?.createCanvas };
+    try {
+      return rerenderText(layer, env);
+    } catch {
+      return { ...layer, rendering: "stored" };
+    }
+  } catch (e) {
+    ctx.problems.push(`${label}: the text could not be read (${e instanceof Error ? e.message : String(e)})`);
+    return null;
   }
 }
 function serializeShape(layer, base) {
@@ -5117,7 +5874,7 @@ function readShape(r, base, ctx) {
     }
     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 (typeof r.fillOpacity === "number" && r.fillOpacity !== 1) out.fillOpacity = num2(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) }));
@@ -5269,7 +6026,7 @@ function decodePngDataUrl(url, channels) {
   }
   return { width: png.width, height: png.height, data: out };
 }
-var num = (v, lo, hi, fallback) => typeof v === "number" && Number.isFinite(v) ? Math.min(hi, Math.max(lo, v)) : fallback;
+var num2 = (v, lo, hi, fallback) => typeof v === "number" && Number.isFinite(v) ? Math.min(hi, Math.max(lo, v)) : fallback;
 function readSurface(ref, x, y, channels, defaultValue, ctx, what) {
   if (typeof ref !== "string" || !ref) return emptySurface(channels, defaultValue);
   const url = ctx.assets[ref];
@@ -5279,7 +6036,7 @@ function readSurface(ref, x, y, channels, defaultValue, ctx, what) {
   }
   try {
     const px = (ctx.decodeAsset ?? decodePngDataUrl)(url, channels);
-    return surfaceFromPixels(px, channels, Math.round(num(x, -1e7, 1e7, 0)), Math.round(num(y, -1e7, 1e7, 0)), defaultValue);
+    return surfaceFromPixels(px, channels, Math.round(num2(x, -1e7, 1e7, 0)), Math.round(num2(y, -1e7, 1e7, 0)), defaultValue);
   } catch (err) {
     ctx.problems.push(`${what}: asset "${ref}" could not be decoded (${err.message})`);
     return emptySurface(channels, defaultValue);
@@ -5293,8 +6050,8 @@ function readMask(raw, ctx, what) {
     surface: r.source ? emptySurface(1, 255) : readSurface(r.asset, r.x, r.y, 1, defaultValue, ctx, `${what} mask`),
     defaultValue: r.source ? 255 : defaultValue
   };
-  if (typeof r.density === "number" && r.density !== 1) mask.density = num(r.density, 0, 1, 1);
-  if (typeof r.feather === "number" && r.feather > 0) mask.feather = num(r.feather, 0, 1e3, 0);
+  if (typeof r.density === "number" && r.density !== 1) mask.density = num2(r.density, 0, 1, 1);
+  if (typeof r.feather === "number" && r.feather > 0) mask.feather = num2(r.feather, 0, 1e3, 0);
   if (r.enabled === false) mask.enabled = false;
   if (r.linked === false) mask.linked = false;
   if (r.source && typeof r.source === "object") {
@@ -5311,18 +6068,18 @@ function readFilters(raw) {
     const r = f;
     const id = typeof r.id === "string" && r.id ? r.id : newLayerId("flt");
     const enabled = r.enabled !== false;
-    if (r.kind === "blur") out.push({ id, kind: "blur", enabled, radius: num(r.radius, 0, 50, 0) });
+    if (r.kind === "blur") out.push({ id, kind: "blur", enabled, radius: num2(r.radius, 0, 50, 0) });
     else if (r.kind === "develop") {
       out.push({
         id,
         kind: "develop",
         enabled,
-        brightness: num(r.brightness, -100, 100, 0),
-        contrast: num(r.contrast, -100, 100, 0),
-        saturation: num(r.saturation, -100, 100, 0),
-        exposure: num(r.exposure, -100, 100, 0),
-        temperature: num(r.temperature, -100, 100, 0),
-        tint: num(r.tint, -100, 100, 0),
+        brightness: num2(r.brightness, -100, 100, 0),
+        contrast: num2(r.contrast, -100, 100, 0),
+        saturation: num2(r.saturation, -100, 100, 0),
+        exposure: num2(r.exposure, -100, 100, 0),
+        temperature: num2(r.temperature, -100, 100, 0),
+        tint: num2(r.tint, -100, 100, 0),
         process: normalizeProcessVersion(r.process)
       });
     }
@@ -5337,7 +6094,7 @@ function deserializeLayer(raw, ctx) {
     id,
     name: typeof r.name === "string" ? r.name : "",
     visible: r.visible !== false,
-    opacity: num(r.opacity, 0, 1, 1),
+    opacity: num2(r.opacity, 0, 1, 1),
     blend: normalizeBlendMode(r.blend)
   };
   if (r.clipped === true) base.clipped = true;
@@ -5356,10 +6113,10 @@ function deserializeLayer(raw, ctx) {
         ...base,
         type: "pixel",
         surface: r.source === "document" ? emptySurface(4) : readSurface(r.asset, r.x, r.y, 4, 0, ctx, `Layer "${base.name || id}"`),
-        offset: { x: Math.round(num(r.offset?.x, -1e7, 1e7, 0)), y: Math.round(num(r.offset?.y, -1e7, 1e7, 0)) }
+        offset: { x: Math.round(num2(r.offset?.x, -1e7, 1e7, 0)), y: Math.round(num2(r.offset?.y, -1e7, 1e7, 0)) }
       };
       if (r.source === "document") layer.source = "document";
-      if (typeof r.fillOpacity === "number" && r.fillOpacity !== 1) layer.fillOpacity = num(r.fillOpacity, 0, 1, 1);
+      if (typeof r.fillOpacity === "number" && r.fillOpacity !== 1) layer.fillOpacity = num2(r.fillOpacity, 0, 1, 1);
       const filters = readFilters(r.filters);
       if (filters) layer.filters = filters;
       return layer;
@@ -5386,15 +6143,17 @@ function deserializeLayer(raw, ctx) {
         return null;
       }
       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 migrated = annotationLayerFor(annotation, { ...ctx.canvas ?? { width: 1, height: 1 }, shaper: ctx.text?.shaper ?? null, createCanvas: ctx.text?.createCanvas });
+      if (migrated.type === "shape" || migrated.type === "type") {
         const blend = base.blend === "normal" ? migrated.blend : base.blend;
-        return { ...migrated, ...base, blend, type: "shape", id, name: base.name };
+        return { ...migrated, ...base, blend, id, name: base.name };
       }
       return { ...base, type: "annotation", annotation };
     }
     case "shape":
       return readShape(r, base, ctx);
+    case "type":
+      return readType(r, base, ctx);
     case "smart":
       return readSmartObject(r, base, ctx);
     default:
@@ -5414,8 +6173,8 @@ function readContents(id, ctx) {
     ctx.problems.push(`Smart object contents "${id}" are missing`);
     return null;
   }
-  const width = Math.round(num(raw.width, 0, 3e5, 0));
-  const height = Math.round(num(raw.height, 0, 3e5, 0));
+  const width = Math.round(num2(raw.width, 0, 3e5, 0));
+  const height = Math.round(num2(raw.height, 0, 3e5, 0));
   if (!(width > 0 && height > 0)) {
     ctx.problems.push(`Smart object contents "${id}" have no size`);
     return null;
@@ -5439,7 +6198,7 @@ function readContents(id, ctx) {
     const layers = deserializeLayers(raw.layers, ctx);
     ctx.canvas = outer;
     c.document = { layers };
-    if (raw.globalLight && typeof raw.globalLight === "object") c.document.globalLight = { angle: num(raw.globalLight.angle, -360, 360, 120), altitude: num(raw.globalLight.altitude, 0, 90, 30) };
+    if (raw.globalLight && typeof raw.globalLight === "object") c.document.globalLight = { angle: num2(raw.globalLight.angle, -360, 360, 120), altitude: num2(raw.globalLight.altitude, 0, 90, 30) };
     const patterns = deserializePatterns(raw.patterns, ctx.problems);
     if (patterns.length) c.document.patterns = patterns;
   }
@@ -5456,7 +6215,7 @@ function readSmartFilters(raw, ctx, what) {
   for (const f of list2) {
     if (!f || typeof f !== "object") continue;
     const blend = isBlendMode(f.blend) && f.blend !== "pigment" ? f.blend : "normal";
-    const opacity = num(f.opacity, 0, 1, 1);
+    const opacity = num2(f.opacity, 0, 1, 1);
     if (f.kind === "psd") {
       try {
         filters.push({ id: typeof f.id === "string" ? f.id : newLayerId("flt"), kind: "psd", enabled: f.enabled !== false, name: typeof f.name === "string" ? f.name : "Filter", data: base64ToBytes(String(f.data ?? "")), blend, opacity });
@@ -5494,7 +6253,7 @@ function readSmartObject(r, base, ctx) {
   const layer = { ...base, type: "smart", contents, placement, surface: emptySurface(4), offset: { x: 0, y: 0 } };
   const filters = readSmartFilters(r.smartFilters, ctx, what);
   if (filters) layer.smartFilters = filters;
-  if (typeof r.fillOpacity === "number" && r.fillOpacity !== 1) layer.fillOpacity = num(r.fillOpacity, 0, 1, 1);
+  if (typeof r.fillOpacity === "number" && r.fillOpacity !== 1) layer.fillOpacity = num2(r.fillOpacity, 0, 1, 1);
   if (r.psd && typeof r.psd.key === "string" && typeof r.psd.data === "string") {
     try {
       layer.psd = { key: r.psd.key, data: base64ToBytes(r.psd.data) };
@@ -8353,8 +9112,8 @@ function blendFromPsdId(id) {
 function psdBlendId(mode) {
   return BLEND_ID.get(mode) ?? "Nrml";
 }
-var num2 = (d, key, fallback) => descNumber(d, key) ?? fallback;
-var pct = (d, key, fallback) => num2(d, key, fallback * 100) / 100;
+var num3 = (d, key, fallback) => descNumber(d, key) ?? fallback;
+var pct = (d, key, fallback) => num3(d, key, fallback * 100) / 100;
 var bool = (d, key) => descBool(d, key) === true;
 var enumOf2 = (d, key) => {
   const v = descGet(d, key);
@@ -8427,7 +9186,7 @@ function contourOf(d, key) {
   if (!c) return void 0;
   const name = text2(c, "Nm  ");
   const points = list(c, "Crv ").map((p) => {
-    const out = { input: clamp3(num2(p, "Hrzn", 0) / 255, 0, 1), output: clamp3(num2(p, "Vrtc", 0) / 255, 0, 1) };
+    const out = { input: clamp3(num3(p, "Hrzn", 0) / 255, 0, 1), output: clamp3(num3(p, "Vrtc", 0) / 255, 0, 1) };
     if (descBool(p, "Cnty") === false) out.corner = true;
     return out;
   });
@@ -8473,7 +9232,7 @@ function gradientOf(d, notes) {
       { position: 1, color: "#ffffff" }
     ],
     style: GRADIENT_STYLES.find(([, id]) => id === enumOf2(d, "Type"))?.[0] ?? "linear",
-    angle: clamp3(num2(d, "Angl", 90), -360, 360),
+    angle: clamp3(num3(d, "Angl", 90), -360, 360),
     scale: clamp3(pct(d, "Scl ", 1), 0.1, 1.5),
     reverse: bool(d, "Rvrs"),
     align: descBool(d, "Algn") !== false,
@@ -8491,7 +9250,7 @@ function gradientOf(d, notes) {
     const type = enumOf2(s, "Type");
     if (type === "FrgC" || type === "BckC") notes.add("foreground / background gradient stops became black / white");
     const color = type === "BckC" ? "#ffffff" : colorOf(descObject(s, "Clr "));
-    return { position: clamp3(num2(s, "Lctn", 0) / 4096, 0, 1), color, mid: clamp3(num2(s, "Mdpn", 50) / 100, 0.05, 0.95) };
+    return { position: clamp3(num3(s, "Lctn", 0) / 4096, 0, 1), color, mid: clamp3(num3(s, "Mdpn", 50) / 100, 0.05, 0.95) };
   }).sort((a, b) => a.position - b.position);
   if (raw.length) {
     const stops = [];
@@ -8507,9 +9266,9 @@ function gradientOf(d, notes) {
     });
     g.stops = stops;
   }
-  const opacity = list(grad, "Trns").map((s) => ({ position: clamp3(num2(s, "Lctn", 0) / 4096, 0, 1), opacity: clamp3(num2(s, "Opct", 100) / 100, 0, 1) })).sort((a, b) => a.position - b.position);
+  const opacity = list(grad, "Trns").map((s) => ({ position: clamp3(num3(s, "Lctn", 0) / 4096, 0, 1), opacity: clamp3(num3(s, "Opct", 100) / 100, 0, 1) })).sort((a, b) => a.position - b.position);
   if (opacity.some((o) => o.opacity < 1)) g.opacityStops = opacity;
-  if (num2(grad, "Intr", 0) > 0) notes.add("gradient smoothness is drawn as straight segments");
+  if (num3(grad, "Intr", 0) > 0) notes.add("gradient smoothness is drawn as straight segments");
   return g;
 }
 function gradientItems(g) {
@@ -8579,9 +9338,9 @@ function patternRefDesc(patternId, name) {
 function placementOf(d) {
   const phase = descObject(d, "phase");
   return {
-    angle: clamp3(num2(d, "Angl", 0), -360, 360),
+    angle: clamp3(num3(d, "Angl", 0), -360, 360),
     link: descBool(d, "Algn") !== false,
-    phase: phase ? { x: num2(phase, "Hrzn", 0), y: num2(phase, "Vrtc", 0) } : { x: 0, y: 0 }
+    phase: phase ? { x: num3(phase, "Hrzn", 0), y: num3(phase, "Vrtc", 0) } : { x: 0, y: 0 }
   };
 }
 function placementItems(angle, link, phase) {
@@ -8616,16 +9375,16 @@ function common(d, kind, notes) {
   return { id: newEffectId(), enabled: descBool(d, "enab") !== false, blend: blendOf(d, "Md  ", def.blend, notes), opacity: clamp3(pct(d, "Opct", def.opacity), 0, 1) };
 }
 function readOne(kind, d, notes) {
-  const size = (key, fallback) => clamp3(num2(d, key, fallback), 0, 250);
+  const size = (key, fallback) => clamp3(num3(d, key, fallback), 0, 250);
   switch (kind) {
     case "drop-shadow":
     case "inner-shadow": {
       const base = {
         ...common(d, kind, notes),
         color: colorOf(descObject(d, "Clr ")),
-        angle: clamp3(num2(d, "lagl", 120), -360, 360),
+        angle: clamp3(num3(d, "lagl", 120), -360, 360),
         useGlobalLight: descBool(d, "uglg") !== false,
-        distance: clamp3(num2(d, "Dstn", 5), 0, 3e4),
+        distance: clamp3(num3(d, "Dstn", 5), 0, 3e4),
         size: size("blur", 5),
         contour: contourOf(d, "TrnS"),
         antiAlias: bool(d, "AntA"),
@@ -8664,9 +9423,9 @@ function readOne(kind, d, notes) {
         depth: clamp3(pct(d, "srgR", 1), 0, 10),
         direction: enumOf2(d, "bvlD") === "Out " ? "down" : "up",
         size: size("blur", 5),
-        soften: clamp3(num2(d, "Sftn", 0), 0, 16),
-        angle: clamp3(num2(d, "lagl", 120), -360, 360),
-        altitude: clamp3(num2(d, "Lald", 30), 0, 90),
+        soften: clamp3(num3(d, "Sftn", 0), 0, 16),
+        angle: clamp3(num3(d, "lagl", 120), -360, 360),
+        altitude: clamp3(num3(d, "Lald", 30), 0, 90),
         useGlobalLight: descBool(d, "uglg") !== false,
         glossContour: contourOf(d, "TrnS"),
         highlightColor: colorOf(descObject(d, "hglC"), "#ffffff"),
@@ -8689,7 +9448,7 @@ function readOne(kind, d, notes) {
         ...common(d, kind, notes),
         kind,
         color: colorOf(descObject(d, "Clr ")),
-        angle: clamp3(num2(d, "lagl", 19), -360, 360),
+        angle: clamp3(num3(d, "lagl", 19), -360, 360),
         distance: size("Dstn", 11),
         size: size("blur", 14),
         contour: contourOf(d, "MpgS"),
@@ -9461,6 +10220,7 @@ export {
   removeAlpha,
   SHAPE_OPERATIONS,
   LIVE_SHAPE_KINDS,
+  TEXT_ALIGNS,
   newLayerId,
   pixelLayers,
   developFilter,
@@ -9536,6 +10296,40 @@ export {
   shapeFromAnnotation,
   annotationBlend,
   annotationOfShape,
+  DEFAULT_TEXT_STYLE,
+  DEFAULT_AUTO_LEADING,
+  fitRuns,
+  styleAt,
+  restyleRange,
+  spliceRuns,
+  paragraphRanges,
+  fitParagraphRuns,
+  fontOf,
+  layoutText,
+  textIndexAt,
+  caretAt,
+  TEXT_RENDER_MARGIN,
+  textMatrix,
+  textOutlines,
+  renderText,
+  rerenderText,
+  TEXT_STYLE_FIELDS,
+  patchTextStyle,
+  PARAGRAPH_STYLE_FIELDS,
+  patchParagraphStyle,
+  textRange,
+  requireTypeLayer,
+  normalizeText,
+  typeLayerName,
+  createTypeLayer,
+  updateTypeLayer,
+  replaceTextRange,
+  transformTypeLayer,
+  typeFrame,
+  typeAsPixelLayer,
+  toTextSpace,
+  typeFromAnnotation,
+  annotationOfType,
   BACKGROUND_LAYER_ID,
   BACKGROUND_LAYER_NAME,
   DEVELOP_FILTER_ID,
@@ -9654,4 +10448,4 @@ export {
   smartContentsFile,
   exportPsd
 };
-//# sourceMappingURL=chunk-DMRSJBJF.js.map
+//# sourceMappingURL=chunk-HHZ6ZJTW.js.map