@pixerate/editor 0.127.0 → 0.128.0

package/dist/agent/index.cjs

@@ -5,7 +5,7 @@
 var _chunkDK6QBGCScjs = require('../chunk-DK6QBGCS.cjs');
 
 
-var _chunkAKU2KQ47cjs = require('../chunk-AKU2KQ47.cjs');
+var _chunkDFSZO2B5cjs = require('../chunk-DFSZO2B5.cjs');
 
 
 
@@ -1593,7 +1593,7 @@ function createCanvasComponentToolProvider(controller, options = { id: "canvas-c
       ({ id }) => check(controller.restoreMainComponent(id))
     )
   ];
-  if (_chunkAKU2KQ47cjs.hasVariantCommands.call(void 0, controller)) {
+  if (_chunkDFSZO2B5cjs.hasVariantCommands.call(void 0, controller)) {
     const SET = { type: "string", description: "Component set, or one of its variants (default: the selection\u2019s set)." };
     const VARIANT = { type: "string", description: "Variant id (default: the first selected variant)." };
     const VALUES = { type: "object", additionalProperties: { type: "string" }, description: 'Variant property \u2192 value, e.g. { "Size": "Medium" }.' };

package/dist/agent/index.d.cts

@@ -1,4 +1,4 @@
-import { b as CanvasNode, e as CanvasEdge, X as XYPosition, S as Side } from '../brushTypes-IG7ZZjIN.cjs';
+import { c as CanvasNode, f as CanvasEdge, X as XYPosition, S as Side } from '../brushTypes-C7N3EBK7.cjs';
 export { J as JsonSchema, a as JsonSchemaType, S as SchemaValidationError, v as validateJsonSchema } from '../schema-Di0CS6Pe.cjs';
 import { a as AgentToolProvider, A as AgentTool } from '../registry-BqA1AZt0.cjs';
 export { c as AgentToolHandler, d as McpListToolsResult, e as McpToolContent, M as McpToolDefinition, b as McpToolResult, f as TOOL_NAMESPACE_SEPARATOR, g as ToolCallContext, h as ToolCallError, i as ToolErrorCode, T as ToolRegistry, j as ToolRegistryError, k as ToolRegistryOptions, l as createToolRegistry, t as toToolResult } from '../registry-BqA1AZt0.cjs';
@@ -9,11 +9,11 @@ export { C as CAPTURE_EXCLUDE_SELECTOR, a as CAPTURE_OVERLAY_SELECTORS, E as Ele
 import { Editor } from '@tiptap/core';
 import { S as SpreadsheetController } from '../controller-w6eRTjF8.cjs';
 import { A as AgentTypingOptions } from '../agent-caret-BmYhQF7L.cjs';
-import { b as ComponentCommandTarget } from '../builtins-DMIsnNst.cjs';
+import { b as ComponentCommandTarget } from '../builtins-Cc-bH-3U.cjs';
 import '@tiptap/pm/state';
 import '@tiptap/pm/view';
 import '../types-DsiXGmjo.cjs';
-import '../arrange-CD6Gh-pd.cjs';
+import '../arrange-CKXK_hf7.cjs';
 import '../registry-CaR7LC6W.cjs';
 
 /**

package/dist/agent/index.d.ts

@@ -1,4 +1,4 @@
-import { b as CanvasNode, e as CanvasEdge, X as XYPosition, S as Side } from '../brushTypes-IG7ZZjIN.js';
+import { c as CanvasNode, f as CanvasEdge, X as XYPosition, S as Side } from '../brushTypes-C7N3EBK7.js';
 export { J as JsonSchema, a as JsonSchemaType, S as SchemaValidationError, v as validateJsonSchema } from '../schema-Di0CS6Pe.js';
 import { a as AgentToolProvider, A as AgentTool } from '../registry-D-4fit9C.js';
 export { c as AgentToolHandler, d as McpListToolsResult, e as McpToolContent, M as McpToolDefinition, b as McpToolResult, f as TOOL_NAMESPACE_SEPARATOR, g as ToolCallContext, h as ToolCallError, i as ToolErrorCode, T as ToolRegistry, j as ToolRegistryError, k as ToolRegistryOptions, l as createToolRegistry, t as toToolResult } from '../registry-D-4fit9C.js';
@@ -9,11 +9,11 @@ export { C as CAPTURE_EXCLUDE_SELECTOR, a as CAPTURE_OVERLAY_SELECTORS, E as Ele
 import { Editor } from '@tiptap/core';
 import { S as SpreadsheetController } from '../controller-w6eRTjF8.js';
 import { A as AgentTypingOptions } from '../agent-caret-BmYhQF7L.js';
-import { b as ComponentCommandTarget } from '../builtins-B5-ipm5u.js';
+import { b as ComponentCommandTarget } from '../builtins-ZU1GJnUA.js';
 import '@tiptap/pm/state';
 import '@tiptap/pm/view';
 import '../types-DsiXGmjo.js';
-import '../arrange-BlfgJ_wt.js';
+import '../arrange-BUREmgD9.js';
 import '../registry-rVtFJjRM.js';
 
 /**

package/dist/agent/index.js

@@ -5,7 +5,7 @@ import {
 } from "../chunk-47WWV3LI.js";
 import {
   hasVariantCommands
-} from "../chunk-2SDGZAJR.js";
+} from "../chunk-LSXXAJG3.js";
 import {
   ensureLayout,
   getLayoutedNodes,

package/dist/animation-editor/index.d.cts

@@ -2,15 +2,15 @@ import { a6 as MotionCommand, a7 as MotionShot, a8 as MotionScene, L as VectorNo
 export { az as FLAIR_EASES, aA as FLAIR_EXPORT_VERSION, aB as FlairEase, aC as FlairEaseName, aD as FlairSpringEase, aE as FlairSvgAnimation, aF as MOTION_BLENDS, aG as MOTION_CAMERA_MS, aH as MOTION_CASCADES, aI as MOTION_CLIP_TARGET, aJ as MOTION_COMMAND_TYPES, aK as MOTION_DEFAULT_DURATIONS, aL as MOTION_DEFAULT_HOLD, aM as MOTION_DIRECTIONS, aN as MOTION_DRAW_MS_PER_UNIT, aO as MOTION_DRAW_RANGE, aP as MOTION_DRIVEN_PROPERTIES, aQ as MOTION_ENTER_STYLES, aR as MOTION_EXIT_STYLES, aS as MOTION_IRIS_SHAPES, aT as MOTION_REPEAT_MODES, aU as MOTION_SPLIT_ORIENTATIONS, aV as MOTION_TEXT_UNITS, aW as MOTION_TRIGGERS, aX as MotionColorPulseCommand, aY as MotionCommandBase, aZ as MotionDrawCommand, a_ as MotionDrawOrder, a$ as MotionEffectCommand, b0 as MotionEnterCommand, b1 as MotionExitCommand, b2 as MotionFadeCommand, b3 as MotionFollowCommand, b4 as MotionMatchCommand, b5 as MotionMorphCommand, b6 as MotionMoveCommand, b7 as MotionPlayCommand, b8 as MotionPulseCommand, b9 as MotionRotateCommand, ba as MotionScaleCommand, bb as MotionShakeCommand, bc as MotionStyleCommand, bd as MotionTeeterCommand, be as MotionTrigger, bf as MotionWaitCommand, bg as MotionWaveCommand, bh as MotionWiggleCommand, bi as flairAtLeast, bj as flairCurveFor, bk as flairEaseFor, bl as motionFlairPrimitive, bm as toFlairEffectDocument, bn as toFlairSvgMotion, bo as toFlairVectorEffect } from '../helpers-C5aAd44p.cjs';
 import { f as MotionBehavior, b as AnimationLoopMode } from '../evaluate-BsxYieLN.cjs';
 import { b as AnimationEasing } from '../easing-lM0Xo9Ni.cjs';
-import { A as AffineMatrix, B as BezierPath } from '../bezier-DBz0IgEt.cjs';
-import { V as VectorSvgExportOptions } from '../svg-DLBBPQP9.cjs';
+import { A as AffineMatrix, B as BezierPath } from '../bezier-CvgQiYRg.cjs';
+import { V as VectorSvgExportOptions } from '../svg-C4LlFnEw.cjs';
 import { Z as ZipReadOptions } from '../zip-4nG0YAH7.cjs';
 import { A as AnimationPlayer, C as Clock } from '../player-CmbY3218.cjs';
 import { H as HistoryManager } from '../HistoryManager-DeQQMBCj.cjs';
 import { a as AgentToolProvider } from '../registry-BqA1AZt0.cjs';
 import { J as JsonSchema } from '../schema-Di0CS6Pe.cjs';
 import '../types-CwMPoRMU.cjs';
-import '../brushTypes-IG7ZZjIN.cjs';
+import '../brushTypes-C7N3EBK7.cjs';
 import '../types-DsiXGmjo.cjs';
 
 /**

package/dist/animation-editor/index.d.ts

@@ -2,15 +2,15 @@ import { a6 as MotionCommand, a7 as MotionShot, a8 as MotionScene, L as VectorNo
 export { az as FLAIR_EASES, aA as FLAIR_EXPORT_VERSION, aB as FlairEase, aC as FlairEaseName, aD as FlairSpringEase, aE as FlairSvgAnimation, aF as MOTION_BLENDS, aG as MOTION_CAMERA_MS, aH as MOTION_CASCADES, aI as MOTION_CLIP_TARGET, aJ as MOTION_COMMAND_TYPES, aK as MOTION_DEFAULT_DURATIONS, aL as MOTION_DEFAULT_HOLD, aM as MOTION_DIRECTIONS, aN as MOTION_DRAW_MS_PER_UNIT, aO as MOTION_DRAW_RANGE, aP as MOTION_DRIVEN_PROPERTIES, aQ as MOTION_ENTER_STYLES, aR as MOTION_EXIT_STYLES, aS as MOTION_IRIS_SHAPES, aT as MOTION_REPEAT_MODES, aU as MOTION_SPLIT_ORIENTATIONS, aV as MOTION_TEXT_UNITS, aW as MOTION_TRIGGERS, aX as MotionColorPulseCommand, aY as MotionCommandBase, aZ as MotionDrawCommand, a_ as MotionDrawOrder, a$ as MotionEffectCommand, b0 as MotionEnterCommand, b1 as MotionExitCommand, b2 as MotionFadeCommand, b3 as MotionFollowCommand, b4 as MotionMatchCommand, b5 as MotionMorphCommand, b6 as MotionMoveCommand, b7 as MotionPlayCommand, b8 as MotionPulseCommand, b9 as MotionRotateCommand, ba as MotionScaleCommand, bb as MotionShakeCommand, bc as MotionStyleCommand, bd as MotionTeeterCommand, be as MotionTrigger, bf as MotionWaitCommand, bg as MotionWaveCommand, bh as MotionWiggleCommand, bi as flairAtLeast, bj as flairCurveFor, bk as flairEaseFor, bl as motionFlairPrimitive, bm as toFlairEffectDocument, bn as toFlairSvgMotion, bo as toFlairVectorEffect } from '../helpers-CPWcK504.js';
 import { f as MotionBehavior, b as AnimationLoopMode } from '../evaluate-BbCeF6pt.js';
 import { b as AnimationEasing } from '../easing-lM0Xo9Ni.js';
-import { A as AffineMatrix, B as BezierPath } from '../bezier-DWI5MEkI.js';
-import { V as VectorSvgExportOptions } from '../svg-BRLwcibA.js';
+import { A as AffineMatrix, B as BezierPath } from '../bezier-DP4NnJp3.js';
+import { V as VectorSvgExportOptions } from '../svg-CUzZa0EO.js';
 import { Z as ZipReadOptions } from '../zip-4nG0YAH7.js';
 import { A as AnimationPlayer, C as Clock } from '../player-BK2kKbfd.js';
 import { H as HistoryManager } from '../HistoryManager-DWSLd6Tf.js';
 import { a as AgentToolProvider } from '../registry-D-4fit9C.js';
 import { J as JsonSchema } from '../schema-Di0CS6Pe.js';
 import '../types-CwMPoRMU.js';
-import '../brushTypes-IG7ZZjIN.js';
+import '../brushTypes-C7N3EBK7.js';
 import '../types-DsiXGmjo.js';
 
 /**

package/dist/{arrange-BlfgJ_wt.d.ts → arrange-BUREmgD9.d.ts}

@@ -1,4 +1,4 @@
-import { R as Rect, X as XYPosition, b as CanvasNode, c as CanvasNodeStyle } from './brushTypes-IG7ZZjIN.js';
+import { R as Rect, X as XYPosition, c as CanvasNode, d as CanvasNodeStyle } from './brushTypes-C7N3EBK7.js';
 
 /**
  * Canvas arrangement actions that have keyboard shortcuts.

package/dist/{arrange-CD6Gh-pd.d.cts → arrange-CKXK_hf7.d.cts}

@@ -1,4 +1,4 @@
-import { R as Rect, X as XYPosition, b as CanvasNode, c as CanvasNodeStyle } from './brushTypes-IG7ZZjIN.cjs';
+import { R as Rect, X as XYPosition, c as CanvasNode, d as CanvasNodeStyle } from './brushTypes-C7N3EBK7.cjs';
 
 /**
  * Canvas arrangement actions that have keyboard shortcuts.

package/dist/{bezier-DBz0IgEt.d.cts → bezier-CvgQiYRg.d.cts}

@@ -1,4 +1,4 @@
-import { P as Point, d as CanvasBrushstroke } from './brushTypes-IG7ZZjIN.cjs';
+import { P as Point, e as CanvasBrushstroke } from './brushTypes-C7N3EBK7.cjs';
 import { C as CanvasGradientDef, S as SvgGradientDef } from './helpers-C5aAd44p.cjs';
 
 /**

package/dist/{bezier-DWI5MEkI.d.ts → bezier-DP4NnJp3.d.ts}

@@ -1,4 +1,4 @@
-import { P as Point, d as CanvasBrushstroke } from './brushTypes-IG7ZZjIN.js';
+import { P as Point, e as CanvasBrushstroke } from './brushTypes-C7N3EBK7.js';
 import { C as CanvasGradientDef, S as SvgGradientDef } from './helpers-CPWcK504.js';
 
 /**

package/dist/{brushTypes-IG7ZZjIN.d.cts → brushTypes-C7N3EBK7.d.cts}

@@ -245,12 +245,67 @@ interface CanvasBrushSettings {
  * tip settings give one.
  */
 type CanvasBrush = string | CanvasBrushSettings;
+/** A gradient stop of brushed stroke paint (the paint engine's `PaintGradientStop`). */
+interface CanvasBrushPaintStop {
+    /** 0..1 along the gradient. */
+    offset: number;
+    /** `#rrggbb`, or `paint` (the stroke colour) / `secondary` (white). */
+    color: string;
+    /** 0..1 (default 1): multiplies the brush's flow where this colour is laid. */
+    opacity?: number;
+    /** Where between this stop and the next (0.05..0.95) the colours are half mixed (default 0.5). */
+    midpoint?: number;
+}
+/**
+ * What moves a brushed stroke along its gradient. `distance` is in canvas units of the path
+ * (default 300, mirrored), so the colours keep their place at every zoom. Canvas strokes carry no
+ * timing, so the paint engine's `velocity` and `time` mappings are refused.
+ */
+type CanvasBrushPaintMapping = {
+    by: 'distance';
+    length?: number;
+    repeat?: 'clamp' | 'repeat' | 'mirror';
+    unit?: 'px' | 'dabs';
+} | {
+    by: 'pressure';
+} | {
+    by: 'tilt';
+} | {
+    by: 'direction';
+} | {
+    by: 'across-tip';
+} | {
+    by: 'random';
+    every?: number;
+};
+/**
+ * What a brushed stroke paints with, instead of its stroke colour (the paint engine's
+ * `PaintSource`, described structurally so the canvas types never import the paint engine): one
+ * colour, or gradient paint sampled dab by dab. The stroke colour still gives the alpha and fills
+ * `paint` stops.
+ */
+type CanvasBrushPaint = {
+    type: 'color';
+    color: string;
+} | {
+    type: 'gradient';
+    /** 2..16 stops sorted by offset. */
+    stops: CanvasBrushPaintStop[];
+    /** How neighbouring stops mix (default `pigment`). */
+    space?: 'pigment' | 'oklab' | 'srgb';
+    /** Default: distance, 300 canvas units, mirror. */
+    map?: CanvasBrushPaintMapping;
+    /** 0 (hard steps) .. 1 (smooth, default). */
+    softness?: number;
+};
 /**
  * What makes a path shape a brushed stroke: the brush, plus pen profiles spread evenly along the
  * path's length (first value at the start, last at the end).
  */
 interface CanvasBrushstroke {
     brush: CanvasBrush;
+    /** Gradient paint (or one colour) instead of the stroke colour. */
+    paint?: CanvasBrushPaint;
     /** Pressure 0..1 along the length (default full pressure). */
     pressure?: number[];
     /** Pointer Events pen tilt in degrees (−90..90) along the length. */
@@ -266,4 +321,4 @@ interface CanvasBrushPreset {
     size: number;
 }
 
-export type { CanvasBrush as C, DirectionalDisplacementOptions as D, ExplodeNodeOptions as E, FanOutTrajectoryOptions as F, GraphDifferences as G, IncrementalLayoutOptions as I, NodeTransition as N, Point as P, Rect as R, Side as S, TrajectoryFunction as T, XYPosition as X, CanvasBrushPreset as a, CanvasNode as b, CanvasNodeStyle as c, CanvasBrushstroke as d, CanvasEdge as e, CanvasLayoutOptions as f, PlaceBesideOptions as g, ReflowDisplacementOptions as h, CanvasClipboardPayload as i, Position as j, CanvasBrushSettings as k, CanvasDockingCallbacks as l, CollapseNodeOptions as m, DisplacementDirection as n, DockStrategy as o, ExplosionSnapshot as p, TrajectoryPoint as q };
+export type { CanvasBrush as C, DirectionalDisplacementOptions as D, ExplodeNodeOptions as E, FanOutTrajectoryOptions as F, GraphDifferences as G, IncrementalLayoutOptions as I, NodeTransition as N, Point as P, Rect as R, Side as S, TrajectoryFunction as T, XYPosition as X, CanvasBrushPaint as a, CanvasBrushPreset as b, CanvasNode as c, CanvasNodeStyle as d, CanvasBrushstroke as e, CanvasEdge as f, CanvasLayoutOptions as g, PlaceBesideOptions as h, ReflowDisplacementOptions as i, CanvasClipboardPayload as j, Position as k, CanvasBrushPaintMapping as l, CanvasBrushPaintStop as m, CanvasBrushSettings as n, CanvasDockingCallbacks as o, CollapseNodeOptions as p, DisplacementDirection as q, DockStrategy as r, ExplosionSnapshot as s, TrajectoryPoint as t };

package/dist/{brushTypes-IG7ZZjIN.d.ts → brushTypes-C7N3EBK7.d.ts}

@@ -245,12 +245,67 @@ interface CanvasBrushSettings {
  * tip settings give one.
  */
 type CanvasBrush = string | CanvasBrushSettings;
+/** A gradient stop of brushed stroke paint (the paint engine's `PaintGradientStop`). */
+interface CanvasBrushPaintStop {
+    /** 0..1 along the gradient. */
+    offset: number;
+    /** `#rrggbb`, or `paint` (the stroke colour) / `secondary` (white). */
+    color: string;
+    /** 0..1 (default 1): multiplies the brush's flow where this colour is laid. */
+    opacity?: number;
+    /** Where between this stop and the next (0.05..0.95) the colours are half mixed (default 0.5). */
+    midpoint?: number;
+}
+/**
+ * What moves a brushed stroke along its gradient. `distance` is in canvas units of the path
+ * (default 300, mirrored), so the colours keep their place at every zoom. Canvas strokes carry no
+ * timing, so the paint engine's `velocity` and `time` mappings are refused.
+ */
+type CanvasBrushPaintMapping = {
+    by: 'distance';
+    length?: number;
+    repeat?: 'clamp' | 'repeat' | 'mirror';
+    unit?: 'px' | 'dabs';
+} | {
+    by: 'pressure';
+} | {
+    by: 'tilt';
+} | {
+    by: 'direction';
+} | {
+    by: 'across-tip';
+} | {
+    by: 'random';
+    every?: number;
+};
+/**
+ * What a brushed stroke paints with, instead of its stroke colour (the paint engine's
+ * `PaintSource`, described structurally so the canvas types never import the paint engine): one
+ * colour, or gradient paint sampled dab by dab. The stroke colour still gives the alpha and fills
+ * `paint` stops.
+ */
+type CanvasBrushPaint = {
+    type: 'color';
+    color: string;
+} | {
+    type: 'gradient';
+    /** 2..16 stops sorted by offset. */
+    stops: CanvasBrushPaintStop[];
+    /** How neighbouring stops mix (default `pigment`). */
+    space?: 'pigment' | 'oklab' | 'srgb';
+    /** Default: distance, 300 canvas units, mirror. */
+    map?: CanvasBrushPaintMapping;
+    /** 0 (hard steps) .. 1 (smooth, default). */
+    softness?: number;
+};
 /**
  * What makes a path shape a brushed stroke: the brush, plus pen profiles spread evenly along the
  * path's length (first value at the start, last at the end).
  */
 interface CanvasBrushstroke {
     brush: CanvasBrush;
+    /** Gradient paint (or one colour) instead of the stroke colour. */
+    paint?: CanvasBrushPaint;
     /** Pressure 0..1 along the length (default full pressure). */
     pressure?: number[];
     /** Pointer Events pen tilt in degrees (−90..90) along the length. */
@@ -266,4 +321,4 @@ interface CanvasBrushPreset {
     size: number;
 }
 
-export type { CanvasBrush as C, DirectionalDisplacementOptions as D, ExplodeNodeOptions as E, FanOutTrajectoryOptions as F, GraphDifferences as G, IncrementalLayoutOptions as I, NodeTransition as N, Point as P, Rect as R, Side as S, TrajectoryFunction as T, XYPosition as X, CanvasBrushPreset as a, CanvasNode as b, CanvasNodeStyle as c, CanvasBrushstroke as d, CanvasEdge as e, CanvasLayoutOptions as f, PlaceBesideOptions as g, ReflowDisplacementOptions as h, CanvasClipboardPayload as i, Position as j, CanvasBrushSettings as k, CanvasDockingCallbacks as l, CollapseNodeOptions as m, DisplacementDirection as n, DockStrategy as o, ExplosionSnapshot as p, TrajectoryPoint as q };
+export type { CanvasBrush as C, DirectionalDisplacementOptions as D, ExplodeNodeOptions as E, FanOutTrajectoryOptions as F, GraphDifferences as G, IncrementalLayoutOptions as I, NodeTransition as N, Point as P, Rect as R, Side as S, TrajectoryFunction as T, XYPosition as X, CanvasBrushPaint as a, CanvasBrushPreset as b, CanvasNode as c, CanvasNodeStyle as d, CanvasBrushstroke as e, CanvasEdge as f, CanvasLayoutOptions as g, PlaceBesideOptions as h, ReflowDisplacementOptions as i, CanvasClipboardPayload as j, Position as k, CanvasBrushPaintMapping as l, CanvasBrushPaintStop as m, CanvasBrushSettings as n, CanvasDockingCallbacks as o, CollapseNodeOptions as p, DisplacementDirection as q, DockStrategy as r, ExplosionSnapshot as s, TrajectoryPoint as t };

package/dist/{brushstrokeRender-OW6ENCZG.cjs → brushstrokeRender-JNHVEUFG.cjs}

@@ -3,7 +3,7 @@
 var _chunkW4LNKTHTcjs = require('./chunk-W4LNKTHT.cjs');
 
 
-var _chunk33SO3QWPcjs = require('./chunk-33SO3QWP.cjs');
+var _chunkDDSO4HS7cjs = require('./chunk-DDSO4HS7.cjs');
 
 
 var _chunk2YQONY6Gcjs = require('./chunk-2YQONY6G.cjs');
@@ -12,7 +12,9 @@ var _chunk2YQONY6Gcjs = require('./chunk-2YQONY6G.cjs');
 
 
 var _chunkZ6OUCS2Kcjs = require('./chunk-Z6OUCS2K.cjs');
-require('./chunk-6GFRKLLS.cjs');
+
+
+var _chunk6GFRKLLScjs = require('./chunk-6GFRKLLS.cjs');
 require('./chunk-SYPFUL5B.cjs');
 require('./chunk-J5BA3BQ6.cjs');
 require('./chunk-DCLJNVZS.cjs');
@@ -44,6 +46,21 @@ function resolveCanvasBrush(brush, width) {
   }
   return { size, ...brush };
 }
+function resolveCanvasPaint(paint) {
+  const source = _chunk6GFRKLLScjs.parsePaintSource.call(void 0, paint, "paint");
+  if (source.type === "gradient" && (source.map.by === "velocity" || source.map.by === "time")) {
+    throw new Error(`paint.map.by "${source.map.by}" needs timed samples, which canvas strokes do not record; use distance, pressure, tilt, direction, across-tip or random.`);
+  }
+  return source;
+}
+function shapePaint(shape) {
+  if (shape.brush.paint === void 0 || shape.brush.paint === null) return null;
+  try {
+    return resolveCanvasPaint(shape.brush.paint);
+  } catch (e) {
+    return null;
+  }
+}
 function strokeColor(shape) {
   const gradient = _chunkIZ4WRXZAcjs.resolveCanvasGradient.call(void 0, _nullishCoalesce(shape.strokeGradient, () => ( shape.stroke)));
   const css = gradient ? _nullishCoalesce(_optionalChain([gradient, 'access', _ => _.stops, 'access', _2 => _2[0], 'optionalAccess', _3 => _3.color]), () => ( "#000")) : typeof shape.stroke === "string" && shape.stroke !== "none" ? shape.stroke : "#000";
@@ -55,7 +72,7 @@ var cache = new (0, _chunkZ6OUCS2Kcjs.BrushstrokeCache)(128);
 var urls = /* @__PURE__ */ new WeakMap();
 function renderShapeBrushstrokeNow(shape, scale) {
   const brush = resolveCanvasBrush(shape.brush.brush, _nullishCoalesce(shape.strokeWidth, () => ( 3)));
-  const points = _chunk33SO3QWPcjs.pathDataToPolyline.call(void 0, shape.d);
+  const points = _chunkDDSO4HS7cjs.pathDataToPolyline.call(void 0, shape.d);
   if (!points.length) return null;
   const { pressure, tiltX, tiltY } = shape.brush;
   const input = {
@@ -64,7 +81,8 @@ function renderShapeBrushstrokeNow(shape, scale) {
     ..._optionalChain([tiltX, 'optionalAccess', _5 => _5.length]) ? { tiltX } : {},
     ..._optionalChain([tiltY, 'optionalAccess', _6 => _6.length]) ? { tiltY } : {}
   };
-  const stroke = cache.render(input, brush, { scale, color: strokeColor(shape) });
+  const paint = shapePaint(shape);
+  const stroke = cache.render(input, brush, { scale, color: strokeColor(shape), ...paint ? { paint } : {} });
   if (!stroke.bounds) return null;
   let href = urls.get(stroke);
   if (href === void 0) {
@@ -87,5 +105,6 @@ function brushedShapeSvgNow(shape, size, scale) {
 
 
 
-exports.brushedShapeSvgNow = brushedShapeSvgNow; exports.listCanvasBrushes = listCanvasBrushes; exports.renderShapeBrushstrokeNow = renderShapeBrushstrokeNow; exports.resolveCanvasBrush = resolveCanvasBrush;
-//# sourceMappingURL=brushstrokeRender-OW6ENCZG.cjs.map
+
+exports.brushedShapeSvgNow = brushedShapeSvgNow; exports.listCanvasBrushes = listCanvasBrushes; exports.renderShapeBrushstrokeNow = renderShapeBrushstrokeNow; exports.resolveCanvasBrush = resolveCanvasBrush; exports.resolveCanvasPaint = resolveCanvasPaint;
+//# sourceMappingURL=brushstrokeRender-JNHVEUFG.cjs.map

package/dist/brushstrokeRender-JNHVEUFG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/editor/editor/packages/core/dist/brushstrokeRender-JNHVEUFG.cjs","../src/canvas/brushstrokeRender.ts"],"names":[],"mappings":"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","file":"/home/runner/work/editor/editor/packages/core/dist/brushstrokeRender-JNHVEUFG.cjs","sourcesContent":[null,"/**\n * The lazily loaded half of brushed freehand strokes (`./brushstroke.ts` imports it on first use):\n * the paint engine's dry brushstroke renderer, the paint presets and a CSS colour parser. Keep\n * every import of the paint engine in this file, so the canvas entry never reaches it statically.\n */\nimport { BrushstrokeCache, brushstrokeDataUrl, isBrushstrokeBrush, type BrushstrokeBrush, type BrushstrokeImage } from '../paint/brushstroke.js';\nimport { parsePaintSource, type PaintSource } from '../paint/gradient-paint.js';\nimport { BUILTIN_BRUSHES } from '../paint-editor/brushes.js';\nimport { parseCssColor } from '../image-editor/layers/css-color.js';\nimport { resolveCanvasGradient } from './gradient.js';\nimport { formatNumber, getShapeSvg, type ShapeSize } from './shapeGeometry.js';\nimport { pathDataToPolyline, type BrushedPathShape, type CanvasBrush, type CanvasBrushPaint, type CanvasBrushPreset, type CanvasBrushstrokeImage } from './brushstroke.js';\n\nconst DRY = BUILTIN_BRUSHES.filter((b) => isBrushstrokeBrush(b));\n\nexport function listCanvasBrushes(): CanvasBrushPreset[] {\n\treturn DRY.map((b) => ({ id: b.id, name: b.name, category: b.category, size: b.tip.size }));\n}\n\n/** The paint engine brush for a canvas brush at stroke width `width`; throws with the usable ids. */\nexport function resolveCanvasBrush(brush: CanvasBrush, width: number): BrushstrokeBrush {\n\tconst size = Math.max(1, Number.isFinite(width) ? width : 1);\n\tif (typeof brush === 'string') {\n\t\tconst preset = BUILTIN_BRUSHES.find((b) => b.id === brush);\n\t\tconst ids = DRY.map((b) => b.id).join(', ');\n\t\tif (!preset) throw new Error(`Unknown brush '${brush}'. Use one of the dry paint presets (${ids}) or tip settings ({ hardness, spacing, flow, … }).`);\n\t\tif (!isBrushstrokeBrush(preset)) {\n\t\t\tthrow new Error(`Brush '${brush}' (${preset.name}) is not a dry brush: brushed canvas strokes use dry media only (wet paint needs an area to flow in; mixer, blender, smudge and eraser brushes need paint under them). Use one of: ${ids}.`);\n\t\t}\n\t\treturn { ...preset, tip: { ...preset.tip, size } };\n\t}\n\tif (!brush || typeof brush !== 'object' || Array.isArray(brush)) {\n\t\tthrow new Error('A brush is a dry paint preset id (see listCanvasBrushes / canvas.listBrushes) or an object of tip settings.');\n\t}\n\treturn { size, ...brush };\n}\n\n/**\n * The paint engine's `PaintSource` for a brushed stroke's `paint`; throws with what is wrong.\n * Mappings that need timed samples (`velocity`, `time`) are refused: canvas strokes carry no timing.\n */\nexport function resolveCanvasPaint(paint: CanvasBrushPaint | unknown): PaintSource {\n\tconst source = parsePaintSource(paint, 'paint');\n\tif (source.type === 'gradient' && (source.map.by === 'velocity' || source.map.by === 'time')) {\n\t\tthrow new Error(`paint.map.by \"${source.map.by}\" needs timed samples, which canvas strokes do not record; use distance, pressure, tilt, direction, across-tip or random.`);\n\t}\n\treturn source;\n}\n\n/** A stored stroke's paint, or null when it has none or it is not valid paint (the stroke colour is used then). */\nfunction shapePaint(shape: BrushedPathShape): PaintSource | null {\n\tif (shape.brush.paint === undefined || shape.brush.paint === null) return null;\n\ttry {\n\t\treturn resolveCanvasPaint(shape.brush.paint);\n\t} catch {\n\t\treturn null;\n\t}\n}\n\n/**\n * RGBA of a shape's stroke paint: with `brush.paint` its alpha and the colour of `paint` stops.\n * A canvas gradient stroke without `brush.paint` uses its first stop.\n */\nfunction strokeColor(shape: BrushedPathShape): [number, number, number, number] {\n\tconst gradient = resolveCanvasGradient(shape.strokeGradient ?? shape.stroke);\n\tconst css = gradient ? (gradient.stops[0]?.color ?? '#000') : typeof shape.stroke === 'string' && shape.stroke !== 'none' ? shape.stroke : '#000';\n\tconst parsed = parseCssColor(css) ?? { hex: '#000000', alpha: 1 };\n\tconst n = parseInt(parsed.hex.slice(1), 16);\n\treturn [(n >> 16) & 255, (n >> 8) & 255, n & 255, Math.round(parsed.alpha * 255)];\n}\n\nconst cache = new BrushstrokeCache(128);\nconst urls = new WeakMap<BrushstrokeImage, string>();\n\nexport function renderShapeBrushstrokeNow(shape: BrushedPathShape, scale: number): CanvasBrushstrokeImage | null {\n\tconst brush = resolveCanvasBrush(shape.brush.brush, shape.strokeWidth ?? 3);\n\tconst points = pathDataToPolyline(shape.d);\n\tif (!points.length) return null;\n\tconst { pressure, tiltX, tiltY } = shape.brush;\n\tconst input = {\n\t\tpoints: points.map(([x, y]) => ({ x, y })),\n\t\t...(pressure?.length ? { pressure } : {}),\n\t\t...(tiltX?.length ? { tiltX } : {}),\n\t\t...(tiltY?.length ? { tiltY } : {})\n\t};\n\tconst paint = shapePaint(shape);\n\tconst stroke = cache.render(input, brush, { scale, color: strokeColor(shape), ...(paint ? { paint } : {}) });\n\tif (!stroke.bounds) return null;\n\tlet href = urls.get(stroke);\n\tif (href === undefined) {\n\t\thref = brushstrokeDataUrl(stroke);\n\t\turls.set(stroke, href);\n\t}\n\treturn { href, ...stroke.bounds, scale: stroke.scale };\n}\n\nconst escapeAttr = (s: string) => s.replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;');\n\nexport function brushedShapeSvgNow(shape: BrushedPathShape, size: ShapeSize, scale: number): string {\n\tconst f = (n: number) => formatNumber(n, 3);\n\tconst image = renderShapeBrushstrokeNow(shape, scale);\n\tconst svg = getShapeSvg(shape, size);\n\tconst body = image\n\t\t? `<image href=\"${escapeAttr(image.href)}\" x=\"${f(image.x)}\" y=\"${f(image.y)}\" width=\"${f(image.width)}\" height=\"${f(image.height)}\" preserveAspectRatio=\"none\"${shape.opacity !== undefined ? ` opacity=\"${f(shape.opacity)}\"` : ''}/>`\n\t\t: '';\n\tconst content = svg.transform && body ? `<g transform=\"${svg.transform}\">${body}</g>` : body;\n\treturn `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${f(size.width)}\" height=\"${f(size.height)}\" viewBox=\"0 0 ${f(size.width)} ${f(size.height)}\">${content}</svg>`;\n}\n"]}

package/dist/{brushstrokeRender-7RUITO42.js → brushstrokeRender-SII6MG4R.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-UYQUPUR6.js";
 import {
   pathDataToPolyline
-} from "./chunk-UABQTYQF.js";
+} from "./chunk-SVYE5HIM.js";
 import {
   parseCssColor
 } from "./chunk-CTTF4KYV.js";
@@ -12,7 +12,9 @@ import {
   brushstrokeDataUrl,
   isBrushstrokeBrush
 } from "./chunk-64PYNEHJ.js";
-import "./chunk-EM3FMJWE.js";
+import {
+  parsePaintSource
+} from "./chunk-EM3FMJWE.js";
 import "./chunk-63AZAUSN.js";
 import "./chunk-BR7EKQUP.js";
 import "./chunk-7QN76ESJ.js";
@@ -44,6 +46,21 @@ function resolveCanvasBrush(brush, width) {
   }
   return { size, ...brush };
 }
+function resolveCanvasPaint(paint) {
+  const source = parsePaintSource(paint, "paint");
+  if (source.type === "gradient" && (source.map.by === "velocity" || source.map.by === "time")) {
+    throw new Error(`paint.map.by "${source.map.by}" needs timed samples, which canvas strokes do not record; use distance, pressure, tilt, direction, across-tip or random.`);
+  }
+  return source;
+}
+function shapePaint(shape) {
+  if (shape.brush.paint === void 0 || shape.brush.paint === null) return null;
+  try {
+    return resolveCanvasPaint(shape.brush.paint);
+  } catch {
+    return null;
+  }
+}
 function strokeColor(shape) {
   const gradient = resolveCanvasGradient(shape.strokeGradient ?? shape.stroke);
   const css = gradient ? gradient.stops[0]?.color ?? "#000" : typeof shape.stroke === "string" && shape.stroke !== "none" ? shape.stroke : "#000";
@@ -64,7 +81,8 @@ function renderShapeBrushstrokeNow(shape, scale) {
     ...tiltX?.length ? { tiltX } : {},
     ...tiltY?.length ? { tiltY } : {}
   };
-  const stroke = cache.render(input, brush, { scale, color: strokeColor(shape) });
+  const paint = shapePaint(shape);
+  const stroke = cache.render(input, brush, { scale, color: strokeColor(shape), ...paint ? { paint } : {} });
   if (!stroke.bounds) return null;
   let href = urls.get(stroke);
   if (href === void 0) {
@@ -86,6 +104,7 @@ export {
   brushedShapeSvgNow,
   listCanvasBrushes,
   renderShapeBrushstrokeNow,
-  resolveCanvasBrush
+  resolveCanvasBrush,
+  resolveCanvasPaint
 };
-//# sourceMappingURL=brushstrokeRender-7RUITO42.js.map
+//# sourceMappingURL=brushstrokeRender-SII6MG4R.js.map

package/dist/brushstrokeRender-SII6MG4R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/brushstrokeRender.ts"],"sourcesContent":["/**\n * The lazily loaded half of brushed freehand strokes (`./brushstroke.ts` imports it on first use):\n * the paint engine's dry brushstroke renderer, the paint presets and a CSS colour parser. Keep\n * every import of the paint engine in this file, so the canvas entry never reaches it statically.\n */\nimport { BrushstrokeCache, brushstrokeDataUrl, isBrushstrokeBrush, type BrushstrokeBrush, type BrushstrokeImage } from '../paint/brushstroke.js';\nimport { parsePaintSource, type PaintSource } from '../paint/gradient-paint.js';\nimport { BUILTIN_BRUSHES } from '../paint-editor/brushes.js';\nimport { parseCssColor } from '../image-editor/layers/css-color.js';\nimport { resolveCanvasGradient } from './gradient.js';\nimport { formatNumber, getShapeSvg, type ShapeSize } from './shapeGeometry.js';\nimport { pathDataToPolyline, type BrushedPathShape, type CanvasBrush, type CanvasBrushPaint, type CanvasBrushPreset, type CanvasBrushstrokeImage } from './brushstroke.js';\n\nconst DRY = BUILTIN_BRUSHES.filter((b) => isBrushstrokeBrush(b));\n\nexport function listCanvasBrushes(): CanvasBrushPreset[] {\n\treturn DRY.map((b) => ({ id: b.id, name: b.name, category: b.category, size: b.tip.size }));\n}\n\n/** The paint engine brush for a canvas brush at stroke width `width`; throws with the usable ids. */\nexport function resolveCanvasBrush(brush: CanvasBrush, width: number): BrushstrokeBrush {\n\tconst size = Math.max(1, Number.isFinite(width) ? width : 1);\n\tif (typeof brush === 'string') {\n\t\tconst preset = BUILTIN_BRUSHES.find((b) => b.id === brush);\n\t\tconst ids = DRY.map((b) => b.id).join(', ');\n\t\tif (!preset) throw new Error(`Unknown brush '${brush}'. Use one of the dry paint presets (${ids}) or tip settings ({ hardness, spacing, flow, … }).`);\n\t\tif (!isBrushstrokeBrush(preset)) {\n\t\t\tthrow new Error(`Brush '${brush}' (${preset.name}) is not a dry brush: brushed canvas strokes use dry media only (wet paint needs an area to flow in; mixer, blender, smudge and eraser brushes need paint under them). Use one of: ${ids}.`);\n\t\t}\n\t\treturn { ...preset, tip: { ...preset.tip, size } };\n\t}\n\tif (!brush || typeof brush !== 'object' || Array.isArray(brush)) {\n\t\tthrow new Error('A brush is a dry paint preset id (see listCanvasBrushes / canvas.listBrushes) or an object of tip settings.');\n\t}\n\treturn { size, ...brush };\n}\n\n/**\n * The paint engine's `PaintSource` for a brushed stroke's `paint`; throws with what is wrong.\n * Mappings that need timed samples (`velocity`, `time`) are refused: canvas strokes carry no timing.\n */\nexport function resolveCanvasPaint(paint: CanvasBrushPaint | unknown): PaintSource {\n\tconst source = parsePaintSource(paint, 'paint');\n\tif (source.type === 'gradient' && (source.map.by === 'velocity' || source.map.by === 'time')) {\n\t\tthrow new Error(`paint.map.by \"${source.map.by}\" needs timed samples, which canvas strokes do not record; use distance, pressure, tilt, direction, across-tip or random.`);\n\t}\n\treturn source;\n}\n\n/** A stored stroke's paint, or null when it has none or it is not valid paint (the stroke colour is used then). */\nfunction shapePaint(shape: BrushedPathShape): PaintSource | null {\n\tif (shape.brush.paint === undefined || shape.brush.paint === null) return null;\n\ttry {\n\t\treturn resolveCanvasPaint(shape.brush.paint);\n\t} catch {\n\t\treturn null;\n\t}\n}\n\n/**\n * RGBA of a shape's stroke paint: with `brush.paint` its alpha and the colour of `paint` stops.\n * A canvas gradient stroke without `brush.paint` uses its first stop.\n */\nfunction strokeColor(shape: BrushedPathShape): [number, number, number, number] {\n\tconst gradient = resolveCanvasGradient(shape.strokeGradient ?? shape.stroke);\n\tconst css = gradient ? (gradient.stops[0]?.color ?? '#000') : typeof shape.stroke === 'string' && shape.stroke !== 'none' ? shape.stroke : '#000';\n\tconst parsed = parseCssColor(css) ?? { hex: '#000000', alpha: 1 };\n\tconst n = parseInt(parsed.hex.slice(1), 16);\n\treturn [(n >> 16) & 255, (n >> 8) & 255, n & 255, Math.round(parsed.alpha * 255)];\n}\n\nconst cache = new BrushstrokeCache(128);\nconst urls = new WeakMap<BrushstrokeImage, string>();\n\nexport function renderShapeBrushstrokeNow(shape: BrushedPathShape, scale: number): CanvasBrushstrokeImage | null {\n\tconst brush = resolveCanvasBrush(shape.brush.brush, shape.strokeWidth ?? 3);\n\tconst points = pathDataToPolyline(shape.d);\n\tif (!points.length) return null;\n\tconst { pressure, tiltX, tiltY } = shape.brush;\n\tconst input = {\n\t\tpoints: points.map(([x, y]) => ({ x, y })),\n\t\t...(pressure?.length ? { pressure } : {}),\n\t\t...(tiltX?.length ? { tiltX } : {}),\n\t\t...(tiltY?.length ? { tiltY } : {})\n\t};\n\tconst paint = shapePaint(shape);\n\tconst stroke = cache.render(input, brush, { scale, color: strokeColor(shape), ...(paint ? { paint } : {}) });\n\tif (!stroke.bounds) return null;\n\tlet href = urls.get(stroke);\n\tif (href === undefined) {\n\t\thref = brushstrokeDataUrl(stroke);\n\t\turls.set(stroke, href);\n\t}\n\treturn { href, ...stroke.bounds, scale: stroke.scale };\n}\n\nconst escapeAttr = (s: string) => s.replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;');\n\nexport function brushedShapeSvgNow(shape: BrushedPathShape, size: ShapeSize, scale: number): string {\n\tconst f = (n: number) => formatNumber(n, 3);\n\tconst image = renderShapeBrushstrokeNow(shape, scale);\n\tconst svg = getShapeSvg(shape, size);\n\tconst body = image\n\t\t? `<image href=\"${escapeAttr(image.href)}\" x=\"${f(image.x)}\" y=\"${f(image.y)}\" width=\"${f(image.width)}\" height=\"${f(image.height)}\" preserveAspectRatio=\"none\"${shape.opacity !== undefined ? ` opacity=\"${f(shape.opacity)}\"` : ''}/>`\n\t\t: '';\n\tconst content = svg.transform && body ? `<g transform=\"${svg.transform}\">${body}</g>` : body;\n\treturn `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${f(size.width)}\" height=\"${f(size.height)}\" viewBox=\"0 0 ${f(size.width)} ${f(size.height)}\">${content}</svg>`;\n}\n"],"mappings":"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","names":[]}

package/dist/{builtins-DMIsnNst.d.cts → builtins-Cc-bH-3U.d.cts}

@@ -1,6 +1,6 @@
 import { H as HistoryState } from './types-DsiXGmjo.cjs';
-import { C as CanvasArrangeAction, A as AlignEdge, D as DistributeAxis, a as DistributeMode, Z as ZOrderOperation } from './arrange-CD6Gh-pd.cjs';
-import { C as CanvasBrush, a as CanvasBrushPreset } from './brushTypes-IG7ZZjIN.cjs';
+import { C as CanvasArrangeAction, A as AlignEdge, D as DistributeAxis, a as DistributeMode, Z as ZOrderOperation } from './arrange-CKXK_hf7.cjs';
+import { C as CanvasBrush, a as CanvasBrushPaint, b as CanvasBrushPreset } from './brushTypes-C7N3EBK7.cjs';
 import { S as ShortcutBinding, C as CommandSpec, K as KeyboardEventLike, P as Platform } from './registry-CaR7LC6W.cjs';
 
 /** Minimal history surface (`HistoryManager` satisfies it). */
@@ -104,6 +104,7 @@ interface DrawCommandTarget {
             width?: number;
             opacity?: number;
             brush?: CanvasBrush;
+            paint?: CanvasBrushPaint;
         };
         pressure?: readonly number[];
         tiltX?: readonly number[];

package/dist/{builtins-B5-ipm5u.d.ts → builtins-ZU1GJnUA.d.ts}

@@ -1,6 +1,6 @@
 import { H as HistoryState } from './types-DsiXGmjo.js';
-import { C as CanvasArrangeAction, A as AlignEdge, D as DistributeAxis, a as DistributeMode, Z as ZOrderOperation } from './arrange-BlfgJ_wt.js';
-import { C as CanvasBrush, a as CanvasBrushPreset } from './brushTypes-IG7ZZjIN.js';
+import { C as CanvasArrangeAction, A as AlignEdge, D as DistributeAxis, a as DistributeMode, Z as ZOrderOperation } from './arrange-BUREmgD9.js';
+import { C as CanvasBrush, a as CanvasBrushPaint, b as CanvasBrushPreset } from './brushTypes-C7N3EBK7.js';
 import { S as ShortcutBinding, C as CommandSpec, K as KeyboardEventLike, P as Platform } from './registry-rVtFJjRM.js';
 
 /** Minimal history surface (`HistoryManager` satisfies it). */
@@ -104,6 +104,7 @@ interface DrawCommandTarget {
             width?: number;
             opacity?: number;
             brush?: CanvasBrush;
+            paint?: CanvasBrushPaint;
         };
         pressure?: readonly number[];
         tiltX?: readonly number[];