@grida/svg-editor 1.0.0-alpha.4 → 1.0.0-alpha.5

package/dist/{dom-DJnZhtOd.d.mts → dom-CMXNUMjP.d.mts}

@@ -1,4 +1,4 @@
-import { a as SurfaceHandle, d as Gestures, g as Camera, o as SvgEditor } from "./editor-Uu6dZX4y.mjs";
+import { _ as Camera, f as Gestures, o as SurfaceHandle, s as SvgEditor } from "./editor-KRAmUodY.mjs";
 import cmath from "@grida/cmath";
 
 //#region src/dom.d.ts

package/dist/{dom-CoVZzFqy.js → dom-DyJy1H6Q.js}

@@ -29,7 +29,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 //#endregion
-const require_paint = require("./paint-dDV-Trt9.js");
+const require_paint = require("./paint-cTjePy5e.js");
 let _grida_text_editor_dom = require("@grida/text-editor/dom");
 let _grida_hud = require("@grida/hud");
 let _grida_cmath__measurement = require("@grida/cmath/_measurement");
@@ -564,7 +564,9 @@ var SvgTextSurface = class {
 		this.last_sel_end = -1;
 		this.textEl = textEl;
 		const ownerDoc = textEl.ownerDocument;
-		const parent = textEl.parentNode;
+		let mountAnchor = textEl;
+		while (mountAnchor.parentElement instanceof SVGElement && (mountAnchor.localName === "tspan" || mountAnchor.localName === "textPath")) mountAnchor = mountAnchor.parentElement;
+		const parent = mountAnchor.parentNode;
 		if (!parent) throw new Error("text element has no parent");
 		const computedWhitespace = ownerDoc.defaultView?.getComputedStyle(textEl).whiteSpace;
 		if (!(computedWhitespace === "pre" || computedWhitespace === "pre-wrap" || computedWhitespace === "break-spaces")) {
@@ -579,14 +581,14 @@ var SvgTextSurface = class {
 		selection.setAttribute("pointer-events", "none");
 		selection.setAttribute("data-svg-text-edit-selection", "");
 		selection.style.display = "none";
-		parent.insertBefore(selection, textEl);
+		parent.insertBefore(selection, mountAnchor);
 		this.selectionRect = selection;
 		const caret = ownerDoc.createElementNS(SVG_NS, "rect");
 		caret.setAttribute("fill", "#2563eb");
 		caret.setAttribute("pointer-events", "none");
 		caret.setAttribute("data-svg-text-edit-caret", "");
 		caret.style.display = "none";
-		parent.insertBefore(caret, textEl.nextSibling);
+		parent.insertBefore(caret, mountAnchor.nextSibling);
 		this.caretRect = caret;
 	}
 	setText(text) {
@@ -1329,7 +1331,7 @@ var DomSurface = class {
 	commit_intent(intent) {
 		switch (intent.kind) {
 			case "select":
-				this.editor.commands.select(intent.ids, { additive: intent.mode !== "replace" });
+				this.editor.commands.select(intent.ids, { mode: intent.mode });
 				return;
 			case "deselect_all":
 				this.editor.commands.deselect();
@@ -1556,13 +1558,15 @@ var DomSurface = class {
 			if (!intent.additive) this.editor.commands.deselect();
 			return;
 		}
-		this.editor.commands.select(ids, { additive: intent.additive });
+		this.editor.commands.select(ids, { mode: intent.additive ? "add" : "replace" });
 	}
 	enter_content_edit(id) {
 		if (this.text_edit) return false;
 		const el = this.element_index.get(id);
-		if (!(el instanceof SVGTextElement)) return false;
+		if (!(el instanceof SVGElement)) return false;
 		const doc = this.editor._internal;
+		if (!doc.doc.is_text_edit_target(id)) return false;
+		if (!(el instanceof SVGTextContentElement)) return false;
 		this.text_edit_target = id;
 		this.text_edit_original = doc.doc.text_of(id);
 		this.text_edit = TEXT_EDIT_PENDING;

package/dist/{dom-Cn-RtjRL.d.ts → dom-eIgcZ4JC.d.ts}

@@ -1,4 +1,4 @@
-import { a as SurfaceHandle, d as Gestures, g as Camera, o as SvgEditor } from "./editor-D2l_CDr0.js";
+import { _ as Camera, f as Gestures, o as SurfaceHandle, s as SvgEditor } from "./editor-DdgqLDC9.js";
 import cmath from "@grida/cmath";
 
 //#region src/dom.d.ts

package/dist/{dom-CmOu0HvI.mjs → dom-l5Y1Wf8C.mjs}

@@ -532,7 +532,9 @@ var SvgTextSurface = class {
 		this.last_sel_end = -1;
 		this.textEl = textEl;
 		const ownerDoc = textEl.ownerDocument;
-		const parent = textEl.parentNode;
+		let mountAnchor = textEl;
+		while (mountAnchor.parentElement instanceof SVGElement && (mountAnchor.localName === "tspan" || mountAnchor.localName === "textPath")) mountAnchor = mountAnchor.parentElement;
+		const parent = mountAnchor.parentNode;
 		if (!parent) throw new Error("text element has no parent");
 		const computedWhitespace = ownerDoc.defaultView?.getComputedStyle(textEl).whiteSpace;
 		if (!(computedWhitespace === "pre" || computedWhitespace === "pre-wrap" || computedWhitespace === "break-spaces")) {
@@ -547,14 +549,14 @@ var SvgTextSurface = class {
 		selection.setAttribute("pointer-events", "none");
 		selection.setAttribute("data-svg-text-edit-selection", "");
 		selection.style.display = "none";
-		parent.insertBefore(selection, textEl);
+		parent.insertBefore(selection, mountAnchor);
 		this.selectionRect = selection;
 		const caret = ownerDoc.createElementNS(SVG_NS, "rect");
 		caret.setAttribute("fill", "#2563eb");
 		caret.setAttribute("pointer-events", "none");
 		caret.setAttribute("data-svg-text-edit-caret", "");
 		caret.style.display = "none";
-		parent.insertBefore(caret, textEl.nextSibling);
+		parent.insertBefore(caret, mountAnchor.nextSibling);
 		this.caretRect = caret;
 	}
 	setText(text) {
@@ -1297,7 +1299,7 @@ var DomSurface = class {
 	commit_intent(intent) {
 		switch (intent.kind) {
 			case "select":
-				this.editor.commands.select(intent.ids, { additive: intent.mode !== "replace" });
+				this.editor.commands.select(intent.ids, { mode: intent.mode });
 				return;
 			case "deselect_all":
 				this.editor.commands.deselect();
@@ -1524,13 +1526,15 @@ var DomSurface = class {
 			if (!intent.additive) this.editor.commands.deselect();
 			return;
 		}
-		this.editor.commands.select(ids, { additive: intent.additive });
+		this.editor.commands.select(ids, { mode: intent.additive ? "add" : "replace" });
 	}
 	enter_content_edit(id) {
 		if (this.text_edit) return false;
 		const el = this.element_index.get(id);
-		if (!(el instanceof SVGTextElement)) return false;
+		if (!(el instanceof SVGElement)) return false;
 		const doc = this.editor._internal;
+		if (!doc.doc.is_text_edit_target(id)) return false;
+		if (!(el instanceof SVGTextContentElement)) return false;
 		this.text_edit_target = id;
 		this.text_edit_original = doc.doc.text_of(id);
 		this.text_edit = TEXT_EDIT_PENDING;

package/dist/dom.d.mts

@@ -1,2 +1,2 @@
-import { n as DomSurfaceOptions, r as attach_dom_surface, t as DomSurfaceHandle } from "./dom-DJnZhtOd.mjs";
+import { n as DomSurfaceOptions, r as attach_dom_surface, t as DomSurfaceHandle } from "./dom-CMXNUMjP.mjs";
 export { DomSurfaceHandle, DomSurfaceOptions, attach_dom_surface };

package/dist/dom.d.ts

@@ -1,2 +1,2 @@
-import { n as DomSurfaceOptions, r as attach_dom_surface, t as DomSurfaceHandle } from "./dom-Cn-RtjRL.js";
+import { n as DomSurfaceOptions, r as attach_dom_surface, t as DomSurfaceHandle } from "./dom-eIgcZ4JC.js";
 export { DomSurfaceHandle, DomSurfaceOptions, attach_dom_surface };

package/dist/dom.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_dom = require("./dom-CoVZzFqy.js");
+const require_dom = require("./dom-DyJy1H6Q.js");
 exports.attach_dom_surface = require_dom.attach_dom_surface;

package/dist/dom.mjs

@@ -1,2 +1,2 @@
-import { t as attach_dom_surface } from "./dom-CmOu0HvI.mjs";
+import { t as attach_dom_surface } from "./dom-l5Y1Wf8C.mjs";
 export { attach_dom_surface };

package/dist/{editor-CjK56cgb.mjs → editor-CRflVqEz.mjs}

@@ -489,7 +489,7 @@ var GradientsRegistry = class {
 		};
 	}
 	write_gradient(node, def) {
-		for (const c of [...this.doc.children_of(node)]) this.doc.remove(c);
+		for (const c of this.doc.children_of(node).slice()) this.doc.remove(c);
 		const set_num = (name, v) => {
 			this.doc.set_attr(node, name, v === void 0 ? null : String(v));
 		};
@@ -730,7 +730,6 @@ function parse_attrs(src, from) {
 		const c = src[i];
 		if (c === "/") {
 			if (src[i + 1] !== ">") throw new Error("expected '/>' at " + i);
-			pre + "";
 			return {
 				attrs,
 				end_index: i + 2,
@@ -1012,6 +1011,25 @@ var SvgDocument = class SvgDocument {
 		if (!style) return [];
 		return parse_inline_style(style);
 	}
+	/**
+	* Whether `id` can be opened in the flat-string text editor.
+	*
+	* v1 contract: the editor only operates on a *single flat text run*. That
+	* means the target must be a `<text>` or `<tspan>` whose direct children
+	* are all text nodes (or it has no children). A `<text>` containing a
+	* `<tspan>` is *not* honestly editable — `text_of` would drop the tspan
+	* content from the editor's view, and a flat-text write would leave the
+	* tspan dangling. Tspan-as-target is fine and well-defined when it's a
+	* leaf; only the host decides whether to route double-click to a tspan
+	* or its parent text.
+	*/
+	is_text_edit_target(id) {
+		const n = this.nodes.get(id);
+		if (!n || n.kind !== "element") return false;
+		if (n.local !== "text" && n.local !== "tspan") return false;
+		for (const c of n.children) if (this.nodes.get(c)?.kind !== "text") return false;
+		return true;
+	}
 	text_of(id) {
 		const n = this.nodes.get(id);
 		if (!n || n.kind !== "element") return "";
@@ -1327,7 +1345,7 @@ function createSvgEditor(opts) {
 	let load_version = 0;
 	let style = {
 		...DEFAULT_STYLE,
-		...opts.style ?? {}
+		...opts.style
 	};
 	const providers = opts.providers ?? {};
 	const listeners = /* @__PURE__ */ new Set();
@@ -1380,11 +1398,16 @@ function createSvgEditor(opts) {
 	}
 	function select(target, opts) {
 		const ids = typeof target === "string" ? [target] : [...target];
-		if (opts?.additive) {
-			const merged = new Set(selection);
-			for (const id of ids) merged.add(id);
-			set_selection([...merged]);
-		} else set_selection(ids);
+		const mode = opts?.mode ?? "replace";
+		if (mode === "replace") {
+			set_selection(ids);
+			return;
+		}
+		const next = new Set(selection);
+		if (mode === "add") for (const id of ids) next.add(id);
+		else for (const id of ids) if (next.has(id)) next.delete(id);
+		else next.add(id);
+		set_selection([...next]);
 	}
 	function deselect() {
 		set_selection([]);
@@ -1597,7 +1620,7 @@ function createSvgEditor(opts) {
 	function set_text(value) {
 		if (selection.length !== 1) return;
 		const target = selection[0];
-		if (doc.tag_of(target) !== "text") return;
+		if (!doc.is_text_edit_target(target)) return;
 		const original = doc.text_of(target);
 		if (original === value) return;
 		const apply = () => {
@@ -1640,7 +1663,7 @@ function createSvgEditor(opts) {
 	function enter_content_edit(target) {
 		const id = target ?? (selection.length === 1 ? selection[0] : null);
 		if (!id) return false;
-		if (doc.tag_of(id) !== "text") return false;
+		if (!doc.is_text_edit_target(id)) return false;
 		if (!content_edit_driver) return false;
 		return content_edit_driver(id);
 	}

package/dist/{editor-Uu6dZX4y.d.mts → editor-DdgqLDC9.d.ts}

@@ -1,6 +1,6 @@
+import cmath from "@grida/cmath";
 import * as _$_grida_history0 from "@grida/history";
 import { Keybinding, Platform } from "@grida/keybinding";
-import cmath from "@grida/cmath";
 
 //#region src/types.d.ts
 /**
@@ -321,113 +321,6 @@ declare class Camera {
   private notify;
 }
 //#endregion
-//#region src/commands/registry.d.ts
-/**
- * Command registry.
- *
- * A passive id-keyed registry of handlers. Built so that:
- *
- *  - keybindings (in `src/keymap`) can address commands by stable id;
- *  - new commands can be added in ONE place (`src/commands/defaults.ts`)
- *    without growing the public surface of the editor;
- *  - "one key, many meanings" can be expressed via chain semantics: a
- *    handler returns `true` if it consumed, `false`/`void` otherwise,
- *    and the dispatcher tries the next candidate in the chain.
- *
- * Handlers are plain closures — they capture whatever editor reference
- * they need. The registry itself stays unaware of the editor's type,
- * which avoids a circular type dependency between editor and registry.
- */
-/** Stable, dotted id for a command, e.g. `"history.undo"`. */
-type CommandId = string;
-/**
- * A command handler.
- *
- * Return `true` if the handler consumed the invocation. Return `false`
- * or `undefined` to signal "did not apply" — the dispatcher will try
- * the next candidate registered for the same key.
- *
- * Handlers are closures: they capture their editor reference. No
- * editor parameter is passed — keep handlers self-contained.
- */
-type CommandHandler = (args?: unknown) => boolean | void;
-declare class CommandRegistry {
-  private readonly map;
-  /**
-   * Register a command. Returns an unregister function. Re-registering
-   * the same id replaces the previous handler (last writer wins).
-   */
-  register(id: CommandId, handler: CommandHandler): () => void;
-  /**
-   * Invoke a command by id. Returns `true` if the handler consumed,
-   * `false` otherwise (including unknown ids and handlers that returned
-   * `false`/`undefined`).
-   */
-  invoke(id: CommandId, args?: unknown): boolean;
-  has(id: CommandId): boolean;
-  /** All registered ids, for debugging / introspection. */
-  ids(): readonly CommandId[];
-}
-//#endregion
-//#region src/keymap/keymap.d.ts
-type KeymapBinding = {
-  /** Declarative key combination. Build with `kb()` / `c()` / `seq()`. */keybinding: Keybinding; /** Command id to invoke on match. */
-  command: CommandId; /** Forwarded as the `args` parameter to the command handler. */
-  args?: unknown; /** Higher priorities run first in the chain. Default 0. */
-  priority?: number;
-  /**
-   * Reserved for V2; not honored by the V1 dispatcher. When added, this
-   * will be evaluated before the handler runs; if false, the binding is
-   * skipped without invoking the handler.
-   */
-  when?: (ctx: unknown) => boolean;
-};
-declare class Keymap {
-  private readonly commands;
-  private readonly platformGetter;
-  /**
-   * Bindings bucketed by canonical chunk-key hash, computed per
-   * `@grida/keybinding`'s `chunkKey`. Each list is the chain for that
-   * key, sorted in dispatch order (priority desc, then registration
-   * order).
-   */
-  private readonly buckets;
-  /** Insert order, so ties on priority are deterministic. */
-  private seq;
-  constructor(commands: CommandRegistry, platformGetter?: () => Platform);
-  /**
-   * Bind a key combination to a command. Returns an unbind function.
-   * The same `Keybinding` can be bound to multiple commands — they will
-   * all be tried in chain order on dispatch.
-   */
-  bind(binding: KeymapBinding): () => void;
-  /**
-   * Remove bindings matching the spec. If both filters are passed, only
-   * bindings that match BOTH are removed.
-   */
-  unbind(spec: {
-    keybinding?: Keybinding;
-    command?: CommandId;
-  }): void;
-  /** All registered bindings, for introspection. Order is not guaranteed. */
-  bindings(): readonly KeymapBinding[];
-  /**
-   * Match the event against bound chunks, then run candidates in chain
-   * order. Returns `true` and calls `preventDefault()` on the first
-   * handler that consumes; returns `false` if nothing matched or all
-   * matches fell through.
-   */
-  dispatch(event: KeyboardEvent): boolean;
-  /**
-   * Compute the set of canonical hashes a `Keybinding` lights up. A
-   * binding with aliases (multiple sequences) contributes one hash per
-   * single-chunk alias; multi-chunk sequences (chords) are skipped in
-   * V1.
-   */
-  private chunkKeysFor;
-  private has_safe_mod;
-}
-//#endregion
 //#region src/core/parser.d.ts
 type AttrToken = {
   /** Verbatim source name including any prefix, e.g. "xlink:href". */raw_name: string; /** Prefix or null. */
@@ -557,6 +450,19 @@ declare class SvgDocument implements DocumentEvents {
     property: string;
     value: string;
   }>;
+  /**
+   * Whether `id` can be opened in the flat-string text editor.
+   *
+   * v1 contract: the editor only operates on a *single flat text run*. That
+   * means the target must be a `<text>` or `<tspan>` whose direct children
+   * are all text nodes (or it has no children). A `<text>` containing a
+   * `<tspan>` is *not* honestly editable — `text_of` would drop the tspan
+   * content from the editor's view, and a flat-text write would leave the
+   * tspan dangling. Tspan-as-target is fine and well-defined when it's a
+   * leaf; only the host decides whether to route double-click to a tspan
+   * or its parent text.
+   */
+  is_text_edit_target(id: NodeId): boolean;
   text_of(id: NodeId): string;
   /** Replace all direct text children with a single text node carrying `value`. */
   set_text(id: NodeId, value: string): void;
@@ -586,6 +492,113 @@ type Defs = {
   gradients: GradientsApi;
 };
 //#endregion
+//#region src/commands/registry.d.ts
+/**
+ * Command registry.
+ *
+ * A passive id-keyed registry of handlers. Built so that:
+ *
+ *  - keybindings (in `src/keymap`) can address commands by stable id;
+ *  - new commands can be added in ONE place (`src/commands/defaults.ts`)
+ *    without growing the public surface of the editor;
+ *  - "one key, many meanings" can be expressed via chain semantics: a
+ *    handler returns `true` if it consumed, `false`/`void` otherwise,
+ *    and the dispatcher tries the next candidate in the chain.
+ *
+ * Handlers are plain closures — they capture whatever editor reference
+ * they need. The registry itself stays unaware of the editor's type,
+ * which avoids a circular type dependency between editor and registry.
+ */
+/** Stable, dotted id for a command, e.g. `"history.undo"`. */
+type CommandId = string;
+/**
+ * A command handler.
+ *
+ * Return `true` if the handler consumed the invocation. Return `false`
+ * or `undefined` to signal "did not apply" — the dispatcher will try
+ * the next candidate registered for the same key.
+ *
+ * Handlers are closures: they capture their editor reference. No
+ * editor parameter is passed — keep handlers self-contained.
+ */
+type CommandHandler = (args?: unknown) => boolean | void;
+declare class CommandRegistry {
+  private readonly map;
+  /**
+   * Register a command. Returns an unregister function. Re-registering
+   * the same id replaces the previous handler (last writer wins).
+   */
+  register(id: CommandId, handler: CommandHandler): () => void;
+  /**
+   * Invoke a command by id. Returns `true` if the handler consumed,
+   * `false` otherwise (including unknown ids and handlers that returned
+   * `false`/`undefined`).
+   */
+  invoke(id: CommandId, args?: unknown): boolean;
+  has(id: CommandId): boolean;
+  /** All registered ids, for debugging / introspection. */
+  ids(): readonly CommandId[];
+}
+//#endregion
+//#region src/keymap/keymap.d.ts
+type KeymapBinding = {
+  /** Declarative key combination. Build with `kb()` / `c()` / `seq()`. */keybinding: Keybinding; /** Command id to invoke on match. */
+  command: CommandId; /** Forwarded as the `args` parameter to the command handler. */
+  args?: unknown; /** Higher priorities run first in the chain. Default 0. */
+  priority?: number;
+  /**
+   * Reserved for V2; not honored by the V1 dispatcher. When added, this
+   * will be evaluated before the handler runs; if false, the binding is
+   * skipped without invoking the handler.
+   */
+  when?: (ctx: unknown) => boolean;
+};
+declare class Keymap {
+  private readonly commands;
+  private readonly platformGetter;
+  /**
+   * Bindings bucketed by canonical chunk-key hash, computed per
+   * `@grida/keybinding`'s `chunkKey`. Each list is the chain for that
+   * key, sorted in dispatch order (priority desc, then registration
+   * order).
+   */
+  private readonly buckets;
+  /** Insert order, so ties on priority are deterministic. */
+  private seq;
+  constructor(commands: CommandRegistry, platformGetter?: () => Platform);
+  /**
+   * Bind a key combination to a command. Returns an unbind function.
+   * The same `Keybinding` can be bound to multiple commands — they will
+   * all be tried in chain order on dispatch.
+   */
+  bind(binding: KeymapBinding): () => void;
+  /**
+   * Remove bindings matching the spec. If both filters are passed, only
+   * bindings that match BOTH are removed.
+   */
+  unbind(spec: {
+    keybinding?: Keybinding;
+    command?: CommandId;
+  }): void;
+  /** All registered bindings, for introspection. Order is not guaranteed. */
+  bindings(): readonly KeymapBinding[];
+  /**
+   * Match the event against bound chunks, then run candidates in chain
+   * order. Returns `true` and calls `preventDefault()` on the first
+   * handler that consumes; returns `false` if nothing matched or all
+   * matches fell through.
+   */
+  dispatch(event: KeyboardEvent): boolean;
+  /**
+   * Compute the set of canonical hashes a `Keybinding` lights up. A
+   * binding with aliases (multiple sequences) contributes one hash per
+   * single-chunk alias; multi-chunk sequences (chords) are skipped in
+   * V1.
+   */
+  private chunkKeysFor;
+  private has_safe_mod;
+}
+//#endregion
 //#region src/core/properties.d.ts
 declare function read_property(doc: SvgDocument, id: NodeId, property: string): PropertyValue;
 //#endregion
@@ -675,9 +688,18 @@ type Surface = {
 type SurfaceHandle = {
   detach(): void;
 };
+/**
+ * Mode for `commands.select`. Matches the HUD's `SelectMode` vocabulary so
+ * intents can be threaded through without lossy collapsing.
+ *
+ * - `"replace"` (default) — set selection to `ids`, discarding the previous set.
+ * - `"add"` — union: each id in `ids` is added; existing members stay.
+ * - `"toggle"` — flip each id's membership (present → removed; absent → added).
+ */
+type SelectMode = "replace" | "add" | "toggle";
 type Commands = {
   select(target: NodeId | ReadonlyArray<NodeId>, opts?: {
-    additive?: boolean;
+    mode?: SelectMode;
   }): void;
   deselect(): void;
   enter_scope(group: NodeId): void;
@@ -815,4 +837,4 @@ declare function createSvgEditor(opts: CreateSvgEditorOptions): {
   keymap: Keymap;
 };
 //#endregion
-export { LinearGradientDefinition as A, Providers as B, EditorStyle as C, GradientEntry as D, GradientDefinition as E, PaintPreviewSession as F, Vec2 as G, Rect as H, PaintValue as I, PreviewSession as L, NodeId as M, Paint as N, GradientStop as O, PaintFallback as P, PropertyValue as R, EditorState as S, FontResolver as T, ReorderDirection as U, RadialGradientDefinition as V, Unsubscribe as W, CameraConstraints as _, SurfaceHandle as a, Color as b, GestureBinding as c, Gestures as d, KeymapBinding as f, Camera as g, BoundsResolver as h, DomComputedResolver as i, Mode as j, InvalidComputedValue as k, GestureContext as l, CommandId as m, CreateSvgEditorOptions as n, SvgEditor as o, CommandHandler as p, DomComputedPaint as r, createSvgEditor as s, Commands as t, GestureId as u, CameraOptions as v, FileIOProvider as w, DEFAULT_STYLE as x, ClipboardProvider as y, Provenance as z };
+export { InvalidComputedValue as A, Provenance as B, EditorState as C, GradientDefinition as D, FontResolver as E, PaintFallback as F, Unsubscribe as G, RadialGradientDefinition as H, PaintPreviewSession as I, Vec2 as K, PaintValue as L, Mode as M, NodeId as N, GradientEntry as O, Paint as P, PreviewSession as R, DEFAULT_STYLE as S, FileIOProvider as T, Rect as U, Providers as V, ReorderDirection as W, Camera as _, SelectMode as a, ClipboardProvider as b, createSvgEditor as c, GestureId as d, Gestures as f, BoundsResolver as g, CommandId as h, DomComputedResolver as i, LinearGradientDefinition as j, GradientStop as k, GestureBinding as l, CommandHandler as m, CreateSvgEditorOptions as n, SurfaceHandle as o, KeymapBinding as p, DomComputedPaint as r, SvgEditor as s, Commands as t, GestureContext as u, CameraConstraints as v, EditorStyle as w, Color as x, CameraOptions as y, PropertyValue as z };

package/dist/{editor-D2zZAyny.js → editor-Ds47eN37.js}

@@ -1,5 +1,5 @@
-require("./dom-CoVZzFqy.js");
-const require_paint = require("./paint-dDV-Trt9.js");
+require("./dom-DyJy1H6Q.js");
+const require_paint = require("./paint-cTjePy5e.js");
 let _grida_history = require("@grida/history");
 let _grida_keybinding = require("@grida/keybinding");
 //#region src/commands/registry.ts
@@ -490,7 +490,7 @@ var GradientsRegistry = class {
 		};
 	}
 	write_gradient(node, def) {
-		for (const c of [...this.doc.children_of(node)]) this.doc.remove(c);
+		for (const c of this.doc.children_of(node).slice()) this.doc.remove(c);
 		const set_num = (name, v) => {
 			this.doc.set_attr(node, name, v === void 0 ? null : String(v));
 		};
@@ -731,7 +731,6 @@ function parse_attrs(src, from) {
 		const c = src[i];
 		if (c === "/") {
 			if (src[i + 1] !== ">") throw new Error("expected '/>' at " + i);
-			pre + "";
 			return {
 				attrs,
 				end_index: i + 2,
@@ -1013,6 +1012,25 @@ var SvgDocument = class SvgDocument {
 		if (!style) return [];
 		return parse_inline_style(style);
 	}
+	/**
+	* Whether `id` can be opened in the flat-string text editor.
+	*
+	* v1 contract: the editor only operates on a *single flat text run*. That
+	* means the target must be a `<text>` or `<tspan>` whose direct children
+	* are all text nodes (or it has no children). A `<text>` containing a
+	* `<tspan>` is *not* honestly editable — `text_of` would drop the tspan
+	* content from the editor's view, and a flat-text write would leave the
+	* tspan dangling. Tspan-as-target is fine and well-defined when it's a
+	* leaf; only the host decides whether to route double-click to a tspan
+	* or its parent text.
+	*/
+	is_text_edit_target(id) {
+		const n = this.nodes.get(id);
+		if (!n || n.kind !== "element") return false;
+		if (n.local !== "text" && n.local !== "tspan") return false;
+		for (const c of n.children) if (this.nodes.get(c)?.kind !== "text") return false;
+		return true;
+	}
 	text_of(id) {
 		const n = this.nodes.get(id);
 		if (!n || n.kind !== "element") return "";
@@ -1328,7 +1346,7 @@ function createSvgEditor(opts) {
 	let load_version = 0;
 	let style = {
 		...DEFAULT_STYLE,
-		...opts.style ?? {}
+		...opts.style
 	};
 	const providers = opts.providers ?? {};
 	const listeners = /* @__PURE__ */ new Set();
@@ -1381,11 +1399,16 @@ function createSvgEditor(opts) {
 	}
 	function select(target, opts) {
 		const ids = typeof target === "string" ? [target] : [...target];
-		if (opts?.additive) {
-			const merged = new Set(selection);
-			for (const id of ids) merged.add(id);
-			set_selection([...merged]);
-		} else set_selection(ids);
+		const mode = opts?.mode ?? "replace";
+		if (mode === "replace") {
+			set_selection(ids);
+			return;
+		}
+		const next = new Set(selection);
+		if (mode === "add") for (const id of ids) next.add(id);
+		else for (const id of ids) if (next.has(id)) next.delete(id);
+		else next.add(id);
+		set_selection([...next]);
 	}
 	function deselect() {
 		set_selection([]);
@@ -1598,7 +1621,7 @@ function createSvgEditor(opts) {
 	function set_text(value) {
 		if (selection.length !== 1) return;
 		const target = selection[0];
-		if (doc.tag_of(target) !== "text") return;
+		if (!doc.is_text_edit_target(target)) return;
 		const original = doc.text_of(target);
 		if (original === value) return;
 		const apply = () => {
@@ -1641,7 +1664,7 @@ function createSvgEditor(opts) {
 	function enter_content_edit(target) {
 		const id = target ?? (selection.length === 1 ? selection[0] : null);
 		if (!id) return false;
-		if (doc.tag_of(id) !== "text") return false;
+		if (!doc.is_text_edit_target(id)) return false;
 		if (!content_edit_driver) return false;
 		return content_edit_driver(id);
 	}

package/dist/{editor-D2l_CDr0.d.ts → editor-KRAmUodY.d.mts}

@@ -1,6 +1,6 @@
-import cmath from "@grida/cmath";
 import * as _$_grida_history0 from "@grida/history";
 import { Keybinding, Platform } from "@grida/keybinding";
+import cmath from "@grida/cmath";
 
 //#region src/types.d.ts
 /**
@@ -321,113 +321,6 @@ declare class Camera {
   private notify;
 }
 //#endregion
-//#region src/commands/registry.d.ts
-/**
- * Command registry.
- *
- * A passive id-keyed registry of handlers. Built so that:
- *
- *  - keybindings (in `src/keymap`) can address commands by stable id;
- *  - new commands can be added in ONE place (`src/commands/defaults.ts`)
- *    without growing the public surface of the editor;
- *  - "one key, many meanings" can be expressed via chain semantics: a
- *    handler returns `true` if it consumed, `false`/`void` otherwise,
- *    and the dispatcher tries the next candidate in the chain.
- *
- * Handlers are plain closures — they capture whatever editor reference
- * they need. The registry itself stays unaware of the editor's type,
- * which avoids a circular type dependency between editor and registry.
- */
-/** Stable, dotted id for a command, e.g. `"history.undo"`. */
-type CommandId = string;
-/**
- * A command handler.
- *
- * Return `true` if the handler consumed the invocation. Return `false`
- * or `undefined` to signal "did not apply" — the dispatcher will try
- * the next candidate registered for the same key.
- *
- * Handlers are closures: they capture their editor reference. No
- * editor parameter is passed — keep handlers self-contained.
- */
-type CommandHandler = (args?: unknown) => boolean | void;
-declare class CommandRegistry {
-  private readonly map;
-  /**
-   * Register a command. Returns an unregister function. Re-registering
-   * the same id replaces the previous handler (last writer wins).
-   */
-  register(id: CommandId, handler: CommandHandler): () => void;
-  /**
-   * Invoke a command by id. Returns `true` if the handler consumed,
-   * `false` otherwise (including unknown ids and handlers that returned
-   * `false`/`undefined`).
-   */
-  invoke(id: CommandId, args?: unknown): boolean;
-  has(id: CommandId): boolean;
-  /** All registered ids, for debugging / introspection. */
-  ids(): readonly CommandId[];
-}
-//#endregion
-//#region src/keymap/keymap.d.ts
-type KeymapBinding = {
-  /** Declarative key combination. Build with `kb()` / `c()` / `seq()`. */keybinding: Keybinding; /** Command id to invoke on match. */
-  command: CommandId; /** Forwarded as the `args` parameter to the command handler. */
-  args?: unknown; /** Higher priorities run first in the chain. Default 0. */
-  priority?: number;
-  /**
-   * Reserved for V2; not honored by the V1 dispatcher. When added, this
-   * will be evaluated before the handler runs; if false, the binding is
-   * skipped without invoking the handler.
-   */
-  when?: (ctx: unknown) => boolean;
-};
-declare class Keymap {
-  private readonly commands;
-  private readonly platformGetter;
-  /**
-   * Bindings bucketed by canonical chunk-key hash, computed per
-   * `@grida/keybinding`'s `chunkKey`. Each list is the chain for that
-   * key, sorted in dispatch order (priority desc, then registration
-   * order).
-   */
-  private readonly buckets;
-  /** Insert order, so ties on priority are deterministic. */
-  private seq;
-  constructor(commands: CommandRegistry, platformGetter?: () => Platform);
-  /**
-   * Bind a key combination to a command. Returns an unbind function.
-   * The same `Keybinding` can be bound to multiple commands — they will
-   * all be tried in chain order on dispatch.
-   */
-  bind(binding: KeymapBinding): () => void;
-  /**
-   * Remove bindings matching the spec. If both filters are passed, only
-   * bindings that match BOTH are removed.
-   */
-  unbind(spec: {
-    keybinding?: Keybinding;
-    command?: CommandId;
-  }): void;
-  /** All registered bindings, for introspection. Order is not guaranteed. */
-  bindings(): readonly KeymapBinding[];
-  /**
-   * Match the event against bound chunks, then run candidates in chain
-   * order. Returns `true` and calls `preventDefault()` on the first
-   * handler that consumes; returns `false` if nothing matched or all
-   * matches fell through.
-   */
-  dispatch(event: KeyboardEvent): boolean;
-  /**
-   * Compute the set of canonical hashes a `Keybinding` lights up. A
-   * binding with aliases (multiple sequences) contributes one hash per
-   * single-chunk alias; multi-chunk sequences (chords) are skipped in
-   * V1.
-   */
-  private chunkKeysFor;
-  private has_safe_mod;
-}
-//#endregion
 //#region src/core/parser.d.ts
 type AttrToken = {
   /** Verbatim source name including any prefix, e.g. "xlink:href". */raw_name: string; /** Prefix or null. */
@@ -557,6 +450,19 @@ declare class SvgDocument implements DocumentEvents {
     property: string;
     value: string;
   }>;
+  /**
+   * Whether `id` can be opened in the flat-string text editor.
+   *
+   * v1 contract: the editor only operates on a *single flat text run*. That
+   * means the target must be a `<text>` or `<tspan>` whose direct children
+   * are all text nodes (or it has no children). A `<text>` containing a
+   * `<tspan>` is *not* honestly editable — `text_of` would drop the tspan
+   * content from the editor's view, and a flat-text write would leave the
+   * tspan dangling. Tspan-as-target is fine and well-defined when it's a
+   * leaf; only the host decides whether to route double-click to a tspan
+   * or its parent text.
+   */
+  is_text_edit_target(id: NodeId): boolean;
   text_of(id: NodeId): string;
   /** Replace all direct text children with a single text node carrying `value`. */
   set_text(id: NodeId, value: string): void;
@@ -586,6 +492,113 @@ type Defs = {
   gradients: GradientsApi;
 };
 //#endregion
+//#region src/commands/registry.d.ts
+/**
+ * Command registry.
+ *
+ * A passive id-keyed registry of handlers. Built so that:
+ *
+ *  - keybindings (in `src/keymap`) can address commands by stable id;
+ *  - new commands can be added in ONE place (`src/commands/defaults.ts`)
+ *    without growing the public surface of the editor;
+ *  - "one key, many meanings" can be expressed via chain semantics: a
+ *    handler returns `true` if it consumed, `false`/`void` otherwise,
+ *    and the dispatcher tries the next candidate in the chain.
+ *
+ * Handlers are plain closures — they capture whatever editor reference
+ * they need. The registry itself stays unaware of the editor's type,
+ * which avoids a circular type dependency between editor and registry.
+ */
+/** Stable, dotted id for a command, e.g. `"history.undo"`. */
+type CommandId = string;
+/**
+ * A command handler.
+ *
+ * Return `true` if the handler consumed the invocation. Return `false`
+ * or `undefined` to signal "did not apply" — the dispatcher will try
+ * the next candidate registered for the same key.
+ *
+ * Handlers are closures: they capture their editor reference. No
+ * editor parameter is passed — keep handlers self-contained.
+ */
+type CommandHandler = (args?: unknown) => boolean | void;
+declare class CommandRegistry {
+  private readonly map;
+  /**
+   * Register a command. Returns an unregister function. Re-registering
+   * the same id replaces the previous handler (last writer wins).
+   */
+  register(id: CommandId, handler: CommandHandler): () => void;
+  /**
+   * Invoke a command by id. Returns `true` if the handler consumed,
+   * `false` otherwise (including unknown ids and handlers that returned
+   * `false`/`undefined`).
+   */
+  invoke(id: CommandId, args?: unknown): boolean;
+  has(id: CommandId): boolean;
+  /** All registered ids, for debugging / introspection. */
+  ids(): readonly CommandId[];
+}
+//#endregion
+//#region src/keymap/keymap.d.ts
+type KeymapBinding = {
+  /** Declarative key combination. Build with `kb()` / `c()` / `seq()`. */keybinding: Keybinding; /** Command id to invoke on match. */
+  command: CommandId; /** Forwarded as the `args` parameter to the command handler. */
+  args?: unknown; /** Higher priorities run first in the chain. Default 0. */
+  priority?: number;
+  /**
+   * Reserved for V2; not honored by the V1 dispatcher. When added, this
+   * will be evaluated before the handler runs; if false, the binding is
+   * skipped without invoking the handler.
+   */
+  when?: (ctx: unknown) => boolean;
+};
+declare class Keymap {
+  private readonly commands;
+  private readonly platformGetter;
+  /**
+   * Bindings bucketed by canonical chunk-key hash, computed per
+   * `@grida/keybinding`'s `chunkKey`. Each list is the chain for that
+   * key, sorted in dispatch order (priority desc, then registration
+   * order).
+   */
+  private readonly buckets;
+  /** Insert order, so ties on priority are deterministic. */
+  private seq;
+  constructor(commands: CommandRegistry, platformGetter?: () => Platform);
+  /**
+   * Bind a key combination to a command. Returns an unbind function.
+   * The same `Keybinding` can be bound to multiple commands — they will
+   * all be tried in chain order on dispatch.
+   */
+  bind(binding: KeymapBinding): () => void;
+  /**
+   * Remove bindings matching the spec. If both filters are passed, only
+   * bindings that match BOTH are removed.
+   */
+  unbind(spec: {
+    keybinding?: Keybinding;
+    command?: CommandId;
+  }): void;
+  /** All registered bindings, for introspection. Order is not guaranteed. */
+  bindings(): readonly KeymapBinding[];
+  /**
+   * Match the event against bound chunks, then run candidates in chain
+   * order. Returns `true` and calls `preventDefault()` on the first
+   * handler that consumes; returns `false` if nothing matched or all
+   * matches fell through.
+   */
+  dispatch(event: KeyboardEvent): boolean;
+  /**
+   * Compute the set of canonical hashes a `Keybinding` lights up. A
+   * binding with aliases (multiple sequences) contributes one hash per
+   * single-chunk alias; multi-chunk sequences (chords) are skipped in
+   * V1.
+   */
+  private chunkKeysFor;
+  private has_safe_mod;
+}
+//#endregion
 //#region src/core/properties.d.ts
 declare function read_property(doc: SvgDocument, id: NodeId, property: string): PropertyValue;
 //#endregion
@@ -675,9 +688,18 @@ type Surface = {
 type SurfaceHandle = {
   detach(): void;
 };
+/**
+ * Mode for `commands.select`. Matches the HUD's `SelectMode` vocabulary so
+ * intents can be threaded through without lossy collapsing.
+ *
+ * - `"replace"` (default) — set selection to `ids`, discarding the previous set.
+ * - `"add"` — union: each id in `ids` is added; existing members stay.
+ * - `"toggle"` — flip each id's membership (present → removed; absent → added).
+ */
+type SelectMode = "replace" | "add" | "toggle";
 type Commands = {
   select(target: NodeId | ReadonlyArray<NodeId>, opts?: {
-    additive?: boolean;
+    mode?: SelectMode;
   }): void;
   deselect(): void;
   enter_scope(group: NodeId): void;
@@ -815,4 +837,4 @@ declare function createSvgEditor(opts: CreateSvgEditorOptions): {
   keymap: Keymap;
 };
 //#endregion
-export { LinearGradientDefinition as A, Providers as B, EditorStyle as C, GradientEntry as D, GradientDefinition as E, PaintPreviewSession as F, Vec2 as G, Rect as H, PaintValue as I, PreviewSession as L, NodeId as M, Paint as N, GradientStop as O, PaintFallback as P, PropertyValue as R, EditorState as S, FontResolver as T, ReorderDirection as U, RadialGradientDefinition as V, Unsubscribe as W, CameraConstraints as _, SurfaceHandle as a, Color as b, GestureBinding as c, Gestures as d, KeymapBinding as f, Camera as g, BoundsResolver as h, DomComputedResolver as i, Mode as j, InvalidComputedValue as k, GestureContext as l, CommandId as m, CreateSvgEditorOptions as n, SvgEditor as o, CommandHandler as p, DomComputedPaint as r, createSvgEditor as s, Commands as t, GestureId as u, CameraOptions as v, FileIOProvider as w, DEFAULT_STYLE as x, ClipboardProvider as y, Provenance as z };
+export { InvalidComputedValue as A, Provenance as B, EditorState as C, GradientDefinition as D, FontResolver as E, PaintFallback as F, Unsubscribe as G, RadialGradientDefinition as H, PaintPreviewSession as I, Vec2 as K, PaintValue as L, Mode as M, NodeId as N, GradientEntry as O, Paint as P, PreviewSession as R, DEFAULT_STYLE as S, FileIOProvider as T, Rect as U, Providers as V, ReorderDirection as W, Camera as _, SelectMode as a, ClipboardProvider as b, createSvgEditor as c, GestureId as d, Gestures as f, BoundsResolver as g, CommandId as h, DomComputedResolver as i, LinearGradientDefinition as j, GradientStop as k, GestureBinding as l, CommandHandler as m, CreateSvgEditorOptions as n, SurfaceHandle as o, KeymapBinding as p, DomComputedPaint as r, SvgEditor as s, Commands as t, GestureContext as u, CameraConstraints as v, EditorStyle as w, Color as x, CameraOptions as y, PropertyValue as z };

package/dist/index.d.mts

@@ -1,2 +1,2 @@
-import { A as LinearGradientDefinition, B as Providers, C as EditorStyle, D as GradientEntry, E as GradientDefinition, F as PaintPreviewSession, G as Vec2, H as Rect, I as PaintValue, L as PreviewSession, M as NodeId, N as Paint, O as GradientStop, P as PaintFallback, R as PropertyValue, S as EditorState, T as FontResolver, U as ReorderDirection, V as RadialGradientDefinition, W as Unsubscribe, _ as CameraConstraints, a as SurfaceHandle, b as Color, c as GestureBinding, d as Gestures, f as KeymapBinding, g as Camera, h as BoundsResolver, i as DomComputedResolver, j as Mode, k as InvalidComputedValue, l as GestureContext, m as CommandId, n as CreateSvgEditorOptions, o as SvgEditor, p as CommandHandler, r as DomComputedPaint, s as createSvgEditor, t as Commands, u as GestureId, v as CameraOptions, w as FileIOProvider, x as DEFAULT_STYLE, y as ClipboardProvider, z as Provenance } from "./editor-Uu6dZX4y.mjs";
-export { BoundsResolver, Camera, CameraConstraints, CameraOptions, ClipboardProvider, Color, CommandHandler, CommandId, Commands, CreateSvgEditorOptions, DEFAULT_STYLE, DomComputedPaint, DomComputedResolver, EditorState, EditorStyle, FileIOProvider, FontResolver, GestureBinding, GestureContext, GestureId, Gestures, GradientDefinition, GradientEntry, GradientStop, InvalidComputedValue, KeymapBinding, LinearGradientDefinition, Mode, NodeId, Paint, PaintFallback, PaintPreviewSession, PaintValue, PreviewSession, PropertyValue, Provenance, Providers, RadialGradientDefinition, Rect, ReorderDirection, SurfaceHandle, SvgEditor, Unsubscribe, Vec2, createSvgEditor };
+import { A as InvalidComputedValue, B as Provenance, C as EditorState, D as GradientDefinition, E as FontResolver, F as PaintFallback, G as Unsubscribe, H as RadialGradientDefinition, I as PaintPreviewSession, K as Vec2, L as PaintValue, M as Mode, N as NodeId, O as GradientEntry, P as Paint, R as PreviewSession, S as DEFAULT_STYLE, T as FileIOProvider, U as Rect, V as Providers, W as ReorderDirection, _ as Camera, a as SelectMode, b as ClipboardProvider, c as createSvgEditor, d as GestureId, f as Gestures, g as BoundsResolver, h as CommandId, i as DomComputedResolver, j as LinearGradientDefinition, k as GradientStop, l as GestureBinding, m as CommandHandler, n as CreateSvgEditorOptions, o as SurfaceHandle, p as KeymapBinding, r as DomComputedPaint, s as SvgEditor, t as Commands, u as GestureContext, v as CameraConstraints, w as EditorStyle, x as Color, y as CameraOptions, z as PropertyValue } from "./editor-KRAmUodY.mjs";
+export { BoundsResolver, Camera, CameraConstraints, CameraOptions, ClipboardProvider, Color, CommandHandler, CommandId, Commands, CreateSvgEditorOptions, DEFAULT_STYLE, DomComputedPaint, DomComputedResolver, EditorState, EditorStyle, FileIOProvider, FontResolver, GestureBinding, GestureContext, GestureId, Gestures, GradientDefinition, GradientEntry, GradientStop, InvalidComputedValue, KeymapBinding, LinearGradientDefinition, Mode, NodeId, Paint, PaintFallback, PaintPreviewSession, PaintValue, PreviewSession, PropertyValue, Provenance, Providers, RadialGradientDefinition, Rect, ReorderDirection, SelectMode, SurfaceHandle, SvgEditor, Unsubscribe, Vec2, createSvgEditor };

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-import { A as LinearGradientDefinition, B as Providers, C as EditorStyle, D as GradientEntry, E as GradientDefinition, F as PaintPreviewSession, G as Vec2, H as Rect, I as PaintValue, L as PreviewSession, M as NodeId, N as Paint, O as GradientStop, P as PaintFallback, R as PropertyValue, S as EditorState, T as FontResolver, U as ReorderDirection, V as RadialGradientDefinition, W as Unsubscribe, _ as CameraConstraints, a as SurfaceHandle, b as Color, c as GestureBinding, d as Gestures, f as KeymapBinding, g as Camera, h as BoundsResolver, i as DomComputedResolver, j as Mode, k as InvalidComputedValue, l as GestureContext, m as CommandId, n as CreateSvgEditorOptions, o as SvgEditor, p as CommandHandler, r as DomComputedPaint, s as createSvgEditor, t as Commands, u as GestureId, v as CameraOptions, w as FileIOProvider, x as DEFAULT_STYLE, y as ClipboardProvider, z as Provenance } from "./editor-D2l_CDr0.js";
-export { BoundsResolver, Camera, CameraConstraints, CameraOptions, ClipboardProvider, Color, CommandHandler, CommandId, Commands, CreateSvgEditorOptions, DEFAULT_STYLE, DomComputedPaint, DomComputedResolver, EditorState, EditorStyle, FileIOProvider, FontResolver, GestureBinding, GestureContext, GestureId, Gestures, GradientDefinition, GradientEntry, GradientStop, InvalidComputedValue, KeymapBinding, LinearGradientDefinition, Mode, NodeId, Paint, PaintFallback, PaintPreviewSession, PaintValue, PreviewSession, PropertyValue, Provenance, Providers, RadialGradientDefinition, Rect, ReorderDirection, SurfaceHandle, SvgEditor, Unsubscribe, Vec2, createSvgEditor };
+import { A as InvalidComputedValue, B as Provenance, C as EditorState, D as GradientDefinition, E as FontResolver, F as PaintFallback, G as Unsubscribe, H as RadialGradientDefinition, I as PaintPreviewSession, K as Vec2, L as PaintValue, M as Mode, N as NodeId, O as GradientEntry, P as Paint, R as PreviewSession, S as DEFAULT_STYLE, T as FileIOProvider, U as Rect, V as Providers, W as ReorderDirection, _ as Camera, a as SelectMode, b as ClipboardProvider, c as createSvgEditor, d as GestureId, f as Gestures, g as BoundsResolver, h as CommandId, i as DomComputedResolver, j as LinearGradientDefinition, k as GradientStop, l as GestureBinding, m as CommandHandler, n as CreateSvgEditorOptions, o as SurfaceHandle, p as KeymapBinding, r as DomComputedPaint, s as SvgEditor, t as Commands, u as GestureContext, v as CameraConstraints, w as EditorStyle, x as Color, y as CameraOptions, z as PropertyValue } from "./editor-DdgqLDC9.js";
+export { BoundsResolver, Camera, CameraConstraints, CameraOptions, ClipboardProvider, Color, CommandHandler, CommandId, Commands, CreateSvgEditorOptions, DEFAULT_STYLE, DomComputedPaint, DomComputedResolver, EditorState, EditorStyle, FileIOProvider, FontResolver, GestureBinding, GestureContext, GestureId, Gestures, GradientDefinition, GradientEntry, GradientStop, InvalidComputedValue, KeymapBinding, LinearGradientDefinition, Mode, NodeId, Paint, PaintFallback, PaintPreviewSession, PaintValue, PreviewSession, PropertyValue, Provenance, Providers, RadialGradientDefinition, Rect, ReorderDirection, SelectMode, SurfaceHandle, SvgEditor, Unsubscribe, Vec2, createSvgEditor };

package/dist/index.js

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_editor = require("./editor-D2zZAyny.js");
+const require_editor = require("./editor-Ds47eN37.js");
 exports.DEFAULT_STYLE = require_editor.DEFAULT_STYLE;
 exports.createSvgEditor = require_editor.createSvgEditor;

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import { n as DEFAULT_STYLE, t as createSvgEditor } from "./editor-CjK56cgb.mjs";
+import { n as DEFAULT_STYLE, t as createSvgEditor } from "./editor-CRflVqEz.mjs";
 export { DEFAULT_STYLE, createSvgEditor };

package/dist/{paint-dDV-Trt9.js → paint-cTjePy5e.js}

@@ -1,4 +1,4 @@
-require("./dom-CoVZzFqy.js");
+require("./dom-DyJy1H6Q.js");
 let svg_pathdata = require("svg-pathdata");
 //#region src/util/dom.ts
 /**

package/dist/presets.d.mts

@@ -1,5 +1,5 @@
-import { o as SvgEditor } from "./editor-Uu6dZX4y.mjs";
-import { n as DomSurfaceOptions, t as DomSurfaceHandle } from "./dom-DJnZhtOd.mjs";
+import { s as SvgEditor } from "./editor-KRAmUodY.mjs";
+import { n as DomSurfaceOptions, t as DomSurfaceHandle } from "./dom-CMXNUMjP.mjs";
 declare namespace keynote_d_exports {
   export { KeynoteAttachOptions, KeynoteSurfaceHandle, attach };
 }

package/dist/presets.d.ts

@@ -1,5 +1,5 @@
-import { o as SvgEditor } from "./editor-D2l_CDr0.js";
-import { n as DomSurfaceOptions, t as DomSurfaceHandle } from "./dom-Cn-RtjRL.js";
+import { s as SvgEditor } from "./editor-DdgqLDC9.js";
+import { n as DomSurfaceOptions, t as DomSurfaceHandle } from "./dom-eIgcZ4JC.js";
 declare namespace keynote_d_exports {
   export { KeynoteAttachOptions, KeynoteSurfaceHandle, attach };
 }

package/dist/presets.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_dom = require("./dom-CoVZzFqy.js");
+const require_dom = require("./dom-DyJy1H6Q.js");
 //#region src/presets/keynote.ts
 var keynote_exports = /* @__PURE__ */ require_dom.__exportAll({ attach: () => attach });
 /**
@@ -16,28 +16,25 @@ var keynote_exports = /* @__PURE__ */ require_dom.__exportAll({ attach: () => at
 * additionally tears down the load subscription.
 */
 function attach(editor, opts) {
-	let padding = opts.padding ?? 80;
 	const inner = require_dom.attach_dom_surface(editor, {
 		...opts.surface,
 		container: opts.container,
 		fit: true
 	});
-	inner.camera.constraints = {
-		type: "cover",
-		bounds: "<root>",
-		padding
+	const apply = (p) => {
+		inner.camera.constraints = {
+			type: "cover",
+			bounds: "<root>",
+			padding: p
+		};
 	};
-	const unsub_load = editor.subscribe_with_selector((s) => s.load_version, () => inner.camera.fit("<root>", { margin: padding }));
+	apply(opts.padding ?? 80);
+	const unsub_load = editor.subscribe_with_selector((s) => s.load_version, () => inner.camera.fit("<root>", { margin: inner.camera.constraints?.padding ?? 0 }));
 	return {
 		camera: inner.camera,
 		gestures: inner.gestures,
 		set_padding(p) {
-			padding = p;
-			inner.camera.constraints = {
-				type: "cover",
-				bounds: "<root>",
-				padding: p
-			};
+			apply(p);
 			inner.camera.fit("<root>", { margin: p });
 		},
 		detach: () => {

package/dist/presets.mjs

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./chunk-CfYAbeIz.mjs";
-import { t as attach_dom_surface } from "./dom-CmOu0HvI.mjs";
+import { t as attach_dom_surface } from "./dom-l5Y1Wf8C.mjs";
 //#region src/presets/keynote.ts
 var keynote_exports = /* @__PURE__ */ __exportAll({ attach: () => attach });
 /**
@@ -16,28 +16,25 @@ var keynote_exports = /* @__PURE__ */ __exportAll({ attach: () => attach });
 * additionally tears down the load subscription.
 */
 function attach(editor, opts) {
-	let padding = opts.padding ?? 80;
 	const inner = attach_dom_surface(editor, {
 		...opts.surface,
 		container: opts.container,
 		fit: true
 	});
-	inner.camera.constraints = {
-		type: "cover",
-		bounds: "<root>",
-		padding
+	const apply = (p) => {
+		inner.camera.constraints = {
+			type: "cover",
+			bounds: "<root>",
+			padding: p
+		};
 	};
-	const unsub_load = editor.subscribe_with_selector((s) => s.load_version, () => inner.camera.fit("<root>", { margin: padding }));
+	apply(opts.padding ?? 80);
+	const unsub_load = editor.subscribe_with_selector((s) => s.load_version, () => inner.camera.fit("<root>", { margin: inner.camera.constraints?.padding ?? 0 }));
 	return {
 		camera: inner.camera,
 		gestures: inner.gestures,
 		set_padding(p) {
-			padding = p;
-			inner.camera.constraints = {
-				type: "cover",
-				bounds: "<root>",
-				padding: p
-			};
+			apply(p);
 			inner.camera.fit("<root>", { margin: p });
 		},
 		detach: () => {

package/dist/react.d.mts

@@ -1,5 +1,5 @@
-import { B as Providers, C as EditorStyle, S as EditorState, o as SvgEditor, t as Commands } from "./editor-Uu6dZX4y.mjs";
-import { t as DomSurfaceHandle } from "./dom-DJnZhtOd.mjs";
+import { C as EditorState, V as Providers, s as SvgEditor, t as Commands, w as EditorStyle } from "./editor-KRAmUodY.mjs";
+import { t as DomSurfaceHandle } from "./dom-CMXNUMjP.mjs";
 import cmath from "@grida/cmath";
 import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";

package/dist/react.d.ts

@@ -1,5 +1,5 @@
-import { B as Providers, C as EditorStyle, S as EditorState, o as SvgEditor, t as Commands } from "./editor-D2l_CDr0.js";
-import { t as DomSurfaceHandle } from "./dom-Cn-RtjRL.js";
+import { C as EditorState, V as Providers, s as SvgEditor, t as Commands, w as EditorStyle } from "./editor-DdgqLDC9.js";
+import { t as DomSurfaceHandle } from "./dom-eIgcZ4JC.js";
 import cmath from "@grida/cmath";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";

package/dist/react.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_dom = require("./dom-CoVZzFqy.js");
-const require_editor = require("./editor-D2zZAyny.js");
+const require_dom = require("./dom-DyJy1H6Q.js");
+const require_editor = require("./editor-Ds47eN37.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react.tsx

package/dist/react.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { t as createSvgEditor } from "./editor-CjK56cgb.mjs";
-import { t as attach_dom_surface } from "./dom-CmOu0HvI.mjs";
+import { t as createSvgEditor } from "./editor-CRflVqEz.mjs";
+import { t as attach_dom_surface } from "./dom-l5Y1Wf8C.mjs";
 import { createContext, useContext, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grida/svg-editor",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.5",
   "description": "Headless SVG editor (experimental).",
   "license": "MIT",
   "author": "Grida",
@@ -39,11 +39,11 @@
   },
   "dependencies": {
     "svg-pathdata": "^7.2.0",
+    "@grida/cmath": "0.1.0",
     "@grida/history": "0.1.0",
     "@grida/hud": "0.1.0",
-    "@grida/text-editor": "0.1.0",
     "@grida/keybinding": "0.1.0",
-    "@grida/cmath": "0.1.0"
+    "@grida/text-editor": "0.1.0"
   },
   "devDependencies": {
     "@types/react": "^19",