@pixerate/editor 0.264.1 → 0.266.0

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-T7QSEKDY.cjs → chunk-QJVOJUTD.cjs}

@@ -2,8 +2,8 @@
 var PLATFORMS = ["mac", "windows", "linux"];
 function detectPlatform() {
   const nav = typeof navigator !== "undefined" ? navigator : void 0;
-  const text = `${_nullishCoalesce(_optionalChain([nav, 'optionalAccess', _2 => _2.platform]), () => ( ""))} ${_nullishCoalesce(_optionalChain([nav, 'optionalAccess', _3 => _3.userAgent]), () => ( ""))}`;
-  if (/Mac|iPod|iPhone|iPad/.test(_optionalChain([nav, 'optionalAccess', _4 => _4.platform]) || _optionalChain([nav, 'optionalAccess', _5 => _5.userAgent]) || "")) return "mac";
+  const text = `${_nullishCoalesce(_optionalChain([nav, 'optionalAccess', _ => _.platform]), () => ( ""))} ${_nullishCoalesce(_optionalChain([nav, 'optionalAccess', _2 => _2.userAgent]), () => ( ""))}`;
+  if (/Mac|iPod|iPhone|iPad/.test(_optionalChain([nav, 'optionalAccess', _3 => _3.platform]) || _optionalChain([nav, 'optionalAccess', _4 => _4.userAgent]) || "")) return "mac";
   if (/Win/.test(text)) return "windows";
   return "linux";
 }
@@ -222,7 +222,7 @@ function isEditableEventTarget(event) {
   if (!target) target = typeof document !== "undefined" ? document.activeElement : null;
   if (!target || typeof target.tagName !== "string") return false;
   const tag = target.tagName.toUpperCase();
-  return !!(tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || target.isContentEditable || _optionalChain([target, 'access', _6 => _6.getAttribute, 'optionalCall', _7 => _7("contenteditable")]) === "true" || _optionalChain([target, 'access', _8 => _8.closest, 'optionalCall', _9 => _9('[contenteditable="true"]')]) || _optionalChain([target, 'access', _10 => _10.closest, 'optionalCall', _11 => _11(".ProseMirror")]));
+  return !!(tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || target.isContentEditable || _optionalChain([target, 'access', _5 => _5.getAttribute, 'optionalCall', _6 => _6("contenteditable")]) === "true" || _optionalChain([target, 'access', _7 => _7.closest, 'optionalCall', _8 => _8('[contenteditable="true"]')]) || _optionalChain([target, 'access', _9 => _9.closest, 'optionalCall', _10 => _10(".ProseMirror")]));
 }
 
 // src/commands/shortcuts.ts
@@ -392,289 +392,6 @@ function eitherKey(chord) {
   return [(chord.mod || chord.ctrl || chord.meta) && "Mod", chord.alt && "Alt", chord.shift && "Shift", chord.key].filter(Boolean).join("+");
 }
 
-// src/canvas/arrangeShortcuts.ts
-var DEFAULT_ARRANGE_SHORTCUTS = [
-  { action: "alignLeft", code: "KeyA", alt: true, label: "Alt+A" },
-  { action: "alignCenter", code: "KeyH", alt: true, label: "Alt+H" },
-  { action: "alignRight", code: "KeyD", alt: true, label: "Alt+D" },
-  { action: "alignTop", code: "KeyW", alt: true, label: "Alt+W" },
-  { action: "alignMiddle", code: "KeyV", alt: true, label: "Alt+V" },
-  { action: "alignBottom", code: "KeyS", alt: true, label: "Alt+S" },
-  { action: "distributeHorizontal", code: "KeyH", alt: true, shift: true, label: "Alt+Shift+H" },
-  { action: "distributeVertical", code: "KeyV", alt: true, shift: true, label: "Alt+Shift+V" },
-  { action: "lock", code: "KeyL", mod: true, label: "Mod+L" },
-  { action: "unlock", code: "KeyL", mod: true, alt: true, label: "Mod+Alt+L" },
-  { action: "bringForward", code: "BracketRight", mod: true, label: "Mod+]" },
-  { action: "sendBackward", code: "BracketLeft", mod: true, label: "Mod+[" },
-  { action: "bringToFront", code: "BracketRight", mod: true, alt: true, label: "Mod+Alt+]" },
-  { action: "sendToBack", code: "BracketLeft", mod: true, alt: true, label: "Mod+Alt+[" },
-  { action: "nextScene", code: "PageDown", label: "PageDown" },
-  { action: "previousScene", code: "PageUp", label: "PageUp" }
-];
-var maps = /* @__PURE__ */ new WeakMap();
-function arrangeShortcutMap(bindings) {
-  let map = maps.get(bindings);
-  if (!map) {
-    map = new ShortcutMap(
-      bindings.map((b) => ({
-        command: b.action,
-        chord: { key: b.code, mod: b.mod, alt: b.alt, shift: b.shift }
-      })),
-      { modifierMode: "either" }
-    );
-    maps.set(bindings, map);
-  }
-  return map;
-}
-function matchArrangeShortcut(event, bindings = DEFAULT_ARRANGE_SHORTCUTS) {
-  return _nullishCoalesce(_optionalChain([arrangeShortcutMap, 'call', _12 => _12(bindings), 'access', _13 => _13.resolve, 'call', _14 => _14(event), 'optionalAccess', _15 => _15.command]), () => ( null));
-}
-
-// src/canvas/gestures.ts
-function gestureRandom(seed) {
-  let a = seed >>> 0;
-  return () => {
-    a = a + 1831565813 >>> 0;
-    let t = a;
-    t = Math.imul(t ^ t >>> 15, t | 1);
-    t ^= t + Math.imul(t ^ t >>> 7, t | 61);
-    return ((t ^ t >>> 14) >>> 0) / 4294967296;
-  };
-}
-function gestureSeed(value) {
-  const text = _nullishCoalesce(JSON.stringify(value), () => ( ""));
-  let h = 2166136261;
-  for (let i = 0; i < text.length; i++) {
-    h ^= text.charCodeAt(i);
-    h = Math.imul(h, 16777619);
-  }
-  return h >>> 0;
-}
-function gestureUnion(rects) {
-  if (!rects.length) throw new Error("Pass at least one rect.");
-  const x = Math.min(...rects.map((r) => r.x));
-  const y = Math.min(...rects.map((r) => r.y));
-  const right = Math.max(...rects.map((r) => r.x + r.width));
-  const bottom = Math.max(...rects.map((r) => r.y + r.height));
-  return { x, y, width: right - x, height: bottom - y };
-}
-var clamp = (v, lo, hi) => Math.min(hi, Math.max(lo, v));
-var centre = (r) => [r.x + r.width / 2, r.y + r.height / 2];
-function smoothNoise(rand, octaves = 3) {
-  const waves = Array.from({ length: octaves }, (_, i) => ({ f: (i + 1) * (0.6 + rand() * 0.8), phase: rand() * Math.PI * 2, amp: 1 / (i + 1) }));
-  const total = waves.reduce((sum, w) => sum + w.amp, 0);
-  return (t) => waves.reduce((sum, w) => sum + w.amp * Math.sin(2 * Math.PI * w.f * t + w.phase), 0) / total;
-}
-function handPressure(rand) {
-  const r = (lo, hi) => Math.round((lo + rand() * (hi - lo)) * 100) / 100;
-  return [r(0.35, 0.55), r(0.8, 0.95), r(0.9, 1), r(0.75, 0.95), r(0.4, 0.65)];
-}
-var round = (p) => [Math.round(p[0] * 100) / 100, Math.round(p[1] * 100) / 100];
-function wobblyLine(a, b, rand, amp, bow = 0) {
-  const dx = b[0] - a[0];
-  const dy = b[1] - a[1];
-  const len = Math.hypot(dx, dy);
-  if (len === 0) return [a];
-  const nx = -dy / len;
-  const ny = dx / len;
-  const noise = smoothNoise(rand);
-  const n = clamp(Math.ceil(len / 4), 8, 200);
-  return Array.from({ length: n + 1 }, (_, i) => {
-    const t = i / n;
-    const off = bow * 4 * t * (1 - t) + amp * noise(t) * Math.sqrt(Math.sin(Math.PI * t));
-    return [a[0] + dx * t + nx * off, a[1] + dy * t + ny * off];
-  });
-}
-function circleGesture(rect, seed, options = {}) {
-  const rand = gestureRandom(seed);
-  const pad = Math.max(0, _nullishCoalesce(options.padding, () => ( 8)));
-  const [cx, cy] = centre(rect);
-  const tilt = (rand() - 0.5) * 0.08;
-  const c = Math.abs(Math.cos(tilt));
-  const s = Math.abs(Math.sin(tilt));
-  const a = (rect.width / 2 * c + rect.height / 2 * s) * Math.SQRT2 + pad;
-  const b = (rect.width / 2 * s + rect.height / 2 * c) * Math.SQRT2 + pad;
-  const dir = rand() < 0.7 ? -1 : 1;
-  const start = -Math.PI * 0.75 + (rand() - 0.5) * 0.6;
-  const sweep = Math.PI * 2 + Math.PI * (0.1 + rand() * 0.12);
-  const jitter = 0.03 + rand() * 0.03;
-  const drift = 0.04 + rand() * 0.05;
-  const noise = smoothNoise(rand, 4);
-  const perimeter = Math.PI * (3 * (a + b) - Math.sqrt((3 * a + b) * (a + 3 * b)));
-  const n = clamp(Math.ceil(perimeter * (sweep / (Math.PI * 2)) / 5), 48, 360);
-  const points = Array.from({ length: n + 1 }, (_, i) => {
-    const t = i / n;
-    const angle = start + dir * sweep * t;
-    const grow = 1 + jitter * (0.5 + 0.5 * noise(t)) + drift * t * t;
-    const ex = a * grow * Math.cos(angle);
-    const ey = b * grow * Math.sin(angle);
-    return round([cx + ex * Math.cos(tilt) - ey * Math.sin(tilt), cy + ex * Math.sin(tilt) + ey * Math.cos(tilt)]);
-  });
-  return { points, pressure: handPressure(rand) };
-}
-function underlineGesture(rect, seed, options = {}) {
-  const rand = gestureRandom(seed);
-  const offset = Math.max(0, _nullishCoalesce(options.offset, () => ( 4)));
-  const amp = options.wave ? clamp(rect.width * 0.02, 2, 4) : 0;
-  const shake = Math.min(1.5, offset * 0.4);
-  const base = rect.y + rect.height + offset + amp + shake;
-  const slope = Math.min(6, rect.width * 0.03);
-  const x0 = rect.x - rect.width * (0.01 + rand() * 0.04);
-  const x1 = rect.x + rect.width * (0.96 + rand() * 0.08);
-  const line = wobblyLine([x0, base + rand() * slope], [x1, base + rand() * slope], rand, shake, (rand() - 0.5) * 2 * shake);
-  const wavelength = clamp(rect.width / 8, 12, 28);
-  const phase = rand() * Math.PI * 2;
-  const points = amp ? line.map(([x, y]) => [x, y + amp * Math.sin(2 * Math.PI * (x - x0) / wavelength + phase)]) : line;
-  return { points: points.map(round), pressure: handPressure(rand) };
-}
-function gestureEdgePoint(rect, toward, gap = 0) {
-  const [cx, cy] = centre(rect);
-  const dx = toward[0] - cx;
-  const dy = toward[1] - cy;
-  const len = Math.hypot(dx, dy);
-  if (len === 0) return [cx, cy];
-  const t = Math.min(dx ? rect.width / 2 / Math.abs(dx) : Infinity, dy ? rect.height / 2 / Math.abs(dy) : Infinity);
-  return [cx + dx * t + dx / len * gap, cy + dy * t + dy / len * gap];
-}
-var isRect = (end) => !Array.isArray(end);
-function arrowGesture(from, to, seed, options = {}) {
-  const rand = gestureRandom(seed);
-  const gap = Math.max(0, _nullishCoalesce(options.gap, () => ( 6)));
-  const fromCentre = isRect(from) ? centre(from) : from;
-  const toCentre = isRect(to) ? centre(to) : to;
-  const start = isRect(from) ? gestureEdgePoint(from, toCentre, gap) : from;
-  const tip = isRect(to) ? gestureEdgePoint(to, fromCentre, gap) : to;
-  const dx = tip[0] - start[0];
-  const dy = tip[1] - start[1];
-  const len = Math.hypot(dx, dy);
-  if (len < 4) throw new Error("The arrow's ends are too close together (or overlap): pass ends at least a few canvas units apart.");
-  const curve = clamp(_nullishCoalesce(options.curve, () => ( (0.08 + rand() * 0.08) * (rand() < 0.5 ? -1 : 1))), -1, 1);
-  const nx = -dy / len;
-  const ny = dx / len;
-  const control = [(start[0] + tip[0]) / 2 + nx * curve * len, (start[1] + tip[1]) / 2 + ny * curve * len];
-  const noise = smoothNoise(rand);
-  const amp = Math.min(2, len * 0.01);
-  const n = clamp(Math.ceil(len / 4), 12, 200);
-  const shaft = Array.from({ length: n + 1 }, (_, i) => {
-    const t = i / n;
-    const u = 1 - t;
-    const x = u * u * start[0] + 2 * u * t * control[0] + t * t * tip[0];
-    const y = u * u * start[1] + 2 * u * t * control[1] + t * t * tip[1];
-    const off = amp * noise(t) * Math.sqrt(Math.sin(Math.PI * t));
-    return [x + nx * off, y + ny * off];
-  });
-  const tx = tip[0] - control[0];
-  const ty = tip[1] - control[1];
-  const tl = Math.hypot(tx, ty) || 1;
-  const head = clamp(len * 0.15, 8, 22);
-  const barb = (angle2, length) => {
-    const c = Math.cos(angle2);
-    const s = Math.sin(angle2);
-    const bx = -(tx / tl) * c + ty / tl * s;
-    const by = -(ty / tl) * c - tx / tl * s;
-    return [1 / 3, 2 / 3, 1].map((f) => [tip[0] + bx * length * f, tip[1] + by * length * f]);
-  };
-  const clear = (pts) => !isRect(to) || pts.every(([x, y]) => x <= to.x || x >= to.x + to.width || y <= to.y || y >= to.y + to.height);
-  const fit = (angle2) => {
-    const length = head * (0.85 + rand() * 0.3);
-    for (let k = 1; k > 0.05; k -= 0.15) {
-      const pts = barb(angle2 * k, length);
-      if (clear(pts)) return pts;
-    }
-    return barb(0, length);
-  };
-  const angle = () => (25 + rand() * 8) * Math.PI / 180;
-  const first = fit(angle());
-  const second = fit(-angle());
-  const points = [...shaft, ...first, ...first.slice(0, -1).reverse(), tip, ...second];
-  return { points: points.map(round), pressure: handPressure(rand) };
-}
-function bracketGesture(rect, side, seed, options = {}) {
-  const rand = gestureRandom(seed);
-  const pad = Math.max(0, _nullishCoalesce(options.padding, () => ( 8)));
-  const vertical = side === "left" || side === "right";
-  const span = vertical ? rect.height : rect.width;
-  const depth = Math.max(1, _nullishCoalesce(options.depth, () => ( clamp(span * 0.08, 6, 20))));
-  const from = vertical ? rect.y : rect.x;
-  const edge = side === "left" ? rect.x - pad : side === "right" ? rect.x + rect.width + pad : side === "top" ? rect.y - pad : rect.y + rect.height + pad;
-  const out = side === "left" || side === "top" ? -1 : 1;
-  const at = (s, d) => vertical ? [edge + out * d, from + s * span] : [from + s * span, edge + out * d];
-  const noise = smoothNoise(rand);
-  const shake = Math.min(1, depth * 0.06);
-  const n = clamp(Math.ceil(span / 4), 24, 240);
-  let points;
-  if (options.shape === "square") {
-    const arm = depth * (0.8 + rand() * 0.2);
-    const spine = Array.from({ length: n + 1 }, (_, i) => at(i / n, depth + shake * (1 + noise(i / n))));
-    points = [at(0, depth - arm), at(0, depth * 0.5), ...spine, at(1, depth * 0.5), at(1, depth - arm * (0.85 + rand() * 0.15))];
-  } else {
-    const e = clamp(depth / Math.max(span, 1), 0.04, 0.2);
-    const brace = (s) => {
-      const u = s <= 0.5 ? s : 1 - s;
-      if (u < e) return depth / 2 * Math.sin(Math.PI / 2 * u / e);
-      if (u < 0.5 - e) return depth / 2;
-      return depth / 2 + depth / 2 * (1 - Math.cos(Math.PI / 2 * (u - (0.5 - e)) / e));
-    };
-    points = Array.from({ length: n + 1 }, (_, i) => {
-      const s = i / n;
-      return at(s, brace(s) + shake * (1 + noise(s)) * Math.sin(Math.PI * s));
-    });
-  }
-  return { points: points.map(round), pressure: handPressure(rand) };
-}
-function strikeGesture(rect, seed) {
-  const rand = gestureRandom(seed);
-  const [, cy] = centre(rect);
-  const slope = rect.height * 0.08;
-  const x0 = rect.x - rect.width * (0.01 + rand() * 0.03);
-  const x1 = rect.x + rect.width * (1.01 + rand() * 0.03);
-  const y0 = cy + (rand() - 0.5) * rect.height * 0.1 + slope * (rand() - 0.5);
-  const y1 = cy + (rand() - 0.5) * rect.height * 0.1 + slope * (rand() - 0.5);
-  const points = wobblyLine([x0, y0], [x1, y1], rand, Math.min(1.5, rect.height * 0.05));
-  return { points: points.map(round), pressure: handPressure(rand) };
-}
-function crossGesture(rect, seed) {
-  const rand = gestureRandom(seed);
-  const over = () => 0.02 + rand() * 0.04;
-  const left = () => rect.x - rect.width * over();
-  const right = () => rect.x + rect.width * (1 + over());
-  const top = () => rect.y - rect.height * over();
-  const bottom = () => rect.y + rect.height * (1 + over());
-  const amp = Math.min(1.5, Math.min(rect.width, rect.height) * 0.03);
-  const first = wobblyLine([left(), top()], [right(), bottom()], rand, amp);
-  const second = wobblyLine([right(), top()], [left(), bottom()], rand, amp);
-  const mid1 = Math.floor(first.length / 2);
-  const mid2 = Math.floor(second.length / 2);
-  const points = [...first, ...first.slice(mid1, -1).reverse(), ...second.slice(1, mid2 + 1).reverse(), ...second];
-  return { points: points.map(round), pressure: handPressure(rand) };
-}
-function checkGesture(at, seed, options = {}) {
-  const rand = gestureRandom(seed);
-  const [cx, cy] = isRect(at) ? centre(at) : at;
-  const s = Math.max(4, _nullishCoalesce(options.size, () => ( (isRect(at) ? clamp(Math.min(at.width, at.height) * 0.6, 12, 48) : 20))));
-  const turn = (rand() - 0.5) * 12 * Math.PI / 180;
-  const place = ([x, y]) => [cx + s * (x * Math.cos(turn) - y * Math.sin(turn)), cy + s * (x * Math.sin(turn) + y * Math.cos(turn))];
-  const p0 = [-0.42 + rand() * 0.08, -0.05 + rand() * 0.08];
-  const p1 = [-0.12 + rand() * 0.06, 0.38 + rand() * 0.06];
-  const p2 = [0.48 + rand() * 0.06, -0.5 + rand() * 0.06];
-  const short = wobblyLine(place(p0), place(p1), rand, 0, -s * 0.03);
-  const long = wobblyLine(place(p1), place(p2), rand, Math.min(1, s * 0.02), s * 0.06);
-  return { points: [...short, ...long.slice(1)].map(round), pressure: [0.5, 0.95, 0.9, 0.7, 0.35] };
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -692,4 +409,4 @@ function checkGesture(at, seed, options = {}) {
 
 
 
-exports.PLATFORMS = PLATFORMS; exports.detectPlatform = detectPlatform; exports.keyToCode = keyToCode; exports.codeToKeyText = codeToKeyText; exports.parseChord = parseChord; exports.chordToString = chordToString; exports.normalizeChord = normalizeChord; exports.effectiveChord = effectiveChord; exports.effectiveChordKey = effectiveChordKey; exports.formatShortcut = formatShortcut; exports.eventCode = eventCode; exports.shortcutCode = shortcutCode; exports.codeFromKey = codeFromKey; exports.isEditableEventTarget = isEditableEventTarget; exports.toShortcutBindings = toShortcutBindings; exports.ShortcutMap = ShortcutMap; exports.DEFAULT_ARRANGE_SHORTCUTS = DEFAULT_ARRANGE_SHORTCUTS; exports.matchArrangeShortcut = matchArrangeShortcut; exports.gestureRandom = gestureRandom; exports.gestureSeed = gestureSeed; exports.gestureUnion = gestureUnion; exports.circleGesture = circleGesture; exports.underlineGesture = underlineGesture; exports.gestureEdgePoint = gestureEdgePoint; exports.arrowGesture = arrowGesture; exports.bracketGesture = bracketGesture; exports.strikeGesture = strikeGesture; exports.crossGesture = crossGesture; exports.checkGesture = checkGesture;
+exports.PLATFORMS = PLATFORMS; exports.detectPlatform = detectPlatform; exports.keyToCode = keyToCode; exports.codeToKeyText = codeToKeyText; exports.parseChord = parseChord; exports.chordToString = chordToString; exports.normalizeChord = normalizeChord; exports.effectiveChord = effectiveChord; exports.effectiveChordKey = effectiveChordKey; exports.formatShortcut = formatShortcut; exports.eventCode = eventCode; exports.shortcutCode = shortcutCode; exports.codeFromKey = codeFromKey; exports.isEditableEventTarget = isEditableEventTarget; exports.toShortcutBindings = toShortcutBindings; exports.ShortcutMap = ShortcutMap;

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
+};