@pixerate/editor 0.264.1 → 0.265.0

package/dist/{chunk-3CI7FRMK.js → chunk-DVPQFMH6.js}

@@ -1,3 +1,8 @@
+import {
+  isDualColor,
+  resolveColor
+} from "./chunk-VR6OGHU5.js";
+
 // src/image-editor/layers/css-color.ts
 var NAMED = {
   aliceblue: "f0f8ff",
@@ -194,6 +199,13 @@ function parseCssColor(value) {
   return null;
 }
 
+// src/brushes/colour.ts
+function brushColourHex(value, scheme) {
+  const css = typeof value === "string" || isDualColor(value) ? resolveColor(value, scheme) : null;
+  return css ? parseCssColor(css)?.hex.toLowerCase() ?? null : null;
+}
+
 export {
-  parseCssColor
+  parseCssColor,
+  brushColourHex
 };

package/dist/{chunk-EE7SAYBF.js → chunk-J4SGJCPW.js}

@@ -2443,7 +2443,7 @@ var BRUSH_PRESETS = [
     tip: { shape: "round", size: 3, hardness: 0.95, spacing: 0.05, opacity: 0.9 },
     dynamics: { smoothing: 0.35, pressureSmoothing: 0.3, pressureOpacity: true, minSize: 0.7, opacityJitter: 0.08 },
     behaviour: { grain: 0.15 },
-    colour: { default: "#1e3a8a", palette: ["#1e3a8a", "#111827", "#b91c1c", "#166534"] }
+    colour: { default: { light: "#1e3a8a", dark: "#93c5fd" }, palette: [{ light: "#1e3a8a", dark: "#93c5fd" }, { light: "#111827", dark: "#f3f4f6" }, "#b91c1c", "#166534"] }
   },
   // A gel pen: an even, opaque, saturated line.
   {
@@ -2454,7 +2454,7 @@ var BRUSH_PRESETS = [
     variety: "gel",
     tip: { shape: "round", size: 4, spacing: 0.04 },
     dynamics: { smoothing: 0.3, pressureSmoothing: 0.3, minSize: 0.8 },
-    colour: { default: "#111827", palette: ["#111827", "#7c3aed", "#db2777", "#0891b2", "#16a34a", "#f59e0b"] }
+    colour: { default: { light: "#111827", dark: "#f3f4f6" }, palette: [{ light: "#111827", dark: "#f3f4f6" }, "#7c3aed", "#db2777", "#0891b2", "#16a34a", "#f59e0b"] }
   },
   // A fineliner: one width, whatever the pressure.
   {
@@ -2465,7 +2465,7 @@ var BRUSH_PRESETS = [
     variety: "fineliner",
     tip: { shape: "round", size: 2, spacing: 0.05 },
     dynamics: { smoothing: 0.4, pressureSize: false },
-    colour: { default: "#111827" }
+    colour: { default: { light: "#111827", dark: "#f3f4f6" } }
   },
   // A wax crayon: waxy, catching the paper's peaks, a little uneven.
   {

package/dist/{chunk-A2IS7EHE.cjs → chunk-JBZRVLXV.cjs}

@@ -1,4 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/image-editor/layers/css-color.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkMLLTWAXHcjs = require('./chunk-MLLTWAXH.cjs');
+
+// src/image-editor/layers/css-color.ts
 var NAMED = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
@@ -194,6 +199,13 @@ function parseCssColor(value) {
   return null;
 }
 
+// src/brushes/colour.ts
+function brushColourHex(value, scheme) {
+  const css = typeof value === "string" || _chunkMLLTWAXHcjs.isDualColor.call(void 0, value) ? _chunkMLLTWAXHcjs.resolveColor.call(void 0, value, scheme) : null;
+  return css ? _nullishCoalesce(_optionalChain([parseCssColor, 'call', _ => _(css), 'optionalAccess', _2 => _2.hex, 'access', _3 => _3.toLowerCase, 'call', _4 => _4()]), () => ( null)) : null;
+}
+
+
 
 
-exports.parseCssColor = parseCssColor;
+exports.parseCssColor = parseCssColor; exports.brushColourHex = brushColourHex;

package/dist/{chunk-V7MJ4HIN.cjs → chunk-NOP4Y5AB.cjs}

@@ -5,7 +5,7 @@
 
 
 
-var _chunkUSJX5SW4cjs = require('./chunk-USJX5SW4.cjs');
+var _chunkZHRVCW3Mcjs = require('./chunk-ZHRVCW3M.cjs');
 
 
 var _chunkGF2RBSDMcjs = require('./chunk-GF2RBSDM.cjs');
@@ -1361,12 +1361,12 @@ var unit = (x, y) => {
   return l > 1e-12 && Number.isFinite(l) ? [x / l, y / l] : null;
 };
 function cubicOf(sp, i) {
-  const s = _chunkUSJX5SW4cjs.subpathSegment.call(void 0, sp, i);
+  const s = _chunkZHRVCW3Mcjs.subpathSegment.call(void 0, sp, i);
   if (s.length === 4) return s;
   const [a, b] = s;
   return [a, [a[0] + (b[0] - a[0]) / 3, a[1] + (b[1] - a[1]) / 3], [a[0] + 2 * (b[0] - a[0]) / 3, a[1] + 2 * (b[1] - a[1]) / 3], b];
 }
-var isLine = (sp, i) => _chunkUSJX5SW4cjs.subpathSegment.call(void 0, sp, i).length === 2;
+var isLine = (sp, i) => _chunkZHRVCW3Mcjs.subpathSegment.call(void 0, sp, i).length === 2;
 function startTangent(c) {
   for (let k = 1; k < 4; k++) {
     const u = unit(c[k][0] - c[0][0], c[k][1] - c[0][1]);
@@ -1386,10 +1386,10 @@ function sample(c, n, out, withStart) {
 }
 var onAnchor = (a, h) => !h || Math.abs(h.x - a.x) < EPS && Math.abs(h.y - a.y) < EPS;
 function tidy(a, keepType = true) {
-  const next = _chunkUSJX5SW4cjs.cloneAnchor.call(void 0, a);
+  const next = _chunkZHRVCW3Mcjs.cloneAnchor.call(void 0, a);
   if (onAnchor(next, next.in)) delete next.in;
   if (onAnchor(next, next.out)) delete next.out;
-  const shown = _chunkUSJX5SW4cjs.inferAnchorType.call(void 0, next);
+  const shown = _chunkZHRVCW3Mcjs.inferAnchorType.call(void 0, next);
   const type = keepType && a.type ? a.type === "symmetric" && shown !== "symmetric" ? shown === "corner" ? "corner" : "smooth" : a.type === "smooth" && shown === "corner" ? "corner" : a.type : shown;
   if (type === "corner") delete next.type;
   else next.type = type;
@@ -1433,7 +1433,7 @@ function fitAcross(pts, N, t0, t1) {
   return goldenMin(fit, 0, 1);
 }
 function removeAnchorKeepingShape(sp, index) {
-  const anchors = sp.anchors.map(_chunkUSJX5SW4cjs.cloneAnchor);
+  const anchors = sp.anchors.map(_chunkZHRVCW3Mcjs.cloneAnchor);
   const n = anchors.length;
   if (index < 0 || index >= n) return { anchors, closed: sp.closed };
   if ((sp.closed || index > 0 && index < n - 1) && n >= 3) {
@@ -1467,12 +1467,12 @@ function removeAnchorKeepingShape(sp, index) {
 }
 function removeAnchorsKeepingShape(sp, indices) {
   const order = [...new Set(indices)].filter((i) => i >= 0 && i < sp.anchors.length).sort((a, b) => b - a);
-  return order.reduce((acc, i) => removeAnchorKeepingShape(acc, i), { anchors: sp.anchors.map(_chunkUSJX5SW4cjs.cloneAnchor), closed: sp.closed });
+  return order.reduce((acc, i) => removeAnchorKeepingShape(acc, i), { anchors: sp.anchors.map(_chunkZHRVCW3Mcjs.cloneAnchor), closed: sp.closed });
 }
 function bendSegment(sp, segment, t, p) {
-  const anchors = sp.anchors.map(_chunkUSJX5SW4cjs.cloneAnchor);
+  const anchors = sp.anchors.map(_chunkZHRVCW3Mcjs.cloneAnchor);
   const n = anchors.length;
-  if (segment < 0 || segment >= _chunkUSJX5SW4cjs.subpathSegmentCount.call(void 0, sp) || !Number.isFinite(t) || !Number.isFinite(p.x) || !Number.isFinite(p.y)) return { anchors, closed: sp.closed };
+  if (segment < 0 || segment >= _chunkZHRVCW3Mcjs.subpathSegmentCount.call(void 0, sp) || !Number.isFinite(t) || !Number.isFinite(p.x) || !Number.isFinite(p.y)) return { anchors, closed: sp.closed };
   const tc = Math.min(0.95, Math.max(0.05, t));
   const ia = segment;
   const ib = (segment + 1) % n;
@@ -1483,16 +1483,16 @@ function bendSegment(sp, segment, t, p) {
   const oy = (p.y - (a.y + (b.y - a.y) * tc)) / k;
   const c1 = { x: a.x + (b.x - a.x) / 3 + ox, y: a.y + (b.y - a.y) / 3 + oy };
   const c2 = { x: b.x + (a.x - b.x) / 3 + ox, y: b.y + (a.y - b.y) / 3 + oy };
-  anchors[ia] = _chunkUSJX5SW4cjs.moveAnchorHandle.call(void 0, a, "out", c1);
-  anchors[ib] = _chunkUSJX5SW4cjs.moveAnchorHandle.call(void 0, b, "in", c2);
+  anchors[ia] = _chunkZHRVCW3Mcjs.moveAnchorHandle.call(void 0, a, "out", c1);
+  anchors[ib] = _chunkZHRVCW3Mcjs.moveAnchorHandle.call(void 0, b, "in", c2);
   return { anchors, closed: sp.closed };
 }
 function subpathPointAt(sp, segment, t) {
-  const [x, y] = _chunkGF2RBSDMcjs.segmentPoint.call(void 0, _chunkUSJX5SW4cjs.subpathSegment.call(void 0, sp, segment), t);
+  const [x, y] = _chunkGF2RBSDMcjs.segmentPoint.call(void 0, _chunkZHRVCW3Mcjs.subpathSegment.call(void 0, sp, segment), t);
   return { x, y };
 }
 function curvatureMoveAnchor(sp, index, q) {
-  const anchors = sp.anchors.map(_chunkUSJX5SW4cjs.cloneAnchor);
+  const anchors = sp.anchors.map(_chunkZHRVCW3Mcjs.cloneAnchor);
   const a = sp.anchors[index];
   if (!a) return { anchors, closed: sp.closed };
   const own = [
@@ -1538,7 +1538,7 @@ function curvatureMoveAnchor(sp, index, q) {
 function cutSubpathAt(sp, at) {
   const n = sp.anchors.length;
   const cuts = [...new Set(at)].filter((i) => Number.isInteger(i) && i >= 0 && i < n && (sp.closed || i > 0 && i < n - 1)).sort((a, b) => a - b);
-  if (!cuts.length || n < 2) return [{ anchors: sp.anchors.map(_chunkUSJX5SW4cjs.cloneAnchor), closed: sp.closed }];
+  if (!cuts.length || n < 2) return [{ anchors: sp.anchors.map(_chunkZHRVCW3Mcjs.cloneAnchor), closed: sp.closed }];
   const first = cuts[0];
   const run = sp.closed ? Array.from({ length: n + 1 }, (_, i) => sp.anchors[(first + i) % n]) : sp.anchors;
   const cutSet = new Set(sp.closed ? [...cuts.map((c) => (c - first + n) % n), n] : cuts);
@@ -1546,7 +1546,7 @@ function cutSubpathAt(sp, at) {
   let cur = [];
   run.forEach((a, i) => {
     if (!cutSet.has(i)) {
-      cur.push(_chunkUSJX5SW4cjs.cloneAnchor.call(void 0, a));
+      cur.push(_chunkZHRVCW3Mcjs.cloneAnchor.call(void 0, a));
       return;
     }
     if (cur.length) {
@@ -1561,10 +1561,10 @@ function cutSubpathAt(sp, at) {
 }
 function splitSubpathAt(sp, segment, t, endTolerance = 1e-6) {
   const n = sp.anchors.length;
-  if (segment < 0 || segment >= _chunkUSJX5SW4cjs.subpathSegmentCount.call(void 0, sp)) return [{ anchors: sp.anchors.map(_chunkUSJX5SW4cjs.cloneAnchor), closed: sp.closed }];
+  if (segment < 0 || segment >= _chunkZHRVCW3Mcjs.subpathSegmentCount.call(void 0, sp)) return [{ anchors: sp.anchors.map(_chunkZHRVCW3Mcjs.cloneAnchor), closed: sp.closed }];
   if (t <= endTolerance) return cutSubpathAt(sp, [segment]);
   if (t >= 1 - endTolerance) return cutSubpathAt(sp, [(segment + 1) % n]);
-  const { subpath, index } = _chunkUSJX5SW4cjs.insertAnchor.call(void 0, sp, segment, t);
+  const { subpath, index } = _chunkZHRVCW3Mcjs.insertAnchor.call(void 0, sp, segment, t);
   return cutSubpathAt(subpath, [index]);
 }
 var endOf = (sp, last) => sp.anchors[last ? sp.anchors.length - 1 : 0];
@@ -1587,7 +1587,7 @@ function joinSubpaths(subpaths, tolerance) {
   const closed = [];
   let open = [];
   for (const sp of subpaths) {
-    const copy = { anchors: sp.anchors.map(_chunkUSJX5SW4cjs.cloneAnchor), closed: sp.closed };
+    const copy = { anchors: sp.anchors.map(_chunkZHRVCW3Mcjs.cloneAnchor), closed: sp.closed };
     if (sp.closed || sp.anchors.length < 2) {
       if (sp.anchors.length) closed.push(copy);
     } else open.push(copy);
@@ -1642,7 +1642,7 @@ function smoothSubpath(sp, amount = 1, only) {
   const t = Math.min(1, Math.max(0, amount));
   const orig = sp.anchors;
   const n = orig.length;
-  const anchors = orig.map(_chunkUSJX5SW4cjs.cloneAnchor);
+  const anchors = orig.map(_chunkZHRVCW3Mcjs.cloneAnchor);
   if (n < 3 || t === 0) return { anchors, closed: sp.closed };
   for (let i = 0; i < n; i++) {
     if (!sp.closed && (i === 0 || i === n - 1)) continue;
@@ -1671,8 +1671,8 @@ function smoothSubpath(sp, amount = 1, only) {
 }
 function segsOf(sp) {
   const out = [];
-  for (let i = 0; i < _chunkUSJX5SW4cjs.subpathSegmentCount.call(void 0, sp); i++) {
-    const s = _chunkUSJX5SW4cjs.subpathSegment.call(void 0, sp, i);
+  for (let i = 0; i < _chunkZHRVCW3Mcjs.subpathSegmentCount.call(void 0, sp); i++) {
+    const s = _chunkZHRVCW3Mcjs.subpathSegment.call(void 0, sp, i);
     out.push(s.length === 2 ? { c: s, line: true } : { c: s, line: false });
   }
   return out;
@@ -1729,7 +1729,7 @@ function removeRedundantPoints(sp, tolerance) {
   const tol = Math.max(tolerance, 1e-9);
   const types = new Map(sp.anchors.filter((a) => a.type).map((a) => [`${a.x},${a.y}`, a.type]));
   const segs = segsOf(sp).filter((s) => !isZeroSeg(s));
-  if (!segs.length) return { anchors: sp.anchors.map(_chunkUSJX5SW4cjs.cloneAnchor), closed: sp.closed };
+  if (!segs.length) return { anchors: sp.anchors.map(_chunkZHRVCW3Mcjs.cloneAnchor), closed: sp.closed };
   const minSegs = sp.closed ? 2 : 1;
   let changed = true;
   while (changed && segs.length > minSegs) {
@@ -1747,7 +1747,7 @@ function removeRedundantPoints(sp, tolerance) {
       break;
     }
   }
-  return _nullishCoalesce(segsToSubpath(segs, sp.closed, types), () => ( { anchors: sp.anchors.map(_chunkUSJX5SW4cjs.cloneAnchor), closed: sp.closed }));
+  return _nullishCoalesce(segsToSubpath(segs, sp.closed, types), () => ( { anchors: sp.anchors.map(_chunkZHRVCW3Mcjs.cloneAnchor), closed: sp.closed }));
 }
 
 

package/dist/{chunk-FQC5TDB6.cjs → chunk-O53MOGXG.cjs}

@@ -18,7 +18,7 @@
 
 
 
-var _chunkUSJX5SW4cjs = require('./chunk-USJX5SW4.cjs');
+var _chunkZHRVCW3Mcjs = require('./chunk-ZHRVCW3M.cjs');
 
 
 
@@ -37,7 +37,7 @@ var lerpP = (a, b, t) => [a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t];
 var toP = (v) => [v.x, v.y];
 var mapP = (m, p) => [m[0] * p[0] + m[2] * p[1] + m[4], m[1] * p[0] + m[3] * p[1] + m[5]];
 var curvesOf = (c) => Math.max(0, (c.pts.length - 1) / 3) | 0;
-function subpathToMorphContour(sp, m = _chunkUSJX5SW4cjs.IDENTITY_MATRIX) {
+function subpathToMorphContour(sp, m = _chunkZHRVCW3Mcjs.IDENTITY_MATRIX) {
   const n = sp.anchors.length;
   if (!n) return null;
   const first = mapP(m, toP(sp.anchors[0]));
@@ -67,8 +67,8 @@ function isStraight(p0, p1, p2, p3) {
   const u2 = along(p2);
   return off(p1) < tol && off(p2) < tol && u1 >= -1e-9 && u1 <= 1 + 1e-9 && u2 >= -1e-9 && u2 <= 1 + 1e-9;
 }
-function morphContourToSubpath(c, m = _chunkUSJX5SW4cjs.IDENTITY_MATRIX, closed = c.closed) {
-  const pts = _chunkUSJX5SW4cjs.isIdentityMatrix.call(void 0, m) ? c.pts : c.pts.map((p) => mapP(m, p));
+function morphContourToSubpath(c, m = _chunkZHRVCW3Mcjs.IDENTITY_MATRIX, closed = c.closed) {
+  const pts = _chunkZHRVCW3Mcjs.isIdentityMatrix.call(void 0, m) ? c.pts : c.pts.map((p) => mapP(m, p));
   const curves = curvesOf(c);
   const dropLast = closed && c.closed && curves > 0;
   const count = dropLast ? curves : curves + 1;
@@ -84,7 +84,7 @@ function morphContourToSubpath(c, m = _chunkUSJX5SW4cjs.IDENTITY_MATRIX, closed
     anchors[(k + 1) % count].in = { x: p2[0], y: p2[1] };
   }
   for (const a of anchors) {
-    const type = _chunkUSJX5SW4cjs.inferAnchorType.call(void 0, a);
+    const type = _chunkZHRVCW3Mcjs.inferAnchorType.call(void 0, a);
     if (type !== "corner") a.type = type;
   }
   const isClosed = closed && curves > 0;
@@ -267,7 +267,7 @@ function bestStart(fixed, free, useShapeContext) {
   return best;
 }
 function placeIn(c, from, to) {
-  const b = _chunkUSJX5SW4cjs.unionBounds.call(void 0, [boundsOfPoints(c.pts)]);
+  const b = _chunkZHRVCW3Mcjs.unionBounds.call(void 0, [boundsOfPoints(c.pts)]);
   const p = b ? [b.x + b.width / 2, b.y + b.height / 2] : c.pts[0];
   if (!from || !to) return p;
   const fx = from.width > 0 ? (p[0] - from.x) / from.width : 0.5;
@@ -456,7 +456,7 @@ function interpolateVectorColor(a, b, t) {
 }
 function resampleGradientStops(g, offsets) {
   return offsets.map((offset) => {
-    const s = _chunkUSJX5SW4cjs.sampleVectorGradient.call(void 0, g, offset);
+    const s = _chunkZHRVCW3Mcjs.sampleVectorGradient.call(void 0, g, offset);
     return s.opacity < 1 ? { offset, color: s.color, opacity: Math.round(s.opacity * 1e4) / 1e4 } : { offset, color: s.color };
   });
 }
@@ -467,11 +467,11 @@ function lerpAngle(a, b, t) {
 var lerpPoint = (a, b, t) => ({ x: lerpN(a.x, b.x, t), y: lerpN(a.y, b.y, t) });
 var sameColourModel = (a, b) => (_nullishCoalesce(a.interpolation, () => ( "srgb"))) === (_nullishCoalesce(b.interpolation, () => ( "srgb"))) && (_nullishCoalesce(a.smoothness, () => ( 0))) === (_nullishCoalesce(b.smoothness, () => ( 0)));
 function lerpStops(a, b, t) {
-  let stopsA = _chunkUSJX5SW4cjs.sortedVectorGradientStops.call(void 0, a);
-  let stopsB = _chunkUSJX5SW4cjs.sortedVectorGradientStops.call(void 0, b);
+  let stopsA = _chunkZHRVCW3Mcjs.sortedVectorGradientStops.call(void 0, a);
+  let stopsB = _chunkZHRVCW3Mcjs.sortedVectorGradientStops.call(void 0, b);
   const resampled = stopsA.length !== stopsB.length || !sameColourModel(a, b);
   if (resampled) {
-    const offs = [..._chunkUSJX5SW4cjs.expandVectorGradientStops.call(void 0, a), ..._chunkUSJX5SW4cjs.expandVectorGradientStops.call(void 0, b), ...stopsA, ...stopsB].map((s) => s.offset).filter(Number.isFinite).sort((x, y) => x - y);
+    const offs = [..._chunkZHRVCW3Mcjs.expandVectorGradientStops.call(void 0, a), ..._chunkZHRVCW3Mcjs.expandVectorGradientStops.call(void 0, b), ...stopsA, ...stopsB].map((s) => s.offset).filter(Number.isFinite).sort((x, y) => x - y);
     const common = offs.filter((o, i) => i === 0 || o - offs[i - 1] > 1e-4);
     stopsA = resampleGradientStops(a, common);
     stopsB = resampleGradientStops(b, common);
@@ -498,8 +498,8 @@ function lerpGradient(a, b, t) {
   }
   if (near.spread && near.spread !== "pad") out.spread = near.spread;
   if (near.strokeMode && near.strokeMode !== "within") out.strokeMode = near.strokeMode;
-  const ea = _chunkUSJX5SW4cjs.hasExplicitGradientGeometry.call(void 0, a);
-  const eb = _chunkUSJX5SW4cjs.hasExplicitGradientGeometry.call(void 0, b);
+  const ea = _chunkZHRVCW3Mcjs.hasExplicitGradientGeometry.call(void 0, a);
+  const eb = _chunkZHRVCW3Mcjs.hasExplicitGradientGeometry.call(void 0, b);
   if (!ea && !eb) {
     if (a.angle !== void 0 || b.angle !== void 0 || a.type === "linear" || a.type === "reflected") {
       const fallback = a.type === "linear" || a.type === "reflected" ? 180 : 90;
@@ -512,10 +512,10 @@ function lerpGradient(a, b, t) {
     }
     return out;
   }
-  const pa = _chunkUSJX5SW4cjs.vectorGradientPoints.call(void 0, a);
-  const pb = _chunkUSJX5SW4cjs.vectorGradientPoints.call(void 0, b);
+  const pa = _chunkZHRVCW3Mcjs.vectorGradientPoints.call(void 0, a);
+  const pb = _chunkZHRVCW3Mcjs.vectorGradientPoints.call(void 0, b);
   if (pa.units !== pb.units) {
-    const src = _chunkUSJX5SW4cjs.explicitVectorGradient.call(void 0, near);
+    const src = _chunkZHRVCW3Mcjs.explicitVectorGradient.call(void 0, near);
     return { ...src, stops: out.stops, ...out.interpolation ? { interpolation: out.interpolation } : {}, ...out.smoothness ? { smoothness: out.smoothness } : {} };
   }
   out.start = lerpPoint(pa.start, pb.start, t);
@@ -535,14 +535,14 @@ function solidLike(color, like) {
 function interpolateVectorPaint(a, b, t) {
   if (t <= 0) return a;
   if (t >= 1) return b;
-  const pa = _chunkUSJX5SW4cjs.hasPaint.call(void 0, a);
-  const pb = _chunkUSJX5SW4cjs.hasPaint.call(void 0, b);
+  const pa = _chunkZHRVCW3Mcjs.hasPaint.call(void 0, a);
+  const pb = _chunkZHRVCW3Mcjs.hasPaint.call(void 0, b);
   if (!pa && !pb) return t < 0.5 ? a : b;
   if (typeof a === "string" && pa && typeof b === "string" && pb) return interpolateVectorColor(a, b, t);
   if (!pa && typeof b === "string") return interpolateVectorColor("transparent", b, t);
   if (!pb && typeof a === "string") return interpolateVectorColor(a, "transparent", t);
-  const ga = pa && _chunkUSJX5SW4cjs.isVectorGradient.call(void 0, a) ? a : null;
-  const gb = pb && _chunkUSJX5SW4cjs.isVectorGradient.call(void 0, b) ? b : null;
+  const ga = pa && _chunkZHRVCW3Mcjs.isVectorGradient.call(void 0, a) ? a : null;
+  const gb = pb && _chunkZHRVCW3Mcjs.isVectorGradient.call(void 0, b) ? b : null;
   if (ga && gb) return _nullishCoalesce(lerpGradient(ga, gb, t), () => ( (t < 0.5 ? a : b)));
   if (gb) return _nullishCoalesce(lerpGradient(solidLike(pa ? a : null, gb), gb, t), () => ( b));
   if (ga) return _nullishCoalesce(lerpGradient(ga, solidLike(pb ? b : null, ga), t), () => ( a));
@@ -553,8 +553,8 @@ function interpolateWidthProfiles(a, b, t) {
   const at = [..._nullishCoalesce(a, () => ( [])), ..._nullishCoalesce(b, () => ( [])), { t: 0 }, { t: 1 }].map((p) => p.t).sort((x, y) => x - y);
   const ts = at.filter((v, i) => i === 0 || v - at[i - 1] > 1e-6);
   return ts.map((pos) => {
-    const x = _chunkUSJX5SW4cjs.widthProfileAt.call(void 0, a, pos);
-    const y = _chunkUSJX5SW4cjs.widthProfileAt.call(void 0, b, pos);
+    const x = _chunkZHRVCW3Mcjs.widthProfileAt.call(void 0, a, pos);
+    const y = _chunkZHRVCW3Mcjs.widthProfileAt.call(void 0, b, pos);
     return { t: pos, left: lerpN(x.left, y.left, t), right: lerpN(x.right, y.right, t) };
   });
 }
@@ -597,7 +597,7 @@ function reversedStyle(s) {
   out.endArrow = s.startArrow;
   out.startArrowScale = s.endArrowScale;
   out.endArrowScale = s.startArrowScale;
-  if (_optionalChain([s, 'access', _6 => _6.strokeWidthProfile, 'optionalAccess', _7 => _7.length])) out.strokeWidthProfile = _chunkUSJX5SW4cjs.reverseWidthProfile.call(void 0, s.strokeWidthProfile);
+  if (_optionalChain([s, 'access', _6 => _6.strokeWidthProfile, 'optionalAccess', _7 => _7.length])) out.strokeWidthProfile = _chunkZHRVCW3Mcjs.reverseWidthProfile.call(void 0, s.strokeWidthProfile);
   for (const k of ["startArrow", "endArrow", "startArrowScale", "endArrowScale"]) if (out[k] === void 0) delete out[k];
   return out;
 }
@@ -623,19 +623,19 @@ function styleOf(n) {
   return out;
 }
 function contoursOf(node, m) {
-  return _chunkUSJX5SW4cjs.expandVectorCorners.call(void 0, node.subpaths).map((sp) => subpathToMorphContour(sp, m)).filter((c) => !!c);
+  return _chunkZHRVCW3Mcjs.expandVectorCorners.call(void 0, node.subpaths).map((sp) => subpathToMorphContour(sp, m)).filter((c) => !!c);
 }
-function preparePathMorph(a, b, options, ma = _chunkUSJX5SW4cjs.nodeMatrix.call(void 0, a), mb = _chunkUSJX5SW4cjs.nodeMatrix.call(void 0, b)) {
+function preparePathMorph(a, b, options, ma = _chunkZHRVCW3Mcjs.nodeMatrix.call(void 0, a), mb = _chunkZHRVCW3Mcjs.nodeMatrix.call(void 0, b)) {
   const corr = correspondMorphContours(contoursOf(a, ma), contoursOf(b, mb), options);
   const sim = procrustes(corr.a, corr.b);
   const styleA = styleOf(a);
   const styleB = corr.reversed ? reversedStyle(styleOf(b)) : styleOf(b);
-  const rigid = !_chunkUSJX5SW4cjs.isIdentityMatrix.call(void 0, ma) || !_chunkUSJX5SW4cjs.isIdentityMatrix.call(void 0, mb);
+  const rigid = !_chunkZHRVCW3Mcjs.isIdentityMatrix.call(void 0, ma) || !_chunkZHRVCW3Mcjs.isIdentityMatrix.call(void 0, mb);
   const id = _nullishCoalesce(options.id, () => ( a.id));
   return (t) => {
     const contours = interpolateMorphContours(corr.a, corr.b, t, { linear: options.linear, rigidity: options.rigidity, similarity: sim });
-    const m = rigid ? interpolateRigidMatrix(ma, mb, t) : _chunkUSJX5SW4cjs.IDENTITY_MATRIX;
-    const back = rigid ? _chunkUSJX5SW4cjs.invertMatrix.call(void 0, m) : _chunkUSJX5SW4cjs.IDENTITY_MATRIX;
+    const m = rigid ? interpolateRigidMatrix(ma, mb, t) : _chunkZHRVCW3Mcjs.IDENTITY_MATRIX;
+    const back = rigid ? _chunkZHRVCW3Mcjs.invertMatrix.call(void 0, m) : _chunkZHRVCW3Mcjs.IDENTITY_MATRIX;
     const subpaths = contours.map((c, k) => {
       const closed = t <= 0 ? corr.a[k].closed : t >= 1 ? corr.b[k].closed : corr.a[k].closed && corr.b[k].closed;
       return morphContourToSubpath({ closed: corr.a[k].closed && corr.b[k].closed, pts: c.pts }, back, closed);
@@ -643,14 +643,14 @@ function preparePathMorph(a, b, options, ma = _chunkUSJX5SW4cjs.nodeMatrix.call(
     const node = { id, type: "path", subpaths, ...interpolateVectorStyle(styleA, styleB, t) };
     const opacity = lerpN(_nullishCoalesce(a.opacity, () => ( 1)), _nullishCoalesce(b.opacity, () => ( 1)), t);
     if (opacity < 1) node.opacity = opacity;
-    if (rigid && !_chunkUSJX5SW4cjs.isIdentityMatrix.call(void 0, m)) node.transform = m;
+    if (rigid && !_chunkZHRVCW3Mcjs.isIdentityMatrix.call(void 0, m)) node.transform = m;
     return node;
   };
 }
-function flattenPaths(node, parent = _chunkUSJX5SW4cjs.IDENTITY_MATRIX) {
-  const m = _chunkUSJX5SW4cjs.multiplyMatrices.call(void 0, _chunkUSJX5SW4cjs.nodeMatrix.call(void 0, node), parent);
+function flattenPaths(node, parent = _chunkZHRVCW3Mcjs.IDENTITY_MATRIX) {
+  const m = _chunkZHRVCW3Mcjs.multiplyMatrices.call(void 0, _chunkZHRVCW3Mcjs.nodeMatrix.call(void 0, node), parent);
   if (node.type === "path") return [{ path: node, m, opacity: 1 }];
-  if (node.type === "text" || node.type === "instance") return flattenPaths(_chunkUSJX5SW4cjs.expandVectorAppearance.call(void 0, node), parent);
+  if (node.type === "text" || node.type === "instance") return flattenPaths(_chunkZHRVCW3Mcjs.expandVectorAppearance.call(void 0, node), parent);
   const o = _nullishCoalesce(node.opacity, () => ( 1));
   return node.children.filter((c) => c.visible !== false).flatMap((c) => flattenPaths(c, m)).map((e) => ({ ...e, opacity: e.opacity * o }));
 }
@@ -672,8 +672,8 @@ function createVectorMorph(a, b, options = {}) {
   }
   const pa = flattenPaths(a);
   const pb = flattenPaths(b);
-  const ba = _chunkUSJX5SW4cjs.unionBounds.call(void 0, pa.map((e) => placedBounds(e.path, e.m)));
-  const bb = _chunkUSJX5SW4cjs.unionBounds.call(void 0, pb.map((e) => placedBounds(e.path, e.m)));
+  const ba = _chunkZHRVCW3Mcjs.unionBounds.call(void 0, pa.map((e) => placedBounds(e.path, e.m)));
+  const bb = _chunkZHRVCW3Mcjs.unionBounds.call(void 0, pb.map((e) => placedBounds(e.path, e.m)));
   const id = _nullishCoalesce(options.id, () => ( a.id));
   const parts = [];
   const opacities = [];
@@ -685,10 +685,10 @@ function createVectorMorph(a, b, options = {}) {
       parts.push(preparePathMorph(x.path, y.path, sub, x.m, y.m));
       opacities.push([x.opacity, y.opacity]);
     } else if (x) {
-      parts.push(preparePathMorph(x.path, collapsedPath(x.path, x.m, ba, bb), sub, x.m, _chunkUSJX5SW4cjs.IDENTITY_MATRIX));
+      parts.push(preparePathMorph(x.path, collapsedPath(x.path, x.m, ba, bb), sub, x.m, _chunkZHRVCW3Mcjs.IDENTITY_MATRIX));
       opacities.push([x.opacity, x.opacity]);
     } else if (y) {
-      parts.push(preparePathMorph(collapsedPath(y.path, y.m, bb, ba), y.path, sub, _chunkUSJX5SW4cjs.IDENTITY_MATRIX, y.m));
+      parts.push(preparePathMorph(collapsedPath(y.path, y.m, bb, ba), y.path, sub, _chunkZHRVCW3Mcjs.IDENTITY_MATRIX, y.m));
       opacities.push([y.opacity, y.opacity]);
     }
   }

package/dist/{chunk-4OJC4MCD.js → chunk-Q6RVVJW6.js}

@@ -16,7 +16,7 @@ import {
   resolveCategory,
   resolveEngine,
   withKeptIssues
-} from "./chunk-EE7SAYBF.js";
+} from "./chunk-J4SGJCPW.js";
 
 // src/brushes/patch.ts
 var isObject = (v) => typeof v === "object" && v !== null && !Array.isArray(v);

package/dist/{chunk-HAUDEVMC.js → chunk-WY23AUCA.js}

@@ -108,7 +108,7 @@ import {
   transformTextRect,
   translateMatrix,
   warpPresetMesh
-} from "./chunk-WWI6FLH2.js";
+} from "./chunk-7PW6VCNW.js";
 import {
   bezierPathBounds,
   outlineStroke,
@@ -119,7 +119,7 @@ import {
 } from "./chunk-WEIK3UYB.js";
 import {
   parseCssColor
-} from "./chunk-3CI7FRMK.js";
+} from "./chunk-DVPQFMH6.js";
 import {
   MAX_BRUSH_SIZE
 } from "./chunk-GCVFEPJG.js";

package/dist/{chunk-JEML4FSA.js → chunk-XDNWQMHY.js}

@@ -74,7 +74,7 @@ function profileAlongPolyline(points, values, count = 32) {
 var round3 = (v) => Math.round(v * 1e3) / 1e3;
 var loading = null;
 function loadCanvasBrushstrokeRenderer() {
-  loading ??= import("./brushstrokeRender-3MOI7PH4.js").catch((error) => {
+  loading ??= import("./brushstrokeRender-4UB6NRJW.js").catch((error) => {
     loading = null;
     throw error;
   });
@@ -117,7 +117,8 @@ async function renderCanvasBrushSwatch(brush, options = {}, spec) {
   return (await loadCanvasBrushstrokeRenderer()).brushSwatchNow(brush, options, spec);
 }
 var renderCanvasBrushPreview = async (brush, { width, height, color }) => {
-  const url = await renderCanvasBrushSwatch(brush.id, { width, height, color, scale: 1 }, brush);
+  const { light: _light, ...plain } = brush;
+  const url = await renderCanvasBrushSwatch(brush.id, { width, height, color, scale: 1 }, plain);
   return { data: url.replace(/^data:image\/png;base64,/, ""), mimeType: "image/png" };
 };
 

package/dist/{chunk-ROBSFJ6F.js → chunk-Z2Z2OHRM.js}

@@ -18,7 +18,7 @@ import {
   unionBounds,
   vectorGradientPoints,
   widthProfileAt
-} from "./chunk-WWI6FLH2.js";
+} from "./chunk-7PW6VCNW.js";
 import {
   segmentLength,
   segmentParamAtLength,

package/dist/{chunk-USJX5SW4.cjs → chunk-ZHRVCW3M.cjs}

@@ -7,7 +7,7 @@
 
 
 
-var _chunkBY5EBP26cjs = require('./chunk-BY5EBP26.cjs');
+var _chunk677777GHcjs = require('./chunk-677777GH.cjs');
 
 
 var _chunkCVFAAZXEcjs = require('./chunk-CVFAAZXE.cjs');
@@ -51,7 +51,7 @@ var _chunkGF2RBSDMcjs = require('./chunk-GF2RBSDM.cjs');
 var _chunkNM3G4VQTcjs = require('./chunk-NM3G4VQT.cjs');
 
 
-var _chunkLRTR4ASZcjs = require('./chunk-LRTR4ASZ.cjs');
+var _chunkJBZRVLXVcjs = require('./chunk-JBZRVLXV.cjs');
 
 
 
@@ -2536,11 +2536,11 @@ function vectorExtrudeFaces(path, params) {
 
 // src/vector/brushstroke.ts
 var VECTOR_BRUSHSTROKE_SCALE = 2;
-var PRESETS = _chunkBY5EBP26cjs.listPresets.call(void 0, _chunkBY5EBP26cjs.VECTOR_PROFILE).map((spec) => _chunkBY5EBP26cjs.BUILTIN_BRUSHES.find((b) => b.id === spec.id));
+var PRESETS = _chunk677777GHcjs.listPresets.call(void 0, _chunk677777GHcjs.VECTOR_PROFILE).map((spec) => _chunk677777GHcjs.BUILTIN_BRUSHES.find((b) => b.id === spec.id));
 function admitted(spec) {
   try {
-    const brush = _chunkBY5EBP26cjs.normalizeBrushSpec.call(void 0, spec);
-    return _chunkBY5EBP26cjs.checkBrush.call(void 0, brush, _chunkBY5EBP26cjs.VECTOR_PROFILE).ok && _chunkPXDIAYB6cjs.isBrushstrokeBrush.call(void 0, _chunkBY5EBP26cjs.resolveBrush.call(void 0, brush)) ? brush : null;
+    const brush = _chunk677777GHcjs.normalizeBrushSpec.call(void 0, spec);
+    return _chunk677777GHcjs.checkBrush.call(void 0, brush, _chunk677777GHcjs.VECTOR_PROFILE).ok && _chunkPXDIAYB6cjs.isBrushstrokeBrush.call(void 0, _chunk677777GHcjs.resolveBrush.call(void 0, brush)) ? brush : null;
   } catch (e4) {
     return null;
   }
@@ -2549,7 +2549,7 @@ function vectorBrushstrokeBrushes(user = []) {
   const out = [...PRESETS];
   for (const raw of user) {
     const brush = admitted(raw);
-    if (brush && !out.some((b) => b.id === brush.id)) out.push(_chunkBY5EBP26cjs.resolveBrush.call(void 0, brush));
+    if (brush && !out.some((b) => b.id === brush.id)) out.push(_chunk677777GHcjs.resolveBrush.call(void 0, brush));
   }
   return out;
 }
@@ -2559,7 +2559,7 @@ function vectorBrushstrokeBrush(id) {
 function vectorBrushstrokeBrushOf(brush) {
   if (brush.spec) {
     const saved = admitted(brush.spec);
-    return saved && saved.id === brush.brushId ? _chunkBY5EBP26cjs.resolveBrush.call(void 0, saved) : null;
+    return saved && saved.id === brush.brushId ? _chunk677777GHcjs.resolveBrush.call(void 0, saved) : null;
   }
   return vectorBrushstrokeBrush(brush.brushId);
 }
@@ -2567,15 +2567,15 @@ function vectorBrushstrokeBrushError(id, user = []) {
   if (vectorBrushstrokeBrush(id)) return null;
   const saved = user.find((b) => b.id === id);
   const ids = vectorBrushstrokeBrushes(user).map((b) => b.id);
-  const reasons = (b) => _chunkBY5EBP26cjs.checkBrush.call(void 0, b, _chunkBY5EBP26cjs.VECTOR_PROFILE).issues.filter((i) => i.severity === "error").map((i) => `${i.reason} ${i.fix}`).join(" ") || "it is not a dry dab brush.";
+  const reasons = (b) => _chunk677777GHcjs.checkBrush.call(void 0, b, _chunk677777GHcjs.VECTOR_PROFILE).issues.filter((i) => i.severity === "error").map((i) => `${i.reason} ${i.fix}`).join(" ") || "it is not a dry dab brush.";
   if (saved) return admitted(saved) ? null : `Brush "${id}" (${saved.name}) can't paint a brushstroke: ${reasons(saved)} Use one of: ${ids.join(", ")}.`;
-  const preset = _chunkBY5EBP26cjs.BRUSH_PRESETS.find((b) => b.id === id);
+  const preset = _chunk677777GHcjs.BRUSH_PRESETS.find((b) => b.id === id);
   if (preset) return `Brush "${id}" (${preset.name}) can't paint a brushstroke: ${reasons(preset)} Use one of: ${ids.join(", ")}.`;
-  return `Unknown brush "${id}". ${_chunkBY5EBP26cjs.closest.call(void 0, id, ids)}Use one of: ${ids.join(", ")} (vector.listBrushes lists them).`;
+  return `Unknown brush "${id}". ${_chunk677777GHcjs.closest.call(void 0, id, ids)}Use one of: ${ids.join(", ")} (vector.listBrushes lists them).`;
 }
 function vectorBrushstrokeDefaultColour(id, user = [], scheme = "light") {
-  const brush = _nullishCoalesce(_chunkBY5EBP26cjs.BRUSH_PRESETS.find((b) => b.id === id), () => ( user.find((b) => b.id === id)));
-  return brush ? _chunkLRTR4ASZcjs.brushColourHex.call(void 0, _optionalChain([brush, 'access', _55 => _55.colour, 'optionalAccess', _56 => _56.default]), scheme) : null;
+  const brush = _nullishCoalesce(_chunk677777GHcjs.BRUSH_PRESETS.find((b) => b.id === id), () => ( user.find((b) => b.id === id)));
+  return brush ? _chunkJBZRVLXVcjs.brushColourHex.call(void 0, _optionalChain([brush, 'access', _55 => _55.colour, 'optionalAccess', _56 => _56.default]), scheme) : null;
 }
 function sanitizeVectorBrushstroke(value, user = []) {
   if (!value || typeof value !== "object") return null;

package/dist/chunk-ZS7LB2MV.js

@@ -0,0 +1,77 @@
+import {
+  PAINT_PROFILE
+} from "./chunk-J4SGJCPW.js";
+import {
+  brushColourHex
+} from "./chunk-DVPQFMH6.js";
+import {
+  isDualColor
+} from "./chunk-VR6OGHU5.js";
+import {
+  formatHex,
+  toSrgbGamut
+} from "./chunk-JC2SHA4A.js";
+import {
+  contrastRatio,
+  oklabToOklch,
+  oklabToRgb,
+  oklchToOklab,
+  parseColor,
+  relativeLuminance,
+  rgbToOklab
+} from "./chunk-MHLU6GRJ.js";
+
+// src/brushes/preview.ts
+var BRUSH_PREVIEW_DARK_PAPER = "#141414";
+var BRUSH_PREVIEW_MIN_CONTRAST = 3;
+var BRUSH_PREVIEW_FALLBACKS = {
+  dry: { light: "#3f3f46", dark: "#e4e4e7" },
+  ink: { light: "#1e293b", dark: "#e2e8f0" },
+  paint: { light: "#1d4ed8", dark: "#93c5fd" },
+  spray: { light: "#0f766e", dark: "#5eead4" },
+  other: { light: "#334155", dark: "#cbd5e1" },
+  tools: { light: "#475569", dark: "#cbd5e1" }
+};
+function brushPreviewsOnDark(brush) {
+  return (brush.light?.amount ?? 0) > 0 && brush.tip?.blend !== "multiply";
+}
+var hexOf = (c) => brushColourHex(c, "light") ?? "#ffffff";
+function brushPreviewStrength(brush) {
+  const opacity = brush.tip.opacity ?? 1;
+  const flow = brush.tip.flow ?? 1;
+  const grain = brush.behaviour?.grain ?? 0;
+  return Math.max(0.25, Math.min(1, 0.85 * opacity * (0.6 + 0.4 * flow) * (1 - 0.3 * grain)));
+}
+var over = (fg, bg, alpha) => ({ r: fg.r * alpha + bg.r * (1 - alpha), g: fg.g * alpha + bg.g * (1 - alpha), b: fg.b * alpha + bg.b * (1 - alpha), a: 1 });
+function brushPreviewColours(brush, options = {}) {
+  const profile = options.profile ?? PAINT_PROFILE;
+  let background = profile.light === "full" && brushPreviewsOnDark(brush) ? BRUSH_PREVIEW_DARK_PAPER : hexOf(options.paper ?? "#ffffff");
+  if (!options.keepPaper && brush.tip.blend === "multiply" && relativeLuminance(parseColor(background)) < 0.18) background = "#ffffff";
+  const bg = parseColor(background);
+  const scheme = relativeLuminance(bg) < 0.18 ? "dark" : "light";
+  const own = brush.kind === "mark" ? brush.colour?.default : void 0;
+  const ownHex = typeof own === "string" || isDualColor(own) ? brushColourHex(own, scheme) : null;
+  if (ownHex && brush.tip.blend === "multiply" && (brush.light?.amount ?? 0) > 0 && scheme === "light") return { background, color: ownHex, scheme };
+  const group = brush.kind === "tool" ? "tools" : brush.medium ?? "other";
+  const color = ownHex ?? brushColourHex(BRUSH_PREVIEW_FALLBACKS[group] ?? BRUSH_PREVIEW_FALLBACKS.other, scheme);
+  const alpha = brushPreviewStrength(brush);
+  const reads = (c) => contrastRatio(over(c, bg, alpha), bg) >= BRUSH_PREVIEW_MIN_CONTRAST;
+  const fg = parseColor(color);
+  if (reads(fg)) return { background, color, scheme };
+  const lch = oklabToOklch(rgbToOklab(fg));
+  const step = scheme === "dark" ? 0.01 : -0.01;
+  for (let l = lch.l + step; l >= 0 && l <= 1; l += step) {
+    const hex = formatHex(toSrgbGamut(oklabToRgb(oklchToOklab({ ...lch, l }))));
+    if (reads(parseColor(hex))) return { background, color: hex, scheme };
+  }
+  return { background, color: scheme === "dark" ? "#ffffff" : "#000000", scheme };
+}
+
+export {
+  BRUSH_PREVIEW_DARK_PAPER,
+  BRUSH_PREVIEW_MIN_CONTRAST,
+  BRUSH_PREVIEW_FALLBACKS,
+  brushPreviewsOnDark,
+  brushPreviewStrength,
+  brushPreviewColours
+};