@grida/svg-editor 1.0.0-alpha.18 → 1.0.0-alpha.20

package/dist/{model-BLhMJZKJ.js → model-CzL6_zId.js}

@@ -34,8 +34,168 @@ _grida_cmath = __toESM(_grida_cmath);
 let _grida_svg_parser = require("@grida/svg/parser");
 let _grida_svg_parse = require("@grida/svg/parse");
 let _grida_svg_pathdata = require("@grida/svg/pathdata");
+let _grida_color = require("@grida/color");
+_grida_color = __toESM(_grida_color);
 let _grida_vn = require("@grida/vn");
 _grida_vn = __toESM(_grida_vn);
+//#region src/commands/defaults.ts
+/** Command id for `tool.set`. Bound to V/R/O/L in `keymap/defaults.ts`. */
+const TOOL_SET = "tool.set";
+/**
+* The headless default `transform.nudge` handler. Exported so a host
+* surface that overrides nudge (e.g. for faux-snap UX) can restore the
+* default on teardown — the registry doesn't stack handlers, so a plain
+* unregister leaves the slot empty.
+*/
+function default_nudge_handler(editor) {
+	return (args) => {
+		if (editor.state.selection.length === 0) return false;
+		const { dx, dy } = args;
+		editor.commands.nudge({
+			dx,
+			dy
+		});
+		return true;
+	};
+}
+function registerDefaultCommands(reg, editor) {
+	reg.register("history.undo", () => {
+		if (!editor.state.can_undo) return false;
+		editor.commands.undo();
+		return true;
+	});
+	reg.register("history.redo", () => {
+		if (!editor.state.can_redo) return false;
+		editor.commands.redo();
+		return true;
+	});
+	reg.register("selection.deselect", () => {
+		if (editor.state.selection.length === 0) return false;
+		editor.commands.deselect();
+		return true;
+	});
+	reg.register("selection.remove", () => {
+		if (editor.state.selection.length === 0) return false;
+		editor.commands.remove();
+		return true;
+	});
+	reg.register("selection.group", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		return editor.commands.group();
+	});
+	reg.register("selection.duplicate", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		return editor.commands.duplicate().length > 0;
+	});
+	reg.register("selection.ungroup", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length !== 1) return false;
+		return editor.commands.ungroup();
+	});
+	reg.register("selection.resize_to", (args) => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		const target = args;
+		return editor.commands.resize_to(target);
+	});
+	reg.register("selection.nudge_resize", (args) => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		const { dw, dh } = args;
+		return editor.commands.resize_by({
+			dw,
+			dh
+		});
+	});
+	reg.register("selection.rotate", (args) => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		const a = args;
+		return editor.commands.rotate(a.angle, { pivot: a.pivot });
+	});
+	reg.register("selection.rotate_to", (args) => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		const a = args;
+		return editor.commands.rotate_to(a.angle, { pivot: a.pivot });
+	});
+	reg.register("selection.flatten_transform", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		return editor.commands.flatten_transform();
+	});
+	reg.register("selection.all", () => {
+		if (editor.state.mode !== "select") return false;
+		return editor.commands.select_all();
+	});
+	reg.register("selection.sibling", (args) => {
+		if (editor.state.mode !== "select") return false;
+		return editor.commands.select_sibling(args);
+	});
+	reg.register("selection.align", (args) => {
+		if (editor.state.mode !== "select") return false;
+		return editor.commands.align(args);
+	});
+	reg.register("clipboard.copy", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		return editor.commands.copy() !== null;
+	});
+	reg.register("clipboard.cut", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		return editor.commands.cut() !== null;
+	});
+	reg.register("clipboard.paste", (args) => {
+		if (editor.state.mode !== "select") return false;
+		const text = args?.text;
+		if (typeof text === "string") return editor.commands.paste(text).length > 0;
+		const provider = editor.providers.clipboard;
+		if (provider) {
+			provider.read().then((text) => {
+				if (text) editor.commands.paste(text);
+			}).catch((err) => {
+				console.warn("[svg-editor] clipboard provider read failed:", err);
+			});
+			return true;
+		}
+		return editor.commands.paste().length > 0;
+	});
+	reg.register("content.enter", () => editor.enter_content_edit());
+	reg.register("hierarchy.enter", () => {
+		if (editor.state.selection.length !== 1) return false;
+		const id = editor.state.selection[0];
+		const node = editor.tree().nodes.get(id);
+		if (!node || node.children.length === 0) return false;
+		editor.commands.select(node.children[0]);
+		return true;
+	});
+	reg.register("hierarchy.exit", () => {
+		if (editor.state.selection.length !== 1) return false;
+		const id = editor.state.selection[0];
+		const tree = editor.tree();
+		const node = tree.nodes.get(id);
+		if (!node || node.parent === null || node.parent === tree.root) return false;
+		editor.commands.select(node.parent);
+		return true;
+	});
+	reg.register("transform.nudge", default_nudge_handler(editor));
+	reg.register("reorder", (args) => {
+		if (editor.state.selection.length !== 1) return false;
+		editor.commands.reorder(args);
+		return true;
+	});
+	reg.register(TOOL_SET, (args) => {
+		const next = args;
+		const required_mode = next.type === "lasso" || next.type === "bend" ? "edit-content" : next.type === "insert" || next.type === "insert-text" ? "select" : null;
+		if (required_mode !== null && editor.state.mode !== required_mode) return false;
+		editor.set_tool(next);
+		return true;
+	});
+}
+//#endregion
 //#region src/util/dom.ts
 /**
 * `true` when the document's active element is a text-input-like control
@@ -4142,7 +4302,7 @@ let paint;
 			kind: "color",
 			value: {
 				kind: "rgb",
-				value: trimmed
+				value: _grida_color.default.resolveHEX(trimmed) ?? trimmed
 			}
 		};
 	}
@@ -5243,6 +5403,12 @@ Object.defineProperty(exports, "TOOL_CURSOR", {
 		return TOOL_CURSOR;
 	}
 });
+Object.defineProperty(exports, "TOOL_SET", {
+	enumerable: true,
+	get: function() {
+		return TOOL_SET;
+	}
+});
 Object.defineProperty(exports, "TranslateOrchestrator", {
 	enumerable: true,
 	get: function() {
@@ -5273,6 +5439,12 @@ Object.defineProperty(exports, "array_shallow_equal", {
 		return array_shallow_equal;
 	}
 });
+Object.defineProperty(exports, "default_nudge_handler", {
+	enumerable: true,
+	get: function() {
+		return default_nudge_handler;
+	}
+});
 Object.defineProperty(exports, "group", {
 	enumerable: true,
 	get: function() {
@@ -5303,6 +5475,12 @@ Object.defineProperty(exports, "paint", {
 		return paint;
 	}
 });
+Object.defineProperty(exports, "registerDefaultCommands", {
+	enumerable: true,
+	get: function() {
+		return registerDefaultCommands;
+	}
+});
 Object.defineProperty(exports, "resize_pipeline", {
 	enumerable: true,
 	get: function() {

package/dist/{model-DU0GOMwM.mjs → model-DS5MxDrd.mjs}

@@ -2,7 +2,166 @@ import cmath from "@grida/cmath";
 import { SVG_NS, XLINK_NS as XLINK_NS$1, XMLNS_NS, encode_attr_value, encode_text, parse_svg } from "@grida/svg/parser";
 import { svg_parse } from "@grida/svg/parse";
 import { SVGPathData, SVGPathDataTransformer, encodeSVGPath } from "@grida/svg/pathdata";
+import kolor from "@grida/color";
 import vn from "@grida/vn";
+//#region src/commands/defaults.ts
+/** Command id for `tool.set`. Bound to V/R/O/L in `keymap/defaults.ts`. */
+const TOOL_SET = "tool.set";
+/**
+* The headless default `transform.nudge` handler. Exported so a host
+* surface that overrides nudge (e.g. for faux-snap UX) can restore the
+* default on teardown — the registry doesn't stack handlers, so a plain
+* unregister leaves the slot empty.
+*/
+function default_nudge_handler(editor) {
+	return (args) => {
+		if (editor.state.selection.length === 0) return false;
+		const { dx, dy } = args;
+		editor.commands.nudge({
+			dx,
+			dy
+		});
+		return true;
+	};
+}
+function registerDefaultCommands(reg, editor) {
+	reg.register("history.undo", () => {
+		if (!editor.state.can_undo) return false;
+		editor.commands.undo();
+		return true;
+	});
+	reg.register("history.redo", () => {
+		if (!editor.state.can_redo) return false;
+		editor.commands.redo();
+		return true;
+	});
+	reg.register("selection.deselect", () => {
+		if (editor.state.selection.length === 0) return false;
+		editor.commands.deselect();
+		return true;
+	});
+	reg.register("selection.remove", () => {
+		if (editor.state.selection.length === 0) return false;
+		editor.commands.remove();
+		return true;
+	});
+	reg.register("selection.group", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		return editor.commands.group();
+	});
+	reg.register("selection.duplicate", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		return editor.commands.duplicate().length > 0;
+	});
+	reg.register("selection.ungroup", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length !== 1) return false;
+		return editor.commands.ungroup();
+	});
+	reg.register("selection.resize_to", (args) => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		const target = args;
+		return editor.commands.resize_to(target);
+	});
+	reg.register("selection.nudge_resize", (args) => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		const { dw, dh } = args;
+		return editor.commands.resize_by({
+			dw,
+			dh
+		});
+	});
+	reg.register("selection.rotate", (args) => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		const a = args;
+		return editor.commands.rotate(a.angle, { pivot: a.pivot });
+	});
+	reg.register("selection.rotate_to", (args) => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		const a = args;
+		return editor.commands.rotate_to(a.angle, { pivot: a.pivot });
+	});
+	reg.register("selection.flatten_transform", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		return editor.commands.flatten_transform();
+	});
+	reg.register("selection.all", () => {
+		if (editor.state.mode !== "select") return false;
+		return editor.commands.select_all();
+	});
+	reg.register("selection.sibling", (args) => {
+		if (editor.state.mode !== "select") return false;
+		return editor.commands.select_sibling(args);
+	});
+	reg.register("selection.align", (args) => {
+		if (editor.state.mode !== "select") return false;
+		return editor.commands.align(args);
+	});
+	reg.register("clipboard.copy", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		return editor.commands.copy() !== null;
+	});
+	reg.register("clipboard.cut", () => {
+		if (editor.state.mode !== "select") return false;
+		if (editor.state.selection.length === 0) return false;
+		return editor.commands.cut() !== null;
+	});
+	reg.register("clipboard.paste", (args) => {
+		if (editor.state.mode !== "select") return false;
+		const text = args?.text;
+		if (typeof text === "string") return editor.commands.paste(text).length > 0;
+		const provider = editor.providers.clipboard;
+		if (provider) {
+			provider.read().then((text) => {
+				if (text) editor.commands.paste(text);
+			}).catch((err) => {
+				console.warn("[svg-editor] clipboard provider read failed:", err);
+			});
+			return true;
+		}
+		return editor.commands.paste().length > 0;
+	});
+	reg.register("content.enter", () => editor.enter_content_edit());
+	reg.register("hierarchy.enter", () => {
+		if (editor.state.selection.length !== 1) return false;
+		const id = editor.state.selection[0];
+		const node = editor.tree().nodes.get(id);
+		if (!node || node.children.length === 0) return false;
+		editor.commands.select(node.children[0]);
+		return true;
+	});
+	reg.register("hierarchy.exit", () => {
+		if (editor.state.selection.length !== 1) return false;
+		const id = editor.state.selection[0];
+		const tree = editor.tree();
+		const node = tree.nodes.get(id);
+		if (!node || node.parent === null || node.parent === tree.root) return false;
+		editor.commands.select(node.parent);
+		return true;
+	});
+	reg.register("transform.nudge", default_nudge_handler(editor));
+	reg.register("reorder", (args) => {
+		if (editor.state.selection.length !== 1) return false;
+		editor.commands.reorder(args);
+		return true;
+	});
+	reg.register(TOOL_SET, (args) => {
+		const next = args;
+		const required_mode = next.type === "lasso" || next.type === "bend" ? "edit-content" : next.type === "insert" || next.type === "insert-text" ? "select" : null;
+		if (required_mode !== null && editor.state.mode !== required_mode) return false;
+		editor.set_tool(next);
+		return true;
+	});
+}
+//#endregion
 //#region src/util/dom.ts
 /**
 * `true` when the document's active element is a text-input-like control
@@ -4109,7 +4268,7 @@ let paint;
 			kind: "color",
 			value: {
 				kind: "rgb",
-				value: trimmed
+				value: kolor.resolveHEX(trimmed) ?? trimmed
 			}
 		};
 	}
@@ -5168,4 +5327,4 @@ function emitWithVerbs(network, meta) {
 	return encodeSVGPath(commands);
 }
 //#endregion
-export { is_text_input_focused as S, SVG_NS as _, paint as a, XMLNS_NS as b, hit_shape_svg as c, NudgeDwellWatcher as d, TranslateOrchestrator as f, subtree as g, transform as h, TOOL_CURSOR as i, RotateOrchestrator as l, group as m, insertions as n, ResizeOrchestrator as o, translate_pipeline as p, DEFAULT_STYLE as r, resize_pipeline as s, PathModel as t, rotate_pipeline as u, SvgDocument as v, array_shallow_equal as x, WELL_KNOWN_NS_PREFIXES as y };
+export { TOOL_SET as C, is_text_input_focused as S, registerDefaultCommands as T, SVG_NS as _, paint as a, XMLNS_NS as b, hit_shape_svg as c, NudgeDwellWatcher as d, TranslateOrchestrator as f, subtree as g, transform as h, TOOL_CURSOR as i, RotateOrchestrator as l, group as m, insertions as n, ResizeOrchestrator as o, translate_pipeline as p, DEFAULT_STYLE as r, resize_pipeline as s, PathModel as t, rotate_pipeline as u, SvgDocument as v, default_nudge_handler as w, array_shallow_equal as x, WELL_KNOWN_NS_PREFIXES as y };

package/dist/presets.d.mts

@@ -1,5 +1,5 @@
-import { c as SvgEditor } from "./editor-KqpIW1qm.mjs";
-import { n as DomSurfaceOptions, t as DomSurfaceHandle } from "./dom-TctdgRnn.mjs";
+import { c as SvgEditor } from "./editor-CcW4BVth.mjs";
+import { n as DomSurfaceHandle, r as DomSurfaceOptions } from "./dom-Dw2SPHgc.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-BSxTUsW_.js";
-import { n as DomSurfaceOptions, t as DomSurfaceHandle } from "./dom-BMzX1CXZ.js";
+import { c as SvgEditor } from "./editor-CxqRhhzP.js";
+import { n as DomSurfaceHandle, r as DomSurfaceOptions } from "./dom-CQkWJNrK.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-BLhMJZKJ.js");
-const require_dom = require("./dom-DKQ4Vt3z.js");
+const require_model = require("./model-CzL6_zId.js");
+const require_dom = require("./dom-CfYDV311.js");
 //#region src/presets/keynote.ts
 var keynote_exports = /* @__PURE__ */ require_model.__exportAll({ attach: () => attach });
 /**
@@ -35,8 +35,7 @@ function attach(editor, opts) {
 	apply();
 	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,
+		...inner,
 		set_padding(p) {
 			padding = p;
 			apply();

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-OP-kmK8k.mjs";
+import { t as attach_dom_surface } from "./dom-Dub-TMoN.mjs";
 //#region src/presets/keynote.ts
 var keynote_exports = /* @__PURE__ */ __exportAll({ attach: () => attach });
 /**
@@ -34,8 +34,7 @@ function attach(editor, opts) {
 	apply();
 	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,
+		...inner,
 		set_padding(p) {
 			padding = p;
 			apply();

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-KqpIW1qm.mjs";
-import { t as DomSurfaceHandle } from "./dom-TctdgRnn.mjs";
+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 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-BSxTUsW_.js";
-import { t as DomSurfaceHandle } from "./dom-BMzX1CXZ.js";
+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 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-Be6UrMeV.js");
-const require_dom = require("./dom-DKQ4Vt3z.js");
+const require_editor = require("./editor-4U9LAZ6r.js");
+const require_dom = require("./dom-CfYDV311.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/react.tsx
@@ -171,9 +171,14 @@ function use_lifecycle_session(open, deps) {
 	const sessionRef = (0, react.useRef)(null);
 	const ops = (0, react.useMemo)(() => ({
 		ensure() {
+			if (sessionRef.current?.live === false) sessionRef.current = null;
 			if (!sessionRef.current) sessionRef.current = open();
 			return sessionRef.current;
 		},
+		/** Non-creating read: is a gesture currently open underneath? */
+		live() {
+			return sessionRef.current?.live === true;
+		},
 		finalize(action, commit) {
 			const s = sessionRef.current;
 			if (!s) return;
@@ -192,6 +197,9 @@ function usePaintPreview(channel) {
 	const editor = useSvgEditor();
 	const lc = use_lifecycle_session(() => editor.commands.preview_paint(channel), [editor, channel]);
 	return (0, react.useMemo)(() => ({
+		get live() {
+			return lc.live();
+		},
 		update: (paint) => lc.ensure().update(paint),
 		commit: () => lc.finalize("commit", (s) => s.commit()),
 		discard: () => lc.finalize("discard", () => {})
@@ -202,6 +210,9 @@ function usePropertyPreview(name) {
 	const editor = useSvgEditor();
 	const lc = use_lifecycle_session(() => editor.commands.preview_property(name), [editor, name]);
 	return (0, react.useMemo)(() => ({
+		get live() {
+			return lc.live();
+		},
 		update: (value) => lc.ensure().update(value),
 		commit: () => lc.finalize("commit", (s) => s.commit()),
 		discard: () => lc.finalize("discard", () => {})

package/dist/react.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { t as createSvgEditor } from "./editor-BkCbYCz2.mjs";
-import { t as attach_dom_surface } from "./dom-OP-kmK8k.mjs";
+import { t as createSvgEditor } from "./editor-B1GmFnS9.mjs";
+import { t as attach_dom_surface } from "./dom-Dub-TMoN.mjs";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react.tsx
@@ -170,9 +170,14 @@ function use_lifecycle_session(open, deps) {
 	const sessionRef = useRef(null);
 	const ops = useMemo(() => ({
 		ensure() {
+			if (sessionRef.current?.live === false) sessionRef.current = null;
 			if (!sessionRef.current) sessionRef.current = open();
 			return sessionRef.current;
 		},
+		/** Non-creating read: is a gesture currently open underneath? */
+		live() {
+			return sessionRef.current?.live === true;
+		},
 		finalize(action, commit) {
 			const s = sessionRef.current;
 			if (!s) return;
@@ -191,6 +196,9 @@ function usePaintPreview(channel) {
 	const editor = useSvgEditor();
 	const lc = use_lifecycle_session(() => editor.commands.preview_paint(channel), [editor, channel]);
 	return useMemo(() => ({
+		get live() {
+			return lc.live();
+		},
 		update: (paint) => lc.ensure().update(paint),
 		commit: () => lc.finalize("commit", (s) => s.commit()),
 		discard: () => lc.finalize("discard", () => {})
@@ -201,6 +209,9 @@ function usePropertyPreview(name) {
 	const editor = useSvgEditor();
 	const lc = use_lifecycle_session(() => editor.commands.preview_property(name), [editor, name]);
 	return useMemo(() => ({
+		get live() {
+			return lc.live();
+		},
 		update: (value) => lc.ensure().update(value),
 		commit: () => lc.finalize("commit", (s) => s.commit()),
 		discard: () => lc.finalize("discard", () => {})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grida/svg-editor",
-  "version": "1.0.0-alpha.18",
+  "version": "1.0.0-alpha.20",
   "description": "Headless SVG editor (experimental).",
   "keywords": [
     "bezier",
@@ -58,13 +58,14 @@
     "tag": "alpha"
   },
   "dependencies": {
-    "@grida/history": "0.1.1",
+    "@grida/history": "0.1.2",
     "@grida/keybinding": "0.2.1",
+    "@grida/color": "0.1.0",
     "@grida/hud": "0.2.2",
-    "@grida/svg": "0.2.0",
-    "@grida/text-editor": "0.1.2",
     "@grida/cmath": "0.2.3",
-    "@grida/vn": "0.1.0"
+    "@grida/svg": "0.2.0",
+    "@grida/vn": "0.1.0",
+    "@grida/text-editor": "0.1.2"
   },
   "devDependencies": {
     "@types/react": "^19",