@grida/svg-editor 1.0.0-alpha.21 → 1.0.0-alpha.23

package/dist/{dom-Dw2SPHgc.d.mts → dom-D-ZJO9aK.d.mts}

@@ -198,6 +198,22 @@ declare function project_point_through_ctm(px: number, py: number, ctm: {
   e: number;
   f: number;
 }, container_offset: readonly [number, number]): [number, number];
+/**
+ * The matrix form of {@link project_point_through_ctm}: the full
+ * `local → container-px` affine for a CTM + container offset, as a
+ * `cmath.Transform`. Use when handing the transform to a downstream projector
+ * (e.g. HUD chrome) instead of projecting a single point.
+ *
+ * Pure function, no DOM types.
+ */
+declare function ctm_to_container_transform(ctm: {
+  a: number;
+  b: number;
+  c: number;
+  d: number;
+  e: number;
+  f: number;
+}, container_offset: readonly [number, number]): cmath.Transform;
 /**
  * Inverse of the CTM's linear part applied to a delta vector. Drops
  * translation. Used to convert a HUD-reported container-space drag delta
@@ -236,4 +252,4 @@ declare function inverse_project_rect(rect: {
   f: number;
 }, offset: readonly [number, number]): cmath.Rectangle | null;
 //#endregion
-export { install_font_load_geometry_bump as a, project_point_through_ctm as c, attach_dom_surface as i, DEFAULT_SNAP_OPTIONS as l, DomSurfaceHandle as n, inverse_project_rect as o, DomSurfaceOptions as r, project_delta_inverse_ctm as s, AttentionScope as t, SnapOptions as u };
+export { ctm_to_container_transform as a, project_delta_inverse_ctm as c, SnapOptions as d, attach_dom_surface as i, project_point_through_ctm as l, DomSurfaceHandle as n, install_font_load_geometry_bump as o, DomSurfaceOptions as r, inverse_project_rect as s, AttentionScope as t, DEFAULT_SNAP_OPTIONS as u };

package/dist/{dom-DHaTIObb.mjs → dom-DVxR7PNh.mjs}

@@ -1,4 +1,4 @@
-import { S as is_text_input_focused, a as paint, c as hit_shape_svg, d as NudgeDwellWatcher, f as TranslateOrchestrator, h as transform, i as TOOL_CURSOR, l as RotateOrchestrator, m as group, n as insertions, o as ResizeOrchestrator, s as resize_pipeline, t as PathModel, w as default_nudge_handler, x as array_shallow_equal } from "./model-C6jCFK_p.mjs";
+import { S as is_text_input_focused, a as paint, c as hit_shape_svg, d as NudgeDwellWatcher, f as TranslateOrchestrator, h as transform, i as TOOL_CURSOR, l as RotateOrchestrator, m as group, n as insertions, o as ResizeOrchestrator, s as resize_pipeline, t as PathModel, w as default_nudge_handler, x as array_shallow_equal } from "./model-zMPCOVAr.mjs";
 import cmath from "@grida/cmath";
 import { svg_parse } from "@grida/svg/parse";
 import { SVGShapes } from "@grida/svg/pathdata";
@@ -1222,44 +1222,32 @@ function create_attention_tracker(container) {
 }
 //#endregion
 //#region src/text-surface.ts
-const SVG_NS = "http://www.w3.org/2000/svg";
 const XML_NS = "http://www.w3.org/XML/1998/namespace";
 var SvgTextSurface = class {
-	constructor(textEl) {
+	/**
+	* @param textEl the live text element to drive.
+	* @param sink   receives the caret + selection geometry (local space) on
+	*   every change; the host projects + forwards it to the HUD. Called with
+	*   `null` on dispose so the host clears the chrome.
+	*/
+	constructor(textEl, sink) {
 		this.prevXmlSpace = void 0;
 		this.prevPointerEvents = void 0;
+		this.caret = null;
+		this.selection = null;
 		this.last_caret_idx = -1;
 		this.last_caret_visible = false;
 		this.last_sel_start = -1;
 		this.last_sel_end = -1;
 		this.textEl = textEl;
-		const ownerDoc = textEl.ownerDocument;
-		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;
+		this.sink = sink;
+		const computedWhitespace = textEl.ownerDocument.defaultView?.getComputedStyle(textEl).whiteSpace;
 		if (!(computedWhitespace === "pre" || computedWhitespace === "pre-wrap" || computedWhitespace === "break-spaces")) {
 			this.prevXmlSpace = textEl.getAttributeNS(XML_NS, "space");
 			textEl.setAttributeNS(XML_NS, "xml:space", "preserve");
 		}
 		this.prevPointerEvents = textEl.getAttribute("pointer-events");
 		textEl.setAttribute("pointer-events", "bounding-box");
-		const selection = ownerDoc.createElementNS(SVG_NS, "rect");
-		selection.setAttribute("fill", "#2563eb");
-		selection.setAttribute("fill-opacity", "0.25");
-		selection.setAttribute("pointer-events", "none");
-		selection.setAttribute("data-svg-text-edit-selection", "");
-		selection.style.display = "none";
-		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, mountAnchor.nextSibling);
-		this.caretRect = caret;
 	}
 	setText(text) {
 		if (this.textEl.textContent !== text) this.textEl.textContent = text;
@@ -1268,38 +1256,43 @@ var SvgTextSurface = class {
 		if (index === this.last_caret_idx && visible === this.last_caret_visible) return;
 		this.last_caret_idx = index;
 		this.last_caret_visible = visible;
-		if (!visible) {
-			this.caretRect.style.display = "none";
-			return;
-		}
 		const m = this.metrics();
 		const x = this.charX(index);
-		this.caretRect.setAttribute("x", String(x - .75));
-		this.caretRect.setAttribute("y", String(m.top));
-		this.caretRect.setAttribute("width", "1.5");
-		this.caretRect.setAttribute("height", String(m.height));
-		this.caretRect.style.display = "block";
+		this.caret = {
+			top: [x, m.top],
+			bottom: [x, m.top + m.height],
+			visible
+		};
+		this.emit();
 	}
 	setSelection(start, end) {
 		if (start === this.last_sel_start && end === this.last_sel_end) return;
 		this.last_sel_start = start;
 		this.last_sel_end = end;
 		if (start === end) {
-			this.selectionRect.style.display = "none";
+			this.selection = null;
+			this.emit();
 			return;
 		}
 		const m = this.metrics();
 		const x1 = this.charX(start);
 		const x2 = this.charX(end);
-		this.selectionRect.setAttribute("x", String(Math.min(x1, x2)));
-		this.selectionRect.setAttribute("y", String(m.top));
-		this.selectionRect.setAttribute("width", String(Math.abs(x2 - x1)));
-		this.selectionRect.setAttribute("height", String(m.height));
-		this.selectionRect.style.display = "block";
+		this.selection = {
+			x: Math.min(x1, x2),
+			y: m.top,
+			width: Math.abs(x2 - x1),
+			height: m.height
+		};
+		this.emit();
+	}
+	emit() {
+		this.sink({
+			caret: this.caret,
+			selection: this.selection
+		});
 	}
 	dispose(keepEditMutations = false) {
-		this.caretRect.remove();
-		this.selectionRect.remove();
+		this.sink(null);
 		if (this.prevXmlSpace !== void 0 && !keepEditMutations) if (this.prevXmlSpace === null) this.textEl.removeAttributeNS(XML_NS, "space");
 		else this.textEl.setAttributeNS(XML_NS, "xml:space", this.prevXmlSpace);
 		if (this.prevPointerEvents !== void 0) if (this.prevPointerEvents === null) this.textEl.removeAttribute("pointer-events");
@@ -1923,6 +1916,7 @@ var DomSurface = class DomSurface {
 		this.text_edit = null;
 		this.text_edit_target = null;
 		this.text_edit_original = "";
+		this.text_edit_geom = null;
 		this.pending_text_insert = null;
 		this.vector_edit = null;
 		this.point_snap_guide = void 0;
@@ -2067,6 +2061,7 @@ var DomSurface = class DomSurface {
 			this.apply_camera_transform();
 			this.hud.setPixelGridTransform(this.camera.transform);
 			this.sync_surface_selection();
+			if (this.text_edit_geom) this.push_text_edit_chrome(this.text_edit_geom);
 			this.redraw();
 		}));
 		this.render();
@@ -3192,7 +3187,7 @@ var DomSurface = class DomSurface {
 			mods: next
 		});
 		if ((prev.shift !== next.shift || prev.alt !== next.alt) && this.translate_orchestrator.has_active_session()) this.translate_orchestrator.redrive_modifiers(this.current_translate_modifiers());
-		if (prev.shift !== next.shift && this.resize_orchestrator.has_active_session()) this.resize_orchestrator.redrive_modifiers(this.current_resize_modifiers());
+		if ((prev.shift !== next.shift || prev.alt !== next.alt) && this.resize_orchestrator.has_active_session()) this.resize_orchestrator.redrive_modifiers(this.current_resize_modifiers());
 		if (prev.shift !== next.shift && this.rotate_orchestrator.has_active_session()) this.rotate_orchestrator.redrive_modifiers(this.current_rotate_modifiers());
 		let cursor_changed = response.cursorChanged;
 		let hover_changed = response.hoverChanged;
@@ -3690,8 +3685,10 @@ var DomSurface = class DomSurface {
 	/** Snapshot of HUD modifier state mapped to `ResizeModifiers`. Same
 	*  pull-at-consume discipline as `current_translate_modifiers`. */
 	current_resize_modifiers() {
+		const mods = this.hud.modifiers();
 		return {
-			aspect_lock: this.hud.modifiers().shift ? "uniform" : "off",
+			aspect_lock: mods.shift ? "uniform" : "off",
+			from_center: mods.alt,
 			force_disable_snap: false
 		};
 	}
@@ -4072,7 +4069,10 @@ var DomSurface = class DomSurface {
 		this.sync_surface_selection();
 		this.sync_cursor();
 		this.redraw();
-		const text_surface = new SvgTextSurface(this.element_index.get(id) ?? el);
+		const text_surface = new SvgTextSurface(this.element_index.get(id) ?? el, (geom) => {
+			this.push_text_edit_chrome(geom);
+			this.request_redraw();
+		});
 		const is_mac = typeof navigator !== "undefined" && /Mac|iPod|iPhone|iPad/.test(navigator.userAgent);
 		let settled = false;
 		this.text_edit = createTextEditor({
@@ -4120,11 +4120,45 @@ var DomSurface = class DomSurface {
 		this.render();
 		this.sync_surface_selection();
 		this.sync_cursor();
+		this.push_text_edit_chrome(null);
 		this.redraw();
 		this.text_edit = null;
 		this.text_edit_target = null;
 	}
 	/**
+	* Project the active session's text-edit geometry (LOCAL svg user-space) and
+	* push it to the HUD as text-edit chrome (caret + selection), or clear it on
+	* `null`. The local→container-px transform comes from the live text
+	* element's `getScreenCTM` (which folds in the camera's CSS transform on the
+	* SVG root) minus the container offset — the same projection convention
+	* `vector_of` / `container_box` use. The HUD keeps its own transform at
+	* identity, so this per-chrome transform is the whole projection. Does NOT
+	* redraw — callers own that.
+	*/
+	push_text_edit_chrome(geom) {
+		this.text_edit_geom = geom;
+		if (!geom) {
+			this.hud.setTextEditChrome(null);
+			return;
+		}
+		const ctm = (this.text_edit_target ? this.element_index.get(this.text_edit_target) : void 0)?.getScreenCTM?.() ?? null;
+		if (!ctm) {
+			this.hud.setTextEditChrome(null);
+			return;
+		}
+		const input = {
+			transform: ctm_to_container_transform(ctm, this.container_offset()),
+			caret: geom.caret ? {
+				top: geom.caret.top,
+				bottom: geom.caret.bottom
+			} : void 0,
+			caretVisible: geom.caret?.visible ?? false,
+			selectionRects: geom.selection ? [geom.selection] : void 0,
+			style: { caretColor: "#000000" }
+		};
+		this.hud.setTextEditChrome(input);
+	}
+	/**
 	* Realize the result of a text content-edit session and exit. `result`
 	* is the text that should remain — the typed text on commit, the original
 	* on cancel. Implements the empty-equals-delete rule (design:
@@ -4943,6 +4977,25 @@ function project_point_through_ctm(px, py, ctm, container_offset) {
 	return [sx + container_offset[0], sy + container_offset[1]];
 }
 /**
+* The matrix form of {@link project_point_through_ctm}: the full
+* `local → container-px` affine for a CTM + container offset, as a
+* `cmath.Transform`. Use when handing the transform to a downstream projector
+* (e.g. HUD chrome) instead of projecting a single point.
+*
+* Pure function, no DOM types.
+*/
+function ctm_to_container_transform(ctm, container_offset) {
+	return [[
+		ctm.a,
+		ctm.c,
+		ctm.e + container_offset[0]
+	], [
+		ctm.b,
+		ctm.d,
+		ctm.f + container_offset[1]
+	]];
+}
+/**
 * Inverse of the CTM's linear part applied to a delta vector. Drops
 * translation. Used to convert a HUD-reported container-space drag delta
 * back to the path's local coord space for `PathModel.translateVertices`.
@@ -5218,4 +5271,4 @@ var SvgHitShapeDriver = class {
 	}
 };
 //#endregion
-export { project_point_through_ctm as a, MemoizedGeometryProvider as c, project_delta_inverse_ctm as i, Camera as l, install_font_load_geometry_bump as n, Gestures as o, inverse_project_rect as r, DEFAULT_SNAP_OPTIONS as s, attach_dom_surface as t };
+export { project_delta_inverse_ctm as a, DEFAULT_SNAP_OPTIONS as c, inverse_project_rect as i, MemoizedGeometryProvider as l, ctm_to_container_transform as n, project_point_through_ctm as o, install_font_load_geometry_bump as r, Gestures as s, attach_dom_surface as t, Camera as u };

package/dist/{dom-CuK0LFUY.js → dom-Disackua.js}

@@ -1,4 +1,4 @@
-const require_model = require("./model-DVwjrVYp.js");
+const require_model = require("./model-HEKGO-56.js");
 let _grida_cmath = require("@grida/cmath");
 _grida_cmath = require_model.__toESM(_grida_cmath);
 let _grida_svg_parse = require("@grida/svg/parse");
@@ -1224,44 +1224,32 @@ function create_attention_tracker(container) {
 }
 //#endregion
 //#region src/text-surface.ts
-const SVG_NS = "http://www.w3.org/2000/svg";
 const XML_NS = "http://www.w3.org/XML/1998/namespace";
 var SvgTextSurface = class {
-	constructor(textEl) {
+	/**
+	* @param textEl the live text element to drive.
+	* @param sink   receives the caret + selection geometry (local space) on
+	*   every change; the host projects + forwards it to the HUD. Called with
+	*   `null` on dispose so the host clears the chrome.
+	*/
+	constructor(textEl, sink) {
 		this.prevXmlSpace = void 0;
 		this.prevPointerEvents = void 0;
+		this.caret = null;
+		this.selection = null;
 		this.last_caret_idx = -1;
 		this.last_caret_visible = false;
 		this.last_sel_start = -1;
 		this.last_sel_end = -1;
 		this.textEl = textEl;
-		const ownerDoc = textEl.ownerDocument;
-		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;
+		this.sink = sink;
+		const computedWhitespace = textEl.ownerDocument.defaultView?.getComputedStyle(textEl).whiteSpace;
 		if (!(computedWhitespace === "pre" || computedWhitespace === "pre-wrap" || computedWhitespace === "break-spaces")) {
 			this.prevXmlSpace = textEl.getAttributeNS(XML_NS, "space");
 			textEl.setAttributeNS(XML_NS, "xml:space", "preserve");
 		}
 		this.prevPointerEvents = textEl.getAttribute("pointer-events");
 		textEl.setAttribute("pointer-events", "bounding-box");
-		const selection = ownerDoc.createElementNS(SVG_NS, "rect");
-		selection.setAttribute("fill", "#2563eb");
-		selection.setAttribute("fill-opacity", "0.25");
-		selection.setAttribute("pointer-events", "none");
-		selection.setAttribute("data-svg-text-edit-selection", "");
-		selection.style.display = "none";
-		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, mountAnchor.nextSibling);
-		this.caretRect = caret;
 	}
 	setText(text) {
 		if (this.textEl.textContent !== text) this.textEl.textContent = text;
@@ -1270,38 +1258,43 @@ var SvgTextSurface = class {
 		if (index === this.last_caret_idx && visible === this.last_caret_visible) return;
 		this.last_caret_idx = index;
 		this.last_caret_visible = visible;
-		if (!visible) {
-			this.caretRect.style.display = "none";
-			return;
-		}
 		const m = this.metrics();
 		const x = this.charX(index);
-		this.caretRect.setAttribute("x", String(x - .75));
-		this.caretRect.setAttribute("y", String(m.top));
-		this.caretRect.setAttribute("width", "1.5");
-		this.caretRect.setAttribute("height", String(m.height));
-		this.caretRect.style.display = "block";
+		this.caret = {
+			top: [x, m.top],
+			bottom: [x, m.top + m.height],
+			visible
+		};
+		this.emit();
 	}
 	setSelection(start, end) {
 		if (start === this.last_sel_start && end === this.last_sel_end) return;
 		this.last_sel_start = start;
 		this.last_sel_end = end;
 		if (start === end) {
-			this.selectionRect.style.display = "none";
+			this.selection = null;
+			this.emit();
 			return;
 		}
 		const m = this.metrics();
 		const x1 = this.charX(start);
 		const x2 = this.charX(end);
-		this.selectionRect.setAttribute("x", String(Math.min(x1, x2)));
-		this.selectionRect.setAttribute("y", String(m.top));
-		this.selectionRect.setAttribute("width", String(Math.abs(x2 - x1)));
-		this.selectionRect.setAttribute("height", String(m.height));
-		this.selectionRect.style.display = "block";
+		this.selection = {
+			x: Math.min(x1, x2),
+			y: m.top,
+			width: Math.abs(x2 - x1),
+			height: m.height
+		};
+		this.emit();
+	}
+	emit() {
+		this.sink({
+			caret: this.caret,
+			selection: this.selection
+		});
 	}
 	dispose(keepEditMutations = false) {
-		this.caretRect.remove();
-		this.selectionRect.remove();
+		this.sink(null);
 		if (this.prevXmlSpace !== void 0 && !keepEditMutations) if (this.prevXmlSpace === null) this.textEl.removeAttributeNS(XML_NS, "space");
 		else this.textEl.setAttributeNS(XML_NS, "xml:space", this.prevXmlSpace);
 		if (this.prevPointerEvents !== void 0) if (this.prevPointerEvents === null) this.textEl.removeAttribute("pointer-events");
@@ -1925,6 +1918,7 @@ var DomSurface = class DomSurface {
 		this.text_edit = null;
 		this.text_edit_target = null;
 		this.text_edit_original = "";
+		this.text_edit_geom = null;
 		this.pending_text_insert = null;
 		this.vector_edit = null;
 		this.point_snap_guide = void 0;
@@ -2069,6 +2063,7 @@ var DomSurface = class DomSurface {
 			this.apply_camera_transform();
 			this.hud.setPixelGridTransform(this.camera.transform);
 			this.sync_surface_selection();
+			if (this.text_edit_geom) this.push_text_edit_chrome(this.text_edit_geom);
 			this.redraw();
 		}));
 		this.render();
@@ -3194,7 +3189,7 @@ var DomSurface = class DomSurface {
 			mods: next
 		});
 		if ((prev.shift !== next.shift || prev.alt !== next.alt) && this.translate_orchestrator.has_active_session()) this.translate_orchestrator.redrive_modifiers(this.current_translate_modifiers());
-		if (prev.shift !== next.shift && this.resize_orchestrator.has_active_session()) this.resize_orchestrator.redrive_modifiers(this.current_resize_modifiers());
+		if ((prev.shift !== next.shift || prev.alt !== next.alt) && this.resize_orchestrator.has_active_session()) this.resize_orchestrator.redrive_modifiers(this.current_resize_modifiers());
 		if (prev.shift !== next.shift && this.rotate_orchestrator.has_active_session()) this.rotate_orchestrator.redrive_modifiers(this.current_rotate_modifiers());
 		let cursor_changed = response.cursorChanged;
 		let hover_changed = response.hoverChanged;
@@ -3692,8 +3687,10 @@ var DomSurface = class DomSurface {
 	/** Snapshot of HUD modifier state mapped to `ResizeModifiers`. Same
 	*  pull-at-consume discipline as `current_translate_modifiers`. */
 	current_resize_modifiers() {
+		const mods = this.hud.modifiers();
 		return {
-			aspect_lock: this.hud.modifiers().shift ? "uniform" : "off",
+			aspect_lock: mods.shift ? "uniform" : "off",
+			from_center: mods.alt,
 			force_disable_snap: false
 		};
 	}
@@ -4074,7 +4071,10 @@ var DomSurface = class DomSurface {
 		this.sync_surface_selection();
 		this.sync_cursor();
 		this.redraw();
-		const text_surface = new SvgTextSurface(this.element_index.get(id) ?? el);
+		const text_surface = new SvgTextSurface(this.element_index.get(id) ?? el, (geom) => {
+			this.push_text_edit_chrome(geom);
+			this.request_redraw();
+		});
 		const is_mac = typeof navigator !== "undefined" && /Mac|iPod|iPhone|iPad/.test(navigator.userAgent);
 		let settled = false;
 		this.text_edit = (0, _grida_text_editor_dom.createTextEditor)({
@@ -4122,11 +4122,45 @@ var DomSurface = class DomSurface {
 		this.render();
 		this.sync_surface_selection();
 		this.sync_cursor();
+		this.push_text_edit_chrome(null);
 		this.redraw();
 		this.text_edit = null;
 		this.text_edit_target = null;
 	}
 	/**
+	* Project the active session's text-edit geometry (LOCAL svg user-space) and
+	* push it to the HUD as text-edit chrome (caret + selection), or clear it on
+	* `null`. The local→container-px transform comes from the live text
+	* element's `getScreenCTM` (which folds in the camera's CSS transform on the
+	* SVG root) minus the container offset — the same projection convention
+	* `vector_of` / `container_box` use. The HUD keeps its own transform at
+	* identity, so this per-chrome transform is the whole projection. Does NOT
+	* redraw — callers own that.
+	*/
+	push_text_edit_chrome(geom) {
+		this.text_edit_geom = geom;
+		if (!geom) {
+			this.hud.setTextEditChrome(null);
+			return;
+		}
+		const ctm = (this.text_edit_target ? this.element_index.get(this.text_edit_target) : void 0)?.getScreenCTM?.() ?? null;
+		if (!ctm) {
+			this.hud.setTextEditChrome(null);
+			return;
+		}
+		const input = {
+			transform: ctm_to_container_transform(ctm, this.container_offset()),
+			caret: geom.caret ? {
+				top: geom.caret.top,
+				bottom: geom.caret.bottom
+			} : void 0,
+			caretVisible: geom.caret?.visible ?? false,
+			selectionRects: geom.selection ? [geom.selection] : void 0,
+			style: { caretColor: "#000000" }
+		};
+		this.hud.setTextEditChrome(input);
+	}
+	/**
 	* Realize the result of a text content-edit session and exit. `result`
 	* is the text that should remain — the typed text on commit, the original
 	* on cancel. Implements the empty-equals-delete rule (design:
@@ -4945,6 +4979,25 @@ function project_point_through_ctm(px, py, ctm, container_offset) {
 	return [sx + container_offset[0], sy + container_offset[1]];
 }
 /**
+* The matrix form of {@link project_point_through_ctm}: the full
+* `local → container-px` affine for a CTM + container offset, as a
+* `cmath.Transform`. Use when handing the transform to a downstream projector
+* (e.g. HUD chrome) instead of projecting a single point.
+*
+* Pure function, no DOM types.
+*/
+function ctm_to_container_transform(ctm, container_offset) {
+	return [[
+		ctm.a,
+		ctm.c,
+		ctm.e + container_offset[0]
+	], [
+		ctm.b,
+		ctm.d,
+		ctm.f + container_offset[1]
+	]];
+}
+/**
 * Inverse of the CTM's linear part applied to a delta vector. Drops
 * translation. Used to convert a HUD-reported container-space drag delta
 * back to the path's local coord space for `PathModel.translateVertices`.
@@ -5250,6 +5303,12 @@ Object.defineProperty(exports, "attach_dom_surface", {
 		return attach_dom_surface;
 	}
 });
+Object.defineProperty(exports, "ctm_to_container_transform", {
+	enumerable: true,
+	get: function() {
+		return ctm_to_container_transform;
+	}
+});
 Object.defineProperty(exports, "install_font_load_geometry_bump", {
 	enumerable: true,
 	get: function() {

package/dist/{dom-CQkWJNrK.d.ts → dom-Dl56kUW5.d.ts}

@@ -196,6 +196,22 @@ declare function project_point_through_ctm(px: number, py: number, ctm: {
   e: number;
   f: number;
 }, container_offset: readonly [number, number]): [number, number];
+/**
+ * The matrix form of {@link project_point_through_ctm}: the full
+ * `local → container-px` affine for a CTM + container offset, as a
+ * `cmath.Transform`. Use when handing the transform to a downstream projector
+ * (e.g. HUD chrome) instead of projecting a single point.
+ *
+ * Pure function, no DOM types.
+ */
+declare function ctm_to_container_transform(ctm: {
+  a: number;
+  b: number;
+  c: number;
+  d: number;
+  e: number;
+  f: number;
+}, container_offset: readonly [number, number]): cmath.Transform;
 /**
  * Inverse of the CTM's linear part applied to a delta vector. Drops
  * translation. Used to convert a HUD-reported container-space drag delta
@@ -234,4 +250,4 @@ declare function inverse_project_rect(rect: {
   f: number;
 }, offset: readonly [number, number]): cmath.Rectangle | null;
 //#endregion
-export { install_font_load_geometry_bump as a, project_point_through_ctm as c, attach_dom_surface as i, DEFAULT_SNAP_OPTIONS as l, DomSurfaceHandle as n, inverse_project_rect as o, DomSurfaceOptions as r, project_delta_inverse_ctm as s, AttentionScope as t, SnapOptions as u };
+export { ctm_to_container_transform as a, project_delta_inverse_ctm as c, SnapOptions as d, attach_dom_surface as i, project_point_through_ctm as l, DomSurfaceHandle as n, install_font_load_geometry_bump as o, DomSurfaceOptions as r, inverse_project_rect as s, AttentionScope as t, DEFAULT_SNAP_OPTIONS as u };

package/dist/dom.d.mts

@@ -1,3 +1,3 @@
 import { C as BoundsResolver, E as CameraOptions, T as CameraConstraints, d as GestureContext, f as GestureId, g as MemoizedGeometryProvider, h as GeometrySignals, i as DomComputedResolver, m as GeometryProvider, p as Gestures, r as DomComputedPaint, u as GestureBinding, w as Camera } from "./editor-CcW4BVth.mjs";
-import { a as install_font_load_geometry_bump, c as project_point_through_ctm, i as attach_dom_surface, l as DEFAULT_SNAP_OPTIONS, n as DomSurfaceHandle, o as inverse_project_rect, r as DomSurfaceOptions, s as project_delta_inverse_ctm, t as AttentionScope, u as SnapOptions } from "./dom-Dw2SPHgc.mjs";
-export { AttentionScope, type BoundsResolver, Camera, type CameraConstraints, type CameraOptions, DEFAULT_SNAP_OPTIONS, type DomComputedPaint, type DomComputedResolver, DomSurfaceHandle, DomSurfaceOptions, type GeometryProvider, type GeometrySignals, type GestureBinding, type GestureContext, type GestureId, Gestures, MemoizedGeometryProvider, type SnapOptions, attach_dom_surface, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };
+import { a as ctm_to_container_transform, c as project_delta_inverse_ctm, d as SnapOptions, i as attach_dom_surface, l as project_point_through_ctm, n as DomSurfaceHandle, o as install_font_load_geometry_bump, r as DomSurfaceOptions, s as inverse_project_rect, t as AttentionScope, u as DEFAULT_SNAP_OPTIONS } from "./dom-D-ZJO9aK.mjs";
+export { AttentionScope, type BoundsResolver, Camera, type CameraConstraints, type CameraOptions, DEFAULT_SNAP_OPTIONS, type DomComputedPaint, type DomComputedResolver, DomSurfaceHandle, DomSurfaceOptions, type GeometryProvider, type GeometrySignals, type GestureBinding, type GestureContext, type GestureId, Gestures, MemoizedGeometryProvider, type SnapOptions, attach_dom_surface, ctm_to_container_transform, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };

package/dist/dom.d.ts

@@ -1,3 +1,3 @@
 import { C as BoundsResolver, E as CameraOptions, T as CameraConstraints, d as GestureContext, f as GestureId, g as MemoizedGeometryProvider, h as GeometrySignals, i as DomComputedResolver, m as GeometryProvider, p as Gestures, r as DomComputedPaint, u as GestureBinding, w as Camera } from "./editor-CxqRhhzP.js";
-import { a as install_font_load_geometry_bump, c as project_point_through_ctm, i as attach_dom_surface, l as DEFAULT_SNAP_OPTIONS, n as DomSurfaceHandle, o as inverse_project_rect, r as DomSurfaceOptions, s as project_delta_inverse_ctm, t as AttentionScope, u as SnapOptions } from "./dom-CQkWJNrK.js";
-export { AttentionScope, type BoundsResolver, Camera, type CameraConstraints, type CameraOptions, DEFAULT_SNAP_OPTIONS, type DomComputedPaint, type DomComputedResolver, DomSurfaceHandle, DomSurfaceOptions, type GeometryProvider, type GeometrySignals, type GestureBinding, type GestureContext, type GestureId, Gestures, MemoizedGeometryProvider, type SnapOptions, attach_dom_surface, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };
+import { a as ctm_to_container_transform, c as project_delta_inverse_ctm, d as SnapOptions, i as attach_dom_surface, l as project_point_through_ctm, n as DomSurfaceHandle, o as install_font_load_geometry_bump, r as DomSurfaceOptions, s as inverse_project_rect, t as AttentionScope, u as DEFAULT_SNAP_OPTIONS } from "./dom-Dl56kUW5.js";
+export { AttentionScope, type BoundsResolver, Camera, type CameraConstraints, type CameraOptions, DEFAULT_SNAP_OPTIONS, type DomComputedPaint, type DomComputedResolver, DomSurfaceHandle, DomSurfaceOptions, type GeometryProvider, type GeometrySignals, type GestureBinding, type GestureContext, type GestureId, Gestures, MemoizedGeometryProvider, type SnapOptions, attach_dom_surface, ctm_to_container_transform, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };

package/dist/dom.js

@@ -1,10 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_dom = require("./dom-CuK0LFUY.js");
+const require_dom = require("./dom-Disackua.js");
 exports.Camera = require_dom.Camera;
 exports.DEFAULT_SNAP_OPTIONS = require_dom.DEFAULT_SNAP_OPTIONS;
 exports.Gestures = require_dom.Gestures;
 exports.MemoizedGeometryProvider = require_dom.MemoizedGeometryProvider;
 exports.attach_dom_surface = require_dom.attach_dom_surface;
+exports.ctm_to_container_transform = require_dom.ctm_to_container_transform;
 exports.install_font_load_geometry_bump = require_dom.install_font_load_geometry_bump;
 exports.inverse_project_rect = require_dom.inverse_project_rect;
 exports.project_delta_inverse_ctm = require_dom.project_delta_inverse_ctm;

package/dist/dom.mjs

@@ -1,2 +1,2 @@
-import { a as project_point_through_ctm, c as MemoizedGeometryProvider, i as project_delta_inverse_ctm, l as Camera, n as install_font_load_geometry_bump, o as Gestures, r as inverse_project_rect, s as DEFAULT_SNAP_OPTIONS, t as attach_dom_surface } from "./dom-DHaTIObb.mjs";
-export { Camera, DEFAULT_SNAP_OPTIONS, Gestures, MemoizedGeometryProvider, attach_dom_surface, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };
+import { a as project_delta_inverse_ctm, c as DEFAULT_SNAP_OPTIONS, i as inverse_project_rect, l as MemoizedGeometryProvider, n as ctm_to_container_transform, o as project_point_through_ctm, r as install_font_load_geometry_bump, s as Gestures, t as attach_dom_surface, u as Camera } from "./dom-DVxR7PNh.mjs";
+export { Camera, DEFAULT_SNAP_OPTIONS, Gestures, MemoizedGeometryProvider, attach_dom_surface, ctm_to_container_transform, install_font_load_geometry_bump, inverse_project_rect, project_delta_inverse_ctm, project_point_through_ctm };

package/dist/{editor-CJ3ROm0G.mjs → editor-DCDQl18y.mjs}

@@ -1,4 +1,4 @@
-import { C as TOOL_SET, S as is_text_input_focused, T as registerDefaultCommands, _ as SVG_NS, a as paint, b as XMLNS_NS, g as subtree, h as transform, i as TOOL_CURSOR, m as group, n as insertions, p as translate_pipeline, r as DEFAULT_STYLE, s as resize_pipeline, u as rotate_pipeline, v as SvgDocument, x as array_shallow_equal, y as WELL_KNOWN_NS_PREFIXES } from "./model-C6jCFK_p.mjs";
+import { C as TOOL_SET, S as is_text_input_focused, T as registerDefaultCommands, _ as SVG_NS, a as paint, b as XMLNS_NS, g as subtree, h as transform, i as TOOL_CURSOR, m as group, n as insertions, p as translate_pipeline, r as DEFAULT_STYLE, s as resize_pipeline, u as rotate_pipeline, v as SvgDocument, x as array_shallow_equal, y as WELL_KNOWN_NS_PREFIXES } from "./model-zMPCOVAr.mjs";
 import { HistoryImpl } from "@grida/history";
 import { KeyCode, M, chunkKey, eventToChunk, getKeyboardOS, kb, keybindingsToKeyCodes } from "@grida/keybinding";
 import cmath from "@grida/cmath";

package/dist/{editor-BlByfVyF.js → editor-DFvojUwn.js}

@@ -1,4 +1,4 @@
-const require_model = require("./model-DVwjrVYp.js");
+const require_model = require("./model-HEKGO-56.js");
 let _grida_history = require("@grida/history");
 let _grida_keybinding = require("@grida/keybinding");
 let _grida_cmath = require("@grida/cmath");

package/dist/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_model = require("./model-DVwjrVYp.js");
-const require_editor = require("./editor-BlByfVyF.js");
+const require_model = require("./model-HEKGO-56.js");
+const require_editor = require("./editor-DFvojUwn.js");
 exports.DEFAULT_STYLE = require_model.DEFAULT_STYLE;
 exports.PathModel = require_model.PathModel;
 exports.TOOL_CURSOR = require_model.TOOL_CURSOR;

package/dist/index.mjs

@@ -1,3 +1,3 @@
-import { t as createSvgEditor } from "./editor-CJ3ROm0G.mjs";
-import { i as TOOL_CURSOR, r as DEFAULT_STYLE, t as PathModel } from "./model-C6jCFK_p.mjs";
+import { t as createSvgEditor } from "./editor-DCDQl18y.mjs";
+import { i as TOOL_CURSOR, r as DEFAULT_STYLE, t as PathModel } from "./model-zMPCOVAr.mjs";
 export { DEFAULT_STYLE, PathModel, TOOL_CURSOR, createSvgEditor };

package/dist/{model-DVwjrVYp.js → model-HEKGO-56.js}

@@ -3518,9 +3518,12 @@ let resize_capability;
 		}
 	}
 	_resize_capability.origin_of_direction = origin_of_direction;
-	function effective(baseline, dir, sx_gesture, sy_gesture) {
+	function effective(baseline, dir, sx_gesture, sy_gesture, from_center = false) {
 		const bbox = baseline.bbox;
-		const origin = origin_of_direction(bbox, dir);
+		const origin = from_center ? {
+			x: bbox.x + bbox.width / 2,
+			y: bbox.y + bbox.height / 2
+		} : origin_of_direction(bbox, dir);
 		const c = constraint(baseline, dir, sx_gesture, sy_gesture);
 		const mask = direction_mask(dir);
 		const rect = {
@@ -3678,7 +3681,7 @@ let resize_pipeline;
 			for (const a of baseline.raw) doc.set_attr(id, a.name, a.value);
 		}
 		_intent.restore = restore;
-		function compute_factors(baseline, dir, dx, dy, shift) {
+		function compute_factors(baseline, dir, dx, dy, shift, from_center = false) {
 			const b = baseline.bbox;
 			let anchorX = 0;
 			let anchorY = 0;
@@ -3740,6 +3743,10 @@ let resize_pipeline;
 					affectsY = false;
 					break;
 			}
+			if (from_center) {
+				anchorX = b.x + b.width / 2;
+				anchorY = b.y + b.height / 2;
+			}
 			const newHX = baseHX + (affectsX ? dx : 0);
 			const newHY = baseHY + (affectsY ? dy : 0);
 			const denomX = baseHX - anchorX;
@@ -3962,7 +3969,7 @@ let resize_pipeline;
 				if (ctx.modifiers.aspect_lock !== "uniform") return { plan };
 				if (!resize_capability.is_corner(plan.direction)) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const locked = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, true);
+				const locked = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, true, ctx.modifiers.from_center);
 				const bbox = pbase.bbox;
 				const Hx_base = corner_x_of(bbox, plan.direction);
 				const Hy_base = corner_y_of(bbox, plan.direction);
@@ -3982,8 +3989,8 @@ let resize_pipeline;
 				if (!ctx.snap_session) return { plan };
 				if (!ctx.options.snap_enabled) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false);
-				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy);
+				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false, ctx.modifiers.from_center);
+				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy, ctx.modifiers.from_center);
 				if (eff.no_op) return { plan };
 				const r = ctx.snap_session.snap_resize(eff.rect, {
 					x: eff.mask.x_edge,
@@ -4035,8 +4042,8 @@ let resize_pipeline;
 				const q = ctx.options.pixel_grid_quantum;
 				if (q === null || q <= 0) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false);
-				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy);
+				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false, ctx.modifiers.from_center);
+				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy, ctx.modifiers.from_center);
 				if (eff.no_op) return { plan };
 				const target_Hx = eff.mask.affects_x ? Math.round(eff.moving_corner.x / q) * q : eff.moving_corner.x;
 				const target_Hy = eff.mask.affects_y ? Math.round(eff.moving_corner.y / q) * q : eff.moving_corner.y;
@@ -4071,7 +4078,7 @@ let resize_pipeline;
 	}
 	_resize_pipeline.run = run;
 	function apply(doc, plan, phase = "commit") {
-		const f = intent.compute_factors(plan.baseline, plan.direction, plan.dx, plan.dy, false);
+		const f = intent.compute_factors(plan.baseline, plan.direction, plan.dx, plan.dy, false, plan.from_center ?? false);
 		const members = plan.members ?? [{
 			id: plan.id,
 			baseline: plan.baseline
@@ -4196,7 +4203,8 @@ var ResizeOrchestrator = class {
 			members: session.members,
 			direction: session.direction,
 			dx,
-			dy
+			dy,
+			from_center: modifiers.from_center
 		};
 		const ctx = {
 			input: {

package/dist/{model-C6jCFK_p.mjs → model-zMPCOVAr.mjs}

@@ -3484,9 +3484,12 @@ let resize_capability;
 		}
 	}
 	_resize_capability.origin_of_direction = origin_of_direction;
-	function effective(baseline, dir, sx_gesture, sy_gesture) {
+	function effective(baseline, dir, sx_gesture, sy_gesture, from_center = false) {
 		const bbox = baseline.bbox;
-		const origin = origin_of_direction(bbox, dir);
+		const origin = from_center ? {
+			x: bbox.x + bbox.width / 2,
+			y: bbox.y + bbox.height / 2
+		} : origin_of_direction(bbox, dir);
 		const c = constraint(baseline, dir, sx_gesture, sy_gesture);
 		const mask = direction_mask(dir);
 		const rect = {
@@ -3644,7 +3647,7 @@ let resize_pipeline;
 			for (const a of baseline.raw) doc.set_attr(id, a.name, a.value);
 		}
 		_intent.restore = restore;
-		function compute_factors(baseline, dir, dx, dy, shift) {
+		function compute_factors(baseline, dir, dx, dy, shift, from_center = false) {
 			const b = baseline.bbox;
 			let anchorX = 0;
 			let anchorY = 0;
@@ -3706,6 +3709,10 @@ let resize_pipeline;
 					affectsY = false;
 					break;
 			}
+			if (from_center) {
+				anchorX = b.x + b.width / 2;
+				anchorY = b.y + b.height / 2;
+			}
 			const newHX = baseHX + (affectsX ? dx : 0);
 			const newHY = baseHY + (affectsY ? dy : 0);
 			const denomX = baseHX - anchorX;
@@ -3928,7 +3935,7 @@ let resize_pipeline;
 				if (ctx.modifiers.aspect_lock !== "uniform") return { plan };
 				if (!resize_capability.is_corner(plan.direction)) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const locked = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, true);
+				const locked = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, true, ctx.modifiers.from_center);
 				const bbox = pbase.bbox;
 				const Hx_base = corner_x_of(bbox, plan.direction);
 				const Hy_base = corner_y_of(bbox, plan.direction);
@@ -3948,8 +3955,8 @@ let resize_pipeline;
 				if (!ctx.snap_session) return { plan };
 				if (!ctx.options.snap_enabled) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false);
-				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy);
+				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false, ctx.modifiers.from_center);
+				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy, ctx.modifiers.from_center);
 				if (eff.no_op) return { plan };
 				const r = ctx.snap_session.snap_resize(eff.rect, {
 					x: eff.mask.x_edge,
@@ -4001,8 +4008,8 @@ let resize_pipeline;
 				const q = ctx.options.pixel_grid_quantum;
 				if (q === null || q <= 0) return { plan };
 				const pbase = pipeline_baseline(plan);
-				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false);
-				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy);
+				const f = intent.compute_factors(pbase, plan.direction, plan.dx, plan.dy, false, ctx.modifiers.from_center);
+				const eff = resize_capability.effective(pbase, plan.direction, f.sx, f.sy, ctx.modifiers.from_center);
 				if (eff.no_op) return { plan };
 				const target_Hx = eff.mask.affects_x ? Math.round(eff.moving_corner.x / q) * q : eff.moving_corner.x;
 				const target_Hy = eff.mask.affects_y ? Math.round(eff.moving_corner.y / q) * q : eff.moving_corner.y;
@@ -4037,7 +4044,7 @@ let resize_pipeline;
 	}
 	_resize_pipeline.run = run;
 	function apply(doc, plan, phase = "commit") {
-		const f = intent.compute_factors(plan.baseline, plan.direction, plan.dx, plan.dy, false);
+		const f = intent.compute_factors(plan.baseline, plan.direction, plan.dx, plan.dy, false, plan.from_center ?? false);
 		const members = plan.members ?? [{
 			id: plan.id,
 			baseline: plan.baseline
@@ -4162,7 +4169,8 @@ var ResizeOrchestrator = class {
 			members: session.members,
 			direction: session.direction,
 			dx,
-			dy
+			dy,
+			from_center: modifiers.from_center
 		};
 		const ctx = {
 			input: {

package/dist/presets.d.mts

@@ -1,5 +1,5 @@
 import { c as SvgEditor } from "./editor-CcW4BVth.mjs";
-import { n as DomSurfaceHandle, r as DomSurfaceOptions } from "./dom-Dw2SPHgc.mjs";
+import { n as DomSurfaceHandle, r as DomSurfaceOptions } from "./dom-D-ZJO9aK.mjs";
 
 //#region src/presets/keynote.d.ts
 declare namespace keynote_d_exports {

package/dist/presets.d.ts

@@ -1,5 +1,5 @@
 import { c as SvgEditor } from "./editor-CxqRhhzP.js";
-import { n as DomSurfaceHandle, r as DomSurfaceOptions } from "./dom-CQkWJNrK.js";
+import { n as DomSurfaceHandle, r as DomSurfaceOptions } from "./dom-Dl56kUW5.js";
 
 //#region \0rolldown/runtime.js
 declare namespace keynote_d_exports {

package/dist/presets.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_model = require("./model-DVwjrVYp.js");
-const require_dom = require("./dom-CuK0LFUY.js");
+const require_model = require("./model-HEKGO-56.js");
+const require_dom = require("./dom-Disackua.js");
 //#region src/presets/keynote.ts
 var keynote_exports = /* @__PURE__ */ require_model.__exportAll({ attach: () => attach });
 /**

package/dist/presets.mjs

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./chunk-D7D4PA-g.mjs";
-import { t as attach_dom_surface } from "./dom-DHaTIObb.mjs";
+import { t as attach_dom_surface } from "./dom-DVxR7PNh.mjs";
 //#region src/presets/keynote.ts
 var keynote_exports = /* @__PURE__ */ __exportAll({ attach: () => attach });
 /**

package/dist/react.d.mts

@@ -1,5 +1,5 @@
 import { A as EditorState, H as Mode, J as PickEvent, K as PaintPreviewSession, Q as Providers, U as NodeId, Y as PreviewSession, c as SvgEditor, j as EditorStyle, rt as Tool, t as Commands } from "./editor-CcW4BVth.mjs";
-import { n as DomSurfaceHandle } from "./dom-Dw2SPHgc.mjs";
+import { n as DomSurfaceHandle } from "./dom-D-ZJO9aK.mjs";
 import cmath from "@grida/cmath";
 import { ReactNode } from "react";
 

package/dist/react.d.ts

@@ -1,5 +1,5 @@
 import { A as EditorState, H as Mode, J as PickEvent, K as PaintPreviewSession, Q as Providers, U as NodeId, Y as PreviewSession, c as SvgEditor, j as EditorStyle, rt as Tool, t as Commands } from "./editor-CxqRhhzP.js";
-import { n as DomSurfaceHandle } from "./dom-CQkWJNrK.js";
+import { n as DomSurfaceHandle } from "./dom-Dl56kUW5.js";
 import cmath from "@grida/cmath";
 import { ReactNode } from "react";
 

package/dist/react.js

@@ -1,7 +1,7 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_editor = require("./editor-BlByfVyF.js");
-const require_dom = require("./dom-CuK0LFUY.js");
+const require_editor = require("./editor-DFvojUwn.js");
+const require_dom = require("./dom-Disackua.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-CJ3ROm0G.mjs";
-import { t as attach_dom_surface } from "./dom-DHaTIObb.mjs";
+import { t as createSvgEditor } from "./editor-DCDQl18y.mjs";
+import { t as attach_dom_surface } from "./dom-DVxR7PNh.mjs";
 import { createContext, useCallback, 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.21",
+  "version": "1.0.0-alpha.23",
   "description": "Headless SVG editor (experimental).",
   "keywords": [
     "bezier",
@@ -59,13 +59,13 @@
   },
   "dependencies": {
     "@grida/cmath": "0.2.3",
-    "@grida/keybinding": "0.2.1",
+    "@grida/color": "0.1.0",
     "@grida/history": "0.1.2",
-    "@grida/hud": "0.2.3",
     "@grida/vn": "0.1.0",
-    "@grida/svg": "0.2.0",
     "@grida/text-editor": "0.1.2",
-    "@grida/color": "0.1.0"
+    "@grida/hud": "0.3.0",
+    "@grida/keybinding": "0.2.1",
+    "@grida/svg": "0.2.0"
   },
   "devDependencies": {
     "@types/react": "^19",