@threadlabs/looma 0.26.14 → 0.26.16

package/vue/chunks/UiText.js

@@ -10,6 +10,7 @@ var _hoisted_1 = [
 	"data-grow",
 	"data-size",
 	"data-tone",
+	"data-trim",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
@@ -23,6 +24,7 @@ var _hoisted_2 = [
 	"data-grow",
 	"data-size",
 	"data-tone",
+	"data-trim",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
@@ -36,6 +38,7 @@ var _hoisted_3 = [
 	"data-grow",
 	"data-size",
 	"data-tone",
+	"data-trim",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
@@ -49,6 +52,7 @@ var _hoisted_4 = [
 	"data-grow",
 	"data-size",
 	"data-tone",
+	"data-trim",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
@@ -62,6 +66,7 @@ var _hoisted_5 = [
 	"data-grow",
 	"data-size",
 	"data-tone",
+	"data-trim",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
@@ -75,6 +80,7 @@ var _hoisted_6 = [
 	"data-grow",
 	"data-size",
 	"data-tone",
+	"data-trim",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
@@ -88,6 +94,7 @@ var _hoisted_7 = [
 	"data-grow",
 	"data-size",
 	"data-tone",
+	"data-trim",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
@@ -101,6 +108,7 @@ var _hoisted_8 = [
 	"data-grow",
 	"data-size",
 	"data-tone",
+	"data-trim",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
@@ -114,6 +122,7 @@ var _hoisted_9 = [
 	"data-grow",
 	"data-size",
 	"data-tone",
+	"data-trim",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
@@ -127,6 +136,7 @@ var _hoisted_10 = [
 	"data-grow",
 	"data-size",
 	"data-tone",
+	"data-trim",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
@@ -140,6 +150,7 @@ var _hoisted_11 = [
 	"data-grow",
 	"data-size",
 	"data-tone",
+	"data-trim",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
@@ -176,6 +187,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			type: null,
 			default: "default"
 		},
+		trim: {
+			type: null,
+			default: false
+		},
 		truncate: {
 			type: null,
 			default: false
@@ -287,6 +302,16 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				],
 				default: "default"
 			},
+			trim: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "trim" },
+				description: "Removes extra font space above the capital height and below the baseline, for compact headings and labels. Prose keeps its existing line-edge space by\n      default. Browsers without text-box-trim retain normal font metrics.",
+				default: false
+			},
 			truncate: {
 				type: {
 					kind: "terminal",
@@ -348,6 +373,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			grow: false,
 			size: "inherit",
 			tone: "default",
+			trim: false,
 			truncate: false,
 			variant: "body",
 			weight: "inherit",
@@ -378,6 +404,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				kind: "terminal",
 				name: "keyword"
 			}, false, "tone", acceptedProps),
+			trim: checkedProp(props["trim"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "trim", acceptedProps),
 			truncate: checkedProp(props["truncate"], {
 				kind: "terminal",
 				name: "boolean"
@@ -427,6 +457,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			checkedProps.value.grow && "grow",
 			checkedProps.value.size && "size",
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
+			checkedProps.value.trim && "trim",
 			checkedProps.value.tone && "tone",
 			checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`,
 			checkedProps.value.weight && "weight",
@@ -452,6 +483,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
@@ -471,6 +503,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
@@ -490,6 +523,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
@@ -509,6 +543,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
@@ -528,6 +563,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
@@ -547,6 +583,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
@@ -566,6 +603,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
@@ -585,6 +623,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
@@ -604,6 +643,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
@@ -623,6 +663,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
@@ -642,6 +683,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-grow": reflectedProp("grow", "grow", checkedProps.value.grow, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
@@ -654,6 +696,6 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7090f745"]]);
+}), [["__scopeId", "data-v-a12d976f"]]);
 //#endregion
 export { UiText_default as t };

package/vue/components.css

@@ -8660,10 +8660,10 @@ tbody tr[data-v-722ca2ea-s]:last-child > * {
 /* Running text, set on the type scale and in a tone that says what it is, so a view never styles
        text of its own. The root is a paragraph unless as= names a span, div, small, strong, label, or
        heading. */
-[data-component~="ui-text"][data-ui-text-state~="grow"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="grow"][data-v-a12d976f] {
   flex: 1;
 }
-[data-component~="ui-text"][data-v-7090f745] {
+[data-component~="ui-text"][data-v-a12d976f] {
   margin: 0;
   min-inline-size: 0;
   color: var(--ui-text-primary);
@@ -8672,93 +8672,105 @@ tbody tr[data-v-722ca2ea-s]:last-child > * {
 
 /* A heading drops the browser's heading size and weight, so size and weight set it as they set
    any text, and inherit keeps the text around it. */
-[data-component~="ui-text"][data-v-7090f745]:is(h2, h3, h4, h5, h6) {
+[data-component~="ui-text"][data-v-a12d976f]:is(h2, h3, h4, h5, h6) {
   font-size: inherit;
   font-weight: inherit;
 }
-[data-component~="ui-text"][data-ui-text-state~="size=xs"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="size=xs"][data-v-a12d976f] {
   font-size: var(--ui-font-size-xs);
   line-height: var(--ui-line-height);
 }
-[data-component~="ui-text"][data-ui-text-state~="size=sm"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="size=sm"][data-v-a12d976f] {
   font-size: var(--ui-font-size-sm);
   line-height: var(--ui-line-height);
 }
-[data-component~="ui-text"][data-ui-text-state~="size=md"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="size=md"][data-v-a12d976f] {
   font-size: var(--ui-font-size-md);
   line-height: var(--ui-line-height);
 }
-[data-component~="ui-text"][data-ui-text-state~="size=lg"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="size=lg"][data-v-a12d976f] {
   font-size: var(--ui-font-size-lg);
   line-height: var(--ui-line-height-relaxed);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=secondary"][data-v-7090f745] {
+
+/* Opt in at the text owner; trimming does not inherit from a surrounding layout. */
+[data-component~="ui-text"][data-ui-text-state~="trim"][data-v-a12d976f] {
+  text-box-trim: trim-both;
+  text-box-edge: cap alphabetic;
+}
+[data-component~="ui-text"][data-ui-text-state~="tone=secondary"][data-v-a12d976f] {
   color: var(--ui-text-secondary);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=muted"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="tone=muted"][data-v-a12d976f] {
   color: var(--ui-text-muted);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=accent"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="tone=accent"][data-v-a12d976f] {
   color: var(--ui-accent-active);
 }
 /* Every status tone uses the text-safe token a subtle badge sets its words in, so text and badges
    in one tone match, and each holds 4.5:1 on sunken surfaces where some base colours fall short. */
-[data-component~="ui-text"][data-ui-text-state~="tone=danger"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="tone=danger"][data-v-a12d976f] {
   color: var(--ui-danger-subtle-text);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=success"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="tone=success"][data-v-a12d976f] {
   color: var(--ui-success-subtle-text);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=info"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="tone=info"][data-v-a12d976f] {
   color: var(--ui-info-subtle-text);
 }
-[data-component~="ui-text"][data-ui-text-state~="tone=warning"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="tone=warning"][data-v-a12d976f] {
   color: var(--ui-warning-subtle-text);
 }
-[data-component~="ui-text"][data-ui-text-state~="weight=normal"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="weight=normal"][data-v-a12d976f] {
   font-weight: var(--ui-font-normal);
 }
-[data-component~="ui-text"][data-ui-text-state~="weight=medium"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="weight=medium"][data-v-a12d976f] {
   font-weight: var(--ui-font-medium);
 }
-[data-component~="ui-text"][data-ui-text-state~="weight=semibold"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="weight=semibold"][data-v-a12d976f] {
   font-weight: var(--ui-font-semibold);
 }
-[data-component~="ui-text"][data-ui-text-state~="variant=eyebrow"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="variant=eyebrow"][data-v-a12d976f] {
   font-size: var(--ui-font-size-xs);
   font-weight: var(--ui-font-semibold);
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }
-[data-component~="ui-text"][data-ui-text-state~="variant=code"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="variant=code"][data-v-a12d976f] {
   font-family: var(--ui-font-family-mono);
 }
 
 /* A link in running text is underlined, so it stands apart from the words around it by more than
    colour. */
-[data-component~="ui-text"] a[data-v-7090f745-s] {
+[data-component~="ui-text"] a[data-v-a12d976f-s] {
   color: var(--ui-accent-active);
   text-decoration: underline;
   text-decoration-thickness: 0.06em;
   text-underline-offset: 0.18em;
 }
-[data-component~="ui-text"][data-ui-text-state~="truncate"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="truncate"][data-v-a12d976f] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-[data-component~="ui-text"][data-ui-text-state~="align=center"][data-v-7090f745] {
+
+/* Trim ends the layout box at the baseline; preserve descending ink while clipping long labels. */
+[data-component~="ui-text"][data-ui-text-state~="trim"][data-ui-text-state~="truncate"][data-v-a12d976f] {
+  overflow-x: clip;
+  overflow-y: visible;
+}
+[data-component~="ui-text"][data-ui-text-state~="align=center"][data-v-a12d976f] {
   text-align: center;
 }
-[data-component~="ui-text"][data-ui-text-state~="font=sans"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="font=sans"][data-v-a12d976f] {
   font-family: var(--ui-font-family-sans, sans-serif);
 }
-[data-component~="ui-text"][data-ui-text-state~="wrap=anywhere"][data-v-7090f745] {
+[data-component~="ui-text"][data-ui-text-state~="wrap=anywhere"][data-v-a12d976f] {
   overflow-wrap: anywhere;
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-text"][hidden][data-v-7090f745] {
+[data-component~="ui-text"][hidden][data-v-a12d976f] {
   display: none;
 }
 

package/vue/editor/LoomaEditor.d.ts

@@ -370,13 +370,13 @@ export declare const LoomaEditor: import("vue").DefineComponent<import("vue").Ex
 }>, {
     label: string;
     placeholder: string;
+    extensions: AnyExtension[];
+    editable: boolean;
     linkBaseUrl: string;
     disableHighlight: boolean;
     codeLanguages: Readonly<Record<string, import("highlight.js").LanguageFn>> | null;
     modelValue: JSONContent;
-    editable: boolean;
     contentDensity: "compact" | "comfortable";
-    extensions: AnyExtension[];
     slashCommands: LoomaEditorSlashCommands;
     mentionItems: LoomaMentionItem[];
     mentionProvider: LoomaMentionProvider | undefined;

package/vue/editor/compact/index.d.ts

@@ -64,9 +64,9 @@ export declare const LoomaCompactEditor: import("vue").DefineComponent<import("v
 }>, {
     label: string;
     id: string;
-    modelValue: JSONContent;
-    editable: boolean;
     extensions: AnyExtension[];
+    editable: boolean;
+    modelValue: JSONContent;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** Renders basic compact JSON as escaped Vue nodes, including during SSR. */
 export declare const LoomaCompactContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/vue/editor/compact/index.js

@@ -1,7 +1,8 @@
 import { defineComponent, h, onBeforeUnmount, onMounted, shallowRef, watch } from "vue";
 import { Extension, Mark, Node, markInputRule, markPasteRule, mergeAttributes } from "@tiptap/core";
 import { Editor, EditorContent } from "@tiptap/vue-3";
-import { history, redo, undo } from "@tiptap/pm/history";
+import { closeHistory, history, redo, undo } from "@tiptap/pm/history";
+import { Plugin } from "@tiptap/pm/state";
 //#region ../../node_modules/.pnpm/@tiptap+extension-document@2.27.2_@tiptap+core@2.27.2_@tiptap+pm@2.27.2_/node_modules/@tiptap/extension-document/dist/index.js
 /**
 * The default document node which represents the top level node of the editor.
@@ -392,6 +393,50 @@ var History = Extension.create({
 	}
 });
 //#endregion
+//#region src/editor/extensions/input-rule-history.ts
+/**
+* Keep the literal trigger in typing history before converting it. Tiptap's
+* usual input rule consumes the final character, so simply closing history
+* would restore an incomplete Markdown delimiter on Undo.
+* @invariant Conversion and subsequent typing are separate history events.
+* @lifecycle Tiptap clears its undoable input rule on typing or caret movement.
+*/
+var LoomaInputRuleHistory = Extension.create({
+	name: "loomaInputRuleHistory",
+	priority: 50,
+	onBeforeCreate() {
+		const props = this.editor.options.editorProps;
+		this.editor.setOptions({ editorProps: {
+			...props,
+			handleTextInput(view, from, to, text, defaultTransaction) {
+				if (props.handleTextInput?.call(props, view, from, to, text, defaultTransaction)) return true;
+				if (view.composing) return false;
+				const rules = view.state.plugins.find((plugin) => plugin.spec.isInputRules);
+				if (!rules?.props.handleTextInput) return false;
+				view.dispatch((defaultTransaction?.() ?? view.state.tr.insertText(text, from, to)).scrollIntoView());
+				const position = view.state.selection.from;
+				rules.props.handleTextInput.call(rules, view, position, position, "", defaultTransaction);
+				return true;
+			}
+		} });
+	},
+	addKeyboardShortcuts() {
+		return { Escape: () => this.editor.commands.undoInputRule() };
+	},
+	addProseMirrorPlugins() {
+		return [new Plugin({
+			filterTransaction(tr, state) {
+				if (state.plugins.some((plugin) => plugin.spec.isInputRules && tr.getMeta(plugin))) closeHistory(tr);
+				return true;
+			},
+			appendTransaction(transactions, _old, state) {
+				if (transactions.some((tr) => state.plugins.some((plugin) => plugin.spec.isInputRules && tr.getMeta(plugin)))) return closeHistory(state.tr);
+				return null;
+			}
+		})];
+	}
+});
+//#endregion
 //#region src/vue/editor/compact/extensions.ts
 /** Minimal short-form schema; additional consumer extensions are opt-in. */
 function getCompactEditorExtensions() {
@@ -403,7 +448,8 @@ function getCompactEditorExtensions() {
 		Italic,
 		Code,
 		HardBreak,
-		History
+		History,
+		LoomaInputRuleHistory
 	];
 }
 //#endregion

package/vue/editor/index.js

@@ -2026,11 +2026,14 @@ var LoomaEditor = defineComponent({
 			],
 			content: props.modelValue,
 			editable: props.editable,
-			editorProps: { attributes: {
-				role: "textbox",
-				"aria-multiline": "true",
-				"aria-label": props.label
-			} },
+			editorProps: {
+				attributes: {
+					role: "textbox",
+					"aria-multiline": "true",
+					"aria-label": props.label
+				},
+				handleKeyDown: (_view, event) => onFormattingKeyDown(event)
+			},
 			onCreate: ({ editor: instance }) => {
 				emit("ready", instance);
 				instance.state.doc.descendants((node) => {
@@ -2782,13 +2785,14 @@ var LoomaEditor = defineComponent({
 		};
 		const onFormattingKeyDown = (event) => {
 			cancelHeldPress();
-			if (event.key !== "Escape" || !floatingFormattingMode() || !(event.target instanceof Node) || !(root.value?.contains(event.target) || formattingPopup?.popper.contains(event.target))) return;
+			if (event.key !== "Escape" || !floatingFormattingMode() || !(event.target instanceof Node) || !(root.value?.contains(event.target) || formattingPopup?.popper.contains(event.target)) || !(formatOpen.value || formattingPopup?.popper.style.visibility === "visible")) return false;
 			const selection = editor.value?.state.selection;
 			dismissedFormattingSelection = selection instanceof TextSelection || selection instanceof AllSelection ? selection : null;
 			heldFormattingSelection = null;
 			formatOpen.value = false;
 			formattingPopup?.hide();
 			hideTool();
+			return true;
 		};
 		const onResizePointerDown = (event) => {
 			tableResizeActive = event.target instanceof HTMLElement && event.target.classList.contains("column-resize-handle");